[data-v-15dfc97e]{margin:0;padding:0;box-sizing:border-box}li[data-v-15dfc97e]{list-style:none}.container[data-v-15dfc97e]::-webkit-scrollbar{display:none}#container[data-v-15dfc97e]{position:relative;background-color:#000334}#container .models[data-v-15dfc97e]{position:absolute;background-color:#000334;left:0;right:0;top:0;transform:translateY(-100%)}#container #preview[data-v-15dfc97e]{width:100%;height:auto}#container .left[data-v-15dfc97e],#container .right[data-v-15dfc97e]{width:20.8%;display:flex;flex-direction:column;position:absolute;top:11%;bottom:5%}#container .left .box[data-v-15dfc97e],#container .right .box[data-v-15dfc97e]{width:100%;height:15%;background:url(../../static/img/backBorder.7e86bfee.png);background-size:100% 100%;position:relative}#container .left .box .title[data-v-15dfc97e],#container .right .box .title[data-v-15dfc97e]{position:absolute;left:50%;transform:translate(-50%,-55%);color:#fff;font-size:.21rem}#container .left[data-v-15dfc97e]{left:2.4%}#container .left .box#effectiveState[data-v-15dfc97e]{flex:2.5;overflow-x:clip}#container .left .box#effectiveState .left[data-v-15dfc97e],#container .left .box#effectiveState .right[data-v-15dfc97e]{position:absolute;width:20px;height:40px;top:50%;transform:translateY(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAKAAAAADWDKV6AAACTklEQVRIDa3Vz2sTQRQH8O9b17JqG4JtpIcKPQTtwYOgFIpFDEjdePds/wTxL+hf4N+gZ+/5UYSAVESp4MFDlRyK5CC20RorLjXd50zohNnN7GR3k73MzNt5n32zk9lgscYlTOm612LX+ePi2jS8hR2e+xhgyZkWFvzCxhMfXycGZWVBD49nLuLdFlE4EXiGbRLQ+VGhjlxtbnCIMWa9C3ilXl0uUGFgzBOhdVCh49ygjon1fX9axXuFyTZThRFMJLtATW5ELjCOgfDpqEr7Oib7qSqMY+K9nSwC23FMjkXV9iuODWYTXrer1DNlWitMwLq+j7cmTMYSQSMmExzUXxKdZgKTMPH4vZ5P7SRMxkcqTMSA/oKHhg0bAS2YfPTOfoWOUoM2jIGf10t4Mw4bVmjD5CTPRfPDbfqXChQHR37PNuVBNyWIXW13H9Ce6Z4pNrIppklZYg47+O0V8Fycza4pMQxRnm/yiumeKTao8HCdrGhwCv/WLp83AfHYcMk2lBjFzwe4E082jYegvGlDEWJ9ucVFE6LHIuAY1D0M4OvJpv4IaEVDrBQaXDZBKmYEbajY9eoj5nMKiLeJYCIqDkCjgbU4pMZW0ILeLde4oBC9HQuaUGbMfAM2dEj1U4EmVJz9G8U6LytItalBE9oHHm6xOLzaFRlo8cRu5Mcf4sqzOlb1yZlBmayj4n1WSi2eVWguUEeZcBz8xf2JwQgKLF1u8lUZy12hquhs+S9O+lgdbNDcNqf6LCkgqZX/S/Jn5Fzq40vSpCxxWelND53/oo8RuWAfPh4AAAAASUVORK5CYII=);z-index:10;cursor:pointer}#container .left .box#effectiveState .left[data-v-15dfc97e]{left:2%}#container .left .box#effectiveState .right[data-v-15dfc97e]{right:2%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAKAAAAADWDKV6AAACTElEQVRIDa3WT2sTQRgG8GemsWy1DcE20kOFHoL24EFQCtIiDUjZ9O5N0I8gfoJ+Aj+Dnr03SRECUvEPCh48qO2hSA5ia61pxaWmeX3fxR2y3c1mNrt7SGY3M7953t3JsFhpUQE5HbMbVNYfPMzNbNFUHubvAq7ohy6+er+wmheq15XqjZ/HG6+D+3mgWko9qKq2AtqMPsiK+qCgzgSeK8JkVtSAe1V1rBRaIExnQQ0oKR/V8BYa37OgIVAeEC/KDcFHRUOgOIc1tQuFj9IeBY2A4swCm3w/T6SdFo0Fd9ZUh1O+8MGUaCwohuviFaM/0qIDwWdKnWqNugGlYbGkBoIyvuOqHV5Gn6RtjiFoIijIjIMGf3UNKI0EdCi4W1WHnHIrBCagQ0EZe7WMlwT8tEGtwPc31V+ngGYElAtnyuddy/4o1uler4dK7AheYrwqtq0SxgIDLlqD001aSErnFPGENI6swBvv6Jx3Cjc2FJcq2P6yOpLfrcDPe1ji3bwUAc9gVuB8i0roYdkGswL3Pb/U8MtATLJgwsSSiw2qcLqFoLP/nYAlJrxLNMZPtZYGSwQbDdySf4EBhyQL+sWWXHlNRcZuB51ko+1fGuZ6TCN8s/93+HaAVQbH/dMUmPSPJCzVaZ6xa6NgEXCdSPNOujYqJuNCJT+uY5HTXUpzz/zJ+z5MyeUWTRKhmgUT14DeH9whhWPbp9kXKtT0wYtNusxb/FxWzE8oD+Kki0XGngZbUGjKtCeyTLK+tQZzTm3Skr7uoJ1LMlYvdPHlH68+EHXzk2jMAAAAAElFTkSuQmCC)}#container .left .box#effectiveState ul[data-v-15dfc97e]{position:absolute;width:200%;height:100%;left:0}#container .left .box#effectiveState ul li[data-v-15dfc97e]{width:50%;height:100%;float:left;padding:1.8% 30px}#container .left .box#effectiveState ul li h3[data-v-15dfc97e]{font-size:.225rem;color:#a4d8ff}#container .left .box#effectiveState ul li .wrapper[data-v-15dfc97e]{display:flex;justify-content:space-around;margin:4.5%}#container .left .box#effectiveState ul li .wrapper .innerTitle[data-v-15dfc97e]{font-size:.2rem;color:#a4d8ff;white-space:nowrap}#container .left .box#effectiveState ul li .wrapper span[data-v-15dfc97e]{font-size:.2rem;color:#fff}#container .left .box#effectiveState ul li .gasElectricRatio[data-v-15dfc97e]{width:100%;height:.4167rem;line-height:.4167rem;border:1px solid #a4d8ff;border-radius:20px;box-shadow:inset -1px -1px 6px 2px #a4d8ff;color:#a4d8ff;text-align:center;font-size:.2rem}#container .left .box#socialBenefit[data-v-15dfc97e]{flex:1.25;margin:6% 0 15%;display:flex;justify-content:space-around;align-items:center}#container .left .box#socialBenefit .title[data-v-15dfc97e]{top:0}#container .left .box#socialBenefit .innerTitle[data-v-15dfc97e]{font-size:.2rem;color:#a4d8ff}#container .left .box#socialBenefit span[data-v-15dfc97e]{font-size:.2rem;color:#fff}#container .left .box.charts[data-v-15dfc97e]{flex:6.25;background-image:none;display:flex;flex-direction:column;justify-content:space-between}#container .left .box.charts .chartsTitle[data-v-15dfc97e]{color:#fff;font-size:.21rem;position:absolute;left:50%;top:-11%;transform:translateX(-50%);white-space:nowrap}#container .left .box.charts .container[data-v-15dfc97e]{width:100%;height:30%;background:url(../../static/img/backBorder.7e86bfee.png);background-size:100% 100%;position:relative}#container .left .box.charts .container .title[data-v-15dfc97e]{font-size:.2rem}#container .left .box.charts .container .unit[data-v-15dfc97e]{position:absolute;color:#a4d8ff;left:50%;top:8%;transform:translateX(-50%);font-size:.18rem}#container .left .box.charts .container div[data-v-15dfc97e]{width:100%;height:100%}#container .right[data-v-15dfc97e]{right:2.4%}#container .right .box#runningState[data-v-15dfc97e]{flex:3}#container .right .box#runningState .wrapper[data-v-15dfc97e]{width:100%;height:50%;display:flex;justify-content:space-around}#container .right .box#runningState .wrapper li[data-v-15dfc97e]{width:30%;height:75%;display:flex;flex-direction:column;align-items:center}#container .right .box#runningState .wrapper li .text[data-v-15dfc97e]{font-size:.2rem}#container .right .box#runningState .wrapper li .description[data-v-15dfc97e]{font-size:.175rem}#container .right .box#runningState .wrapper li .img[data-v-15dfc97e]{width:100%;height:70%}#container .right .box#runningState .wrapper li.online .img[data-v-15dfc97e]{background:url(../../static/img/1.176c7278.png) 50% no-repeat}#container .right .box#runningState .wrapper li.online .description[data-v-15dfc97e],#container .right .box#runningState .wrapper li.online .text[data-v-15dfc97e]{color:#117b8a}#container .right .box#runningState .wrapper li.standy .img[data-v-15dfc97e]{background:url(../../static/img/2.35d38896.png) 50% no-repeat}#container .right .box#runningState .wrapper li.standy .description[data-v-15dfc97e],#container .right .box#runningState .wrapper li.standy .text[data-v-15dfc97e]{color:#2d65ae}#container .right .box#runningState .wrapper li.offline .img[data-v-15dfc97e]{background:url(../../static/img/3.b00a2b5a.png) 50% no-repeat}#container .right .box#runningState .wrapper li.offline .description[data-v-15dfc97e],#container .right .box#runningState .wrapper li.offline .text[data-v-15dfc97e]{color:#b8b8bb}#container .right .box#runningState .wrapper li.hitch .img[data-v-15dfc97e]{background:url(../../static/img/4.fb86e137.png) 50% no-repeat}#container .right .box#runningState .wrapper li.hitch .description[data-v-15dfc97e],#container .right .box#runningState .wrapper li.hitch .text[data-v-15dfc97e]{color:#ca0400}#container .right .box#runningState .wrapper li.maintain .img[data-v-15dfc97e]{background:url(../../static/img/5.bf9f09b7.png) 50% no-repeat}#container .right .box#runningState .wrapper li.maintain .description[data-v-15dfc97e],#container .right .box#runningState .wrapper li.maintain .text[data-v-15dfc97e]{color:#eeab03}#container .right .box#runningState .wrapper[data-v-15dfc97e]:nth-child(3){position:absolute;width:71.25%;top:58%;left:50%;transform:translateX(-50%)}#container .right .box#live[data-v-15dfc97e]{flex:3;margin:15px 0}#container .right .box#live #pressure[data-v-15dfc97e]{width:100%;height:100%}#container .right .box#live span[data-v-15dfc97e]{color:#a4d8ff;font-size:.225rem;position:absolute;left:50%;top:3%;transform:translateX(-50%)}#container .right .box#live span[class^=symbol][data-v-15dfc97e]{transform:translate(-15%,80%);color:#fff}#container .right .box#live span.symbol_right[data-v-15dfc97e]{left:87%}#container .right .box#warningRecord[data-v-15dfc97e]{flex:4}#container .right .box#warningRecord .marquee[data-v-15dfc97e]{width:93%;position:absolute;top:9%;left:3%;bottom:5%;overflow:hidden}#container .right .box#warningRecord .marquee .marquee-view[data-v-15dfc97e]{-webkit-animation-name:scroll-data-v-15dfc97e;animation-name:scroll-data-v-15dfc97e;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:1s;animation-delay:1s}#container .right .box#warningRecord .marquee .marquee-view li[data-v-15dfc97e]{width:100%;height:70px;cursor:pointer}#container .right .box#warningRecord .marquee .marquee-view li .container[data-v-15dfc97e]{position:relative;width:100%;height:100%}#container .right .box#warningRecord .marquee .marquee-view li .container .date[data-v-15dfc97e]{color:#fff}#container .right .box#warningRecord .marquee .marquee-view li .container .scroll[data-v-15dfc97e]{position:absolute;top:0;left:0;white-space:nowrap}#container .right .box#warningRecord .marquee .marquee-view li .container .scroll .col[data-v-15dfc97e]{display:inline-block;padding-left:8px;font-size:.15rem;line-height:1.5;color:#a4d8ff}#container .right .box#warningRecord .marquee .marquee-view li .container .flex[data-v-15dfc97e]{position:absolute;padding-left:8px;left:0;top:0;right:0}#container .right .box#warningRecord .marquee .marquee-view li .container .flex span[data-v-15dfc97e]:first-child{font-size:.15rem}#container .right .box#warningRecord .marquee .marquee-view li .container .flex .content[data-v-15dfc97e]{position:absolute;right:0}#container .right .box#warningRecord .marquee .marquee-view li .animation[data-v-15dfc97e]{-webkit-animation:rowScroll-data-v-15dfc97e 6s linear infinite;animation:rowScroll-data-v-15dfc97e 6s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}#container .right .box#warningRecord .marquee .marquee-view li .animation[data-v-15dfc97e]:hover{-webkit-animation-play-state:running;animation-play-state:running}#container .right .box#warningRecord .marquee .marquee-view li .row[data-v-15dfc97e]:not(.scroll){padding-top:30px;display:flex;justify-content:space-between;color:#a4d8ff}#container .right .box#warningRecord .marquee .marquee-view li.PROMPT .color[data-v-15dfc97e]{color:#52c41a}#container .right .box#warningRecord .marquee .marquee-view li.IMPORTANT .color[data-v-15dfc97e]{color:#ff9000}#container .right .box#warningRecord .marquee .marquee-view li.MINOR .color[data-v-15dfc97e]{color:#fed557}#container .right .box#warningRecord .marquee .marquee-view li.URGENT .color[data-v-15dfc97e]{color:#ff8989}@-webkit-keyframes scroll-data-v-15dfc97e{to{transform:translateY(-50%)}}@keyframes scroll-data-v-15dfc97e{to{transform:translateY(-50%)}}@-webkit-keyframes rowScroll-data-v-15dfc97e{to{transform:translateX(-50%)}}@keyframes rowScroll-data-v-15dfc97e{to{transform:translateX(-50%)}}@media screen and (max-width:1680px){#effectiveState .wrapper[data-v-15dfc97e]{margin:3.6%!important}}@media screen and (max-width:1440px){.w[data-v-15dfc97e]{overflow-x:auto}#container .right .box#warningRecord .marquee .marquee-view li .container .flex .content[data-v-15dfc97e]{right:unset;white-space:nowrap}}@media screen and (max-width:820px){.innerTitle[data-v-15dfc97e]{font-size:.15rem}:-webkit-full-screen #effectiveState[data-v-15dfc97e],:-webkit-full-screen #live[data-v-15dfc97e],:-webkit-full-screen #runningState[data-v-15dfc97e],:-webkit-full-screen #socialBenefit[data-v-15dfc97e],:-webkit-full-screen #warningRecord[data-v-15dfc97e],:-webkit-full-screen .charts[data-v-15dfc97e]{width:103%!important;transform:scaleY(.8)}:-webkit-full-screen #effectiveState .innerTitle[data-v-15dfc97e],:-webkit-full-screen #live .innerTitle[data-v-15dfc97e],:-webkit-full-screen #runningState .innerTitle[data-v-15dfc97e],:-webkit-full-screen #socialBenefit .innerTitle[data-v-15dfc97e],:-webkit-full-screen #warningRecord .innerTitle[data-v-15dfc97e],:-webkit-full-screen .charts .innerTitle[data-v-15dfc97e]{font-size:.15rem!important;scale:.8!important}:-webkit-full-screen #effectiveState h3[data-v-15dfc97e],:-webkit-full-screen #live h3[data-v-15dfc97e],:-webkit-full-screen #runningState h3[data-v-15dfc97e],:-webkit-full-screen #socialBenefit h3[data-v-15dfc97e],:-webkit-full-screen #warningRecord h3[data-v-15dfc97e],:-webkit-full-screen .charts h3[data-v-15dfc97e]{display:none}:-webkit-full-screen #effectiveState .gasElectricRatio[data-v-15dfc97e],:-webkit-full-screen #live .gasElectricRatio[data-v-15dfc97e],:-webkit-full-screen #runningState .gasElectricRatio[data-v-15dfc97e],:-webkit-full-screen #socialBenefit .gasElectricRatio[data-v-15dfc97e],:-webkit-full-screen #warningRecord .gasElectricRatio[data-v-15dfc97e],:-webkit-full-screen .charts .gasElectricRatio[data-v-15dfc97e]{overflow:hidden;transform:scaleY(.6) translateY(-30%)}:-webkit-full-screen .charts[data-v-15dfc97e]{flex:10!important}:-webkit-full-screen #runningState[data-v-15dfc97e]{flex:6!important}:-webkit-full-screen #effectiveState[data-v-15dfc97e]{flex:3!important;text-align:center!important;height:20px!important}:-webkit-full-screen #live[data-v-15dfc97e]{flex:5!important;margin:0!important}:-webkit-full-screen #socialBenefit[data-v-15dfc97e]{margin:2% 0!important;flex:2!important}}li[data-v-168ba205]{list-style:none}.deviceHeader[data-v-168ba205]{width:100%;padding:10px 0 0;margin-bottom:10px;overflow:hidden;border-bottom:1px solid #ccc}.container[data-v-168ba205]{margin-top:-52px;position:relative}.container[data-v-168ba205]::-webkit-scrollbar{display:none}.container .models[data-v-168ba205]{position:absolute;left:0;right:0;top:0;background:url(../../static/img/bg-dark.fe4548cb.jpg) 0 0/cover no-repeat}.container .models h1[data-v-168ba205]{color:#fff;display:inline-block;font-size:24px;margin-left:20px}.container .wrapper[data-v-168ba205]{background:url(../../static/img/bg-dark.fe4548cb.jpg) 0 0/cover no-repeat;position:absolute;top:52px;left:0;right:0;bottom:0}.container .wrapper [class^=row][data-v-168ba205]{width:100%;height:50%;display:flex;justify-content:space-between}.container .wrapper [class^=row] .col[data-v-168ba205]{width:49%;height:100%;background:linear-gradient(180deg,rgba(6,23,55,.6),rgba(21,27,48,.8));display:flex;flex-direction:column}.container .wrapper [class^=row] .col .header[data-v-168ba205]{height:12%;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;align-items:center;position:relative}.container .wrapper [class^=row] .col .header img[data-v-168ba205]{height:90%;vertical-align:bottom}.container .wrapper [class^=row] .col .header h3[data-v-168ba205]{color:#fff;position:absolute;top:50%;transform:translateY(-50%);left:48px;font-size:.25rem}.container .wrapper [class^=row] .col .content[data-v-168ba205]{flex:1;padding:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.container .wrapper .row_top .col .content .item[data-v-168ba205]{width:49%;height:30%;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(32,34,41,.9),rgba(28,35,42,.8));border:1px solid hsla(0,0%,100%,.1)}.container .wrapper .row_top .col .content .item[data-v-168ba205]:hover{background:linear-gradient(180deg,rgba(32,34,41,.9),rgba(51,145,238,.8));border:1px solid rgba(93,233,219,.7)}.container .wrapper .row_top .col .content .item .title[data-v-168ba205]{font-size:.2083rem;color:hsla(0,0%,100%,.75);margin:4px}.container .wrapper .row_top .col .content .item .content-wrapper[data-v-168ba205]{flex:1;display:flex;align-items:center}.container .wrapper .row_top .col .content .item .content-wrapper div[data-v-168ba205]{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.container .wrapper .row_top .col .content .item .content-wrapper div .data[data-v-168ba205]{color:#43c8e4;font-size:.2292rem}@media screen and (max-width:1024px){.container .wrapper .row_top .col .content .item .content-wrapper div :-webkit-full-screen .data[data-v-168ba205]{font-size:.1875rem}}.container .wrapper .row_top .col .content .item .content-wrapper div .description[data-v-168ba205]{color:hsla(0,0%,100%,.45);font-size:.1875rem}.container .wrapper .row_top .col .content .item .content-wrapper div.yesterday .data[data-v-168ba205]{color:#eda800}.container .wrapper .row_top .col .content .item .content-wrapper div.border[data-v-168ba205]{width:1px;height:60%;background-color:#fff;opacity:.2;margin-top:2%}.container .wrapper .row_top .col .content .gauge[data-v-168ba205]{width:100%;height:70%}.container .wrapper .row_top .col .content .analyse[data-v-168ba205]{width:60%;height:20%;margin:0 auto;display:flex;justify-content:space-between}.container .wrapper .row_top .col .content .analyse .description[data-v-168ba205]{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.container .wrapper .row_top .col .content .analyse .description .data[data-v-168ba205]{color:#00adff;font-size:.2917rem;font-weight:700}.container .wrapper .row_top .col .content .analyse .description .unit[data-v-168ba205]{color:#afbcc4;font-size:.2083rem}.container .wrapper .row_bottom[data-v-168ba205]{width:100%;padding-top:20px}.container .wrapper .row_bottom .col[data-v-168ba205]{width:20%}.container .wrapper .row_bottom .col .content[data-v-168ba205]{justify-content:center}.container .wrapper .row_bottom .col .content .weather[data-v-168ba205]{display:flex;flex-direction:column;align-items:center}.container .wrapper .row_bottom .col .content .weather img[data-v-168ba205]{margin-bottom:70%}.container .wrapper .row_bottom .col .content .weather .data[data-v-168ba205]{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.container .wrapper .row_bottom .col .content .weather .data .type[data-v-168ba205]{font-size:.1667rem;color:hsla(0,0%,100%,.75)}.container .wrapper .row_bottom .col .content .weather .data .detail[data-v-168ba205]{font-size:.25rem;color:#5fbeff;margin-top:50%}.container .wrapper .row_bottom .col .content .weather .data .detail span[data-v-168ba205]{font-size:.1667rem}.container .wrapper .row_bottom .col .data-wrapper[data-v-168ba205]{display:flex;flex-direction:column;align-items:center}.container .wrapper .row_bottom .col .data-wrapper .data[data-v-168ba205]{font-size:.5208rem;color:#00eaff}.container .wrapper .row_bottom .col .data-wrapper .unit[data-v-168ba205]{font-size:.2083rem;color:#00fff6}.container .wrapper .row_bottom .col[data-v-168ba205]:first-child{width:36%}.container .wrapper .row_bottom .col:first-child .empty[data-v-168ba205]{display:flex;flex-direction:column;align-items:center}.container .wrapper .row_bottom .col:first-child .empty span[data-v-168ba205]{margin-top:30%;font-size:.1667rem;color:hsla(0,0%,100%,.6)}.container .wrapper .row_bottom .col:nth-child(2) .content[data-v-168ba205],.container .wrapper .row_bottom .col:nth-child(3) .content[data-v-168ba205],.container .wrapper .row_bottom .col:nth-child(4) .content[data-v-168ba205]{background-image:url(../../static/img/bg1.cd747ae3.png);background-repeat:no-repeat;background-size:100% 100%}.device[data-v-168ba205]{width:100%;height:88%;padding:0 10px;display:flex;flex-direction:column;justify-content:space-between}.device .d[data-v-168ba205]{height:49%;display:flex;flex-direction:column}.device .d h3[data-v-168ba205]{margin-bottom:0;font-size:.2292rem;color:hsla(0,0%,100%,.75)}.device .d .devicelist[data-v-168ba205]{flex:1;overflow:auto}.device .d .devicelist[data-v-168ba205]::-webkit-scrollbar,.device .d .devicelist[data-v-168ba205]::-webkit-scrollbar-track{width:8px;border-radius:4px}.device .d .devicelist[data-v-168ba205]::-webkit-scrollbar-thumb{width:8px;background-color:#4961a3;border-radius:4px}.device .d .devicelist ul[data-v-168ba205]{width:100%;padding:10px;overflow:hidden}.device .d .devicelist .clearfix[data-v-168ba205]:after{content:"";display:table;clear:both}.device .d .devicelist li[data-v-168ba205]{width:31%;float:left;margin-left:10px}.device .d .devicelist label[data-v-168ba205]{color:#fff;width:100%;margin-bottom:15px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;position:relative;border:1px solid #a4d8ff;border-radius:10px;box-shadow:inset -1px -1px 6px 2px #a4d8ff;color:#a4d8ff;text-align:center;font-size:.2083rem;cursor:pointer}.device .d .devicelist label .device_name[data-v-168ba205]{width:calc(100% - 21px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px}.device .d .devicelist label input:checked+.show-box[data-v-168ba205]{background-color:#0075ff}.device .d .devicelist label .show-box[data-v-168ba205]{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:20px;height:20px;border-radius:3px;background-color:#fff}.device .d .devicelist label .show-box[data-v-168ba205]:before{content:"";position:absolute;top:4px;left:7px;width:7px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.device .d .devicelist label input[data-v-168ba205]{position:absolute;background-color:transparent;top:50%;transform:translateY(-50%);right:10px;opacity:0;z-index:10;margin:0;width:21px;height:21px;outline:none;border:none;cursor:pointer}@media screen and (max-width:1440px){.box[data-v-168ba205]{overflow-x:auto}}@media screen and (max-width:1420px){:-webkit-full-screen .container .wrapper .row_top .col .content .gauge[data-v-168ba205]{height:62%}}@media screen and (max-width:1240px){:-webkit-full-screen .keywords .content[data-v-168ba205]{padding:8px!important}:-webkit-full-screen .keywords .content .item[data-v-168ba205]{height:31%!important}:-webkit-full-screen .keywords .content .item .data[data-v-168ba205],:-webkit-full-screen .keywords .content .item .description[data-v-168ba205],:-webkit-full-screen .keywords .content .item .title[data-v-168ba205]{font-size:12px!important}}@media screen and (max-width:860px){:-webkit-full-screen .analyse[data-v-168ba205]{margin-top:-20px!important}:-webkit-full-screen .header h3[data-v-168ba205]{font-size:12px!important}:-webkit-full-screen .keywords .content[data-v-168ba205]{transform:scaleY(.8) translateY(-26px)!important}:-webkit-full-screen .keywords .content .item[data-v-168ba205]{height:36%!important;transform:scaleY(.7)}}li[data-v-47ba2bd9]{list-style:none}em[data-v-47ba2bd9]{font-style:normal}.container[data-v-47ba2bd9]{position:relative}.models[data-v-47ba2bd9]{position:absolute;left:0;right:0;top:0;transform:translateY(-100%);background-color:#07172a}.container[data-v-47ba2bd9]{background-color:rgba(7,23,42,.5)}#preview[data-v-47ba2bd9]{width:100%;height:100%;background-position:50% 40%;background-size:146% 100%}#preview .title[data-v-47ba2bd9]{position:absolute;top:0;left:0;right:0;height:20%}#preview .title h1[data-v-47ba2bd9]{font-size:.3125rem;color:#fff;text-align:center;font-weight:900;margin-top:.5%}.content[data-v-47ba2bd9]{position:absolute;top:0;bottom:0;left:0;right:0}.content>div[data-v-47ba2bd9]{position:absolute}.content>div .header[data-v-47ba2bd9]{position:relative;width:100%;height:50px}.content>div .header .title[data-v-47ba2bd9]{position:absolute;top:50%;left:10%;transform:translateY(-50%);font-size:.1875rem;font-weight:500;color:#fff}.content>div .header .unit[data-v-47ba2bd9]{position:absolute;top:50%;left:40%;transform:translateY(-50%);color:#bdc8d5;font-size:.1667rem}.content>div .header img[data-v-47ba2bd9]{width:100%;height:100%}.content>div .container[data-v-47ba2bd9]{width:100%;height:100%;display:flex}.content .chart[data-v-47ba2bd9]{display:flex;flex-direction:column;background-color:rgba(7,23,42,.5)}.content .chart .chart_wrapper[data-v-47ba2bd9]{flex:1}.running_status[data-v-47ba2bd9]{top:9%;left:1%;width:22%;height:35%}.running_status .pie[data-v-47ba2bd9]{display:flex;height:50%;padding-top:5%}.running_status .pie div[data-v-47ba2bd9]{flex:1}.running_status .pie .description span[data-v-47ba2bd9]{margin:0 10px}.running_status .pie .description strong[data-v-47ba2bd9]{font-size:.1875rem;margin-left:10px}.running_status ul[data-v-47ba2bd9]{height:100%;display:flex;flex-direction:column}.running_status li[data-v-47ba2bd9]{flex:1;font-size:.1667rem;color:#fff;display:flex;align-items:center}.running_status li[data-v-47ba2bd9]:before{content:"";width:16px;height:16px;margin-right:15px}.running_status li[data-v-47ba2bd9]:first-child:before{background-color:#01c7a2}.running_status li[data-v-47ba2bd9]:nth-child(2):before{background-color:#0c86fb}.running_status li[data-v-47ba2bd9]:nth-child(3):before{background-color:#374659}.running_status .footer[data-v-47ba2bd9]{width:100%;margin-top:20px}.running_status .footer img[data-v-47ba2bd9]{width:100%}.fault[data-v-47ba2bd9]{top:46%;left:1%;width:22%;height:20%}.fault .container[data-v-47ba2bd9]{padding:20px 10px;flex-direction:column;justify-content:space-between}.fault .col[data-v-47ba2bd9]{display:flex;justify-content:space-between;align-items:center;font-size:.1667rem;color:#fff;padding:0 .0521rem 0 .2083rem}.fault .col .name[data-v-47ba2bd9]{width:24%}.fault .col .process-wrapper[data-v-47ba2bd9]{width:50%;height:.1563rem;border:1px solid #142e4e}.fault .col em[data-v-47ba2bd9]{font-size:.1875rem;font-weight:700}.fault .col .process[data-v-47ba2bd9]{width:calc(var(--i)*100%);height:100%;background-color:#157fff}.fault img[data-v-47ba2bd9]{width:30px;height:30px}.flow[data-v-47ba2bd9],.pressure[data-v-47ba2bd9]{bottom:5%;left:1%;width:36%;height:20%}.pressure[data-v-47ba2bd9]{left:39%}.avgConsumption[data-v-47ba2bd9]{right:1%;top:8%;width:22%;height:26%}.electricity[data-v-47ba2bd9]{right:1%;top:37%;width:22%;height:28%}.flowC[data-v-47ba2bd9]{right:1%;bottom:5%;width:22%;height:28%}.column[data-v-47ba2bd9]{position:absolute;top:8%;bottom:5%;right:1%;width:22%;display:flex;flex-direction:column;justify-content:space-between}.column .chart[data-v-47ba2bd9]{width:100%;height:calc(33% - 10px)}@media screen and (max-width:1440px){.w[data-v-47ba2bd9]{overflow-x:auto}}.scroll_wrapper[data-v-47ba2bd9]::-webkit-scrollbar{display:none}.preview[data-v-34b9e12e]{width:100%;height:100%}.header[data-v-34b9e12e]{background:url(../../static/img/bg-dark.fe4548cb.jpg) 0 0/cover no-repeat;overflow:hidden;height:40px;display:flex;align-items:center;justify-content:space-between;padding:10px}.header h1[data-v-34b9e12e]{color:#fff;font-size:20px;line-height:40px}