.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-019684d9]{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-login-box[data-v-019684d9]{width:500px;max-height:620px;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:30px 0 0 0;animation:scaleBig .3s}.mask .dialog-login-box .dialog-tabs[data-v-019684d9]{width:100%;height:20px;display:flex;flex-direction:row;position:relative;box-sizing:border-box;padding:0 30px}.mask .dialog-login-box .dialog-tabs .btn-close[data-v-019684d9]{width:16.25px;height:16.25px;position:absolute;right:22px;top:2px;cursor:pointer}.mask .dialog-login-box .dialog-tabs .btn-close[data-v-019684d9]:hover{opacity:.8;animation:rotate360 1s}.mask .dialog-login-box .dialog-tabs .item-tab[data-v-019684d9]{width:auto;height:20px;font-size:18px;font-weight:500;color:#333;line-height:20px}.mask .dialog-login-box .box[data-v-019684d9]{width:100%;margin-top:50px;display:flex;flex-direction:column;box-sizing:border-box;padding:0 30px;margin-bottom:50px}.mask .dialog-login-box .box .input-item[data-v-019684d9]{width:100%;height:30px;font-size:16px;font-weight:400;color:#333;line-height:30px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.mask .dialog-login-box .btn-box[data-v-019684d9]{width:100%;height:74px;background:#fff;box-shadow:0 -2px 4px 0 hsla(0,0%,40%,.05);box-sizing:border-box;padding:15px 30px;display:flex;flex-direction:row-reverse}.mask .dialog-login-box .btn-box .submit[data-v-019684d9]{width:116px;height:44px;background:#ff4d4f;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;color:#fff;line-height:14px;outline:none;margin-left:30px}.mask .dialog-login-box .btn-box .submit[data-v-019684d9]:hover{opacity:.8}.mask .dialog-login-box .btn-box .cancel[data-v-019684d9]{width:88px;height:44px;border:1px solid #ccc;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;color:#333;line-height:14px;outline:none}.mask .dialog-login-box .btn-box .cancel[data-v-019684d9]:hover{opacity:.8}.none[data-v-7f5e5ef3]{width:100%;height:auto;float:left;padding-top:100px;padding-bottom:100px;background-color:#f4fafe}.none.active[data-v-7f5e5ef3]{background-color:#fff}.none .empty-box[data-v-7f5e5ef3]{width:100%;height:auto;float:left;text-align:center;padding-top:50px;padding-bottom:50px}.none .empty-box .image-empty-item[data-v-7f5e5ef3]{display:inline-block}.none .empty-box .image-empty-item img[data-v-7f5e5ef3]{width:150px;height:150px}.image-preview-shadow-box[data-v-15d22420]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background-color:rgba(0,0,0,.8);text-align:center;overflow-y:auto;padding-top:10px;display:flex;justify-content:center;align-items:center}.img[data-v-15d22420]{max-width:100%}.del[data-v-15d22420]{position:absolute;z-index:100000;right:20px;top:20px;cursor:pointer;width:40px;height:40px}.snapshot-box .tabIcon[data-v-0a7d7493]{position:absolute;top:0;right:0;width:60px;height:60px;background:#04c877;border-radius:8px 0 0 8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.snapshot-box .tabIcon[data-v-0a7d7493]:hover{opacity:.8}.snapshot-box .tabIcon img[data-v-0a7d7493]{width:30px;height:30px}.snapshot-box .mask[data-v-0a7d7493]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.snapshot-box .mask .list-box[data-v-0a7d7493]{width:640px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:slideIn-0a7d7493 .3s ease-out}.snapshot-box .mask .list-box .list-top[data-v-0a7d7493]{display:flex;justify-content:center;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.snapshot-box .mask .list-box .list-top .left[data-v-0a7d7493]{display:flex;align-items:center;font-size:20px;font-weight:600;color:#1a1a1a}.snapshot-box .mask .list-box .list-top .left .camera-icon[data-v-0a7d7493]{margin-right:8px;font-size:24px}.snapshot-box .mask .list-box .verification-notice[data-v-0a7d7493]{padding:16px 24px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-left:4px solid #4285f4;margin:0}.snapshot-box .mask .list-box .verification-notice p[data-v-0a7d7493]{margin:4px 0;color:#5f6368;font-size:14px;line-height:1.5}.snapshot-box .mask .list-box .verification-notice p[data-v-0a7d7493]:first-child{font-weight:500;color:#3c4043}.snapshot-box .mask .list-box .camera-box[data-v-0a7d7493]{margin:24px;height:328px;border-radius:12px;overflow:hidden;background:#f8f9fa;border:2px solid #e8eaed;position:relative}.snapshot-box .mask .list-box .camera-box .content[data-v-0a7d7493]{width:100%;height:100%}.snapshot-box .mask .list-box .camera-box .content video[data-v-0a7d7493]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.snapshot-box .mask .list-box .camera-box .camera-error[data-v-0a7d7493]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#5f6368}.snapshot-box .mask .list-box .camera-box .camera-error .error-icon[data-v-0a7d7493]{font-size:48px;margin-bottom:16px}.snapshot-box .mask .list-box .camera-box .camera-error p[data-v-0a7d7493]{margin:4px 0;font-size:16px}.snapshot-box .mask .list-box .camera-box .camera-error p.error-tip[data-v-0a7d7493]{font-size:14px;color:#9aa0a6}.snapshot-box .mask .list-box .snapshot-actions[data-v-0a7d7493]{padding:0 24px 24px;display:flex;justify-content:center}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn[data-v-0a7d7493]{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:180px;justify-content:center}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn.primary[data-v-0a7d7493]{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff;box-shadow:0 2px 8px rgba(66,133,244,.3)}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn.primary[data-v-0a7d7493]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(66,133,244,.4)}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn.primary[data-v-0a7d7493]:active{transform:translateY(0)}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn.loading[data-v-0a7d7493]{background:#f1f3f4;color:#5f6368;cursor:not-allowed}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn.loading .loading-spinner[data-v-0a7d7493]{width:16px;height:16px;border:2px solid #e8eaed;border-top:2px solid #5f6368;border-radius:50%;animation:spin-0a7d7493 1s linear infinite}.snapshot-box .mask .list-box .snapshot-actions .snapshot-btn.disabled[data-v-0a7d7493]{background:#f1f3f4;color:#9aa0a6;cursor:not-allowed}@keyframes slideIn-0a7d7493{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin-0a7d7493{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-message,.el-message-box{z-index:3000!important}.video-item[data-v-4b753edf]{width:100%;height:24px;display:flex;flex-direction:row;align-items:center;position:relative;margin-top:30px;cursor:pointer;overflow:hidden}.video-item[data-v-4b753edf]:first-child{margin-top:0}.video-item[data-v-4b753edf]:hover{opacity:.8}.video-item:hover .video-title[data-v-4b753edf]{color:#3ca7fa}.video-item .play-icon[data-v-4b753edf]{width:20px;height:20px;cursor:pointer;margin-right:10px}.video-item .video-title[data-v-4b753edf]{width:100%;height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:flex;flex-direction:row;align-items:center}.video-item .video-title .active[data-v-4b753edf]{color:#3ca7fa}.video-item .video-title .text[data-v-4b753edf]{width:173px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .text2[data-v-4b753edf]{width:222px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .free[data-v-4b753edf]{margin-left:5px;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}.video-item .video-duration[data-v-4b753edf]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.video-item[data-v-dedfdb1a]{width:100%;height:24px;display:flex;flex-direction:row;align-items:center;position:relative;margin-top:30px;cursor:pointer;overflow:hidden}.video-item[data-v-dedfdb1a]:first-child{margin-top:0}.video-item[data-v-dedfdb1a]:hover{opacity:.8}.video-item:hover .video-title[data-v-dedfdb1a]{color:#3ca7fa}.video-item .play-icon[data-v-dedfdb1a]{width:20px;height:20px;cursor:pointer;margin-right:10px}.video-item .video-title[data-v-dedfdb1a]{width:100%;height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:flex;flex-direction:row;align-items:center}.video-item .video-title .active[data-v-dedfdb1a]{color:#3ca7fa}.video-item .video-title .text[data-v-dedfdb1a]{width:173px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .text2[data-v-dedfdb1a]{width:222px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.video-item .video-title .free[data-v-dedfdb1a]{margin-left:5px;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}.video-item .video-duration[data-v-dedfdb1a]{position:absolute;height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;top:5px;right:0}.chapter-item[data-v-dedfdb1a]{width:100%;height:auto;margin-top:50px}.chapter-item[data-v-dedfdb1a]:first-child{margin-top:0}.chapter-item .chapter-name[data-v-dedfdb1a]{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-dedfdb1a]:first-child,.chapter-item .chapter-name[data-v-dedfdb1a]:last-child{margin-bottom:0}.chapter-item .chapter-videos-box[data-v-dedfdb1a]{width:100%;height:auto}.chapter-item .chapter-videos-box .video-item[data-v-dedfdb1a]{width:100%;height:24px;display:flex;flex-direction:row;align-items:center;position:relative;cursor:pointer;margin-top:30px;overflow:hidden}.chapter-item .chapter-videos-box .video-item[data-v-dedfdb1a]:hover{opacity:.8}.chapter-item .chapter-videos-box .video-item:hover .video-title[data-v-dedfdb1a]{color:#3ca7fa}.chapter-item .chapter-videos-box .video-item .play-icon[data-v-dedfdb1a]{width:20px;height:20px;cursor:pointer;margin-right:10px}.chapter-item .chapter-videos-box .video-item .video-title[data-v-dedfdb1a]{height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:flex;flex-direction:row;align-items:center}.chapter-item .chapter-videos-box .video-item .video-title .active[data-v-dedfdb1a]{color:#3ca7fa}.chapter-item .chapter-videos-box .video-item .video-title .text[data-v-dedfdb1a]{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-dedfdb1a]{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-dedfdb1a]{margin-left:5px;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}.chapter-item .chapter-videos-box .video-item .video-info[data-v-dedfdb1a]{position:absolute;height:24px;display:flex;align-items:center;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-dedfdb1a]{width:22px;height:22px;margin-right:30px}@keyframes el-skeleton-loading-07aec01a{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-07aec01a]{width:100%;display:flex;flex-direction:column}.skeleton .nav[data-v-07aec01a]{height:14px;margin:0 auto;margin-top:30px;margin-bottom:30px}.skeleton .nav[data-v-07aec01a],.skeleton .video-box[data-v-07aec01a]{width:1200px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-07aec01a 1.4s ease infinite}.skeleton .video-box[data-v-07aec01a]{height:578px;margin:0 auto;border-radius:8px;overflow:hidden}.content[data-v-887f3ee8]{width:100%}.content .fix-nav[data-v-887f3ee8]{width:100%;background-color:#fff;position:sticky;top:0;z-index:50}.content .fix-nav .tabs[data-v-887f3ee8]{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-887f3ee8]{min-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-887f3ee8]{font-weight:600;color:#3ca7fa}.content .fix-nav .tabs .item-tab .actline[data-v-887f3ee8]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.content .box[data-v-887f3ee8]{width:1200px;margin:0 auto}.content .box .nav[data-v-887f3ee8]{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-887f3ee8]{height:auto;font-size:14px;font-weight:400;color:#999;line-height:14px;margin-right:6px}.content .box .nav a[data-v-887f3ee8]:not(:first-of-type){margin-left:6px}.content .box .nav span[data-v-887f3ee8]{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-887f3ee8]{width:1200px;height:578px;background:#fff;border-radius:8px}.content .box .course-info .video-box[data-v-887f3ee8]{width:1200px;height:506px;display:flex;flex-direction:row}.content .box .course-info .video-box .play-box[data-v-887f3ee8]{width:900px;height:506px;position:relative}.content .box .course-info .video-box .play-box .des-video[data-v-887f3ee8]{position:absolute;left:350px;top:216px;font-size:15px;font-weight:400;color:#fff;line-height:15px}.content .box .course-info .video-box .play-box .goCurrent[data-v-887f3ee8]{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:flex;flex-direction:row;padding:15px 20px}.content .box .course-info .video-box .play-box .goCurrent span[data-v-887f3ee8]{font-size:16px;font-weight:400;color:#fff;line-height:22px}.content .box .course-info .video-box .play-box .goCurrent span.link[data-v-887f3ee8]{cursor:pointer;color:#3ca7fa;margin-left:10px}.content .box .course-info .video-box .play-box .iframe-player-box[data-v-887f3ee8]{width:100%;height:100%}.content .box .course-info .video-box .play-box .alert-message[data-v-887f3ee8]{width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;color:#fff}.content .box .course-info .video-box .play-box .alert-message .subscribe-button[data-v-887f3ee8]{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}.content .box .course-info .video-box .play-box .alert-message .subscribe-button2[data-v-887f3ee8]{margin-top:30px;font-size:15px;font-weight:400;color:#ff4d4f;line-height:15px;cursor:pointer}.content .box .course-info .video-box .play-box .alert-message .subscribe-info[data-v-887f3ee8]{margin-top:-30px;margin-bottom:30px}.content .box .course-info .video-box .play-box .alert-message .next-page[data-v-887f3ee8]{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}.content .box .course-info .video-box .play-box .alert-message .next-page[data-v-887f3ee8]:hover{opacity:.8}.content .box .course-info .video-box .play-box .alert-message .last-video[data-v-887f3ee8]{font-size:15px;font-weight:400;color:#fff;line-height:15px}.content .box .course-info .video-box .course-chapter-box[data-v-887f3ee8]{width:300px;height:506px;padding:30px 10px 30px 30px;background:#fff;overflow-y:auto}.content .box .course-info .course-info-box[data-v-887f3ee8]{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-887f3ee8]{width:320px;height:240px;border-radius:8px;margin-right:50px;position:relative}.content .box .course-info .course-info-box .course-thumb img[data-v-887f3ee8]{width:320px;height:240px;border-radius:8px}.content .box .course-info .course-info-box .course-thumb .status[data-v-887f3ee8]{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-887f3ee8]{width:750px;height:240px;position:relative}.content .box .course-info .course-info-box .info .course-info-title[data-v-887f3ee8]{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}.content .box .course-info .course-info-box .info .collect-button[data-v-887f3ee8]{width:29px;height:29px;position:absolute;right:0;top:15px;cursor:pointer}.content .box .course-info .course-info-box .info .desc[data-v-887f3ee8]{margin-top:20px;width:750px;height:120px;font-size:16px;font-weight:400;color:#666;line-height:30px;overflow:hidden}.content .box .course-info .course-info-box .info .buy-button[data-v-887f3ee8]{position:absolute;background:#ff4d4f;border-radius:4px;padding:12px 20px;font-size:16px;font-weight:400;color:#fff;line-height:16px;box-sizing:border-box;bottom:0;left:0;cursor:pointer}.content .box .course-info .course-info-box .info .buy-button[data-v-887f3ee8]:hover{opacity:.8}.content .box .course-info .course-info-box .info .role-button[data-v-887f3ee8]{position:absolute;background:#e1a500;border-radius:4px;padding:12px 20px;font-size:16px;font-weight:400;color:#fff;line-height:16px;box-sizing:border-box;bottom:0;left:176px;cursor:pointer}.content .box .course-info .course-info-box .info .role-button[data-v-887f3ee8]:hover{opacity:.8}.content .box .course-info .tabs[data-v-887f3ee8]{width:1200px;height:72px;position:relative;box-sizing:border-box;display:flex;flex-direction:row;padding:28px 30px;border-radius:0 0 8px 8px}.content .box .course-info .tabs .item-tab[data-v-887f3ee8]{min-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-887f3ee8]{font-weight:600;color:#3ca7fa}.content .box .course-info .tabs .item-tab .actline[data-v-887f3ee8]{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.content .box .course-teacher-box[data-v-887f3ee8]{width:1200px;height:270px;background:#fff;border-radius:8px;margin-top:30px;padding:30px 50px;box-sizing:border-box}.content .box .course-teacher-box .teacher[data-v-887f3ee8]{width:auto;height:80px;display:flex;align-items:center;flex-direction:row}.content .box .course-teacher-box .teacher .avatar[data-v-887f3ee8]{width:80px;height:80px;border-radius:50%;margin-right:20px}.content .box .course-teacher-box .teacher a[data-v-887f3ee8]{width:100%;height:24px;font-size:24px;font-weight:600;color:#333;line-height:24px}.content .box .course-teacher-box .teacher-desc[data-v-887f3ee8]{margin-top:26px;width:100%;height:64px;font-size:16px;font-weight:400;color:#666;line-height:32px;overflow:hidden}.content .box .coursr-desc[data-v-887f3ee8]{padding:30px;background:#fff;margin-top:30px;border-radius:8px}.content .box .course-comments-box[data-v-887f3ee8]{width:1200px;box-sizing:border-box;background:#fff;margin-top:30px;border-radius:8px;padding:50px 30px 30px 30px}.content .box .course-comments-box .comment-divider[data-v-887f3ee8]{width:100%;height:18px;font-size:18px;font-weight:600;color:#333;line-height:18px}.content .box .course-comments-box .line[data-v-887f3ee8]{width:100%;height:1px;background:#e5e5e5;margin:30px 0}.content .box .course-comments-box .comment-top[data-v-887f3ee8]{box-sizing:border-box;width:100%;padding:0 0 0 0;display:flex;flex-direction:column}.content .box .course-comments-box .comment-top #page[data-v-887f3ee8]{width:100%;display:flex;justify-content:center}.content .box .course-comments-box .comment-top .comment-item[data-v-887f3ee8]{width:100%;display:flex;flex-direction:row;margin-bottom:50px}.content .box .course-comments-box .comment-top .comment-item[data-v-887f3ee8]:last-child{margin-bottom:0}.content .box .course-comments-box .comment-top .comment-item .user-avatar[data-v-887f3ee8]{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-887f3ee8]{width:48px;height:48px;border-radius:50%}.content .box .course-comments-box .comment-top .comment-item .comment-content[data-v-887f3ee8]{width:1062px;display:flex;flex-direction:column}.content .box .course-comments-box .comment-top .comment-item .comment-content .comment-info[data-v-887f3ee8]{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-887f3ee8]{margin-right:15px}.content .box .course-comments-box .comment-top .comment-item .comment-content .comment-text[data-v-887f3ee8]{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-887f3ee8]{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-887f3ee8]{width:100%;text-align:center;cursor:pointer}.content .box .course-comments-box .replybox .text[data-v-887f3ee8]:hover{color:#3ca7fa;text-decoration:underline}.content .box .course-comments-box .replybox .reply[data-v-887f3ee8]{width:100%;display:flex;flex-direction:row;align-items:center}.content .box .course-comments-box .replybox .reply .user-avatar[data-v-887f3ee8]{width:48px;height:48px;background:#d8d8d8;border-radius:50%;margin-right:30px}.content .box .course-comments-box .replybox .reply .reply-input[data-v-887f3ee8]{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-887f3ee8]{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-887f3ee8]:hover{opacity:.8}.content .box .course-comments-box .replybox .reply .btn-submit.active[data-v-887f3ee8]{background:#3ca7fa}.content .box .attach-list-box[data-v-887f3ee8]{width:1200px;display:flex;flex-direction:column;box-sizing:border-box;padding:50px 30px;background:#fff;margin-top:30px;border-radius:8px}.content .box .attach-list-box .attach-item[data-v-887f3ee8]{width:100%;box-sizing:border-box;height:40px;display:flex;flex-direction:row;align-items:center;margin-top:50px}.content .box .attach-list-box .attach-item[data-v-887f3ee8]:first-child{margin-top:0}.content .box .attach-list-box .attach-item .attach-name[data-v-887f3ee8]{height:16px;font-size:16px;font-weight:500;color:#333;line-height:16px}.content .box .attach-list-box .attach-item .download-attach[data-v-887f3ee8]{margin-left:30px;width:104px;height:40px;background:#3ca7fa;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#fff;cursor:pointer}.content .box .attach-list-box .attach-item .download-attach[data-v-887f3ee8]:hover{opacity:.8}#meedu-player-container[data-v-887f3ee8]{width:900px;height:506px;float:left}[data-v-887f3ee8]::-webkit-scrollbar{width:8px;height:8px}[data-v-887f3ee8]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#e5e5e5}[data-v-887f3ee8]::-webkit-scrollbar-track{background:#fff;border-radius:0}