.course-card[data-v-1903fab8]{cursor:pointer}.card-cover[data-v-1903fab8]{display:flex;align-items:center;justify-content:center;color:#fff;position:relative;width:100%;aspect-ratio:16/9;padding:0;font-size:4rem;line-height:5.5rem;overflow:hidden;text-align:center;font-weight:900;white-space:nowrap}.class-title[data-v-1903fab8]{margin-bottom:.5rem;overflow:auto;text-overflow:ellipsis;height:4rem;font-size:1rem;font-weight:700;display:block}.description[data-v-1903fab8]{height:1rem;line-height:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#9499a0;white-space:pre-line;font-size:.8rem}.time[data-v-1903fab8]{font-size:13px;color:#999}.bottom[data-v-1903fab8]{margin-top:13px;line-height:12px}.button[data-v-1903fab8]{padding:0;float:right}.image[data-v-1903fab8]{width:100%;display:block}.clearfix[data-v-1903fab8]:after,.clearfix[data-v-1903fab8]:before{display:table;content:""}.clearfix[data-v-1903fab8]:after{clear:both}.classes-box[data-v-1903fab8]{display:grid;grid-template-columns:repeat(4,1fr)}@media (min-width:1560px) and (max-width:2059.9px) and (min-width:1560px) and (max-width:2059.9px){.classes-box[data-v-1903fab8]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px) and (max-width:1559.9px) and (min-width:1400px) and (max-width:1559.9px){.classes-box[data-v-1903fab8]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1300px) and (max-width:1399.9px) and (min-width:1300px) and (max-width:1399.9px){.classes-box[data-v-1903fab8]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1140px) and (max-width:1299.9px) and (min-width:1140px) and (max-width:1299.9px){.classes-box[data-v-1903fab8]{grid-template-columns:repeat(3,1fr)}}@media (max-width:1139.9px) and (max-width:1139.9px){.classes-box[data-v-1903fab8]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px) and (max-width:768px){.classes-box[data-v-1903fab8]{grid-template-columns:repeat(1,1fr)}}.cover-img[data-v-1903fab8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.cover-fallback[data-v-1903fab8]{display:flex;align-items:center;justify-content:center;color:#fff;width:100%;height:100%;font-size:4rem;font-weight:900;text-align:center;white-space:nowrap;background-color:var(--themeColor)}.referral-code span[data-v-6a6e02c8]{display:inline-block;height:41px;line-height:41px;padding:0 1rem;font-size:1rem;background:#f1f3f4;border-radius:4px}[data-v-6a6e02c8] .class-link .el-dialog__body{padding-top:.2rem}