.datatime[data-v-6a101c76]{text-align:center;font-size:.15rem;color:#fff}.wraper1[data-v-77669c69]{width:100%;height:100px}.wraper1 .uptime[data-v-77669c69]{width:100%;height:10%;text-align:right}.wraper1 .main-box[data-v-77669c69]{-ms-flex:1;flex:1;width:100%;color:#2cee4b;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.wraper1 .main-box .city[data-v-77669c69]{width:2.5vw;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#fff;font-size:.4rem;margin-right:.1rem}.wraper1 .main-box .city[data-v-77669c69] .ant-input{text-align:center;border:0;padding:0}.wraper1 .main-box .imgbox[data-v-77669c69]{height:10%;color:#ffd96a;margin-right:.1rem}.wraper1 .main-box .imgbox i[data-v-77669c69]{font-size:.4rem}.wraper1 .main-box .imgbox .wea[data-v-77669c69]{text-align:center;font-size:.16rem}.wraper1 .main-box .temp[data-v-77669c69]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-right:.1rem}.wraper1 .main-box .humidity[data-v-77669c69]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#4a90e2}.wraper1 .main-box .infos[data-v-77669c69]{width:50%;height:100%;font-size:.16rem;text-align:left}.wraper1 .main-box .infos .cloud[data-v-77669c69]{margin:26px 0}.wraper1 .main-box .infos .card[data-v-77669c69]{width:5vw;height:4vh;background:#4a90e2;border-radius:5px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.wraper1 .foot[data-v-77669c69]{width:100%;height:20%;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left;font-size:.1rem;text-align:center;color:#fff}.wraper[data-v-77669c69]{width:100%;height:250px;color:#fff}.wraper .head .info[data-v-77669c69],.wraper .head[data-v-77669c69]{display:-ms-flexbox;display:flex}.wraper .content[data-v-77669c69]{width:100%;height:90%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:2vw;overflow-y:auto}.wraper .content .list[data-v-77669c69]{display:-ms-flexbox;display:flex;height:30px;line-height:30px}.wraper .imgbox[data-v-77669c69]{text-align:center}.wraper .imgbox i[data-v-77669c69]{font-size:.3rem}.wraper .temp[data-v-77669c69]{text-align:center}.chartsTitle[data-v-dd83ff8c]{width:100%;height:30px;background:url(../img/icon02.f81f9589.png) no-repeat 50%;background-size:100%;text-align:center;color:#fff}.rain[data-v-dd83ff8c]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.chartsTitle[data-v-4787537e]{width:100%;height:30px;background:url(../img/icon02.f81f9589.png) no-repeat 50%;background-size:100%;text-align:center;color:#fff}.water[data-v-4787537e]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}#index{color:#fff;width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:left top;overflow:hidden;z-index:5}#index .bg{width:100%;height:100%;padding:16px 16px 0 16px}#index .host-body .dv-dec-10,#index .host-body .dv-dec-10-s{width:33.3%;height:5px}#index .host-body .dv-dec-10-s{transform:rotateY(180deg)}#index .host-body .dv-dec-8{width:200px;height:50px}#index .host-body .title{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#index .host-body .title .dv-dec-6{position:absolute;bottom:-30px;left:50%;width:250px;height:8px;transform:translate(-50%)}#index .host-body .aside-width{width:40%}#index .host-body .react-l-s,#index .host-body .react-r-s{background-color:#0f1325}#index .host-body .react-right{font-size:18px;width:300px;line-height:50px;text-align:center;transform:skewX(-45deg)}#index .host-body .react-right.react-l-s{text-align:right;width:500px}#index .host-body .react-right .react-after{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(45deg)}#index .host-body .react-right .text{display:inline-block;transform:skewX(45deg)}#index .host-body .parallelogram_right:hover,#index .host-body .parallelogram_right:hover .react-after{background-color:#007cff}#index .host-body .parallelogram_left{font-size:18px;height:30px;line-height:30px;text-align:center;padding:0 15px;background-color:#234581;position:relative;margin-right:20px;cursor:pointer}#index .host-body .parallelogram_left.react-l-s{width:100px;text-align:left}#index .host-body .parallelogram_left .react-left{position:absolute;right:-16px;top:0;height:30px;line-height:30px;width:50px;background-color:#234581;transform:skewX(-45deg)}#index .host-body .parallelogram_left .react-after{position:absolute;left:-16px;top:0;height:30px;width:0;background-color:#234581;transform:skewX(-45deg)}#index .host-body .parallelogram_left .text{display:inline-block;transform:skewX(-45deg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#index .host-body .parallelogram{font-size:18px;height:30px;line-height:30px;text-align:center;padding:0 15px;background-color:#234581;border-radius:5px;cursor:pointer}#index .host-body .parallelogram.react-l-s{width:100px;text-align:left}#index .host-body .parallelogram .text{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#index .host-body .parallelogram_right{font-size:18px;height:30px;line-height:30px;text-align:center;transform:skewX(45deg);padding:0 15px;background-color:#234581;cursor:pointer}#index .host-body .parallelogram_right.react-l-s{width:100px;text-align:left}#index .host-body .parallelogram_right .react-after{position:absolute;right:-16px;top:0;height:30px;width:50px;line-height:30px;background-color:#234581;transform:skewX(-45deg);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#index .host-body .parallelogram_right .text{display:inline-block;transform:skewX(-45deg);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#index .host-body .react-left{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s{width:500px;text-align:left}#index .host-body .react-left .react-left{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;transform:skewX(-45deg)}#index .host-body .react-left .text{display:inline-block;transform:skewX(-45deg)}#index .host-body .point_hover{background-color:#007cff}#index .host-body .body-box{height:1000px;margin-top:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box{width:100%;height:100%;position:relative}#index .host-body .body-box .content-box .left{position:absolute;top:0;left:0;z-index:99999999}#index .host-body .body-box .content-box .right{position:absolute;top:0;right:0;z-index:99999999}#index .host-body .body-box .content-box .bottom{position:absolute;bottom:30px;left:0;z-index:99999999}#index .host-body .body-box .bottom-box{margin-top:10px;display:-ms-grid;display:grid;-ms-grid-columns:(50%)[2];grid-template-columns:repeat(2,50%)}