.x-tabs[data-v-404dd560]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.x-tabs--item[data-v-404dd560]{position:relative;height:12.26667vw;line-height:12.26667vw;text-align:center;color:#666;font-size:3.73333vw;font-weight:400}.x-tabs--item.isActive[data-v-404dd560]{color:#3280f2;font-weight:700}.x-tabs--item.isActive[data-v-404dd560]:after{position:absolute;display:block;content:"";width:3.2vw;height:.53333vw;background:#3280f2;left:50%;bottom:0;margin-left:-1.6vw;border-radius:1px}.x-tabs .x-tabs--count[data-v-404dd560]{position:absolute;left:50%;margin-left:4vw;top:-2.4vw;font-size:2.66667vw}.x-tabs .x-tabs--point[data-v-404dd560]{display:inline-block;width:1.06667vw;height:1.06667vw;border-radius:1.06667vw;position:relative;top:-3.2vw;background:#ff4b4b}.x-comment-card-title{background:rgba(50,128,242,.08);border:1px solid #ddd;border-radius:3.2vw;padding:2.13333vw 2.66667vw;margin-bottom:3.73333vw}.x-comment-card-title .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:2.13333vw;line-height:5.33333vw;cursor:pointer}.x-comment-card-title .title .title-container{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-family:PingFangSC-Regular;font-weight:400;font-size:3.2vw;color:#3280f2;letter-spacing:0;line-height:5.33333vw;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}.x-comment-card-title .title .title-image{width:4.26667vw;height:4.26667vw;min-width:4.26667vw;min-height:4.26667vw;margin-right:2.13333vw}.x-comment-card-title .title .go-detail{margin-left:2.13333vw;margin-right:0;width:2.13333vw;height:3.2vw;min-width:2.13333vw;min-height:3.2vw}.x-comment-card-title .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-comment-card-title .content .rate{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:SFPro-Medium;font-weight:500;font-size:5.33333vw;color:#3280f2;letter-spacing:0;line-height:7.46667vw}.x-comment-card-title .content .rate,.x-comment-card-title .content .rate .rate-image-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-comment-card-title .content .rate .rate-image-box .rate-image{width:2.13333vw;height:2.13333vw;min-width:2.13333vw;min-height:2.13333vw;margin-right:.53333vw}.x-comment-card-title .content .rate .no-rate{font-family:PingFangSC-Regular;font-weight:400;font-size:3.2vw;color:#989898;letter-spacing:0;line-height:5.33333vw;white-space:nowrap}.x-comment-card-title .content .line{height:20.8vw;width:1px;background:#ddd;margin:0 3.2vw}.x-comment-card-title .content .x-card-swiper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:20.8vw;position:relative;overflow:hidden}.x-comment-card-title .content .x-card-swiper .swiper-wrapper{position:relative}.x-comment-card-title .content .x-card-swiper .swiper-slide{position:relative;height:20.8vw}.x-comment-card-title .content .x-card-swiper .swiper-slide .card-text{font-size:3.2vw;color:#666;height:16vw;line-height:5.33333vw;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}.x-comment-card-title .content .x-card-swiper .swiper-slide .card-text,.x-comment-card-title .content .x-card-swiper .swiper-slide .card-user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC-Regular;font-weight:400;letter-spacing:0}.x-comment-card-title .content .x-card-swiper .swiper-slide .card-user{margin-top:1.06667vw;font-size:2.66667vw;color:#989898;line-height:3.73333vw}.x-comment-card-title .content .x-card-swiper .swiper-slide .card-user .card-user-image{width:3.2vw;height:3.2vw;min-width:3.2vw;min-height:3.2vw;border-radius:100%;margin-right:1.06667vw}.x-introduction{width:91.46667vw;height:100%;padding:0 4.26667vw}.x-introduction .x-course-title{display:block;font-family:PingFangSC-Medium;font-weight:500;font-size:4.26667vw;color:#222;letter-spacing:0;line-height:6.4vw;margin:3.2vw auto;text-align:left}.x-introduction .x-course-description{font-family:PingFangSC-Regular;font-weight:400;font-size:3.73333vw;color:#222;letter-spacing:0;line-height:5.86667vw;width:100%}.maxWidth100,.x-introduction .x-course-description image,.x-introduction .x-course-description img,.x-introduction .x-course-description text,.x-introduction .x-course-description view{max-width:100%}.x-play-cover{width:100%;height:60vw;overflow:hidden;position:relative;z-index:1}.x-play-cover.showPlay{height:72.8vw;background:#000}.x-play-cover.showPlay .operation-item{position:static;background:#333}.x-play-cover__video-box{min-height:60vw}.x-play-cover .img{width:100%;-o-object-fit:contain;object-fit:contain}.x-play-cover .play-button{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:12.8vw;height:12.8vw;z-index:2;cursor:pointer}.x-play-cover .operation-item{position:absolute;bottom:0;left:0;width:calc(100% - 8.53333vw);padding:0 4.26667vw;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-family:PingFangSC-Regular;font-weight:400;font-size:3.2vw;color:#fff;height:12.8vw;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(#000));background-image:-webkit-linear-gradient(rgba(0,0,0,.3),#000);background-image:linear-gradient(rgba(0,0,0,.3),#000)}.x-play-cover .operation-item,.x-play-cover .operation-item__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-play-cover .operation-item__left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.x-play-cover .operation-item__left .count{margin:0 3.2vw 0 1.06667vw;font-size:3.2vw}.x-play-cover .operation-item__left .class-img{min-width:6.4vw;min-height:6.4vw;height:6.4vw;width:6.4vw;border-radius:100%;margin-left:-2.66667vw}.x-play-cover .operation-item__left .class-img:first-child{margin-left:0}.x-play-cover .operation-item__right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;font-size:3.2vw}.x-play-cover .operation-item__right,.x-play-cover .operation-item__right .switch-play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-play-cover .operation-item__right .switch-play{margin-right:3.2vw}.x-play-cover .operation-item__right .switch-play input[type=checkbox]{width:7.46667vw;height:4.26667vw;margin-right:1.06667vw}.x-play-cover .operation-item__right .love-image{width:4.8vw;height:4.26667vw;min-width:4.8vw;min-height:4.26667vw;margin-left:3.2vw;margin-right:1.06667vw}.x-play-cover .operation-item__right .collect{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:3.2vw;cursor:pointer}.x-list{height:100%}.x-list-item{min-height:18.66667vw;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;margin-left:4.26667vw;padding-right:4.26667vw}.x-list-item,.x-list-item__info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.x-list-item__info{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:PingFangSC-Regular;color:#222}.x-list-item__info.finish,.x-list-item__info.finish .x-list-item__detail,.x-list-item__info.finish .x-list-item__title{color:#989898}.x-list-item__title{font-weight:700!important;font-size:3.73333vw;line-height:5.86667vw}.x-list-item__detail{font-weight:400;font-size:3.2vw;color:#666;line-height:5.33333vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-list-item__detail .play-image{width:3.73333vw;height:3.73333vw;min-width:3.73333vw;min-height:3.73333vw;margin-right:1.06667vw}.x-list-item__type.last-study{width:12.8vw;height:4.26667vw;background:rgba(50,128,242,.08);border-radius:.53333vw;font-family:PingFangSC-Regular;font-weight:400;font-size:2.66667vw;color:#3280f2;letter-spacing:0;text-align:center;line-height:4.26667vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-list-item__type.last-study .playing-img{width:3.2vw;height:3.2vw;min-width:3.2vw;min-height:3.2vw;margin-right:1.06667vw}.x-list-item__time{margin-right:3.2vw}.x-list-item__line{position:absolute;bottom:0;right:0;width:100%;height:1px;background-color:#e7e7e7;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.x-comment-scroll{width:100%;height:100%}.x-comment-box{width:100%;padding-bottom:26.66667vw;background-color:#fff}.x-comment-box .x-comment{min-height:29.86667vw;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 4.26667vw);margin-left:4.26667vw;padding:3.2vw 0;-webkit-box-sizing:border-box;box-sizing:border-box}.x-comment-box .x-comment-info{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2.13333vw;margin-right:4.26667vw}.x-comment-box .x-comment-info,.x-comment-box .x-comment-info__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-comment-box .x-comment-info__left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:#222;letter-spacing:0;font-family:PingFangSC-Regular;font-weight:400}.x-comment-box .x-comment-info__left .user-img{width:10.66667vw;height:10.66667vw;min-width:10.66667vw;min-height:10.66667vw;border-radius:100%;margin-right:2.13333vw}.x-comment-box .x-comment-info__left .user-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.x-comment-box .x-comment-info__left .user-name{font-size:3.73333vw;line-height:5.86667vw}.x-comment-box .x-comment-info__left .user-time{font-size:2.66667vw;line-height:3.73333vw}.x-comment-box .x-comment-info__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-comment-box .x-comment-info__right .info-image{width:3.2vw;height:3.2vw;min-width:3.2vw;min-height:3.2vw;margin-right:2.13333vw;vertical-align:middle}.x-comment-box .x-comment-info__right .count{display:inline-block;vertical-align:middle;font-family:PingFangSC-Regular;font-weight:400;font-size:3.2vw;color:#222;letter-spacing:0;height:3.2vw;line-height:3.46667vw}.x-comment-box .x-comment-info__right .count:last-child{margin-right:0}.x-comment-box .x-comment-info__right__support{margin-right:4.26667vw}.x-comment-box .x-comment-content{font-family:PingFangSC-Regular;font-weight:400;font-size:3.2vw;color:#666;letter-spacing:0;line-height:5.33333vw;margin-right:4.26667vw}.x-comment-box .x-comment .line{position:absolute;bottom:0;right:0;width:100%;height:1px;background-color:#e7e7e7;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.x-comment-box .no-comment{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:13.33333vw;font-size:3.73333vw;font-weight:400;color:#666;font-family:PingFangSC-Regular}.x-comment-box .no-comment .empty-img{width:24vw;height:24vw;margin-bottom:3.2vw}.x-comment-box .x-topic-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:3.73333vw 4.8vw;margin-bottom:2.13333vw}.x-comment-box .x-topic-box:after{display:block;content:"";position:absolute;width:100%;height:2.13333vw;background:#f5f5f5;bottom:0;left:0}.x-comment-box .x-topic-box__left{width:8vw;padding-top:1px}.x-comment-box .x-topic-box__right{width:calc(100% - 8vw)}.x-comment-box .x-topic-box__img{width:5.33333vw;height:5.33333vw}.x-comment-box .x-comment-reply-list,.x-comment-box .x-topic-box__content{font-size:3.2vw;color:#666;margin-top:2.13333vw}.x-comment-box .x-comment-reply-list{padding:2.13333vw;background:#f5f5f5;font-family:PingFangSC-Regular;letter-spacing:0;line-height:5.33333vw;margin-right:4.26667vw;border-radius:1.06667vw}.x-comment-box .x-comment-reply-item__name{color:#3280f2}.x-mark[data-v-0e57af31]{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);z-index:2}.x-add-comment--entry[data-v-fddea88a]{position:absolute;left:0;bottom:0;width:100%;height:21.86667vw;background:#fff;z-index:100}.x-add-comment--entry__input[data-v-fddea88a]{height:8.53333vw;margin:2.13333vw 4.26667vw;color:#999;font-size:3.2vw;background:#f5f5f5;border-radius:8vw;line-height:8.53333vw;padding-left:3.2vw;cursor:pointer}.x-add-comment[data-v-fddea88a]{position:fixed;bottom:0;left:0;right:0;height:0;background:#fff;overflow-y:auto;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:3}.x-add-comment__title[data-v-fddea88a]{position:absolute;top:0;left:4.26667vw;right:0;width:calc(100% - 8.53333vw);height:16vw;line-height:16vw;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.x-add-comment__title__img[data-v-fddea88a]{width:4.26667vw;height:4.26667vw;cursor:pointer}.x-add-comment__title__span[data-v-fddea88a]{position:absolute;left:50%;width:26.66667vw;text-align:center;margin-left:-13.33333vw}.x-add-comment__title__btn[data-v-fddea88a]{width:16vw;height:6.93333vw;line-height:6.93333vw;background-image:-webkit-linear-gradient(315deg,#7fb9ff,#3280f2);background-image:linear-gradient(135deg,#7fb9ff,#3280f2);border-radius:6.93333vw;text-align:center;font-size:3.73333vw;color:#fff;border:none;cursor:pointer}.x-add-comment__title__btn[data-v-fddea88a]:hover{opacity:.9}.x-add-comment__content[data-v-fddea88a]{height:calc(100% - 10.66667vw);margin-top:10.66667vw;padding:0 4.26667vw 6.4vw;overflow-y:auto}.x-add-comment__star[data-v-fddea88a]{width:36.26667vw;margin:auto;margin:2.13333vw auto 4.26667vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center}.x-add-comment__star__item[data-v-fddea88a]{margin-right:1.06667vw;cursor:pointer}.x-add-comment__star__item[data-v-fddea88a]:last-child{margin-right:0}.x-add-comment__star__img[data-v-fddea88a]{width:6.4vw;height:6.4vw}.x-add-comment_msg[data-v-fddea88a]{margin:5.33333vw 0 0;text-align:center;font-size:3.2vw;color:#666}.x-add-comment__cotent[data-v-fddea88a]{width:100%}.x-add-comment__cotent__input[data-v-fddea88a]{width:100%;padding:3.46667vw 0;color:#666;height:53.33333vw;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;border-left:none;border-right:none;outline:none;resize:none}.x-add-comment__cotent__input[data-v-fddea88a]::-webkit-input-placeholder{color:#999}.x-add-comment__cotent__input[data-v-fddea88a]::-moz-placeholder{color:#999}.x-add-comment__cotent__input[data-v-fddea88a]:-ms-input-placeholder{color:#999}.x-add-comment__cotent__input[data-v-fddea88a]::-ms-input-placeholder{color:#999}.x-add-comment__cotent__input[data-v-fddea88a]::placeholder{color:#999}.x-add-comment_count[data-v-fddea88a]{margin:2.13333vw 0;text-align:right;color:rgba(0,0,0,.26)}.x-add-comment_count .text-warn[data-v-fddea88a]{color:#f56c6c}.reply-box[data-v-e0fe91d2]{position:fixed;left:0;right:0;bottom:0;z-index:5;width:calc(100% - 8.53333vw);padding:2.13333vw 4.26667vw;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-top:1px solid #e7e7e7}.reply-box__input[data-v-e0fe91d2]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:5.86667vw;line-height:5.86667vw;padding:1.33333vw 3.2vw;background:#f5f5f5;border-radius:4.26667vw;font-size:3.73333vw;border:none;outline:none;resize:none}.reply-box__input[data-v-e0fe91d2]::-webkit-input-placeholder{color:grey;font-size:3.2vw}.reply-box__input[data-v-e0fe91d2]::-moz-placeholder{color:grey;font-size:3.2vw}.reply-box__input[data-v-e0fe91d2]:-ms-input-placeholder{color:grey;font-size:3.2vw}.reply-box__input[data-v-e0fe91d2]::-ms-input-placeholder{color:grey;font-size:3.2vw}.reply-box__input[data-v-e0fe91d2]::placeholder{color:grey;font-size:3.2vw}.reply-box__btn[data-v-e0fe91d2]{width:16vw;height:8.53333vw;line-height:8.53333vw;border-radius:4.26667vw;padding:0;text-align:center;background-image:-webkit-linear-gradient(315deg,#7fb9ff,#3280f2);background-image:linear-gradient(135deg,#7fb9ff,#3280f2);margin-left:2.13333vw;color:#fff;font-size:3.73333vw;border:none;cursor:pointer}.reply-box__btn[data-v-e0fe91d2]:hover{opacity:.9}.x-obtain[data-v-af81a4e8]{position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.x-obtain__img-box[data-v-af81a4e8]{position:absolute;left:50%;width:37.33333vw;height:40vw;margin-left:-21.33333vw;z-index:3;border-radius:2.13333vw;background:#fff;padding:5.33333vw 2.66667vw}.x-obtain__img[data-v-af81a4e8]{width:24vw;height:24vw;position:relative;left:6.66667vw;top:2.93333vw;z-index:4}.x-obtain__img__bg[data-v-af81a4e8]{width:37.33333vw;height:37.33333vw;position:absolute;left:50%;right:50%;margin-left:-18.66667vw;margin-top:-2.66667vw}.x-obtain__img-close[data-v-af81a4e8]{width:4vw;height:4vw;position:absolute;left:19.46667vw;bottom:-6.93333vw;z-index:4}.x-obtain__text[data-v-af81a4e8]{font-size:2.66667vw;text-align:center;color:#e84763;position:absolute;width:37.33333vw;bottom:6.93333vw}.x-obtain__name[data-v-af81a4e8]{margin:0 1.06667vw;font-weight:500;margin-bottom:.8vw;font-size:3.2vw}.x-obtain__btn[data-v-af81a4e8]{background:#3fbccb;color:#fff;width:11.2vw;height:5.33333vw;line-height:5.33333vw;text-align:center;border-radius:1.06667vw;font-size:2.66667vw;margin:2.66667vw auto}.course-player-container[data-v-0a3bd738]{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#000;position:relative}.course-player-container[data-v-0a3bd738] .xdf-player{width:100%!important;height:100%!important}.x-course-detail[data-v-33ba52c5]{display:block;height:100vh;overflow:hidden;background:#f5f5f5;position:relative}.x-course-detail .scroll-content[data-v-33ba52c5]{height:calc(100vh - 72.26667vw);overflow:hidden;background-color:#fff}.x-course-detail .scroll-content.isComment[data-v-33ba52c5]{height:calc(100vh - 94.13333vw)}.x-course-detail .scroll-content.showPlay[data-v-33ba52c5]{height:calc(100vh - 89.06667vw)}.video-player-container[data-v-33ba52c5]{width:100%;height:56vw;background:#000}.x-comment-topic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:100%;padding:3.2vw 4.26667vw;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:2.13333vw;position:relative;background-color:#fff}.x-comment-topic .topic-line{position:absolute;bottom:0;right:0;width:100%;height:1px;background-color:#e7e7e7;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.x-comment-topic .topic-img{width:5.33333vw;height:5.33333vw;min-width:5.33333vw;min-height:5.33333vw;margin-right:2.13333vw}.x-comment-topic__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.x-comment-topic__content .content-title{font-family:PingFangSC-Medium;font-weight:500;font-size:3.73333vw;color:#222;line-height:5.86667vw;margin-bottom:1.33333vw}.x-comment-topic__content .content-text{font-family:PingFangSC-Regular;font-weight:400;font-size:3.2vw;color:#666;letter-spacing:0;line-height:5.33333vw}.swiper-container{width:100%;height:100%;overflow:hidden;position:relative}.swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:300%;height:100%}.swiper-slide{width:100%;height:100%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow-y:auto}