main[data-v-f431970f]{background:#f9f9f9;font-family:PingFang SC}main .box[data-v-f431970f]{display:flex;gap:20px;justify-content:space-between;padding-bottom:34px}main .box section[data-v-f431970f]{background:#fff;border-radius:10px;flex:1;overflow:hidden}main .box section .course-sections[data-v-f431970f]{display:flex;flex-direction:column;gap:0}main .box section .course-sections .course-section[data-v-f431970f]{margin-bottom:6px;overflow:hidden}main .box section .course-sections .course-section .section-header[data-v-f431970f]{align-items:center;background:#fff;border-radius:2px;display:flex;height:65px;justify-content:space-between;padding:16px 20px;transition:background .3s ease}main .box section .course-sections .course-section .section-header[data-v-f431970f]:hover{background:#f0f0f0}main .box section .course-sections .course-section .section-header .section-title[data-v-f431970f]{align-items:center;display:flex;gap:10px}main .box section .course-sections .course-section .section-header .section-title .section-icon[data-v-f431970f]{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}main .box section .course-sections .course-section .section-header .section-title .section-name[data-v-f431970f]{color:#000;font-size:18px;font-weight:500;line-height:24px}main .box section .course-sections .course-section .section-header .section-title .section-meta[data-v-f431970f]{color:#979797;font-size:16px}main .box section .course-sections .course-section .section-header .iconfont[data-v-f431970f]{color:#333;cursor:pointer;font-size:13px;transition:transform .3s ease}main .box section .course-sections .course-section .section-header .iconfont[data-v-f431970f]:hover{color:#fe6b44}main .box section .course-sections .course-section .video-list[data-v-f431970f]{background:#fff}main .box section .course-sections .course-section .video-list .video-item[data-v-f431970f]{align-items:center;border-radius:2px;display:flex;height:52px;justify-content:space-between;padding:16px 20px;transition:background .3s ease}main .box section .course-sections .course-section .video-list .video-item[data-v-f431970f]:hover{background:#fff8f5}main .box section .course-sections .course-section .video-list .video-item:hover .video-duration[data-v-f431970f]{display:none!important}main .box section .course-sections .course-section .video-list .video-item:hover .start-btn[data-v-f431970f]{display:block!important}main .box section .course-sections .course-section .video-list .video-item:hover .video-left .iconfont.icon-crm-video[data-v-f431970f],main .box section .course-sections .course-section .video-list .video-item:hover .video-left .video-title[data-v-f431970f]{color:#fe6b44}main .box section .course-sections .course-section .video-list .video-item .video-left[data-v-f431970f]{align-items:center;display:flex;flex:1;gap:10px}main .box section .course-sections .course-section .video-list .video-item .video-left .iconfont.icon-crm-video[data-v-f431970f]{color:#2c2c2c2e;font-size:17px}main .box section .course-sections .course-section .video-list .video-item .video-left .video-title[data-v-f431970f]{color:#000;font-size:14px}main .box section .course-sections .course-section .video-list .video-item .video-right[data-v-f431970f]{align-items:center;display:flex}main .box section .course-sections .course-section .video-list .video-item .video-right .video-duration[data-v-f431970f]{align-items:center;display:flex;gap:6px}main .box section .course-sections .course-section .video-list .video-item .video-right .video-duration .iconfont.icon-pending[data-v-f431970f],main .box section .course-sections .course-section .video-list .video-item .video-right .video-duration span[data-v-f431970f]{color:#979797;font-size:14px}main .box section .course-sections .course-section .video-list .video-item .video-right .start-btn[data-v-f431970f]{background:#fe6b44;border:none;border-radius:28px;color:#fff;cursor:pointer;display:none;font-size:14px;padding:6px 20px;transition:background .3s ease}@media (max-width:1600px) and (min-width:992px){.box[data-v-f431970f]{width:1200px!important}}@media (max-width:768px){main .box[data-v-f431970f]{padding-bottom:1.5rem}main .box section[data-v-f431970f]{border-radius:0;padding:1rem}main .box section .course-sections .course-section[data-v-f431970f]{margin-bottom:.75rem}main .box section .course-sections .course-section .section-header[data-v-f431970f]{height:auto;padding:.8rem 1rem}main .box section .course-sections .course-section .section-header .section-title .section-icon[data-v-f431970f]{height:1.1rem;width:1.1rem}main .box section .course-sections .course-section .section-header .section-title .section-name[data-v-f431970f]{font-size:1.2rem;line-height:1.6rem}main .box section .course-sections .course-section .section-header .section-title .section-meta[data-v-f431970f]{font-size:1rem}main .box section .course-sections .course-section .section-header .iconfont[data-v-f431970f]{font-size:.9rem}main .box section .course-sections .course-section .video-list .video-item[data-v-f431970f]{height:auto;padding:.75rem 1rem}main .box section .course-sections .course-section .video-list .video-item .video-left[data-v-f431970f]{gap:.55rem}main .box section .course-sections .course-section .video-list .video-item .video-left .iconfont.icon-crm-video[data-v-f431970f]{font-size:1rem}main .box section .course-sections .course-section .video-list .video-item .video-left .video-title[data-v-f431970f]{font-size:1.05rem}main .box section .course-sections .course-section .video-list .video-item .video-right .video-duration .iconfont.icon-pending[data-v-f431970f]{font-size:.9rem}main .box section .course-sections .course-section .video-list .video-item .video-right .video-duration span[data-v-f431970f]{font-size:.95rem}main .box section .course-sections .course-section .video-list .video-item .video-right .start-btn[data-v-f431970f]{font-size:.95rem;padding:.3rem 1rem}}