.activeCate[data-v-62b4ef7a]{color:#3280f2}.selected-cate__item__name[data-v-62b4ef7a]{cursor:pointer}.selected-cate__item__label[data-v-62b4ef7a]{margin:0 10px}.course-progress-box .el-progress-bar__outer{background-color:#8c4914}.course-progress-box .el-progress-bar__inner{height:calc(100% - 4px);top:2px;left:2px}.course-progress-box[data-v-363e3eb2]{display:flex;padding:12px 16px;background-color:#fff;margin-top:16px}.course-progress-box .image[data-v-363e3eb2]{width:60px;height:68px}.course-progress-box .progress[data-v-363e3eb2]{width:800px;position:relative;margin:0 20px;top:28px;height:40px}.course-progress-box .btn-box[data-v-363e3eb2]{margin-left:40px}.course-progress-box .button[data-v-363e3eb2]{background:#3280f2;width:200px;height:36px;margin-top:14px;border-radius:40px}.course-progress-box .title[data-v-363e3eb2]{margin-top:8px;text-align:center;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-progress-box .progress-desc[data-v-363e3eb2]{text-align:right;margin-top:8px}.course-progress-box .primary-span[data-v-363e3eb2]{color:#ffac00;font-size:15px}.add-comment[data-v-0fba5dc9]{padding:12px 16px;background-color:#fff;margin-top:16px}.top[data-v-0fba5dc9]{display:flex;color:#fb7e41;font-size:16px;font-weight:700;align-items:center}.content[data-v-0fba5dc9]{margin-top:10px}.bottom[data-v-0fba5dc9]{margin-top:10px;text-align:right}.staritem[data-v-0fba5dc9]{width:22px;height:22px;margin-right:3px}.button[data-v-0fba5dc9]{background-color:#3280f2}.XdfPagination{display:flex;background:#fff;text-align:right}.XdfPagination .el-pagination__jump{margin-left:24px}.comment-item[data-v-fc21849e]{margin-bottom:16px}.comment-item .top[data-v-fc21849e]{display:flex;align-items:center;justify-content:space-between}.comment-item .left[data-v-fc21849e]{display:flex;align-items:center}.comment-item .left img[data-v-fc21849e]{width:50px;height:50px;border-radius:50px;margin-right:10px}.comment-item .user-name[data-v-fc21849e]{font-size:16px}.comment-item .split-line[data-v-fc21849e]{display:block;width:2px;height:16px;background-color:#333;margin:0 10px 0 2px}.comment-item .gray-info[data-v-fc21849e]{color:#666;font-size:12px}.comment-item .right img[data-v-fc21849e]{width:22px;height:22px}.comment-item .content[data-v-fc21849e]{margin:16px 0 16px 60px}.comment-item .primary-span[data-v-fc21849e]{color:#3280f2}.comment-item .bottom[data-v-fc21849e]{margin-left:60px;display:flex;justify-content:space-between;align-items:center;color:grey}.comment-item .bottom img[data-v-fc21849e]{width:20px;height:20px}.comment-item .bottom .replay-opt[data-v-fc21849e]{color:#3280f2;text-decoration:underline;position:relative;margin:0 16px}.comment-item .bottom .replay-opt[data-v-fc21849e]:before{display:block;position:absolute;content:"";left:-8px;top:2px;width:1px;height:16px;background-color:grey}.comment-item .bottom .replay-opt[data-v-fc21849e]:after{display:block;position:absolute;content:"";right:-8px;top:2px;width:1px;height:16px;background-color:grey}.comment-item .support[data-v-fc21849e]{display:flex;align-items:center}.comment-item .support img[data-v-fc21849e]{margin-right:2px}.comment-item .reply-list[data-v-fc21849e]{margin-top:10px;margin-left:60px;padding:5px 10px 10px 10px;border-bottom:0;background:#f6f6f6}.comment-item .reply-item[data-v-fc21849e]{display:flex;margin-bottom:10px}.comment-item .reply-item .reply__left[data-v-fc21849e]{margin-right:20px;border-radius:6px}.comment-item .reply-item .reply__left img[data-v-fc21849e]{width:36px;height:36px;border-radius:36px}.comment-item .reply-item .reply__right[data-v-fc21849e]{width:calc(100% - 60px)}.comment-item .reply-item .reply__username[data-v-fc21849e]{color:#3280f2;margin-right:10px}.comment-item .reply-item .reply__right--bottom[data-v-fc21849e]{display:flex;margin-top:6px;justify-content:space-between}.comment-item .bottom__right[data-v-fc21849e]{display:flex;cursor:pointer}.comment-item .reply__reply[data-v-fc21849e]{cursor:pointer}.comment-item .add-reply[data-v-fc21849e]{display:flex;justify-content:space-between;margin-top:10px}.comment-item .add-reply__left[data-v-fc21849e]{border-radius:36px}.comment-item .add-reply__left img[data-v-fc21849e]{width:36px;height:36px;border-radius:36px}.comment-item .add-reply__right[data-v-fc21849e]{width:calc(100% - 60px)}.comment-item .reply__button[data-v-fc21849e]{background-color:#3280f2;padding:6px 20px}.comment-item .reply__bottom[data-v-fc21849e]{margin-top:10px;text-align:right}.comment-item .expand-btn[data-v-fc21849e]{cursor:pointer}.comment-item .replay-page[data-v-fc21849e]{background:inherit}.reply__input .el-input__inner{height:40px}.comment-list[data-v-ffc3875c]{padding:12px 16px;background-color:#fff;margin:16px 0}.x-right-item--tooltip.el-tooltip__popper.is-light{max-width:352px;background:#fff!important;box-shadow:0 8px 16px 0 rgba(0,0,0,.08);border:none}.x-right-item--tooltip.el-tooltip__popper.is-light .popper__arrow{border-bottom-color:#eee!important}.x-right-item--tooltip.el-tooltip__popper.is-light .popper__arrow:after{border-bottom-color:#fff!important}.x-pagination{margin-top:24px;text-align:right}.x-pagination .el-pagination.is-background .el-pager li:not(.disabled).active{color:#3280f2;background:rgba(50,128,242,.16)}.x-pagination .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#222;background:#ddd}.x-pagination .el-pagination.is-background .el-pager li{border-radius:8px;width:32px;height:32px;line-height:32px;margin:0 6px;color:#222;background:none}.x-popover{margin-left:20px!important;margin-top:-6px!important;top:94px!important;max-height:266px;overflow-y:auto;z-index:2!important}.x-popover .popper__arrow{display:none}.x-popover .x-section1-popover--item--parent{position:relative;height:26px;line-height:26px;color:#222;font-size:14px}.x-popover .x-section1-popover--item--parent:before{position:absolute;width:100%;height:1px;content:"";top:-6px;background:#eee}.x-popover .x-section1-popover--item--parent.noBorder:before{display:none}.x-popover .x-section1-popover--item--children{position:relative;line-height:26px;margin-bottom:14px;color:grey;font-size:12px}.x-popover .x-section1-popover--item--children:after{display:block;content:"";clear:both}.x-popover .x-section1-popover--item--child{float:left;margin-right:30px}.x-header--drop{width:120px}.x-header--drop .el-dropdown-menu__item{height:42px;line-height:42px;font-size:16px;color:#444}.x-header--drop .el-dropdown-menu__item:focus,.x-header--drop .el-dropdown-menu__item:not(.is-disabled):hover{color:#3280f2;background:rgba(50,128,242,.16)}.x-right--item{width:calc(100% - 32px);height:41px;line-height:41px;color:#444;cursor:pointer;padding:0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-right--item:hover{background:rgba(50,128,242,.16);border-radius:4px;color:#3280f2}.x-cate-link{position:relative;margin-right:24px;color:grey!important;cursor:pointer}.x-cate-link:hover{color:#3280f2!important}.x-cate-link:hover:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:1px;background:#3280f2}.x-logo-img{width:172px;height:32px;cursor:pointer}.x-logo-img.isNewYear{width:218px;height:42px}.x-footer-content,.x-header-content,.x-header-snd-content,.x-main{width:1200px;height:100%;margin:auto}.homePage{background:#f6f8fc}.homePage .x-main{padding-top:88px;overflow:hidden}.homePage .x-section1{height:302px;display:flex;justify-content:space-between}.homePage .x-section1 .x-section1-left{width:256px;padding:6px 16px;border-radius:8px;background:#fff}.homePage .x-section1 .x-section1-left .el-icon-arrow-right{color:grey;margin-left:16px}.homePage .x-section1 .x-section1-menu--container{display:flex;align-items:center;height:41px;cursor:pointer}.homePage .x-section1 .x-class-parent{width:72px;margin-right:12px;color:#222}.homePage .x-section1 .x-class-children--container{display:flex;align-items:center;width:156px}.homePage .x-section1 .x-class-children{margin-right:8px;color:grey;font-size:12px}.homePage .x-section1 .x-right--item{padding:0;margin:0 8px;width:calc(100% - 16px)}.homePage .x-section1 .x-right--item--span{display:inline-block;width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.homePage .x-section1 .x-section1-middle{width:680px;border-radius:8px;overflow:hidden}.homePage .x-section1 .x-section1-middle .x-carousel-img{width:100%;height:100%;margin:0;padding:0}.homePage .x-section1 .x-section1-middle .el-carousel__indicators{bottom:24px;right:24px;left:unset;transform:unset}.homePage .x-section1 .x-section1-middle .el-carousel__indicator{margin-left:16px}.homePage .x-section1 .x-section1-middle .el-carousel__indicator.is-active{width:24px}.homePage .x-section1 .x-section1-middle .el-carousel__indicator.is-active .el-carousel__button{width:24px;opacity:1}.homePage .x-section1 .x-section1-middle .el-carousel__button{width:12px;height:8px;border-radius:4px;background:#fff;opacity:.6}.homePage .x-section1 .x-section1-right{width:184px;border-radius:8px;background:#fff}.homePage .x-section1 .x-section1--more{display:flex;align-items:center;height:41px;cursor:pointer}.homePage .x-section1 .x-section1--more .el-icon-arrow-right{color:grey;margin-left:200px}.homePage .x-section1 .x-section1-right--content{min-height:246px}.homePage .x-section2{margin-top:24px}.homePage .x-section2 .x-card{height:72px;line-height:72px;font-size:16px;color:#222;text-align:center;border:none;cursor:pointer}.homePage .x-section2 .x-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.08);position:relative;top:-2px}.homePage .x-section2 .x-card .el-card__body{padding:unset}.homePage .x-section2 .x-card .el-icon-arrow-right{color:grey;padding-left:4px}.homePage .x-section2 .x-card-fst{height:112px;margin-bottom:24px;border:none;cursor:pointer;border-radius:8px;position:relative}.homePage .x-section2 .x-card-fst .el-card__body{padding:unset}.homePage .x-section2 .x-card-fst .right-img{position:absolute;top:0;right:0}.homePage .x-section2 .x-card-fst:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.08);position:relative;top:-2px}.homePage .x-section3,.homePage .x-section4,.homePage .x-section5,.homePage .x-section7{margin-top:48px}.homePage .x-section7 .title-desc{margin-left:16px;font-size:18px;font-weight:400}.homePage .x-section7 .title-desc .title-desc__item{cursor:pointer}.homePage .x-section7 .title-desc .title-desc__item:hover{color:#3280f2}.homePage .x-section7 .title-desc .lecturer-invitation-container{position:relative}.homePage .x-section7 .title-desc .lecturer-invitation-container .lecturer-invitation{width:144px;height:46px;margin-left:24px;position:absolute;top:-22px;left:0}.homePage .x-section6{margin-top:48px;margin-bottom:40px}.homePage .x-section6 .el-tabs__item{color:grey;font-size:16px;height:36px;line-height:36px}.homePage .x-section6 .el-tabs__item.is-active{color:#3280f2}.homePage .x-section6 .el-tabs__active-bar{background:#3280f2}.homePage .x-section6 .x-category-list{margin:0 12px 15px 0}.course-detail-page{width:1200px;margin:0 auto 100px;padding-top:80px}.course-detail-page .breadcrumb{margin:10px 0}.course-detail-page .el-tabs{margin-top:16px;margin-left:16px}.course-detail-page .el-tabs .el-tabs__nav-wrap:after{width:280px}.course-detail-page .el-tabs .el-tabs__item{font-size:18px;width:140px;text-align:center}.course-detail-page .el-tabs .el-tabs__item.is-active,.course-detail-page .el-tabs .el-tabs__item:hover{color:#333;font-weight:700}.course-detail-page .el-tabs .el-tabs__active-bar{background-color:#3280f2}.course-detail-page .primary-span{color:#3280f2}.course-detail-page .course-img{width:100%;height:100%;margin:0;padding:0}.course-detail-page .page-section{font-family:PingFangSC-Regular;margin-top:24px;padding:8px 16px;background:#fff}.course-detail-page .course-info-box{margin-top:20px;position:relative;display:flex;justify-content:space-between}.course-detail-page .course-info-box:after{position:absolute;display:block;content:"";width:100%;height:1px;background:#f3f3f3;top:-10px}.course-detail-page .course-info-box .left-img{width:450px;height:210px;border-radius:4px;overflow:hidden}.course-detail-page .course-info-box .right-info{width:calc(100% - 470px)}.course-detail-page .course-info-box__title{font-size:20px;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-detail-page .course-info-box__title:after{display:block;content:"";clear:both}.course-detail-page .course-info-box__title__left{float:left}.course-detail-page .course-info-box__title__right{float:right}.course-detail-page .course-info-box__other{display:flex;align-items:center}.course-detail-page .course-info-box__star{display:flex}.course-detail-page .course-info-box__staritem{width:20px;height:20px}.course-detail-page .course-info-box__scorespan{display:inline-block;color:#333;line-height:20px;margin-left:4px}.course-detail-page .course-info-box__learn{display:flex;margin-left:24px}.course-detail-page .course-info-box__personimg{width:20px;height:20px}.course-detail-page .course-info-box__personspan{display:inline-block;line-height:20px;margin-left:4px}.course-detail-page .course-info-box__author{margin-left:16px}.course-detail-page .course-info-box__pub1{color:#fff;background:#3280f2;border-radius:20px;display:inline-block;width:20px;height:20px;text-align:center;font-weight:440}.course-detail-page .course-info-box__pub2{margin-left:4px;color:#3280f2}.course-detail-page .course-info-box__permision{margin-left:16px;color:#f05e4b}.course-detail-page .course-info-box__button{background:#3280f2;width:140px;height:40px;border-radius:40px;margin-top:90px}.course-detail-page .course-content-box{display:flex}.course-detail-page .course-content-box__right{width:calc(100% - 880px);margin-left:20px}.course-detail-page .course-content-box__left{width:880px}.course-detail-page .course-content-box__intro{background:#fff;padding:8px 16px;margin-top:16px}.course-detail-page .course-content-box__intro p{padding:12px 0}.course-detail-page .course-content-box__title{font-size:16px;padding:5px 0 10px;font-weight:700}.course-detail-page .course-content-box__title__right{float:right}.course-detail-page .course-content-box__content{color:#666;margin-top:10px;position:relative}.course-detail-page .course-content-box__content:after{position:absolute;display:block;content:"";width:100%;height:1px;background:#f3f3f3;top:-10px}.course-detail-page .course-content-box__teacherInfo1{display:flex}.course-detail-page .course-content-box__photobox{margin-right:20px}.course-detail-page .course-content-box__photoimg{width:80px;height:80px;border-radius:80px}.course-detail-page .course-content-box__teachername{font-size:16px;color:#333;margin:5px 0 15px 0}.course-detail-page .course-content-box__teachertitle{color:#222}.course-detail-page .course-content-box__teacherInfo2{position:relative;margin-top:20px}.course-detail-page .course-content-box__teacherInfo2:after{position:absolute;display:block;content:"";width:100%;height:1px;background:#f3f3f3;top:-10px}.course-detail-page .course-content-box__subject{display:flex;justify-content:space-between;color:#333;font-size:18px;font-weight:440;align-items:center;background:#f3f3f3;height:26px;line-height:26px;margin:10px 0 10px 10px;padding:0 50px 0 0;border-top-left-radius:30px;border-bottom-left-radius:30px}.course-detail-page .course-content-box__subject__left{display:flex}.course-detail-page .course-content-box__subject__progress{font-size:16px;color:#3280f2}.course-detail-page .course-content-box__subject__index{color:#fff;background:#3280f2;width:24px;height:24px;text-align:center;line-height:24px;border-radius:24px;margin-right:20px}.course-detail-page .course-content-box__cata{padding-left:52px;position:relative}.course-detail-page .course-content-box__cata:after{position:absolute;display:block;content:"";left:20px;top:-16px;width:3px;height:150%;background:#3280f2;z-index:1}.course-detail-page .course-content-box__cataitem{display:flex;align-items:center;justify-content:space-between;height:42px;line-height:42px;color:#222;font-size:16px}.course-detail-page .course-content-box__cataitem__left{display:flex;align-items:center}.course-detail-page .course-content-box__cataitem__play{width:24px;height:24px;margin-right:8px}.course-detail-page .course-content-box__cataitem__name{margin-right:20px;display:flex;align-items:center}.course-detail-page .course-content-box__cataitem__nameindex{display:inline-block;width:60px}.course-detail-page .course-content-box__cataitem__namecontent{display:inline-block;width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-detail-page .course-content-box__cataitem__status{font-size:14px;height:20px;line-height:20px;padding:1px 4px;border-radius:4px;margin-right:65px}.course-detail-page .course-content-box__cataitem__status__btn{display:none;width:120px;padding:6px 10px;font-size:16px;background-color:#3280f2}.course-detail-page .course-content-box__cataitem__status__btn.is-disabled{background-color:rgba(50,128,242,.6)}.course-detail-page .course-content-box__cataitem__status img{width:24px;height:24px}.course-detail-page .course-content-box__cataitem__status:hover{margin-right:18px}.course-detail-page .course-content-box__cataitem__status:hover img{display:none}.course-detail-page .course-content-box__cataitem__status:hover .course-content-box__cataitem__status__btn{display:block;border-radius:40px}.course-detail-page .course-content-box__cataitem__btn{margin-left:40px;background:#3280f2;width:88px;height:30px;border-radius:30px}.course-detail-page .course-content-box__cataitem__btn.is-disabled{background-color:#a0cfff;border-color:#a0cfff}.course-detail-page .el-icon-arrow-left.isDisabled,.course-detail-page .el-icon-arrow-right.isDisabled{cursor:not-allowed;color:#c0c4cc}.course-detail-page .course-teacher-card{background:#fff;padding:8px 16px;margin-top:16px}.course-detail-page .bottom-qrcode{position:fixed;bottom:100px;right:100px;padding:26px 16px;background:rgba(0,25,52,.75);color:#fff;text-align:center;border-radius:8px}.course-detail-page .bottom-qrcode__text{margin-top:10px}.course-detail-page .bottom-qrcode__close{position:absolute;top:-26px;right:-20px;cursor:pointer;color:rgba(0,25,52,.75);font-size:20px}