#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%;width:100%}#top-header{position:relative;width:100%;height:7dvh;display:flex;justify-content:space-between;flex-shrink:0}#top-header .header-center-decoration{width:40%;height:6dvh;margin-top:18px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:6dvh}#top-header .center-title{position:absolute;font-family:SimHei;color:#03f9fc;font-size:1.5rem;font-weight:700;left:50%;top:8px;transform:translateX(-50%)}#scroll-board{box-sizing:border-box;overflow:hidden;width:94%;margin:10px!important}.dv-scroll-board .header,.dv-scroll-board .rows .row-item{font-size:1rem!important}.dv-scroll-board .rows .row-item .ceil{text-overflow:unset!important}.dv-scroll-board .rows .row-item .ceil .index{text-overflow:unset!important;font-size:1.2rem;background-color:#000!important;color:#1981f6}::v-deep .ranking-value{font-size:1rem}#ranking-board-3{height:68%;width:94%;margin-top:13%!important;margin-left:3%!important;box-shadow:0 0 3px #00f;display:flex;flex-direction:column;background-color:rgba(6,30,93,0);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box;padding:0 30px}#ranking-board-3 .ranking-board-title{font-weight:700;width:94%;display:flex;align-items:center;font-size:.5rem}#ranking-board-3 .ranking-column{height:30%}#ranking-board-3 .ranking-column .inside-column{background-color:rgba(6,30,93,0);background-image:linear-gradient(90deg,rgba(73,146,255,.6),rgba(124,1,253,.8));border-radius:0 2em 2em 0}#ranking-board-3 .inside-column{height:100%}#ranking-board-3 .dv-scroll-ranking-board{flex:1}#ranking-board-3 .dv-scroll-ranking-board .row-item .ranking-column{border-bottom:2px solid rgba(19,112,251,0)}#ranking-board-3 .dv-scroll-ranking-board .row-item .ranking-info{height:20px;font-size:.8rem}#ranking-board-3 .dv-scroll-ranking-board .row-item .ranking-info .rank{width:auto!important}#ranking-board-3 .dv-scroll-ranking-board .row-item .ranking-info .info-name{margin-left:20px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;line-height:12px}#ranking-board{height:68%;width:94%;margin-top:13%!important;margin-left:3%!important;box-shadow:0 0 3px #00f;display:flex;flex-direction:column;background-color:rgba(6,30,93,0);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box;padding:0 30px}#ranking-board .ranking-board-title{font-weight:700;width:94%;display:flex;align-items:center;font-size:.5rem}#ranking-board .ranking-column{height:30%}#ranking-board .ranking-column .inside-column{background-color:rgba(6,30,93,0);background-image:linear-gradient(90deg,rgba(73,146,255,.6),rgba(124,1,253,.8));border-radius:0 2em 2em 0}#ranking-board .inside-column{height:100%}#ranking-board .dv-scroll-ranking-board{flex:1}#ranking-board .dv-scroll-ranking-board .row-item .ranking-column{border-bottom:2px solid rgba(19,112,251,0)}#ranking-board .dv-scroll-ranking-board .row-item .ranking-info{height:20px;font-size:.8rem}#ranking-board .dv-scroll-ranking-board .row-item .ranking-info .rank{width:auto!important;height:15px}#ranking-board .dv-scroll-ranking-board .row-item .ranking-info .info-name{margin-left:20px;margin-top:2px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;line-height:12px}#content-bar-board{width:97%;height:100%}#content-bar-board .content-1{display:flex;width:100%;border:10px double #1a4157;margin-bottom:3vh}#content-bar-board .content-1 .content-1-titile{margin-top:10px;margin-left:7dvw;width:50%;height:20vh;font-size:30px}#content-bar-board .content-1 .content-1-charts{display:flex;width:50%;height:20vh;margin-right:3dvw}#content-bar-board .content-1 .content-1-chart-item{border:0 double #d1c62a;margin-top:3%;width:33%}#content-bar-board .content-2{display:flex;flex-direction:column;border:10px double #1a4157;margin-bottom:2vh;height:32vh}#content-bar-board .content-2 .content-2-titile{width:100%;height:100px;line-height:100px;font-size:50px}#content-bar-board .content-2 .content-2-chart{display:flex;width:100%;height:30vh}#content-bar-board .content-3{display:flex;flex-direction:column;border:10px double #1a4157;margin-bottom:2vh;height:32vh}#content-bar-board .content-3 .content-3-titile{width:100%;height:100px;line-height:100px;font-size:50px}#content-bar-board .content-3 .content-3-chart{display:flex;width:100%;height:30vh}#content-bar-board .rowItems{border:10px double #1a4157;margin-top:0;padding-left:0;width:100%;height:61dvh;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;align-content:space-between}#content-bar-board .columnItems{width:100%;height:29vh;margin-top:0;padding-left:0;flex:shrink 0.3;display:flex;flex-direction:row}#content-bar-board .columnItems2{display:flex;flex-direction:row}#content-bar-board .item{width:100%;height:30vh;flex-shrink:0.5;margin-top:2vh;margin-bottom:5vh}#content-bar-board .new-item-content-item{display:flex;align-items:center;justify-content:center;background:inherit;position:relative}#content-bar-board .new-item-content-item:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;filter:blur(15px);z-index:-1}#content-bar-board .bur{height:400px;display:flex;align-items:center;justify-content:center}#content-bar-board .new-item-content{background:inherit;position:relative}#content-bar-board .new-item-content:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;filter:blur(15px);z-index:-1}@keyframes animated-border{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}to{box-shadow:0 0 0 20px hsla(0,0%,100%,0)}}#content-bar-board #box-new-content{display:flex;flex-direction:column;width:600px;height:500px;line-height:300px;font-family:Arial;font-size:90px;font-weight:700;color:#3ef3e9}#content-bar-board #box-new-content-title{width:600px;height:100px;line-height:100px;font-family:Arial;font-size:60px;font-weight:700;color:#fff;margin-top:100px}#content-bar-board #box-new-content-text{height:300px;line-height:200px}#content-bar-board #box-new-content-item{animation:animated-border 1.5s infinite;font-family:Arial;color:#fff;border:4px solid;border-radius:10px;padding:15px}#content-bar-board .wjborder{position:absolute;padding:25px;border-style:solid;border-color:#3ef3e9}#content-bar-board .wjrow1{border-width:8px 0 0 8px;top:-2px;left:-2px}#content-bar-board .wjrow2{border-width:6px 6px 0 0;top:-2px;right:-2px}#content-bar-board .wjcol1{border-width:0 0 6px 6px;bottom:-2px;left:-2px}#content-bar-board .wjcol2{border-width:0 6px 6px 0;bottom:-2px;right:-2px}#content-bar-board .wjbox{position:relative;left:50px;top:50px;margin:10px;width:500px;height:100px;border:1px solid #3ef3e9}#content-bar-board .wjjbox{background:linear-gradient(135deg,transparent 40px,#2baaca 0) 0 0,linear-gradient(-135deg,transparent 40px,#2baaca 0) 100% 0,linear-gradient(-45deg,transparent 40px,#2baaca 0) 100% 100%,linear-gradient(45deg,transparent 40px,#2baaca 0) 0 100%;background-size:50% 50%;background-repeat:no-repeat}#content-bar-board .border11 text.dv-border-box-11-title[fill]{font-size:1.2rem;fill:#03f9fc}#content-bar-board .container{font-size:50px;backdrop-filter:blur(10px)}#content-bar-board .container,#content-bar-board .container-item{text-align:center;align-items:center;justify-content:space-around;padding-bottom:0;width:100%;color:#fff;position:relative}#content-bar-board .container-item{display:flex;font-size:20px}#in-out-board{position:relative;height:40%;margin-bottom:4vh;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background-color:rgba(6,30,93,.2)}#in-out-board .in-out-board-left,#in-out-board .in-out-board-right{width:50%;height:100%}#in-out-board .dv-decoration-10{position:absolute;width:95%;left:2.5%;height:5px;bottom:0}#in-out-board .in-out-board-item{width:11%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:3px solid #061e5d;border-right:3px solid #061e5d}#in-out-board .in-out-board-title{color:#03f9fc;font-size:1.5rem;margin-top:0;margin-bottom:0;height:5vh;text-align:center;border:3px double #1a4157}#in-out-board .in-out-board-title-c{color:#fff;font-size:1.2rem;margin-top:0;margin-bottom:-1dvh;padding-top:10px;text-align:center}#in-out-board .in-out-board{display:flex;flex-direction:column;height:26%;background-color:rgba(6,30,93,.2);border:3px double #1a4157}#in-out-board .unit{margin-left:10px;display:flex;align-items:flex-end;box-sizing:border-box;padding-bottom:13px}#weekLineBarBoard{width:23.5dvw;height:38dvh;display:flex;position:absolute}#water-level-chart1{width:22%;box-sizing:border-box;margin-left:20px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);flex:1;display:flex;flex-direction:column}#water-level-chart1 .water-level-chart-title{margin-top:10px;font-weight:700;height:50px;display:flex;align-items:center;font-size:20px;justify-content:center}#water-level-chart1 .water-level-chart-details{margin-top:20px;height:15%;display:flex;justify-content:center;font-size:17px;align-items:flex-end}#water-level-chart1 .water-level-chart-details span{font-size:35px;font-weight:700;color:#58a1ff;margin:0 5px;margin-bottom:-5px}#water-level-chart1 .chart-container{margin-top:20px;flex:1;display:flex;justify-content:center;align-items:center}#water-level-chart1 .dv-water-pond-level{max-width:90%;width:200px;height:200px;border:10px solid #19c3eb;border-radius:50%}#water-level-chart1 .dv-water-pond-level ellipse{stroke:transparent!important}#water-level-chart1 .dv-water-pond-level text{font-size:40px}#water-level-chart1 #cards{display:flex;justify-content:space-between;height:45%}#water-level-chart1 #cards .card-footer{height:25%;display:flex;flex:1;align-items:center;justify-content:space-around}#water-level-chart1 #cards .card-footer-item{padding:5px 10px 0 10px;margin-top:70px;box-sizing:border-box;width:80%;background-color:rgba(6,30,93,.7);border-radius:3px}#water-level-chart1 #cards .card-footer-item .footer-title{font-size:15px;margin-bottom:5px}#water-level-chart1 #cards .card-footer-item .footer-detail{font-size:20px;color:#1294fb;display:flex;font-size:18px;align-items:center;white-space:nowrap}#water-level-chart1 #cards .card-footer-item .footer-detail .dv-digital-flop{margin-right:5px}#bottom-gauge{display:flex;justify-content:space-between;flex-direction:row;height:400px}#bottom-gauge .bottom-gauge-item{background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:flex;flex:1 500px 300px;justify-content:flex-start}#bottom-gauge .bottom-gauge-title{margin:40px 0 0 20px;writing-mode:vertical-rl;text-align:center;font-size:26px;font-weight:700;position:absolute;color:#03d3ec}#bottom-gauge .bottom-gauge-charts{height:400px;width:400px}#bottom-line-bar{height:400px}#bottom-line-bar .bottom-line-bar-item{background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:flex;justify-content:flex-start;height:320px;width:710px}#bottom-line-bar .bottom-line-bar-charts{height:400px;width:400px}#digital-flop{position:relative;height:14%;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background-color:rgba(6,30,93,.5)}#digital-flop .dv-decoration-10{position:absolute;width:95%;left:2.5%;height:5px;bottom:0}#digital-flop .digital-flop-item{width:11%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:3px solid #061e5d;border-right:3px solid #061e5d}#digital-flop .digital-flop-title{font-size:20px;margin-bottom:20px}#digital-flop .digital-title{font-size:98%;white-space:nowrap;margin-bottom:20px}#digital-flop .digital-flop{display:flex}#digital-flop .unit{margin-left:10px;display:flex;align-items:flex-end;box-sizing:border-box;padding-bottom:13px}#data-view-wms{width:100%;height:100%;color:#fff;display:flex}#data-view-wms .full-class{background-image:url(../img/bg.837e99ea.png);background-size:100% 100%;box-shadow:0 0 3px #00f;display:flex;flex-direction:column}#data-view-wms .main-content{height:90%;display:flex;flex-direction:column}#data-view-wms .block-left-right-content{height:100%;flex:1;display:flex}#data-view-wms .block-left-right-content .block-left{display:flex;flex-direction:column;width:25%;height:100%}#data-view-wms .block-left-right-content .block-content{display:flex;flex-direction:column;width:50%;height:89dvh;position:relative;border-radius:6%}#data-view-wms .block-left-right-content .block-content:after{position:absolute;content:"";top:0;height:100%;width:100%}#data-view-wms .block-left-right-content .block-right{display:flex;flex-direction:column;width:24%;margin-left:0dvw;height:89dvh}#data-view-wms .block-top-bottom-content{flex:4;display:flex;flex-direction:column;box-sizing:border-box;padding-left:20px}#data-view-wms .block-top-content{height:55%;display:flex;flex-grow:0;box-sizing:border-box;padding-bottom:0}#data-view-wms .block-foot-content{display:flex;flex-direction:row;justify-content:space-around;margin-left:0}#data-view-wms .block-foot-1,#data-view-wms .block-foot-2{flex:1}.flex3{flex:3}.flex1{flex:1}.border11{margin-top:1dvh}.border11.flex1 .border-box-content{height:30%}.border11 text.dv-border-box-11-title[fill]{font-size:1rem;fill:#fff}.border11-1 text.dv-border-box-11-title[fill]{font-size:2rem;fill:#03f9fc}.in-out-board-title{color:#03f9fc;font-size:1.5rem;margin-top:1.5dvh;margin-bottom:0;height:5vh;text-align:center;border:3px double #1a4157}.left-chart-1{width:100%;height:37%;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:30px;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:30%;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-3{width:100%;height:33%;display:flex;flex-direction:column}.left-chart-3 .lc3-header{height:20px;line-height:20px;font-size:16px;text-indent:20px;margin-top:10px}.left-chart-3 .lc3-details{height:40px;font-size:16px;display:flex;align-items:center;text-indent:20px}.left-chart-3 .lc3-details span{color:#096dd9;font-weight:700;font-size:35px;margin-left:20px}.left-chart-3 .lc3-chart{flex:1}.label-tag{display:flex;justify-content:center;align-items:center}.label-tag .label-item{margin:5px;font-size:15px;display:flex;align-items:center}.label-tag .label-item div{width:12px;height:12px;margin-left:5px}.center-cmp{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column}.center-cmp .cc-header{height:70px;display:flex;justify-content:space-between;align-items:center;font-size:30px}.center-cmp .cc-details{height:120px;display:flex;justify-content:center;font-size:32px;align-items:center}.center-cmp .cc-details .card{background-color:rgba(4,49,128,.6);color:#08e5ff;height:70px;width:70px;font-size:45px;font-weight:700;line-height:70px;text-align:center;margin:10px}.center-cmp .cc-main-container{position:relative;flex:1;display:flex}.center-cmp .cc-main-container .ccmc-middle{width:50%;height:90%}.center-cmp .cc-main-container .ccmc-middle .active-ring-name{font-size:20px!important}.center-cmp .cc-main-container .ccmc-left,.center-cmp .cc-main-container .ccmc-right{width:25%;display:flex;flex-direction:column;justify-content:center;font-size:24px}.center-cmp .cc-main-container .ccmc-left span,.center-cmp .cc-main-container .ccmc-right span{font-size:40px;font-weight:700}.center-cmp .cc-main-container .ccmc-left .station-info,.center-cmp .cc-main-container .ccmc-right .station-info{height:80px;display:flex;align-items:center}.center-cmp .cc-main-container .ccmc-left{align-items:flex-end}.center-cmp .cc-main-container .ccmc-left span{margin-left:20px}.center-cmp .cc-main-container .ccmc-right{align-items:flex-start}.center-cmp .cc-main-container .ccmc-right span{margin-right:20px}.center-cmp .label-tag{position:absolute;width:500px;height:30px;bottom:10px;left:50%;transform:translateX(-50%)}.right-chart-1{width:100%;height:100%;display:flex;flex-direction:column}.right-chart-1 .rc1-header{font-size:24px;font-weight:700;height:30px;line-height:30px}.right-chart-1 .rc1-chart-container{flex:1;display:flex}.right-chart-1 .left{width:30%;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.right-chart-1 .left .number{font-size:34px;color:#096dd9;font-weight:700;margin-bottom:30px}.right-chart-1 .right{flex:1;padding-bottom:20px;padding-right:20px;box-sizing:border-box}.right-chart-2{width:100%;height:100%;display:flex;flex-direction:column}.right-chart-2 .rc1-header{font-size:24px;font-weight:700;height:30px;line-height:30px}.right-chart-2 .rc1-chart-container{flex:1;display:flex}.right-chart-2 .left{width:30%;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.right-chart-2 .left .number{font-size:34px;color:#096dd9;font-weight:700;margin-bottom:30px}.right-chart-2 .right{flex:1;padding-bottom:20px;padding-right:20px;box-sizing:border-box}.linesChart{width:100%;height:100%;display:flex;position:relative}.linesChart dv-charts{flex:1}#data-view{background-color:#030409;color:#fff;display:flex;height:100%;width:100%}#data-view .full-class{background-image:url(../img/bg.110420cf.png);background-size:100% 100%;margin:0 0;box-shadow:0 0 3px #00f;display:flex;flex:1;flex-direction:column}#data-view .main-header{height:80px;display:flex;justify-content:space-between;align-items:flex-end}#data-view .main-header .mh-left{font-size:20px;color:#0186bb}#data-view .main-header .mh-left a:visited{color:#0186bb}#data-view .main-header .mh-middle{font-size:30px}#data-view .main-header .mh-left,#data-view .main-header .mh-right{width:450px}#data-view .main-container{height:calc(100% - 80px)}#data-view .main-container .border-box-content{padding:20px;box-sizing:border-box;display:flex}#data-view .main-container .left-chart-container{width:22%;padding:10px;box-sizing:border-box}#data-view .main-container .left-chart-container .border-box-content{flex-direction:column}#data-view .main-container .right-main-container{width:78%;padding-left:5px;box-sizing:border-box}#data-view .main-container .rmc-top-container{height:65%;display:flex}#data-view .main-container .rmctc-left-container{width:65%}#data-view .main-container .rmctc-right-container{width:35%}#data-view .main-container .rmc-bottom-container{height:35%}#data-view .main-container .rmctc-chart-1,#data-view .main-container .rmctc-chart-2{height:50%}#test{background-image:url(../img/barBackground.8948c296.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fff;flex-direction:column}#test .rowItems{width:50vw;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;align-content:space-between;margin-top:190px}#test .columnItems{height:33vh;flex:shrink 0.3;margin-top:0;padding-left:500px;display:flex;flex-direction:row}#test .columnItems2{display:flex;flex-direction:row}#test .item{width:30vw;height:30vh;flex-shrink:0.5;margin-top:5vh;margin-bottom:5vh}#test .item11{margin-right:10vw;flex:1}#test .item12{padding-left:20px;text-align:right}#test .item13{flex:0.5;text-align:left}#test .item21,#test .item22{flex:1}body,html{width:100%;height:100%;padding:0;margin:0;background-color:#000}body{margin:0!important}