.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-3fe60ca7]{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-3fe60ca7]{width:2.3vw;height:2.3vw}.tit .bg1[data-v-3fe60ca7]{background-image:url(../img/waterUse.e28d4ec9.png);background-size:100% 100%}.tit .bg2[data-v-3fe60ca7]{background-image:url(../img/eleUse.6986a3b5.png);background-size:100% 100%}.tit .right[data-v-3fe60ca7]{color:#2fc25b;font-size:.8333vw}.tit .right span[data-v-3fe60ca7]{font-size:.8333vw;display:inline-block;transform:scale(.9)}.tit .right .r_t[data-v-3fe60ca7]{font-size:.9333vw;font-weight:700}.tit .right .r_b[data-v-3fe60ca7]{font-size:.625vw;font-weight:700}.common-viewport[data-v-3fe60ca7]{position:relative}.output_3DPerCharts2[data-v-3fe60ca7]{width:100%;padding:0 3%;height:100%;left:0;z-index:999}