.course-container[data-v-9ebad9c0]{display:flex;flex-wrap:wrap;gap:20px;padding:10px 0}.course-item[data-v-9ebad9c0]{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;flex:0 0 calc(25% - 15px);height:240px;padding:10px}.course-item[data-v-9ebad9c0]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);transition:all .3s ease}.course-item a[data-v-9ebad9c0]{display:block;height:100%;text-decoration:none;width:100%}.course-item img[data-v-9ebad9c0]{border-radius:6px;height:160px;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;width:100%}.course-item .course-name-wrap[data-v-9ebad9c0]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.course-item .course_name[data-v-9ebad9c0]{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-item .course_price .price_box[data-v-9ebad9c0]{color:red;font-size:14px}.course-item .student-hour[data-v-9ebad9c0]{color:#666;display:flex;font-size:12px;justify-content:space-between}.no-data[data-v-9ebad9c0]{color:#999;padding:50px 0;text-align:center}@media (max-width:1200px){.course-item[data-v-9ebad9c0]{flex:0 0 calc(33.33% - 14px)}}@media (max-width:768px){.course-item[data-v-9ebad9c0]{flex:0 0 calc(50% - 10px)}}@media (max-width:480px){.course-item[data-v-9ebad9c0]{flex:0 0 100%}}