#top-header{position:relative;width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}#top-header .header-center-decoration{width:50%;height:60px;margin-top:30px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:20%;height:60px}#top-header .center-title{position:absolute;font-size:30px;font-weight:700;left:50%;top:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#digital-flop{position:relative;height:15%;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(6,30,93,.5)}#digital-flop .dv-decoration-10{position:absolute;width:95%;left:2.5%;height:5px;bottom:0}#digital-flop .digital-flop-item{width:18%;height:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid #061e5d;border-right:3px solid #061e5d}#digital-flop .digital-flop-title{font-size:20px;margin-bottom:20px}#digital-flop .digital-flop,#digital-flop .unit{display:-webkit-box;display:-ms-flexbox;display:flex}#digital-flop .unit{margin-left:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:13px}.box-container{margin:10px;width:calc(100% - 20px);height:calc(100% - 20px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(6,30,93,.5);border-radius:20px}.box-container .title{padding:10px 0;height:30px;line-height:30px;font-size:20px}.box-container .content{width:calc(100% - 40px);height:calc(100% - 60px)}.board,.chart{width:100%;height:180px!important}.left{width:25%;margin:.5% .5%}.left .left-content{width:100%;height:33%;display:-webkit-box;display:-ms-flexbox;display:flex}.course-list{width:94%;height:100%;border-radius:5px;overflow:auto;margin-top:10px}.sub-infos{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sub-infos,.sub-infos .sub-infos-content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%}.sub-infos .sub-infos-content{margin-bottom:10px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.sub-infos .sub-infos-content .sub-infos-content-card{background-color:rgba(35,36,134,.459);border-radius:5px;width:45%;height:100%}.sub-infos .sub-infos-content .sub-infos-content-card .sub-infos-content-card-title{height:20px;line-height:20px;margin-top:10px;text-align:center;font-weight:700}.sub-infos .sub-infos-content .sub-infos-content-card .sub-infos-content-card-num{width:100%;height:40px}.live-list{width:100%;height:96%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:4%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.live-list-item{width:100%;height:100%}.live-list-item-cover img{width:100%;height:90px;border-radius:5px}.live-list-item-title{width:90%;height:30px;font-size:16px;line-height:30px;overflow:hidden;text-overflow:ellipsis;margin-top:10px;white-space:nowrap}.live-list-item-unlive{color:#4d99fc}.live-list-item-living,.live-list-item-unlive{font-size:15px;font-style:oblique;font-weight:700;height:40px;line-height:40px}.live-list-item-living{color:#f46827}.live-list-item-lived{color:#40faee;font-size:15px;font-style:oblique;font-weight:700;height:40px;line-height:40px}.live-list-item-count{font-size:16px;height:40px;line-height:40px}.live-list-item-count-num{color:#f46827;font-weight:700}.right{width:23%;margin:.5% .5%;background-color:rgba(6,30,93,.5);border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.right .right-title{padding:10px 0;height:30px;line-height:30px;font-size:20px;width:100%;text-align:center}.right .right-content{width:100%;height:calc(100% - 50px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.right .right-content,.right .right-content-item{display:-webkit-box;display:-ms-flexbox;display:flex}.right .right-content-item{width:90%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box{width:100%;height:500px}.box .box-left{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box .box-left .cover{width:80%;border-radius:5px}.box .box-right{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box .box-right,.box .box-right .live-title{display:-webkit-box;display:-ms-flexbox;display:flex}.box .box-right .live-title{padding:10px 0;height:40px;line-height:40px;font-size:18px;width:90%}.box .box-right .live-title p{margin:0;height:40px;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.box .box-right .live-title .live-title-unlive{color:#4d99fc;font-size:15px;padding-left:10px;font-style:oblique;font-weight:700}.box .box-right .live-title .live-title-living{color:#f46827;font-size:15px;padding-left:10px;font-style:oblique;font-weight:700}.box .box-right .live-title .live-title-lived{color:#40faee;font-size:15px;padding-left:10px;font-style:oblique;font-weight:700}.box .box-right .infolist{display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;width:90%}.box .box-right .infolist .info-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.box .box-right .infolist .info-content .info-content-card{background-color:rgba(35,36,134,.459);border-radius:5px;width:30%;height:100%}.box .box-right .infolist .info-content .info-content-card .info-content-card-title{height:40px;line-height:40px;margin-top:10px;margin-left:10px}.box .box-right .infolist .info-content .info-content-card .info-content-card-value{color:#40faee;font-size:16px;font-weight:700;text-align:center;margin-top:5px}.box .box-right .infolist .info-content .info-content-card .info-content-card-num{margin-top:10px;width:150px;height:20px}.center{margin:.5% 1%;width:23%;background-color:rgba(6,30,93,.5);border-radius:20px}.center .center-content{width:100%;height:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.center .title{padding:10px 0;height:30px;line-height:30px;font-size:20px;width:100%;text-align:center}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../img/bg.837e99ea.png);background-size:100% 100%;-webkit-box-shadow:0 0 3px #00f;box-shadow:0 0 3px #00f}#data-view #dv-full-screen-container,#data-view .main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#data-view .main-content{height:calc(100% - 100px)}#data-view .block-left-right-content{height:calc(85% - 20px);display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:20px}#data-view .block-top-bottom-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:20px}#data-view .block-top-bottom-content,#data-view .block-top-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}#data-view .block-top-content{height:55%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding-bottom:20px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,body,html{width:100%;height:100%}body,html{padding:0;margin:0}