[data-v-18a87b10] .video-js{background-image:url(https://jmpic.2in20.com/222/Rectangle_8.png);background-repeat:no-repeat;background-position:50%;background-size:contain}[data-v-18a87b10] .vjs-icon-placeholder:before{z-index:999}[data-v-18a87b10] .vjs-big-play-button{width:50px;height:50px;border-radius:50px;background-color:rgba(162,169,179,.6)}.audio[data-v-18a87b10] .vjs-big-play-button{width:50px;height:50px;border-radius:50px;background-color:#fff}.audio[data-v-18a87b10] .vjs-big-play-button .vjs-icon-placeholder:before{color:#000}.wrap[data-v-18a87b10]{width:1090px;margin:0 auto}.wrap .course-wrap[data-v-18a87b10]{margin-bottom:40px}.wrap .course-wrap .course-title[data-v-18a87b10]{position:relative}.wrap .course-wrap .course-title .title[data-v-18a87b10]{color:#454545;font-family:Ali-Bold;font-size:24px}.wrap .course-wrap .course-title>p[data-v-18a87b10]{margin-top:17px}.wrap .course-wrap .course-title>p span[data-v-18a87b10]{font-size:13px;color:#989898;font-family:Ali-Regular;margin-right:20px}.wrap .course-wrap .course-title .collect[data-v-18a87b10]{position:absolute;top:0;right:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrap .course-wrap .course-title .collect img[data-v-18a87b10]{display:inline-block;width:11px;height:11px}.wrap .course-wrap .course-title .collect p[data-v-18a87b10]{font-size:14px;display:inline-block;margin-left:6px;color:#2e41a1}.wrap .course-wrap .btn-box[data-v-18a87b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap .course-wrap .btn-box li[data-v-18a87b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:40px;margin-right:30px;padding:0 17px;cursor:pointer;text-align:center;vertical-align:top;color:#fff;border-radius:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap .course-wrap .btn-box .buy[data-v-18a87b10]{background-color:#2e41a1}.wrap .course-wrap .btn-box .buy p[data-v-18a87b10]{font-size:16px;display:inline-block;padding-right:10px;vertical-align:middle;color:#fff;border-right:1px solid #fff}.wrap .course-wrap .btn-box .buy .price[data-v-18a87b10]{font-family:Helvetica-Bold;font-size:24px;padding-left:10px;border:none}.wrap .course-wrap .btn-box .buy .price span[data-v-18a87b10]{font-family:Ali-Regular;font-size:12px}.wrap .course-wrap .btn-box .vip[data-v-18a87b10]{font-size:16px;padding:0;background-color:#ffbf01}.wrap .course-wrap .btn-box .vip a[data-v-18a87b10]{display:block;padding:12px 17px;color:#fff}.wrap .course-wrap .course-player[data-v-18a87b10]{margin-top:20px;border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wrap .course-wrap .course-player .player-left[data-v-18a87b10]{width:730px;height:411px;position:relative}.wrap .course-wrap .course-player .player-left .audio-content[data-v-18a87b10]{width:100%;height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0}.wrap .course-wrap .course-player .player-left .audio-content>span[data-v-18a87b10]{color:#fff;font-family:Ali-Regular;font-size:18px;z-index:99}.wrap .course-wrap .course-player .player-right[data-v-18a87b10]{width:320px;height:411px;max-height:411px;border-radius:2px;background:#f4f4f4;padding-top:23px}.wrap .course-wrap .course-player .player-right .play-list-title[data-v-18a87b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px}.wrap .course-wrap .course-player .player-right .play-list-title .play-num[data-v-18a87b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap .course-wrap .course-player .player-right .play-list-title .play-num span[a][data-v-18a87b10]{color:#454545;font-family:Ali-Bold;font-size:15px}.wrap .course-wrap .course-player .player-right .play-list-title .play-num span[b][data-v-18a87b10]{color:#989898;font-family:Ali-Regular;font-size:12px}.wrap .course-wrap .course-player .player-right .play-list-title .auto[data-v-18a87b10]{color:#989898;font-family:Ali-Regular;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.wrap .course-wrap .course-player .player-right .play-list-title .auto>p[data-v-18a87b10]{width:30px;height:20px;cursor:pointer;border-radius:100px;background:#d9d9d9;margin-left:5px;position:relative}.wrap .course-wrap .course-player .player-right .play-list-title .auto>p span[data-v-18a87b10]{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;-webkit-transition:.1s;transition:.1s}.wrap .course-wrap .course-player .player-right .play-list-title .auto .switch[data-v-18a87b10]{background:#3550ff}.wrap .course-wrap .course-player .player-right .play-list-title .auto .switch span[data-v-18a87b10]{left:12px}.wrap .course-wrap .course-player .player-right>ul[data-v-18a87b10]{width:100%;height:330px;overflow-y:auto;margin-top:20px;padding:0 7px}.wrap .course-wrap .course-player .player-right>ul li[data-v-18a87b10]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#454545;font-size:13px;line-height:13px;font-family:Ali-Bold;padding:7px 9px;border-radius:2px;cursor:pointer}.wrap .course-wrap .course-player .player-right>ul li[data-v-18a87b10]:not(:last-child){margin-bottom:16px}.wrap .course-wrap .course-player .player-right>ul li>span[b][data-v-18a87b10]{color:#989898;font-family:Ali-Regular;font-size:12px;margin-left:10px}.wrap .course-wrap .course-player .player-right>ul li .p-title[data-v-18a87b10]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .course-wrap .course-player .player-right>ul li .p-title>i[data-v-18a87b10]{margin-right:10px}.wrap .course-wrap .course-player .player-right>ul .active[data-v-18a87b10]{background-color:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(178,179,183,.4);box-shadow:0 1px 4px 0 rgba(178,179,183,.4)}.wrap .course-wrap .course-content[data-v-18a87b10]{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wrap .course-wrap .course-content .course-introduction[data-v-18a87b10]{width:706px}.wrap .course-wrap .course-content .course-introduction .main-info-box[data-v-18a87b10]{padding-bottom:100px}.wrap .course-wrap .course-content .course-introduction .main-info-box .info-title p[data-v-18a87b10]{font-family:Ali-Bold;font-size:18px;position:relative;display:inline-block;width:100px;margin:0 6px;padding-bottom:18px;cursor:pointer;text-align:center;vertical-align:top;color:#454545}.wrap .course-wrap .course-content .course-introduction .main-info-box .info-title p[data-v-18a87b10]:after{position:absolute;bottom:0;left:0;width:100%;height:4px;content:"";border-radius:4px;background-color:transparent}.wrap .course-wrap .course-content .course-introduction .main-info-box .info-title .active[data-v-18a87b10]{color:#2e41a1}.wrap .course-wrap .course-content .course-introduction .main-info-box .info-title .active[data-v-18a87b10]:after{background-color:#2e41a1}.wrap .course-wrap .course-content .course-introduction .main-info-box .text-info[data-v-18a87b10]{margin-top:40px}.wrap .course-wrap .course-content .course-introduction .main-info-box .text-info>img[data-v-18a87b10]{width:100%;height:auto;margin-top:0}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box[data-v-18a87b10]{margin-top:40px;padding:20px;background-color:#fff;border-radius:2px}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .title-box p[data-v-18a87b10]{font-size:14px;display:inline-block;cursor:pointer;vertical-align:top;color:#454545}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .title-box .b-left[data-v-18a87b10]{margin-left:10px;padding-left:10px;border-left:1px solid #d4d5d7}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .title-box .active[data-v-18a87b10]{color:#2e41a1}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item[data-v-18a87b10]{margin-top:20px;padding:15px;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;border-radius:2px;background-color:#f9f9f9}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item[data-v-18a87b10]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(178,179,183,.5);box-shadow:0 2px 8px 0 rgba(178,179,183,.5)}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .left-icon[data-v-18a87b10]{display:inline-block;width:40px;text-align:center;vertical-align:middle}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .left-icon .tag[data-v-18a87b10]{font-family:Ali-Bold;font-size:14px;width:100%;padding:6px 0;color:#fff;border-radius:2px;background:#2e41a1;-webkit-box-shadow:0 1px 2px 0 #8d98ee,2px 2px 14px 0 rgba(141,152,238,.5);box-shadow:0 1px 2px 0 #8d98ee,2px 2px 14px 0 rgba(141,152,238,.5)}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .left-icon .icon[data-v-18a87b10]{width:30px;height:30px;margin:0 auto}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .left-icon .icon img[data-v-18a87b10]{width:100%;height:100%}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .name[data-v-18a87b10]{display:inline-block;vertical-align:middle}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .name p[data-v-18a87b10]{font-size:14px;display:inline-block;margin-left:14px;vertical-align:middle;color:#454545}.wrap .course-wrap .course-content .course-introduction .main-info-box .course-list-box .item-box .item .name span[data-v-18a87b10]{font-size:12px;display:inline-block;margin-left:10px;vertical-align:middle;color:#989898}.wrap .course-wrap .course-content .association[data-v-18a87b10]{width:320px}.wrap .course-wrap .course-content .association>p[data-v-18a87b10]{font-family:Ali-Bold;font-size:18px;color:#454545;margin-bottom:5px}.wrap .course-wrap .course-content .association>ul[data-v-18a87b10]{width:100%}.wrap .course-wrap .course-content .association>ul li[data-v-18a87b10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;margin-top:18px}.wrap .course-wrap .course-content .association>ul li .recommend-left[data-v-18a87b10]{width:137px;height:104px}.wrap .course-wrap .course-content .association>ul li .recommend-left img[data-v-18a87b10]{width:100%;height:100%;border-radius:2px}.wrap .course-wrap .course-content .association>ul li .recommend-right[data-v-18a87b10]{width:166px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.wrap .course-wrap .course-content .association>ul li .recommend-right .recommend-title[data-v-18a87b10]{color:#454545;font-size:13px;line-height:20px;font-family:Ali-Medium;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wrap .course-wrap .course-content .association>ul li .recommend-right .recommend-teacher[data-v-18a87b10]{color:#989898;font-size:12px;font-family:Ali-Light;padding-bottom:3px}.wrap .video-box .title-video[data-v-18a87b10]{font-size:14px}.wrap .video-box .video[data-v-18a87b10]{display:inline-block;width:730px;height:411px;margin-top:10px;vertical-align:top;background:#313131;-webkit-box-shadow:0 2px 4px 0 #b2b3b7,2px 6px 14px 2px #b2b3b7;box-shadow:0 2px 4px 0 #b2b3b7,2px 6px 14px 2px #b2b3b7}.wrap .video-box .video video[data-v-18a87b10]{width:100%;height:100%}.wrap .audio-box[data-v-18a87b10]{position:fixed;z-index:10;bottom:0;left:0;width:100%;padding:10px;text-align:center;white-space:nowrap;background-color:rgba(0,0,0,.8)}.wrap .audio-box .title-audio[data-v-18a87b10]{font-size:14px;color:#fff}.wrap .audio-box .close[data-v-18a87b10]{position:absolute;top:10%;right:10%}.wrap .audio-box audio[data-v-18a87b10]{display:block;width:80%;margin:0 auto;margin-top:10px}.wrap .world-box[data-v-18a87b10]{overflow-y:auto;width:800px;max-height:60vh;padding:30px}.wrap .world-box .title-box[data-v-18a87b10]{padding-bottom:20px;border-bottom:1px solid #2e41a1}.wrap .world-box .title-box .title[data-v-18a87b10]{font-family:Ali-Bold;font-size:28px;color:#2e41a1}.wrap .world-box .title-box ul[data-v-18a87b10]{margin-top:14px}.wrap .world-box .title-box ul li[data-v-18a87b10]{font-size:12px;display:inline-block;vertical-align:middle;color:#989898}.wrap .world-box .title-box ul .b-left[data-v-18a87b10]{margin-left:10px;padding-left:10px;border-left:1px solid #d4d5d7}.wrap .world-box .text-info[data-v-18a87b10]{margin-top:12px}