.course-banner[data-v-94f957f6]{background:url(../imgs/course/bg_course_banner.png) no-repeat;background-size:cover;height:200px;overflow:hidden}.course-banner .banner-inner[data-v-94f957f6]{height:100%;margin:0 auto;position:relative;width:1200px}.course-banner .banner-text[data-v-94f957f6]{left:0;position:absolute;top:60px}.course-banner .banner-title[data-v-94f957f6]{color:#1f1f1f;font-size:36px;font-weight:500;line-height:50px}.course-banner .banner-subtitle[data-v-94f957f6]{color:#3f3f3f;font-size:14px;line-height:22px;margin-top:8px}.course-banner .banner-ill[data-v-94f957f6]{height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1920px}@media(max-width:768px){.course-banner[data-v-94f957f6]{height:140px}.course-banner .banner-inner[data-v-94f957f6]{padding:0 16px;width:100%}.course-banner .banner-text[data-v-94f957f6]{text-align:center;top:40px;width:100%}.course-banner .banner-title[data-v-94f957f6]{font-size:26px;line-height:36px}}.course-list[data-v-85b076da]{background:#fff}.course-list .list-inner[data-v-85b076da]{margin:0 auto;padding:80px 0;width:1200px}.course-list .course-section+.course-section[data-v-85b076da]{margin-top:64px}.course-list .section-title[data-v-85b076da]{color:#1f1f1f;font-size:24px;font-weight:600;line-height:32px}.course-list .course-grid[data-v-85b076da]{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.course-list .course-card[data-v-85b076da]{background:#fff;border:1px solid #ebebeb;border-radius:8px;box-sizing:border-box;cursor:pointer;height:300px;overflow:hidden;transition:box-shadow .3s ease;width:384px}.course-list .course-card[data-v-85b076da]:hover{box-shadow:0 8px 24px #0021331f}.course-list .course-card:hover .play-btn[data-v-85b076da]{transform:translate(-50%,-50%) scale(1.1)}.course-list .course-cover[data-v-85b076da]{height:216px;overflow:hidden;position:relative;width:100%}.course-list .course-cover img[data-v-85b076da]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.course-list .play-btn[data-v-85b076da]{align-items:center;background:#0006;border-radius:50%;display:flex;height:44px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:44px}.course-list .play-triangle[data-v-85b076da]{border-color:transparent transparent transparent #fff;border-style:solid;border-width:8px 0 8px 13px;height:0;margin-left:3px;width:0}.course-list .course-info[data-v-85b076da]{padding:16px}.course-list .course-info .course-title[data-v-85b076da]{color:#1f1f1f;font-size:16px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-list .course-info .course-date[data-v-85b076da]{color:#6f6f6f;font-size:12px;line-height:20px;margin-top:8px}@media(max-width:768px){.course-list .list-inner[data-v-85b076da]{padding:48px 16px;width:100%}.course-list .course-section+.course-section[data-v-85b076da]{margin-top:40px}.course-list .course-grid[data-v-85b076da]{gap:16px}.course-list .course-card[data-v-85b076da]{height:auto;width:100%}.course-list .course-cover[data-v-85b076da]{height:190px}}