.top-left-cmp{display:-ms-flexbox;display:flex}.top-left-cmp .dc-left,.top-left-cmp .dc-right{width:50%}.top-left-cmp .dv-border-box-5{height:60%}.top-left-cmp .dc-text{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:40%;font-size:20px;padding:20px;box-sizing:border-box}.top-left-cmp .dc-left .dc-text{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.top-left-cmp .dc-right .dc-text{-ms-flex-pack:start;justify-content:flex-start;padding-top:20px}.top-left-cmp .dc-left .dv-border-box-5{padding:30px;box-sizing:border-box}.top-left-cmp .dc-right .dv-border-box-5{padding:40px;padding-left:75px;box-sizing:border-box}.top-left-cmp .main-value{font-weight:700;font-size:30px}.top-left-cmp .main-value span{font-size:50px;color:#00c0ff;margin-right:15px}.top-left-cmp .compare-value{height:35px;line-height:35px;font-size:18px}.top-left-cmp .compare-value span{margin-right:30px}.top-middle-cmp{position:relative;padding:0 50px;box-sizing:border-box}.top-middle-cmp .chart-name{position:absolute;right:70px;text-align:right;font-size:20px;top:10px}.top-right-cmp{position:relative;padding:0 50px;box-sizing:border-box}.top-right-cmp .chart-name{position:absolute;right:70px;text-align:right;font-size:20px;top:10px}.bottom-left-chart-1{position:relative}.bottom-left-chart-1 .header-name{height:150px;line-height:150px;font-size:20px;text-align:center}.bottom-left-chart-1 .details-value{height:40px;font-size:30px;font-weight:700;text-align:center}.bottom-left-chart-1 .details-value span{color:#00c0ff;font-size:45px}.bottom-left-chart-1 .dv-charts-container{height:calc(100% - 190px)}.bottom-left-chart-1 .decoration-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:5px solid hsla(0,0%,99.6%,.3);top:190px;left:50%;transform:translateX(-50%)}.bottom-left-chart-2 .header-name{height:150px;line-height:150px;font-size:20px;text-align:center}.bottom-left-chart-2 .details-value{height:40px;font-size:30px;font-weight:700;text-align:center}.bottom-left-chart-2 .details-value span{color:#00c0ff;font-size:45px}.bottom-left-chart-2 .dv-charts-container{height:calc(100% - 190px)}.bottom-right-table-1{width:calc(25% + 10px);height:100%;margin:0 -5px}.bottom-right-table-1 .border-box-content{padding:20px;box-sizing:border-box}.bottom-right-table-1 .table-name{height:45px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.bottom-right-table-1 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-1 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-1 .ceil{width:100px!important}.bottom-right-table-2{width:calc(25% + 10px);height:100%;margin:0 -5px}.bottom-right-table-2 .border-box-content{padding:20px;box-sizing:border-box}.bottom-right-table-2 .table-name{height:45px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.bottom-right-table-2 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-2 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-2 ::v-deep .ceil:nth-child(6),.bottom-right-table-2 ::v-deep .header-item:nth-child(6){width:200px!important}.bottom-right-table-3{width:calc(25% + 10px);height:100%;margin:0 -5px}.bottom-right-table-3 .border-box-content{padding:20px;box-sizing:border-box}.bottom-right-table-3 .table-name{height:45px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.bottom-right-table-3 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-3 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-3 .ceil{width:100px!important}.bottom-right-table-4{width:calc(25% + 10px);height:100%;margin:0 -5px}.bottom-right-table-4 .border-box-content{padding:20px;box-sizing:border-box}.bottom-right-table-4 .table-name{height:45px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.bottom-right-table-4 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-4 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-4 .ceil{width:100px!important}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../img/bg.110420cf.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-header{height:80px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;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 .mc-bottom,#data-view .main-container .mc-top{box-sizing:border-box;padding:30px;display:-ms-flexbox;display:flex}#data-view .main-container .mc-top{height:40%}#data-view .main-container .mc-bottom{height:100%}#data-view .main-container .bottom-left-container,#data-view .main-container .top-left-cmp{width:32%}#data-view .main-container .top-middle-cmp,#data-view .main-container .top-right-cmp{width:34%}#data-view .main-container .bottom-left-container{position:relative}#data-view .main-container .bottom-left-container .border-box-content{display:-ms-flexbox;display:flex}#data-view .main-container .bottom-left-container .mcb-decoration-1,#data-view .main-container .bottom-left-container .mcb-decoration-2{position:absolute;left:50%;margin-left:-2px}#data-view .main-container .bottom-left-container .mcb-decoration-1{top:5%;transform:rotate(180deg)}#data-view .main-container .bottom-left-container .mcb-decoration-2{top:50%}#data-view .main-container .bottom-left-container .bottom-left-chart-1,#data-view .main-container .bottom-left-container .bottom-left-chart-2{width:50%;height:100%}#data-view .main-container .bottom-right-container{width:68%;padding-left:30px;box-sizing:border-box;display:-ms-flexbox;display:flex}#data-view .ant-checkbox-wrapper{color:#fff!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%}