#top-header{height:80px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}#top-header .header-center-decoration{width:768px;height:60px;margin-top:40px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .header-right-decoration{font-size:18px}#top-header .center-title{position:absolute;font-size:40px;font-weight:700;left:960px;top:30px;transform:translateX(-50%)}.left-chart-1{width:100%;height:35%;display:flex;flex-grow:0;flex-direction:column}.left-chart-1 .lc1-header{text-align:center;height:40px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;margin-bottom:20px}.left-chart-1 .lc1-details{height:50px;font-size:16px;display:flex;align-items:center;text-indent:20px}.left-chart-1 .lc1-details span{color:#096dd9;font-weight:700;font-size:35px;margin-left:20px}.left-chart-1 .lc1-chart{flex:1}.left-chart-2{width:100%;height:35%;display:flex;flex-direction:column}.left-chart-2 .lc2-header{height:20px;line-height:20px;font-size:16px;text-indent:20px;margin-top:10px}.left-chart-2 .lc2-details{height:40px;font-size:16px;display:flex;align-items:center;text-indent:20px}.left-chart-2 .lc2-details span{color:#096dd9;font-weight:700;font-size:35px;margin-left:20px}.left-chart-2 .lc2-chart{height:calc(100% - 80px)}.left-chart-4{width:100%;height:32.5%;display:flex;flex-direction:column;box-sizing:border-box;padding-top:10px}.left-chart-4 .ccmc-middle{width:300px;height:300px}.left-chart-4 .lc2-details{height:40px;font-weight:700;font-size:20px;display:flex;align-items:center;text-indent:20px}.left-chart-4 .lc2-details span{color:#096dd9;font-weight:700;font-size:24px;margin-left:20px}.left-chart-4 .lc2-chart{height:calc(100% - 80px)}.center-cmp{width:100%;height:720px;box-sizing:border-box;margin-left:0;font-weight:700;overflow:hidden}.center-cmp .dv-scroll-board .header{font-size:20px}.center-cmp .dv-scroll-board .rows .row-item{text-align:center}.center-cmp .dv-scroll-board .rows .row-item .ceil{font-size:20px}.right-chart-1{width:100%;height:100%;display:flex;flex-grow:0;flex-direction:column}.right-chart-1 .rc1-header{font-size:20px;font-weight:700;height:40px;line-height:20px}.right-chart-1 .rc1-chart-container{flex:1;display:flex}.right-chart-1 .rc1-chart{flex:1}.right-chart-3{width:100%;height:100%;display:flex;flex-direction:column}.right-chart-3 .rc1-header{font-size:20px;font-weight:700;height:40px;line-height:30px}.right-chart-3 .rc1-chart-container{flex:1;display:flex}.right-chart-3 .rc3-chart{flex:1}.label-tag{display:flex;justify-content:center;align-items:center}.label-tag .label-item{text-align:center;font-weight:700;font-size:16px;align-items:center}.bc-water-item{display:flex;flex-direction:column;width:10%;height:100%;margin:15px;box-shadow:0 0 3px #00f;box-sizing:border-box}.bc-water-item,.water-level-chart-title{align-items:center;justify-content:center}.water-level-chart-title{font-weight:700;height:40px;font-size:20px}.chart-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.dv-water-pond-level{width:180px;height:180px;border:8px solid #19c3eb;border-radius:50%}.dv-water-pond-level ellipse{stroke:transparent!important}.dv-water-pond-level text,.label-item{font-size:20px}.label-item{margin-top:20px;height:40px;text-align:center;font-weight:700;align-items:center}.bottom-charts{display:flex;position:relative}.bottom-charts .bc-chart-item,.bottom-charts .bc-water-item{width:25%;height:100%;padding-top:10px;box-sizing:border-box}.bottom-charts .bcci-header{height:50px;text-align:center;line-height:50px;font-size:20px}.bottom-charts .dv-water-level-pond{height:calc(100% - 80px)}.bottom-charts .label-tag{height:30px}.bottom-charts .active-ring-name{font-size:18px!important}.bottom-charts .decoration-1,.bottom-charts .decoration-2,.bottom-charts .decoration-3{display:absolute;left:0}.auto-fix-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;transform-origin:0 0;transition:all .3s linear;overflow:hidden}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view .main-content{margin-top:10px;height:calc(100% - 80px);display:flex;flex-direction:row}#data-view .main-content .block-left-content{display:flex;flex-direction:column;margin:5px;width:345px}#data-view .main-content .block-center-content{width:1190px;height:100%;display:flex;flex-direction:column}#data-view .main-content .block-center-content .center-top{flex:2;box-sizing:border-box;margin-left:0;font-weight:700;overflow:hidden}#data-view .main-content .block-center-content .center-bottom{flex:1;box-sizing:border-box;margin-left:0;font-weight:700;margin-top:10px}#data-view .main-content .block-right-content{display:flex;flex-direction:column;margin:5px;width:380px;height:100%}#data-view .main-content .block-right-content .right-top{flex:1;padding:5px;box-sizing:border-box;border-bottom:2px solid rgba(1,153,209,.5)}#data-view .main-content .block-right-content .right-bottom{margin-top:15px;padding:5px;flex:2;box-sizing:border-box}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%;background-color:#030409}