.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}.search-course-list_result[data-v-728ffed0]{font-size:16px;color:#999;font-weight:400;margin-bottom:20px}.search-course-list_result span[data-v-728ffed0]{color:#333}