@charset "UTF-8";

* {
    font-family: "微软雅黑", Arial;
    font-size: 14px;
    color: #333;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
	color: #333;
    text-decoration: none;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}

.hd_nav{
	width: 1200px;
	margin: 0 auto;
}
.hd_nav .w{
	background: #FFFFFF; 
	height: 60px;
	margin: 0;
	/* box-shadow: 0px 7px 24px 0px rgb(226 0 0 / 24%); */
}
.indexBody {
    background: #f7f8fa;
    min-height: calc(100vh - 230px);
}
.dxSeat {
    background: #fff;
    border-radius: 5px;
}
.dxSeat p{
	padding: 10px;
}
.checkList {
	width: 1200px;
	padding: 0;
	margin: 0 auto;
	min-height: 560px;
	box-sizing: border-box;
	background: #fff;
}

.cBlack a, .cBlack, .lright .lright-four .four-left div, .four-right div{
	color: #999;
}

.search-screen {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 25px;
	box-shadow: 1px 3px 15px 0px rgb(68 13 204 / 13%);
overflow: hidden; 
}
.search-screen-domain {
    display: flex;
}
.search-screen-type {
    width: 85px;
    font-size: 14px;
    color: #999999;
    line-height: 25px;
}
.search-screen-block {
    width: 1070px;
    margin-left: 8px;
}
.search-screen-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -4px;
}
.checkList a.active {
    color: #ff2832;
}
.search-screen-block a {
    display: block;
    height: 28px;    
    padding: 0 8px 0 10px;
    margin: 3px;
    font-size: 14px;
    line-height: 28px;
}
.search-screen-block a:hover{
	 color: #ff2832;
}
.search-screen-city {
    display: flex;
    margin-top: 16px;
}
.search-content {
    display: flex;
}
.search-content .search-result-blcok {
    width: 874px;
}
.search-content .search-result-msg {
    width: 874px;
	height: 175px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 16px;
    color: #333333;
	margin-top: 20px;
	display: grid;  
	place-items: center;
}
search-content .search-result-msg span {
    color: #FF2933;
}
.search-result-msg p{
	text-align: center;
}
.search-result-msg p a{
font-size: 16px;
    color: #777;
}
.ms-auto {
    margin-left: auto !important;
}
.search-result-list .teacher-item  {
    width: 874px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-top: 20px;
    display: flex;
}
.teacher-item-lecturer{
	padding: 15px;
	height: 230.2px;
}
.teacher-item-training{
	padding: 20px;
	height: 179.5px;
}
.search-result-list .teacher-item .avatar {
    width: 155px;
    border-radius: 4px;
    overflow: hidden;
	margin-right:10px;
	background: #f2f2f2;
}
.search-result-list .teacher-item .avatar1{
width:auto!important;
float:left;
}
.avatar img{
	margin-top: 5px;
}
.avatar1 img{
	width: 28px;
    height: 28px;
    background: #ffca8f;
    border-radius: 50%;
	margin-right: 10px;
}
.jsb{
	float:right;
	margin-top: 3px;
}
.point-name{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #999999;
}
.point-name a{
	color: #999999;
	line-height: 20px;
	font-size: 10px;
}
.search-result-list .teacher-item .pic-img-wd {
    width: 255px;
    height: 145px;
    border-radius: 10px;
}
.pic-img-wd img{
    height: 140px;
    width: 250px;
    background: #f2f2f2;
}
.search-result-list .teacher-item .content {
    margin: 0 0px 0 15px;
    width: 100%;
}
.teacher-item-training .content{
width: 565px;
}
 .content1{
width:100%!important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.align-items-center {
    align-items: center !important;
}
.union{
	margin-bottom: 0;
text-overflow: ellipsis;
   overflow: hidden; 
    white-space: nowrap;
}
.union a{
    height: 25px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
	color: #333;
	display: inline-block;
}
.subsidy-img{
	width: 100%;
	height: 100%;
}
.teacher-item:hover {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
}
.teacher-item .content h4.union a {
    position: relative;
}
.union a:hover{
	color: #ff2832;
}
.search-content .search-result-msg span {
    color: #FF2933;
}
.teacher-item .content h4 span.subsidy {
    background-color: #ff2832;
    height: 26px;
    border-radius: 11px;
    padding: 3px 10px;
    color: white;
    font-size: 12px;
    margin-left: 12px;
	line-height: 26px;
}
.teacher-item .content .major {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    margin-top: 10px;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.teacher-item .content .basic {
    display: flex;
    font-size: 14px;
    color: #666;
    padding: 6px 0px;
    margin-top: 5px;
}
.teacher-item .content .basic .data {
    border-right: 1px solid #D8D8D8;
    padding-right: 12px;
    margin-right: 12px;
    height: 12px;
    line-height: 12px;
	color: #666;
}
.teacher-item .content .basic .data span{
	color: #666;
}
.teacher-item .content .basic .data:last-child {
    border-right: 0;
}
.teacher-item .content .desc {
    font-size: 13px;
    margin: 5px 0;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height: 78px;
	color: #999;
}	
.teacher-item .content .domain {
    margin-top: 5px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    height: 24px;
}
.teacher-item .content .domain span {
    color: #666;
}
.teacher-item .content .domain a{
	color: #ff2832;
	margin: 0 3px;
}

.teacher-item .extend .tel {
    font-size: 18px;
    color: #333;
    line-height: 38px;
    background: url(../images/icon-tel.png) left center no-repeat;
    padding-left: 24px;
    font-weight: 700;
	margin: 0 3px;
}
.erm{
    position: absolute;
    right: -7px;
    bottom: 0px;
    width: 55px;
}
.pagination{
	padding: 10px!important;
}
.pagination li {
    float: left;
    cursor: pointer;
}
.pagination .disabled span, .pagination .disabled span:hover {
    color: #d2d2d2 !important;
    cursor: not-allowed !important;
}
.pagination li a, .pagination li span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
	border: 1px solid #eee;
}
.pagination .active span {
    background-color: #ff2832;
    color: #fff;
}
.search-content .search-page {
    background: #FFFFFF;
    border-radius: 4px;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.search-page .pagination .page-item {
    margin-right: 4px;
}
.search-page .pagination .page-item.disabled .page-link {
    color: #999999;
}
.search-page .pagination .page-item .page-link {
    border: 1px solid #EEEEEE;
    font-size: 14px;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    background: #FFFFFF;
    color: #333333;
}
.search-page .pagination .page-item.active .page-link, .search-page .pagination .page-item .page-link:hover {
    color: white;
    background: #ff2832;
}
.page-link:hover {
    color: white;
    background: #FF2933;
}
.right-block {
    width: 306px;
    margin-left: 20px;
}
.subsidy-teacher span{
	position: absolute;
	color: #fff;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}

.content-block{
	margin-bottom: 20px;
	position: relative;
}
.article-block {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 16px;
    width: 306px;
}
.right-block .block-title {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 2px;
}
.justify-content-between {
    justify-content: space-between !important;
}
.right-block h4 {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    color: #333333;
    position: relative;
    font-weight: 500;
    margin-bottom: 0;
}
.right-block h4:after {
    width: 72px;
    height: 4px;
    background: #ff2832;
    display: block;
    content: '';
    position: absolute;
    bottom: -4px;
}
.right-block .more a {
    font-size: 12px;
    color: #999999;
}
.article-block ul {
    padding-top: 20px;
}
.article-block li {
    margin-bottom: 12px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 12px;
}
.article-block h5 {
    font-size: 16px;
    line-height: 28px;
    height: auto;
    max-height: 56px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.article-block h5 a{
	color: #333;
}
.article-block h5 a:hover{
	color: #ff2832;;
}
 .article-block .article-list .info {
    font-size: 12px;
    color: #999999;
}
.article-block .article-list .teacher {
    align-items: center;
}
.article-block .article-list .teacher .avatar {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}
.article-block .article-list .teacher .avatar img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.article-block .article-list .teacher .name {
    font-size: 12px;
    line-height: 24px;
    padding-top: 5px;
    margin-left: 6px;
}
.teacher{
    height: 28px;
    line-height: 28px;
}
.teacher .name{
 	float:left;
	color: #666;
	margin-top: 2px;
	margin-right: 20px;
}
.name a{
	color: #999999;
}
.article-block .article-list .teacher .name a {
    color: #666666;
}
.article-list .bas{
	display: flex;
	font-size: 14px;
	color: #999;
	padding: 6px 0px;
	margin-top: 5px;
}
.article-list .bas .data {
    /* border-right: 1px solid #D8D8D8; */
	font-size: 12px;
    padding-right: 12px;
    margin-right: 12px;
    height: 12px;
    line-height: 12px;
    color: #999;
}
.article-list .bas .data span{
	color: #999;
	font-size: 12px;
}
.ms-auto {
    margin-left: auto !important;
}
.jsb-label.label-grey{
    background: #F6F6F8;
    color: #999999;
	margin-top: 10px;
}
.span_corler_grey{
	background: #F6F6F8;
	color: #999999;
	margin: 5px;
	font-size: 12px;
	padding: 2px 4px;
}
.span_corler_grey a{
	background: #F6F6F8;
	color: #999999;
	margin: 5px;
	font-size: 12px;
	padding: 2px 4px;
}
.jsb-label.label-grey a{
    background: #F6F6F8;
    color: #999999;
}

.jsb-label {
    display: inline-block;
    border-radius: 2px;
    line-height: 18px;
    padding: 2px 4px;
    font-size: 12px;
	margin-left: 10px;
}


.w-100 {
    width: 100%!important;
}

.ft_18 {
    font-size: 18px;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.content {
    position: relative;
  
}

.ml-0, .mx-0 {
    margin-left: 0!important;
     margin-right: 0!important;
}
.row{
    display: flex;
    flex-wrap: wrap;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.border-bottom-0{
    border-bottom: 0!important;
}
.ft_16 {
    font-size: 16px;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}

img {
    vertical-align: middle;
    border-style: none;
}
.barimg-tj{
	width: 100%;
	border-radius: 6px;
}
.w-75 {
    width: 75%!important;
    height: 125px;
    margin-left: 2%;
}
.w-25 {
    float: left;
    z-index: 999;
}
.w-75 h4 {
    margin-top: 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt_20{
	margin-bottom: 20px;
}
.course-lists{
	margin-top: 20px;
}
.bglists {
	display: flex;
    flex-wrap: wrap;
	overflow: hidden;
}
.course-lists p{
background: #FFF;
    padding: 40px;
    font-size: 18px;
    border-radius: 4px;
    text-align: center;
display: block;
}
.bg-list:nth-child(5n+1) {
    margin-left: 0;
}

.bg-list {
    width: 280px;
    margin-left: 26px;
	margin-bottom: 15px;
	background: #fff;
}
.bglists course-lists{
background: #FFF;
    padding: 40px;
    margin-top: 20px;
    font-size: 18px;
    border-radius: 4px;
    text-align: center;
    display: block;
}
.bg-list:hover {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
    transform: translate(0, -8px);
}
.bg-list1:nth-child(4n+1) {
    margin-left: 0!important;
}

.bg-list1 {
    width: 280px;
    margin-left: 26px;
	margin-bottom: 15px;
	background: #fff;
}
.bg-list1:hover {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
    transform: translate(0, -8px);
}
.list-content {
    position: relative;
    width: 280px;
}
.list-content .resource-img {
    width: 100%;
    height: 100%;
	border-radius: 8px 8px 0 0;
}
.te-name {
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    font-size: 16px;
}
.te-tit {
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    text-align: right;
	margin-bottom: 5px;
}
.te-tit span {
    color: #999;
    margin-left: 10px;
    background: #F6F6F8;
    padding: 2px 5px;
}
.teacTj{
	font-size: 24px;
	color: #333333;
	line-height: 40px;
	font-weight: 500;
	margin-top:20px;
border-left: 5px solid #ff2832;
    background-color: unset;
    line-height: 0;
    margin-bottom: 20px;
    padding: 12px;
}
.moreTeacher{
	display: flex;
	    flex-wrap: wrap;
}
.card-general {
    width: 281px;
    border-radius: 8px;
    padding: 16px 11px 0px 11px;
    background: white;
    margin-bottom: 20px;
    padding-bottom: 20px;
	margin-left: 15px;
}
.card-general:nth-child(3n+1) {
    margin-left: 0;
}
.card-general .avatar {
 width: 200px;
    margin: 0 auto;
    border-radius: 4px;
    overflow: hidden;
}
.card-general .name {
    height: 44px;
}
.card-general .major {
    margin-top: 4px;
    height: 24px;
    margin: 0 auto;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.btn.btn-sm {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 4px 13px;
    border-radius: 2px;
}

 .card-general .card-info {
    margin-top: 8px;
    border-top: 1px solid #EEEEEE;
    padding-top: 16px;
    display: flex;
    flex-wrap: wrap;
}
.card-general .card-info .item {
    width: 50%;
    margin-bottom: 8px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
	text-align: center;
    color: #666666;
}
.card-general .card-info .item span {
    color: #FF2933;
    margin-left: 8px;
}

.course-item{
	background: #ffffff;
	border-bottom: 1px solid #eeeeee;
	padding: 24px 20px;
	display: flex;
	flex-direction: column;
	 gap:16px;
}
.course-head{
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-start;
	background: #fbfbfb;
	border: 1px solid #edeff3;
	padding: 10px;
}
.course-info span{
	color: #999;
}
.infoS{
width: 220px;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.search {
    width: 680px;
    height:45px;
line-height: 45px;
    border: 1px solid #ff2832;
    overflow: hidden;
    margin: 20px auto 10px auto;
border-radius:20px;
}
.search input {
    width: 606px;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    float: left;
border: none; 	
}
.search button {
    background: #ff2832;
    width: 70px;
height: 39px;
    line-height: 39px;
border:none;
    float: left;
border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
margin-top: 2px;
    color: #fff;
}
.hot-tags{
width: 680px;
    margin: 0 auto;
    padding: 0px 20px;
}
.hot-tags span {
            color: #ff2832;
            font-size: 15px;
    margin-right: 5px;
            cursor: pointer;
        }
.course-title{
	    font-size: 18px;
	    color:#222;
	    padding-left:12px;
	    position: relative;
}
.course-title::before{
	    content:"";
	    position:absolute;
	    left:0;
	    top:2px;
	    width:4px;
	    height:22px;
	    background:#ff2832;
}
.deadline-text{
	    font-size:16px;
	    color:#555;
}
.deadline-text strong{
	    color:#ff2832;
	    font-weight:normal;
}
.course-bottom{
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
}
.course-info{
	    font-size:16px;
	    color:#666;
	    gap:26px;
	    display:flex;
	margin-left: 10px;
}
.btn-red{
	padding: 10px 50px;
	background-color: #ff2832;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}
.btn-hui{
	padding: 10px 50px;
	background-color: #cccdd1;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}
.btn-red:hover{
	 background:#ff2832;
}
.xm-xq-top {
    overflow: hidden;
 background:#fff;
}
.xm-xq-top-title {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: #e6e6e6;
}
.xm-xq-top-title h3 {
    float: left;
    font-size: 20px;
    line-height: 50px;
    margin-left: 12px;
    position: relative;
    padding-left: 16px;
}
.xm-xq-top-title h3::before {
    content: '';
    display: block;
    width: 5px;
    height: 36px;
    background: #ff2832;
    position: absolute;
    left: 0;
    top: 7px;
}
.xm-xq-top-title dl {
    float: right;
    margin-right: 12px;
    overflow: hidden;
}
.xm-content{
 background: #fff;
    padding: 20px 0;
}
.xm-content-tab {
    padding: 0 30px;
    overflow: hidden;
}
.xm-xq-top-mes {
    margin: 25px 35px 5px;
    overflow: hidden;
}

.xm-xq-top-mes ul li {
    width: 33.3333%;
    float: left;
    font-size: 14px;
    padding: 10px 0;
}
.xm-xq-top-mes ul li strong {
    font-size: 16px;
    color: #ff2832;
}
.xm-content-tab li.xm-content-tab-cur, .xm-content-tab li:hover {
    background: #ff2832;
    color: #fff;
}
.xm-content-tab li {
    float: left;
    width: 148px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    background: #e2e2e2;
    cursor: pointer;
    margin-right: 12px;
}
.xm-content-tabcon {
    margin: 0 30px;
    overflow: hidden;
    border: 1px solid #edeff3;
    border-top: 1px solid #e83632;
}
.xm-pj {
    overflow: hidden;
}
.xm_pj_ul_li {
    margin: 0 30px 15px 30px;
    padding: 20px 0 0 0;
    overflow: hidden;
    font-size: 14px;
    position: relative;
    border-bottom: 1px dotted #9c9c9c;
}
.xm-pj xm-xq-pj ul{
padding-bottom: 20px;
}
.xm_xq_pj_li_h4 {
    font-size: 16px;
    color: #ff2832;
    font-weight: bold;
    position: relative;
    padding-left: 16px;
}
.xm_xq_pj_li_h4::before {
    content: '';
    display: block;
    width: 4px;
    height: 18px;
    background: #ff2832;
    position: absolute;
    left: 0;
    top: 2px;
}
.xm_pj_ul_li p {
    line-height: 1.75;
}
.zwsj{
text-align: center;
    margin: 50px;
    font-size: 18px;
}




/* ===== PC 云课堂列表页 (.yc-*) ===== */
/* ===== 云课堂列表页专属样式 =====
   全部限定在 .yc-wrap 内，不影响站内其他列表页 */
.yc-wrap{padding-bottom:60px;}

/* ---- 顶部筛选区---- */
.yc-filter{
	background:#fff;border-radius:10px;padding:22px 28px;margin-bottom:22px;
}
.yc-frow{display:flex;align-items:flex-start;gap:16px;padding:9px 0;}
.yc-frow + .yc-frow{border-top:1px solid #f4f5f7;}
.yc-flabel{
	flex:none;width:76px;padding-top:6px;
	font-size:13.5px;color:#999;letter-spacing:.5px;
}
.yc-fopts{flex:1;display:flex;flex-wrap:wrap;gap:8px 10px;}
.yc-fopts a{
	display:inline-block;padding:5px 15px;border-radius:15px;
	font-size:13px;color:#555;background:#f5f6f8;
	transition:color .15s,background .15s;
}
/* 未选中项 hover 变红；选中项用 .on 且不写 hover，避免「红底红字」 */
.yc-fopts a:not(.on):hover{color:#e24b4a;}
.yc-fopts a.on{background:#e24b4a;color:#fff;}

/* ---- 课程网格：4 列 ---- */
.yc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px;}
@media (max-width:1300px){ .yc-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:900px){ .yc-grid{grid-template-columns:repeat(2,1fr);} }

/* grid 里各卡片行高会被最高那张撑开，加 height:100% 让卡片等高 */
.yc-grid > .yc-card{height:100%;}

.yc-card{
	background:#fff;border-radius:10px;overflow:hidden;
	box-shadow:0 2px 10px rgba(31,45,61,.06);
	display:flex;flex-direction:column;
	transition:transform .2s,box-shadow .2s;
}
.yc-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(31,45,61,.12);}

/* 封面：固定 16:9，用 object-fit:cover 保证不变形 */
.yc-pic{
	position:relative;width:100%;padding-top:56.25%;
	background:#f2f4f6;overflow:hidden;
}
.yc-pic img{
	position:absolute;left:0;top:0;width:100%;height:100%;
	object-fit:cover;display:block;
	transition:transform .45s;
}
.yc-card:hover .yc-pic img{transform:scale(1.05);}

/* 左上角分类标签 */
.yc-cat{
	position:absolute;left:0;top:0;z-index:2;
	padding:4px 12px 5px;font-size:12px;color:#fff;
	background:rgba(0,0,0,.55);border-bottom-right-radius:12px;
}

.yc-bd{flex:1;padding:14px 16px 16px;display:flex;flex-direction:column;}

/* 简介：4 行截断 */
.yc-desc{
	margin:0 0 10px;font-size:13px;color:#5f646e;line-height:1.8;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;
	min-height:94px;
}
/* 简介在悬停时显示完整（title 属性由模板写在 a 上），此处仅做光标提示 */
.yc-card:hover .yc-desc{color:#3f444e;}
/* 简介区也是链接区（标题已删，整块可点） */
.yc-desc-link{display:block;color:inherit;}
.yc-desc-link:hover{color:#e24b4a;}

/* 底部信息条：学习人数（左）+ 难度（右） */
.yc-ftbar{
	margin-top:auto;padding-top:10px;border-top:1px solid #f4f5f7;
	display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.yc-views{font-size:12px;color:#a0a4ad;}
.yc-views b{color:#e24b4a;font-weight:600;}

/* 难度标签：按级别不同颜色（初级绿 / 中级蓝 / 高级红 / 其他灰） */
.yc-level{
	flex:none;padding:2px 10px;border-radius:11px;
	font-size:11.5px;line-height:1.6;white-space:nowrap;
}
.yc-level-1{background:#e8f6ee;color:#1e9e5a;}   /* 初级 - 绿 */
.yc-level-2{background:#e8f1fd;color:#1a6fd4;}   /* 中级 - 蓝 */
.yc-level-3{background:#fdeaea;color:#d93a3a;}   /* 高级 - 红 */
.yc-level-0{background:#f0f1f3;color:#8a8f99;}   /* 其他 - 灰 */
.yc-none{color:#c2c5cb;}

/* ---- 课程搜索框 ---- */
.yc-search{
	background:#fff;border-radius:10px;padding:18px 28px;margin-bottom:22px;
	display:flex;gap:10px;
}
.yc-search input{
	flex:1;height:40px;border:1px solid #dcdfe6;border-radius:20px;
	padding:0 20px;font-size:13.5px;outline:none;transition:border-color .15s;
}
.yc-search input:focus{border-color:#e24b4a;}
.yc-search button{
	height:40px;padding:0 40px;border:none;border-radius:20px;
	background:#e24b4a;color:#fff;font-size:14px;cursor:pointer;
}
.yc-search button:hover{opacity:.9;}

/* ---- 空状态 / 分页 ---- */
.yc-empty{text-align:center;padding:80px 0;color:#999;font-size:14px;}
.yc-pager{margin:34px 0 0;padding:0;text-align:center;}

/* ---- 商学院列表页（仅 list_mbaprogram.html 使用）：空搜提示 ---- */
.mba-empty{background:#fff;padding:60px 40px;margin-top:20px;border-radius:4px;text-align:center;}
.mba-empty-title{font-size:18px;color:#333;margin:0 0 12px;}
.mba-empty-tip{font-size:14px;color:#999;margin:0;}