.d-roll-wrapper{margin:20px auto;width:100%}.d-roll-list{margin:0 auto;padding:0;text-align:center;display:flex;overflow:hidden}.d-roll-list .d-roll-item{list-style:none;float:left;flex-grow:1;overflow:hidden}.d-roll-item>.d-roll-bar{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.d-roll-item>.d-roll-bar>div{height:30px;line-height:30px;box-sizing:border-box!important}.full-icon[data-v-8779505c]{font-size:32px;color:#fff;position:absolute;right:20px;top:20px;cursor:pointer}.headGif[data-v-8a2960d0]{float:left;height:50%;width:50%;-o-object-fit:cover;object-fit:cover}.data-screen-content[data-v-8a2960d0]{width:1920px;height:1080px}.cost-item[data-v-8a2960d0]{width:66px;height:28px;border-radius:2px;font-weight:400;color:#8da2be;font-size:14px;text-align:center;line-height:28px}.cost-item.gas[data-v-8a2960d0]{background:linear-gradient(164deg,#0b507f,#062b4d)}.cost-item.electric[data-v-8a2960d0]{background:linear-gradient(164deg,#0b377f,#061e4d)}.cost-item.water[data-v-8a2960d0]{background:linear-gradient(164deg,#845b09,rgba(102,67,9,.6))}.cost-box[data-v-8a2960d0]{width:150px;height:100px;background:url(../../static/img/costBg.71856143.png) no-repeat;background-size:100% 100%}.pl-30[data-v-8a2960d0]{padding-left:30px}.pr-30[data-v-8a2960d0]{padding-right:30px}.month-flow-box[data-v-8a2960d0]{width:23%;margin-right:1%}.month-cost-box[data-v-8a2960d0]{width:15%;margin-right:1%}.w30p[data-v-8a2960d0]{width:30%}.w29p[data-v-8a2960d0]{width:29%}.w50p[data-v-8a2960d0]{width:50%}.w40p[data-v-8a2960d0]{width:40%}.w38p[data-v-8a2960d0]{width:38%}.h30p[data-v-8a2960d0]{height:30%}.h40p[data-v-8a2960d0]{height:40%}.month-warning-box[data-v-8a2960d0]{width:30%}.carbon-box[data-v-8a2960d0]{width:26%;margin-right:1%}.month-capacity-box[data-v-8a2960d0]{width:33%}.bottom-box[data-v-8a2960d0]{height:30%}.dosage-img[data-v-8a2960d0]{height:60px;width:60px}.gas-box[data-v-8a2960d0]{height:55%;width:100%}.water-box[data-v-8a2960d0]{height:45%;width:100%}.data-screen[data-v-8a2960d0]{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1003;background:#000922;overflow:hidden}.head-box[data-v-8a2960d0]{height:10%;width:100%;background:url(../../static/img/topHead.c4e44c02.png) no-repeat;background-size:100% 100%}.middle-box[data-v-8a2960d0]{padding:0 30px;height:60%}.middle-box .middle-left[data-v-8a2960d0]{width:29%;height:100%}.middle-box .middle-center[data-v-8a2960d0]{width:38%;height:100%;margin-left:2%;padding:0 20px}.middle-box .middle-right[data-v-8a2960d0]{width:29%;height:94%}.item-title[data-v-8a2960d0]{width:100%;background:url(../../static/img/titleBg.febc1772.png) no-repeat;background-size:100% 100%;text-align:center;font-size:18px;font-weight:600;color:#dfedff;height:32px;line-height:32px}.video-box[data-v-8a2960d0]{width:100%;height:100%;background:url(../../static/img/videoBg.abbaa169.png) no-repeat;background-size:100% 100%}.pd-30[data-v-8a2960d0]{padding:30px}.warning-item[data-v-8a2960d0]{height:28px;margin-top:12px;background:linear-gradient(90deg,#041f39,#000922);border-radius:2px;display:flex;align-items:center;justify-content:space-between}.c-6C83A1[data-v-8a2960d0]{color:#6c83a1}.c-DFEDFF[data-v-8a2960d0]{color:#dfedff}.c-7398C9[data-v-8a2960d0]{color:#7398c9}.c-3AC0E4[data-v-8a2960d0]{color:#3ac0e4}.c-44DC26[data-v-8a2960d0]{color:#44dc26}.c-F65725[data-v-8a2960d0]{color:#f65725}.c-3E5575[data-v-8a2960d0]{color:#3e5575}.h50p[data-v-8a2960d0]{height:50%}.warning-item-box[data-v-8a2960d0]{padding:0 20px}.data-item-box[data-v-8a2960d0]{height:35%;width:100%;display:flex;align-items:center;justify-content:space-between}.data-item-box .data-item[data-v-8a2960d0]{display:flex;flex:1;height:53%;flex-direction:column;align-items:center;justify-content:space-around;background:url(../../static/img/dataItemBg.38823d34.png) no-repeat;background-size:100% 100%;position:relative}.data-item-box .data-item .data-item-name[data-v-8a2960d0]{position:absolute;top:10px}.data-item-box .data-item .data-item-unit[data-v-8a2960d0]{position:absolute;bottom:10px}.center-banner[data-v-8a2960d0]{width:100%;height:62%;background:url(../../static/img/centerBanner.e5b4b98e.png) no-repeat;background-size:100% 100%}.fs-36[data-v-8a2960d0]{font-size:36px}.c-EBC138[data-v-8a2960d0]{color:#ebc138}.c-7AF2FF[data-v-8a2960d0]{color:#7af2ff}.wh100p[data-v-8a2960d0]{width:100%;height:100%}.bottom-box_right[data-v-8a2960d0]{position:relative;top:-16%;height:116%}.w80p[data-v-8a2960d0]{width:80%}.h80p[data-v-8a2960d0]{height:80%}.border-box[data-v-8a2960d0]{box-sizing:border-box}.cl[data-v-8a2960d0]:after,.cl[data-v-8a2960d0]:before{flex:0}.device-rank[data-v-8a2960d0]{margin:0 0 16px 0;padding:3px 0;height:40px;display:flex;box-sizing:border-box;align-content:center;background:linear-gradient(90deg,#06345f,#000c2c)}.device-rank[data-v-8a2960d0]:first-child{margin-top:16px}.device-rank[data-v-8a2960d0]:last-child{margin-bottom:0}.device-rank-left[data-v-8a2960d0]{display:flex;align-items:center;justify-items:center;padding-left:12px}.device-rank-left .device-rank-icon[data-v-8a2960d0]{display:inline-block;width:34px;height:34px;line-height:34px;font-size:14px;color:#3f89e0;text-align:center;background-image:url(data:image/png;base64,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);background-size:100%;background-repeat:no-repeat;background-position:50%;margin-right:12px}.c-779ED5[data-v-8a2960d0]{color:#779ed5}.warning-item-box[data-v-8a2960d0]{overflow:hidden;height:100%;padding:0 30px}.fs-30[data-v-8a2960d0]{font-size:30px}.totalConsume-legend[data-v-8a2960d0]{position:absolute;left:40px;top:8px;display:flex;align-items:center;vertical-align:middle;color:#617897;font-size:12px}