body{
	background-color: #f6f6f6;
}
#contents {
	width: 1024px;
	margin: 0 auto;
	padding: 25px 0 50px;
}
#contents .breadcrumb {
	/*margin: 0 0 35px 0;*/
	margin: 0 0 12px 0;
}
#contents .breadcrumb ul li {
	display: inline-block;
}
/*#contents .breadcrumb ul li:nth-of-type(-n+1):after*/
#contents .breadcrumb ul li:not(.last):after {
	content: ">>";
	margin: 0 10px;
}
#contents .breadcrumb ul li a {
	color: #898989;color: #000;
}
#contents .pageTitle {
	/*margin: 0 0 45px 0;*/
	margin: 0 0 25px 0;
}
#contents .pageTitle h1 {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
}

#contents .pager {
	margin: 50px 0 0 0;
}
#contents .pager ul {
	text-align: center;
}
#contents .pager ul li {
	display: inline-block;
	margin: 2px;
}
#contents .pager ul li span {
	display: inline-block;
	/* width: 24px; */
	/* margin: 0 5px; */
	padding: 6px 12px;
	font-size: 14px;
	/* line-height: 1; */
	cursor: pointer;
	text-align: center;
	border: 1px solid #212121;
	cursor: pointer;
}
#contents .pager ul li span:hover,
#contents .pager ul li span.active {
	background-color: #212121;
	color: #FFF; 
}
#contents .pager ul li span.active{
	cursor: default;
}



/*为了ipad1024左右有留白 */
@media screen and (max-width:1024px) {

	
	#contents {
		width: 100%;
		padding: 28px 15px;
	}
}
@media screen and (max-width:640px) {
	#contents {
		width: 100%;
		padding: 28px 15px;
	}
	#contents .breadcrumb {
		display: none;
	}
	#contents .pageTitle {
		margin: 0 0 28px 0;
	}
	#contents .pageTitle h1 {
		font-size: 21px;
	} 
	#contents .pager {
		margin: 40px 0 0 0;
	}
	#contents .pager ul li {
		margin: 0 2px 10px 2px;
	}
	#contents .btn {
		width: 225px;
		margin: 40px auto;
	}

}

