html,body{
	margin:0;
	padding:0;
}
.warp{
	width:100vw;
	
	background-size:100% auto;
	background-repeat:no-repeat;
	background-color:#FFFF;
	overflow:hidden;

}


.school{
	
	margin-top:0.2rem;
	padding-top:0.33rem;
	background:#fff;
	margin-bottom:1rem;
	
}
.school .header{
	height:0.45rem;
	display:flex;
	margin-left:0.3rem;
	margin-right:0.3rem;	
}
.school .header .left{
	width:1.28rem;
	line-height:0.45rem;
	font-size: 0.32rem;
	//font-family: PingFangSC-Medium;
	font-weight: 600;
	color: #333333;
	border-bottom:3px solid #3886FF;
	
}
.school .header .mid{
	height: 0.33rem;
	line-height: 0.33rem;
	flex:1;
	text-align:right;
	font-size: 0.24rem;
	//font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;	
	margin-top:0.11rem;
}
.school .header .right{
	width:0.2rem;
	height:0.2rem;
}
.school .header .right img{
	height:100%;
	margin-left:0.11rem;
	margin-top:0.16rem;
}
.school .lists{
	height:1.73rem;
	margin-left:0.3rem;
	margin-right:0.3rem;
	padding-top:0.35rem;
	padding-bottom:0.35rem;	
	display:flex;
	border-bottom:1px solid #F4F4F4;
}
.school .lists .pic{
	width:1.73rem;
	height:1.73rem;
}
.school .lists .pic img{
	width:100%;
	max-height:100%;
}
.school .lists .texts{
	flex:1;
	margin-left:0.2rem;
}
.school .lists .texts .text1{
	display:flex;
}
.school .lists .texts .text1 .name{
	flex:1;
	height: 0.45rem;
	line-height: 0.45rem;
	font-size: 0.32rem;
	//font-family:PingFangSC-Medium;
	font-weight: 600;
	color: #333333;
	overflow:hidden
	
}
.school .lists .texts .text1 .dist{
	width: 0.89rem;
	height: 0.4rem;
	font-size: 0.28rem;
	//font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 0.4rem;
	margin-right:0.1rem;
}

.school .lists .texts .text2{
	width: 2.47rem;
	height: 0.4rem;
	font-size: 0.28rem;

	font-weight: 400;
	color: #333333;
	line-height: 0.4rem;
	margin-top:0.33rem;
}
.school .lists .texts .text3{
	width: 4.97rem;
	height: 0.4rem;
	font-size: 0.28rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.4rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:0.1rem;
}

.foot{
	width:100%;
	height:0.98rem;
	position:fixed;
	bottom:0;
}

.foot .li{
	width:25%;
	height:0.85rem;
	float:left;
	position:relative;
	margin-top:0.1rem;
	background:#fff;
	border-top:1px solid #F4F4F4;
}
.foot .li .pic{
	height:0.38rem;
	position:absolute;
	left:50%;
	margin-top:0.1rem;
	
}
.foot .li .pic:nth-child(1){
	width:0.4rem;
	margin-left:-0.2rem;

}
.foot .li .pic:nth-child(2){
	width:0.48rem;
	margin-left:-0.24rem;

}
.foot .li .pic:nth-child(3){
	width:0.34rem;
	margin-left:-0.17rem;
}
.foot .li .pic:nth-child(4){
	width:0.36rem;
	margin-left:-0.18rem;
}
.foot .li .text{
	width:100%;
	height:0.4rem;
	line-height:0.4rem;
	position:absolute;
	bottom:0;
	text-align:center;
	font-size: 0.28rem;
	color: #333333;
	margin-top:0.06rem;
	
}
.foot .li .pic img{
	width:100%;
	height:100%;
}