@charset "UTF-8";
html {
}
*,:after,:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ margin: 0;padding: 0; }
ul,ol,li{ list-style: none; }
i,em{ font-style:normal; font-weight: normal; }
a{ text-decoration: none; transition-duration: .5s; color: inherit; }
a:focus, a:hover{ text-decoration:none; outline: none; color: inherit; }
input, button, textarea { border: 0; outline:none; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
.tran300{ transition:300ms ease-out; -webkit-transition:300ms ease-out; -ms-transition:300ms ease-out; -moz-transition:300ms ease-out; -o-transition:300ms ease-out; }
.tran500{ transition:500ms ease-out; -webkit-transition:500ms ease-out; -ms-transition:500ms ease-out; -moz-transition:500ms ease-out; -o-transition:500ms ease-out; }
.tran800{ transition:800ms ease-out; -webkit-transition:800ms ease-out; -ms-transition:800ms ease-out; -moz-transition:800ms ease-out; -o-transition:800ms ease-out; }
.tran1000{ transition:1000ms ease-out; -webkit-transition:1000ms ease-out; -ms-transition:1000ms ease-out; -moz-transition:1000ms ease-out; -o-transition:1000ms ease-out; }
.cle{ clear:both; width: 100%; height:0; overflow:hidden; }
.clearfix:before, .clearfix:after{ display:block; content:""; clear:both; visibility:hidden; height:0; }
.clearfix{ zoom:1 }
.fl{ float:left; }
.fr{ float:right; }
img{ max-width:100%; border: 0; }
.pcshow{ display: block !important; }
.webshow{ display: none !important; }
@media only screen and (max-width: 768px){
	.pcshow{ display: none !important; }
	.webshow{ display: block !important; }
}
/*滚动条*/
@media screen and (max-width: 640px){
	/*仅作用于webkit*/
	body::-webkit-scrollbar {
		/*display: none;*/
	}
}
::-webkit-scrollbar{
	width: .02rem;
	height: .05rem;
	background: #d1d1d1;
}
::-webkit-scrollbar:horizontal {
	border-radius: 0 0 .5rem .5rem
}
::-webkit-scrollbar-thumb {
	/* border: 1px solid #D1D1D1; */
	/* border-radius: .5rem; */
	background: #858585;
	box-shadow: inset 0 0 0 1px #858585;
}
.m-nav-side::-webkit-scrollbar{
	width: 0;
}
/* ::-webkit-scrollbar-thumb:hover {
	background:#465267
} */
body {
	/*max-width: 750px;*/
	margin: 0 auto;
	width: 100vw;
	font: 14px "Microsoft YaHei",Arial,Helvetica,sans-serif;
	--swiper-navigation-size: 20px;
	--tpl-color: #3eb134;
	color: #757575;
	background: #0e0c0d;
	padding-top: 1.25rem;
}
header{
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	/* height: 1.25rem; */
	padding: 0 .15rem;
	z-index: 999;
	background: #000;
	justify-content: space-between;
	align-items: center;
}


.header-logo{
	display: flex;
	position: relative;
	width: 100%;
	height: 1.25rem;
	text-align: center;
	justify-content: center;
	align-items: center;
	z-index: 0;
}
.header-logo a{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.header-right{
	display: flex;
	align-items: center;
	z-index: 999;
	position: absolute;
	top: .3rem;
	right: .15rem;
}
.header-nav{
	position: absolute;
	width: 100%;
	min-height: 100vh;
	background: #fff;
	left: -.02rem;
	top: 1.25rem;
	display: none;
}
.header-nav>ul{
	width: 2.5rem;
	height: 100vh;
	background: #000;
}
.header-nav .bg{
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 2.5rem;
	height: 100%;
	background: #000;
	z-index: -9;
}
.header-nav>ul>li{
	border: 0 !important;
	text-align: center;
	width: 2.5rem;
	height: 1.75rem;
	padding-bottom: .45rem;
	background: #000;
}
.header-nav>ul>li>a{
	display: block;
	font-size: .28rem;
	font-weight: bold;
	color: #fff;
	line-height: 1rem;
	height: 1.3rem;
}
.header-nav>ul>li>a.on{
	background: #fff;
	color: #000;
}
.header-nav>ul>li>.two{
	position: absolute;
	width: 5rem;
	min-height: 100%;
	right: 0;
	top: 3rem;
	background: #fff;
	display: none;
}
.header-nav .two li a{
	display: block;
	font-size: .28rem;
	height: .8rem;
	line-height: .8rem;
	text-align: left;
	text-indent: .6rem;
}
.nav-search{
	margin-right: .2rem;
	padding: 0.1rem;
    vertical-align: middle
}
.nav-search img{
	width: .45rem;
	height: .45rem;
	vertical-align: middle;
}
.navbtn{
	padding: .1rem;
	vertical-align: middle;
}
.navbtn img{
	width: .45rem;
	height: .45rem;
	vertical-align: middle;
}
.hiddened{
	top: -2.2rem;
	/* top: -1.25rem; */
}
.showed{top: 0;}
@media only screen and (min-width: 750px){
	header{
		width: 7.5rem;
		left: 50%;
		margin-left: -3.75rem;
	}
}
/** 翻页 **/
.turnPage {
	margin-bottom: 20px;
	padding: 0 10%;
	border-top: 1px #ddd dashed;
	border-bottom: 1px #ddd dashed;
}
.turnPage li {
	line-height: 35px;
}
.turnPage li span {
	font-size: 12px;
}
.turnPage li a:hover {
	color: red;
}
.turnPage li.prev {
	float: left;
}
.turnPage li.next {
	float: right;
}
@media screen and (max-width: 640px){
	.turnPage li{
		width: 100%;
	}
}
/** 分页 **/
.pagination p{
	margin:0;
	cursor:pointer
}
.pagination{
	text-align: center;
	height: 70px;
	padding:20px 0px;
}
.pagination a{
	display: inline-block;
	margin-right:10px;
	padding:2px 12px;
	height: 30px;
	border:1px #cccccc solid;
	background:#fff;
	text-decoration:none;
	color:#808080;
	font-size:12px;
	line-height:24px;
}
.pagination a:hover{
	color:#077ee3;
	background: white;
	border:1px #077ee3 solid;
}
.pagination a.cur{
	border:none;
	background:#077ee3;
	color:#fff;
}
.pagination p{
	display: inline-block;
	padding:2px 12px;
	font-size:12px;
	height:30px;
	line-height:24px;
	color:#bbb;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin-right:8px;

}
.pagination p.pageRemark{
	border-style:none;
	background:none;
	margin-right:0px;
	padding:4px 0px;
	color:#666;
}
.pagination p.pageRemark b{
	color:red;
}
.pagination p.pageEllipsis{
	border-style:none;
	background:none;
	padding:4px 0px;
	color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
@media screen and (max-width: 640px){
	.pagination a,
	.pagination p{
		display: none;
	}
	.pagination .on{
		display: inline-block;
	}
}