.course-item[data-v-534954e0]{display:flex;padding:10px;width:400px;height:270px;background:#fff;border-radius:6px;cursor:pointer;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.course-item .image[data-v-534954e0]{flex-shrink:0;width:185px;height:250px;border-radius:4px;overflow:hidden}.course-item .image img[data-v-534954e0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-item .right[data-v-534954e0]{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-left:15px;font-size:12px;overflow:hidden}.course-item .right .level[data-v-534954e0]{margin-top:10px;width:50px;line-height:20px;text-align:center;color:#fff;border-radius:20px}.course-item .right .course-name[data-v-534954e0]{margin-top:6px;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-item .right .main-teachers[data-v-534954e0]{margin-top:16px}.course-item .right .category[data-v-534954e0]{margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-item .right .status[data-v-534954e0]{margin-bottom:10px}.course-item .right .status p[data-v-534954e0]:nth-child(n){margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-container[data-v-563a4ebf]{min-height:calc(100vh - 60px);background:#f5f5f5}.main-box[data-v-563a4ebf]{width:1260px;margin:0 auto}.main-box .breadcrumb-box[data-v-563a4ebf]{display:flex;flex-shrink:0;align-items:center;height:50px}.main-box .search-box[data-v-563a4ebf]{margin-top:20px;text-align:center}.main-box .search-box .search-input[data-v-563a4ebf]{width:800px}.main-box .search-box[data-v-563a4ebf] .el-input--suffix .el-input__inner{height:50px;padding-right:50px;padding-left:300px;border-width:2px;border-radius:50px}.main-box .search-box[data-v-563a4ebf] .el-input__suffix{margin-right:6px;color:var(--el-color-primary);font-size:18px;cursor:pointer}.main-box .search-box .search-icon[data-v-563a4ebf]{padding:10px}.filter-box .filter-item[data-v-563a4ebf]{display:flex;align-items:flex-start;margin-top:20px}.filter-box .filter-item .filter-name[data-v-563a4ebf]{flex-shrink:0;font-weight:700;line-height:30px}.filter-box .filter-item .filter-content[data-v-563a4ebf]{display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.filter-box .filter-item .filter-content li[data-v-563a4ebf]{margin:2px 4px;padding:5px 14px;border-radius:999px}.filter-box .filter-item .filter-content li.active[data-v-563a4ebf],.filter-box .filter-item .filter-content li[data-v-563a4ebf]:hover{color:var(--el-color-primary);text-shadow:0 0 .7px var(--el-color-primary);background-color:#e0e8f3}.filter-box .filter-item .filter-content .category-list[data-v-563a4ebf]{max-width:204px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-box .filter-item .filter-category[data-v-563a4ebf]{max-height:230px;overflow-y:auto}.display-box[data-v-563a4ebf]{margin-top:40px}.display-box .title[data-v-563a4ebf]{position:relative;z-index:0;font-weight:700;font-size:20px;text-align:center}.display-box .title[data-v-563a4ebf]:before{position:absolute;bottom:0;left:50%;z-index:-1;width:180px;height:6px;background-color:var(--el-color-primary);border-radius:6px;transform:translateX(-50%);content:""}.display-box .number[data-v-563a4ebf]{margin-top:8px;color:#f63;font-weight:700;font-size:20px;text-align:center}.display-box .container[data-v-563a4ebf]{display:flex;flex-wrap:wrap;margin-top:18px}.display-box .container .course-list[data-v-563a4ebf]{margin-bottom:30px}.display-box .container .course-list[data-v-563a4ebf]:not(:nth-child(3n)){margin-right:30px}.pagination-box[data-v-563a4ebf]{margin-top:10px;padding-bottom:40px;text-align:center}.pagination-box[data-v-563a4ebf] .el-pagination .el-pager li,.pagination-box[data-v-563a4ebf] .el-pagination button{width:40px;height:40px;margin:0 8px;color:var(--el-color-primary);font-weight:400;line-height:40px;background:#fff;border:1px solid #dcdcdc;border-radius:50%}