.course[data-v-23c8475d]{min-height:100vh}.course .cate-warp[data-v-23c8475d]{background-color:#f5f5f5;height:162px;justify-content:space-between}.course .cate-warp .basic-width[data-v-23c8475d]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.course .cate-warp .basic-width .item-category[data-v-23c8475d]{align-items:center;display:flex}.course .cate-warp .basic-width .item-category .list-category[data-v-23c8475d]{flex:1;margin-left:13px}.course .cate-warp .basic-width .item-category .list-category ul li[data-v-23c8475d]{cursor:pointer;display:inline-block;margin:0 6px 0 0;padding:2px 11px}.course .cate-warp .basic-width .item-category .list-category ul li p[data-v-23c8475d]{color:#7e8182;font-size:14px}.course .cate-warp .basic-width .item-category .list-category ul .active[data-v-23c8475d]{background:#e4eef2;display:inline-block}.course .cate-warp .basic-width .item-category .list-category ul .active p[data-v-23c8475d]{color:#008fd7;font-size:14px;font-weight:400}.course .cate-warp .basic-width .item-category p[data-v-23c8475d]{font-size:16px}.course .cate-warp .basic-width .item-category+.item-category[data-v-23c8475d]{margin-top:15px}.course .course-warp-list[data-v-23c8475d]{padding-bottom:150px}.course .course-warp-list .course-list[data-v-23c8475d]{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:57px;padding-bottom:100px}.course .course-warp-list .course-list .item-course[data-v-23c8475d]{background-color:#f8f8f8;cursor:pointer;height:340px}.course .course-warp-list .course-list .item-course .cover img[data-v-23c8475d]{vertical-align:bottom;width:100%}.course .course-warp-list .course-list .item-course .course-info[data-v-23c8475d]{display:flex;flex-direction:column;height:100px;justify-content:space-between;padding:15px}.course .course-warp-list .course-list .item-course .course-info .course-title[data-v-23c8475d]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d3e3f;display:-webkit-box;font-size:18px;overflow:hidden;text-overflow:ellipsis}.course .course-warp-list .course-list .item-course .course-info .chapter[data-v-23c8475d]{color:#bfbfbf;margin-top:4px}.course .course-warp-list .course-list .item-course .course-info .price-count .fee[data-v-23c8475d]{color:#e62129;font-size:18px}.course .course-warp-list .course-list .item-course .course-info .price-count .count[data-v-23c8475d]{color:#bfbfbf;font-size:14px}