| 1 |
- .container[data-v-0cae06ed]{width:90%;overflow:hidden;display:block;margin:0 auto}li[data-v-6d834d89],ul[data-v-6d834d89]{margin:0;padding:0;list-style:none}em[data-v-6d834d89],i[data-v-6d834d89],s[data-v-6d834d89]{font-style:normal;text-decoration:none}.container[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto}.addWhite[data-v-6d834d89] .el-dialog{position:absolute;right:0;padding:20px;margin:0 auto}.addWhite .dialogContent[data-v-6d834d89]{padding:10px}.cubeTitle[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto;height:20px;background:rgba(0,0,0,.29);line-height:20px;padding-top:20px;padding-bottom:20px;border-top:1px solid hsla(0,0%,50.6%,.4)}.cubeTitle .circle[data-v-6d834d89]{width:12px;height:12px;background:none;opacity:1;border:4px solid hsla(0,0%,100%,.2);border-radius:250px;float:left;margin-left:20px}.cubeTitle h5[data-v-6d834d89]{float:left;margin:0;font-family:PingFang SC;font-weight:400;font-size:20px;text-align:left;color:#fff;margin-left:16px}.cubeTitle span[data-v-6d834d89]{float:right;font-family:PingFang SC;font-weight:400;font-size:16px;text-align:right;color:#909090;padding-right:20px}.cubeTitle span.link[data-v-6d834d89]{cursor:pointer;color:#d1d1d1}.cubes[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto;background:rgba(98,98,98,.15);padding-top:17px;padding-bottom:25px}.cubes .sumCircle[data-v-6d834d89]{position:relative;width:131px;height:131px;border:4px solid #42676c;margin-left:118px;border-radius:250px;float:left;background:#161623;z-index:222}.sumCircle em[data-v-6d834d89]{margin:0 auto;font-weight:400;font-size:22px;margin-top:15px}.sumCircle em[data-v-6d834d89],.sumCircle span[data-v-6d834d89]{width:100%;overflow:hidden;display:block;font-family:PingFang SC;text-align:center;color:#86c2cb}.sumCircle span[data-v-6d834d89]{margin:0 auto;font-weight:600;font-size:46px}.cubes .longs[data-v-6d834d89]{position:relative;top:20px;left:-30px;width:77%;height:109px;background:hsla(0,0%,100%,.06);float:left;z-index:111;border-radius:250px;border-top-left-radius:0;border-bottom-left-radius:0}.longs .items[data-v-6d834d89]{width:15%;height:74px;border-radius:6px;background:hsla(0,0%,100%,.07);float:left;margin-left:4%;margin-top:18px}.items em[data-v-6d834d89]{width:30%;float:left;font-weight:400;font-size:18px;padding-left:20px}.items em[data-v-6d834d89],.items s[data-v-6d834d89]{height:74px;line-height:74px;font-family:PingFang SC;text-align:left}.items s[data-v-6d834d89]{width:48%;font-weight:600;font-size:40px;float:right}.items.online[data-v-6d834d89]{color:#50e879}.items.offline[data-v-6d834d89]{color:#bcbcbc}.items.stop[data-v-6d834d89]{color:#be696c}.items.error[data-v-6d834d89]{color:#ffb35a}.items.repair[data-v-6d834d89]{color:#8ae895}.dets .detsRow[data-v-6d834d89]{width:90%;overflow:hidden;display:block;margin:0 auto;margin-bottom:22px}.sumDets[data-v-6d834d89]{width:24%;height:136px;border-radius:10px 0 0 10px;background:transparent;border:4px solid #53a6b1;float:left}.sumDets em[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto;font-family:PingFang SC;font-weight:400;font-size:22px;text-align:center;color:#38e2f8;margin-top:24px}.sumDets span[data-v-6d834d89]{font-family:PingFang SC;font-weight:600;font-size:38px;text-align:center;color:#38e2f8}.dets .sumDdetail[data-v-6d834d89]{height:109px;margin-top:15px}.dets .Ddetail[data-v-6d834d89],.dets .sumDdetail[data-v-6d834d89]{overflow:hidden;float:left;width:74%;border-radius:0 10px 10px 0;background:#fff;background:hsla(0,0%,100%,.12)}.dets .Ddetail[data-v-6d834d89]{margin-top:3px}.sumDdetail span[data-v-6d834d89]{width:33%;float:left;line-height:109px}.Ddetail span[data-v-6d834d89]{width:33%;float:left;line-height:57px}.sumDdetail span em[data-v-6d834d89]{font-family:PingFang SC;font-weight:400;font-size:18px;text-align:left;line-height:109px;margin-right:5px}.sumDdetail span s[data-v-6d834d89]{font-family:PingFang SC;font-weight:600;font-size:40px;text-align:left;line-height:109px}.fontGreen[data-v-6d834d89]{color:#50e879}.fontYellow[data-v-6d834d89]{color:#ffec86}.fontred[data-v-6d834d89]{color:#ff5a5a}.fontgary[data-v-6d834d89]{color:#bcbcbc}.todayDets[data-v-6d834d89]{background:#53a6b1;color:#fff}.todayDets[data-v-6d834d89],.yesterdayDets[data-v-6d834d89]{width:25%;height:70px;border-radius:5px 0 0 5px;font-family:PingFang SC;font-weight:400;font-size:28px;text-align:center;line-height:70px;float:left}.yesterdayDets[data-v-6d834d89]{background:#bcbcbc;color:#000}.detsRow div span em[data-v-6d834d89]{float:left;line-height:60px;margin-left:14%;margin-right:10px}.sumDdetail[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto}.detsRow .sumDdetail span em[data-v-6d834d89]{float:left;line-height:110px;margin-left:12%;margin-right:10px}.detsRow div span s[data-v-6d834d89]{font-size:30px;float:left}.runtime[data-v-6d834d89]{margin-left:5%;width:95%;overflow:hidden;display:block}.runtime ul[data-v-6d834d89]{width:96%;overflow:hidden;display:block;margin-left:2%}.runtime li[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto;height:50px;border-radius:4px;background:hsla(0,0%,100%,.17);line-height:50px;color:#fff;margin-bottom:8px}.runtime li img.equip[data-v-6d834d89]{width:18px;float:left;margin-left:10px;line-height:50px;margin-top:2%;margin-right:10px}.runtime li em[data-v-6d834d89]{float:left;font-family:PingFang SC;font-weight:400;font-size:16px;text-align:left;color:#fff}.runtime .cubes[data-v-6d834d89]{min-height:350px}.runtime li .type[data-v-6d834d89]{width:100px}.runtime li .mac[data-v-6d834d89]{width:160px}.runtime li .location[data-v-6d834d89]{width:155px;height:30px;line-height:30px;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runtime li span[data-v-6d834d89]{width:70px;float:left}.runtime li .time[data-v-6d834d89]{float:right;margin-right:2%}.up .el-icon-top[data-v-6d834d89]{color:#38e2f8}.down .el-icon-bottom[data-v-6d834d89]{color:#ff5a5a}.report[data-v-6d834d89]{width:95%;float:right}.report ul[data-v-6d834d89]{width:96%;overflow:hidden;display:block;margin-left:2%}.report li[data-v-6d834d89]{width:100%;overflow:hidden;display:block;margin:0 auto;height:50px;border-radius:4px;background:hsla(0,0%,100%,.17);line-height:50px;color:#fff;margin-bottom:8px}.report li img.equip[data-v-6d834d89]{width:18px;float:left;margin-left:10px;line-height:50px;margin-top:2%;margin-right:10px}.report span.link[data-v-6d834d89]{cursor:pointer;color:#d1d1d1}.report li em[data-v-6d834d89]{float:left;font-family:PingFang SC;font-weight:400;font-size:16px;text-align:left;color:#fff}.report li .type[data-v-6d834d89]{width:80px}.report li .location[data-v-6d834d89]{width:150px;height:30px;line-height:30px;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report li span[data-v-6d834d89]{width:70px;float:left}.report li .time[data-v-6d834d89]{float:left;margin-left:4%}.report .dangerItem[data-v-6d834d89]{background:rgba(255,0,0,.17)}.report .warningItem[data-v-6d834d89]{background:rgba(255,236,134,.17)}.closeItem[data-v-6d834d89]{float:right;margin-top:17px;margin-right:5px}.report .warnItem[data-v-6d834d89]{background:rgba(255,236,134,.17)}.chartItem[data-v-6d834d89]{float:right;margin-right:3%}.chartItem em[data-v-6d834d89]{float:left;font-family:PingFang SC;font-weight:400;font-size:16px;text-align:center;margin-left:18px}.chartItem h5[data-v-6d834d89]{width:68px;height:10px;float:left;margin-top:5px}.chartItem .cubeGreen[data-v-6d834d89]{background:#50e879}.chartItem .cubeYellow[data-v-6d834d89]{background:#ffec86}.chartItem .cubered[data-v-6d834d89]{background:#ff5a5a}.chartCuebs[data-v-6d834d89]{height:215px;overflow:hidden;padding:0}.slowJump[data-v-6d834d89]{animation:mymove-data-v-6d834d89 3s infinite;-webkit-animation:mymove-data-v-6d834d89 3s infinite;animation-direction:alternate;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease-in-out}@keyframes mymove-data-v-6d834d89{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@-webkit-keyframes mymove-data-v-6d834d89{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}
|