.course-list[data-v-77b6d4c2]{width:100%;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(5,224px)}.course-list .course-item[data-v-77b6d4c2]{width:100%;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 6px 10px 0 rgba(95,101,105,.15);border-radius:4px;transition:all .2s;padding-bottom:5px}.course-list .course-item[data-v-77b6d4c2]:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.15)}.course-list .course-item .cover[data-v-77b6d4c2]{height:126px;position:relative}.course-list .course-item .wrapper[data-v-77b6d4c2]{padding:0 8px}.course-list .course-item .wrapper .course-name[data-v-77b6d4c2]{font-size:14px;color:#333;margin:6px 0;overflow:hidden;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.course-list .course-item .wrapper .period[data-v-77b6d4c2]{font-size:14px;color:#909399;margin-bottom:10px}.course-list .course-item .wrapper .course-price .price[data-v-77b6d4c2]{font-size:24px;color:#ff1d00}.course-list .course-item .wrapper .course-price .price[data-v-77b6d4c2]:before{content:"￥";font-size:14px}.instructor-list[data-v-6fb59c8c]{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:20px}.instructor-list .instructor-item[data-v-6fb59c8c]{height:120px;position:relative;border-radius:4px;overflow:hidden;cursor:pointer}.instructor-list .instructor-item[data-v-6fb59c8c] img{transition:all .5s}.instructor-list .instructor-item[data-v-6fb59c8c]:hover img{transform:scale(1.2)}.instructor-list .instructor-item .instructor-name[data-v-6fb59c8c]{background-color:rgba(0,0,0,.4);text-align:center;line-height:30px;height:30px;width:100%;position:absolute;left:0;bottom:0;color:#fff;font-size:14px}.catalog-list[data-v-68a4d5f7]{width:100%;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(5,224px)}.catalog-list .course-item[data-v-68a4d5f7]{width:100%;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 6px 10px 0 rgba(95,101,105,.15);border-radius:4px;transition:all .2s;padding-bottom:5px}.catalog-list .course-item[data-v-68a4d5f7]:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.15)}.catalog-list .course-item .cover[data-v-68a4d5f7]{height:126px;position:relative}.catalog-list .course-item .wrapper[data-v-68a4d5f7]{padding:0 8px}.catalog-list .course-item .wrapper .catalog-name[data-v-68a4d5f7]{font-size:14px;color:#333;margin:6px 0;overflow:hidden;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:30px;line-height:30px}.banner[data-v-10944a84]{margin-bottom:30px}.list-row-title[data-v-10944a84]{margin-bottom:14px;font-size:24px;color:#333;height:31px;line-height:31px;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between}.list-row-title .dashed[data-v-10944a84]{height:1px;flex-grow:1;border-bottom:1px dashed #e1e1e1;margin:0 20px}.list-row-title .more[data-v-10944a84]{font-size:14px;color:#999;cursor:pointer}.list-row-title .more[data-v-10944a84]:hover{color:#1684fc}.catalog-list[data-v-10944a84]{display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(6,1fr)}.catalog-list .catalog-item[data-v-10944a84]{height:80px;color:#fff;text-align:center;font-size:16px;font-weight:bolder;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}