:root{--van-nav-bar-height:0.46rem;--van-nav-bar-background-color:var(--van-background-color-light);--van-nav-bar-arrow-size:0.16rem;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}.course-detail-page[data-v-df21c680]{background:#000;height:100vh}.course-detail-page[data-v-df21c680] .van-nav-bar__title{color:#fff}.course-detail-page .video[data-v-df21c680]{-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%}.course-detail-page .van-nav-bar[data-v-df21c680]{background:transparent}.course-detail-page .van-nav-bar[data-v-df21c680] .van-icon{color:#fff!important}.course-detail-page .van-hairline--bottom[data-v-df21c680]:after{border-bottom-width:0}.course-detail-page .up-wrap[data-v-df21c680]{padding:.52rem 0 0 .25rem}.course-detail-page .up-wrap .head-wrap[data-v-df21c680]{display:flex;align-items:flex-start;position:relative;z-index:1}.course-detail-page .up-wrap .head-wrap .avatar[data-v-df21c680]{display:flex;flex-direction:column;justify-content:center;align-items:center}.course-detail-page .up-wrap .head-wrap .avatar .head[data-v-df21c680]{width:.35rem;height:.35rem;border-radius:50%;background:#eee}.course-detail-page .up-wrap .head-wrap .avatar .status[data-v-df21c680]{margin-top:-.04rem;padding:0 .06rem;height:.2rem;border-radius:.08rem .1rem .1rem 0;color:#fff;font-size:.12rem;background:linear-gradient(90deg,#fe4c50 0,#ff2f8b)}.course-detail-page .up-wrap .head-wrap .name[data-v-df21c680]{font-size:.16rem;color:#fff;margin-top:.06rem}.course-detail-page .info-wrap[data-v-df21c680]{position:absolute;bottom:1.2rem;left:.22rem;color:#fff;padding:0 .22rem 0 0}.course-detail-page .info-wrap .title[data-v-df21c680]{font-size:.13rem}.course-detail-page .info-wrap .desc[data-v-df21c680]{width:2.34rem;font-size:.09rem;margin-top:.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-detail-page .info-wrap .btn-wrap[data-v-df21c680]{display:flex;align-items:center;margin-top:.21rem}.course-detail-page .info-wrap .btn-wrap .tag[data-v-df21c680]{margin-right:.27rem}.course-detail-page .info-wrap .btn-wrap .tag .van-tag[data-v-df21c680]{margin-left:.13rem;width:.36rem;font-size:.11rem}.course-detail-page .info-wrap .btn-wrap .tag .van-tag[data-v-df21c680]:first-child{margin-left:0}.course-detail-page .info-wrap .btn-wrap button[data-v-df21c680]{height:.33rem;width:2.02rem;background:#ffc965;border-radius:.08rem;color:#fff;font-size:.14rem;border:none}