.my-course .course-list[data-v-33762bb2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.my-course .course-card[data-v-33762bb2]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-radius:8px;padding:16px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);-webkit-transition:all .3s;transition:all .3s;position:relative;cursor:pointer}.my-course .course-card[data-v-33762bb2]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.my-course .course-card .course-cover[data-v-33762bb2]{position:relative;width:260px;height:156px;border-radius:6px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;margin-right:20px}.my-course .course-card .course-cover img[data-v-33762bb2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-course .course-card .course-tag[data-v-33762bb2]{position:absolute;top:0;right:0;padding:8px 24px;border-radius:0 8px 0 8px;font-size:16px;font-weight:500;color:#fff;background:#52c41a;z-index:1}.my-course .course-card .course-main[data-v-33762bb2]{-ms-flex:1;flex:1;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;gap:40px;padding-top:8px;padding-bottom:8px}.my-course .course-card .course-main .course-info[data-v-33762bb2],.my-course .course-card .course-main[data-v-33762bb2]{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between}.my-course .course-card .course-main .course-info[data-v-33762bb2]{-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify}.my-course .course-card .course-main .course-info .course-title[data-v-33762bb2]{font-size:18px;font-weight:600;color:#333;line-height:1.4}.my-course .course-card .course-main .course-info .course-validity[data-v-33762bb2]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#999;padding:6px 12px;background:#f5f7fa;border-radius:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.my-course .course-card .course-main .course-info .course-validity i[data-v-33762bb2]{margin-right:6px;font-size:14px}.my-course .course-card .course-main .course-progress[data-v-33762bb2]{width:320px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.my-course .course-card .course-main .course-progress .progress-header[data-v-33762bb2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.my-course .course-card .course-main .course-progress .progress-header .progress-label[data-v-33762bb2]{font-size:14px;color:#666}.my-course .course-card .course-main .course-progress .progress-header .progress-percent[data-v-33762bb2]{font-size:18px;font-weight:600;color:#333}.my-course .course-card .course-main .course-progress .progress-text[data-v-33762bb2]{font-size:13px;color:#999;margin-top:10px}.my-course .empty-state[data-v-33762bb2]{padding:60px 0}@media screen and (max-width:900px){.my-course .course-card[data-v-33762bb2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.my-course .course-card .course-cover[data-v-33762bb2]{width:100%;height:180px;margin-right:0;margin-bottom:12px}.my-course .course-card .course-main[data-v-33762bb2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-top:0;padding-bottom:0}.my-course .course-card .course-main .course-progress[data-v-33762bb2]{width:100%}}