.common-viewport[data-v-056c5ae4]{width:100%;height:100%;border-radius:10px;background-color:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.common-viewport .common-viewport-title[data-v-056c5ae4]{width:100%;height:60px;position:relative}.common-viewport .common-viewport-title .title_before_img[data-v-056c5ae4]{position:absolute;left:12px;top:2px;height:96%}.common-viewport .common-viewport-title .common-viewport-title-text[data-v-056c5ae4]{position:absolute;left:62px;top:0;line-height:3;border:none;color:#fff;font-weight:700;font-size:16px;z-index:999}.common-viewport .common-viewport-title .title_after_img[data-v-056c5ae4]{position:absolute;right:20px;top:19px;height:12px}.common-viewport .common-viewport-content[data-v-056c5ae4]{width:100%;height:100%;padding:10px}.common-viewport .common-viewport-content.titleHeight[data-v-056c5ae4]{height:calc(100% - 60px)}.displayHorizontal[data-v-2908f222]{display:-ms-flexbox;display:flex}.displayHorizontal .container[data-v-2908f222]{width:calc(100% - 29px);background-color:transparent}.displayHorizontal .container.flex[data-v-2908f222]{display:-ms-flexbox;display:flex}.displayHorizontal .buttonChange[data-v-2908f222]{width:14px;height:100%;background-color:rgba(0,0,0,.5);border-radius:10px}.displayHorizontal .buttonChange .icon[data-v-2908f222]{height:100%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.common-viewport[data-v-3536cce2]{margin-right:2%;border-radius:10px;background-color:rgba(0,0,0,.5)}.common-viewport .common-viewport-title[data-v-3536cce2]{width:100%;height:5vh;position:relative}.common-viewport .common-viewport-title .title_before_img[data-v-3536cce2]{position:absolute;left:.5vw;top:.5vh;height:90%}.common-viewport .common-viewport-title .common-viewport-title-text[data-v-3536cce2]{position:absolute;left:3vw;top:0;line-height:3;border:none;color:#fff;font-weight:700;font-size:.8333vw;z-index:999}.common-viewport .common-viewport-title .title_after_img[data-v-3536cce2]{position:absolute;right:1vw;top:1vw;height:.6vw}.common-viewport .common-viewport-content[data-v-3536cce2]{width:100%;padding:10px}.tit[data-v-45c11afa]{width:calc(100% - 1vw);margin-left:0;position:absolute;left:1vw;top:5.6vh;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;z-index:9999}.tit .left[data-v-45c11afa]{width:2.3vw;height:2.3vw}.tit .bg1[data-v-45c11afa]{background-image:url(../img/waterUse.e28d4ec9.png);background-size:100% 100%}.tit .bg2[data-v-45c11afa]{background-image:url(../img/eleUse.6986a3b5.png);background-size:100% 100%}.tit .right[data-v-45c11afa]{color:#2fc25b;font-size:.8333vw}.tit .right span[data-v-45c11afa]{font-size:.8333vw;display:inline-block;transform:scale(.9)}.tit .right .r_t[data-v-45c11afa]{font-size:.9333vw;font-weight:700}.tit .right .r_b[data-v-45c11afa]{font-size:.625vw;font-weight:700}.common-viewport[data-v-45c11afa]{position:relative}.output_3DPerCharts2[data-v-45c11afa]{width:100%;padding:0 3%;height:100%;left:0;z-index:999}