div{box-sizing:border-box}.pointer{cursor:pointer}.card{width:100%;margin-bottom:12px;min-height:50px;height:calc(25% - 12px)}.card .title{font-size:1.1vw;font-weight:700;height:56px;line-height:56px;text-align:center;color:#3de7c9;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(0deg,#7cffb2,#4c98ff)}.card .card-box{width:100%;height:calc(100% - 86px);padding:0 30px}.body-content{color:#fff;background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;width:100%;height:100%;padding:5px 20px 0}.body-content .header{background-color:rgba(11,20,57,.85);height:7vh;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.body-content .header .dec{width:15vw;height:30px}.body-content .header .left,.body-content .header .right{font-size:1vw;font-weight:700}.body-content .header .left span,.body-content .header .right span{cursor:pointer;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(0deg,#7cffb2,#4c98ff)}.body-content .header .left span:hover,.body-content .header .right span:hover{opacity:.8}.body-content .header .left span:active,.body-content .header .right span:active{opacity:.5}.body-content .header .left .card:first-child,.body-content .header .right .card:first-child{height:40%}.body-content .header .left .card:nth-child(2),.body-content .header .right .card:nth-child(2){height:60%}.body-content .header .title{font-size:1.6vw;font-weight:700;display:flex;align-items:center;color:#3de7c9;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(0deg,#7cffb2,#4c98ff)}.body-content .header .title .title-left-img{height:40px;margin-right:25px}.body-content .header .title .title-right-img{height:40px;margin-left:25px;transform:rotateY(180deg)}.body-content .header .title .title-dec-left{width:15vw;height:40px;margin-right:25px}.body-content .header .title .title-dec-right{width:15vw;height:40px;margin-left:25px}.body-content .line{width:100vw;height:1px;background:linear-gradient(270deg,hsla(0,0%,100%,0),#3a4057,hsla(0,0%,100%,0))}.body-content .main{margin-top:20px;height:calc(93vh - 30px);width:100%;display:flex;justify-content:space-between}.body-content .main>.left{width:calc(30% - 12px);height:100%}.body-content .main>.left .card:first-child{height:calc(43% - 12px)}.body-content .main>.left .card:first-child .card-box .item{margin:1vw 2vw;height:40%;line-height:2em}.body-content .main>.left .card:first-child .card-box .item .item-box{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;cursor:pointer;border-radius:10px}.body-content .main>.left .card:first-child .card-box .item .item-box:hover{border:1px solid #7acaec;background-color:rgba(122,202,236,.3137254901960784)}.body-content .main>.left .card:first-child .card-box .item .item-box:active{background-color:rgba(122,202,236,.12549019607843137)}.body-content .main>.left .card:first-child .card-box .item .left{width:43%;text-align:center}.body-content .main>.left .card:first-child .card-box .item .left .label{color:#7acaec;font-size:.9vw}.body-content .main>.left .card:first-child .card-box .item .left .value{color:#3de7c9;font-weight:700;font-size:.9vw}.body-content .main>.left .card:first-child .card-box .item .center{width:1px;height:60%;background-color:rgba(122,202,236,.5019607843137255)}.body-content .main>.left .card:first-child .card-box .item .right{width:calc(57% - 1px);color:#7acaec;font-size:.7vw;padding-left:15%}.body-content .main>.left .card:nth-child(2){height:calc(57% - 12px)}.body-content .main>.left .card:nth-child(2) .card-box{display:flex;justify-content:space-between;align-items:center}.body-content .main>.left .card:nth-child(2) .card-box .left,.body-content .main>.left .card:nth-child(2) .card-box .right{width:calc(50% - 1px);padding:0 2vw;color:#7acaec;font-size:.7vw}.body-content .main>.left .card:nth-child(2) .card-box .left .top,.body-content .main>.left .card:nth-child(2) .card-box .right .top{color:#7acaec;font-size:.9vw}.body-content .main>.left .card:nth-child(2) .card-box .left .top .value,.body-content .main>.left .card:nth-child(2) .card-box .right .top .value{color:#3de7c9;font-weight:700;font-size:.9vw}.body-content .main>.left .card:nth-child(2) .card-box .left .table,.body-content .main>.left .card:nth-child(2) .card-box .right .table{margin-top:3vh}.body-content .main>.left .card:nth-child(2) .card-box .left .table .tr,.body-content .main>.left .card:nth-child(2) .card-box .right .table .tr{display:flex;justify-content:space-between;height:5vh;line-height:5vh;color:#def}.body-content .main>.left .card:nth-child(2) .card-box .left .table .tr:first-child,.body-content .main>.left .card:nth-child(2) .card-box .right .table .tr:first-child{color:#7acaec}.body-content .main>.left .card:nth-child(2) .card-box .left .table .tr div:first-child,.body-content .main>.left .card:nth-child(2) .card-box .right .table .tr div:first-child{width:50%}.body-content .main>.left .card:nth-child(2) .card-box .left .table .tr div:nth-child(2),.body-content .main>.left .card:nth-child(2) .card-box .left .table .tr div:nth-child(3),.body-content .main>.left .card:nth-child(2) .card-box .right .table .tr div:nth-child(2),.body-content .main>.left .card:nth-child(2) .card-box .right .table .tr div:nth-child(3){width:25%;text-align:center}.body-content .main>.left .card:nth-child(2) .card-box .center{width:1px;height:70%;background-color:rgba(122,202,236,.5019607843137255)}.body-content .main>.center{width:40%;height:100%}.body-content .main>.center .card:first-child{height:calc(43% - 12px)}.body-content .main>.center .card:first-child .title{padding-left:0;text-align:center}.body-content .main>.center .card:first-child .total_box{margin:6vh 0 5.5vh;display:flex;justify-content:center}.body-content .main>.center .card:first-child .total_box .total_item{width:3.4vw;height:7.6vh;background-color:rgba(13,129,182,.3);border:.2vw solid #7acaec;margin:0 .5vw}.body-content .main>.center .card:first-child .count_box{margin:5.7vh 2vw 0;display:flex;justify-content:space-between}.body-content .main>.center .card:first-child .count_box .count_item{text-align:center;width:20%}.body-content .main>.center .card:first-child .count_box .count_item .value{color:#3de7c9;font-weight:700;font-size:1vw}.body-content .main>.center .card:first-child .count_box .count_item .label{color:#7acaec;font-size:.9vw;margin-top:.3vh}.body-content .main>.center .card:nth-child(2){height:calc(57% - 12px)}.body-content .main>.center .card:nth-child(2) .card-box{padding-top:1vh}.body-content .main>.center /deep/ .dv-scroll-board .header{font-size:12px!important}.body-content .main>.center /deep/ .dv-scroll-board .row-item{font-size:12px!important;color:#def}.body-content .main>.right{width:calc(30% - 12px);height:100%}.body-content .main>.right .card:first-child{height:calc(43% - 12px)}.body-content .main>.right .card:first-child .card-box{padding:3.2vh 3.4vw}.body-content .main>.right .card:nth-child(2){height:calc(57% - 12px)}