.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;border-bottom:1px solid transparent}.play .tab a.active{border-bottom:1px solid #09f}.play .active{color:#09f}.play .active .iconiconfront-74{color:#555}.play .progress-share-modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:77.333333vw;height:88.533333vw;padding:4.8vw 4vw;background:url(/static/media/progress-share-bg.80011994.png);background-size:contain}.play .progress-share-modal>.title{font-size:5.6vw;color:#00656f;line-height:8vw;text-align:center;margin-bottom:5.333333vw}.play .progress-share-modal .progress-container{display:flex;justify-content:space-between;margin-bottom:5.333333vw}.play .progress-share-modal .progress-container li{flex:1 1}.play .progress-share-modal .progress-container li .title{font-size:3.733333vw;color:#00838f;line-height:5.333333vw;text-align:center;flex:1 1;margin-bottom:2.666667vw}.play .progress-share-modal .progress-container li .number{font-size:4vw;color:#00656f;text-align:center}.play .progress-share-modal .progress-container li .number .num{font-size:8.8vw;color:#00656f}.play .progress-share-modal .share-container .title{position:relative;text-align:center;font-size:3.733333vw;color:#00838f;margin-bottom:6.666667vw}.play .progress-share-modal .share-container .title:before{left:8vw}.play .progress-share-modal .share-container .title:after,.play .progress-share-modal .share-container .title:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:18.666667vw;height:1px;background:#77c4bf}.play .progress-share-modal .share-container .title:after{right:8vw}.play .progress-share-modal .share-container ul{display:flex;justify-content:space-around;padding:0 5.333333vw;text-align:center}.play .progress-share-modal .share-container ul li{font-size:3.2vw;color:#00838f}.play .progress-share-modal .share-container ul li .iconfont{font-size:10.666667vw;color:#00838f}.play .progress-share-modal .close{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-16.8vw;color:#fff;font-size:8vw}.play .progress-share-modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);touch-action:none;z-index:100}.recommendation{padding-top:5.333333vw}.recommendation>.title{font-size:4.266667vw;padding-left:4vw}.recommendation .info{display:flex;flex-wrap:wrap}.recommendation .info .title{font-size:4vw}.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:34.666667vw;padding:2.666667vw 2.666667vw 0;position:relative}.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:first-child{border-top:1px solid #e7eaf1}.video-catalog li{line-height:11.733333vw;border-bottom:1px solid #e7eaf1;padding:0 4vw}.video-catalog li.active .duration,.video-catalog li.active .title{color:#09f}.video-catalog li.active .video-title{background-color:#f5fbff}.video-catalog li.active .exercise{border-top:1px solid #e7eaf1}.video-catalog li .video-title{height:11.733333vw;margin:0 -4vw;padding:0 4vw}.video-catalog li .video-title .iconfont{font-size:5.866667vw}.video-catalog li .exercise{padding-left:4vw;height:9.333333vw;background:#f5fbff;margin-bottom:4vw;line-height:9.333333vw;color:#000;border-top:1px solid transparent}.video-catalog li .exercise .iconfont{font-size:4.8vw}.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.5463a623.chunk.css.map */
