*{
    margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: "微软雅黑";
}
input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
}


.middle .banner{
	padding-bottom: 1vw;
}
.middle .banner img{
	display: block;
	width: 100%;
}

.middle .position{
	height: 9.333333333333333vw;	
	background-color: #f5f5f5;


}
.middle .position ul{
	display: flex;
	padding-left: 2vw;

}
.middle .position li{

	font-size: 3.2vw;
	line-height:9.333333333333333vw;
	color: #555555;

}
.middle .position li a{
	color: #555555;
}
.middle .position li:first-child{
	color: #1f1f1f;
	padding-right: 1vw;
}


.middle .list li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 2.666666666666667vw;
	box-sizing: border-box;
	border-bottom: 1.6vw solid #f5f5f5;
}

.middle .list h4{

	font-size: 4.2vw;
	color: #424242;

}

.middle .list .left{
	width: 56.2vw;
	position: relative;
}
.middle .list .time{
	position: absolute;
	left: 0;
	bottom: 2vw;
	font-size: 3.2vw;
	color: #686868;
}

.middle .list .right{
	width:34.66666666666667vw;
	height: 23.2vw;
	overflow: hidden;
	box-shadow: 0px 0px 6px 0px #666666;
	box-sizing: border-box;
	border: 1vw solid #FFFFFF;
	background: url(/class/template/publicimg/loading.gif) no-repeat center;
    background-size: 14%;
}

.middle .list img{
	display: block;
	width: 100%
}

.middle .page{
	padding: 4vw 0;
	text-align: center;
	font-size: 3.2vw;
	
	color: #666666;
	
}


.middle .page a{
	margin-left: 3.2vw;
	color: #797979;
	font-size: 3.2vw;
	display: block;
	border: 1px solid #cdcdcd;
	padding:1.6vw 5.6vw ;
}