.breadcrumb-div[data-v-6ed21750]{margin-bottom:20px;font-size:14px;color:#1a1a1a;line-height:22px}.s-canvas[data-v-56add593]{height:38px;cursor:pointer}.s-canvas canvas[data-v-56add593]{height:100%;border:1px solid #dcdfe6}.file-upload .file-progress[data-v-7ed9dec0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.file-upload .file-progress[data-v-7ed9dec0] .el-progress-circle{width:100%!important;height:100%!important}[data-v-2051e4df] .el-dialog__body{padding:0!important}[data-v-2051e4df] .el-tabs__nav-scroll{display:flex}[data-v-2051e4df] .el-tabs__nav-scroll .el-tabs__nav{margin:auto}[data-v-2051e4df] .dplayer-video{max-height:80vh!important}.course-main[data-v-2051e4df]{padding-right:40px;padding-left:40px}.course-main .content[data-v-2051e4df]{padding-bottom:60px;margin:auto;width:1212px}.course-main .content .info-box[data-v-2051e4df]{padding:48px 0 20px;margin-bottom:20px;border-radius:5px}.course-main .content .info-box .top[data-v-2051e4df]{text-align:left}.course-main .content .info-box .top .lesson-img[data-v-2051e4df],.course-main .content .info-box .top .player-div[data-v-2051e4df]{position:absolute;width:780px;height:462px;border-radius:8px 8px 0 0}.course-main .content .info-box .top .player-div[data-v-2051e4df]{top:0}.course-main .content .info-box .top .mask-div[data-v-2051e4df]{position:absolute;top:0;width:780px;height:462px;background:rgba(0,0,0,.39);opacity:.45}.course-main .content .info-box .top .play-img[data-v-2051e4df]{top:200px;left:355px;z-index:999}.course-main .content .info-box .top .play-audio-img[data-v-2051e4df]{top:200px;left:372px;z-index:999}.course-main .content .info-box .top .play-text[data-v-2051e4df]{position:absolute;top:243px;left:281px;width:224px;font-size:16px;color:#fff}.course-main .content .info-box .lesson-list-box-left[data-v-2051e4df]{left:735px}.course-main .content .info-box .lesson-list-box-audio-left[data-v-2051e4df]{left:772px}.course-main .content .info-box .lesson-list-box[data-v-2051e4df]{position:relative;width:410px;height:562px;background:#fff;border-radius:10px;opacity:1}.course-main .content .info-box .lesson-list-box .lesson-content[data-v-2051e4df]{padding-top:15px;padding-right:10px;padding-left:10px;margin:auto;width:360px;height:66px}.course-main .content .info-box .lesson-list-box .lesson-content[data-v-2051e4df]:nth-child(odd){background:hsla(0,0%,98%,.39)}.course-main .content .info-box .course[data-v-2051e4df]{width:660px;text-align:left}.course-main .content .info-box .course .course-title[data-v-2051e4df]{margin-bottom:6px;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.course-main .content .info-box .course .course-viewNum[data-v-2051e4df]{font-size:14px}.course-main .content .info-box .course .course-introduction[data-v-2051e4df]{word-break:break-all}.course-main .content .info-box .course-btn[data-v-2051e4df]{display:flex;justify-content:center;width:332px;height:44px;font-size:22px;color:#fff;background-color:#2ec620;border-radius:5px;align-content:center}.course-main .content .info-box .bottom .course-active-btn[data-v-2051e4df]{display:flex;justify-content:center;margin-right:8px;height:44px;font-size:22px;color:#fff;background-color:#2ec620;border:1px solid #2ec620;border-radius:5px;align-content:center}.course-main .content .progress-box[data-v-2051e4df]{padding:10px 40px}.course-main .content .progress-box .progress-div[data-v-2051e4df]{width:100%}.course-main .content .progress-box .progress-div .percentage-text[data-v-2051e4df]{padding-left:20px;font-size:16px;font-weight:700}.course-main .content .progress-box .progress-div .tips[data-v-2051e4df]{padding:4px 16px;margin-top:10px;max-width:-moz-max-content;max-width:max-content;font-size:14px;background:rgba(248,210,28,.1);border:1px solid rgba(248,210,28,.35);border-radius:2px}.course-main .content .progress-box .study-btn[data-v-2051e4df]{display:flex;justify-content:center;margin-right:8px;margin-left:60px;height:44px;font-size:18px;color:#fff;background-color:#2ec620;border:1px solid #2ec620;border-radius:5px;align-content:center}.course-main .content .comment-payJoinClass[data-v-2051e4df]{padding:20px 40px 80px;background-color:#fff;border-radius:5px}.course-main .content .comment-payJoinClass .news-comment-input[data-v-2051e4df]{height:40px;box-sizing:border-box;border:0;border-radius:5px}.course-main .content .comment-payJoinClass .comment-send[data-v-2051e4df]{margin-left:24px;height:40px;font-size:18px}.course-main .content .comment-payJoinClass .list[data-v-2051e4df]{margin-top:80px}.course-main .content .comment-payJoinClass .list .comment-li[data-v-2051e4df]{padding-bottom:32px;width:100%;border-bottom:1px solid rgba(132,132,148,.2)}.course-main .content .comment-payJoinClass .list .comment-li .comment-img[data-v-2051e4df]{margin-right:10px;width:62px;height:62px;border-radius:31px}.course-main .content .comment-payJoinClass .list .comment-li .comment-info .comment-top .user-name[data-v-2051e4df]{padding-right:20px;font-size:18px}.course-main .content .comment-payJoinClass .list .comment-li .comment-info .comment-top .user-sendTime[data-v-2051e4df]{padding-right:40px;color:#848494}.course-main .content .comment-payJoinClass .list .comment-li .comment-info .comment-bottom[data-v-2051e4df]{line-height:26px;letter-spacing:.15px;text-align:left}.course-main .content .comment-payJoinClass .flow-more[data-v-2051e4df]{margin:10px 0;font-size:14px;text-align:center}.course-main .content .comment-payJoinClass .flow-more .more-btn[data-v-2051e4df]{padding:0 20px;margin-top:20px;height:32px;color:#333;background-color:#eee;border-radius:3px;font-style:normal}.course-main .content .comment-payJoinClass .flow-more .no-more[data-v-2051e4df]{padding-top:20px;text-align:center;color:#848494}.course-main .content .directory-box[data-v-2051e4df]{margin-bottom:60px}.course-main .content .directory-box .left[data-v-2051e4df]{padding:20px 40px 60px;margin-right:20px;width:1015px;background-color:#fff;border-radius:5px}.course-main .content .directory-box .left .lesson-list-div[data-v-2051e4df]{padding:18px 0;border-bottom:1px solid rgba(132,132,148,.2)}.course-main .content .directory-box .left .lesson-list-div .haveSeen[data-v-2051e4df]{padding-right:5px;padding-left:5px;margin-right:10px;font-size:14px;color:#2ec620;border:1px solid #2ec620;border-radius:2px}.course-main .content .directory-box .left .lesson-list-div .haveNotSeen[data-v-2051e4df]{padding-right:5px;padding-left:5px;margin-right:10px;font-size:14px;color:rgba(132,132,148,.7);border:1px solid rgba(132,132,148,.7);border-radius:2px}.course-main .content .directory-box .left .lesson-list-div[data-v-2051e4df]:last-child{border-bottom:0}.course-main .content .directory-box .comment[data-v-2051e4df]{padding:20px 40px 60px;width:700px;background-color:#fff;border-radius:5px}.course-main .content .directory-box .comment .news-comment-input[data-v-2051e4df]{width:790px;height:38px;box-sizing:border-box;border:0;border-radius:5px}.course-main .content .directory-box .comment .comment-send[data-v-2051e4df]{padding:7px 16px;margin-left:20px;width:120px;height:38px;border:1px solid #848494;border-radius:5px;box-sizing:border-box;cursor:pointer}.course-main .content .directory-box .comment .comment-send .comment-send-sendIcon[data-v-2051e4df]{padding-right:10px;width:14px;height:14px}.course-main .content .directory-box .comment .comment-send .comment-sendTitle[data-v-2051e4df]{font-size:16px;color:#848494}.course-main .content .directory-box .comment .list .comment-li[data-v-2051e4df]{padding:20px;width:100%;border-bottom:1px solid rgba(132,132,148,.2)}.course-main .content .directory-box .comment .list .comment-li .comment-img[data-v-2051e4df]{margin-right:10px;width:62px;height:62px;border-radius:31px}.course-main .content .directory-box .comment .list .comment-li .comment-info .comment-top .user-name[data-v-2051e4df]{padding-right:20px;font-size:18px}.course-main .content .directory-box .comment .list .comment-li .comment-info .comment-top .user-sendTime[data-v-2051e4df]{padding-right:40px;color:#848494}.course-main .content .directory-box .comment .list .comment-li .comment-info .comment-bottom[data-v-2051e4df]{line-height:26px;letter-spacing:.15px;text-align:left}.course-main .content .directory-box .comment .flow-more[data-v-2051e4df]{margin:10px 0;font-size:14px;text-align:center}.course-main .content .directory-box .comment .flow-more .more-btn[data-v-2051e4df]{padding:0 20px;margin-top:20px;height:32px;color:#333;background-color:#eee;border-radius:3px;font-style:normal}.course-main .content .directory-box .comment .flow-more .no-more[data-v-2051e4df]{padding-top:20px;text-align:center;color:#848494}.course-main .content .directory-box .right[data-v-2051e4df]{padding:20px;width:368px;text-align:center;background-color:#fff;border-radius:5px}.course-main .content .directory-box .right div[data-v-2051e4df]{padding-bottom:20px;font-size:22px;text-align:left}.course-main video[data-v-2051e4df]::-webkit-media-controls-timeline{display:none}.course-main .w250[data-v-2051e4df]{width:250px}.course-main .course-info-div[data-v-2051e4df]{position:absolute;top:786px;width:780px;height:100px;background:#fff;border-radius:0 0 8px 8px}.course-main .course-info-div .collect-wrapper[data-v-2051e4df]{width:64px}.course-main .collect-label[data-v-2051e4df]{font-size:14px!important;color:rgba(0,0,0,.45)}.course-main .collect-img[data-v-2051e4df]{margin-top:-30px;width:24px;height:24px}.course-main .header-img[data-v-2051e4df]{width:32px;height:32px;border-radius:50%}.course-main .buy-btn[data-v-2051e4df]{width:120px;height:40px}.course-main .lesson-play-img[data-v-2051e4df]{width:18px;height:18px}