.cjhz{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;position:relative;padding:0 .67708rem;cursor:pointer}.cjhz,.cjhz-item{display:-webkit-box;display:-ms-flexbox;display:flex}.cjhz-item{width:10.625rem;height:6.45833rem;background:rgba(20,112,204,.19);border:.02604rem solid #1470cc;padding-left:1.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cjhz-item .name{font-size:.72917rem;color:#0acccc;margin-bottom:.72917rem}.cjhz-item .count{font-size:2.5rem;font-family:DINAlternate-Bold}.cjhz-item .count.error{color:#ff3e00}.cjhz-item .count span{font-size:1.25rem}.progress-box{padding-top:1.5rem;padding-bottom:1.6rem}.progress-box-item{height:1.6842rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.8421rem;margin-bottom:.5263rem}.progress-box-item .name{color:#0acccc;font-size:.8421rem;width:20%}.progress-box-item .progress{width:14.7368rem;height:1.6842rem;border:1px solid #0acccc;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.2105rem}.progress-box-item .progress-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.progress-box-item .progress-content-value{color:#fff;font-size:.7368rem;margin-left:.2105rem}.progress-box-item .progress-content-value,.progress-box-item .progress-content .prog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-box-item .progress-content .prog{height:100%;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:4px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.progress-box-item .progress-content .prog span{color:#fff;font-size:.7368rem;text-shadow:0 0 .5263rem #000}.progress-box-item .progress-content .prog.warn{background-color:#ff7a0d}.progress-box-item .progress-content .prog.error{background-color:#ff3e00}.progress-box-item .progress-content .prog.normal{background-color:#0acccc}.progress-box .scale{width:100%;height:4px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:.5rem;color:#0acccc;border:1px solid #0acccc;border-bottom:none;position:relative;font-size:.6316rem}.progress-box .scale div{position:absolute;top:.5263rem;left:-.3158rem;right:-.9474rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dashboard-middle-hignUse{width:37.0526rem;margin:0 auto}.dashboard-middle-hignUse-item{width:100%;height:3.3684rem;background-color:rgba(10,204,204,.22);margin-bottom:.8421rem;-webkit-box-shadow:inset 0 0 1px 0 #0acccc;box-shadow:inset 0 0 1px 0 #0acccc;border-radius:2px;border:1px solid #0acccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1.5789rem 0 .8421rem}.dashboard-middle-hignUse-item .name{color:#85ffff;font-size:1.2632rem}.dashboard-middle-hignUse .card{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;font-size:.8421rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:2.6316rem}.dashboard-middle-hignUse .card.server{margin-left:0}.dashboard-middle-hignUse .card.server div{width:33.3%;height:3.3684rem;margin-right:.8421rem;font-size:1.25rem;color:#85ffff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dashboard-middle-hignUse .card.server div:last-of-type{margin:0}.dashboard-middle-hignUse .card.server .icon-server{display:inline-block;width:1.09375rem;height:1.09375rem;background:url(../assets/icon-server.ae518c84.svg) 50% no-repeat;background-size:contain;margin-right:.26042rem}.dashboard-middle-hignUse .card.server p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard-middle-hignUse .card.server .ip{font-size:.83333rem;color:#fff;font-family:DINAlternate-Bold;margin-top:.41667rem}.dashboard-middle-hignUse .card div{width:6.3158rem;height:1.8947rem;background:rgba(10,204,204,.22);border:1px solid #0acccc;-webkit-box-shadow:inset 0 0 1px 0 #0acccc;box-shadow:inset 0 0 1px 0 #0acccc;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:.4211rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-shadow:0 0 4px #0a3333;backdrop-filter:blur(5px)}.dashboard-middle-hignUse .card div.warn{background:rgba(255,178,13,.43);border:1px solid #ffb20d;-webkit-box-shadow:inset 0 0 4px 0 #ffb20d;box-shadow:inset 0 0 4px 0 #ffb20d;color:#fff;text-shadow:0 0 4px #ffb20d}.dashboard-middle-hignUse .card div.error{background:rgba(255,117,115,.43);border:1px solid #ff7573;-webkit-box-shadow:inset 0 0 4px 0 #ff7573;box-shadow:inset 0 0 4px 0 #ff7573;color:#ffe2db;text-shadow:0 0 4px #cc230a;-webkit-animation:blink 1s infinite both;animation:blink 1s infinite both}.dashboard-middle-hignUse .card div.error .icon-server{background:url(../assets/server_error.e6b4d5b4.svg) 50% no-repeat}.dashboard-middle-hignUse .card div:last-of-type{margin:0}.netStatus{position:relative;z-index:3;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.55rem 1.0526rem 0}.netStatus .netBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.3158rem}.netStatus .netBox.error .net-bg{background:rgba(255,62,0,.19);border-color:#ff3e00;-webkit-box-shadow:inset 0 0 .2105rem 0 #ff3e00;box-shadow:inset 0 0 .2105rem 0 #ff3e00}.netStatus .netBox.error .net-content{color:#fff;text-shadow:0 0 4px rgba(255,62,0,.6)}.netStatus .netBox.error .net-content:before{border-color:transparent transparent transparent #ff3e00;-webkit-animation:none;animation:none}.netStatus .netBox .net{width:10.2105rem;height:5.0526rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.netStatus .netBox .net-bg{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(20,112,204,.19);border:1px solid #1470cc;-webkit-box-shadow:inset 0 0 .2105rem 0 #1470cc;box-shadow:inset 0 0 .2105rem 0 #1470cc}.netStatus .netBox .net-bg.warn{background:rgba(255,117,115,.23);border:1px solid #ff7573;-webkit-box-shadow:inset 0 0 4px 0 #ff7573;box-shadow:inset 0 0 4px 0 #ff7573}.netStatus .netBox .net-content{color:#84ffff;font-size:1.8947rem;text-shadow:0 0 4px #0acccc;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;border:1px solid transparent;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.6316rem}.netStatus .netBox .net-content-desc{position:absolute;width:100%;right:.4211rem;top:.3158rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.netStatus .netBox .net-content-desc div{font-size:.6316rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0acccc;text-shadow:none}.netStatus .netBox .net-content-desc div:nth-of-type(2){margin-left:8px}.netStatus .netBox .net-content-desc div i{display:inline-block;width:.3158rem;height:.3158rem;background-color:#0acc78;margin:0 .2632rem}.netStatus .netBox .net-content-desc div i.blink{-webkit-animation:blink .6s infinite both;animation:blink .6s infinite both}.netStatus .netBox .net-content-desc div i.data{-webkit-animation:blink 2s infinite both;animation:blink 2s infinite both}.netStatus .netBox .net-content.trapezoid:before{-webkit-animation:none;animation:none}.netStatus .netBox .net-content:before{content:"";position:absolute;top:50%;left:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:3.0526rem;border-style:solid;border-width:.3158rem;border-color:transparent transparent transparent #0acc78;-webkit-animation:blink 1s infinite both;animation:blink 1s infinite both}.netStatus .netBox .net-content.warn{color:#fff;font-family:DINAlternate-Bold;text-shadow:none;text-shadow:0 0 4px #ff3e00}.netStatus .netBox .net-content.warn:before{border-color:transparent transparent transparent #ff3e00;-webkit-animation:none;animation:none}.netStatus .netBox .net-content.warn .net-content-desc div{color:#ff7573}.netStatus .netBox .net-content.warn .net-content-desc div i{background-color:rgba(255,62,0,.3);-webkit-animation:none;animation:none}.netStatus .netBox .net-content .arrow{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1.0526rem}.netStatus .netBox .net-content .arrow div{width:.6316rem;height:1.8947rem;background:url(../assets/arrow.71ae3047.svg) no-repeat;background-size:contain}.netStatus .netBox .net-content .arrow-left,.netStatus .netBox .net-content .arrow-right{-webkit-animation:blink .6s infinite both;animation:blink .6s infinite both}.netStatus .netBox .net-content .arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:.8s;animation-delay:.8s}.netStatus .netflow{width:100%;height:3.0526rem;position:relative}.netStatus .netflow-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(20,112,204,.19);border:1px solid #1470cc;-webkit-box-shadow:inset 0 0 .2105rem 0 #1470cc;box-shadow:inset 0 0 .2105rem 0 #1470cc}.netStatus .netflow-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;width:100%;height:3.0526rem}.netStatus .netflow .cn{font-size:.6316rem;color:#84ffff}.netStatus .netflow .num{font-size:1.2632rem}.netStatus .netflow .unit{font-size:.72917rem;margin-left:.10417rem}.eleStatus{-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:3;padding:.55rem 1.0526rem;padding-bottom:.3158rem}.eleStatus,.eleStatus-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.eleStatus-item{width:6.7368rem;height:5.0526rem;margin-bottom:.9474rem;margin-right:.4211rem;color:#0acccc;font-size:1.2632rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.0526rem 0 .4211rem}.eleStatus-item.error{color:#ff3e00}.eleStatus-item.error:before{border-color:#ff3e00 transparent transparent transparent}.eleStatus-item-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(20,112,204,.19);border:1px solid #1470cc;-webkit-box-shadow:inset 0 0 .2105rem 0 #1470cc;box-shadow:inset 0 0 .2105rem 0 #1470cc;z-index:-1}.eleStatus-item:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.5263rem;border-style:solid;border-width:.2632rem;border-color:#0acc78 transparent transparent transparent;-webkit-animation:blink 1.5s infinite both;animation:blink 1.5s infinite both}.eleStatus-item .text{text-align:center;width:100%}.eleStatus-item:nth-of-type(3n){margin-right:0}.eleStatus-item:nth-of-type(n+3){margin-bottom:0}.eleStatus-item .box{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:.3158rem;-webkit-box-sizing:border-box;box-sizing:border-box}.eleStatus-item .box-item{width:1.8947rem;height:1.2632rem;background:#0acccc;border-radius:2px;margin-right:.2105rem}.eleStatus-item .box-item.active{background:#ff3e00}.eleStatus-item .box-item:last-of-type{margin:0}.alarm-list{position:relative;z-index:3;width:21.0526rem;height:7.8421rem;margin:.55rem auto;padding:1.6rem 0 1.6rem 1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.alarm-list-bg{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(20,112,204,.19);border:1px solid #1470cc;-webkit-box-shadow:inset 0 0 .3684rem 0 #1470cc;box-shadow:inset 0 0 .3684rem 0 #1470cc;z-index:-1}.alarm-list-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:auto;height:5.7895rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:1rem}.alarm-list-content-item{position:relative;font-size:.8421rem;margin-bottom:.6rem;width:48%;height:3.2053rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.5526rem;padding-top:.5263rem}.alarm-list-content-item.error{background-color:rgba(255,62,0,.2);border-bottom:4px solid #ff7573}.alarm-list-content-item.error .title{color:#ff7573}.alarm-list-content-item.error i{background-image:url(../assets/ha-errorlist.37c77103.svg)}.alarm-list-content-item.warn{background-color:rgba(255,167,0,.2);border-bottom:4px solid #ffa700}.alarm-list-content-item.warn .title{color:#ffa700}.alarm-list-content-item.warn i{background-image:url(../assets/ha-warnlist.15c2e990.svg)}.alarm-list-content-item p{width:80%;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.alarm-list-content-item p.title{font-size:12px;margin-bottom:.4105rem}.alarm-list-content-item p.title i{position:absolute;top:.6316rem;right:.6316rem;background-repeat:no-repeat;background-size:contain;width:1.2632rem;height:1.2632rem}.alarm-list-content-noalarm{width:100%;height:100%;font-size:1.6842rem;font-weight:700;color:rgba(10,204,204,.2);text-align:center;line-height:4.5rem}.alarm-list-content::-webkit-scrollbar{width:.2105rem;height:.5263rem;background-color:transparent}.alarm-list-content::-webkit-scrollbar-track,.alarm-list-content::-webkit-scrollbar-track-piece{background-color:rgba(20,112,204,.3)}.alarm-list-content::-webkit-scrollbar-thumb{border-radius:.5263rem;background-color:#1470cc}.alarm-list-content::-webkit-scrollbar-button{height:0}.run-time-statistics{padding-top:.98958rem;padding-left:1.45833rem;padding-bottom:1.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.run-time-statistics .title{margin-bottom:.57292rem;font-size:.72917rem;line-height:1.04167rem;color:#0acccc}.run-time-statistics .count{font-size:2.5rem;font-family:DINAlternate-Bold}.run-time-statistics .count span{font-size:.83333rem;margin-left:.20833rem}