.video-item[data-v-7e9643a0]{width:100%;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-top:30px;cursor:pointer;overflow:hidden}.video-item[data-v-7e9643a0]:first-child{margin-top:0}.video-item[data-v-7e9643a0]:hover{opacity:.8}.video-item:hover .video-title[data-v-7e9643a0]{color:#3ca7fa}.video-item .play-icon[data-v-7e9643a0]{width:20px;height:20px;cursor:pointer;margin-right:10px}.video-item .video-title[data-v-7e9643a0]{width:100%;height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-item .video-title .active[data-v-7e9643a0]{color:#3ca7fa}.video-item .video-title .text[data-v-7e9643a0]{width:173px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .text2[data-v-7e9643a0]{width:222px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .free[data-v-7e9643a0]{margin-left:5px;width:44px;height:22px;background:#04c877;border-radius:2px;color:#fff;font-size:12px;font-weight:400;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}.video-item .video-duration[data-v-7e9643a0]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.video-item[data-v-baca7658]{width:100%;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-top:30px;cursor:pointer;overflow:hidden}.video-item[data-v-baca7658]:first-child{margin-top:0}.video-item[data-v-baca7658]:hover{opacity:.8}.video-item:hover .video-title[data-v-baca7658]{color:#3ca7fa}.video-item .play-icon[data-v-baca7658]{width:20px;height:20px;cursor:pointer;margin-right:10px}.video-item .video-title[data-v-baca7658]{width:100%;height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-item .video-title .active[data-v-baca7658]{color:#3ca7fa}.video-item .video-title .text[data-v-baca7658]{width:173px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .text2[data-v-baca7658]{width:222px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .free[data-v-baca7658]{margin-left:5px;width:44px;height:22px;background:#04c877;border-radius:2px;color:#fff;font-size:12px;font-weight:400;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}.video-item .video-duration[data-v-baca7658]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.chapter-item[data-v-baca7658]{width:100%;height:auto;margin-top:50px}.chapter-item[data-v-baca7658]:first-child{margin-top:0}.chapter-item .chapter-name[data-v-baca7658]{width:100%;height:16px;font-size:16px;font-weight:500;color:#333;line-height:16px;margin-bottom:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.chapter-item .chapter-name[data-v-baca7658]:first-child,.chapter-item .chapter-name[data-v-baca7658]:last-child{margin-bottom:0}.chapter-item .chapter-videos-box[data-v-baca7658]{width:100%;height:auto}.chapter-item .chapter-videos-box .video-item[data-v-baca7658]{width:100%;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;margin-top:30px;overflow:hidden}.chapter-item .chapter-videos-box .video-item[data-v-baca7658]:hover{opacity:.8}.chapter-item .chapter-videos-box .video-item:hover .video-title[data-v-baca7658]{color:#3ca7fa}.chapter-item .chapter-videos-box .video-item .play-icon[data-v-baca7658]{width:20px;height:20px;cursor:pointer;margin-right:10px}.chapter-item .chapter-videos-box .video-item .video-title[data-v-baca7658]{height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chapter-item .chapter-videos-box .video-item .video-title .active[data-v-baca7658]{color:#3ca7fa}.chapter-item .chapter-videos-box .video-item .video-title .text[data-v-baca7658]{width:173px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.chapter-item .chapter-videos-box .video-item .video-title .text2[data-v-baca7658]{width:222px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.chapter-item .chapter-videos-box .video-item .video-title .free[data-v-baca7658]{margin-left:5px;width:44px;height:22px;background:#04c877;border-radius:2px;color:#fff;font-size:12px;font-weight:400;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}.chapter-item .chapter-videos-box .video-item .video-info[data-v-baca7658]{position:absolute;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:14px;font-weight:400;color:#999;line-height:14px;top:0;right:0}.chapter-item .chapter-videos-box .video-item .video-info .active-icon[data-v-baca7658]{width:22px;height:22px;margin-right:30px}@-webkit-keyframes el-skeleton-loading-ef01d0ac{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading-ef01d0ac{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-ef01d0ac]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skeleton .nav[data-v-ef01d0ac]{height:14px;margin:0 auto;margin-top:30px;margin-bottom:30px}.skeleton .nav[data-v-ef01d0ac],.skeleton .video-box[data-v-ef01d0ac]{width:1200px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-ef01d0ac 1.4s ease infinite;animation:el-skeleton-loading-ef01d0ac 1.4s ease infinite}.skeleton .video-box[data-v-ef01d0ac]{height:578px;margin:0 auto;border-radius:8px;overflow:hidden}.anti-idle-overlay[data-v-02df06f8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2147483647;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}.anti-idle-dialog[data-v-02df06f8]{position:absolute;background-color:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:2147483647}.dialog-content[data-v-02df06f8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.countdown[data-v-02df06f8]{margin:10px 0;font-weight:700;color:#f56c6c}button[data-v-02df06f8]{margin-top:auto;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-02df06f8]:hover{background-color:#66b1ff}.main-bg[data-v-ecf53bb8]{background-image:url(../../static/img/backougnd.e8ed2b3a.png);overflow-x:hidden;background-size:auto;background-repeat:no-repeat}.main-bg .content[data-v-ecf53bb8]{width:100%;padding-top:86px}.main-bg .content .fix-nav[data-v-ecf53bb8]{width:100%;background-color:#fff;position:sticky;top:0;z-index:50}.main-bg .content .fix-nav .tabs[data-v-ecf53bb8]{width:1200px;margin:0 auto;height:72px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:28px 30px;border-radius:0 0 8px 8px}.main-bg .content .fix-nav .tabs .item-tab[data-v-ecf53bb8]{min-width:64px;height:16px;font-size:16px;font-weight:400;color:#666;line-height:16px;margin-right:80px;cursor:pointer;position:relative}.main-bg .content .fix-nav .tabs .item-tab.active[data-v-ecf53bb8]{font-weight:600;color:#3ca7fa}.main-bg .content .fix-nav .tabs .item-tab .actline[data-v-ecf53bb8]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.main-bg .content .box[data-v-ecf53bb8]{width:1200px;margin:0 auto}.main-bg .content .box .nav[data-v-ecf53bb8]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#999;line-height:14px;margin-top:30px;margin-bottom:30px}.main-bg .content .box .nav a[data-v-ecf53bb8]{height:auto;font-size:14px;font-weight:400;color:#999;line-height:14px;margin-right:6px;cursor:pointer}.main-bg .content .box .nav a[data-v-ecf53bb8]:not(:first-of-type){margin-left:6px}.main-bg .content .box .nav span[data-v-ecf53bb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto;margin-left:6px;font-size:14px;font-weight:400;color:#666;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-bg .content .box .course-info[data-v-ecf53bb8]{width:1200px;height:578px;background:#fff;border-radius:8px}.main-bg .content .box .course-info .video-box[data-v-ecf53bb8]{width:1200px;height:506px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-bg .content .box .course-info .video-box .task-area[data-v-ecf53bb8]{width:900px;height:506px}.main-bg .content .box .course-info .video-box .task-area .task-warn-message[data-v-ecf53bb8]{width:100%;height:100%;text-align:center;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}.main-bg .content .box .course-info .video-box .task-area .task-area-audio[data-v-ecf53bb8]{height:100%;width:100%}.main-bg .content .box .course-info .video-box .task-area .task-area-audio .audio-player[data-v-ecf53bb8]{min-height:165px}.main-bg .content .box .course-info .video-box .play-box[data-v-ecf53bb8]{width:900px;height:506px;position:relative}.main-bg .content .box .course-info .video-box .play-box .des-video[data-v-ecf53bb8]{position:absolute;left:350px;top:216px;font-size:15px;font-weight:400;color:#fff;line-height:15px}.main-bg .content .box .course-info .video-box .play-box .goCurrent[data-v-ecf53bb8]{position:absolute;z-index:2003;width:auto;height:auto;background:rgba(0,0,0,.6);border-radius:0 4px 4px 0;left:0;bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:15px 20px}.main-bg .content .box .course-info .video-box .play-box .goCurrent span[data-v-ecf53bb8]{font-size:16px;font-weight:400;color:#fff;line-height:22px}.main-bg .content .box .course-info .video-box .play-box .goCurrent span.link[data-v-ecf53bb8]{cursor:pointer;color:#3ca7fa;margin-left:10px}.main-bg .content .box .course-info .video-box .play-box .iframe-player-box[data-v-ecf53bb8]{width:100%;height:100%}.main-bg .content .box .course-info .video-box .play-box .alert-message[data-v-ecf53bb8]{width:100%;height:100%;background:rgba(0,0,0,.6);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;font-size:14px;color:#fff}.main-bg .content .box .course-info .video-box .play-box .alert-message .subscribe-button[data-v-ecf53bb8]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:200px;padding:15px 20px;text-align:center;font-size:15px;font-weight:400;border-radius:4px;background-color:#ff4d4f;color:#fff;cursor:pointer}.main-bg .content .box .course-info .video-box .play-box .alert-message .subscribe-button2[data-v-ecf53bb8]{margin-top:30px;font-size:15px;font-weight:400;color:#ff4d4f;line-height:15px;cursor:pointer}.main-bg .content .box .course-info .video-box .play-box .alert-message .subscribe-info[data-v-ecf53bb8]{margin-top:-30px;margin-bottom:30px}.main-bg .content .box .course-info .video-box .play-box .alert-message .next-page[data-v-ecf53bb8]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:152px;height:auto;padding:10px 20px;margin-bottom:20px;background:#3ca7fa;color:#fff;border-radius:4px;cursor:pointer;text-align:center}.main-bg .content .box .course-info .video-box .play-box .alert-message .next-page[data-v-ecf53bb8]:hover{opacity:.8}.main-bg .content .box .course-info .video-box .play-box .alert-message .last-video[data-v-ecf53bb8]{font-size:15px;font-weight:400;color:#fff;line-height:15px}.main-bg .content .box .course-info .video-box .image-text[data-v-ecf53bb8]{width:900px;height:506px;position:relative}.main-bg .content .box .course-info .video-box .image-text .image-text-content[data-v-ecf53bb8]{height:100%;overflow-y:scroll;background-color:#fff}.main-bg .content .box .course-info .video-box .image-text .image-text-content-bar[data-v-ecf53bb8]{width:100%;bottom:0;position:absolute}.main-bg .content .box .course-info .video-box .image-text .full-screen[data-v-ecf53bb8]{margin-left:97%;cursor:pointer}.main-bg .content .box .course-info .video-box .course-chapter-box[data-v-ecf53bb8]{width:300px;height:506px;padding:30px 10px 30px 30px;background:#fff;overflow-y:auto}.main-bg .content .box .course-info .video-box .material-area[data-v-ecf53bb8]{margin-top:10px;width:100%;height:100%;overflow-y:scroll}.main-bg .content .box .course-info .video-box .material-area .material-list[data-v-ecf53bb8]{width:100%;line-height:5px}.main-bg .content .box .course-info .video-box .material-area .material-list .material-item-title[data-v-ecf53bb8]{font-size:14px;font-weight:700;padding:10px 0;width:50%;display:inline-block;padding-left:10px;color:#4a4a4d}.main-bg .content .box .course-info .video-box .material-area .material-list .material-item-operation[data-v-ecf53bb8]{width:50%;display:inline-block;padding-left:20%}.main-bg .content .box .course-info .video-box .material-area .material-list .material-item-operation i[data-v-ecf53bb8]{cursor:pointer}.main-bg .content .box .course-info .video-box .exam-area[data-v-ecf53bb8]{height:100%;width:100%}.main-bg .content .box .course-info .video-box .exam-area .exam-info[data-v-ecf53bb8]{text-align:center;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}.main-bg .content .box .course-info .video-box .exam-name[data-v-ecf53bb8]{font-size:24px;font-weight:700;text-align:center;color:#333;margin-bottom:22px}.main-bg .content .box .course-info .video-box .row[data-v-ecf53bb8]{margin-bottom:6px;font-size:16px;font-weight:400;text-align:left;padding-left:30px;color:#999}.main-bg .content .box .course-info .course-info-box[data-v-ecf53bb8]{width:1200px;height:300px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 50px 30px 30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-bg .content .box .course-info .course-info-box .course-thumb[data-v-ecf53bb8]{width:320px;height:240px;border-radius:8px;margin-right:50px;position:relative}.main-bg .content .box .course-info .course-info-box .course-thumb img[data-v-ecf53bb8]{width:320px;height:240px;border-radius:8px}.main-bg .content .box .course-info .course-info-box .course-thumb .status[data-v-ecf53bb8]{position:absolute;top:10px;left:10px;background-color:#3ca7fa;color:#fff;font-size:14px;padding:4px;border-radius:4px}.main-bg .content .box .course-info .course-info-box .info[data-v-ecf53bb8]{width:750px;height:240px;position:relative}.main-bg .content .box .course-info .course-info-box .info .course-info-title[data-v-ecf53bb8]{width:710px;height:24px;font-size:24px;font-weight:500;color:#333;line-height:24px;margin-top:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-bg .content .box .course-info .course-info-box .info .collect-button[data-v-ecf53bb8]{width:29px;height:29px;position:absolute;right:0;top:15px;cursor:pointer}.main-bg .content .box .course-info .course-info-box .info .desc[data-v-ecf53bb8]{margin-top:20px;width:750px;height:120px;font-size:16px;font-weight:400;color:#666;line-height:30px;overflow:hidden}.main-bg .content .box .course-info .tabs[data-v-ecf53bb8]{width:1200px;height:72px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:28px 30px;border-radius:0 0 8px 8px}.main-bg .content .box .course-info .tabs .item-tab[data-v-ecf53bb8]{min-width:64px;height:16px;font-size:16px;font-weight:400;color:#666;line-height:16px;margin-right:80px;cursor:pointer;position:relative}.main-bg .content .box .course-info .tabs .item-tab.active[data-v-ecf53bb8]{font-weight:600;color:#3ca7fa}.main-bg .content .box .course-info .tabs .item-tab .actline[data-v-ecf53bb8]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.main-bg .content .box .course-teacher-box[data-v-ecf53bb8]{width:1200px;height:270px;background:#fff;border-radius:8px;margin-top:30px;padding:30px 50px;-webkit-box-sizing:border-box;box-sizing:border-box}.main-bg .content .box .course-teacher-box .teacher[data-v-ecf53bb8]{width:auto;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-bg .content .box .course-teacher-box .teacher .avatar[data-v-ecf53bb8]{width:80px;height:80px;border-radius:50%;margin-right:20px}.main-bg .content .box .course-teacher-box .teacher a[data-v-ecf53bb8]{width:100%;height:24px;font-size:24px;font-weight:600;color:#333;line-height:24px}.main-bg .content .box .course-teacher-box .teacher-desc[data-v-ecf53bb8]{margin-top:26px;width:100%;height:64px;font-size:16px;font-weight:400;color:#666;line-height:32px;overflow:hidden}.main-bg .content .box .coursr-desc[data-v-ecf53bb8]{padding:30px;background:#fff;margin:30px 0;border-radius:8px}.main-bg .content .box .course-comments-box[data-v-ecf53bb8]{width:1200px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;margin:30px 0;border-radius:8px;padding:50px 30px 30px 30px;min-height:500px}.main-bg .content .box .course-comments-box .comment-divider[data-v-ecf53bb8]{width:100%;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px}.main-bg .content .box .course-comments-box .line[data-v-ecf53bb8]{width:100%;height:1px;background:#e5e5e5;margin:30px 0}.main-bg .content .box .course-comments-box .comment-top[data-v-ecf53bb8]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-bg .content .box .course-comments-box .comment-top #page[data-v-ecf53bb8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-bg .content .box .course-comments-box .comment-top .comment-item[data-v-ecf53bb8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:50px}.main-bg .content .box .course-comments-box .comment-top .comment-item[data-v-ecf53bb8]:last-child{margin-bottom:0}.main-bg .content .box .course-comments-box .comment-top .comment-item .user-avatar[data-v-ecf53bb8]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.main-bg .content .box .course-comments-box .comment-top .comment-item .user-avatar img[data-v-ecf53bb8]{width:48px;height:48px;border-radius:50%}.main-bg .content .box .course-comments-box .comment-top .comment-item .comment-content[data-v-ecf53bb8]{width:1062px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-bg .content .box .course-comments-box .comment-top .comment-item .comment-content .comment-info[data-v-ecf53bb8]{margin-top:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;margin-bottom:16px}.main-bg .content .box .course-comments-box .comment-top .comment-item .comment-content .comment-info .nickname[data-v-ecf53bb8]{margin-right:15px}.main-bg .content .box .course-comments-box .comment-top .comment-item .comment-content .comment-text[data-v-ecf53bb8]{width:1062px;font-size:14px;font-weight:400;color:#333;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-bg .content .box .course-comments-box .replybox[data-v-ecf53bb8]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px}.main-bg .content .box .course-comments-box .replybox .text[data-v-ecf53bb8]{width:100%;text-align:center;cursor:pointer}.main-bg .content .box .course-comments-box .replybox .text[data-v-ecf53bb8]:hover{color:#3ca7fa;text-decoration:underline}.main-bg .content .box .course-comments-box .replybox .reply[data-v-ecf53bb8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-bg .content .box .course-comments-box .replybox .reply .user-avatar[data-v-ecf53bb8]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.main-bg .content .box .course-comments-box .replybox .reply .reply-input[data-v-ecf53bb8]{width:960px;height:48px;border-radius:4px;border:1px solid #ccc;padding-left:10px;margin-right:30px;outline:none}.main-bg .content .box .course-comments-box .replybox .reply .btn-submit[data-v-ecf53bb8]{width:72px;height:48px;background:#ccc;border-radius:4px;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;font-size:16px;font-weight:400;color:#fff;line-height:16px;cursor:pointer}.main-bg .content .box .course-comments-box .replybox .reply .btn-submit[data-v-ecf53bb8]:hover{opacity:.8}.main-bg .content .box .course-comments-box .replybox .reply .btn-submit.active[data-v-ecf53bb8]{background:#3ca7fa}.main-bg .content .box .attach-list-box[data-v-ecf53bb8]{width:1200px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:50px 30px;background:#fff;margin-top:30px;border-radius:8px}.main-bg .content .box .attach-list-box .attach-item[data-v-ecf53bb8],.main-bg .content .box .attach-list-box[data-v-ecf53bb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box}.main-bg .content .box .attach-list-box .attach-item[data-v-ecf53bb8]{width:100%;height:40px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:50px}.main-bg .content .box .attach-list-box .attach-item[data-v-ecf53bb8]:first-child{margin-top:0}.main-bg .content .box .attach-list-box .attach-item .attach-name[data-v-ecf53bb8]{height:16px;font-size:16px;font-weight:500;color:#333;line-height:16px}.main-bg .content .box .attach-list-box .attach-item .download-attach[data-v-ecf53bb8]{margin-left:30px;width:104px;height:40px;background:#3ca7fa;border-radius:4px;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;font-size:16px;font-weight:400;color:#fff;cursor:pointer}.main-bg .content .box .attach-list-box .attach-item .download-attach[data-v-ecf53bb8]:hover{opacity:.8}.main-bg #player-container[data-v-ecf53bb8]{width:900px;height:506px;float:left}.main-bg[data-v-ecf53bb8] ::-webkit-scrollbar{width:8px;height:8px}.main-bg[data-v-ecf53bb8] ::-webkit-scrollbar-thumb{border-radius:5px;background-color:#e5e5e5}.main-bg[data-v-ecf53bb8] ::-webkit-scrollbar-track{background:#fff;border-radius:0}