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%}.body-content .header{background-color:rgba(11,20,57,.85);height:7vh;width:100%;display:flex;justify-content:space-between;align-items:center;padding:3px 12px 0}.body-content .header .dec{width:15vw;height:30px}.body-content .header .datetime{background-color:rgba(13,129,182,.2);width:10vw;text-align:center;border-radius:5px}.body-content .header .datetime .date{margin-top:.5vh;font-size:.9vw;color:#fff}.body-content .header .datetime .time{padding:.3vh 0 .3vh;font-weight:700;color:#fff;font-size:1.4vw;font-family:Arial,Helvetica,sans-serif;margin-top:-.4vh}.body-content .header .weather{width:10vw;text-align:center}.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 .menu{width:100%;height:5vh;padding:.5vh 15px 10px;display:flex;justify-content:space-between;align-items:center}.body-content .menu .dec{width:15vw;height:3vh}.body-content .menu .dec:last-child{transform:rotateY(180deg)}.body-content .menu .menu-item{padding:5px 15px;border:1px solid #4992ff;display:flex;text-align:center;align-items:center;color:#3de7c9;cursor:pointer;white-space:nowrap}.body-content .menu .menu-item.active,.body-content .menu .menu-item:hover{background-color:#4992ff;color:#fff}.body-content .main{height:calc(88vh - 6px);width:100%;padding:0 15px;display:flex;justify-content:space-between}.body-content .main>.left{width:30%;height:100%}.body-content .main>.center{width:calc(40% - 12px);height:100%}.body-content .main>.center .card:first-child{padding-top:4.6vh}.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%}