.river-box-first{height:calc(100vh - 5.375rem)}.river-box-first h2{margin-left:.9375rem}.river-box-first .graph-container{-webkit-transform:translateY(-9.35rem);transform:translateY(-9.35rem);margin-left:.625rem;position:absolute;top:50%;width:100%}.river-box-first .graph-container .__blue{color:#28a0ff!important}.river-box-first .graph-container .__yellow{color:#f4ea2a!important}.river-box-first .graph-container .__red{color:red!important}.river-box-first .graph-container .__green{color:#50be62!important}.river-box-first .graph-container .__line2,.river-box-first .graph-container .__line3,.river-box-first .graph-container .__line4,.river-box-first .graph-container .__line5,.river-box-first .graph-container .line,.river-box-first .graph-container .line-basic{position:absolute;background:#02a9f7}.river-box-first .graph-container .__line2 .__line2_item:before,.river-box-first .graph-container .__line2:before,.river-box-first .graph-container .__line3:before,.river-box-first .graph-container .__line5:before,.river-box-first .graph-container .line-before-basic,.river-box-first .graph-container .line:before{position:absolute;content:"";display:block;width:0;height:0;border-width:0 .25rem .5rem;border-style:none solid solid;border-color:transparent transparent #02a9f7}.river-box-first .graph-container .__line2 span,.river-box-first .graph-container .__line3 span,.river-box-first .graph-container .__line4 span,.river-box-first .graph-container .__line5 span,.river-box-first .graph-container .line-span-basic{position:absolute;font-size:.4375rem}.river-box-first .graph-container .line{height:.09375rem}.river-box-first .graph-container .line:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:-.25rem;right:-.46875rem}.river-box-first .graph-container .circle_red{background:red!important}.river-box-first .graph-container .circle_yellow{background:#f4ea2a!important}.river-box-first .graph-container .circle{background:#02a9f7;box-shadow:0 0 0 .0625rem #fff;width:.5625rem;height:.5625rem;border-radius:100%;position:absolute;top:-.28125rem;cursor:pointer}.river-box-first .graph-container .circle span{position:absolute;top:-.625rem;left:-.9375rem;display:inline-block;text-align:center;width:2.5rem;font-size:.40625rem}.river-box-first .graph-container .__line{width:.09375rem;position:absolute;background:#02a9f7}.river-box-first .graph-container .__line .__plain{position:absolute;background-color:#50be62;width:4.863rem;height:1.875rem;border-radius:1.09375rem;cursor:pointer}.river-box-first .graph-container .__line .__plain ul{margin-top:.15625rem;margin-left:-.9375rem;list-style:none;font-size:.4375rem;color:#fff;text-align:center}.river-box-first .graph-container .__line .__plain ul>li:first-child{margin-left:.781rem;display:flex;flex-direction:row;justify-content:center}.river-box-first .graph-container .__line .__plain ul>li:nth-child(2){display:flex;margin-left:.938rem;flex-direction:row;justify-content:center}.river-box-first .graph-container .__line .__plain ul>li:nth-child(2)>i:first-child{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAAHeq0ewAAAAAXNSR0IArs4c6QAAAG9JREFUGBmNjosNwCAIRMXJHK2juVnlQH4JaXqJCMc74xhZL0tn77zJnPS2mdYUgs2N05kIQLpEI2MtkWT/Kc9gAGzmvMbON93BKWLhr0JhCWGm/JbaTWVoAWStZh0WAMGi9IEGtEgNfIA18AP0wAEYjOSyAQTPowAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%;height:.375rem;width:.375rem;margin:.15625rem}.river-box-first .graph-container .__line .__plain ul li{line-height:.75rem;height:.75rem}.river-box-first .graph-container .__line .plain_red{background-color:red}.river-box-first .graph-container .__line2{width:.09375rem}.river-box-first .graph-container .__line2:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-.21875rem;right:-.21875rem}.river-box-first .graph-container .__line2 .__line2_item{height:.09375rem;position:absolute;background:#02a9f7}.river-box-first .graph-container .__line2 .__line2_item:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);bottom:-.21875rem;left:-.21875rem}.river-box-first .graph-container .__line5{width:.09375rem}.river-box-first .graph-container .__line5:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-.21875rem;right:-.21875rem}.river-box-first .graph-container .__line3{width:.09375rem}.river-box-first .graph-container .__line3:before{-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-.21875rem;right:-.21875rem}.river-box-first .graph-container .__line4{width:.09375rem}.river-box-first .graph-container .__line4 p{width:4.0625rem;height:.3125rem;font-size:.4375rem;position:absolute}.river-box-first .graph-container .__gate{cursor:pointer}.river-box-first .graph-container .__gate .ver_gate{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.river-box-first .graph-container .__gate span{color:#191919;font-size:.4375rem;vertical-align:middle;text-align:center}.river-box-first .graph-container .trigger_reservoir{width:3.4375rem;border-radius:.15625rem;position:absolute;color:#fff;font-size:.4375rem;display:flex;height:.9375rem;cursor:pointer;z-index:888}.river-box-first .graph-container .trigger_reservoir span{position:absolute;display:inline-block;text-align:center;margin-left:.3125rem;line-height:.9375rem;height:.9375rem;left:.625rem;letter-spacing:.03125rem}.river-box-first .graph-container .reservoir-box{height:.625rem;width:.625rem;padding:.15625rem}.river-box-first .graph-container .reservoir_blue{background:#0c9eff}.river-box-first .graph-container .reservoir_yellow{background:red!important}.river-box-first .graph-container .flood_red,.river-box-first .graph-container .reservoir_red{background:red}.river-box-first .graph-container .flood_blue{background:#447bff}.river-box-first .graph-container .trigger_flood{width:3.75rem;cursor:pointer;border-radius:.78125rem;position:absolute;color:#fff;font-size:.4375rem;display:flex;height:1.25rem}.river-box-first .graph-container .trigger_flood span{position:absolute;display:inline-block;text-align:center;margin-left:.3125rem;line-height:1.25rem;height:1.25rem;left:.625rem}.river-box-first .graph-container .flood-box{height:.65rem;width:.65rem;padding:.25rem}.river-box-first .graph-container .trans_gate{cursor:pointer;position:absolute;-webkit-transform:rotate(0);transform:rotate(0)}.river-box-first .graph-container .gate-box{height:1.125rem;width:1.125rem}.river-box-first .graph-container .calResult{display:block;position:absolute;color:#000!important;font-size:.4375rem!important;justify-content:center!important;padding-top:.188rem;z-index:100;top:-2.725rem;left:-1.719rem}.river-box-first .graph-container .calResult p{display:flex;font-size:.4375rem;margin:.03125rem 0;text-align:left;width:4.2rem}.river-box-first .graph-container .calResult p span{position:static;width:auto;font-size:.4375rem}.river-box-first .graph-container .calResult p i{margin:.09375rem 0;font-size:.5rem}.river-box-first .graph-container .calResult p .el-icon-minus{color:#000}.river-box-first .graph-container .calResult p .el-icon-top{color:red}.river-box-first .graph-container .calResult p .el-icon-bottom{color:#6dd400}.river-box-first .graph-container .calResult-left{top:.15625rem!important;left:-5.9375rem!important}.river-box-first .graph-container .calResult-right{top:-.781rem;left:6.563rem}.river-box-first .graph-container .calResult-bottom{top:12.191rem;left:.163rem}.river-box-first .graph-container .stsResult{top:.15625rem!important;left:39.183rem!important}.river-box-first .graph-container .foreResult{position:absolute;color:#000!important;font-size:.4375rem!important;justify-content:center!important;padding-top:.188rem;z-index:100;top:-3.425rem;left:-1.719rem}.river-box-first .graph-container .foreResult p{display:block;font-size:.4375rem;line-height:.3125rem;text-align:left;width:7.888rem;margin-bottom:-.09375rem}.river-box-first .graph-container .foreResult p span{position:static}.river-box-first .graph-container .foreResult-left{top:0!important;left:-6.25rem!important}.river-box-first .graph-container .foreResult-right{top:-1.81rem;left:6.563rem}.river-box-first .graph-container .foreResult-bottom{top:12.091rem!important;left:.163rem!important}.river-box-first .drag{position:absolute;z-index:9999;top:50%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%)}.river-box-second{height:calc(100vh - 5.375rem)}.river-box-second h2{margin-left:.9375rem}.river-box-second .graph-container{-webkit-transform:translateY(-8.65rem);transform:translateY(-8.65rem);margin-left:.625rem;position:absolute;top:50%;width:100%}.river-box-second .graph-container .__blue{color:#28a0ff!important}.river-box-second .graph-container .__yellow{color:#ffa000!important}.river-box-second .graph-container .__red{color:red!important}.river-box-second .graph-container .__green{color:#50be62!important}.river-box-second .graph-container .__line2,.river-box-second .graph-container .__line3,.river-box-second .graph-container .__line4,.river-box-second .graph-container .line,.river-box-second .graph-container .line-basic{position:absolute;background:#02a9f7}.river-box-second .graph-container .__line1:before,.river-box-second .graph-container .__line2:before,.river-box-second .graph-container .__line3:before,.river-box-second .graph-container .__line4:before,.river-box-second .graph-container .line-before-basic{position:absolute;content:"";display:block;width:0;height:0;border-width:0 .25rem .5rem;border-style:none solid solid;border-color:transparent transparent #02a9f7}.river-box-second .graph-container .__line2 span,.river-box-second .graph-container .__line3 span,.river-box-second .graph-container .__line4 span,.river-box-second .graph-container .line-span-basic,.river-box-second .graph-container .line span{position:absolute;color:#000;font-size:.4375rem}.river-box-second .graph-container .line{height:.09375rem}.river-box-second .graph-container .__line1:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:-.25rem;right:-.46875rem}.river-box-second .graph-container .__line2{width:.09375rem}.river-box-second .graph-container .__line2:before{-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-.375rem;left:-.21875rem}.river-box-second .graph-container .__line3{height:.09375rem}.river-box-second .graph-container .__line3:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:-.1875rem;left:-.15625rem}.river-box-second .graph-container .__line4{width:.09375rem}.river-box-second .graph-container .__line4:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-.1875rem;left:-.1875rem}.river-box-second .graph-container .circle_red{background:red!important}.river-box-second .graph-container .circle_yellow{background:#f4ea2a!important}.river-box-second .graph-container .circle{background:#02a9f7;box-shadow:0 0 0 .0625rem #fff;width:.5625rem;height:.5625rem;border-radius:100%;position:absolute;top:-.28125rem;cursor:pointer}.river-box-second .graph-container .circle span{position:absolute;top:-.0625rem;left:.15625rem;display:inline-block;vertical-align:middle;text-align:center;width:2.5rem;font-size:.40625rem}.river-box-second .graph-container .__gate .ver_gate{position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.river-box-second .graph-container .__gate span{color:#191919;font-size:.4375rem;vertical-align:middle;text-align:center}.river-box-second .graph-container .trigger_reservoir{width:3.4375rem;border-radius:.15625rem;position:absolute;color:#fff;font-size:.4375rem;display:flex;height:.9375rem;cursor:pointer}.river-box-second .graph-container .trigger_reservoir span{position:absolute;display:inline-block;text-align:center;margin-left:.3125rem;line-height:.9375rem;height:.9375rem;left:.625rem;letter-spacing:.03125rem}.river-box-second .graph-container .reservoir-box{height:.625rem;width:.625rem;padding:.15625rem}.river-box-second .graph-container .reservoir_blue{background:#0c9eff}.river-box-second .graph-container .reservoir_yellow{background:red!important}.river-box-second .graph-container .flood_red,.river-box-second .graph-container .reservoir_red{background:red}.river-box-second .graph-container .flood_blue{background:#447bff}.river-box-second .graph-container .trigger_flood{width:3.75rem;cursor:pointer;border-radius:.78125rem;position:absolute;color:#fff;font-size:.4375rem;display:flex;height:1.25rem}.river-box-second .graph-container .trigger_flood span{position:absolute;display:inline-block;text-align:center;margin-left:.3125rem;line-height:1.25rem;height:1.25rem;left:.625rem}.river-box-second .graph-container .calResult{display:block;position:absolute;color:#000!important;font-size:.4375rem!important;justify-content:center!important;padding-top:.188rem;z-index:100;top:4.425rem;left:2.619rem}.river-box-second .graph-container .calResult p{font-size:.4375rem;margin:.03125rem 0;display:block;text-align:left;width:4.75rem}.river-box-second .graph-container .calResult p span{position:static;width:auto;font-size:.4375rem}.river-box-second .graph-container .calResult p i{margin:.09375rem 0;font-size:.5rem}.river-box-second .graph-container .calResult p .el-icon-minus{color:#000}.river-box-second .graph-container .calResult p .el-icon-top{color:red}.river-box-second .graph-container .calResult p .el-icon-bottom{color:#6dd400}.river-box-second .graph-container .calResult-left{top:.15625rem!important;left:-5.9375rem!important}.river-box-second .graph-container .calResult-right{top:-.781rem;left:6.563rem}.river-box-second .graph-container .calResult-bottom{top:11.191rem;left:.163rem}.river-box-second .graph-container .foreResult{position:absolute;color:#000!important;font-size:.4375rem!important;justify-content:center!important;padding-top:.188rem;z-index:100;top:-3.425rem;left:-1.719rem}.river-box-second .graph-container .foreResult p{display:block;font-size:.4375rem;line-height:.3125rem;text-align:left;width:7.888rem;margin-bottom:-.09375rem}.river-box-second .graph-container .foreResult p span{position:static}.river-box-second .graph-container .foreResult-left{top:0!important;left:-6.25rem!important}.river-box-second .graph-container .foreResult-right{top:-1.81rem;left:6.563rem}.river-box-second .graph-container .foreResult-bottom{top:12.091rem!important;left:.163rem!important}.river-box-second .graph-container .flood-box{height:.65rem;width:.65rem;padding:.25rem}.river-box-second .graph-container .trans_gate{position:absolute;-webkit-transform:rotate(0);transform:rotate(0)}.river-box-second .graph-container .gate-box{height:1.125rem;width:1.125rem}.river-box-second .drag{position:absolute;z-index:9999;top:10%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%)}.general-graph-box[data-v-17c9238d]{position:relative}.general-graph-box .type-box[data-v-17c9238d]{margin-right:.9375rem;background:#fff;box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.15);padding:.25rem .3125rem;border-radius:.0625rem;width:12.5rem;position:absolute;right:.3125rem;top:-.46875rem}.general-graph-box .type-box .date-box[data-v-17c9238d]{padding:.25rem .0625rem .0625rem}.general-graph-box .north-box[data-v-17c9238d]{position:absolute;right:.625rem;top:2.8125rem}.general-graph-box .north-box img[data-v-17c9238d]{width:100%;height:100%}.general-graph-box .legend-box[data-v-17c9238d]{position:absolute;background:#fff;box-shadow:0 .0625rem .3125rem 0 rgba(25,25,25,.1);border-radius:.1875rem;width:10rem;height:5.625rem;overflow:hidden;bottom:2.1875rem;right:.3125rem;transition:all .4s linear 0s}.general-graph-box .legend-box p[data-v-17c9238d]{border-bottom:.03125rem solid rgba(25,25,25,.15);margin:0 .25rem;line-height:1rem;height:1rem}.general-graph-box .legend-box p span[data-v-17c9238d]{font-family:PingFangSC-Medium;font-size:.5rem;color:#191919;font-weight:700;margin-left:.3125rem}.general-graph-box .legend-box p i[data-v-17c9238d]{float:right;margin:.3125rem;cursor:pointer;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .6s ease}.general-graph-box .legend-box p .tran180[data-v-17c9238d]{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.general-graph-box .legend-box .content-box[data-v-17c9238d]{height:auto;width:11.5625rem;right:.625rem;transition:all .3s linear 0s}.general-graph-box .legend-box .content-box ul[data-v-17c9238d]{margin-top:.3125rem;list-style:none;font-size:.4375rem}.general-graph-box .legend-box .content-box ul li[data-v-17c9238d]{display:flex}.general-graph-box .legend-box .content-box ul li p[data-v-17c9238d]{border:none}.general-graph-box .legend-box .content-box ul li p span[data-v-17c9238d]{font-weight:400;font-size:.4375rem;margin-left:.15625rem;line-height:1rem;height:1rem;text-align:center;display:inline-block}.general-graph-box .legend-box .content-box ul .item-box[data-v-17c9238d]{height:.7rem;width:.7rem;vertical-align:-.3em}.general-graph-box .tranheight[data-v-17c9238d]{height:.938rem}.flood-map-box #map{width:100%;height:100%;position:absolute;z-index:9999}.flood-map-box .boundaryLevel{z-index:99999}.flood-map-box .leaflet-container .leaflet-div-icon{background-color:transparent;border:none}.flood-map-box .leaflet-popup{left:-3.25rem!important;top:-3.65625rem!important}.flood-map-box .leaflet-container a.leaflet-popup-close-button{padding:.625rem;right:.625rem;z-index:999}.flood-map-box .leaflet-container .leaflet-tooltip:before{z-index:10}.flood-map-box .leaflet-tooltip-top:before{bottom:0;margin-bottom:.075rem;border-top-color:#41a300}.flood-map-box .leaflet-popup-content-wrapper,.flood-map-box .leaflet-popup-tip,.flood-map-box .leaflet-tooltip-pane{background:#41a300}.flood-map-box .leaflet-container .leaflet-tooltip:after{position:absolute;content:"";width:0;height:0;bottom:0;left:50%;margin:0 0 -.008rem -.219rem;z-index:9;border:.21875rem solid transparent}.flood-map-box .leaflet-container .leaflet-tooltip.leaflet-label-1:after,.flood-map-box .leaflet-container .leaflet-tooltip.leaflet-labelG:after{border-top-color:#59d308}.flood-map-box .leaflet-container a.leaflet-popup-close-button{display:none}.flood-map-box .leaflet-popup-tip-container{-webkit-transform:scale(.65);transform:scale(.65)}.flood-map-box .leaflet-popup-content-wrapper,.flood-map-box .leaflet-tooltip,.flood-map-box .leaflet-tooltip-pane{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;background:transparent;border:none;box-shadow:none;color:#fff}.flood-map-box .leaflet-popup-content-wrapper .leaflet-popup-content,.flood-map-box .leaflet-tooltip-pane .leaflet-popup-content,.flood-map-box .leaflet-tooltip .leaflet-popup-content{line-height:.3125rem!important;margin-bottom:-.15625rem}.flood-map-box .leaflet-popup-content-wrapper .leaflet-popup-content p,.flood-map-box .leaflet-tooltip-pane .leaflet-popup-content p,.flood-map-box .leaflet-tooltip .leaflet-popup-content p{margin:.13rem 0}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox,.flood-map-box .leaflet-tooltip .myTooltipCtnBox{cursor:pointer;min-width:3.125rem;z-index:9999;background-color:#41a300;font-size:.4375rem;border-radius:.15625rem;color:#fff}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .title,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .title,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .title{padding:.15625rem;font-weight:600}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .title span,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .title span,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .title span{padding:.15625rem}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .dl,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .dl,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .dl{padding:.15625rem .3125rem}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .dl .dl_dt,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .dl .dl_dt,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .dl .dl_dt{color:#fff;font-size:.5rem;margin:.15625rem 0 .15625rem;font-weight:700;white-space:nowrap}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .dl .dl_dt span,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .dl .dl_dt span,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .dl .dl_dt span{padding:0 .0625rem;font-weight:400}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .dl .dl_dd,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .dl .dl_dd,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .dl .dl_dd{justify-content:space-between;margin-left:.15625rem;line-height:.3125rem}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .dl .dl_dd li,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .dl .dl_dd li,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .dl .dl_dd li{list-style-type:none}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox .dl .p1 span,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox .dl .p1 span,.flood-map-box .leaflet-tooltip .myTooltipCtnBox .dl .p1 span{display:inline-block;font-size:.4375rem;font-weight:700;margin-right:.09375rem}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox2,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox2,.flood-map-box .leaflet-tooltip .myTooltipCtnBox2{cursor:pointer;min-width:3.125rem;z-index:9999;background-color:#41a300;font-size:.4375rem;border-radius:.15625rem;color:#fff}.flood-map-box .leaflet-popup-content-wrapper .myTooltipCtnBox2 p,.flood-map-box .leaflet-tooltip-pane .myTooltipCtnBox2 p,.flood-map-box .leaflet-tooltip .myTooltipCtnBox2 p{padding:.15625rem}.flood-map-box .drag{position:absolute;z-index:99999;top:50%;left:50%;-webkit-transform:translate(-50%,-45%);transform:translate(-50%,-45%)}.map-box[data-v-68021912]{display:flex;overflow:hidden;margin:0 .3125rem;height:calc(100vh - 6.5625rem);border-radius:.15625rem}.map-box aside[data-v-68021912]{border:.03125rem solid #dce6ed;width:45%;position:relative}.map-box .legend1[data-v-68021912]{position:absolute;right:2%;bottom:5%;z-index:9999;background:#fff;width:4rem;border-radius:.15625rem}.map-box .legend[data-v-68021912]{position:absolute;right:2%;bottom:5%;opacity:.8;background:#fff;box-shadow:0 .0625rem .3125rem 0 rgba(25,25,25,.1);border-radius:.1875rem;padding:.46875rem .625rem 0 .625rem;z-index:9999}.map-box .legend>div[data-v-68021912]:first-child{display:flex;align-items:center;justify-content:space-between;font-family:PingFangSC-Medium;font-size:.5rem;color:#191919;font-weight:700;padding-bottom:.15625rem}.map-box .legend>div:first-child>div[data-v-68021912]:nth-child(2){cursor:pointer}.map-box .legend .content2[data-v-68021912]{margin-bottom:.3125rem}.map-box .legend .content2>div[data-v-68021912]{padding-top:.3125rem}.map-box .legend .content2>div[data-v-68021912]:first-child{border-top:.03125rem solid #ddd}.map-box .legend .content2>div[data-v-68021912]{border-bottom:.03125rem solid #ddd;padding-bottom:.15625rem}.map-box .legend .content2>div>div[data-v-68021912]:first-child{color:#00f}.map-box .legend .content2>div>div[data-v-68021912]:nth-child(2){font-family:PingFangSC-Regular;font-size:.4375rem;color:#333;letter-spacing:0}.map-box .legend .content2>div>div:nth-child(2)>div[data-v-68021912]{display:flex;align-items:center}.map-box .legend .content2>div>div:nth-child(2)>div>div[data-v-68021912]:first-child{margin-right:.3125rem;width:.3125rem;display:flex;justify-content:center;align-items:center}.map-box .legend .content2>div>div:nth-child(2)>div>div:first-child img[data-v-68021912]{width:100%;height:100%}.map-box .legend .img[data-v-68021912]{width:.5625rem!important;height:.5625rem!important}.map-box .legend .img img[data-v-68021912]{width:100%;height:100%}.map-box .legend .animation3[data-v-68021912]{max-height:15.625rem!important;overflow:hidden;transition:max-height 1s ease}.map-box .legend .animation4[data-v-68021912]{max-height:0!important;overflow:hidden;transition:max-height 1s ease}.map-box .left-box[data-v-68021912]{cursor:pointer}.map-box main[data-v-68021912]{margin-left:.625rem;width:52%}.map-box main .item-box[data-v-68021912]{height:11.5625rem;border-bottom:.03125rem solid #dce6ed}.map-box main .item-box[data-v-68021912]:nth-child(2){margin-top:.625rem}.map-box main .title-line[data-v-68021912]{display:flex}.map-box main .title-line p[data-v-68021912]{background:rgba(224,32,32,.1);line-height:1rem;height:1rem;width:90%;margin-left:.3125rem;font-family:PingFangSC-Regular;font-size:.4375rem;color:#333;padding-left:.15625rem}.map-box main .title-line p span[data-v-68021912]{color:red}.map-box main .grid-content[data-v-68021912]{display:flex;z-index:777;position:relative}.map-box main .grid-content p[data-v-68021912]{margin:.15625rem 0}.map-box main .grid-content span[data-v-68021912]{font-family:PingFangSC-Regular;font-size:.4375rem;color:#151515;letter-spacing:.01813rem;line-height:.75rem;margin-left:.3125rem;cursor:pointer;padding:.0625rem .15625rem}.map-box main .grid-content .active[data-v-68021912]{color:#fff;background:#2e6bff}.map-box main .forecast-chart[data-v-68021912],.map-box main .reservoir-chart[data-v-68021912],.map-box main .station-chart[data-v-68021912]{height:100%;width:100%}.time-bar{display:flex;align-items:center;justify-content:center}.time-bar .el-button--mini,.time-bar .el-button--small{font-size:.14rem;font-weight:700;border-radius:.03rem;color:#000;line-height:.46875rem}.time-bar .el-button--mini span,.time-bar .el-button--small span{font-size:.375rem}.time-bar .el-button:first-child>span:first-of-type{margin-left:-.15625rem}.time-bar button{background-image:linear-gradient(180deg,#fafafa,#ebebeb);border:.03125rem solid #c2c2c2;width:1.46875rem;line-height:.6875rem}.time-bar button i{font-size:.6875rem}.time-bar button .line{display:inline-block;width:.09375rem;height:.46875rem;background:#000;position:relative;left:.15625rem}.time-bar button .line.___right{left:-.125rem}.time-bar button .pause{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAlklEQVRYR+3WsQ2AIBAF0Lswho0lxQ3hIO4C7uIgDnEFJY1jEIwJhSEmaCyw+JRA4Odd85k6L+78PyHAIwERWYloOMeVc44ppSWEEK/js9aOxhjHzGPZ31V1bo24GUBEHBH56iGvqst17+m9OhACQAACEIAABCAAAQhA4P8CZ4stjXd6Wcu3ujnfVfSmQKvXfz1HgO4CB4J9/iFQIUdMAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%;display:flex;width:.75rem;height:.75rem;margin-left:.15625rem}.time-bar .time-line-area{margin:0 .125rem;position:relative}.time-bar .time-line-area .text{font-size:.5rem;font-weight:700;color:#000;margin-top:.3125rem;position:absolute;left:50%;-webkit-transform:translatex(-50%);transform:translatex(-50%)}.time-bar .time-line{width:15.625rem;height:.25rem;background:#d8d8d8;display:flex;position:relative}.time-bar .time-line .past{background:#7499f7;height:100%}.time-bar .time-line .handler{background-image:linear-gradient(180deg,#fafafa,#ebebeb);border:.03125rem solid #c2c2c2;width:.75rem;height:.4375rem;position:absolute;top:-.09375rem}.time-bar .time-line .handler .line2{width:.21875rem;height:.03125rem;background:#6d7278;margin-bottom:.01563rem}.time-bar .active{background:#409eff!important;border-color:#409eff!important;color:#fff!important}.profile-graph[data-v-2012105c]{position:relative}.profile-graph #profile-graph-chart[data-v-2012105c]{margin-top:.46875rem;width:100%;height:calc(100vh - 9.375rem)}.flood-situation-box2{overflow:hidden}.flood-situation-box2 header{position:relative;top:.46875rem;margin:0 .625rem}.flood-situation-box2 header .add-box{width:.375rem;height:.375rem}.flood-situation-box2 header .el-button--mini,.flood-situation-box2 header .el-button--mini.is-round{padding:.21875rem .3125rem}.flood-situation-box2 .content-box{position:relative;top:0;margin:0 .46875rem;background:#fff;border-radius:.15625rem;height:calc(100vh - 4.40625rem);z-index:10}.flood-situation-box2 .el-tabs__nav-wrap{margin:0 .46875rem}.flood-situation-box2 .el-tabs__active-bar{background-color:#2c65e9}.flood-situation-box2 .el-tabs__item.is-active{font-weight:700;color:#000!important}.flood-situation-box2 .el-tabs__item{font-size:.5rem;color:rgba(25,25,25,.5);font-family:PingFangSC-Regular}