@charset "utf-8";



/*分页*/
.pageNavi { clear:both; margin:0 auto; text-align:center; padding-top:30px;}
.wp-pagenavi { margin:0px auto; padding:0;}
.wp-pagenavi a{ display:inline-block; background:#37474F; color:#FFF; text-align:center; margin:0 1px; padding:0 17px; height:40px; line-height:40px; border-radius:2px;}
.wp-pagenavi a:hover,.wp-pagenavi a:hover{ background:#d5657e;}
.wp-pagenavi a.p_pn{ width:70px;}
.wp-pagenavi span{ display:inline-block; background:#37474F; text-align:center; margin:0 1px;  padding:0 17px; height:40px; line-height:40px; color:#FFF; border-radius:2px; }
.wp-pagenavi span.current{ background:#d5657e;}
.wp-pagenavi span.disabled{ background:#999; color:#FFF;}
.wp-pagenavi span.tot{ background:none; color:#666; width:auto; display:none;}
.wp-pagenavi span.pages {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT:#ccc 1px solid; COLOR:#454545! important; PADDING-TOP:4px! important; BORDER-BOTTOM:#ccc 1px solid; font-weight:100;}
.wp-pagenavi span.extend {BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT:8px! important; BORDER-TOP:#ccc 1px solid; PADDING-LEFT:8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT:#ccc 1px solid; COLOR: #454545! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; font-weight:100;}


@media screen and (max-width: 768px) {
    .wp-pagenavi a, .wp-pagenavi span{ padding:0 12px; height:30px; line-height:30px; font-size:13px;}
}

@media screen and (max-width: 320px) {
    .wp-pagenavi a, .wp-pagenavi span{ padding:0 8px; height:26px; line-height:26px; font-size:12px;}
}