.school-content .school-main-top {
	background: #fff;
	flex-grow: 1
}

.school-content .school-main-top .school-nav {
	display: flex;
	padding: 35px 0 0 0;
	border-bottom: 1px solid #ccc
}

.school-content .school-main-top .school-nav a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #666;
	font-size: 20px;
	padding: 25px 36px
}

@media (max-width:1200px) {
	.school-content .school-main-top .school-nav a {
		padding: 25px 36px
	}
}

.school-content .school-main-top .school-nav a.active {
	color: #333;
	font-weight: 600;
	position: relative
}

.school-content .school-main-top .school-nav a.active::after {
	content: "";
	height: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	background: #ea4258
}

.school-content .school-main-top .school__subnav {
	padding: 0;
	margin: 0
}

.school-content .school-main-top .school__listBox {
	min-height: 360px
}

.school-content .school-main-top .school__subnav__bottom,.school-content .school-main-top .school__subnav__top {
	display: flex;
	flex-wrap: wrap
}

.school-content .school-main-top .school__list {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 50px
}

.school-content .school-main-top .subnav__item {
	width: 196px;
	height: 54px;
	background: #f6f6f6;
	border: 1px solid #ececec;
	border-radius: 4px;
	list-style: none;
	margin-top: 30px
}

.school-content .school-main-top .subnav__item:not(:nth-child(5n)) {
	margin-right: 40px
}

@media (max-width:1200px) {
	.school-content .school-main-top .subnav__item {
		margin-right: 40px
	}
}

.school-content .school-main-top .subnav__item a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 196px;
	height: 54px;
	padding: 0 10px;
	color: #444;
	text-decoration: none
}

.school-content .school-main-top .subnav__item.active {
	background: #2e74e9
}

.school-content .school-main-top .subnav__item.active a {
	color: #fff
}

.school-content .school-main-top .list-state {
	color: #2e74e9;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 38px
}

.school-content .school-main-top .list-state i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/icon_more.png) center center/100% no-repeat;
	margin-left: 6px;
	cursor: pointer
}

.school-content .school-main-top .list-state.all i {
	background-image: url(../images/icon_less.png)
}

.school-content .secondSchool-list {
	min-height: 360px
}

.school-content .secondSchool-list ul li {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.school-content .secondSchool-list ul li .list-text {
	flex: 1
}