#top-header{position:relative;width:100%;height:100px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}#top-header .header-center-decoration{width:40%;height:60px;margin-top:30px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .center-title{position:absolute;font-size:30px;font-weight:700;left:50%;top:15px;transform:translateX(-50%)}#digital-flop{position:relative;width:100%;height:15%;margin-bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;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:100%;height:80%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align: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-flop{display:-ms-flexbox;display:flex}#digital-flop .unit{margin-left:10px;-ms-flex-align:end;align-items:flex-end;padding-bottom:13px;border:1px solid red}#digital-flop .unit,#ranking-board{display:-ms-flexbox;display:flex;box-sizing:border-box}#ranking-board{width:100%;height:40%;box-shadow:0 0 3px #00f;-ms-flex-direction:column;flex-direction:column;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);padding:0 30px}#ranking-board .ranking-board-title{font-weight:700;height:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:20px}#ranking-board .dv-scroll-ranking-board{-ms-flex:1;flex:1}#flyline-chart{width:100%;height:50%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box}#flyline-chart .flyline-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#rose-chart{width:100%;height:50%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box;margin-bottom:20px}#rose-chart .rose-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#rose-chart .dv-charts-container{height:calc(100% - 50px)}#water-level-chart{width:20%;box-sizing:border-box;margin-left:20px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#water-level-chart .water-level-chart-title{font-weight:700;height:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:20px;-ms-flex-pack:center;justify-content:center}#water-level-chart .water-level-chart-details{height:15%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;font-size:17px;-ms-flex-align:end;align-items:flex-end}#water-level-chart .water-level-chart-details span{font-size:35px;font-weight:700;color:#58a1ff;margin:0 5px;margin-bottom:-5px}#water-level-chart .chart-container{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#water-level-chart .dv-water-pond-level{max-width:90%;width:200px;height:200px;border:10px solid #19c3eb;border-radius:50%}#water-level-chart .dv-water-pond-level ellipse{stroke:transparent!important}#water-level-chart .dv-water-pond-level text{font-size:40px}#scroll-board{width:100%;height:30%;box-sizing:border-box;overflow:hidden;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);margin-bottom:20px}#scroll-board .scroll-board-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#cards{-ms-flex-pack:justify;justify-content:space-between;height:35%}#cards,#cards .card-item{display:-ms-flexbox;display:flex}#cards .card-item{background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);width:33%;-ms-flex-direction:column;flex-direction:column}#cards .card-header{display:-ms-flexbox;display:flex;height:20%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}#cards .card-header .card-header-left{font-size:14px;font-weight:700}#cards .card-header .card-header-right{display:none;font-size:40px;color:#03d3ec}#cards .ring-charts{height:55%}#cards .card-footer{height:25%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}#cards .card-footer-item{padding:5px 10px 0 10px;box-sizing:border-box;width:40%;background-color:rgba(6,30,93,.7);border-radius:3px}#cards .card-footer-item .footer-title{font-size:15px;margin-bottom:5px}#cards .card-footer-item .footer-detail{font-size:20px;color:#1294fb;display:-ms-flexbox;display:flex;font-size:18px;-ms-flex-align:center;align-items:center}#cards .card-footer-item .footer-detail .dv-digital-flop{margin-right:5px}.dv-active-ring-chart{position:relative}.dv-active-ring-chart .active-ring-chart-container{width:100%;height:100%}.dv-active-ring-chart .active-ring-info{position:absolute;width:100%;height:100%;left:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.dv-active-ring-chart .active-ring-info .dv-digital-flop{width:100px;height:30px}.dv-active-ring-chart .active-ring-info .active-ring-name{width:100px;height:30px;color:#fff;text-align:center;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dv-border-box-1{position:relative;width:100%;height:100%}.dv-border-box-1 .border{position:absolute;display:block}.dv-border-box-1 .right-top{right:0;transform:rotateY(180deg)}.dv-border-box-1 .left-bottom{bottom:0;transform:rotateX(180deg)}.dv-border-box-1 .right-bottom{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-1 .border-box-content,.dv-border-box-10{position:relative;width:100%;height:100%}.dv-border-box-10{border-radius:6px}.dv-border-box-10 .dv-border-svg-container{position:absolute;display:block}.dv-border-box-10 .right-top{right:0;transform:rotateY(180deg)}.dv-border-box-10 .left-bottom{bottom:0;transform:rotateX(180deg)}.dv-border-box-10 .right-bottom{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-10 .border-box-content,.dv-border-box-11{position:relative;width:100%;height:100%}.dv-border-box-11 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-11 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-11 .border-box-content,.dv-border-box-12{position:relative;width:100%;height:100%}.dv-border-box-12 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-12 .border-box-content,.dv-border-box-13{position:relative;width:100%;height:100%}.dv-border-box-13 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2,.dv-border-box-13 .border-box-content{position:relative;width:100%;height:100%}.dv-border-box-2 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-2 .border-box-content,.dv-border-box-3{position:relative;width:100%;height:100%}.dv-border-box-3 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-3 .dv-border-svg-container>polyline{fill:none}.dv-border-box-3 .dv-bb3-line1{stroke-width:3}.dv-border-box-3 .dv-bb3-line2{stroke-width:1}.dv-border-box-3 .border-box-content,.dv-border-box-4{position:relative;width:100%;height:100%}.dv-border-box-4 .dv-reverse{transform:rotate(180deg)}.dv-border-box-4 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-4 .dv-border-svg-container>polyline{fill:none}.dv-border-box-4 .sw1{stroke-width:1}.dv-border-box-4 .sw3{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-1,.dv-border-box-4 .dv-bb4-line-2{stroke-width:1}.dv-border-box-4 .dv-bb4-line-3,.dv-border-box-4 .dv-bb4-line-4{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-5,.dv-border-box-4 .dv-bb4-line-6,.dv-border-box-4 .dv-bb4-line-7{stroke-width:1}.dv-border-box-4 .dv-bb4-line-8,.dv-border-box-4 .dv-bb4-line-9{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-9{stroke-dasharray:100 250}.dv-border-box-4 .dv-bb4-line-10{stroke-width:1;stroke-dasharray:80 270}.dv-border-box-4 .border-box-content,.dv-border-box-5{position:relative;width:100%;height:100%}.dv-border-box-5 .dv-reverse{transform:rotate(180deg)}.dv-border-box-5 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-5 .dv-border-svg-container>polyline{fill:none}.dv-border-box-5 .dv-bb5-line-1,.dv-border-box-5 .dv-bb5-line-2{stroke-width:1}.dv-border-box-5 .dv-bb5-line-3,.dv-border-box-5 .dv-bb5-line-6{stroke-width:5}.dv-border-box-5 .dv-bb5-line-4,.dv-border-box-5 .dv-bb5-line-5{stroke-width:2}.dv-border-box-5 .border-box-content,.dv-border-box-6{position:relative;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-6 .border-box-content,.dv-border-box-7{position:relative;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container>polyline{fill:none;stroke-linecap:round}.dv-border-box-7 .dv-bb7-line-width-2{stroke-width:2}.dv-border-box-7 .dv-bb7-line-width-5{stroke-width:5}.dv-border-box-7 .border-box-content,.dv-border-box-8{position:relative;width:100%;height:100%}.dv-border-box-8 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-8 .border-box-content,.dv-border-box-9{position:relative;width:100%;height:100%}.dv-border-box-9 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-9 .border-box-content{position:relative;width:100%;height:100%}.dv-capsule-chart{position:relative;-ms-flex-direction:row;flex-direction:row;padding:10px;color:#fff}.dv-capsule-chart,.dv-capsule-chart .label-column{display:-ms-flexbox;display:flex;box-sizing:border-box}.dv-capsule-chart .label-column{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-right:10px;text-align:right;font-size:12px}.dv-capsule-chart .label-column div{height:20px;line-height:20px}.dv-capsule-chart .capsule-container{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.dv-capsule-chart .capsule-item{box-shadow:0 0 3px #999;height:10px;margin:5px 0;border-radius:5px}.dv-capsule-chart .capsule-item .capsule-item-column{position:relative;height:8px;margin-top:1px;border-radius:5px;transition:all .3s;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.dv-capsule-chart .capsule-item .capsule-item-column .capsule-item-value{font-size:12px;transform:translateX(100%)}.dv-capsule-chart .unit-label{height:20px;font-size:12px;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.dv-capsule-chart .unit-text{text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;font-size:12px;line-height:20px;margin-left:10px}.dv-charts-container{position:relative}.dv-charts-container,.dv-charts-container .charts-canvas-container,.dv-conical-column-chart{width:100%;height:100%}.dv-conical-column-chart text{text-anchor:middle}.dv-decoration-1{width:100%;height:100%}.dv-decoration-1 svg{transform-origin:left top}.dv-decoration-10,.dv-decoration-11{width:100%;height:100%;display:-ms-flexbox;display:flex}.dv-decoration-11{position:relative}.dv-decoration-11 .decoration-content{position:absolute;top:0;left:0}.dv-decoration-2,.dv-decoration-11 .decoration-content{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-3{width:100%;height:100%}.dv-decoration-3 svg{transform-origin:left top}.dv-decoration-4{position:relative;width:100%;height:100%}.dv-decoration-4 .container{display:-ms-flexbox;display:flex;overflow:hidden;position:absolute;-ms-flex:1;flex:1}.dv-decoration-4 .normal{animation:ani-height 3s ease-in-out infinite;left:50%;margin-left:-2px}.dv-decoration-4 .reverse{animation:ani-width 3s ease-in-out infinite;top:50%;margin-top:-2px}@keyframes ani-height{0%{height:0%}70%{height:100%}to{height:100%}}@keyframes ani-width{0%{width:0}70%{width:100%}to{width:100%}}.dv-decoration-5,.dv-decoration-6{width:100%;height:100%}.dv-decoration-6 svg{transform-origin:left top}.dv-decoration-7{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.dv-decoration-7,.dv-decoration-8,.dv-decoration-9{display:-ms-flexbox;display:flex;width:100%;height:100%}.dv-decoration-9{position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-9 svg{position:absolute;left:0;top:0;transform-origin:left top}.dv-digital-flop canvas{width:100%;height:100%}.dv-flyline-chart{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.dv-flyline-chart polyline{transition:all .3s}.dv-flyline-chart text{text-anchor:middle;dominant-baseline:middle}.dv-flyline-chart-enhanced{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.dv-flyline-chart-enhanced text{text-anchor:middle;dominant-baseline:middle}#dv-full-screen-container{position:fixed;top:0;left:0;overflow:hidden;transform-origin:left top;z-index:999}.dv-loading{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.dv-loading .loading-tip{font-size:15px}.dv-percent-pond{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dv-percent-pond svg{position:absolute;left:0;top:0;width:100%;height:100%}.dv-percent-pond polyline{transition:all .3s}.dv-percent-pond text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-scroll-board{position:relative;width:100%;height:100%;color:#fff}.dv-scroll-board .text{padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:15px}.dv-scroll-board .header .header-item{padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}.dv-scroll-board .rows{overflow:hidden}.dv-scroll-board .rows .row-item{display:-ms-flexbox;display:flex;font-size:14px;transition:all .3s}.dv-scroll-board .rows .ceil{padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .rows .index{border-radius:3px;padding:0 3px}.dv-scroll-ranking-board{width:100%;height:100%;color:#fff;overflow:hidden}.dv-scroll-ranking-board .row-item{transition:all .3s;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden}.dv-scroll-ranking-board .ranking-info{display:-ms-flexbox;display:flex;width:100%;font-size:13px}.dv-scroll-ranking-board .ranking-info .rank{width:40px;color:#1370fb}.dv-scroll-ranking-board .ranking-info .info-name{-ms-flex:1;flex:1}.dv-scroll-ranking-board .ranking-column{border-bottom:2px solid rgba(19,112,251,.5);margin-top:5px}.dv-scroll-ranking-board .ranking-column .inside-column{position:relative;height:6px;background-color:#1370fb;margin-bottom:2px;border-radius:1px;overflow:hidden}.dv-scroll-ranking-board .ranking-column .shine{position:absolute;left:0;top:2px;height:2px;width:50px;transform:translateX(-100%);background:radial-gradient(#28f8ff 5%,transparent 80%);animation:shine 3s ease-in-out infinite alternate}@keyframes shine{80%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0)}}.dv-water-pond-level{position:relative}.dv-water-pond-level svg{position:absolute;width:100%;height:100%;top:0;left:0}.dv-water-pond-level text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-water-pond-level ellipse,.dv-water-pond-level rect{fill:none;stroke-width:3}.dv-water-pond-level canvas{margin-top:8px;margin-left:8px;width:calc(100% - 16px);height:calc(100% - 16px);box-sizing:border-box}.weather-box[data-v-e105e01e]{width:100%;height:10%;border:1px solid #0e94ea;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;margin-bottom:20px}.weather-box>.data[data-v-e105e01e]{width:60%;height:65%;border-right:2px solid #cdddf7}.data>p[data-v-e105e01e]{font-size:1.6rem;margin:0 5px;color:#cdddf7;text-align:center;margin:0}.data>p>span[data-v-e105e01e]{margin:0 5px}.data>p.time[data-v-e105e01e]{font-size:2.8rem;height:2.6rem;line-height:2.6rem}.data>p#date[data-v-e105e01e]{font-size:1.2rem;height:1.2rem;line-height:1.2rem}.weather-box>.weather[data-v-e105e01e]{width:50%;height:65%;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;margin-left:10px}.weather>img[data-v-e105e01e]{height:100%}.weather>div[data-v-e105e01e]{width:50%;height:100%}.weather>div>p[data-v-e105e01e]{font-size:.75rem;color:#cdddf7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:100%;margin-bottom:.3rem}.weather>div>p.active[data-v-e105e01e]{color:#fff;font-size:1.2rem}#conical-column-chart{width:100%;height:30%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box;margin-bottom:20px}#conical-column-chart .conical-column-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#conical-column-chart .dv-conical-column-chart{height:calc(100% - 50px)}#line-chart{width:100%;height:35%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box;margin-top:20px}#line-chart .line-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../img/bg.837e99ea.png);background-size:100% 100%;box-shadow:0 0 3px #00f;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#data-view .main-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}#data-view .main-content .left-content{width:30%}#data-view .main-content .center-content,#data-view .main-content .left-content{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#data-view .main-content .center-content{width:36%;margin-left:2%;margin-right:2%}#data-view .main-content .right-content{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:30%}#data-view .block-left-right-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-top:20px}#data-view .block-left-content{width:30%}#data-view .block-left-content,#data-view .block-top-bottom-content{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#data-view .block-top-bottom-content{box-sizing:border-box;padding-left:20px}#data-view .block-top-content{height:55%;display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;box-sizing:border-box;padding-bottom:20px}