#index{position:relative;color:#d3d6dd;background-color:#000;width:100%;height:100%;overflow-x:hidden}#index .bg{background:#000577}#index .frost{-webkit-filter:blur(.052rem);filter:blur(.052rem)}#index .head_box{position:relative}#index .head_box .head_bg{display:block;width:100%;height:.313rem}#index .head_box .zgdw{position:absolute;left:.078rem;top:.156rem;color:#fff;font-size:.104rem}#index .head_box .title_img{display:block;height:.26rem}#index .head_box .head_line{position:absolute;top:100%;left:0;width:100%;height:.156rem;z-index:9}#index .head_box .title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#index .head_box .time_box{position:absolute;top:65%;right:.885rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.115rem;font-weight:400;color:#fff;line-height:.313rem}#index .head_box .time_box .day{margin:-.052rem 0 0 .313rem;font-size:.083rem}.index_page{height:100%;-webkit-transition:all .3s;transition:all .3s}.index_page .fixed_tips{position:fixed;bottom:.208rem;left:.078rem;z-index:99999;color:#858c9a;font-size:.073rem}#bg_canvas{position:fixed;left:0;bottom:0;width:100%;height:18.5%}#bg_canvas .waves{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}#bg_canvas canvas{display:block}.host_body{padding:.078rem;height:4.948rem;-webkit-box-sizing:border-box;box-sizing:border-box}.host_body .left_top{position:relative}.host_body .left_top:after,.host_body .left_top:before{display:block;content:"";position:absolute;bottom:0;width:.156rem;height:.156rem;border:.021rem solid #0069c7;border-top:none}.host_body .left_top:after{right:0;border-left:0}.host_body .left_top:before{left:0;border-right:0}.host_body .left_top .con_box{padding:.208rem .104rem .208rem}.host_body .left_top .label_box{font-size:.115rem;color:#fefefe}.host_body .left_top .label_l{float:left}.host_body .left_top .label_l .num{font-size:.208rem;color:#20fdfa;font-weight:700}.host_body .left_top .label_l .unit{font-size:.094rem;color:#20fdfa}.host_body .left_top .label_r{position:relative;top:.036rem;float:right;font-size:.083rem}.host_body .left_top .label_r .compare_num{font-size:.115rem;color:#fa1313;font-weight:700}.host_body .left_top .label_r .el-icon-top{color:#fa1313;font-weight:700;font-size:.104rem;vertical-align:middle}.host_body .left_top .data_box{margin:.156rem 0 .156rem;line-height:.365rem;font-size:.094rem;color:#fefefe;text-align:center}.host_body .left_top .data_box .num{margin-left:.026rem;font-family:Geometr212 BkCn B;font-weight:700;font-size:.188rem;color:#20fdfa;vertical-align:bottom}.host_body .left_top .data_box .box_item{float:left;width:33.33%}.host_body .left_top .graph_box .name{font-size:.083rem;color:#fff;font-weight:700}.host_body .left_top .graph_box .cate_sec{display:inline-block;width:45%;vertical-align:top}.host_body .left_top .graph_box .cate_sec .chart_box{position:relative;margin-top:.313rem;left:-.104rem;top:-.078rem;width:100%;height:1.146rem}.host_body .left_top .graph_box .cate_sec .chart_box.no_mt{margin-top:-20%}.host_body .left_top .graph_box .active-ring-name{margin-top:.031rem;height:.26rem;line-height:.365rem}.host_body .left_top .graph_box .area_sec{display:inline-block;width:55%}.host_body .left_top .graph_box .area_sec .area_item{display:inline-block;margin-top:.115rem;width:49%;font-size:.078rem;vertical-align:top}.host_body .left_top .graph_box .area_sec .area_item:nth-child(odd){margin-right:1%}.host_body .left_top .graph_box .area_sec .area_item .color{position:relative;display:inline-block;margin-right:.052rem;top:.01rem;width:.078rem;height:.078rem}.host_body .left_top .graph_box .area_sec .area_item .area_name{display:inline-block;width:50%;color:#fff}.host_body .left_top .graph_box .area_sec .area_item .percent{color:#00deff}.host_body .left_bottom{margin-top:.078rem}.host_body .left_bottom .lb_sec{position:relative;float:left;display:inline-block;margin-right:2%;width:49%}.host_body .left_bottom .lb_sec:last-child{margin-right:0}.host_body .left_bottom .lb_sec:after,.host_body .left_bottom .lb_sec:before{display:block;content:"";position:absolute;bottom:0;width:.104rem;height:.104rem;border:.021rem solid #0069c7;border-top:none}.host_body .left_bottom .lb_sec:after{right:0;border-left:0}.host_body .left_bottom .lb_sec:before{left:0;border-right:0}.host_body .left_bottom .lb_list{padding-bottom:.026rem}.host_body .left_bottom .lb_list .dv-scroll-board .rows .ceil{text-overflow:inherit}.host_body .left_bottom .lb_title{font-size:.078rem;color:#00deff;text-align:center}.host_body .left_bottom .lb_title .line_item{display:inline-block;width:33.33%;line-height:.286rem}.host_body .cen_grid{padding:.08rem 0 0}.host_body .cen_grid .grid_item{display:inline-block;width:25%;font-size:.073rem;color:#dcdcdc;text-align:center}.host_body .cen_grid .grid_item .img{display:inline-block;width:.302rem;-webkit-transition:all 1s;transition:all 1s}.host_body .cen_grid .grid_item:nth-child(2n) .img{-webkit-animation:fadeIn 5s infinite;animation:fadeIn 5s infinite}.host_body .cen_grid .grid_item:nth-child(odd) .img{-webkit-animation:fadeOut 5s infinite;animation:fadeOut 5s infinite}@-webkit-keyframes fadeIn{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}70%{opacity:.8}to{opacity:1}}@keyframes fadeIn{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}70%{opacity:.8}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:.4}25%{opacity:.8}50%{opacity:1}70%{opacity:.8}to{opacity:.4}}@keyframes fadeOut{0%{opacity:.4}25%{opacity:.8}50%{opacity:1}70%{opacity:.8}to{opacity:.4}}.host_body .cen_grid .grid_item .title{margin-bottom:.078rem;font-size:.094rem;color:#d5e4f9;font-weight:700}.host_body .cen_grid .grid_item .item_con{display:inline-block;margin-left:.052rem;width:calc(100% - .365rem);text-align:left}.host_body .cen_grid .grid_item .item_con .num{margin-right:.026rem;font-size:.167rem;font-family:Digital;font-weight:700}.host_body .cen_grid .grid_item:first-child .item_con .num{color:#48ece7}.host_body .cen_grid .grid_item:nth-child(2) .item_con .num{color:#ffd452}.host_body .cen_grid .grid_item:nth-child(3) .item_con .num{color:#47a2ff}.host_body .cen_grid .grid_item:last-child .item_con .num{color:#47ff88}.host_body .cen_map{position:relative;width:100%;height:2.9rem}.host_body .cen_map .map{display:block;width:100%;height:100%}.host_body .cen_map .map_item{position:absolute;display:inline-block;text-align:center}.host_body .cen_map .map_item.green_line .dot{background-color:#000690}.host_body .cen_map .map_item.green_line .place{border-color:#000690;-webkit-box-shadow:0 0 .156rem #000690;box-shadow:0 0 .156rem #000690;-webkit-animation-duration:2s;animation-duration:2s}.host_body .cen_map .map_item.yellow_line .dot{background-color:#edc556}.host_body .cen_map .map_item.yellow_line .place{border-color:#edc556;-webkit-box-shadow:0 0 .156rem #edc556;box-shadow:0 0 .156rem #edc556;-webkit-animation-duration:3s;animation-duration:3s}.host_body .cen_map .map_item .img{display:block;margin:0 auto;height:.266rem;-webkit-transition:all 1s;transition:all 1s}.host_body .cen_map .map_item .dot{position:absolute;top:50%;left:50%;margin:-.026rem 0 0 -.026rem;width:.052rem;height:.052rem;background:#a2a9b4;opacity:1;border-radius:50%}.host_body .cen_map .map_item .place{position:absolute;top:50%;left:50%;margin:-.172rem 0 0 -.172rem;width:.344rem;height:.344rem;border:5spx solid #b7b7b7;border-radius:50%;-webkit-box-shadow:0 0 .021rem #82878f inset;box-shadow:inset 0 0 .021rem #82878f;-webkit-animation:suo 3s linear 2s infinite;animation:suo 3s linear 2s infinite}@-webkit-keyframes suo{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.12}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes suo{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.12}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes fadeMapIn{0%{height:.26rem;opacity:1}25%{height:.156rem;opacity:.7}50%{height:.104rem;opacity:.5}70%{height:.156rem;opacity:.7}to{height:.26rem;opacity:1}}@keyframes fadeMapIn{0%{height:.26rem;opacity:1}25%{height:.156rem;opacity:.7}50%{height:.104rem;opacity:.5}70%{height:.156rem;opacity:.7}to{height:.26rem;opacity:1}}@-webkit-keyframes fadeMapOut{0%{height:.104rem;opacity:.5}25%{height:.156rem;opacity:.7}50%{height:.26rem;opacity:1}70%{height:.156rem;opacity:.7}to{height:.104rem;opacity:.5}}@keyframes fadeMapOut{0%{height:.104rem;opacity:.5}25%{height:.156rem;opacity:.7}50%{height:.26rem;opacity:1}70%{height:.156rem;opacity:.7}to{height:.104rem;opacity:.5}}.host_body .cen_map .map_item .percent{margin-top:.313rem;font-size:.094rem;color:#edc556;font-weight:700}.host_body .cen_map .map_item .percent.green{color:#000690}.host_body .cen_map .map_item .label{margin-top:.026rem;font-size:.078rem;color:#fff}.host_body .cen_map .map_item:nth-child(4){top:38%;left:17%}.host_body .cen_map .map_item:nth-child(5){top:52%;left:27%}.host_body .cen_map .map_item:nth-child(9){top:23%;left:31%}.host_body .cen_map .map_item:nth-child(3){top:38%;left:38%}.host_body .cen_map .map_item:first-child{top:25%;left:48%}.host_body .cen_map .map_item:nth-child(2){top:9%;left:55%}.host_body .cen_map .map_item:nth-child(6){top:39%;left:59%}.host_body .cen_map .map_item:nth-child(8){top:10%;left:68%}.host_body .cen_map .map_item:nth-child(7){top:30%;left:78%}.host_body .cen_map .star_1{pointer-events:none;position:absolute;right:-22%;bottom:10%;-webkit-animation:fadeStarOut 4s infinite;animation:fadeStarOut 4s infinite;opacity:.2}.host_body .cen_map .star_2{pointer-events:none;position:absolute;right:55%;top:-20%;opacity:1;-webkit-animation:fadeStarIn 4s infinite;animation:fadeStarIn 4s infinite}@-webkit-keyframes fadeStarOut{0%{opacity:.3}25%{opacity:.6}50%{opacity:1}75%{opacity:.6}to{opacity:.3}}@keyframes fadeStarOut{0%{opacity:.3}25%{opacity:.6}50%{opacity:1}75%{opacity:.6}to{opacity:.3}}@-webkit-keyframes fadeStarIn{0%{opacity:1}25%{opacity:.6}50%{opacity:.3}75%{opacity:.6}to{opacity:1}}@keyframes fadeStarIn{0%{opacity:1}25%{opacity:.6}50%{opacity:.3}75%{opacity:.6}to{opacity:1}}.host_body .cen_bot{position:relative}.host_body .cen_bot:after,.host_body .cen_bot:before{display:block;content:"";position:absolute;bottom:0;width:.104rem;height:.104rem;border:.021rem solid #0069c7;border-top:none}.host_body .cen_bot:after{right:0;border-left:0}.host_body .cen_bot:before{left:0;border-right:0}.host_body .cen_bot .circle_box{padding:.12rem 0;height:1.01rem;font-size:.083rem;color:#75ccfe;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.host_body .cen_bot .circle_box .desc{position:relative;margin-top:.042rem}.host_body .cen_bot .circle_box .circle_item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.host_body .cen_bot .circle_box .el-progress-circle__track{stroke:#262a80}.host_body .cen_bot .circle_box .el-progress__text{font-size:.094rem!important;color:#fff;font-weight:700}.host_body .dv-water-pond-level canvas{margin-left:0}.host_body .right_data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 .156rem;padding:.156rem 0;border-bottom:1px dashed #1c65fe}.host_body .right_data .data_item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:.094rem;color:#fefefe}.host_body .right_data .data_item .desc{margin-top:.208rem;font-size:.083rem;color:#1ee9e8}.host_body .right_data .data_item .num{font-size:.208rem;color:#20fdfa;font-weight:700}.host_body .right_box{padding:.156rem 0;margin:0 .156rem}.host_body .right_box:not(:last-child){border-bottom:1px dashed #1c65fe}.host_body .right_box .box_title{position:relative;text-align:center}.host_body .right_box .box_title .img{display:inline-block;height:.224rem}.host_body .right_box .box_title .title_name{position:absolute;top:0;left:50%;width:100%;font-size:.073rem;color:#fff;letter-spacing:1px;line-height:.224rem;font-weight:700;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.host_body .right_box .chart_box{width:100%;height:1.333rem}.host_body .title_label{margin:1px;padding:0 .104rem;height:.229rem;overflow:hidden;background:linear-gradient(92deg,rgba(1,180,255,.1),rgba(8,37,183,.2))}.host_body .title_label .text{position:relative;top:-.036rem;font-size:.125rem;font-family:Microsoft YaHei;font-weight:700;color:#0096ff;line-height:.328rem;background:linear-gradient(92deg,#0072ff,#00eaff 48.8525390625%,#01aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.host_left{width:28.3%}.host_cen,.host_left{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:.104rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;vertical-align:top}.host_cen{padding-top:.156rem;width:41%;-webkit-box-sizing:border-box;box-sizing:border-box}.host_right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:28.3%;height:100%;vertical-align:top;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#logo_modal{z-index:1}#logo_modal,.logo_modal{position:fixed;top:0;left:0;width:100%;height:100%}.logo_modal{background-color:rgba(1,5,76,.5)}.logo_modal .modal_con{position:absolute;top:50%;left:50%;z-index:2;width:3.438rem;height:2.292rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#0a1122}.logo_modal .modal_con .modal_box{padding:.208rem;-webkit-box-sizing:border-box;box-sizing:border-box}.logo_modal .modal_con .head_img{display:block;position:absolute;top:-.01rem;left:50%;height:.042rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.logo_modal .modal_con .modal_title{font-size:.156rem;color:#fff;font-weight:700;text-align:center}.logo_modal .modal_con .input_box{margin-top:.104rem;line-height:.365rem;border-bottom:1px solid #181fc9}.logo_modal .modal_con .input_box .img{position:relative;margin-right:.104rem;width:.073rem;top:1px}.logo_modal .modal_con .input_box .input{width:calc(100% - .208rem);font-size:.104rem;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:#006cff}.logo_modal .modal_con .input_box .input::-webkit-inner-spin-button,.logo_modal .modal_con .input_box .input::-webkit-outer-spin-button{-webkit-appearance:none}.logo_modal .modal_con .input_box .input::-webkit-input-placeholder{color:rgba(19,117,207,.8)}.logo_modal .modal_con .vertify_box{margin:.156rem 0}.logo_modal .modal_con .vertify_box .btn_s{display:inline-block;width:.26rem;height:.26rem;line-height:.26rem;text-align:center;background:rgba(19,117,207,.1);border:1px solid rgba(19,117,207,.3);vertical-align:top}.logo_modal .modal_con .vertify_box .btn_s .el-icon-right{position:relative;top:.026rem;color:#006cff;font-weight:700;font-size:.125rem}.logo_modal .modal_con .vertify_box .btn{display:inline-block;margin-left:.104rem;padding-left:.104rem;width:calc(100% - .365rem);height:.26rem;line-height:.26rem;color:#006cff;font-weight:700;font-size:.094rem;background:rgba(19,117,207,.1);border:1px solid rgba(19,117,207,.3);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.logo_modal .modal_con .login_box{display:inline-block}.logo_modal .modal_con .login_btn{margin:.26rem auto;width:3.021rem;height:.313rem;line-height:.313rem;font-size:.094rem;color:#006cff;font-weight:700;text-align:center;cursor:pointer;background:-webkit-gradient(linear,left top,right top,from(#181fc9),to(#2046e6));background:linear-gradient(90deg,#181fc9,#2046e6)}canvas{position:absolute;top:0;left:0;width:100%;height:100%}