.play .video{width:100%;height:57.333333vw;background-color:#000;position:relative}.play .video .video-js{width:100%;height:100%}.play .video .video-js .vjs-big-play-button{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.play .video .purchase-box{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.8);display:flex;flex-flow:column;justify-content:center;align-items:center}.play .video .purchase-box .hint{font-size:3.733333vw;color:#fff;margin-bottom:5.333333vw}.play .video .purchase-box .btns{width:100%;padding:0 16vw;display:flex;justify-content:space-around}.play .video .purchase-box .purchase-class{background-color:initial;background-color:#fff;color:#ff4000}.play .video .purchase-box .purchase-class,.play .video .purchase-box .purchase-episode{display:block;-webkit-appearance:none;outline:none;border:none;border-radius:1.333333vw;line-height:8vw;font-size:3.466667vw;padding:0 2.4vw}.play .video .purchase-box .purchase-episode{background-color:initial;background-color:#ff4000;color:#fff}.play .video video{width:100%;height:100%}.play .tab{height:11.733333vw;max-height:11.733333vw;line-height:11.733333vw;text-align:center;background:#f7f9fc;display:flex;justify-content:center}.play .tab,.play .tab>div{flex:1 0 auto}.play .tab a{display:inline-block;height:11.733333vw;font-size:4.266667vw}.play .active{color:#09f}.play .active .iconiconfront-74{color:#555}.recommendation{padding-top:5.333333vw}.recommendation>.title{font-size:4.266667vw;padding-left:4vw}.recommendation .info{display:flex;flex-wrap:wrap}.recommendation .info .des{font-size:3.733333vw;line-height:4.266667vw;align-self:flex-start}.recommendation .info .price{color:#ff2121;font-size:4.266667vw;margin-right:3.733333vw}.recommendation .info .stale-price{text-decoration:line-through;color:#999;font-size:3.2vw}.recommendation .info .bottom{align-self:flex-end}.v-list-base-item{height:33.866667vw;padding:2.666667vw 2.666667vw 0}.v-list-base-item .content{display:flex;height:100%;padding-bottom:2.666667vw;border-bottom:1px solid #e7eaf1}.v-list-base-item .content .cover{flex:0 0 auto;margin-right:4.266667vw;position:relative}.v-list-base-item .content .cover img{width:40vw;height:28.8vw;border-radius:.8vw}.v-list-base-item .content .course-status{width:100%;height:6.4vw;position:absolute;bottom:-1px;border-radius:0 0 .8vw .8vw;text-align:center;line-height:6.4vw;color:#fff;font-size:3.466667vw}.video-catalog li{height:11.733333vw;padding:0 4vw;line-height:11.733333vw;border-top:1px solid #e7eaf1;border-bottom:1px solid #e7eaf1}.video-catalog li.active{background-color:#f5fbff}.video-catalog li.active .duration,.video-catalog li.active .title{color:#09f}.video-catalog .title{display:inline-block;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:3.733333vw;margin-right:6.933333vw}.video-catalog .duration{display:inline-block;font-size:2.933333vw;overflow:hidden}.video-catalog .iconfont{float:right}.datum-catalog .prompt{height:8vw;line-height:8vw;font-size:3.2vw;color:#333;background-color:#fff4ce;text-align:center}.datum-catalog .file-name{padding:4vw 4vw 0}.datum-catalog .file-name:last-of-type{padding-bottom:4vw} /*# sourceMappingURL=video.6cbffc13.chunk.css.map */
