.course-detail-bg[data-v-362aa899]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background:#f8f8fa}.course-detail-bg .title-header[data-v-362aa899]{position:absolute;z-index:199;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:2.05rem;padding:.83rem .44rem 0;color:#111;background:#fff}.course-detail-bg .title-header .title-header-left[data-v-362aa899]{-ms-flex-negative:0;flex-shrink:0;width:2.1rem}.course-detail-bg .title-header .title-header-left img[data-v-362aa899]{width:.64rem;height:.64rem}.course-detail-bg .title-header span[data-v-362aa899]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:PingFang SC,PingFang SC-Medium;font-size:.45rem;font-weight:700;line-height:.64rem;color:#111;text-align:center}.course-detail-bg .title-header .credit-num-container[data-v-362aa899]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:2.1rem}.course-detail-bg .course-detail-container[data-v-362aa899]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:0;overflow:auto}.course-detail-bg .course-detail-container[data-v-362aa899] .van-tabs__wrap{height:1.07rem!important}.course-detail-bg .course-detail-info[data-v-362aa899]{padding:.32rem .43rem .37rem;background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.course-detail-bg .course-detail-info.course-detail-info-hidden[data-v-362aa899]{pointer-events:none;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.course-detail-bg .course-detail-info .course-detail-title[data-v-362aa899]{font-family:PingFangSC,PingFangSC-Medium;font-size:.45rem;font-weight:700;line-height:.64rem;color:#111}.course-detail-bg .course-detail-info .course-detail-sub-title[data-v-362aa899]{margin:.2rem 0 0;font-family:PingFangSC,PingFangSC-Regular;font-size:.37rem;font-weight:400;line-height:.53rem;color:#888}.course-detail-bg .course-detail-info .course-detail-banner[data-v-362aa899]{margin-top:.43rem}.course-detail-bg .course-detail-info .banner-item[data-v-362aa899]{width:100%;height:100%;border-radius:.32rem}.course-detail-bg .lesson-list-container[data-v-362aa899]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:0}.course-detail-bg[data-v-362aa899] .van-tabs{padding:0 .43rem;background:#fff}.course-detail-bg[data-v-362aa899] .van-tabs__nav{background:#fff}.course-detail-bg[data-v-362aa899] .van-tab{min-width:2.3rem;font-family:PingFangSC,PingFangSC-Regular;font-size:.37rem;font-weight:400;line-height:.6rem;color:#444;text-align:center}.course-detail-bg[data-v-362aa899] .van-tabs__line{bottom:20px}.course-detail-bg[data-v-362aa899] .van-tab--active{font-family:PingFangSC,PingFangSC-Medium;font-size:.45rem;font-weight:700;color:#111}.course-detail-bg .date-group[data-v-362aa899]{position:relative;margin-bottom:.4rem}.course-detail-bg .date-header[data-v-362aa899]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.22rem;margin-bottom:.3rem}.course-detail-bg .date-line[data-v-362aa899]{position:absolute;left:-.035rem;width:.07rem;height:.27rem;background:#0091ff;border-radius:.04rem}.course-detail-bg .date-label[data-v-362aa899]{font-family:PingFang SC,PingFang SC-Regular;font-size:.35rem;font-weight:400;line-height:.53rem;color:#777}.course-detail-bg .lessons-in-date[data-v-362aa899]{padding-left:.22rem}.course-detail-bg .lesson-item-timeline[data-v-362aa899]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.43rem;margin-bottom:.39rem;background:#fff;border:.01rem solid #f5f5f5;border-radius:.32rem;-webkit-box-shadow:0 .1rem .21rem .01rem rgba(0,0,0,.04);box-shadow:0 .1rem .21rem .01rem rgba(0,0,0,.04)}.course-detail-bg .lesson-item-timeline-compact[data-v-362aa899]{padding:.2rem .44rem;margin-bottom:.1rem}.course-detail-bg .lesson-info-timeline[data-v-362aa899]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-detail-bg .lesson-info-timeline-compact[data-v-362aa899]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.course-detail-bg .lesson-info-icon-timeline[data-v-362aa899]{height:.28rem}.course-detail-bg .lesson-item-timeline-line[data-v-362aa899]{position:absolute;top:.42rem;width:.01rem;height:100%;background:repeating-linear-gradient(180deg,rgba(152,151,151,.62) 0,rgba(152,151,151,.62) .08rem,rgba(0,0,0,0) 0,rgba(0,0,0,0) .16rem)}.course-detail-bg .lesson-item-status-timeline[data-v-362aa899]{position:absolute;top:-.01rem;right:-.01rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.48rem;padding:0 .14rem;font-family:PingFang SC,PingFang SC-Regular;font-size:.32rem;font-weight:400;line-height:.48rem;border-radius:0 .21rem}.course-detail-bg .icon-container[data-v-362aa899]{width:.37rem;height:.37rem}.course-detail-bg .icon-container .icon-item[data-v-362aa899]{width:100%;height:100%}.course-detail-bg .complete[data-v-362aa899]{color:#04cf6b;background:#e6fbf1}.course-detail-bg .uncomplete[data-v-362aa899]{color:#ff596f;background:#ffe8eb}.course-detail-bg .unstarted[data-v-362aa899]{color:#a8a8a8;background:#f0f0f0}.course-detail-bg .processing[data-v-362aa899]{color:#0091ff;background:#e4f4ff}.course-detail-bg .lesson-item-title-timeline[data-v-362aa899]{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC,PingFangSC-Medium;font-size:.43rem;font-weight:500;line-height:.6rem;color:#111;text-align:left}.course-detail-bg .lesson-item-title-timeline .icon-container[data-v-362aa899]{position:relative;display:inline-block;width:.48rem;height:.48rem}.course-detail-bg .lesson-item-title-timeline .icon-container img[data-v-362aa899]{position:absolute;top:.03rem;width:.48rem;height:.48rem;margin-left:.11rem}.course-detail-bg .lesson-item-time-timeline[data-v-362aa899]{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:center;-ms-flex-pack:center;justify-content:center;font-family:PingFangSC,PingFangSC-Regular;font-size:.32rem;font-weight:400;line-height:.44rem;color:#888}.course-detail-bg .lesson-item-time-timeline-start[data-v-362aa899]{font-family:PingFang SC,PingFang SC-Semibold;font-size:.53rem;font-weight:600;line-height:.75rem;color:#000}.course-detail-bg .lesson-item-time-timeline-end[data-v-362aa899]{font-size:.29rem;font-weight:400;line-height:.4rem;color:#777}.course-detail-bg .lesson-item-time-timeline-compact[data-v-362aa899]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:.2rem}.course-detail-bg .lesson-item-time-timeline-compact .lesson-item-time-timeline-start[data-v-362aa899]{margin-right:.1rem;font-size:.43rem;font-weight:600;line-height:.6rem;color:#000}.course-detail-bg .lesson-item-time-timeline-compact .lesson-item-time-timeline-end[data-v-362aa899]{font-size:.26rem;font-weight:400;line-height:.37rem;color:#777}.course-detail-bg .line[data-v-362aa899]{width:.01rem;height:1.17rem;margin:0 .32rem;background:#d8d8d8}.course-detail-bg .line-hidden[data-v-362aa899]{height:0}.course-detail-bg .lesson-list[data-v-362aa899]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 .43rem;margin:.43rem 0}.course-detail-bg .lesson-list .lesson-item[data-v-362aa899]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.48rem .44rem;margin-bottom:.39rem;background:#fff;border:.01rem solid #f5f5f5;border-radius:.17rem;-webkit-box-shadow:0 .1rem .21rem .01rem rgba(0,0,0,.04);box-shadow:0 .1rem .21rem .01rem rgba(0,0,0,.04)}.course-detail-bg .lesson-list .lesson-info[data-v-362aa899]{-webkit-box-flex:1;-ms-flex:1;flex:1}.course-detail-bg .lesson-list .lesson-info-icon[data-v-362aa899]{height:.28rem}.course-detail-bg .lesson-list .lesson-item-status[data-v-362aa899]{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1.28rem;height:.48rem;font-family:PingFang SC,PingFang SC-Regular;font-size:.32rem;font-weight:400;line-height:.48rem;border-radius:0 .21rem}.course-detail-bg .lesson-list .lesson-item-title[data-v-362aa899]{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC,PingFangSC-Medium;font-size:.43rem;font-weight:500;line-height:.6rem;color:#111;text-align:left;vertical-align:middle}.course-detail-bg .lesson-list .lesson-item-title .icon-container[data-v-362aa899]{position:relative;display:inline-block;width:.43rem;height:.43rem}.course-detail-bg .lesson-list .lesson-item-title span[data-v-362aa899]{display:inline-block}.course-detail-bg .lesson-list .lesson-item-title img[data-v-362aa899]{position:absolute;top:.03rem;width:.48rem;height:.48rem;margin-left:.11rem}.course-detail-bg .lesson-list .lesson-item-sub-title[data-v-362aa899]{margin-top:.1rem;font-family:PingFangSC,PingFangSC-Regular;font-size:.37rem;font-weight:400;line-height:.53rem;color:#888}.course-detail-bg .lesson-list .lesson-status[data-v-362aa899]{width:1.28rem;height:.58rem;padding:0 .14rem;margin-top:.33rem;font-family:PingFangSC,PingFangSC-Regular;font-size:.32rem;font-weight:400;line-height:.44rem;color:#0091ff;text-align:left;background:rgba(0,145,255,.1);border-radius:.06rem}.course-detail-bg .empty-container[data-v-362aa899],.course-detail-bg .lesson-list .lesson-status[data-v-362aa899]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-detail-bg .empty-container[data-v-362aa899]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.course-detail-bg .empty-text[data-v-362aa899]{font-family:PingFangSC,PingFangSC-Regular;font-size:.37rem;line-height:.53rem;color:#777;text-align:center}.course-detail-bg .refresh-btn[data-v-362aa899]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:3.2rem;height:1.07rem;margin-top:.43rem;font-size:.43rem;font-weight:400;color:#fff;background:#0091ff;border-radius:.53rem}