.wiring[data-v-118a9d50]{position:relative}.wiring .work-mode[data-v-118a9d50]{position:absolute;left:20px;top:-20px}.wiring .work-mode .icon-yinzhang[data-v-118a9d50]{font-size:120px;color:#4780af}.wiring .work-mode .status-text[data-v-118a9d50]{color:#4780af;font-size:15px;position:absolute;left:50%;top:50%;margin:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.block[data-v-118a9d50]{border-radius:5px;width:450px;margin:20px auto;left:-20px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:0 0 5px 1px hsla(0,0%,100%,.5);box-shadow:0 0 5px 1px hsla(0,0%,100%,.5);min-width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.block[data-v-118a9d50]:after{content:"";height:20px!important;width:80%;position:absolute;bottom:-5px;left:10%;background:url(../img/horizontal-liner.eaa0c6e3.png);background-size:100%;background-repeat:no-repeat}.gateway[data-v-118a9d50]{width:100%;border-top:10px solid #0f3168;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px}.gateway>div[data-v-118a9d50]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gateway>div .pipeline[data-v-118a9d50],.gateway>div .standby[data-v-118a9d50]{position:relative;width:12px;background:#0f3168;height:120px;overflow:hidden}.gateway>div .pipeline[data-v-118a9d50]:after{content:"";position:absolute;top:0;left:0;bottom:0;height:200%;width:100%;background:url(../img/flow.6dbbb520.png);background-size:100%;background-repeat:repeat-y;-webkit-animation:streamer-data-v-118a9d50 2s linear infinite;animation:streamer-data-v-118a9d50 2s linear infinite}.gateway>div .faultline[data-v-118a9d50]{position:relative;width:12px;background:#ea4343;height:120px;overflow:hidden}.gateway>div .pipeline2[data-v-118a9d50]{position:relative;width:12px;background:#0f3168;height:120px;overflow:hidden}.gateway>div .pipeline2[data-v-118a9d50]:after{content:"";position:absolute;top:0;left:0;bottom:0;height:200%;width:100%;background:url(../img/flow2.c6c64666.png);background-size:100%;background-repeat:repeat-y;-webkit-animation:streamer2-data-v-118a9d50 2s linear infinite;animation:streamer2-data-v-118a9d50 2s linear infinite}.detail-icon[data-v-118a9d50]{width:14px;height:14px;display:inline-block;position:absolute;right:5px;top:5px;cursor:pointer}@-webkit-keyframes streamer-data-v-118a9d50{0%{top:-100%}to{top:0}}@keyframes streamer-data-v-118a9d50{0%{top:-100%}to{top:0}}@-webkit-keyframes streamer2-data-v-118a9d50{0%{top:0}to{top:-100%}}@keyframes streamer2-data-v-118a9d50{0%{top:0}to{top:-100%}}.gateway .attribute[data-v-118a9d50]{width:100%;padding:10px 8px;margin-top:10px}.gateway .attribute>div[data-v-118a9d50]{border-radius:5px;-webkit-box-shadow:0 0 5px 1px hsla(0,0%,100%,.5);box-shadow:0 0 5px 1px hsla(0,0%,100%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding:5px;max-width:150px;margin:0 auto}.gateway .attribute>div p[data-v-118a9d50]{margin-bottom:5px!important;text-align:justify}.attribute p[data-v-118a9d50]{font-size:12px}.data-panel[data-v-118a9d50]{position:absolute;width:100%;height:100%;z-index:5;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.battery[data-v-118a9d50],.data-panel[data-v-118a9d50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.battery[data-v-118a9d50]{height:200px;width:120px;background-color:#4780af;border-radius:10px;position:relative}.battery .inbattery[data-v-118a9d50]{height:184px;width:104px;position:relative;background-color:#0f3168;border-radius:10px;overflow:hidden}.battery .inbattery.fault[data-v-118a9d50]{background:#f56c6c}.battery .inbattery .still[data-v-118a9d50]{position:relative;left:-100px;bottom:-100px}.battery .inbattery .still .color1[data-v-118a9d50]{height:100px;width:100px;position:absolute}.battery .inbattery .green[data-v-118a9d50]{position:relative;left:-100px;bottom:-100px}.battery .inbattery .green .color1[data-v-118a9d50]{background-color:#31ac20;border-radius:34% 66% 27% 73%/63% 34% 66% 37%}.battery .inbattery .green .color1[data-v-118a9d50],.battery .inbattery .green .color2[data-v-118a9d50]{height:300px;width:300px;position:absolute;-webkit-animation:rotate 5.5s linear infinite;animation:rotate 5.5s linear infinite}.battery .inbattery .green .color2[data-v-118a9d50]{background-color:#44ce32;border-radius:36% 64% 55% 45%/58% 38% 62% 42%}.battery .inbattery .green .color3[data-v-118a9d50]{height:300px;width:300px;background-color:#3ac723;position:absolute;border-radius:67% 33% 46% 54%/39% 58% 42% 61%;-webkit-animation:rotate 5.5s linear infinite;animation:rotate 5.5s linear infinite}.battery .inbattery .yellow[data-v-118a9d50]{position:relative;left:-100px;bottom:-100px}.battery .inbattery .yellow .color1[data-v-118a9d50]{background-color:#ffcb52;border-radius:34% 66% 27% 73%/63% 34% 66% 37%}.battery .inbattery .yellow .color1[data-v-118a9d50],.battery .inbattery .yellow .color2[data-v-118a9d50]{height:300px;width:300px;position:absolute;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.battery .inbattery .yellow .color2[data-v-118a9d50]{background-color:#e4bb5b;border-radius:36% 64% 55% 45%/58% 38% 62% 42%}.battery .inbattery .yellow .color3[data-v-118a9d50]{height:300px;width:300px;background-color:#e9b53d;position:absolute;border-radius:67% 33% 46% 54%/39% 58% 42% 61%;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.battery .inbattery .electricity[data-v-118a9d50]{height:60px;width:30px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-clip-path:polygon(35px 0,0 40px,20px 55px,15px 90px,50px 50px,30px 35px,35px 0);clip-path:polygon(35px 0,0 40px,20px 55px,15px 90px,50px 50px,30px 35px,35px 0)}.battery[data-v-118a9d50]:before{content:"";width:30px;height:12px;background-color:#4780af;position:absolute;z-index:9;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:4px 4px 0 0}.text[data-v-118a9d50]{position:relative;z-index:10;font-size:14px;color:#dbdbdb;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.number[data-v-118a9d50]{font-size:24px}.lightning[data-v-118a9d50]{text-align:center;font-size:24px;color:#fff;position:relative;top:-3px}.flex-column[data-v-118a9d50]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;padding:5px;width:100px}.flex-column span[data-v-118a9d50]{color:#fff;margin-top:5px}.flex-row[data-v-118a9d50]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.flex-row .detail[data-v-118a9d50]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-row .detail>div[data-v-118a9d50]{margin-right:25px}.flex-row .detail .key[data-v-118a9d50]{width:70px;display:inline-block;font-size:14px;color:hsla(0,0%,100%,.6)}.flex-row .detail .value[data-v-118a9d50]{font-size:18px;color:hsla(0,0%,100%,.9)}.top-info[data-v-118a9d50]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0}.top-info>span[data-v-118a9d50]{min-width:230px;color:hsla(0,0%,100%,.8)}.diagram-content .line-bus[data-v-cf52904a]{width:80%;height:6px;margin:0 auto;background:#dd0c32}.diagram-content .block[data-v-cf52904a]{background:#01204e;position:relative;z-index:1;border-radius:5px;-webkit-box-shadow:0 0 5px 1px hsla(0,0%,100%,.2);box-shadow:0 0 5px 1px hsla(0,0%,100%,.2)}.diagram-content .block .device-title[data-v-cf52904a]{margin:0 5px;border-bottom:1px solid #133d78;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.diagram-content .block .device-title .iconfont[data-v-cf52904a]{color:#fff}.diagram-content .block .device-title .name[data-v-cf52904a]{margin-left:5px;color:#fff}.diagram-content .block .device-title .wifi[data-v-cf52904a]{margin-left:auto}.diagram-content .block .device-content>div[data-v-cf52904a]{padding:2px 5px;display:-webkit-box;display:-ms-flexbox;display:flex}.diagram-content .block .device-content>div .key[data-v-cf52904a]{position:relative;padding-left:10px}.diagram-content .block .device-content>div .key[data-v-cf52904a]:before{content:"";width:6px;height:6px;border-radius:50%;background:#96d6de;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.diagram-content .block .device-content>div .value[data-v-cf52904a]{margin-left:auto;color:#96d6de}.diagram-content .block .device-content>div .value.green[data-v-cf52904a]{color:#07d07d}.diagram-content .block .device-content>div .value.yellow[data-v-cf52904a]{color:#f7d01a}.diagram-content .total-meter[data-v-cf52904a]{position:relative;width:230px;margin:0 auto;padding:30px 0 50px}.diagram-content .total-meter[data-v-cf52904a]:after{content:"";position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;height:100%;border-left:4px dashed #dd0c32}.diagram-content .gateway[data-v-cf52904a]{border-top:5px solid #ffc135;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.diagram-content .gateway .left-meter[data-v-cf52904a]{width:230px;padding:30px 0 70px;position:relative}.diagram-content .gateway .left-meter .target[data-v-cf52904a]{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background:#fff;border-radius:3px;padding:5px 10px;z-index:10;color:#444}.diagram-content .gateway .left-meter .target span[data-v-cf52904a]{margin-left:3px}.diagram-content .gateway .left-meter[data-v-cf52904a]:after{content:"";position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;height:100%;border-left:4px dashed #ffc135}.diagram-content .gateway .content[data-v-cf52904a]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:30px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.diagram-content .gateway .content .computed-meter[data-v-cf52904a]{position:relative;width:230px;margin:0 auto;padding:30px 0 20px}.diagram-content .gateway .content .computed-meter[data-v-cf52904a]:after{content:"";position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;height:100%;border-left:4px dashed #ffc135}.diagram-content .gateway .content .devices[data-v-cf52904a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:25px}.diagram-content .gateway .content .devices>div[data-v-cf52904a]{width:260px;background-color:rgba(59,130,246,.3);padding:8px;border:2px dashed rgba(59,130,246,.5);text-align:center}.diagram-content .gateway .content .devices>div .block[data-v-cf52904a]:first-child{margin-bottom:15px}.diagram-content .battery[data-v-cf52904a]{height:200px;width:120px;margin:0 auto;background-color:#4780af;border-radius:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.diagram-content .battery .inbattery[data-v-cf52904a]{height:184px;width:104px;position:relative;background-color:#0f3168;border-radius:10px;overflow:hidden}.diagram-content .battery .inbattery.fault[data-v-cf52904a]{background:#f56c6c}.diagram-content .battery .inbattery .still[data-v-cf52904a]{position:relative;left:-100px;bottom:-100px}.diagram-content .battery .inbattery .still .color1[data-v-cf52904a]{height:100px;width:100px;position:absolute}.diagram-content .battery .inbattery .green[data-v-cf52904a]{position:relative;left:-100px;bottom:-100px}.diagram-content .battery .inbattery .green .color1[data-v-cf52904a]{height:300px;width:300px;background-color:#31ac20;position:absolute;border-radius:34% 66% 27% 73%/63% 34% 66% 37%;-webkit-animation:rotate 5.5s linear infinite;animation:rotate 5.5s linear infinite}.diagram-content .battery .inbattery .green .color2[data-v-cf52904a]{height:300px;width:300px;background-color:#44ce32;position:absolute;border-radius:36% 64% 55% 45%/58% 38% 62% 42%;-webkit-animation:rotate 5.5s linear infinite;animation:rotate 5.5s linear infinite}.diagram-content .battery .inbattery .green .color3[data-v-cf52904a]{height:300px;width:300px;background-color:#3ac723;position:absolute;border-radius:67% 33% 46% 54%/39% 58% 42% 61%;-webkit-animation:rotate 5.5s linear infinite;animation:rotate 5.5s linear infinite}.diagram-content .battery .inbattery .yellow[data-v-cf52904a]{position:relative;left:-100px;bottom:-100px}.diagram-content .battery .inbattery .yellow .color1[data-v-cf52904a]{height:300px;width:300px;background-color:#ffcb52;position:absolute;border-radius:34% 66% 27% 73%/63% 34% 66% 37%;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.diagram-content .battery .inbattery .yellow .color2[data-v-cf52904a]{height:300px;width:300px;background-color:#e4bb5b;position:absolute;border-radius:36% 64% 55% 45%/58% 38% 62% 42%;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.diagram-content .battery .inbattery .yellow .color3[data-v-cf52904a]{height:300px;width:300px;background-color:#e9b53d;position:absolute;border-radius:67% 33% 46% 54%/39% 58% 42% 61%;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.diagram-content .battery .inbattery .electricity[data-v-cf52904a]{height:60px;width:30px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-clip-path:polygon(35px 0,0 40px,20px 55px,15px 90px,50px 50px,30px 35px,35px 0);clip-path:polygon(35px 0,0 40px,20px 55px,15px 90px,50px 50px,30px 35px,35px 0)}.diagram-content .battery .data-panel[data-v-cf52904a]{position:absolute;width:100%;height:100%;z-index:5;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.diagram-content .battery .data-panel[data-v-cf52904a],.diagram-content .battery .text[data-v-cf52904a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.diagram-content .battery .text[data-v-cf52904a]{position:relative;z-index:10;font-size:14px;color:#dbdbdb;text-align:center}.diagram-content .battery .lightning[data-v-cf52904a]{text-align:center;font-size:24px;color:#fff;position:relative;top:-3px}.diagram-content .battery .number[data-v-cf52904a]{font-size:24px}.diagram-content .battery[data-v-cf52904a]:before{content:"";width:30px;height:12px;background-color:#4780af;position:absolute;z-index:9;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:4px 4px 0 0}