.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f]{height:100%;width:100%}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .grid{display:flex;flex-wrap:wrap;grid-row-gap:20px}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .grid>.item{flex-shrink:0;flex-grow:1;width:512px}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item{width:calc(100% - 16px);margin-right:12px;display:flex;justify-content:flex-start;align-items:flex-start}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-cover{flex-grow:0;flex-shrink:0;width:200px;height:116px;border-radius:8px;background:no-repeat 50%/cover}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info{display:flex;flex-direction:column;justify-content:flex-start;margin-left:16px;flex-grow:1;flex-shrink:1}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info h4{width:calc(100% - 1em);font-weight:500;font-size:20px;line-height:28px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status{display:flex;justify-content:flex-start;align-items:flex-start;padding-top:8px;height:55px;line-height:25px}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag{width:52px;height:25px;font-size:12px;display:block;border-radius:4px;overflow:hidden;text-align:center;margin-right:8px}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag.processing{color:#ff5a1f;background:#feecdc}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag.processing:before{content:"已开班"}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag.pending{color:#1c64f2;background:#e1effe}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag.pending:before{content:"未开始"}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag.completed{color:#6b7280;background:#f3f4f6}.com-edu-student-student-course-takes-index#course-card[data-v-13786d5f] .course-item .material-info .status .tag.completed:before{content:"已结束"}.edu-student-student-course-takes-index[data-v-b2f7d332]{height:100%;width:100%}