.width-fit{margin:0 auto;width:1440px}@media screen and (max-width:1620px){.width-fit{width:1200px}}.width-default{margin:0 auto;width:1200px}.flex-center{align-items:center;display:flex;justify-content:center}.clearfix{zoom:1}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.open-course-index-head .advert-top-banner{background:#ccc;height:350px;margin-bottom:40px;margin-top:30px}@media screen and (max-width:1620px){.open-course-index-head .advert-top-banner{height:292px}}.open-course-index-head .category-nav-wrap .category-nav{display:flex;font-size:14px}.open-course-index-head .category-nav-wrap .category-nav label{color:#303133;font-weight:700;padding-right:10px;padding-top:5px}.open-course-index-head .category-nav-wrap .category-nav__main{flex:1}.open-course-index-head .category-nav-wrap .category-nav__main a{border-radius:6px;color:#606366;display:inline-block;margin-bottom:20px;padding:6px 15px}.open-course-index-head .category-nav-wrap .category-nav__main a.active{background:#fff7f2;color:#ff783c;font-weight:700}.open-course-index-head .category-nav-wrap .category-nav__main a:hover{color:#ff783c}.open-course-index .open-course-list{padding:10px 0 30px}.open-course-index .open-course-list a.item{background-color:#fff;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.03);display:block;float:left;height:264px;margin-bottom:22.5px;margin-right:22.5px;transition:all .2s;width:270px}.open-course-index .open-course-list a.item:hover{box-shadow:0 12px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.open-course-index .open-course-list a.item:nth-child(5n+5){margin-right:0}@media screen and (max-width:1620px){.open-course-index .open-course-list a.item{margin-right:24px;width:282px}.open-course-index .open-course-list a.item:nth-child(5n+5){margin-right:24px}.open-course-index .open-course-list a.item:nth-child(4n+4){margin-right:0}}.open-course-index .open-course-list a.item .cover{background:no-repeat 50%/cover;border-radius:8px 8px 0 0;height:152px;overflow:hidden;position:relative}.open-course-index .open-course-list a.item .cover span.start-time{background:linear-gradient(90deg,#ff4000 100%,#ff783c 0);border-bottom:2px solid #fff;border-left:2px solid #fff;border-radius:0 0 0 8px;color:#fff;font-size:12px;padding:2px 13px;position:absolute;right:0;top:0}.open-course-index .open-course-list a.item .cover span.start-time.living{background:#67c23a}.open-course-index .open-course-list a.item .title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#303133;display:-webkit-box;font-size:16px;line-height:1;margin-bottom:12px;margin-top:12px;overflow:hidden;padding:0 15px;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.open-course-index .open-course-list a.item .author,.open-course-index .open-course-list a.item .operation{color:#606366;display:flex;font-size:12px;justify-content:space-between;line-height:18px;margin-bottom:8px;padding:0 15px}.open-course-index .open-course-list a.item .author{margin-bottom:15px}.open-course-index .open-course-list a.item .operation{font-size:14px}.open-course-index .open-course-list a.item .operation .price{color:#66bf39;font-weight:700}.open-course-index .open-course-list a.item .operation .price.charge{color:#ff4533}.open-course-index .open-course-list a.item .operation .num{color:#606366;display:flex;font-size:12px}.open-course-index .open-course-list a.item .operation .num .icon{font-size:14px;margin-right:5px}.open-course-detail__header{background:#fff;height:320px;padding-top:30px}.open-course-detail__header .breadcrumb{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.open-course-detail__header .breadcrumb a{-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.open-course-detail__header .breadcrumb a:hover{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;-o-opacity:1}.open-course-detail__header .breadcrumb .el-breadcrumb__inner{color:#303133;-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.open-course-detail__header .course-base{display:flex}.open-course-detail__header .course-base__img{margin-right:30px}.open-course-detail__header .course-base__img img{border-radius:10px;height:203px;width:360px}.open-course-detail__header .course-base__body{flex:1}.open-course-detail__header .course-base__body h2{color:#303133;font-size:24px;font-weight:700;line-height:30px;margin-top:3px}.open-course-detail__header .course-base__body p{align-items:center;color:#303133;display:flex;font-size:14px;margin-bottom:0;margin-top:20px}.open-course-detail__header .course-base__body p span.dot{color:#aeb0b3;font-size:20px;line-height:14px;padding:0 20px;text-align:center}.open-course-detail__header .course-base__body .price-box{margin-top:32px}.open-course-detail__header .course-base__body .price-box .price{color:#66bf39;font-size:16px;line-height:1}.open-course-detail__header .course-base__body .price-box .price.is-charge{color:#ff4533;font-size:20px}.open-course-detail__header .course-base__body .price-box .price.is-charge small{font-size:16px}.open-course-detail__header .course-base__body .price-box .options{padding-top:38px}.open-course-detail__header .course-base__body .price-box .options .buy-btn{background-color:#66bf39;border-radius:5px;color:#fff;display:inline-block;font-size:16px;padding:8px 28px}.open-course-detail__header .course-base__body .price-box .options .buy-btn:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85;transform:translateY(1px)}.open-course-detail__header .course-base__body .price-box .options.is-charge{padding-top:30px}.open-course-detail__header .course-base__body .price-box .options.is-charge .buy-btn{background-color:#ff4533}.open-course-detail__header .course-base__body .price-box .options .buy-btn.disabled{background-color:#c6c9cc}.open-course-detail__header .course-base__info{flex:1}.open-course-detail__header .course-base__info h2{color:#303133;font-size:24px;font-weight:700;line-height:30px;margin-top:3px}.open-course-detail__header .course-base__info p{align-items:center;color:#303133;display:flex;font-size:14px;margin-bottom:0;margin-top:11px}.open-course-detail__header .course-base__info p span.dot{color:#aeb0b3;font-size:20px;line-height:14px;padding:0 20px;text-align:center}.open-course-detail__header .course-base__options{align-items:baseline;display:flex}.open-course-detail__header .course-base__options .share{align-items:center;color:#606366;display:flex;font-size:12px}.open-course-detail__header .course-base__options .share a{margin-left:12px}.open-course-detail__header .course-base__options .share a .icon{font-size:18px;line-height:1}.open-course-detail__header .course-base__options .share a:first-of-type{margin-left:8px}.open-course-detail__header .course-base__options .share a:hover{color:#ff783c}.open-course-detail__header .polyv-live-main .live-over{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}.open-course-detail__header .polyv-live-main .live-over .live-over-btn{background-color:hsla(0,0%,100%,.2);border-radius:5px;color:#909499;display:inline-block;line-height:1;padding:12px 28px}.open-course-detail__main{display:flex;margin-top:20px;overflow:hidden}.open-course-detail__main__left{background-color:#fff;border-radius:5px;flex:1;margin-bottom:40px;margin-right:20px}.open-course-detail__main__left .show-body-nav{align-items:center;border-bottom:1px solid #edf0f2;display:flex;padding-left:30px}.open-course-detail__main__left .show-body-nav a{color:#303133;font-size:14px;margin-right:20px;padding:22px 10px;position:relative}.open-course-detail__main__left .show-body-nav a.active{color:#ff783c;font-size:15px;font-weight:700}.open-course-detail__main__left .show-body-nav a.active:before{background-color:#ff783c;border-radius:3px;bottom:-1px;content:"";height:3px;left:calc(50% - 12px);position:absolute;width:24px}.open-course-detail__main__left .show-body-nav a:hover{color:#ff783c}.open-course-detail__main__left .show-body-main{min-height:600px;padding:30px}.open-course-detail__main__left .show-body-main .intro div.tit{color:#303133;font-size:16px;font-weight:700;margin-bottom:10px}.open-course-detail__main__left .show-body-main .intro div.desc{color:#909499;font-size:14px;margin-bottom:15px}.open-course-detail__main__left .show-body-main .intro div.bod{color:#606366;font-size:14px;line-height:24px;margin-bottom:30px}.open-course-detail__main__left .show-body-main .intro div.bod img{max-width:100%}.open-course-detail__main__left .show-body-main .notice .intro{border-bottom:1px solid #edf0f2;margin-bottom:30px}.open-course-detail__main__left .show-body-main .notice .intro:last-of-type{border-bottom:0}.open-course-detail__main__left .show-body-main .score-total{color:#303133;font-size:20px;font-weight:700}.open-course-detail__main__left .show-body-main .score-total span{color:#ff783c}.open-course-detail__main__left .show-body-main .score>p{color:#606366;font-size:14px;margin-top:10px}.open-course-detail__main__left .show-body-main .score-item-list{padding-top:10px}.open-course-detail__main__left .show-body-main .score-item-list .score-item{background:#fafafa;border-radius:5px;display:flex;font-size:14px;margin-bottom:10px;padding:20px}.open-course-detail__main__left .show-body-main .score-item-list .score-item .item-name{margin-right:40px}.open-course-detail__main__left .show-body-main .score-item-list .score-item .score-weight{color:#909499;flex:1}.open-course-detail__main__left .show-body-main .score-item-list .score-item .score{color:#ff783c;margin-right:30px}.open-course-detail__main__left .show-body-main .score-item-list .score-item .detail-link a{color:#ff783c}.open-course-detail__main__left .show-body-main .score-item-list .score-item .detail-link a:hover{-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;opacity:.9;-o-opacity:.9}.open-course-detail__main__left .show-body-main .cert{display:flex;flex-direction:column}.open-course-detail__main__left .show-body-main .cert .cert-item{border-bottom:1px solid #edf0f2;display:flex;margin-bottom:30px;padding-bottom:30px;width:780px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-img{margin-right:30px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-img img{height:200px;width:280px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info{display:flex;flex-direction:column;justify-content:space-between}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .title{color:#303133;font-size:18px;font-weight:700;line-height:25px;margin-bottom:20px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .center{flex:1}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .center .field{color:#909499;display:flex;font-size:14px;margin:12px 0}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .center .field label{display:inline-block;width:90px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .btn{background:#66bf39;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 30px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .get-btn{background:#66bf39}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .get-btn:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .apply-btn{background:#ff783c}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .apply-btn:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .buy-btn{background:#ff4533}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .buy-btn:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .myapply{color:#ff783c;cursor:pointer;display:inline-block;margin:0 20px}.open-course-detail__main__left .show-body-main .cert .cert-item .cert-info .options .apply-status{color:#ff783c;display:inline-block;margin:0 20px}.open-course-detail__main__left .show-body-main .comment .comment-total{align-items:center;background-color:#f5f6f7;border-radius:5px;display:flex;padding:30px}.open-course-detail__main__left .show-body-main .comment .comment-total strong{font-size:18px;font-weight:700;margin-right:20px}.open-course-detail__main__left .show-body-main .comment .comment-total .score{color:#ff783c;font-size:40px;font-weight:700;line-height:1;margin-right:20px}.open-course-detail__main__left .show-body-main .comment .comment-total .star p{color:#909499;font-size:14px;margin-bottom:0}.open-course-detail__main__left .show-body-main .comment .must-study{color:#909499;font-size:14px;margin:20px 0;text-align:center}.open-course-detail__main__left .show-body-main .comment .must-study a{color:#ff783c}.open-course-detail__main__left .show-body-main .comment .must-study a:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85}.open-course-detail__main__left .show-body-main .comment .comment-item{display:flex;padding-top:30px}.open-course-detail__main__left .show-body-main .comment .comment-item .avatar{margin-right:20px;width:50px}.open-course-detail__main__left .show-body-main .comment .comment-item .avatar img{border-radius:50px}.open-course-detail__main__left .show-body-main .comment .comment-item .info{border-bottom:1px solid #edf0f2;flex:1}.open-course-detail__main__left .show-body-main .comment .comment-item .info .username{line-height:1}.open-course-detail__main__left .show-body-main .comment .comment-item .info .username strong{font-size:14px;margin-right:15px}.open-course-detail__main__left .show-body-main .comment .comment-item .info .content{word-wrap:break-word;color:#606366;font-size:14px;line-height:24px;margin-bottom:5px;margin-top:10px;word-break:break-all}.open-course-detail__main__left .show-body-main .comment .comment-item .info .time{color:#909499;font-size:12px;margin-bottom:30px}.open-course-detail__main__left .show-body-main .comment .comment-item:last-of-type .info{border-bottom:0}.open-course-detail__main__left .show-body-main .catalog .chapter{margin-bottom:18px}.open-course-detail__main__left .show-body-main .catalog .chapter-title{font-size:16px;font-weight:700;margin-bottom:6px}.open-course-detail__main__left .show-body-main .catalog .chapter-intro{color:#909499;font-size:12px;margin-bottom:8px}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link{display:flex;font-size:14px;height:50px;line-height:50px;padding:0 20px}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link strong{color:#4c5258;flex:1;font-size:14px;font-weight:400}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link strong span.watch-free{background:#f5f6f7;border-radius:5px;color:#909499;font-size:12px;padding:3px 8px}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .default-show{color:#c6c9cc}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .default-show.must-show{display:block!important}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .default-show span{font-size:12px;margin-right:5px}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .hover-show{align-items:center;display:none}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .hover-show .icon{color:#ff783c}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .hover-show .icon:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85}.open-course-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .icon+.icon{margin-left:10px}.open-course-detail__main__left .show-body-main .catalog .chapter-item:hover{background-color:#fff9f5;border-radius:3px}.open-course-detail__main__left .show-body-main .catalog .chapter-item:hover .row-link strong{color:#ff783c}.open-course-detail__main__left .show-body-main .catalog .chapter-item:hover .row-link .options .default-show{display:none}.open-course-detail__main__left .show-body-main .catalog .chapter-item:hover .row-link .options .hover-show{display:flex}.open-course-detail__main__left .show-body-main .bod{color:unset!important}.open-course-detail__main__left .show-body-main .material-list .ibd-file-list{border:0}.open-course-detail__main__left .show-body-main .material-list .ibd-file-list .ibd-file-list__inner{margin-top:-15px;padding:0}.open-course-detail__main__left .show-body-main .material-list .ibd-file-list .ibd-file-list__inner .fl-item{padding:15px 0}.open-course-detail__main__left .show-body-main .material-list .ibd-file-list .ibd-file-list__inner .fl-item__info__filesize{align-items:center;display:flex;margin-top:8px}.open-course-detail__main__left .show-body-main .material-list .ibd-file-list .ibd-file-list__inner .fl-item__info__filesize .download-btn{background-color:#26a5ff;border-radius:11px;color:#fff;margin-left:10px;padding:5px 12px}.open-course-detail__main__right{float:right;padding-bottom:40px;width:350px}@media screen and (max-width:1620px){.open-course-detail__main__right{width:340px}}.open-course-detail__main__right .right-box{background-color:#fff;border-radius:5px;margin-bottom:20px;padding:30px 30px 0}.open-course-detail__main__right .right-box__title{color:#07111b;font-size:16px;line-height:1;padding-left:15px;position:relative}.open-course-detail__main__right .right-box__title:before{background:#ff783c;border-radius:90px;content:"";display:block;height:14px;left:0;position:absolute;top:1px;width:3px}.open-course-detail__main__right .right-box__body .teachers{border-bottom:1px solid #edf0f2;padding:30px 0 30px 76px;position:relative}.open-course-detail__main__right .right-box__body .teachers .avatar{border-radius:56px;height:56px;left:0;position:absolute;top:30px;width:56px}.open-course-detail__main__right .right-box__body .teachers .user-name{color:#303133;font-size:16px;margin-bottom:10px}.open-course-detail__main__right .right-box__body .teachers .user-name span{color:#909499;font-size:12px}.open-course-detail__main__right .right-box__body .teachers p{-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical;word-wrap:break-word;color:#909499;display:-webkit-box;font-size:14px;margin-bottom:0;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.open-course-detail__main__right .right-box__body .teachers:last-of-type{border-bottom:0}