@-webkit-keyframes el-skeleton-loading-0dd2d500{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading-0dd2d500{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-0dd2d500]{margin-top:30px}.skeleton .item[data-v-0dd2d500],.skeleton[data-v-0dd2d500]{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 .item[data-v-0dd2d500]{margin-bottom:50px}.skeleton .item .info-box[data-v-0dd2d500]{width:100%;height:300px;-webkit-box-sizing:border-box;box-sizing:border-box;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}.skeleton .item .info-box .thumb[data-v-0dd2d500]{width:320px;height:240px;margin-right:50px;position:relative;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-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .item .info-box .body[data-v-0dd2d500]{width:770px;height:240px}.skeleton .item .info-box .body .title[data-v-0dd2d500]{width:275px;height:34px}.skeleton .item .info-box .body .text[data-v-0dd2d500],.skeleton .item .info-box .body .title[data-v-0dd2d500]{margin-top:15px;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-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .item .info-box .body .text[data-v-0dd2d500]{width:100%;height:18px}.skeleton .item .info-box .body .button[data-v-0dd2d500]{width:146px;height:56px;margin-top:35px;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-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .item .tabs[data-v-0dd2d500]{width:516px;height:34px}.skeleton .info[data-v-0dd2d500],.skeleton .item .tabs[data-v-0dd2d500]{margin-top:20px;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-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .info[data-v-0dd2d500]{width:1140px;height:16px}.video-item[data-v-01eb27ed]{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}.video-item[data-v-01eb27ed]:first-child{margin-top:0}.video-item[data-v-01eb27ed]:hover{opacity:.8}.video-item:hover .video-title[data-v-01eb27ed]{color:#3ca7fa}.video-item .play-icon[data-v-01eb27ed]{width:24px;height:24px;cursor:pointer;margin-right:15px}.video-item .video-title[data-v-01eb27ed]{font-size:14px;color:#333;line-height:14px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.video-item .video-title .free[data-v-01eb27ed],.video-item .video-title[data-v-01eb27ed]{height:22px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-item .video-title .free[data-v-01eb27ed]{margin-left:15px;width:44px;background:#04c877;border-radius:2px;color:#fff;font-size:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-item .video-duration[data-v-01eb27ed]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.video-item[data-v-638a1bd8]{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}.video-item[data-v-638a1bd8]:first-child{margin-top:0}.video-item[data-v-638a1bd8]:hover{opacity:.8}.video-item:hover .video-title[data-v-638a1bd8]{color:#3ca7fa}.video-item .play-icon[data-v-638a1bd8]{width:24px;height:24px;cursor:pointer;margin-right:15px}.video-item .video-title[data-v-638a1bd8]{font-size:14px;color:#333;line-height:14px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.video-item .video-title .free[data-v-638a1bd8],.video-item .video-title[data-v-638a1bd8]{height:22px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-item .video-title .free[data-v-638a1bd8]{margin-left:15px;width:44px;background:#04c877;border-radius:2px;color:#fff;font-size:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-item .video-duration[data-v-638a1bd8]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.chapter-item[data-v-638a1bd8]{width:100%;height:auto;margin-top:50px}.chapter-item[data-v-638a1bd8]:first-child{margin-top:0}.chapter-item .chapter-name[data-v-638a1bd8]{width:100%;height:16px;font-size:16px;font-weight:500;color:#333;line-height:16px;margin-bottom:30px}.chapter-item .chapter-name[data-v-638a1bd8]:first-child,.chapter-item .chapter-name[data-v-638a1bd8]:last-child{margin-bottom:0}.chapter-item .chapter-videos-box[data-v-638a1bd8]{width:100%;height:auto}.chapter-item .chapter-videos-box .video-item[data-v-638a1bd8]{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}.chapter-item .chapter-videos-box .video-item[data-v-638a1bd8]:hover{opacity:.8}.chapter-item .chapter-videos-box .video-item:hover .video-title[data-v-638a1bd8]{color:#3ca7fa}.chapter-item .chapter-videos-box .video-item .play-icon[data-v-638a1bd8]{width:24px;height:24px;cursor:pointer;margin-right:15px}.chapter-item .chapter-videos-box .video-item .video-title[data-v-638a1bd8]{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 .free[data-v-638a1bd8]{margin-left:15px;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-638a1bd8]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.main-bg[data-v-f59c9bc4]{background-image:url(../../static/img/backougnd.e8ed2b3a.png);overflow-x:hidden;background-size:auto;background-repeat:no-repeat}.main-bg .content[data-v-f59c9bc4]{width:100%;padding-top:86px}.main-bg .content .fix-nav[data-v-f59c9bc4]{width:100%;background-color:#fff;position:sticky;top:0;z-index:50}.main-bg .content .fix-nav .tabs[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]{font-weight:600;color:#3ca7fa}.main-bg .content .fix-nav .tabs .item-tab .actline[data-v-f59c9bc4]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.main-bg .content .box[data-v-f59c9bc4]{width:1200px;margin:0 auto}.main-bg .content .box .nav[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]:not(:first-of-type){margin-left:6px}.main-bg .content .box .nav span[data-v-f59c9bc4]{-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-f59c9bc4]{width:1200px;height:auto;background:#fff;border-radius:8px}.main-bg .content .box .course-info .course-info-box[data-v-f59c9bc4]{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-f59c9bc4]{width:320px;height:240px;border-radius:8px;margin-right:50px;position:relative;overflow:hidden}.main-bg .content .box .course-info .course-info-box .course-thumb .status[data-v-f59c9bc4]{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-f59c9bc4]{width:750px;height:240px;position:relative}.main-bg .content .box .course-info .course-info-box .info .course-info-title[data-v-f59c9bc4]{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}.main-bg .content .box .course-info .course-info-box .info .collect-button[data-v-f59c9bc4]{width:29px;height:29px;position:absolute;right:0;top:18px;cursor:pointer}.main-bg .content .box .course-info .course-info-box .info .desc[data-v-f59c9bc4]{margin-top:14px;width:750px;height:90px;font-size:16px;font-weight:400;color:#666;line-height:30px;overflow:hidden}.main-bg .content .box .course-info .course-info-box .info .btn-box[data-v-f59c9bc4]{position:absolute;bottom:0;left:0;width:100%;height:auto;float:left;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 .info .btn-box .buy-button[data-v-f59c9bc4]{background:#3ca7fa;border-radius:4px;padding:20px;font-size:16px;font-weight:400;color:#fff;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.main-bg .content .box .course-info .course-info-box .info .btn-box .buy-button[data-v-f59c9bc4]:hover{opacity:.8}.main-bg .content .box .course-info .course-info-box .info .btn-box .has-button[data-v-f59c9bc4]{background:#f4fafe;border-radius:4px;padding:20px;font-size:16px;font-weight:400;color:#999;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.main-bg .content .box .course-info .tabs[data-v-f59c9bc4]{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}.main-bg .content .box .course-info .tabs .item-tab[data-v-f59c9bc4]{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-f59c9bc4]{font-weight:600;color:#3ca7fa}.main-bg .content .box .course-info .tabs .item-tab .actline[data-v-f59c9bc4]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.main-bg .content .box .course-teacher-box[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]{width:80px;height:80px;border-radius:50%;margin-right:20px}.main-bg .content .box .course-teacher-box .teacher a[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]{padding:30px;background:#fff;margin:30px 0;border-radius:8px;font-size:16px;font-weight:400;color:#333;line-height:30px;min-height:500px}.main-bg .content .box .course-chapter-box[data-v-f59c9bc4]{width:1200px;padding:50px 30px;background:#fff;margin:30px 0;border-radius:8px;min-height:500px}.main-bg .content .box .course-comments-box[data-v-f59c9bc4]{width:1200px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;margin:30px 0;border-radius:8px;padding:30px;min-height:500px}.main-bg .content .box .course-comments-box .comment-divider[data-v-f59c9bc4]{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-f59c9bc4]{width:100%;height:1px;background:#e5e5e5;margin:30px 0}.main-bg .content .box .course-comments-box .comment-top[data-v-f59c9bc4]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding: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-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]:last-child{margin-bottom:0}.main-bg .content .box .course-comments-box .comment-top .comment-item .user-avatar[data-v-f59c9bc4]{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-f59c9bc4]{width:48px;height:48px;border-radius:50%}.main-bg .content .box .course-comments-box .comment-top .comment-item .comment-content[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]{margin-right:15px}.main-bg .content .box .course-comments-box .comment-top .comment-item .comment-content .comment-text[data-v-f59c9bc4]{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 .comment-top .comment-item .comment-content .comment-rate-list[data-v-f59c9bc4]{margin-top:5px}.main-bg .content .box .course-comments-box .replybox[data-v-f59c9bc4]{-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}.main-bg .content .box .course-comments-box .replybox .text[data-v-f59c9bc4]{width:100%;text-align:center;cursor:pointer}.main-bg .content .box .course-comments-box .replybox .text[data-v-f59c9bc4]:hover{color:#3ca7fa;text-decoration:underline}.main-bg .content .box .course-comments-box .replybox .reply[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]:hover{opacity:.8}.main-bg .content .box .course-comments-box .replybox .reply .btn-submit.active[data-v-f59c9bc4]{background:#3ca7fa}.main-bg .content .box .course-comments-box .comment-rate[data-v-f59c9bc4]{display:block;margin-top:5px;margin-bottom:50px;margin-left:78px}.main-bg .content .box .attach-list-box[data-v-f59c9bc4]{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-f59c9bc4],.main-bg .content .box .attach-list-box[data-v-f59c9bc4]{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-f59c9bc4]{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-f59c9bc4]:first-child{margin-top:0}.main-bg .content .box .attach-list-box .attach-item .attach-name[data-v-f59c9bc4]{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-f59c9bc4]{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}