.footer[data-v-e42f6b72]{margin-top:150px;width:100%;background:#0f0a1e}.footer.active[data-v-e42f6b72]{margin-top:0}.footer .footer-box[data-v-e42f6b72]{width:1200px;margin:0 auto;display:flex;flex-direction:column;padding:60px 0 30px 0;box-sizing:border-box}.footer .footer-box .tit[data-v-e42f6b72]{width:100%;height:16px;font-size:18px;font-weight:400;color:#fff;line-height:16px;margin-bottom:40px}.footer .footer-box .links[data-v-e42f6b72]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:50px}.footer .footer-box .links a[data-v-e42f6b72]{height:14px;font-size:14px;font-weight:400;color:#6b7280;line-height:14px;margin-right:50px;margin-bottom:30px}.footer .footer-box .info2[data-v-e42f6b72]{width:160px;height:18px;margin:0 auto;cursor:pointer}.footer .footer-box .info2 a[data-v-e42f6b72]{width:100%;height:100%}.footer .footer-box .info2 a img[data-v-e42f6b72]{width:160px;height:18px}.footer .footer-box .info1[data-v-e42f6b72]{width:100%;text-align:center;height:12px;font-size:12px;font-weight:400;color:#6b7280;line-height:12px;margin-top:28px}.mask[data-v-c7bc97fe]{width:100%;height:100%;top:0;bottom:0;left:0;right:0;position:fixed;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100}.mask .dialog-box[data-v-c7bc97fe]{width:600px;height:252px;background:#fff;border-radius:8px;display:flex;flex-direction:column;-webkit-animation:scaleBig .3s;animation:scaleBig .3s}.mask .dialog-box .dialog-title[data-v-c7bc97fe]{width:100%;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;margin-top:50px;margin-bottom:50px;text-align:center}.mask .dialog-box .info[data-v-c7bc97fe]{width:100%;height:18px;font-size:18px;font-weight:400;color:#333;line-height:18px;text-align:center;margin-bottom:50px}.mask .dialog-box .btn-box[data-v-c7bc97fe]{width:100%;height:70px;display:flex;flex-direction:row;box-shadow:0 -2px 4px 0 hsla(0,0%,40%,.05);box-sizing:border-box;padding:7px 15px;justify-content:center}.mask .dialog-box .btn-box .btn-cancel[data-v-c7bc97fe]{width:88px;height:56px;border-radius:4px;border:1px solid #e5e5e5;margin-right:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:400;color:#333}.mask .dialog-box .btn-box .btn-cancel[data-v-c7bc97fe]:hover{opacity:.8}.mask .dialog-box .btn-box .btn-video[data-v-c7bc97fe]{padding:20px;border-radius:4px;border:1px solid #ff5068;margin-right:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:400;color:#ff5068;line-height:16px}.mask .dialog-box .btn-box .btn-video[data-v-c7bc97fe]:hover{opacity:.8}.mask .dialog-box .btn-box .btn-vip[data-v-c7bc97fe]{padding:20px 24px;border-radius:4px;background:#e1a500;margin-right:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:400;color:#fff;line-height:16px}.mask .dialog-box .btn-box .btn-vip[data-v-c7bc97fe]:hover{opacity:.8}.mask .dialog-box .btn-box .btn-course[data-v-c7bc97fe]{padding:20px;border-radius:4px;background:#ff5068;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:400;color:#fff;line-height:16px}.mask .dialog-box .btn-box .btn-course[data-v-c7bc97fe]:hover{opacity:.8}@-webkit-keyframes el-skeleton-loading-data-v-5cd813a0{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading-data-v-5cd813a0{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-5cd813a0]{width:100%;display:flex;flex-direction:column;margin-top:30px}.skeleton .item[data-v-5cd813a0]{width:100%;display:flex;flex-direction:column;margin-bottom:50px}.skeleton .item .info-box[data-v-5cd813a0]{width:100%;height:300px;box-sizing:border-box;position:relative;display:flex;flex-direction:row}.skeleton .item .info-box .thumb[data-v-5cd813a0]{width:320px;height:240px;margin-right:50px;position:relative;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite;animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite}.skeleton .item .info-box .body[data-v-5cd813a0]{width:770px;height:240px}.skeleton .item .info-box .body .title[data-v-5cd813a0]{width:275px;height:34px}.skeleton .item .info-box .body .text[data-v-5cd813a0],.skeleton .item .info-box .body .title[data-v-5cd813a0]{margin-top:15px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite;animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite}.skeleton .item .info-box .body .text[data-v-5cd813a0]{width:100%;height:18px}.skeleton .item .info-box .body .button[data-v-5cd813a0]{width:146px;height:56px;margin-top:35px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite;animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite}.skeleton .item .tabs[data-v-5cd813a0]{width:516px;height:34px}.skeleton .info[data-v-5cd813a0],.skeleton .item .tabs[data-v-5cd813a0]{margin-top:20px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite;animation:el-skeleton-loading-data-v-5cd813a0 1.4s ease infinite}.skeleton .info[data-v-5cd813a0]{width:1140px;height:16px}.content[data-v-f1c763d4]{width:100%}.content .fix-nav[data-v-f1c763d4]{width:100%;background-color:#fff;position:sticky;top:0;z-index:50}.content .fix-nav .tabs[data-v-f1c763d4]{width:1200px;margin:0 auto;height:72px;position:relative;box-sizing:border-box;display:flex;flex-direction:row;padding:28px 30px;border-radius:0 0 8px 8px}.content .fix-nav .tabs .item-tab[data-v-f1c763d4]{width:64px;height:16px;font-size:16px;font-weight:400;color:#666;line-height:16px;margin-right:80px;cursor:pointer;position:relative}.content .fix-nav .tabs .item-tab.active[data-v-f1c763d4]{font-weight:600;color:#3ca7fa}.content .fix-nav .tabs .item-tab .actline[data-v-f1c763d4]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.content .box[data-v-f1c763d4]{width:1200px;margin:0 auto}.content .box .nav[data-v-f1c763d4]{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:14px;color:#999;line-height:14px;margin-top:30px;margin-bottom:30px}.content .box .nav a[data-v-f1c763d4]{height:auto;font-size:14px;font-weight:400;color:#999;line-height:14px;margin-right:6px}.content .box .nav a[data-v-f1c763d4]:not(:first-of-type){margin-left:6px}.content .box .nav span[data-v-f1c763d4]{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}.content .box .course-info[data-v-f1c763d4]{width:1200px;height:372px;background:#fff;border-radius:8px}.content .box .course-info .course-info-box[data-v-f1c763d4]{width:1200px;height:300px;box-sizing:border-box;padding:30px 50px 30px 30px;position:relative;display:flex;flex-direction:row}.content .box .course-info .course-info-box .course-thumb[data-v-f1c763d4]{width:320px;height:240px;border-radius:8px;margin-right:50px;position:relative;overflow:hidden}.content .box .course-info .course-info-box .course-thumb .status[data-v-f1c763d4]{position:absolute;top:10px;left:10px;background-color:#3ca7fa;color:#fff;font-size:14px;padding:4px;border-radius:4px}.content .box .course-info .course-info-box .info[data-v-f1c763d4]{width:750px;height:240px;position:relative}.content .box .course-info .course-info-box .info .course-info-title[data-v-f1c763d4]{width:710px;height:30px;font-size:24px;font-weight:500;color:#333;line-height:24px;margin-top:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .box .course-info .course-info-box .info .collect-button[data-v-f1c763d4]{width:29px;height:29px;position:absolute;right:0;top:18px;cursor:pointer}.content .box .course-info .course-info-box .info .desc[data-v-f1c763d4]{margin-top:14px;width:750px;height:90px;font-size:16px;font-weight:400;color:#666;line-height:30px;overflow:hidden}.content .box .course-info .course-info-box .info .btn-box[data-v-f1c763d4]{position:absolute;bottom:0;left:0;width:100%;height:auto;float:left;display:flex;flex-direction:row}.content .box .course-info .course-info-box .info .btn-box .has-button[data-v-f1c763d4]{background:#f4fafe;border-radius:4px;padding:20px;font-size:16px;font-weight:400;color:#999;line-height:16px;box-sizing:border-box;cursor:pointer}.content .box .course-info .course-info-box .info .btn-box .buy-button[data-v-f1c763d4]{background:#ff5068;border-radius:4px;padding:20px;font-size:16px;font-weight:400;color:#fff;line-height:16px;box-sizing:border-box;cursor:pointer}.content .box .course-info .course-info-box .info .btn-box .buy-button[data-v-f1c763d4]:hover{opacity:.8}.content .box .course-info .course-info-box .info .btn-box .role-button[data-v-f1c763d4]{background:#e1a500;border-radius:4px;padding:20px;font-size:16px;font-weight:400;color:#fff;line-height:16px;box-sizing:border-box;margin-left:20px;cursor:pointer}.content .box .course-info .course-info-box .info .btn-box .role-button[data-v-f1c763d4]:hover{opacity:.8}.content .box .course-info .tabs[data-v-f1c763d4]{width:1200px;height:72px;position:relative;box-sizing:border-box;display:flex;flex-direction:row;padding:28px 30px}.content .box .course-info .tabs .item-tab[data-v-f1c763d4]{width:64px;height:16px;font-size:16px;font-weight:400;color:#666;line-height:16px;margin-right:80px;cursor:pointer;position:relative}.content .box .course-info .tabs .item-tab.active[data-v-f1c763d4]{font-weight:600;color:#3ca7fa}.content .box .course-info .tabs .item-tab .actline[data-v-f1c763d4]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.content .box .course-teacher-box[data-v-f1c763d4]{width:1200px;background:#fff;border-radius:8px;margin-top:30px;padding:50px 30px;box-sizing:border-box}.content .box .course-teacher-box .teacher-item[data-v-f1c763d4]{width:100%;margin-bottom:30px}.content .box .course-teacher-box .teacher-item[data-v-f1c763d4]:last-child{margin-bottom:0}.content .box .course-teacher-box .teacher-item .teacher[data-v-f1c763d4]{width:auto;height:80px;display:flex;align-items:center;flex-direction:row}.content .box .course-teacher-box .teacher-item .teacher .avatar[data-v-f1c763d4]{width:80px;height:80px;border-radius:50%;margin-right:20px}.content .box .course-teacher-box .teacher-item .teacher a[data-v-f1c763d4]{width:100%;height:24px;font-size:24px;font-weight:600;color:#333;line-height:24px}.content .box .course-teacher-box .teacher-item .teacher-desc[data-v-f1c763d4]{margin-top:26px;width:100%;font-size:16px;font-weight:400;color:#666;line-height:32px;overflow:hidden}.content .box .coursr-desc[data-v-f1c763d4]{padding:30px;background:#fff;margin-top:30px;border-radius:8px;font-size:16px;font-weight:400;color:#121212;line-height:28px}.content .box .course-chapter-box[data-v-f1c763d4]{width:1200px;padding:50px 30px;background:#fff;margin-top:30px;border-radius:8px}.content .box .course-chapter-box .chapter-item .chapter-videos-box[data-v-f1c763d4],.content .box .course-chapter-box .chapter-item[data-v-f1c763d4]{width:100%;height:auto}.content .box .course-chapter-box .chapter-item .chapter-videos-box .video-item[data-v-f1c763d4]{width:100%;height:24px;display:flex;flex-direction:row;align-items:center;position:relative;cursor:pointer;margin-bottom:30px}.content .box .course-chapter-box .chapter-item .chapter-videos-box .video-item[data-v-f1c763d4]:last-child{margin-bottom:0}.content .box .course-chapter-box .chapter-item .chapter-videos-box .video-item .play-icon[data-v-f1c763d4]{width:24px;height:24px;cursor:pointer}.content .box .course-chapter-box .chapter-item .chapter-videos-box .video-item .video-title[data-v-f1c763d4]{height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;margin-left:15px;display:flex;flex-direction:row;align-items:center}.content .box .course-chapter-box .chapter-item .chapter-videos-box .video-item .video-title .free[data-v-f1c763d4]{margin-left:15px;width:44px;height:22px;background:#04c877;border-radius:2px;color:#fff;font-size:12px;font-weight:400;display:flex;align-items:center;justify-content:center}.content .box .course-chapter-box .chapter-item .chapter-videos-box .video-item .video-info[data-v-f1c763d4]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.content .box .course-comments-box[data-v-f1c763d4]{width:1200px;box-sizing:border-box;background:#fff;margin-top:30px;border-radius:8px;padding:30px}.content .box .course-comments-box .comment-divider[data-v-f1c763d4]{width:100%;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px}.content .box .course-comments-box .line[data-v-f1c763d4]{width:100%;height:1px;background:#e5e5e5;margin:30px 0}.content .box .course-comments-box .comment-top[data-v-f1c763d4]{box-sizing:border-box;width:100%;padding:0;display:flex;flex-direction:column}.content .box .course-comments-box .comment-top #page[data-v-f1c763d4]{width:100%;display:flex;justify-content:center}.content .box .course-comments-box .comment-top .comment-item[data-v-f1c763d4]{width:100%;display:flex;flex-direction:row;margin-bottom:50px}.content .box .course-comments-box .comment-top .comment-item[data-v-f1c763d4]:last-child{margin-bottom:0}.content .box .course-comments-box .comment-top .comment-item .user-avatar[data-v-f1c763d4]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.content .box .course-comments-box .comment-top .comment-item .user-avatar img[data-v-f1c763d4]{width:48px;height:48px;border-radius:50%}.content .box .course-comments-box .comment-top .comment-item .comment-content[data-v-f1c763d4]{width:1062px;display:flex;flex-direction:column}.content .box .course-comments-box .comment-top .comment-item .comment-content .comment-info[data-v-f1c763d4]{margin-top:3px;display:flex;flex-direction:row;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;margin-bottom:16px}.content .box .course-comments-box .comment-top .comment-item .comment-content .comment-info .nickname[data-v-f1c763d4]{margin-right:15px}.content .box .course-comments-box .comment-top .comment-item .comment-content .comment-text[data-v-f1c763d4]{width:1062px;font-size:14px;font-weight:400;color:#333;line-height:20px;display:flex;flex-direction:row;flex-wrap:wrap}.content .box .course-comments-box .replybox[data-v-f1c763d4]{box-sizing:border-box;width:100%;height:48px;display:flex;flex-direction:row;align-items:center;margin-bottom:50px}.content .box .course-comments-box .replybox .text[data-v-f1c763d4]{width:100%;text-align:center;cursor:pointer}.content .box .course-comments-box .replybox .text[data-v-f1c763d4]:hover{color:#3ca7fa;text-decoration:underline}.content .box .course-comments-box .replybox .reply[data-v-f1c763d4]{width:100%;display:flex;flex-direction:row;align-items:center}.content .box .course-comments-box .replybox .reply .user-avatar[data-v-f1c763d4]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.content .box .course-comments-box .replybox .reply .reply-input[data-v-f1c763d4]{width:960px;height:48px;border-radius:4px;border:1px solid #ccc;padding-left:10px;margin-right:30px;outline:none}.content .box .course-comments-box .replybox .reply .btn-submit[data-v-f1c763d4]{width:72px;height:48px;background:#ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#fff;line-height:16px;cursor:pointer}.content .box .course-comments-box .replybox .reply .btn-submit[data-v-f1c763d4]:hover{opacity:.8}.content .box .course-comments-box .replybox .reply .btn-submit.active[data-v-f1c763d4]{background:#3ca7fa}