.page{text-align:right;clear:both;font-size:12px;padding:10px 0;font-family:arial;overflow:hidden;margin-top:50px}
.page span{display:inline-block;height:35px;margin:5px 0  0}
.page .Pbd{width:20px}
.page .Precord{padding-right:5px}
.page .Pstate{padding-left:8px}
.page a{padding:10px 13px;border:1px solid #d8d8d8;color:#999;margin:0 5px;background:#fff}
.page a:hover,.page .Pmodern{border:1px solid #324a8a;background:#324a8a;color:#fff}
.page .AllPage{display:none}
@media screen and (max-width:414px){.page a{display:none;color:#333}
.page .AllPage,.page .Pnext,.page .Pprev,.page .Pmodern{display:block}
.page .Pmodern{border:0;background:none; padding:0}
.page .AllPage{margin:0;padding:0}
.page .Pmodern,.page .AllPage{color:#333;float:left;transform:translateY(4px);-webkit-transform:translateY(4px)}
.page span{height:auto}
.page .Ppagelist{border:1px solid #d8d8d8;color:#999;background:#fff;padding:1px 10px 10px}
}