﻿.school_index h1{line-height: 85px; font-size:24px; color:#2e677a; font-weight:600; display: flex; align-items: center;}
.school_index h1 img{margin-right: 8px; width: 22px;}
.school_index .select{ border:1px solid #ddd; background: #eee; height:37px; line-height:37px; padding: 0px;}
.school_index .select a{ display: inline-block;line-height: 37px; padding: 0px 20px; font-weight: bold;}
.school_index .select a:hover{ color:#fff; background: #326a7d; }
.school_index .select a.active{ color:#fff; background: #326a7d; }

.school_index .filter {
	width: 250px;
	margin-right: 28px
}

.school_index .filter .filter-box {
	background: #fff;
	border: 1px solid #e8e7e8;
	padding: 0 20px
}

.school_index .filter .filter-box .tit i {
	font-size: 20px
}

.school_index .filter .filter-box .item_filter {
	border-top: 1px solid #e8e7e8
}

.school_index .filter .filter-box .item_filter .items.autoheight {
	height: auto
}

.school_index .filter .filter-box .item_filter .title {
	font-size: 14px;
	color: #777676;
	padding: 20px 0
}

.school_index .filter .filter-box .item_filter .items {
	height: 170px;
	overflow: hidden;
	transition: all .3s linear
}

.school_index .filter .filter-box .item_filter .items li {
	margin-bottom: 15px
}

.school_index .filter .filter-box .item_filter .more {
	font-size: 14px;
	display: none;
	line-height: 45px
}

.school_index .filter .filter-box .item_filter .more a {
	color: #999
}

.scroll-up {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 72px;
	z-index: var(--zIndexScrollUp);
	width: 50px;
	height: 52px;
	border-radius: 50%;
	text-align: center;
	line-height: 52px;
	box-shadow: 0 0 5px 1px #b0b0b0;
	background: #fff
}

.scroll-up i {
	font-size: 30px;
	font-weight: 700;
	color: #07a1e6
}

.school-show .school-box {
	min-height: 1100px;
	overflow: hidden
}

.school-show .school-box .school-list li {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	border: 1px solid #ddd;
	padding: 20px;
	background: #fff
}
.school-show .school-box .school-list li+li{border-top: none;}
.school-show .school-box .school-list li a {
	width: 100%;
	display: flex
}

.school-show .school-box .school-list li a .pic {
	width: 100px;
	margin-right: 15px;
	position: relative
}

.school-show .school-box .school-list li a .pic .school-pic {
	overflow: hidden;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center
}

.school-show .school-box .school-list li a .pic .school-pic img {
	border: 1px solid #CCC;
	width: 100%
}

.school-show .school-box .school-list li a .pic .views {
	font-size: 13px;
	position: absolute;
	bottom: 0
}

.school-show .school-box .school-list li a .pic .views span {
	font-size: 14px
}

.school-show .school-box .school-list li a .text {
	flex: 1;
	overflow: hidden
}

.school-show .school-box .school-list li a .text .zh-title {
	color: #2E677A;
	font-size: 18px;
	height: 36px;
	font-weight: 700
}

.school-show .school-box .school-list li a .text .location {
	color: #333;
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

.school-show .school-box .school-list li a .text .location span {
	font-size: 15px
}

.school-show .school-box .school-list li a .text .other-info {
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between
}

.school-show .school-box .school-list li a .text .other-info .infos {
	flex: 1;
	overflow: hidden;
	margin-right: 20px
}

.school-show .school-box .school-list li a .text .other-info .infos .cat-name {
	color: #F08336;
	display: inline-block
}

.school-show .school-box .school-list li a .text .other-info .infos .num {
	margin-right: 20px
}

.school-show .school-box .school-list li a .text .other-info .chance {
	display: inline-block;
	background: #2E677A;
	border-radius: 5px;
	color: #FFF;
	font-size: 14px;
	width: 115px;
	height: 34px;
	line-height: 34px;
	text-align: center
}

.school-show .school-box .school-list li a .text .more {
	height: 34px;
	line-height: 34px;
	color: #2E677A;
	font-size: 14px
}

.school-show .school-box .school-list li:hover {
	box-shadow: 0 0 7px 0 #cbc9c9
}










.school_commend {
	width: 258px
}

.school_commend .item {
	background: #fff;
	padding: 0 25px 40px
}

.school_commend .item .name {
	line-height: 28px;
	font-size: 14px;
	color: #515050
}

.school_commend .cat-title {
	color: #fff;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
    background: #76b7c0;display: flex;
    align-items: center;
}
.school_commend .cat-title img{max-height: 30px; display: block; margin: 0px 10px 0px 0px;}
/*.school_commend .news-content .news-list ul li .zh-title{font-size: 16px; color: #232323; margin-bottom:8px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}
.school_commend .news-content .news-list ul li .zh-brief{font-size: 14px; color: #545454; line-height: 23px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.school_commend .news-content .news-list ul li .reg{font-size: 14px; color: #f37a34; margin-top: 5px;}
.school_commend .news-content .news-list ul li {border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding: 20px}
*/
.school_commend .cat-content .school-list ul li {
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	padding: 20px
}

.school_commend .cat-content .school-list ul li a {
	color: #F08336;
	font-size: 12px
}

.school_commend .cat-content .school-list ul li a:hover {
	text-decoration: underline
}
.school_commend .cat-content .school-list ul li .pic {
	float: left;
	width: 70px;
	height: 66px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px
}

.school_commend .cat-content .school-list ul li .pic img {
	width: 100%
}

.school_commend .cat-content .school-list ul li .text {
	float: right;
	width: 134px
}

.school_commend .cat-content .school-list ul li .text .zh-title {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden
}

.school_commend .cat-content .school-list ul li .text .en-title {
	color: #333;
	font-family: Arial;
	font-size: 12px;
	height: 22px;
	line-height: 22px
}

.school_commend .cat-content .school-list ul li .text .views {
	color: #333;
	font-size: 12px;
	height: 22px;
	line-height: 22px
}

.school_commend .cat-content .school-list ul li .text .views span {
	color: #2E677A
}

.school_commend .cat-content .school-list ul li .text .reg {
	height: 22px;
	line-height: 22px
}


.school_commend .news-content .news-list{border: 1px solid #ddd; padding: 10px;}
.school_commend .news-content .news-list ul{max-height: 518px; overflow: hidden;}
.school_commend .news-content .news-list ul li{margin-bottom: 10px;display: flex; justify-content: space-between; align-items: center;}
.school_commend .news-content .news-list ul li span.name{ background:#e0eaf1; height: 30px; line-height: 30px; display: inline-block; padding: 0px 15px 0px 10px; margin-right: 10px; color: #2e677a;cursor: pointer;width: 135px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; border-radius: 0px 30px 30px 0px;}
.school_commend .news-content .news-list ul li span.val{  height: 30px; line-height: 30px; display: inline-block;  color: #666;}
.school_commend .news-content .news-list a.more{color:#f08336; font-size:16px; padding: 5px 0px 5px;display: inline-block;}