@charset "utf-8";
/* CSS Document */

html{width:100%; height:100%;}
body{ color:#5e5e5e; background:#fff; font-size:15px; font-family:"微软雅黑";}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none; max-width:100%; vertical-align: bottom;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align: right;}
.tc{ text-align: center;}



.show{ max-width: 1200px; margin: 50px auto;}
.show h1{ font-size: 30px; text-align: center; color: #5e5e5e; }
.show .time{ padding: 20px 0; text-align: center; color: #666;}
.show .time span{ padding: 0 8px;}
.show_main{ line-height: 30px; padding: 30px 0; border-top: 1px solid #dcdcdc;}
.show_page{ padding-top: 20px; line-height: 30px; border-top: 1px solid #dcdcdc; color: #5e5e5e;}
.show_page a{ color: #5e5e5e;}
.show_page span{ width: 50%; display: block; float: left; text-align: right; box-sizing: border-box; padding-left: 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.show_page span:nth-child(1){ text-align: left; padding: 0 20px 0 0;}
.pages{ padding: 50px 0; text-align: center;}
.pages span,.pages a{ padding:4px 10px; display: inline-block;}
.pages a:hover,.pages .current{ background:#5e5e5e; color:#fff; text-decoration:none;}

@media screen and (max-width:1260px) and (min-width:970px){
	.show{ padding: 0 30px;}
}
@media screen and (max-width:969px) and (min-width:640px){
		
	.show{ padding: 0 20px; margin: 30px auto;}
	.show h1{ font-size: 24px;}
	.show .time{ padding: 15px 0;}
	.show_page span{ width: 100%; text-align: left; padding: 0;}
	.show_page span:nth-child(1){ padding: 0;}
}

@media screen and (max-width:639px){
	
	.show{ padding: 0 12px; margin: 30px auto;}
	.show h1{ font-size: 22px;}
	.show .time{ padding: 10px 0;}
	.show_page span{ width: 100%; text-align: left; padding: 0;}
	.show_page span:nth-child(1){ padding: 0;}
	
	.pages{ padding: 30px 0;}
}