@media screen and (max-width:1620px){.width-fit{width:1200px}}.width-fit{margin:0 auto;width:1440px}.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}.frontend-package-detail__header{background:#fff;min-height:320px;padding-top:30px}.frontend-package-detail__header .breadcrumb{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.frontend-package-detail__header .breadcrumb a{-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.frontend-package-detail__header .breadcrumb a:hover{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;-o-opacity:1}.frontend-package-detail__header .breadcrumb .el-breadcrumb__inner{color:#303133;-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.frontend-package-detail__header .package-base{display:flex}.frontend-package-detail__header .package-base__img{margin-right:30px}.frontend-package-detail__header .package-base__img img{border-radius:10px;height:203px;width:360px}.frontend-package-detail__header .package-base__body{flex:1;position:relative}.frontend-package-detail__header .package-base__body h2{color:#303133;font-size:24px;font-weight:700;line-height:30px;margin-top:3px}.frontend-package-detail__header .package-base__body p{align-items:center;color:#303133;display:flex;font-size:14px;margin-bottom:0;margin-top:20px}.frontend-package-detail__header .package-base__body p span.dot{color:#aeb0b3;font-size:20px;line-height:14px;padding:0 20px;text-align:center}.frontend-package-detail__header .package-base__body .intro{color:#909499;font-size:12px;line-height:24px;margin-top:12px}.frontend-package-detail__header .package-base__body .price-box{align-items:center;display:flex;margin-top:25px;padding-bottom:15px}.frontend-package-detail__header .package-base__body .price-box .price{align-items:center;color:#66bf39;display:flex;font-size:16px;line-height:1}.frontend-package-detail__header .package-base__body .price-box .price.is-charge{color:#ff4533;font-size:20px}.frontend-package-detail__header .package-base__body .price-box .price.is-charge small{font-size:16px}.frontend-package-detail__header .package-base__body .price-box .vip-free-tag{border:1px solid #ff783c;border-radius:3px;color:#ff783c;font-size:12px;font-weight:400;margin-left:5px;padding:2px 5px}.frontend-package-detail__header .package-base__body .price-box .only-vip{color:#ffa628;font-size:16px;line-height:1}.frontend-package-detail__header .package-base__body .price-box .options{display:flex;margin-left:15px}.frontend-package-detail__header .package-base__body .price-box .options .buy-btn{background-color:#66bf39;border-radius:5px;color:#fff;display:inline-block;font-size:16px;padding:8px 28px}.frontend-package-detail__header .package-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)}.frontend-package-detail__header .package-base__body .price-box .options .only-vip-btn{background-color:#ffa628;border-radius:5px;color:#fff;display:inline-block;font-size:16px;padding:8px 28px}.frontend-package-detail__header .package-base__body .price-box .options .only-vip-btn:hover{-webkit-opacity:.85;-moz-opacity:.85;-ms-opacity:.85;opacity:.85;-o-opacity:.85;transform:translateY(1px)}.frontend-package-detail__header .package-base__body .price-box .options .btn-download{background:#2693ff;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:14px;height:40px;line-height:40px;margin-left:15px;padding:0 24px;text-align:center}.frontend-package-detail__header .package-base__body .price-box .options.is-charge .buy-btn{background-color:#ff4533}.frontend-package-detail__header .package-base__body .price-box .options.is-charge .buy-btn.vip-free{background-color:#66bf39}.frontend-package-detail__header .package-base__body .price-box .qq-group{font-size:14px;padding-left:20px}.frontend-package-detail__header .package-base__body .share-options{align-items:baseline;display:flex;position:absolute;right:0;top:5px}.frontend-package-detail__header .package-base__body .share-options .collect{color:#909499;cursor:pointer;font-size:12px;margin-right:30px}.frontend-package-detail__header .package-base__body .share-options .share{align-items:center;color:#606366;display:flex;font-size:12px}.frontend-package-detail__header .package-base__body .share-options .share a{margin-left:12px}.frontend-package-detail__header .package-base__body .share-options .share a .icon{font-size:18px;line-height:1}.frontend-package-detail__header .package-base__body .share-options .share a:first-of-type{margin-left:8px}.frontend-package-detail__header .package-base__body .share-options .share a:hover{color:#ff783c}.frontend-package-detail__main{display:flex;margin-top:20px;overflow:hidden}.frontend-package-detail__main__left{background-color:#fff;border-radius:5px;flex:1;margin-bottom:40px;margin-right:20px}.frontend-package-detail__main__left .show-body-nav{align-items:center;border-bottom:1px solid #edf0f2;display:flex;padding-left:30px}.frontend-package-detail__main__left .show-body-nav .comment-prev{color:#909499;font-size:16px}.frontend-package-detail__main__left .show-body-nav .comment-prev>i{background:#606366;border-radius:50%;color:#fff;display:inline-block;font-size:14px;height:28px;line-height:28px;margin-right:20px;text-align:center;width:28px}.frontend-package-detail__main__left .show-body-nav a{color:#303133;font-size:14px;margin-right:20px;padding:22px 10px;position:relative}.frontend-package-detail__main__left .show-body-nav a.active{color:#ff783c;font-size:15px;font-weight:700}.frontend-package-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}.frontend-package-detail__main__left .show-body-nav a:hover{color:#ff783c}.frontend-package-detail__main__left .show-body-main{min-height:450px;padding:30px}.frontend-package-detail__main__left .show-body-main .intro div.tit{color:#303133;font-size:16px;font-weight:700;margin-bottom:10px}.frontend-package-detail__main__left .show-body-main .intro div.desc{color:#909499;font-size:14px;margin-bottom:15px}.frontend-package-detail__main__left .show-body-main .intro div.bod{color:#606366;font-size:14px;line-height:24px;margin-bottom:30px}.frontend-package-detail__main__left .show-body-main .intro div.bod img{max-width:100%}.frontend-package-detail__main__left .show-body-main .notice .intro{border-bottom:1px solid #edf0f2;margin-bottom:30px}.frontend-package-detail__main__left .show-body-main .notice .intro:last-of-type{border-bottom:0}.frontend-package-detail__main__left .show-body-main .score-total{color:#303133;font-size:20px;font-weight:700}.frontend-package-detail__main__left .show-body-main .score-total span{color:#ff783c}.frontend-package-detail__main__left .show-body-main .score>p{color:#606366;font-size:14px;margin-top:10px}.frontend-package-detail__main__left .show-body-main .score-item-list{padding-top:10px}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .score-item-list .score-item .item-name{margin-right:40px}.frontend-package-detail__main__left .show-body-main .score-item-list .score-item .score-weight{color:#909499;flex:1}.frontend-package-detail__main__left .show-body-main .score-item-list .score-item .score{color:#ff783c;margin-right:30px}.frontend-package-detail__main__left .show-body-main .score-item-list .score-item .detail-link a{color:#ff783c}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .cert{display:flex;flex-direction:column}.frontend-package-detail__main__left .show-body-main .cert .cert-item{border-bottom:1px solid #edf0f2;display:flex;margin-bottom:30px;padding-bottom:30px;width:780px}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-img{margin-right:30px}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-img img{height:200px;width:280px}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info{display:flex;flex-direction:column;justify-content:space-between}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .center{flex:1}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .center .field{color:#909499;display:flex;font-size:14px;margin:12px 0}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .center .field label{display:inline-block;width:90px}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .options .get-btn{background:#66bf39}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .options .apply-btn{background:#ff783c}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .options .buy-btn{background:#ff4533}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .options .myapply{color:#ff783c;cursor:pointer;display:inline-block;margin:0 20px}.frontend-package-detail__main__left .show-body-main .cert .cert-item .cert-info .options .apply-status{color:#ff783c;display:inline-block;margin:0 20px}.frontend-package-detail__main__left .show-body-main .comment .comment-total{align-items:center;background-color:#f5f6f7;border-radius:5px;display:flex;padding:30px}.frontend-package-detail__main__left .show-body-main .comment .comment-total strong{font-size:18px;font-weight:700;margin-right:20px}.frontend-package-detail__main__left .show-body-main .comment .comment-total .score{color:#ff783c;font-size:40px;font-weight:700;line-height:1;margin-right:20px}.frontend-package-detail__main__left .show-body-main .comment .comment-total .star p{color:#909499;font-size:14px;margin-bottom:0}.frontend-package-detail__main__left .show-body-main .comment .must-study{color:#909499;font-size:14px;margin:20px 0;text-align:center}.frontend-package-detail__main__left .show-body-main .comment .must-study a{color:#ff783c}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .comment .comment-item{display:flex;padding-top:30px}.frontend-package-detail__main__left .show-body-main .comment .comment-item .avatar{margin-right:20px;width:50px}.frontend-package-detail__main__left .show-body-main .comment .comment-item .avatar img{border-radius:50px}.frontend-package-detail__main__left .show-body-main .comment .comment-item .info{border-bottom:1px solid #edf0f2;flex:1}.frontend-package-detail__main__left .show-body-main .comment .comment-item .info .username{line-height:1}.frontend-package-detail__main__left .show-body-main .comment .comment-item .info .username strong{font-size:14px;margin-right:15px}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .comment .comment-item .info .time{color:#909499;font-size:12px;margin-bottom:30px}.frontend-package-detail__main__left .show-body-main .comment .comment-item:last-of-type .info{border-bottom:0}.frontend-package-detail__main__left .show-body-main .catalog .chapter{margin-bottom:18px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-title{font-size:16px;font-weight:700;margin-bottom:6px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-intro{color:#909499;font-size:12px;margin-bottom:8px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link{display:flex;font-size:14px;height:50px;line-height:50px;padding:0 20px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link strong{color:#4c5258;flex:1;font-size:14px;font-weight:400}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .default-show{color:#c6c9cc}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .default-show.must-show{display:block!important}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .default-show span{font-size:12px;margin-right:5px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .hover-show{align-items:center;display:none}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .hover-show .icon{color:#ff783c}.frontend-package-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}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .options .icon+.icon{margin-left:10px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item:hover{background-color:#fff9f5;border-radius:3px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item:hover .row-link strong{color:#ff783c}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item:hover .row-link .options .default-show{display:none}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item:hover .row-link .options .hover-show{display:flex}.frontend-package-detail__main__left .show-body-main .folder-bread-crumb{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.frontend-package-detail__main__left .show-body-main .folder-bread-crumb a{-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.frontend-package-detail__main__left .show-body-main .folder-bread-crumb a:hover{-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;-o-opacity:1}.frontend-package-detail__main__left .show-body-main .folder-bread-crumb .el-breadcrumb__inner{color:#303133;-webkit-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;opacity:.8;-o-opacity:.8}.frontend-package-detail__main__left .show-body-main .folder-list .folder-list__item{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.frontend-package-detail__main__left .show-body-main .folder-list .folder-list__item:hover{background-color:#fff9f5;color:#ff783c;cursor:pointer}.frontend-package-detail__main__left .show-body-main .folder-list .folder-list__item .folder-icon{margin-right:10px;width:20px}.frontend-package-detail__main__left .show-body-main .folder-list .folder-list__item .folder-info{flex:1}.frontend-package-detail__main__left .show-body-main .folder-list .folder-list__item .folder-info .folder-title{font-size:14px}.frontend-package-detail__main__left .show-body-main .folder-list .folder-list__item .folder-info .folder-title:hover{color:#ff783c}.frontend-package-detail__main__left .show-body-main .resource-list__item{align-items:center;display:flex;justify-content:space-between;padding:15px}.frontend-package-detail__main__left .show-body-main .resource-list__item:hover{background-color:#fff9f5;color:#ff783c;cursor:pointer}.frontend-package-detail__main__left .show-body-main .resource-list__item .resource-title{font-size:14px}.frontend-package-detail__main__left .show-body-main .resource-list__item .resource-title .watch-free{background:#f5f6f7;border-radius:5px;color:#909499;font-size:12px;padding:3px 8px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-section-name{color:#606366;font-size:14px;padding:15px 20px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link{display:block}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .resource-type{border:1px solid #ff783c;border-radius:3px;color:#ff783c;font-size:12px;margin-right:5px;padding:1px 7px}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .resource-type.data-type-video{border-color:#ff783c;color:#ff783c}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .resource-type.data-type-task{border-color:#66bf39;color:#66bf39}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .resource-type.data-type-survey{border-color:#ffa628;color:#ffa628}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link .resource-type.data-type-material{border-color:#2693ff;color:#2693ff}.frontend-package-detail__main__left .show-body-main .catalog .chapter-item .row-link strong{color:#303133}.frontend-package-detail__main__right{float:right;padding-bottom:40px;width:350px}@media screen and (max-width:1620px){.frontend-package-detail__main__right{width:300px}}.frontend-package-detail__main__right .right-box{background-color:#fff;border-radius:5px;margin-bottom:20px;padding:30px 30px 0}.frontend-package-detail__main__right .right-box__comment{display:flex;flex-direction:column;justify-content:space-between}.frontend-package-detail__main__right .right-box__comment .row-title{display:flex;justify-content:space-between;margin-bottom:30px}.frontend-package-detail__main__right .right-box__comment .row-title .title{color:#07111b;font-size:16px}.frontend-package-detail__main__right .right-box__comment .row-title>a{color:#909499;display:inline-block;font-size:12px}.frontend-package-detail__main__right .right-box__comment .star{align-items:center;display:flex;justify-content:flex-start}.frontend-package-detail__main__right .right-box__comment .star .score{color:#ff783c;font-size:40px;font-weight:700;margin-left:20px;margin-right:20px}.frontend-package-detail__main__right .right-box__comment .star .score-info{display:flex;flex-direction:column;justify-content:center}.frontend-package-detail__main__right .right-box__comment .star .score-info>div{color:#909499;font-size:14px}.frontend-package-detail__main__right .right-box__title{color:#07111b;font-size:16px;line-height:1;padding-left:15px;position:relative}.frontend-package-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}.frontend-package-detail__main__right .right-box__body .teachers{border-bottom:1px solid #edf0f2;padding:30px 0 30px 76px;position:relative}.frontend-package-detail__main__right .right-box__body .teachers .avatar{border-radius:56px;height:56px;left:0;position:absolute;top:30px;width:56px}.frontend-package-detail__main__right .right-box__body .teachers .user-name{color:#303133;font-size:16px;margin-bottom:10px}.frontend-package-detail__main__right .right-box__body .teachers .user-name span{color:#909499;font-size:12px}.frontend-package-detail__main__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}.frontend-package-detail__main__right .right-box__body .teachers:last-of-type{border-bottom:0}.frontend-package-detail__main__right .right-box__body ul.media-list{margin-bottom:0;padding:0}.frontend-package-detail__main__right .right-box__body ul.media-list li{list-style:none;padding:10px 0}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row{min-height:96px;padding:20px 0 20px 110px;position:relative}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row a.media{left:0;position:absolute;top:20px}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row a.media img{border-radius:5px}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row h5{line-height:1;margin-bottom:5px;margin-top:-6px}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row h5 a{color:#242b33;font-size:14px;line-height:20px}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row h5 a:hover{color:#ff783c}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row p{color:#909499;font-size:12px;margin-bottom:0}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row{border-bottom:1px solid #edf7f5}.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row.no-border,.frontend-package-detail__main__right .right-box__body ul.media-list li.media-row:last-of-type{border-bottom:0}