div{box-sizing:border-box}.pointer{cursor:pointer}.card{width:100%;padding:10px 10px;margin-bottom:12px;min-height:50px;background-color:rgba(13,129,182,.1);height:calc(25% - 12px);position:relative}.card:active{transition:.3s;transform:scale(.9);background-color:rgba(13,129,182,.25)}.card>.title{position:absolute;font-size:1.1vw;font-weight:700;left:12px;top:6px;color:#3de7c9;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(0deg,#7cffb2,#4c98ff)}.card>.chart{width:100%;height:100%}.col2{width:100%;display:flex;justify-content:space-between;height:calc(25% - 12px)}.col2>.card{width:calc(50% - 6px);height:100%}.row2{height:calc(50% - 12px)!important}.body-content{color:#fff;box-sizing:border-box;width:100%;height:100%;padding:5px 20px 0}.body-content .header{background-color:rgba(11,20,57,.85);height:7%;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0}.body-content .header .dec{width:15vw;height:30px}.body-content .header .left,.body-content .header .right{font-size:1vw;font-weight:700;cursor:pointer;padding:.6vh .3vw}.body-content .header .left:hover,.body-content .header .right:hover{background-color:rgba(13,129,182,.4);border-radius:3px}.body-content .header .left span,.body-content .header .right span,.body-content .header .title{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(0deg,#7cffb2,#4c98ff)}.body-content .header .title{font-size:1.5vw;font-weight:700;display:flex;align-items:center}.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{margin:5px auto 0;width:100vw;height:1px}.body-content .main{height:calc(93% - 1px);width:100%;display:flex;justify-content:space-between}.body-content .main>.left{width:calc(30% - 12px);height:100%}.body-content .main>.center{width:40%;height:100%}.body-content .main>.center .card:first-child{padding-top:50px}.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%}