.class-detail .course-list .content .course-item .badge img[data-v-4228c98e],.class-detail .course-list .content .course-item .cover img[data-v-4228c98e],.class-detail .el-card.class-info .content .cover img[data-v-4228c98e]{width:100%;height:100%}.class-detail .course-list .content .course-item .text .name[data-v-4228c98e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-detail .el-card[data-v-4228c98e]{margin-bottom:20px!important}.class-detail .el-card.class-info .content[data-v-4228c98e]{display:flex;align-items:center}.class-detail .el-card.class-info .content .cover[data-v-4228c98e]{width:282px;height:145px;margin-right:20px}.class-detail .el-card.class-info .content .text[data-v-4228c98e]{height:145px;display:flex;flex-direction:column;justify-content:space-around}.class-detail .el-card.class-info .content .text p[data-v-4228c98e]{font-size:16px;color:#333}.class-detail .course-list[data-v-4228c98e] .el-card__body{padding-right:0}.class-detail .course-list[data-v-4228c98e] .el-pagination{margin-right:20px}.class-detail .course-list .content[data-v-4228c98e]{display:flex;flex-wrap:wrap}.class-detail .course-list .content .course-item[data-v-4228c98e]{position:relative;cursor:pointer;box-sizing:border-box;overflow:hidden;width:282px;border-radius:4px;box-shadow:0 2px 7px 0 rgba(0,0,0,.06);margin-right:23px;margin-bottom:24px;transition:transform .3s;background-color:#fff}.class-detail .course-list .content .course-item .cover[data-v-4228c98e]{width:282px;height:145px}.class-detail .course-list .content .course-item .text[data-v-4228c98e]{box-sizing:border-box;width:282px;padding:14px 10px}.class-detail .course-list .content .course-item .text .name[data-v-4228c98e]{font-size:14px;font-weight:500;color:#333;margin-bottom:7px}.class-detail .course-list .content .course-item .text .info[data-v-4228c98e]{font-size:12px;color:#666;height:12px;margin-bottom:10px}.class-detail .course-list .content .course-item .text .price[data-v-4228c98e]{line-height:24px;display:flex;justify-content:space-between;align-items:flex-end}.class-detail .course-list .content .course-item .text .price span[data-v-4228c98e]:first-of-type{font-size:24px;color:#ff583e}.class-detail .course-list .content .course-item .text .price span[data-v-4228c98e]:nth-of-type(2){line-height:12px;font-size:12px;color:#666}.class-detail .course-list .content .course-item .badge[data-v-4228c98e]{position:absolute;width:56px;height:22px;left:10px;top:10px}