.md-course-detail-pages-component[data-v-0157f5f1]{width:100%;max-width:1920px;margin:0 auto;background:#fff;display:flex;flex-direction:column;align-items:center;padding-bottom:30px}.md-course-detail-pages-component .course-info-box[data-v-0157f5f1]{width:100%;max-width:1920px;height:240px;background:url(../img/video-banner.eade0d10.png) no-repeat top #000;background-size:cover;padding:16px 0}.md-course-detail-pages-component .course-info-box .course-info-con[data-v-0157f5f1]{width:1152px;margin:0 auto}.md-course-detail-pages-component .course-info-box .course-info-con .menu-box[data-v-0157f5f1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.md-course-detail-pages-component .course-info-box .course-info-con .course-title[data-v-0157f5f1]{margin-bottom:8px;line-height:48px;font-size:32px;color:#fff;font-family:PingFangSC,PingFang SC;font-weight:500}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box[data-v-0157f5f1]{display:flex;align-items:center;justify-content:space-between}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box .t-info[data-v-0157f5f1]{display:flex;align-items:center}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box .t-info .avatar-box[data-v-0157f5f1]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:10px}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box .t-info .avatar-box img[data-v-0157f5f1]{width:100%;height:100%}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box .t-info span[data-v-0157f5f1]{font-size:14px;line-height:22px;font-family:PingFangSC,PingFang SC;font-weight:400;color:#fff;line-height:20px}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box p[data-v-0157f5f1]{color:#fff;margin-left:50px}.md-course-detail-pages-component .course-info-box .course-info-con .teacher-box p span[data-v-0157f5f1]{display:inline-block;width:71px;height:32px;margin-right:20px;font-size:12px}.md-course-detail-pages-component .course-info-box .course-info-con .play[data-v-0157f5f1]{display:flex;align-items:center;margin-top:20px}.md-course-detail-pages-component .course-info-box .course-info-con .play .play-p[data-v-0157f5f1]{display:flex;align-items:center}.md-course-detail-pages-component .course-info-box .course-info-con .play .play-p span[data-v-0157f5f1]{cursor:pointer;color:#fff;background-color:hsla(0,0%,100%,.2);padding:6px 15px;border-radius:16px;display:inline-block;display:flex;align-items:center;justify-content:center}.md-course-detail-pages-component .course-info-box .course-info-con .play .play-p span .c-star[data-v-0157f5f1]{font-size:14px;margin-right:3px}.md-course-detail-pages-component .course-info-box .course-info-con .play-btn[data-v-0157f5f1]{color:#fff;width:124px;height:40px;background:#0fb09b;padding:10px 30px;font-size:14px;border-radius:34px;cursor:pointer}.md-course-detail-pages-component .comment-intro-box[data-v-0157f5f1]{width:100%}.md-course-detail-pages-component .comment-intro-box b[data-v-0157f5f1]{color:#0fb09b}.md-course-detail-pages-component .comment-intro-box .tab-box[data-v-0157f5f1]{width:100%;height:68px;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.1)}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block[data-v-0157f5f1]{width:1152px;height:68px;margin:0 auto;display:flex;align-items:center}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block .tab-item[data-v-0157f5f1]{position:relative;float:left;margin-right:96px;font-size:16px;color:#333;line-height:40px;cursor:pointer;font-weight:700}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block .tab-item[data-v-0157f5f1]:hover{color:#0fb09b}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block .tab-item[data-v-0157f5f1]:hover:before{background:#0fb09b}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block .tab-item[data-v-0157f5f1]:before{content:" ";position:absolute;width:20px;height:3px;background:transparent;bottom:0;margin-left:-10px;left:50%;border-radius:2px}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block .tab-item-active[data-v-0157f5f1]{color:#0fb09b}.md-course-detail-pages-component .comment-intro-box .tab-box .tab-block .tab-item-active[data-v-0157f5f1]:before{background:#0fb09b}.md-course-detail-pages-component .comment-intro-box .comment-intro-block[data-v-0157f5f1]{width:1152px;margin:20px auto 0;display:flex;background:#fff}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-detail-box[data-v-0157f5f1]{margin-bottom:20px;width:844px;padding:24px 32px 32px;background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);border-radius:12px;box-sizing:border-box}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-detail-box h3[data-v-0157f5f1]{margin-bottom:10px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-detail-box p[data-v-0157f5f1]{line-height:1.5;color:#1c1f21;text-indent:2em}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box[data-v-0157f5f1]{width:844px;padding:24px 32px;background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);border-radius:12px;box-sizing:border-box}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box .course-list .course-item[data-v-0157f5f1],.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box h3[data-v-0157f5f1]{margin-bottom:10px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box .course-list .course-item h3[data-v-0157f5f1]{color:#1c1f21;font-size:16px;font-weight:700;line-height:24px;margin-bottom:5px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box .course-list .course-item .course-tit[data-v-0157f5f1]{color:#333;font-size:12px;margin-bottom:10px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box .course-list .course-item .course-chapters .chapter[data-v-0157f5f1]{cursor:pointer;color:#1c1f21;font-size:14px;height:48px;line-height:48px;padding-left:10px;box-sizing:border-box}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .course-wrap-box .course-list .course-item .course-chapters .chapter[data-v-0157f5f1]:hover{background:rgba(37,192,167,.05);border-radius:4px;color:#0fb09b}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box[data-v-0157f5f1]{width:884px;margin-right:15px;height:100%}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .c-head[data-v-0157f5f1]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-right:10px;box-sizing:border-box}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .c-head .c-tag[data-v-0157f5f1]{padding:4px 12px;font-size:12px;color:#545c63;line-height:16px;background:#fff;border-radius:12px;cursor:pointer;opacity:0}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .c-head .c-send-btn[data-v-0157f5f1]{padding:7px 16px;font-size:14px;line-height:1.42857143;border-radius:18px;color:#545c63;cursor:pointer;background:rgba(84,92,99,.1)}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list[data-v-0157f5f1]{margin-top:20px;width:100%;padding:15px 10px 0;overflow-y:auto}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list[data-v-0157f5f1]::-webkit-scrollbar-track{background-color:#fff}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list[data-v-0157f5f1]::-webkit-scrollbar{width:5px;height:5px;background-color:#fff}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list[data-v-0157f5f1]::-webkit-scrollbar-thumb{background-color:#ccc}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item[data-v-0157f5f1]{width:100%;display:flex;padding:15px 10px;box-sizing:border-box;border-bottom:1px solid #ededed}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item[data-v-0157f5f1]:last-child{margin-bottom:0;border-bottom:none}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .avatar[data-v-0157f5f1]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .avatar img[data-v-0157f5f1]{width:100%;height:100%}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .r-box[data-v-0157f5f1]{margin-left:10px;flex:1}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .r-box .tit-box[data-v-0157f5f1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .r-box .tit-box .name[data-v-0157f5f1]{font-size:14px;color:#333}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .r-box .tit-box .time[data-v-0157f5f1]{font-size:12px;color:#888}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .comment-box .commit-list .commit-item .r-box .tit[data-v-0157f5f1]{font-size:12px;color:#555}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box[data-v-0157f5f1]{width:336px;flex-shrink:0;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 8px 0 rgba(95,101,105,.1);position:relative}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box[data-v-0157f5f1]>:first-child{padding:20px 0 12px 0;font-size:16px;font-family:PingFangSC,PingFang SC;font-weight:500;color:#333;line-height:22px;margin:0 20px;display:flex;align-items:center;border-bottom:1px solid #e6e6e6}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box[data-v-0157f5f1]>:nth-child(2){position:absolute;top:54px;width:98px;height:2px;background-color:#0fb09b;margin:0 20px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul[data-v-0157f5f1]{margin-top:10px;box-sizing:border-box}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li[data-v-0157f5f1]{display:flex;margin-bottom:12px;padding:10px 20px;border-radius:4px;position:relative}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li[data-v-0157f5f1]:last-child{margin-bottom:0;border-bottom:none}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li .c-img[data-v-0157f5f1]{width:135px;height:90px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li .c-img img[data-v-0157f5f1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li .c-type-box[data-v-0157f5f1]{flex:1;height:60px;margin-left:20px;overflow:hidden}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li .c-type-box .c-tit[data-v-0157f5f1]{width:100%;padding-top:8px;font-size:14px;font-size:16px;margin-bottom:4px;font-size:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li .c-type-box .view-p-count[data-v-0157f5f1]{display:flex;align-items:center;color:#545c63;font-size:12px;margin-top:5px;position:absolute;bottom:10px}.md-course-detail-pages-component .comment-intro-box .comment-intro-block .intro-box ul li .c-type-box .view-p-count i[data-v-0157f5f1]{margin-right:3px;font-size:14px}.md-course-detail-pages-component .no-more-data[data-v-0157f5f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.md-course-detail-pages-component .no-more-data i[data-v-0157f5f1]{font-size:30px;color:#9199a1;margin-bottom:5px}.md-course-detail-pages-component .no-more-data span[data-v-0157f5f1]{font-size:16px;color:#9199a1;line-height:24px}@keyframes load-effect-0157f5f1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-breadcrumb__item:last-child .el-breadcrumb__inner[data-v-0157f5f1]:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a[data-v-0157f5f1],.el-breadcrumb__item:last-child .el-breadcrumb__inner a[data-v-0157f5f1]:hover,[data-v-0157f5f1] .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:hsla(0,0%,100%,.5)}[data-v-0157f5f1] .el-breadcrumb__item .el-breadcrumb__inner.is-link,[data-v-0157f5f1] .el-breadcrumb__item .el-breadcrumb__inner a{color:hsla(0,0%,100%,.5);font-weight:400}[data-v-0157f5f1] .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover,[data-v-0157f5f1] .el-breadcrumb__item .el-breadcrumb__inner a:hover{color:#0fb09b}[data-v-0157f5f1] .el-button--primary{background:#f20d0d;border-color:#f20d0d}.pagination[data-v-0157f5f1]{margin-top:20px;display:flex;justify-content:center}[data-v-0157f5f1] .el-pager li.active,[data-v-0157f5f1] .el-pager li:hover{color:#f20d0d}[data-v-0157f5f1] .el-input__inner:focus{border-color:#f20d0d!important}[data-v-0157f5f1] .el-pagination button:hover{color:#f20d0d}[data-v-0157f5f1] .el-collapse-item__header{background-color:#f5f7f7;padding-left:16px;border-radius:8px;font-weight:600;font-size:16px}[data-v-0157f5f1] .el-collapse-item__content{cursor:pointer;font-size:14px;padding:8px;padding-left:16px}