.row[data-v-7cad25e4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.row .title[data-v-7cad25e4]{margin-right:20px}.explain[data-v-7cad25e4]{margin:20px 0 10px}.courses[data-v-7cad25e4]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.courses .item[data-v-7cad25e4]{width:18%;border:1px solid #ccc;margin:0 2% 10px 0}.courses .item[data-v-7cad25e4]:nth-child(5n){margin-right:0}.courses .item .cover[data-v-7cad25e4]{width:100%;height:150px}.courses .item .name-box[data-v-7cad25e4]{width:90%;padding:5px 0 0 10px}.courses .item .name-box .name[data-v-7cad25e4]{color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courses .item .item-footer[data-v-7cad25e4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 10px;-ms-flex-pack:justify;justify-content:space-between}.courses .item .item-footer .teacher[data-v-7cad25e4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:12px;color:#999}.courses .item .item-footer .teacher .avatar[data-v-7cad25e4]{width:15px;height:15px;border-radius:50%;margin-right:5px}