.custom-panel[data-v-c366e9c8]{height:100%;display:flex}.custom-panel .border-bolder[data-v-c366e9c8]{flex-grow:1;display:flex;padding:2px;border:1px solid #3566e3;border-radius:10px}.custom-panel .border-bolder .border-lighter[data-v-c366e9c8]{flex-grow:1;height:auto;border:2px solid #3566e3;border-radius:10px}.custom-panel .border-bolder .border-lighter .title[data-v-c366e9c8]{line-height:30px;height:30px;color:#5ac9f8;font-size:16px;text-align:center;background-image:url(/img/title-background-img.29b4dbee.png);background-repeat:no-repeat;background-size:200px 30px;background-position:50%}.custom-panel .border-bolder .border-lighter .default[data-v-c366e9c8]{height:calc(100% - 30px)}.hazard-overview[data-v-4409f376]{height:100%}.basic-info__list[data-v-77f8a2c5]{display:flex}.basic-info__item[data-v-77f8a2c5]{flex:1}.basic-info__item[data-v-77f8a2c5]:not(:last-child){margin-right:16px}.basic-info__wrap[data-v-77f8a2c5]{display:flex;justify-content:center;align-items:center;padding:16px;color:#6c92ef;background-color:#153896}.basic-info__icon[data-v-77f8a2c5]{margin-right:16px}.basic-info__icon img[data-v-77f8a2c5]{height:46px}.di-tu[data-v-150e9dec]{position:relative}.di-tu .di-tu__shen-zhen[data-v-150e9dec],.di-tu[data-v-150e9dec]{height:100%;display:flex;justify-content:center;align-items:center}.di-tu .di-tu__shen-zhen[data-v-150e9dec]{width:100%;position:absolute;top:0;left:0;z-index:999}.di-tu .di-tu__shen-zhen>img[data-v-150e9dec]{width:90%}.di-tu .di-tu__background[data-v-150e9dec]{width:100%;height:100%;position:relative}.di-tu .di-tu__background .di-tu__wang-luo[data-v-150e9dec]{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.di-tu .di-tu__background .di-tu__wang-luo img[data-v-150e9dec]{height:100%;animation:xuan-zhuan-150e9dec 30s linear infinite}.di-tu .di-tu__background .di-tu__di-qiu[data-v-150e9dec]{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.di-tu .di-tu__background .di-tu__di-qiu img[data-v-150e9dec]{height:90%;animation:xuan-zhuan-150e9dec 10s linear infinite}.di-tu .di-tu__background .di-tu__guang-quan[data-v-150e9dec]{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.di-tu .di-tu__background .di-tu__guang-quan img[data-v-150e9dec]{height:100%;animation:xuan-zhuan-150e9dec 10s linear infinite reverse}@keyframes xuan-zhuan-150e9dec{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.list[data-v-150e9dec]{font-size:14px;color:#fff}.item[data-v-150e9dec]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:999;position:absolute;transition:all .3s ease-in-out}.item[data-v-150e9dec]:hover{font-size:16px;font-weight:700}.item-baoan[data-v-150e9dec]{left:12%;top:45%}.item-guangming[data-v-150e9dec]{left:18%;top:28%}.item-nanshan[data-v-150e9dec]{left:22%;top:55%}.item-longhua[data-v-150e9dec]{left:27%;top:38%}.item-futian[data-v-150e9dec]{left:30%;top:60%}.item-longgang[data-v-150e9dec]{left:46%;top:40%}.item-luohu[data-v-150e9dec]{left:39%;top:55%}.item-yantian[data-v-150e9dec]{left:50%;top:53%}.item-pingshan[data-v-150e9dec]{left:57%;top:40%}.item-dapeng[data-v-150e9dec]{left:70%;top:55%}.item-shenshan[data-v-150e9dec]{left:80%;top:30%}.hidden-danger-quality-chart[data-v-4eb55ae5],.hidden-danger-quality-district-chart[data-v-e623c3f8],.recent-activity[data-v-725c94e0]{height:100%}.recent-activity .border-bolder[data-v-725c94e0]{padding:2px;border:1px solid #036ae0;border-radius:5px}.recent-activity .border-bolder .border-lighter[data-v-725c94e0]{border:2px solid #036ae0;border-radius:5px}.recent-activity .border-bolder .border-lighter .title[data-v-725c94e0]{line-height:30px;height:30px;color:#5ac9f8;font-size:16px;text-align:center;background-image:url(/img/title-background-img.29b4dbee.png);background-repeat:no-repeat;background-size:200px 30px;background-position:50%}.rectification-chart[data-v-bdb282d0]{height:100%}.rectification-chart .active-ring-chart[data-v-bdb282d0]{height:40%;display:flex}.rectification-chart .active-ring-chart .left[data-v-bdb282d0]{width:60%;height:100%}.rectification-chart .active-ring-chart .right[data-v-bdb282d0]{display:flex;justify-content:flex-start;align-items:center;width:40%;height:100%}.rectification-chart .active-ring-chart .right .legend-item[data-v-bdb282d0]{display:flex;align-items:center}.rectification-chart .active-ring-chart .right .legend-item[data-v-bdb282d0]:not(:last-child){margin-bottom:8px}.rectification-chart .active-ring-chart .right .legend-box[data-v-bdb282d0]{width:30px;height:16px}.rectification-chart .active-ring-chart .right .legend-label[data-v-bdb282d0]{padding-left:8px;color:#fff;font-size:12px}.rectification-chart .histogram-chart[data-v-bdb282d0]{height:60%}.overall-progress[data-v-16520998]{height:100%}[data-v-16520998] .capsule-item-value{padding-left:8px}.other-info[data-v-3e3afa46]{height:100%;display:flex}.other-info .left[data-v-3e3afa46]{width:30%;height:100%;display:flex;flex-direction:column}.other-info .left .chart[data-v-3e3afa46]{flex-grow:1}.other-info .left .desc[data-v-3e3afa46]{color:#fff;text-align:center;padding-top:16px;padding-bottom:16px}.other-info .right[data-v-3e3afa46]{width:70%;height:100%;display:flex;flex-direction:column}.other-info .right .chart[data-v-3e3afa46]{flex-grow:1}.other-info .right .desc[data-v-3e3afa46]{color:#fff;text-align:center;padding-top:16px;padding-bottom:16px}.data-view[data-v-1a51b2ea]{height:100%;background-image:url(/img/app-background-img.1ea1c8c5.jpg)}#dv-full-screen-container[data-v-1a51b2ea]{padding:32px}.header-container[data-v-1a51b2ea]{position:relative;height:10%}.header-container .title[data-v-1a51b2ea]{display:flex}.header-container .title .title__left[data-v-1a51b2ea]{flex-grow:1;background-image:url(/img/head_bg_left.4104ca33.png);background-size:auto 100%;background-repeat:no-repeat;background-position:100%}.header-container .title .title__text[data-v-1a51b2ea]{color:#fff;padding-top:8px;padding-bottom:8px;font-size:28px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABUCAYAAAC7tqY6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0wMy0yNVQxMjowMDoxMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMDMtMjZUMTE6MDk6MzMrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjUtMDMtMjZUMTE6MDk6MzMrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkxYWFlZWM2LTc1MGItNTg0Ni1iZjA1LWNiODc3YmRmYzgyMSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjhjODU1OTZhLWRkZDUtZjM0Yi04ZjgzLWRiMDhkYjEwNjA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA1MmZlY2RjLTJiMzktNDk0Mi04NzI5LWFhNjU4MWU2MmY2YiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDUyZmVjZGMtMmIzOS00OTQyLTg3MjktYWE2NTgxZTYyZjZiIiBzdEV2dDp3aGVuPSIyMDI1LTAzLTI1VDEyOjAwOjEzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjkxYWFlZWM2LTc1MGItNTg0Ni1iZjA1LWNiODc3YmRmYzgyMSIgc3RFdnQ6d2hlbj0iMjAyNS0wMy0yNlQxMTowOTozMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6FPSwAAACNSURBVEiJ7c4xDoJAFIThWVlkexMinXei5wQbDsNRuAM1HVaScAJjY4ECXmFIJjHG9+ov/zwX2+EG4nx3z2sK9o/TSEEAMwvfLHzJi3q4yOH6Pbgx8MAgAPDxctUWDRo0aNCgwX+HDs3mGOgB6CH15y6Y/AD0LEzlxaN8mi7SMJPDoC2W56miYBGeHQM/l+QcTpqm/PQAAAAASUVORK5CYII=);background-size:auto 100%}.header-container .title .title__right[data-v-1a51b2ea]{flex-grow:1;background-image:url(/img/head_bg_right.f1d1c7c6.png);background-size:auto 100%;background-repeat:no-repeat;background-position:0}.header-container .version[data-v-1a51b2ea]{position:absolute;color:#fff;top:50%;left:15%;transform:translateY(-50%)}.header-container .current-time[data-v-1a51b2ea]{position:absolute;color:#fff;top:50%;right:15%;transform:translateY(-50%)}.main-container[data-v-1a51b2ea]{height:90%;display:flex}.main-container .left-container[data-v-1a51b2ea]{height:100%;width:25%}.main-container .left-container .hazard-overview-container[data-v-1a51b2ea],.main-container .left-container .hidden-danger-quality-chart-container[data-v-1a51b2ea]{margin-bottom:16px;height:30%}.main-container .left-container .hidden-danger-quality-district-chart-container[data-v-1a51b2ea]{height:calc(40% - 32px)}.main-container .center-container[data-v-1a51b2ea]{height:100%;width:50%;padding-left:16px;padding-right:16px;display:flex;flex-direction:column}.main-container .center-container .flyline-chart-container[data-v-1a51b2ea]{height:60%}.main-container .center-container .other-info-container[data-v-1a51b2ea]{flex-grow:1}.main-container .right-container[data-v-1a51b2ea]{height:100%;width:25%}.main-container .right-container .overall-progress-container[data-v-1a51b2ea],.main-container .right-container .recent-activity-container[data-v-1a51b2ea]{height:30%;margin-bottom:16px}.main-container .right-container .rectification-chart-container[data-v-1a51b2ea]{height:calc(40% - 32px);margin-bottom:16px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%}.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:flex;flex-direction:column;justify-content: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-13 .border-box-content,.dv-border-box-2{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;display:flex;flex-direction:row;box-sizing:border-box;padding:10px;color:#fff}.dv-capsule-chart .label-column{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;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{flex:1;display:flex;flex-direction:column;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:flex;justify-content:flex-end;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:flex;justify-content:space-between;align-items:center}.dv-capsule-chart .unit-text{text-align:right;display:flex;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:flex}.dv-decoration-11{position:relative}.dv-decoration-11 .decoration-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dv-decoration-12{position:relative;width:100%;height:100%;display:flex}.dv-decoration-12 .decoration-content{position:absolute;top:0;left:0}.dv-decoration-12 .decoration-content,.dv-decoration-2{width:100%;height:100%;display:flex;align-items: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:flex;overflow:hidden;position:absolute;flex:1}.dv-decoration-4 .normal{animation:ani-height ease-in-out infinite;left:50%;margin-left:-2px}.dv-decoration-4 .reverse{animation:ani-width 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{justify-content:center;align-items:center}.dv-decoration-7,.dv-decoration-8,.dv-decoration-9{display:flex;width:100%;height:100%}.dv-decoration-9{position:relative;align-items: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:flex;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:flex;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:flex;flex-direction:column;justify-content:center;align-items:center}.dv-loading .loading-tip{font-size:15px}.dv-percent-pond{position:relative;display:flex;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:flex;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: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:flex;flex-direction:column;justify-content:center;overflow:hidden}.dv-scroll-ranking-board .ranking-info{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{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}*{box-sizing:border-box}body,html{width:100%;height:100%;padding:0;margin:0}img{vertical-align:top}