.block[data-v-24d75a7e]{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-24d75a7e]:after{content:"";height:16px!important;width:80%;position:absolute;bottom:-2px;left:10%;background:url(../img/horizontal-liner.eaa0c6e3.png);background-size:100%;background-repeat:no-repeat}.gateway[data-v-24d75a7e]{width:100%;border-top:10px solid #0f3168;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px}.gateway>div[data-v-24d75a7e]{-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-24d75a7e],.gateway>div .standby[data-v-24d75a7e]{position:relative;width:12px;background:#0f3168;height:120px;overflow:hidden}.gateway>div .pipeline[data-v-24d75a7e]: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-24d75a7e 2s linear infinite;animation:streamer-data-v-24d75a7e 2s linear infinite}.gateway>div .faultline[data-v-24d75a7e]{position:relative;width:12px;background:#ea4343;height:120px;overflow:hidden}.gateway>div .pipeline2[data-v-24d75a7e]{position:relative;width:12px;background:#0f3168;height:120px;overflow:hidden}.gateway>div .pipeline2[data-v-24d75a7e]: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-24d75a7e 2s linear infinite;animation:streamer2-data-v-24d75a7e 2s linear infinite}.detail-icon[data-v-24d75a7e]{width:14px;height:14px;display:inline-block;position:absolute;right:5px;top:5px;cursor:pointer}@-webkit-keyframes streamer-data-v-24d75a7e{0%{top:-100%}to{top:0}}@keyframes streamer-data-v-24d75a7e{0%{top:-100%}to{top:0}}@-webkit-keyframes streamer2-data-v-24d75a7e{0%{top:0}to{top:-100%}}@keyframes streamer2-data-v-24d75a7e{0%{top:0}to{top:-100%}}.gateway .attribute[data-v-24d75a7e]{width:100%;padding:10px 8px;margin-top:10px}.gateway .attribute>div[data-v-24d75a7e]{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-24d75a7e]{margin-bottom:5px!important;text-align:justify}.attribute p[data-v-24d75a7e]{font-size:12px}.data-panel[data-v-24d75a7e]{position:absolute;width:104px;height:100%;z-index:5;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.battery[data-v-24d75a7e],.data-panel[data-v-24d75a7e]{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-24d75a7e]{height:200px;width:120px;background-color:#4780af;border-radius:10px;position:relative}.battery .inbattery[data-v-24d75a7e]{height:184px;width:104px;background-color:#0f3168;border-radius:10px;overflow:hidden}.battery .inbattery.fault[data-v-24d75a7e]{background:#f56c6c}.battery .inbattery .still[data-v-24d75a7e]{position:relative;left:-100px;bottom:-100px}.battery .inbattery .still .color1[data-v-24d75a7e]{height:100rpx;width:100rpx;position:absolute}.battery .inbattery .green[data-v-24d75a7e]{position:relative;left:-100px;bottom:-100px}.battery .inbattery .green .color1[data-v-24d75a7e]{background-color:#31ac20;border-radius:34% 66% 27% 73%/63% 34% 66% 37%}.battery .inbattery .green .color1[data-v-24d75a7e],.battery .inbattery .green .color2[data-v-24d75a7e]{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-24d75a7e]{background-color:#44ce32;border-radius:36% 64% 55% 45%/58% 38% 62% 42%}.battery .inbattery .green .color3[data-v-24d75a7e]{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-24d75a7e]{position:relative;left:-100px;bottom:-100px}.battery .inbattery .yellow .color1[data-v-24d75a7e]{background-color:#ffcb52;border-radius:34% 66% 27% 73%/63% 34% 66% 37%}.battery .inbattery .yellow .color1[data-v-24d75a7e],.battery .inbattery .yellow .color2[data-v-24d75a7e]{height:300px;width:300px;position:absolute;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.battery .inbattery .yellow .color2[data-v-24d75a7e]{background-color:#e4bb5b;border-radius:36% 64% 55% 45%/58% 38% 62% 42%}.battery .inbattery .yellow .color3[data-v-24d75a7e]{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-24d75a7e]{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-24d75a7e]: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-24d75a7e]{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-24d75a7e]{font-size:24px}.lightning[data-v-24d75a7e]{text-align:center;font-size:24px;color:#fff;position:relative;top:-3px}.flex-column[data-v-24d75a7e]{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-24d75a7e]{color:#fff;margin-top:5px}.flex-row[data-v-24d75a7e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.flex-row .detail[data-v-24d75a7e]{-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-24d75a7e]{margin-right:25px}.flex-row .detail .key[data-v-24d75a7e]{width:70px;display:inline-block;font-size:14px;color:hsla(0,0%,100%,.6)}.flex-row .detail .value[data-v-24d75a7e]{font-size:18px;color:hsla(0,0%,100%,.9)}.top-info[data-v-24d75a7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0}.top-info>span[data-v-24d75a7e]{min-width:230px;color:hsla(0,0%,100%,.8)}