@import url("../campus.css");

/* 校区 H5：首页分类与主题色对齐 #4e6ef2 */

.CampusHomeHero {
	margin: .16rem .16rem 0;
	padding: .32rem .28rem .28rem;
	border-radius: .2rem;
	background: linear-gradient(135deg, #eef2ff 0%, #fff 72%);
}
.CampusHomeKicker {
	display: inline-block;
	margin-bottom: .1rem;
	padding: 0 .12rem;
	border-radius: .2rem;
	background: rgba(78,110,242,.12);
	color: #4e6ef2;
	font-size: .22rem;
	line-height: .36rem;
	font-weight: 600;
}
.CampusHomeHero h1 { margin: 0 0 .08rem; font-size: .42rem; line-height: .56rem; color: #1a1a1a; font-weight: 700; }
.CampusHomeHero p { margin: 0 0 .2rem; font-size: .24rem; line-height: .36rem; color: #8590a6; }
.CampusHomeNear { margin-top: .12rem; color: #4e6ef2; }
.CampusHomeSearch {
	display: block;
	height: .72rem;
	line-height: .72rem;
	padding: 0 .24rem;
	border-radius: .16rem;
	background: #fff;
	color: #9aa3b2;
	font-size: .26rem;
	box-shadow: 0 .04rem .16rem rgba(78,110,242,.08);
}
.CampusHomeCats {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: .16rem .16rem .04rem;
	gap: .12rem;
}
.CampusHomeCats::-webkit-scrollbar { display: none; }
.CampusHomeCats a {
	flex: none;
	height: .56rem;
	line-height: .56rem;
	padding: 0 .2rem;
	border-radius: .28rem;
	background: #fff;
	color: #4e5969;
	font-size: .24rem;
	border: 1px solid #eef1f5;
}
.CampusHomeCats a.on { background: #4e6ef2; border-color: #4e6ef2; color: #fff; }

.campus-show-tags { display: flex; flex-wrap: wrap; gap: .1rem; margin: .12rem 0; padding: 0 .24rem; }
.campus-show-tags span {
	padding: 0 .12rem;
	border-radius: .08rem;
	background: #f1f4fe;
	color: #4e6ef2;
	font-style: normal;
	font-size: .24rem;
	line-height: .4rem;
}
.campus-m-cover { margin-bottom: .2rem; }
.campus-m-cover img { width: 100%; border-radius: .16rem; display: block; }
.campus-m-facts {
	background: #f7f8fc;
	padding: .2rem;
	border-radius: .12rem;
	margin-bottom: .2rem;
	font-size: .26rem;
	color: #4e5969;
}
.campus-m-facts p { margin: 0 0 .08rem; }
.campus-m-facts p:last-child { margin-bottom: 0; }
.campus-m-facts strong { display: inline-block; min-width: 1.2rem; margin-right: .12rem; color: #8590a6; font-weight: 500; }
.campus-m-facts a { color: #4e6ef2; }
.CampusShowSchool {
	display: block;
	margin: .16rem;
	padding: .18rem .2rem;
	border-radius: .16rem;
	background: #f8f9fd;
	color: #4e6ef2;
	font-size: .26rem;
}
.campus-m-item { margin: .16rem; border: 1px solid #eef1f5; box-shadow: none; }
.campus-m-title { font-weight: 600; }
.campus-m-area { background: #f1f4fe; color: #4e6ef2; }
.course-m-price { color: #4e6ef2; }

.pages.campus-pages,
.campus-pages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .12rem;
	height: auto;
	padding: .24rem .16rem .32rem;
	margin: 0;
	background: transparent;
	text-align: center;
}
.campus-pages a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: .64rem;
	padding: 0 .24rem;
	margin: 0;
	border: 1px solid #eef1f5;
	border-radius: .12rem;
	background: #fff;
	color: #4e5969;
	font-size: .26rem;
	line-height: .64rem;
}
.campus-pages a:hover,
.campus-pages a#page-goto {
	border-color: #4e6ef2;
	color: #4e6ef2;
}
.campus-pages a#page-goto b { color: #4e6ef2; font-weight: 700; }
.campus-pages cite { color: #8590a6; font-size: .22rem; }

.NearSec { margin-top:.2rem; }
.NearSec h2 { font-size:.3rem; margin:0 0 .12rem; padding:0 .04rem; color:#1f2937; }
.NearPage { padding:.24rem; }
.NearHead { background:#fff; border-radius:.16rem; padding:.28rem; margin-bottom:.2rem; }
.NearHead h1 { font-size:.36rem; margin:0 0 .12rem; }
.NearHead p { margin:0 0 .16rem; color:#667085; font-size:.24rem; }
.NearHead button { width:100%; height:.8rem; border:0; border-radius:.4rem; background:#4e6ef2; color:#fff; font-size:.3rem; }
.NearRedo { display:inline-block; margin-top:.12rem; color:#4e6ef2; font-size:.26rem; }
.NearKm { display:flex; gap:.12rem; margin-top:.16rem; }
.NearKm a { flex:1; text-align:center; height:.64rem; line-height:.64rem; border:1px solid #e5e8f1; border-radius:.12rem; color:#344054; background:#fff; }
.NearKm a.on { border-color:#4e6ef2; color:#4e6ef2; background:#eef3ff; }
.NearList { display:flex; flex-direction:column; gap:.16rem; }
.NearCard { display:flex; gap:.16rem; background:#fff; border-radius:.16rem; padding:.16rem; color:#1f2937; }
.NearCard .image img { width:1.8rem; height:1.2rem; object-fit:cover; border-radius:.1rem; background:#f5f6f9; }
.NearCard strong { display:block; font-size:.28rem; }
.NearCard p { margin:.08rem 0; color:#4e6ef2; font-size:.22rem; }
.NearCard em { display:block; color:#667085; font-size:.22rem; font-style:normal; }
.NearEmpty { padding:.4rem; text-align:center; color:#667085; background:#fff; border-radius:.16rem; }
.campus-map { margin:.16rem; }
.campus-map iframe { width:100%; height:4.2rem; border:0; border-radius:.16rem; }
.campus-map-nav { display:block; margin:.12rem .16rem 0; color:#4e6ef2; }