#top-header{position:relative;width:100%;height:100px;display:flex;justify-content:space-between;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{font-size:30px;left:50%;top:15px}#top-header .center-title,#top-header .time{position:absolute;font-weight:700;transform:translateX(-50%)}#top-header .time{font-size:20px;left:68%;top:50px}#data-view{width:100%;height:100%;background-color:#0a0c17;color:#fff}#dv-full-screen-container{background-image:url(https://hexiaoyuan.oss-cn-beijing.aliyuncs.com/indexIcon/bg.png);background-size:100% 100%;box-shadow:0 0 3px #00f;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}#digital-flop{position:relative;height:15%;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:25%;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-flop{display:flex}#digital-flop .unit{margin-left:10px;display:flex;align-items:flex-end;box-sizing:border-box;padding-bottom:13px}.block-left-right-content{flex:1;display:flex;margin-top:20px}.block-top-bottom-content{width:70%;flex:1;display:flex;box-sizing:border-box;flex-direction:column}.block-bottom-content,.block-top-content{height:40%;display:flex;flex-grow:0;box-sizing:border-box;padding-bottom:20px}.leave,.unArrived{width:100%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:flex;box-sizing:border-box;margin-right:20px}.water-level-chart{display:flex;flex-direction:column;box-sizing:border-box;margin-left:20px}.water-level-chart-title{font-weight:700;height:50px;display:flex;align-items:center;font-size:20px;justify-content:center}.water-level-chart-details{height:15%;display:flex;justify-content:center;font-size:17px;align-items:flex-end}.water-level-chart-details span{font-size:35px;font-weight:700;color:#58a1ff;margin:0 5px;margin-bottom:-5px}.chart-container{flex:1;display:flex;justify-content:center;align-items:center}.dv-water-pond-level{max-width:90%;width:150px;height:150px;border:8px solid #19c3eb;border-radius:50%}.dv-water-pond-level ellipse{stroke:transparent!important}.dv-water-pond-level text{font-size:40px}.unArrivedPeople{background-color:rgba(208,38,84,.2)}.leavePeople,.unArrivedPeople{width:150px;display:flex;align-items:center;justify-content:center;padding:20px;margin:15px;font-size:20px}.leavePeople{background-color:rgba(255,128,0,.2)}#scroll-board{width:30%;box-sizing:border-box;margin-right:20px;height:78%;overflow:hidden}.searchBtn{position:absolute;font-size:20px;font-weight:700;left:27%;top:50px;transform:translateX(-50%)}