.top-left-cmp{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:2;flex:2;height:calc(100% - 20px)}.top-left-cmp .dc-left{width:100%;height:100%}.top-left-cmp .dc-left .dv-border-box-5{padding:30px;box-sizing:border-box}.top-left-cmp .dc-left .dv-border-box-13{height:100%}.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;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:84%}.custom-content-marker{background:#008a00;border-radius:4px;width:80px;font-size:10px;padding:2px}.custom-content-marker .triangle{border:7px solid #008a00;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;position:absolute;left:50%;transform:translateX(-50%)}.custom-content-marker .num{margin-left:5px}.top-right-cmp{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:2;flex:2;height:calc(100% - 20px)}.top-right-cmp .dc-right{width:100%;-ms-flex:1;flex:1;height:33%}.top-right-cmp .dc-right .dv-border-box-5{padding:30px;box-sizing:border-box}.top-right-cmp .dc-right dv-border-box-13{height:100%}.top-right-cmp .main-value{font-weight:700;font-size:30px;color:#00b746}.top-right-cmp .main-value span{font-size:50px;color:#00c0ff;margin-right:15px}.top-right-cmp .compare-value{height:35px;line-height:35px;font-size:18px}.top-right-cmp .compare-value span{margin-right:30px}.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(50% + 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-2{width:calc(50% + 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-4{padding-left:5px}.layout .header{height:40px}.bottom-right-table-4{width:50%;padding-right:5px;height:100%}.bottom-right-table-4 .dv-border-box-12{height:100%}.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% - 20px)}#data-view{width:100%;height:100vh;padding:10px;color:#fff;background-image:url(../img/bg.110420cf.png);background-size:100% 100%}#data-view #dv-full-screen-container{background-size:100% 100%;box-shadow:0 0 3px #00f;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#data-view .mh-left{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#data-view .mh-left a:visited{color:#0186bb}#data-view .mh-middle{height:14%;font-size:1.8vw;background-image:url(https://blade-data.oss-cn-hangzhou.aliyuncs.com/upload/20201023/caa9905e2e98ad602ce0014f16325a21.png);background-position:0 0;background-size:100% 150%;width:100%;text-align:center}#data-view .mh-left,#data-view .mh-right{font-size:13px}#data-view .main-container{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#data-view .main-container .mc-bottom,#data-view .main-container .mc-top{box-sizing:border-box;display:-ms-flexbox;display:flex}#data-view .main-container .mc-top{height:70%}#data-view .main-container .mc-bottom{height:30%}#data-view .main-container .bottom-left-container{height:100%;width:50%;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:50%;height:100%;box-sizing:border-box;display:-ms-flexbox;display:flex}