.com-header[data-v-c1817564]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:.9rem;padding:0 .3rem;background-color:#fff;font-size:.28rem}.com-header .home[data-v-c1817564],.com-header[data-v-c1817564]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.com-header .home .van-image[data-v-c1817564]{width:.6rem;height:.6rem;margin-right:.14rem}body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,p,select,td,textarea,th,ul{margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}img{border:0}button,img,input,select,textarea{vertical-align:middle}button{border:0 none;background-color:transparent;cursor:pointer}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}dl,li,menu,ol,ul{list-style-type:none}a{color:inherit;text-decoration:none}a,img{-webkit-touch-callout:none}::-webkit-input-placeholder{color:#999}:-moz-placeholder,::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}html{-webkit-text-size-adjust:100%}#CourseDetails{padding-top:.9rem;padding-bottom:calc(constant(safe-area-inset-bottom) + 50px);padding-bottom:calc(env(safe-area-inset-bottom) + 50px);overflow:hidden;background-color:#f1f5f6}#CourseDetails .com-header{position:fixed;top:0;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99999}#CourseDetails .cover{width:100%;height:4.2rem}#CourseDetails .cover .van-image{width:100%;height:100%}#CourseDetails .video-box{width:100%;height:4.2rem}#CourseDetails .video-box .video-js,#CourseDetails .video-box video{width:100%;height:100%}#CourseDetails .info{padding:.2rem .3rem;background-color:#fff;margin-bottom:.3rem}#CourseDetails .info h3{font-size:.32rem;font-weight:700;color:#000;margin-bottom:.15rem}#CourseDetails .info p{font-size:.26rem;color:#000;margin-bottom:.15rem}#CourseDetails .info .justify-space-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#979ba1;font-size:.22rem}#CourseDetails .video-list{padding:.2rem 0;background-color:#fff;margin-bottom:.3rem}#CourseDetails .video-list .top{padding:0 .3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.25rem}#CourseDetails .video-list .top .label{font-size:.3rem;font-weight:700}#CourseDetails .video-list .top .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#51c0ea;font-size:.26rem}#CourseDetails .video-list .top .more img{width:.1rem;height:.18rem;margin-left:.1rem}#CourseDetails .video-list .list{width:100%;overflow-x:scroll;overflow-y:hidden;height:1.9rem;display:inline-block;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .15rem}#CourseDetails .video-list .list .item{display:inline-block;width:2.4rem;height:1.9rem;margin:0 .15rem;position:relative}#CourseDetails .video-list .list .item .van-image{width:2.4rem;height:1.4rem;border-radius:5px;overflow:hidden}#CourseDetails .video-list .list .item .name{width:2.4rem;line-height:.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#535353;font-size:.27rem}#CourseDetails .video-list .list .item.active .name{color:#ec5e2c}#CourseDetails .video-list .list .item.active .name:before{content:"";display:inline-block;width:.16rem;height:.22rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAjUlEQVQ4je2TwQ2AIAxFP4Q13MCF9OB0ykRu4NUd8IJJm/AroEf/BZqUl/6f4s5lBJEDMOUzAkiltsBeA5gBrKLeSk3eAAziTse0JmBS1noAypplgUlZC7VpM4XatJl8bdoW4JV+wEeAQ9R7KyDk7bsV7fYyILVun1RPBspyz3dWli0AC1dZtgDP4QK4AC4yGCck5r7JAAAAAElFTkSuQmCC);background-size:100% 100%;margin-right:.05rem}#CourseDetails .video-list .list .item .tag{position:absolute;top:.1rem;right:.1rem;font-size:.2rem;padding:.05rem;border-radius:.05rem;line-height:1}#CourseDetails .video-list .list .item .tag.need-pay{background-color:#e6a23c;color:#fff}#CourseDetails .video-list .list .item .tag.able-watch{background-color:#07c160;color:#fff}#CourseDetails .detail{padding:.2rem 0;background-color:#fff;margin-bottom:.3rem}#CourseDetails .detail .label{padding:0 .3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:.25rem;font-size:.3rem;font-weight:700}#CourseDetails .detail .label .s{font-size:.22rem}#CourseDetails .detail .content{padding:0 .3rem}#CourseDetails .detail .content img{width:100%!important;height:auto!important}#CourseDetails .detail .content .qrcode{width:2rem!important;height:2rem!important}#CourseDetails .footer{height:50px;border-bottom:solid #fff;position:fixed;bottom:0;left:0;right:0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#CourseDetails .footer button{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.28rem;font-weight:700}#CourseDetails .footer button.line{background-color:#ffd4c5;color:#c63502}#CourseDetails .footer button.block{background-color:#ec5e2c;color:#fff}#CourseDetails .van-popup{background-color:transparent!important}#CourseDetails .video-list-popup{background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}#CourseDetails .video-list-popup .title{padding:0 .2rem;height:.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#CourseDetails .video-list-popup .title .value{font-size:.34rem;font-weight:700}#CourseDetails .video-list-popup .title img{width:.7rem;height:.7rem}#CourseDetails .video-list-popup .list{height:calc(100vh - 5.1rem);overflow-y:scroll}#CourseDetails .video-list-popup .list .item{height:1.4rem;margin:0 .15rem;padding:.1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#CourseDetails .video-list-popup .list .item .van-image{width:2.5rem;height:1.4rem;border-radius:5px;overflow:hidden}#CourseDetails .video-list-popup .list .item .desc{width:4.1rem}#CourseDetails .video-list-popup .list .item .name{color:#535353;font-size:.27rem;padding-bottom:.05rem}#CourseDetails .video-list-popup .list .item.active .name{color:#ec5e2c}#CourseDetails .video-list-popup .list .item.active .name:before{content:"";display:inline-block;width:.16rem;height:.22rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAjUlEQVQ4je2TwQ2AIAxFP4Q13MCF9OB0ykRu4NUd8IJJm/AroEf/BZqUl/6f4s5lBJEDMOUzAkiltsBeA5gBrKLeSk3eAAziTse0JmBS1noAypplgUlZC7VpM4XatJl8bdoW4JV+wEeAQ9R7KyDk7bsV7fYyILVun1RPBspyz3dWli0AC1dZtgDP4QK4AC4yGCck5r7JAAAAAElFTkSuQmCC);background-size:100% 100%;margin-right:.05rem}#CourseDetails .video-list-popup .list .item .number{color:#979797;font-size:.22rem}#CourseDetails .try-watch-popup{width:7.5rem;height:8.92rem;padding-top:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../img/try-watch-end-popup.167486c6.png);background-size:100% 100%;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;position:relative}#CourseDetails .try-watch-popup .title{width:5.07rem;height:.54rem}#CourseDetails .try-watch-popup .tip{font-size:.24rem;color:#979ea6;padding-top:.3rem;padding-bottom:.7rem}#CourseDetails .try-watch-popup .arrow{width:.55rem;height:.95rem}#CourseDetails .try-watch-popup .price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;padding-top:.4rem;padding-bottom:.7rem}#CourseDetails .try-watch-popup .price .label{color:#9d9b9b;font-size:.3rem}#CourseDetails .try-watch-popup .price .symbol{color:#ec5e2c;font-size:.3rem}#CourseDetails .try-watch-popup .price .value{color:#ec5e2c;font-size:.8rem;position:relative;top:.15rem}#CourseDetails .try-watch-popup button{width:6.35rem;height:1rem;background-color:#469be3;color:#fff;border-radius:5px;overflow:hidden;border:none;font-size:.3rem}#CourseDetails .try-watch-popup button:active{background-color:#2083d6}#CourseDetails .try-watch-popup .close{width:.7rem;height:.7rem;position:absolute;top:.9rem;right:.4rem}