.the-school-header {
	background: #fff;
	padding-top: 2%;
}
.the-school-header .search-school {
	width: 96%;
	margin: auto;
	border: 1px solid #ff9d00;
	box-sizing: border-box;
}
.the-school-header .search-school form {
	display: flex;
	justify-content: space-between;
}
.the-school-header .search-school input {
	width: 60%;
	height: 35px;
	outline: none;
	border: none;
	box-sizing: border-box;
	padding: 0 2%;
}
.the-school-header .search-school button {
	width: 25%;
	outline: none;
	border: none;
	box-sizing: border-box;
	background: #ff9d00;
	color: #fff;
}
.the-order {
	position: relative;
	padding: 2%;
	margin-top: 2%;
	border-top: 1px solid #eee;
}
.the-order ul {
	display: flex;
	justify-content: space-between;
	padding-right: 50px; 
}
.the-order ul li {
	width: 33.33%;
	font-size: 1.1em;
	text-align: center;
	padding: 1.5% 0;
}
.the-order ul li.on a {
	color: #ff9d00;
}
.the-order i {
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 18px;
	background: url(../images/nav_school.jpg) no-repeat;
	background-size: 100%;
}

.filtrate-wrap {
	display: none;
	background: #fff;
	padding: 2%;
	border-top: 1px solid #eee;
}
.filtrate-wrap>p {
	padding-bottom: 2%;
	border-bottom: 1px solid #eee;
}
.filtrate-content>p {
	margin-top: 4%;
    font-size: .95em;
    color: #333;
}
.filtrate-content ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2%;
}
.filtrate-content ul li {
	width: 23%;
	padding: 2% 0;
	background: #f7f7f7;
	text-align: center;
	margin: 2% 0 0 2.66%;
}
.filtrate-content ul li:nth-child(4n+1) {
	margin-left: 0;
}
.filtrate-content ul:last-child {
	padding-bottom: 2%;
}
.filtrate-content ul li a.on {
	color: #ff9d00;
}

.the-school {
    width:96%;
    margin:0 auto;
}
.the-school li {
    background-color:white;
    padding:2%;
    margin-top:10px;
}
.s_l_a1{
	display: block;
	height: 24px;
	line-height: 25px;
    font-size: 1.2em;
}
.s_l_a1 img{
	height: 23px;
	vertical-align: -6px;
	margin-right: 5px;
}
.s_l_p1{
    color:#666;
    margin-top:4px;
    padding: 2% 0;
}
.s_l_p1 span{
    margin-right: 8px;
}
.s_l_p1 img{
    width: 20px;
    margin-right: 2px;
    vertical-align: -4px;
}
.s_l_p2{
    color:white;
    margin-top:4px;
    margin-bottom: 10px;
}
.s_l_p2 span{
    padding:1px 2% 2px;
    margin-right: 1%;
    border-radius:4px;
    color:#666;
    font-size: .85em;
}
.s_l_p2 span:nth-child(1){
    -background-color:#59bd4d;
    border:1px solid #59bd4d;
}

.s_l_p2 span:nth-child(2){
    -background-color:#ff9d00;;
    border:1px solid #ff9d00;
}

.s_l_p2 span:nth-child(3){
    -background-color:#3d89e8;
    border:1px solid #3d89e8;
}

.schools_list_d1{
    display:flex;
    justify-content:space-between;
    margin-top:6px;
}
.schools_list_d1 img{
    width:32%;
    height:80px;
}

.outer_page {
	width: 100%;
	background: #fff;
	padding: 2% 0;
	margin-top: 2%;
}
.page_box {
    width: 80%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}
.page_box div {
    list-style: none;
    background-color: #ff9d00;
    width: 33%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: .85em;
}
.page_box div a {
    color: #fff;
}
.page_box div:nth-child(2) {
    background-color: #fff;
}
.page_box form select {
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    border: 0;
    background-image: url(../images/white.png);
    border-radius: 0;
    padding-left: 25%;
    color: #666;
    text-align: center;\
    outline: none;
}