.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}.imooc-list__item{align-items:stretch;border-bottom:1px solid #edf0f2;display:flex;padding:20px 0}.imooc-list__item:hover{border-color:transparent;border-radius:10px;box-shadow:0 0 20px #edf2f7;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;transition:box-shadow .3s}.imooc-list__item:hover .media-img img{border-radius:8px;transform:scale(1.05);transition:transform .3s}.imooc-list__item:last-of-type{border-bottom:0}.imooc-list__item .media-img{border-radius:8px;height:162px;margin-right:30px;overflow:hidden;position:relative;width:288px}.imooc-list__item .media-img.my-list,.imooc-list__item .media-img.my-list img{height:117px;width:208px}.imooc-list__item .media-img img{background-color:#dedede;height:100%;width:100%}.imooc-list__item .media-img .mooc-badge{align-items:center;border:2px solid #fff;border-radius:0 6px 0 6px;border-right:0;border-top:0;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;padding:0 10px;position:absolute;right:0;top:0}.imooc-list__item .media-img .mooc-badge.not-started{background:linear-gradient(274deg,#ff783c,#ff4000)}.imooc-list__item .media-img .mooc-badge.jinxing{background:#66bf39}.imooc-list__item .media-img .mooc-badge.yijieshu{background-color:#f3f4f5;color:#606366}.imooc-list__item .content{align-items:flex-start;display:flex;flex:1;flex-direction:column}.imooc-list__item .content h2{align-items:center;display:flex;font-size:16px;margin-bottom:0}.imooc-list__item .content h2 a{color:#18191a;font-size:20px;font-weight:700}.imooc-list__item .content h2 a:hover{color:#0053a6}.imooc-list__item .content .user-row{align-items:center;color:#606366;display:flex;font-size:14px;padding:16px 0}.imooc-list__item .content .user-row>img{border-radius:10px;height:20px;margin-right:8px;width:20px}.imooc-list__item .content .user-row span{color:#909499;line-height:1;margin-right:22px}.imooc-list__item .content .user-row span .icon{margin-right:4px}.imooc-list__item .content .certs{border-bottom:10px;display:flex}.imooc-list__item .content .certs .cert-span{background:#e8f3fc;border:1px solid #ffddcf;border-radius:5px;color:#0053a6;font-size:12px;margin-right:10px;padding:4px 9px}.imooc-list__item .content .intro{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#909499;display:-webkit-box;font-size:12px;line-height:21px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.imooc-list__item .content .intro a.default-link{color:#909499;margin-left:30px}.imooc-list__item .content .intro a.default-link:hover{color:#0053a6}.imooc-list__item .content .desc{font-size:14px;padding:16px 0}.imooc-list__item .content .desc span.dot{color:#aeb0b3;padding:0 10px}.imooc-list__item .content .price-text{align-items:flex-end;color:#909499;display:flex;flex:1;font-size:18px;margin-top:5px}.imooc-list__item .content .price-text .charge{align-items:center;color:#ff4533;display:flex}.imooc-list__item .content .price-text .free{color:#66bf39}.imooc-list__item .content .price-text .only-vip{color:#ffa628}.imooc-list__item .content .price-text .vip-free-tag{border:1px solid #0053a6;border-radius:3px;color:#0053a6;font-size:12px;font-weight:400;margin-left:5px;padding:2px 5px}.imooc-list__item .content .price-text .user-count{font-size:12px;padding-bottom:1px}.imooc-list__item .content .price-text .user-count .icon{font-size:12px}.imooc-list__item .content .price-text span+span{margin-left:20px}.imooc-list__item .options{align-self:center}.imooc-list__item .options .study-btn{background-color:#fff;border:1px solid #dcdfe6;border-radius:5px;color:#606266;cursor:pointer;display:inline-block;font-size:14px;height:40px;line-height:40px;padding:0 20px}.imooc-list__item .options .study-btn:hover{background-color:#e8f3fc;border-color:#0053a6;color:#0053a6;-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85;transform:translateY(1px)}.imooc-list__item .options .study-btn.is-finshed{background-color:#fff;border:1px solid #e3e6e8;color:#909499}.imooc-list.mine .imooc-list__item .media-img img{border-radius:10px}ul.media-list{list-style:none;padding:0}ul.media-list.hot{height:250px}ul.media-list.hot .media-row.hover{padding:20px 0}ul.media-list .media-row{align-items:center;display:flex;padding:10px 0}ul.media-list .media-row.hover{cursor:pointer}ul.media-list .media-row.hover:before{content:none!important}ul.media-list .media-row.hover img.cover{border-radius:5px;display:block}ul.media-list .media-row.hover .r-info{display:flex;flex:1;flex-direction:column}ul.media-list .media-row.hover .r-info .title{color:#242b33;font-size:14px;margin-bottom:8px;width:100%}ul.media-list .media-row.hover .r-info .join-count{color:#8a9199;display:block;font-size:12px}ul.media-list .media-row.hover .r-info .join-count .icon{font-size:12px}ul.media-list .media-row:before{border-radius:3px;color:#fff;display:inline-block;font-size:14px;height:20px;line-height:20px;margin-right:10px;text-align:center;width:20px}ul.media-list .media-row:first-child:before{background-color:#ff783c;content:"1"}ul.media-list .media-row:nth-child(2):before{background-color:#66bf39;content:"2"}ul.media-list .media-row:nth-child(3):before{background-color:#2693ff;content:"3"}ul.media-list .media-row:nth-child(4):before{background-color:#ffa628;content:"4"}ul.media-list .media-row:nth-child(5):before{background-color:#b7b7b7;content:"5"}ul.media-list .media-row img.cover{display:none;margin-right:14px}ul.media-list .media-row .title{color:#606366;font-family:MicrosoftYaHei;font-size:14px}ul.media-list .media-row .join-count{display:none}.imooc-main{display:flex;margin-top:30px!important;min-height:calc(100vh - 160px)}.imooc-main__left{flex:1;margin-right:80px;margin-top:10px;padding-bottom:50px}.imooc-main__left .list-nav{align-items:center;display:flex;height:49px;justify-content:space-between}.imooc-main__left .list-nav .types a{color:#606366;display:inline-block;font-size:14px;height:24px;line-height:24px;margin-right:2px;padding:0 12px}.imooc-main__left .list-nav .types a:hover{color:#0053a6}.imooc-main__left .list-nav .types a.active{background-color:#0053a6;border-radius:15px;color:#fff}.imooc-main__left .imooc-options .list-navs{align-items:baseline;color:#606366;display:flex;font-size:14px;margin-bottom:20px}.imooc-main__left .imooc-options .list-navs .nav-label{color:#18191a;flex:0 0 42px;font-weight:700;margin-right:12px}.imooc-main__left .imooc-options .list-navs .navs-content{display:flex;flex-wrap:wrap}.imooc-main__left .imooc-options .list-navs .navs-content .navs-item{color:#606366;height:32px;padding:7px 14px}.imooc-main__left .imooc-options .list-navs .navs-content .active{background:#e8f3fc;border-radius:6px;color:#0053a6}.imooc-main__left .imooc-options .thai .nav-label{flex:0 0 100px!important}.imooc-main__right{width:350px}@media screen and (max-width:1620px){.imooc-main__right{width:300px}}.imooc-main__right .manage-btn{margin-bottom:24px}.imooc-main__right .manage-btn .imooc-manage-btn{background-color:#66bf39;border-radius:5px;color:#fff;display:block;font-size:14px;padding:14px 0;text-align:center}.imooc-main__right .manage-btn .imooc-manage-btn:hover{-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;opacity:.9;-o-opacity:.9}.imooc-main__right .right-box{background:linear-gradient(180deg,rgba(255,234,224,.4),rgba(255,250,247,.4));border-radius:10px;margin-bottom:15px;padding:25px 20px 15px}.imooc-main__right .right-box:hover{background:linear-gradient(180deg,#ffeae0,#fffaf7)}.imooc-main__right .right-box__title{color:#242b33;display:flex;font-size:16px;line-height:1;margin-bottom:2px}.imooc-main__right .right-box__title i.icon{color:#0053a6;font-size:20px;margin-right:5px}.imooc-main__right .right-box.recommend{background:linear-gradient(180deg,rgba(220,250,241,.4),rgba(248,255,253,.4))}.imooc-main__right .right-box.recommend:hover{background:linear-gradient(180deg,#dcfaf1,#f8fffd)}.imooc-main__right .right-box.recommend .right-box__title i.icon{color:#47c991}.imooc-detail{background-color:#f5f6f7;position:relative}.imooc-detail>.bg-image{background:linear-gradient(50deg,#595959,#999);height:395px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.imooc-detail>.bg-image img{filter:blur(40px) brightness(.95);left:0;-o-object-fit:fill;object-fit:fill;opacity:.8;position:absolute;top:0;transform:scale(2);width:100%}.imooc-detail-box{padding-top:30px;position:relative}.imooc-detail-box .breadcrumb{align-items:center;display:flex;justify-content:space-between;text-shadow:0 2px 4px rgba(28,31,33,.3)}.imooc-detail-box .breadcrumb a{color:#fff;-webkit-opacity:.6;-moz-opacity:.6;-ms-opacity:.6;opacity:.6;-o-opacity:.6}.imooc-detail-box .breadcrumb a:hover{color:#fff;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;-o-opacity:1}.imooc-detail-box .breadcrumb .el-breadcrumb__inner{color:#fff;-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.imooc-detail-box .breadcrumb .el-breadcrumb__inner:hover{color:#fff}.imooc-detail-box .breadcrumb .share{align-items:center;color:#fff;display:flex;font-size:12px;-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.imooc-detail-box .breadcrumb .share a{margin-left:12px}.imooc-detail-box .breadcrumb .share a .icon{font-size:18px;line-height:1}.imooc-detail-box .breadcrumb .share a:first-of-type{margin-left:8px}.imooc-detail-box .imooc-base{display:flex;margin-top:40px}.imooc-detail-box .imooc-base__img{margin-right:30px}.imooc-detail-box .imooc-base__img img{border-radius:5px;height:225px;width:400px}.imooc-detail-box .imooc-base__body h2{color:#fff;font-size:28px;font-weight:700;line-height:37px;margin-bottom:20px}.imooc-detail-box .imooc-base__body .time-row{align-items:center;display:flex;justify-content:flex-start}.imooc-detail-box .imooc-base__body .time-row .dropdown-block{margin-right:20px}.imooc-detail-box .imooc-base__body .time-row .dropdown-block .semester{background-color:#0053a6;border-radius:15px;color:#fff;display:inline-block;font-size:14px;line-height:24px;padding:0 10px}.imooc-detail-box .imooc-base__body .time-row .time{color:#fff;font-size:16px;-webkit-opacity:.6;-moz-opacity:.6;-ms-opacity:.6;opacity:.6;-o-opacity:.6;text-shadow:0 2px 4px rgba(28,31,33,.3)}.imooc-detail-box .imooc-base__body .detail-row{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#fff;display:-webkit-box;font-size:14px;margin-top:20px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.imooc-detail-box .imooc-base__body .detail-row p{margin-bottom:0}.imooc-detail-box .imooc-base__body .summary-row{align-items:center;display:flex;justify-content:flex-start;margin-top:25px}.imooc-detail-box .imooc-base__body .summary-row .item .label{color:#fff;font-size:14px}.imooc-detail-box .imooc-base__body .summary-row .item .value{color:#fff;font-size:24px}.imooc-detail-box .imooc-base__body .summary-row .item+.item{margin-left:40px}.imooc-detail-box .imooc-price-info{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:90px;margin-top:30px;padding:20px 30px}.imooc-detail-box .imooc-price-info div.intro{flex:1;font-size:14px;line-height:1}.imooc-detail-box .imooc-price-info div.intro span.dot{color:#aeb0b3;font-size:16px;padding:0 20px}.imooc-detail-box .imooc-price-info div.intro span.line{color:#e3e6e8;padding:0 30px}.imooc-detail-box .imooc-price-info div.intro .collect{color:#909499;cursor:pointer}.imooc-detail-box .imooc-price-info div.intro .collect i.icon{line-height:1}.imooc-detail-box .imooc-price-info div.intro .collecta{cursor:pointer}.imooc-detail-box .imooc-price-info div.intro .collecta:hover{color:#0053a6}.imooc-detail-box .imooc-price-info div.price{align-items:center;display:flex;line-height:1}.imooc-detail-box .imooc-price-info div.price .charge{align-items:center;color:#ff4533;display:flex;font-size:28px;font-weight:700;margin-right:35px}.imooc-detail-box .imooc-price-info div.price .charge em{font-size:16px;font-style:normal;font-weight:400;margin-right:7px}.imooc-detail-box .imooc-price-info div.price .vip-free-tag{border:1px solid #0053a6;border-radius:3px;color:#0053a6;font-size:16px;font-weight:400;margin-left:10px;padding:2px 5px}.imooc-detail-box .imooc-price-info div.price .buy-btn{background-color:#ff4533;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;height:44px;line-height:44px;padding:0 40px}.imooc-detail-box .imooc-price-info div.price .buy-btn:hover{-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;opacity:.9;-o-opacity:.9;transform:translateY(.5px)}.imooc-detail-box .imooc-price-info div.price .buy-btn.is-free,.imooc-detail-box .imooc-price-info div.price .buy-btn.is-purchased{background-color:#0053a6}.imooc-detail-box .imooc-price-info div.price .only-vip-btn{background-color:#ffa628;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;height:44px;line-height:44px;padding:0 40px}.imooc-detail-box .imooc-price-info div.price .only-vip-btn:hover{-webkit-opacity:.9;-moz-opacity:.9;-ms-opacity:.9;opacity:.9;-o-opacity:.9;transform:translateY(.5px)}.imooc-detail-box .imooc-show-body{display:flex;margin-top:20px;overflow:hidden}.imooc-detail-box .imooc-show-body__left{background-color:#fff;border-radius:5px;flex:1;margin-bottom:40px;margin-right:20px}.imooc-detail-box .imooc-show-body__left .show-body-nav{align-items:center;border-bottom:1px solid #edf0f2;display:flex;padding-left:30px}.imooc-detail-box .imooc-show-body__left .show-body-nav a{color:#18191a;font-size:14px;margin-right:20px;padding:22px 10px;position:relative}.imooc-detail-box .imooc-show-body__left .show-body-nav a.active{color:#0053a6;font-size:15px;font-weight:700}.imooc-detail-box .imooc-show-body__left .show-body-nav a.active:before{background-color:#0053a6;border-radius:3px;bottom:-1px;content:"";height:3px;left:calc(50% - 12px);position:absolute;width:24px}.imooc-detail-box .imooc-show-body__left .show-body-nav a:hover{color:#0053a6}.imooc-detail-box .imooc-show-body__left .show-body-main{min-height:600px;padding:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .intro div.tit{background-image:linear-gradient(0deg,#fff2ec 8px,transparent 0);color:#303133;font-size:16px;font-weight:700;margin-bottom:10px;width:66px}.imooc-detail-box .imooc-show-body__left .show-body-main .intro div.desc{color:#909499;font-size:14px;margin-bottom:15px}.imooc-detail-box .imooc-show-body__left .show-body-main .intro div.bod{color:#606366;font-size:14px;line-height:24px;margin-bottom:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .intro div.bod img{max-width:100%}.imooc-detail-box .imooc-show-body__left .show-body-main .notice .intro{border-bottom:1px solid #edf0f2;margin-bottom:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .notice .intro:last-of-type{border-bottom:0}.imooc-detail-box .imooc-show-body__left .show-body-main .score-total{color:#18191a;font-size:20px;font-weight:700}.imooc-detail-box .imooc-show-body__left .show-body-main .score-total span{color:#0053a6}.imooc-detail-box .imooc-show-body__left .show-body-main .score>p{color:#606366;font-size:14px;margin-top:10px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-item-list{padding-top:10px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-item-list .score-item{background:#fafafa;border-radius:5px;display:flex;font-size:14px;margin-bottom:10px;padding:20px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-item-list .score-item .item-name{margin-right:40px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-item-list .score-item .score-weight{color:#909499;flex:1}.imooc-detail-box .imooc-show-body__left .show-body-main .score-item-list .score-item .score{color:#0053a6;margin-right:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-item-list .score-item .detail-link a{color:#0053a6}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .cert{display:flex;flex-direction:column}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item{border-bottom:1px solid #edf0f2;display:flex;margin-bottom:30px;padding-bottom:30px;width:780px}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-img{margin-right:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-img img{height:200px;width:280px}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info{display:flex;flex-direction:column;justify-content:space-between}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .title{color:#303133;font-size:18px;font-weight:700;line-height:25px;margin-bottom:20px}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .center{flex:1}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .center .field{color:#909499;display:flex;font-size:14px;margin:12px 0}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .center .field label{display:inline-block;width:90px}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .options .get-btn{background:#66bf39}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .options .apply-btn{background:#ff783c}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .options .buy-btn{background:#ff4533}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .options .myapply{color:#ff783c;cursor:pointer;display:inline-block;margin:0 20px}.imooc-detail-box .imooc-show-body__left .show-body-main .cert .cert-item .cert-info .options .apply-status{color:#ff783c;display:inline-block;margin:0 20px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-total{align-items:center;background-color:#f5f6f7;border-radius:5px;display:flex;padding:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-total strong{font-size:18px;font-weight:700;margin-right:20px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-total .score{color:#0053a6;font-size:40px;font-weight:700;line-height:1;margin-right:20px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-total .star p{color:#909499;font-size:14px;margin-bottom:0}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .must-study{color:#909499;font-size:14px;margin:20px 0;text-align:center}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .must-study a{color:#0053a6}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .must-study a:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item{display:flex;padding-top:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item .avatar{margin-right:20px;width:50px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item .avatar img{border-radius:50px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item .info{border-bottom:1px solid #edf0f2;flex:1}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item .info .username{line-height:1}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item .info .username strong{font-size:14px;margin-right:15px}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item .info .time{color:#909499;font-size:12px;margin-bottom:30px}.imooc-detail-box .imooc-show-body__left .show-body-main .comment .comment-item:last-of-type .info{border-bottom:0}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter{margin-bottom:18px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-title{font-size:16px;font-weight:700;margin-bottom:6px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-intro{color:#909499;font-size:12px;margin-bottom:8px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link{display:flex;font-size:14px;height:50px;line-height:50px;padding:0 20px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link strong{color:#4c5258;flex:1;font-size:14px;font-weight:400}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link .options .default-show{color:#c6c9cc}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link .options .default-show.must-show{display:block!important}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link .options .default-show span{font-size:12px;margin-right:5px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link .options .hover-show{align-items:center;display:none}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link .options .hover-show .icon{color:#0053a6}.imooc-detail-box .imooc-show-body__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}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item .row-link .options .icon+.icon{margin-left:10px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item:hover{background-color:#e8f3fc;border-radius:3px}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item:hover .row-link strong{color:#0053a6}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item:hover .row-link .options .default-show{display:none}.imooc-detail-box .imooc-show-body__left .show-body-main .catalog .chapter-item:hover .row-link .options .hover-show{display:flex}.imooc-detail-box .imooc-show-body__left .show-body-main .score-total small{background-color:#f7f8fa;border-radius:3px;color:#909499;font-size:12px;font-weight:400;margin-left:25px;padding:2px 7px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-total a.update-score{border:1px solid #edf0f2;border-radius:3px;color:#909499;cursor:pointer;font-size:12px;font-weight:400;margin-left:10px;padding:2px 6px}.imooc-detail-box .imooc-show-body__left .show-body-main .score-total a.update-score:hover{border-color:#e3e6e8;color:#18191a}.imooc-detail-box .imooc-show-body__right{float:right;padding-bottom:40px;width:350px}@media screen and (max-width:1620px){.imooc-detail-box .imooc-show-body__right{width:340px}}.imooc-detail-box .imooc-show-body__right .right-box{background-color:#fff;border-radius:5px;margin-bottom:20px;padding:30px 30px 0}.imooc-detail-box .imooc-show-body__right .right-box__title{color:#07111b;font-size:16px;line-height:1;padding-left:15px;position:relative}.imooc-detail-box .imooc-show-body__right .right-box__title:before{background:#0053a6;border-radius:90px;content:"";display:block;height:14px;left:0;position:absolute;top:1px;width:3px}.imooc-detail-box .imooc-show-body__right .right-box__body .teachers{border-bottom:1px solid #edf0f2;padding:30px 0 30px 76px;position:relative}.imooc-detail-box .imooc-show-body__right .right-box__body .teachers .avatar{border-radius:56px;height:56px;left:0;position:absolute;top:30px;width:56px}.imooc-detail-box .imooc-show-body__right .right-box__body .teachers .user-name{color:#303133;font-size:16px;margin-bottom:10px}.imooc-detail-box .imooc-show-body__right .right-box__body .teachers .user-name span{color:#909499;font-size:12px}.imooc-detail-box .imooc-show-body__right .right-box__body .teachers p{-webkit-line-clamp:2;line-clamp:2;-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}.imooc-detail-box .imooc-show-body__right .right-box__body .teachers:last-of-type{border-bottom:0}.imooc-detail ul.media-list-others{margin-bottom:0;padding:0}.imooc-detail ul.media-list-others li{list-style:none;padding:10px 0}.imooc-detail ul.media-list-others li.media-row{border-bottom:1px solid #edf7f5;min-height:96px;padding:20px 0 20px 110px;position:relative}.imooc-detail ul.media-list-others li.media-row a.media{left:0;position:absolute;top:20px}.imooc-detail ul.media-list-others li.media-row a.media img{border-radius:5px}.imooc-detail ul.media-list-others li.media-row h5{line-height:1;margin-bottom:5px;margin-top:-6px}.imooc-detail ul.media-list-others li.media-row h5 a{color:#242b33;font-size:14px;line-height:20px}.imooc-detail ul.media-list-others li.media-row h5 a:hover{color:#0053a6}.imooc-detail ul.media-list-others li.media-row p{color:#909499;font-size:12px;margin-bottom:0}.imooc-detail ul.media-list-others li.media-row.no-border,.imooc-detail ul.media-list-others li.media-row:last-of-type{border-bottom:0}.imooc-detail .catalog .el-collapse{border:none}.imooc-detail .catalog .el-collapse .el-collapse-item__header{border:none;height:auto;line-height:1}.imooc-detail .catalog .el-collapse .el-collapse-item__wrap{border:none}.imooc-detail .catalog .el-collapse .el-collapse-item__wrap .el-collapse-item__content{padding-bottom:0}.imooc-detail .catalog .el-collapse .el-collapse-item__arrow{display:none}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__title{align-items:flex-start;display:flex;justify-content:flex-start}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__title .icon-triangle-down{color:#18191a;font-size:16px;font-weight:700;margin-right:10px;transform:rotate(-90deg);transition:transform .3s}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__title .chapter-item__info .name{color:#18191a;font-size:16px;font-weight:700}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__title .chapter-item__info .intro{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#909499;display:-webkit-box;font-size:12px;margin-top:12px;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.imooc-detail .catalog .chapter-tree-panel .chapter-item.is-active .chapter-item__title .icon-triangle-down{transform:rotate(0)}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children{margin-top:15px}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item{margin-left:26px}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item .row-link{align-items:center;display:flex;justify-content:space-between;padding:14px 20px}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item .name{color:#606366;font-size:14px}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item .options .hover-show{display:none}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item:hover{background-color:#e8f3fc;color:#0053a6}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item:hover .name{color:#0053a6}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item:hover .options .default-show{display:none}.imooc-detail .catalog .chapter-tree-panel .chapter-item .chapter-item__children .section-item:hover .options .hover-show{display:block}.imooc-detail .catalog .chapter-tree-panel .chapter-item+.chapter-item{margin-top:40px}.imooc-detail .faq h4{color:#303133;font-size:16px;font-weight:700;line-height:30px}.imooc-detail .faq p{color:#717680;font-size:14px;line-height:24px}