.container[data-v-7f1217a8]{background:#f5f5f5;min-height:calc(100vh - 70px)}.container .detail-play-container[data-v-7f1217a8]{padding-top:30px;background:#fff}.container .detail-play-container .detail-play-box[data-v-7f1217a8]{width:1320px;height:590px;margin:0 auto;background:#1b2127;color:#fff}.container .detail-play-container .detail-play-box .play-box[data-v-7f1217a8]{flex:1;display:flex;flex-direction:column}.container .detail-play-container .detail-play-box .play-box .video-player[data-v-7f1217a8]{flex:1;position:relative;overflow:hidden}.container .detail-play-container .detail-play-box .play-box .video-player .resource-progress[data-v-7f1217a8]{width:100%;height:40px;line-height:40px;background:rgba(0,0,0,.5);color:#fff;font-size:20px;padding:0 20px;box-sizing:border-box;transition:all .5s;position:absolute;z-index:10}.container .detail-play-container .detail-play-box .play-box .video-player .resource-progress .count-down[data-v-7f1217a8]{display:flex;align-items:center}.container .detail-play-container .detail-play-box .play-box .video-player .show-resource-progress[data-v-7f1217a8]{top:0;left:0}.container .detail-play-container .detail-play-box .play-box .video-player .hide-resource-progress[data-v-7f1217a8]{top:-40px;left:0}.container .detail-play-container .detail-play-box .play-box .iframe-box[data-v-7f1217a8]{flex:1}.container .detail-play-container .detail-play-box .play-box .like-collection-box[data-v-7f1217a8]{width:100%;height:70px}.container .detail-play-container .detail-play-box .play-box .like-collection-box .collection-btn[data-v-7f1217a8],.container .detail-play-container .detail-play-box .play-box .like-collection-box .like-btn[data-v-7f1217a8]{width:88px;height:38px;background:hsla(0,0%,100%,.09);border-radius:19px;margin-left:28px;color:#999;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container .detail-play-container .detail-play-box .courseware[data-v-7f1217a8]{width:385px;height:100%;display:flex;flex-direction:column}.container .detail-play-container .detail-play-box .courseware .courseware-top-title[data-v-7f1217a8]{width:100%;height:60px;line-height:60px;font-size:18px;border-bottom:1px solid #000;padding-left:25px}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]{flex:1;overflow-y:auto}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-scrollbar{width:8px;height:8px}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-scrollbar-button{display:none}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-scrollbar-track{background:transparent}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-scrollbar-track-piece{background-color:transparent}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-scrollbar-thumb{background:#000;cursor:pointer;border-radius:4px}.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-resizer,.container .detail-play-container .detail-play-box .courseware .courseware-list[data-v-7f1217a8]::-webkit-scrollbar-corner{display:none}.container .detail-play-container .detail-play-box .courseware .courseware-list>li[data-v-7f1217a8]{padding:0 25px}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .courseware-title[data-v-7f1217a8]{color:#717578;font-size:16px;height:60px;line-height:60px;cursor:pointer}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .resource-list li[data-v-7f1217a8]{color:#eee;padding:14px;border-radius:11px;cursor:pointer}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .resource-list li img[data-v-7f1217a8]{width:19px;height:23px;margin-right:11px}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .resource-list li .resource-item-right-box[data-v-7f1217a8]{width:260px}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .resource-list li .resource-item-right-box .resource-item-title[data-v-7f1217a8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .resource-list li .resource-item-right-box .resource-item-progress[data-v-7f1217a8]{color:#999;font-size:12px}.container .detail-play-container .detail-play-box .courseware .courseware-list>li .resource-list .resource-item[data-v-7f1217a8]{background:#0f1419}.container .detail-play-container .course-title-box[data-v-7f1217a8]{width:1320px;margin:0 auto;padding:28px 20px 36px 0}.container .detail-play-container .course-title-box .title[data-v-7f1217a8]{font-size:24px;color:#262626;font-weight:700;width:800px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .detail-play-container .course-title-box .btn-box[data-v-7f1217a8]{display:flex;align-items:center}.container .detail-play-container .course-title-box .btn-box>div[data-v-7f1217a8]{margin-left:20px}.container .detail-play-container .course-title-box .btn-box .study-btn[data-v-7f1217a8]{background:#3d83ff;border:1px solid #3d83ff;color:#fff;font-size:16px;padding:8px 44px;border-radius:20px;cursor:pointer}.container .detail-play-container .course-title-box .btn-box .un-study-btn[data-v-7f1217a8]{background:#f5f5f5;border:1px solid #999;color:#333;font-size:16px;padding:8px 44px;border-radius:20px;cursor:pointer}.container .detail-info-box[data-v-7f1217a8]{width:1320px;margin:24px auto 0}.container .detail-info-box .course-info[data-v-7f1217a8]{flex:1;background:#fff;border-radius:8px;padding:34px 27px 40px}.container .detail-info-box .course-info .course-info-tab-box .course-info-tab[data-v-7f1217a8]{font-size:16px;font-weight:700;margin-right:57px;flex-direction:column;cursor:pointer}.container .detail-info-box .course-info .course-info-tab-box .course-info-tab .line[data-v-7f1217a8]{display:block;width:21px;height:3px;border-radius:2px;margin-top:3px;transition:all .3s}.container .detail-info-box .course-info .course-introduce .course-introduce-text[data-v-7f1217a8]{font-size:14px;color:#595959;line-height:24px;margin:16px 0 31px;white-space:pre-wrap;word-break:break-all}.container .detail-info-box .course-info .course-introduce .teacher-info .teacher-tab[data-v-7f1217a8]{font-size:16px;font-weight:700;color:#262626;line-height:22px;margin-bottom:17px}.container .detail-info-box .course-info .course-introduce .teacher-info .teacher-info-content[data-v-7f1217a8]{height:222px;border-radius:10px;background:#f5f8fa;color:#595959;padding:20px}.container .detail-info-box .course-info .course-introduce .teacher-info .teacher-info-content>div[data-v-7f1217a8]{display:flex;justify-content:flex-start;margin:20px auto}.container .detail-info-box .course-info .course-introduce .teacher-info .teacher-info-content>div .fontSize[data-v-7f1217a8]{margin-bottom:10px;font-weight:800}.container .detail-info-box .course-info .course-introduce .teacher-info .teacher-info-content>div>div[data-v-7f1217a8]{margin-left:30px}.container .detail-info-box .course-info .comment[data-v-7f1217a8]{margin:20px 0;position:relative}.container .detail-info-box .course-info .comment .comment-title[data-v-7f1217a8]{font-size:16px;color:#262626;margin:30px 0 20px}.container .detail-info-box .course-info .comment .comment-title .comment-num[data-v-7f1217a8]{font-size:14px;color:#bfbfbf;margin-left:11px}.container .detail-info-box .course-info .comment-content-child[data-v-7f1217a8]{background:#fff;border-radius:5px;padding:20px 10px;position:relative}.container .detail-info-box .course-info .comment-content-child>li .comment-top[data-v-7f1217a8]{display:flex;flex-wrap:wrap}.container .detail-info-box .course-info .comment-content-child>li .comment-top img[data-v-7f1217a8]{width:50px;height:50px;border-radius:50%;margin-right:20px}.container .detail-info-box .course-info .comment-content-child>li .comment-top .comment-name[data-v-7f1217a8]{font-size:14px;color:#333;margin-bottom:5px;word-wrap:break-word}.container .detail-info-box .course-info .comment-content-child>li .comment-top .comment-value[data-v-7f1217a8]{font-size:13px;color:#333}.container .detail-info-box .course-info .comment-content-child>li .comment-btn[data-v-7f1217a8]{display:flex;align-items:center;justify-content:flex-start}.container .detail-info-box .course-info .comment-content-child-box[data-v-7f1217a8]{margin-left:70px;background:#f8f8f8;border-radius:5px;margin-bottom:10px}.container .detail-info-box .course-info .comment-content-child-box .comment-content-child[data-v-7f1217a8]{padding:0}.container .detail-info-box .course-info .comment-content-child-box .comment-content-child>li[data-v-7f1217a8]{padding:15px;background:#f8f8f8}.container .detail-info-box .course-info .comment-content-child-box .comment-content-child>li .comment-top img[data-v-7f1217a8]{width:30px;height:30px;border-radius:50%}.container .detail-info-box .course-info .comment-content-child-box .show-more-comment[data-v-7f1217a8]{font-size:12px;margin:10px}.container .detail-info-box .course-related[data-v-7f1217a8]{width:445px;margin-left:13px;background:#fff;border-radius:8px;padding:24px}.container .detail-info-box .course-related .course-related-title[data-v-7f1217a8]{font-size:16px;color:#333;margin-bottom:24px}.container .detail-info-box .course-related .course-related-list>li[data-v-7f1217a8]{margin-bottom:24px;cursor:pointer}.container .detail-info-box .course-related .course-related-list>li>img[data-v-7f1217a8]{width:110px;height:60px;border-radius:5px;margin-right:11px}.container .detail-info-box .course-related .course-related-list>li .course-title[data-v-7f1217a8]{width:270px;font-size:16px;margin-bottom:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .detail-info-box .course-related .course-related-list>li .course-see-num>img[data-v-7f1217a8]{width:10px;height:12px;margin-right:5px}.container .detail-info-box .course-related .course-related-list>li .course-see-num>div[data-v-7f1217a8]{font-size:12px;color:#999}.container .detail-info-box .course-related .show-btn[data-v-7f1217a8]{width:100%;height:28px;background:#f6f6f6;border-radius:4px;color:#595959;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.issue[data-v-7f1217a8]{display:flex;justify-content:right}.rate .rate-score[data-v-7f1217a8]{margin:0 10px;line-height:20px}.rate .rate-btn[data-v-7f1217a8]{margin-left:20px}.comment-content-box[data-v-7f1217a8]{margin:10px auto}.comment-content-box .li .comment-top[data-v-7f1217a8]{flex:1}.comment-content-box .li .comment-top img[data-v-7f1217a8]{width:50px;height:50px;border-radius:50%;margin-right:20px}.comment-content-box .li .comment-top .comment-names[data-v-7f1217a8]{position:relative;width:700px;left:80px;font-size:14px;margin-top:-60px;word-wrap:break-word}.comment-content-box .li .comment-top .comment-names>div[data-v-7f1217a8]{margin:10px auto}.comment-content-box .li .comments-btn[data-v-7f1217a8]{flex:1;display:flex;align-items:center;justify-content:flex-start}.release-comment-btn[data-v-7f1217a8]{margin:10px 5px 10px 90%}