.centerBox[data-v-9dc94c2e]{position:relative;box-sizing:border-box;width:100%;height:100%;color:var(--text)}.centerBox.has-head-menu[data-v-9dc94c2e]{height:calc(100% - 81px);width:calc(100% - 48px);padding-left:0!important;margin:0 24px}.centerBox_corner[data-v-9dc94c2e]{position:absolute;left:-9px;top:-9px;right:-9px;bottom:-9px;background:var(--bg-centerBox) no-repeat 0 0,var(--bg-centerBox) no-repeat 100% 0,var(--bg-centerBox) no-repeat 0 100%,var(--bg-centerBox) no-repeat 100% 100%}.centerBox_border[data-v-9dc94c2e]{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--component-border);background:var(--component-bg);box-shadow:var(--component-box-shadow2)}.centerBox_inner[data-v-9dc94c2e]{position:absolute;left:9px;top:9px;right:9px;bottom:9px;box-sizing:border-box;font-size:14px}.centerBox_inner-head[data-v-9dc94c2e]{position:relative;width:100%;box-sizing:border-box;text-align:center;font-size:16px;font-weight:700;height:36px;line-height:36px;background:var(--component-title-bg)}.centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:100%}.centerBox_border1[data-v-9dc94c2e]{box-shadow:inset 0 0 6px 0 var(--component-border)}.hasTitle .centerBox_inner[data-v-9dc94c2e]{top:20px;left:16px;right:16px;bottom:0}.hasTitle .centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:calc(100% - 36px)}.hasTap .centerBox_inner[data-v-9dc94c2e]{top:0;left:0;right:0;bottom:0}.hasTap .centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:100%}.hasNav .centerBox_inner[data-v-9dc94c2e]{top:20px;left:16px;right:16px;bottom:0}.back-btn[data-v-9dc94c2e]{position:absolute;right:5px;top:0;height:100%;display:flex;align-items:center}.hcc-frame-shape[data-v-9dc94c2e]{position:absolute;width:10px;height:10px;z-index:1}.hcc-frame-shape.shape1[data-v-9dc94c2e]{left:0;top:0}.hcc-frame-shape.shape2[data-v-9dc94c2e]{top:0;right:0;transform:rotate(90deg)}.hcc-frame-shape.shape3[data-v-9dc94c2e]{left:0;bottom:0;transform:rotate(-90deg)}.hcc-frame-shape.shape4[data-v-9dc94c2e]{right:0;bottom:0;transform:rotate(-180deg)}.hcc-frame-shape[data-v-9dc94c2e] .shape-group{position:relative;width:10px;height:10px}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .delta{position:absolute;display:inline-block;width:0;height:0;left:2px;top:2px;border-top:4px solid var(--normal);border-right:4px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1{height:3.5px;width:1px;background:var(--normal);position:absolute;left:0;top:0}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1:before{content:"";position:absolute;left:0;top:3.5px;width:0;height:0;border-top:2px solid var(--normal);border-right:1px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1:after{content:"";position:absolute;left:6px;top:0;width:2.5px;height:1px;background:var(--normal-percent-50);transform:skew(-64deg)}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2{height:1px;width:3.5px;background:var(--normal);position:absolute;left:0;top:0}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2:before{content:"";position:absolute;top:0;left:3.5px;width:0;height:0;border-top:1px solid var(--normal);border-right:2px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2:after{content:"";position:absolute;top:6px;left:0;height:2.5px;width:1px;background:var(--normal-percent-50);transform:skewY(-64deg)}.WaterLevelChange[data-v-4dd108e5]{width:100%;height:100%;padding-left:23px}.WaterLevelChange-form[data-v-4dd108e5]{height:30px;text-align:right;position:relative}.WaterLevelChange-charts[data-v-4dd108e5]{height:calc(100% - 30px)}.WaterLevelChange-legend[data-v-4dd108e5]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center}.WaterLevelChange-legend_line[data-v-4dd108e5]{border:1px dashed #f74e66;width:44px;height:0;margin-right:4px}.RainfallMonitoring[data-v-5a7dbe5c],.RainfallMonitoring[data-v-1326aee0]{width:100%;height:100%;padding-left:23px;padding-top:15px}.HistoricalMeteorology[data-v-5655d32c]{height:100%}.HistoricalMeteorology .content[data-v-5655d32c]{height:calc(100% - 50px);padding:25px}.HistoricalMeteorology .content .split[data-v-5655d32c]{display:inline-block;margin:0 10px}.HistoricalMeteorology-table[data-v-5655d32c]{height:calc(100% - 112px)}.HistoricalMeteorology-pageInation[data-v-5655d32c]{text-align:right;padding:15px 0}.HistoricalMeteorology[data-v-5655d32c] .extend-box{justify-content:flex-end}.HistoricalMeteorology[data-v-5655d32c] .extend-box .iconfont{font-size:24px}.HistoricalMeteorology[data-v-5655d32c] .el-table{border-color:var(--normal-percent-20)!important}.HistoricalMeteorology[data-v-5655d32c] .el-table--border:after{background-color:var(--normal-percent-20)}.HistoricalMeteorology[data-v-5655d32c] .el-table td,.HistoricalMeteorology[data-v-5655d32c] .el-table th{border-right:1px solid!important;border-bottom:1px solid!important;border-color:var(--normal-percent-20)!important}.v-charts-component-loading{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.9)}.v-charts-mask-status{filter:blur(1px)}.v-charts-component-loading .circular{width:42px;height:42px;animation:loading-rotate 2s linear infinite}.v-charts-component-loading .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#20a0ff;stroke-linecap:round}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.v-charts-data-empty{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.9);color:#888;font-size:14px}.WaterAndRainMonitoring[data-v-2bbc026e]{height:100%;padding-bottom:23px}.WaterAndRainMonitoring .link[data-v-2bbc026e]{font-size:12px;color:var(--text-light);cursor:pointer}.WaterAndRainMonitoring .WaterAndRainMonitoring-left[data-v-2bbc026e]{height:100%}.WaterAndRainMonitoring .WaterAndRainMonitoring-left-bottom[data-v-2bbc026e],.WaterAndRainMonitoring .WaterAndRainMonitoring-left-top[data-v-2bbc026e]{height:50%}.WaterAndRainMonitoring .WaterAndRainMonitoring-right[data-v-2bbc026e]{height:100%}.WaterAndRainMonitoring .WaterAndRainMonitoring-right-bottom[data-v-2bbc026e],.WaterAndRainMonitoring .WaterAndRainMonitoring-right-center[data-v-2bbc026e],.WaterAndRainMonitoring .WaterAndRainMonitoring-right-top[data-v-2bbc026e]{height:33.33%}.WaterAndRainMonitoring[data-v-2bbc026e] .v-charts-mask-status{opacity:0}.WaterAndRainMonitoring[data-v-2bbc026e] .v-charts-data-empty{background-color:transparent;color:var(--text)}.WaterAndRainMonitoring[data-v-2bbc026e] .content{height:calc(100% - 50px)}.WaterAndRainMonitoring[data-v-2bbc026e] .extend-box{justify-content:flex-end}.WaterAndRainMonitoring[data-v-2bbc026e] .tit-wrap{padding-right:0}.WaterAndRainMonitoring[data-v-2bbc026e] .extend-box{margin-right:0!important}