.grades{}
.grades li{}
.grades li a{
	overflow: hidden;
	display: block;
	position: relative;
	padding: 5px;
	font: 400 14px/24px '微软雅黑';
	color: #fff;
	background: #0b70a8;
}
.grade-more{
	position: absolute;
	right: 5px;
	top: 5px;
}
.grade-p p{
	padding: 0 10px;
	font: 400 14px/24px '微软雅黑';
	color: #1c1c1c;
	background: #e5e5e5;
}
.grade-p p:nth-child(2n){
	background: #ececec;
}

.grade-er-title{
	overflow: hidden;
	display: block;
	position: relative;
	padding: 5px;
	font: 400 14px/24px '微软雅黑';
	color: #fff;
	background: #0b70a8;
}
.grade-back{
	position: absolute;
	right: 5px;
	top: 5px;
}


@media (min-width:1200px) {
	.grades li a{
		padding: 5px 25px;
	}
	.grade-more{
		right: 15px;
	}
	.grade-p p{
		padding: 0 50px;
		font: 400 14px/36px '微软雅黑';
		color: #1c1c1c;
	}

	.grade-er-title{
		padding: 5px 25px;
	}
	.grade-back{
		right: 15px;
	}
}