.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}.bottom-charts{width:100%;height:100%;display:flex;position:relative}.bottom-charts .bc-chart-item{width:25%;height:100%;padding-top:20px;box-sizing:border-box}.bottom-charts .bcci-header{height:50px;text-align:center;line-height:50px;font-size:20px}.bottom-charts .dv-active-ring-chart{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}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../../static/img/bg.110420cf.png);background-size:100% 100%;box-shadow:0 0 3px #00f;display:flex;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);margin-left:0!important}#data-view .main-container .border-box-content{padding:20px;box-sizing:border-box;display:flex}#data-view .left-chart-container{width:22%;padding:10px;box-sizing:border-box}#data-view .left-chart-container .border-box-content{flex-direction:column}#data-view .right-main-container{width:78%;padding-left:5px;box-sizing:border-box}#data-view .rmc-top-container{height:65%;display:flex}#data-view .rmctc-left-container{width:65%}#data-view .rmctc-right-container{width:35%}#data-view .rmc-bottom-container{height:35%}#data-view .rmctc-chart-1,#data-view .rmctc-chart-2{height:50%}