.item[data-v-f56f703c]{width:220px;height:226px;background:#fff}.item[data-v-f56f703c]:hover{-webkit-box-shadow:0 3px 7px 0 rgba(39,39,39,.1);box-shadow:0 3px 7px 0 rgba(39,39,39,.1);cursor:pointer}.item:hover .item-title[data-v-f56f703c]{color:#4496fd}.item .item-img[data-v-f56f703c]{width:100%;height:124px;position:relative}.item .item-img .item-tag[data-v-f56f703c]{position:absolute;top:4px;left:4px;color:#fff;font-size:12px;padding:0 2px;background:#4496fd}.item .item-img .item-tag.green[data-v-f56f703c]{background:#7ac914}.item .item-img .item-tag.orange[data-v-f56f703c]{background:#fa8a53}.item .item-content[data-v-f56f703c]{padding:10px 12px 15px 12px}.item .item-title[data-v-f56f703c]{color:#191919;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:22px}.item .item-info[data-v-f56f703c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}.item .item-info .item-price[data-v-f56f703c]{color:#fc465c}.item .item-info span[data-v-f56f703c]{font-size:16px;color:#7ac914}.item .item-info i[data-v-f56f703c]{color:#999;font-size:12px}.tabs-navs[data-v-0ffa2c93]{margin-bottom:15px;border-bottom:1px solid #ddd}.nav-item[data-v-0ffa2c93]{margin:0 20px;line-height:30px}.nav-item.is-active a[data-v-0ffa2c93]{color:#4496fd}.nav-item.is-active a[data-v-0ffa2c93]:after{content:"";width:100%;height:1px;background:#4496fd;position:absolute;bottom:0;left:0}.nav-item a[data-v-0ffa2c93]{display:block;line-height:30px;position:relative}.nav-item[data-v-0ffa2c93]:hover{cursor:pointer;color:#4496fd}.fade-enter-active[data-v-6a8ceee0],.fade-leave-active[data-v-6a8ceee0]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-6a8ceee0],.fade-leave-to[data-v-6a8ceee0]{opacity:0}.box-container[data-v-6a8ceee0]{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:2000;background:rgba(0,0,0,.3)}.box-container .box-wrap[data-v-6a8ceee0]{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.box-container .box-inner[data-v-6a8ceee0]{min-width:200px;background:#fff;position:relative}.box-container .close-btn[data-v-6a8ceee0]{position:absolute;top:15px;right:15px}.box-container .close-btn[data-v-6a8ceee0]:hover{cursor:pointer}.video-intr[data-v-74e755b1]{padding-top:20px}.section .s-header[data-v-1c922ed2]{line-height:54px;background:#f7f7f7;position:relative}.section .s-header svg[data-v-1c922ed2]{font-size:20px;position:absolute;top:50%;left:10px;margin-top:-10px}.section .s-item[data-v-1c922ed2]{padding-left:40px}.section li[data-v-1c922ed2]{line-height:46px}.section li i[data-v-1c922ed2]{color:#999;margin-left:10px}.section li[data-v-1c922ed2]:hover{cursor:pointer;background:rgba(68,150,253,.2)}li[data-v-15a8491f]{padding:20px 20px 20px 0;border-bottom:1px solid #eee;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item-cont svg[data-v-15a8491f]{font-size:16px;margin:0 10px}.item-info[data-v-15a8491f]{margin-left:36px;color:#999;padding-top:10px;font-size:12px}.item-info span[data-v-15a8491f]{margin-right:10px}.download-btn[data-v-15a8491f]{width:85px;height:32px;line-height:32px;text-align:center;border:1px solid #ccc;border-radius:16px}.download-btn[data-v-15a8491f]:hover{cursor:pointer}.rate-container[data-v-3c6aab36]{background:#fff;display:inline-block}.rate-container i+i[data-v-3c6aab36]{margin-left:5px}.rate-container .svg-icon[data-v-3c6aab36]{color:#a0a0a0}.rate-container .svg-icon.isHover[data-v-3c6aab36]:hover{cursor:pointer}.rate-container .svg-icon.active[data-v-3c6aab36]{color:#feb74d}.c-header[data-v-3b1928a4]{background:#f9f9f9;height:66px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px}.c-header .h-left[data-v-3b1928a4],.c-header[data-v-3b1928a4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-header .h-left div[data-v-3b1928a4]{padding:0 30px}.c-header .h-left div p[data-v-3b1928a4]{font-size:26px;color:#fa8a53}.c-header .h-left div span[data-v-3b1928a4]{padding-top:6px}.c-header .h-left i[data-v-3b1928a4]{height:40px;line-height:40px;padding-left:30px;border-left:1px solid #ddd}.c-header .com-btn[data-v-3b1928a4]{width:106px;height:40px;line-height:40px;background:#4496fd;color:#fff;text-align:center;font-size:16px;margin-right:30px}.comment-item[data-v-3b1928a4]{padding:30px 0;border-bottom:1px solid #ddd}.comment-item .user-info[data-v-3b1928a4]{width:60px;text-align:center;padding-right:20px}.comment-item .user-info img[data-v-3b1928a4]{width:30px;height:30px;border-radius:50%}.comment-item .user-info .svg-icon[data-v-3b1928a4]{font-size:30px}.comment-item .user-info .user-name[data-v-3b1928a4]{padding-top:5px}.comment-item .comment-wrap[data-v-3b1928a4]{padding-left:60px}.comment-item .comment-wrap .comment-text[data-v-3b1928a4]{line-height:22px;color:#191919;padding-top:10px}.comment-item .comment-wrap .create-time[data-v-3b1928a4]{padding-top:14px;color:#999}.form-wrap[data-v-3b1928a4]{text-align:center;padding:15px 125px 50px 125px}.form-wrap .form-header[data-v-3b1928a4]{font-size:20px}.form-wrap .form-header span[data-v-3b1928a4]{font-size:14px;color:#666;padding-top:15px}.form-wrap .course-score[data-v-3b1928a4]{font-size:32px;margin-top:30px}.form-wrap .course-score p[data-v-3b1928a4]{color:#fa8a53;font-size:16px;padding-top:10px}.form-wrap .comment-input[data-v-3b1928a4]{width:530px;height:160px;border:1px solid #ddd;margin-top:20px;padding:10px}.form-wrap .form-footer[data-v-3b1928a4]{margin-top:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.form-wrap .form-footer span[data-v-3b1928a4]{font-size:12px;color:#999}.form-wrap .form-footer a[data-v-3b1928a4]{width:106px;height:40px;line-height:40px;text-align:center;background:#4496fd;color:#fff;font-size:16px}.pagenation-wrap[data-v-3b1928a4]{text-align:center;margin-top:45px}.detail-container[data-v-f8815c20]{background:#1f2228}.video-container .container-inner[data-v-f8815c20]{margin:0 auto}.video-container .bread-crumbs[data-v-f8815c20]{color:#fff;line-height:55px}.video-container .video-wrap[data-v-f8815c20]{height:580px;padding-bottom:100px;position:relative}.video-container .video-wrap .btn[data-v-f8815c20]{cursor:pointer}.video-container .video-wrap .video[data-v-f8815c20]{width:900px;height:480px;position:relative}.video-container .video-wrap .video .video-tips[data-v-f8815c20]{position:absolute;top:0;left:0;z-index:99;width:900px;height:480px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.8);color:#fff}.video-container .video-wrap .video .video-tips .text-wrap[data-v-f8815c20]{text-align:center}.video-container .video-wrap .video .video-tips p[data-v-f8815c20]{font-size:20px;padding-bottom:20px}.video-container .video-wrap .video .video-tips a[data-v-f8815c20]{display:inline-block;width:106px;line-height:40px;text-align:center;background:#4496fd;font-size:16px}.video-container .video-wrap .video .video-tips a[data-v-f8815c20]:hover{color:#fff}.video-container .video-wrap .video .end-tips-wrap[data-v-f8815c20]{position:absolute;bottom:0;left:0;z-index:99;width:100%;text-align:center;background:#fff;line-height:50px}.video-container .video-wrap .video .end-tips-wrap span[data-v-f8815c20]{margin-left:20px;color:#4496fd}.video-container .video-wrap .video .end-tips-wrap span[data-v-f8815c20]:hover{cursor:pointer}.video-container .video-wrap .video-r[data-v-f8815c20]{width:300px;height:480px;background:#1f1f1f;color:#fff;overflow-y:scroll}.video-container .video-wrap .video-r .section-header[data-v-f8815c20]{line-height:56px;padding:0 24px;font-size:16px}.video-container .video-wrap .video-r .list-item[data-v-f8815c20]{padding:12px 24px;position:relative}.video-container .video-wrap .video-r .list-item.active[data-v-f8815c20],.video-container .video-wrap .video-r .list-item[data-v-f8815c20]:hover{cursor:pointer;background:rgba(68,150,253,.3)}.video-container .video-wrap .video-r .list-item .item-info[data-v-f8815c20]{font-size:14px;line-height:20px}.video-container .video-wrap .video-r .list-item .item-info p[data-v-f8815c20]{display:inline-block;vertical-align:middle;max-width:175px}.video-container .video-wrap .video-r .list-item .item-info span[data-v-f8815c20]{display:inline-block;width:50px;line-height:20px;text-align:center;background:#684a3b;border-radius:2px;font-size:12px;color:#fa8a53;margin-left:5px}.video-container .video-wrap .video-r .list-item .video-time[data-v-f8815c20]{font-size:12px;padding:5px 0 0 20px}.video-container .video-wrap .video-r .list-item .svg-icon[data-v-f8815c20]{position:absolute;right:20px;top:15px}.video-container .video-wrap .video-info[data-v-f8815c20]{width:100%;height:100px;padding:20px;position:absolute;left:0;bottom:0;background:#393939;color:#fff}.video-container .video-wrap .video-info .info-l[data-v-f8815c20]{width:900px}.video-container .video-wrap .video-info .info-r[data-v-f8815c20]{width:300px}.video-container .video-wrap .video-info .info-r .btn[data-v-f8815c20]{width:248px;height:48px;line-height:48px;text-align:center;font-size:20px}.video-container .video-wrap .video-info .info-r .btn.active[data-v-f8815c20]{background:#4496fd}.video-container .video-wrap .video-info .video-name[data-v-f8815c20]{font-size:24px;padding-bottom:15px}.video-container .video-wrap .video-info .video-name i[data-v-f8815c20]{font-size:20px;color:#fa8a53;margin-left:20px}.video-container .video-wrap .video-info .video-info-footer .svg-icon[data-v-f8815c20]{margin-right:5px}.video-container .video-wrap .video-info .video-info-footer span[data-v-f8815c20]{margin-right:30px}.main-container[data-v-f8815c20]{padding:40px 0;background:#f7f7f7}.detail-main[data-v-f8815c20]{max-width:1200px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.detail-main .author-info-con[data-v-f8815c20],.detail-main .main-l[data-v-f8815c20]{background:#fff}.detail-main .main-l[data-v-f8815c20]{width:834px;padding:0 20px 20px 20px}.detail-main .main-l[data-v-f8815c20] .tabs .tabs-navs{margin-bottom:0;line-height:58px}.detail-main .main-l[data-v-f8815c20] .tabs .nav-item{line-height:58px;font-size:18px;margin-right:60px;margin-left:0}.detail-main .main-l[data-v-f8815c20] .tabs .nav-item a{line-height:58px}.detail-main .main-l[data-v-f8815c20] .tabs .is-active:after{height:2px}.detail-main .main-r[data-v-f8815c20]{width:346px}.detail-main .main-r .author-info-con[data-v-f8815c20]{padding:20px 20px 40px 20px}.detail-main .main-r .author-info-con .author-wrap[data-v-f8815c20]{position:relative}.detail-main .main-r .author-info-con .author-avatar img[data-v-f8815c20]{width:64px;height:64px}.detail-main .main-r .author-info-con .author-info[data-v-f8815c20]{margin-left:20px}.detail-main .main-r .author-info-con .author-info .author-name[data-v-f8815c20]{max-width:130px}.detail-main .main-r .author-info-con .author-info .author-desc[data-v-f8815c20]{color:#666;margin-top:20px;max-width:200px}.detail-main .main-r .author-info-con .attention-btn[data-v-f8815c20]{position:absolute;top:0;right:0;width:64px;height:30px;line-height:30px;text-align:center;background:#ccc;color:#fff}.detail-main .main-r .author-info-con .attention-btn.active[data-v-f8815c20]{background:none;border:1px solid #4496fd;color:#4496fd}.detail-main .main-r .author-info-con .attention-btn.active[data-v-f8815c20]:hover{cursor:pointer}.detail-main .main-r .author-info-con .author-info-list[data-v-f8815c20]{margin-top:20px}.detail-main .main-r .author-info-con .author-info-list li[data-v-f8815c20]{width:25%;text-align:center}.detail-main .main-r .author-info-con .author-info-list li span[data-v-f8815c20]{color:#666;padding-top:8px;display:block}.detail-main .main-r .author-info-con .author-info-desc[data-v-f8815c20]{margin-top:30px;line-height:22px;text-align:justify}.recom-list[data-v-f8815c20]{padding:30px 0;background:#fff}.recom-list .list-inner[data-v-f8815c20]{width:1200px;margin:0 auto}.recom-list .list-title[data-v-f8815c20]{font-size:18px;color:#191919;padding-bottom:30px}.recom-list .list-wrap .item[data-v-f8815c20]{margin-right:25px}.recom-list .list-wrap .item[data-v-f8815c20]:last-child{margin-right:0}.dialog-wrap[data-v-f8815c20]{padding:15px 30px}.dialog-wrap .order-item[data-v-f8815c20]{width:480px;padding-bottom:18px;border-bottom:1px solid #ddd}.dialog-wrap .order-item img[data-v-f8815c20]{width:100px;height:56px;float:left}.dialog-wrap .order-item .order-info[data-v-f8815c20]{padding-left:120px}.dialog-wrap .order-item .order-info .course-name[data-v-f8815c20]{line-height:16px;height:42px;padding-bottom:10px;font-size:16px}.dialog-wrap .order-item .order-info p[data-v-f8815c20]{color:#999}.dialog-wrap .order-price[data-v-f8815c20]{color:#999;line-height:24px;padding:40px 0 60px 0}.dialog-wrap .order-price span[data-v-f8815c20]{font-size:24px;color:#fa8a53}.dialog-wrap .btn-wrap[data-v-f8815c20]{text-align:right}.dialog-wrap .btn-wrap a[data-v-f8815c20]{display:inline-block;width:106px;line-height:40px;text-align:center;color:#fff;background:#ccc}.dialog-wrap .btn-wrap a+a[data-v-f8815c20]{margin-left:20px}.dialog-wrap .btn-wrap a.active[data-v-f8815c20]{background:#4496fd}.tips-container[data-v-f8815c20]{width:100%;height:100%;color:#fff;position:relative;text-align:center;overflow:hidden}.tips-container a[data-v-f8815c20]{width:70px;height:30px;line-height:30px;text-align:center;background:#4496fd;border-radius:4px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -35px}.play-tips[data-v-f8815c20]{position:absolute;top:0;left:0;width:100%;height:100%}.play-tips .video-bg[data-v-f8815c20]{width:100%;height:100%}.play-tips .icon-wrap[data-v-f8815c20]{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.6)}.play-tips .svg-icon[data-v-f8815c20]{font-size:60px;color:#4496fd;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px}