.pagebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 6px;margin:36px auto 48px;padding:16px 10px;font-size:14px;line-height:1.4;clear:both}
.pagebar .page-status{flex:0 0 100%;text-align:center;color:#999;margin:0 0 14px;font-size:13px;font-weight:300}
.pagebar>span{display:inline-flex;align-items:center}
.pagebar a{text-decoration:none;transition:all .2s ease}
.pagebar .page-index a,.pagebar .page-pre a,.pagebar .page-next a,.pagebar .page-last a{display:inline-block;padding:8px 18px;border:1px solid #d8d8d8;border-radius:6px;background:#fafafa;color:#333;font-size:14px}
.pagebar .page-index a:hover,.pagebar .page-pre a:hover,.pagebar .page-next a:hover,.pagebar .page-last a:hover{border-color:#007c3a;color:#007c3a;background:#fff}
.pagebar .page-pre a[href="javascript:;"],.pagebar .page-next a[href="javascript:;"],.pagebar .page-pre a[href^="javascript"],.pagebar .page-next a[href^="javascript"]{color:#c0c0c0;background:#f5f5f5;border-color:#eee;cursor:not-allowed;pointer-events:none}
.pagebar .page-numbar{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0 4px}
.pagebar .page-numbar a.page-num{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #e2e2e2;border-radius:6px;background:#fff;color:#444;font-size:14px;box-sizing:border-box}
.pagebar .page-numbar a.page-num:hover{border-color:#007c3a;color:#007c3a}
.pagebar .page-numbar a.page-num-current{background:#007c3a;border-color:#007c3a;color:#fff!important;font-weight:600;cursor:default}
.pagebar .page-numbar a.page-num-current:hover{color:#fff!important}
.pagebar .page-numbar>span.page-num{color:#aaa;border:none;background:transparent;min-width:auto;height:auto;line-height:1;padding:0 4px}
@media(max-width:767px){.pagebar .page-index a,.pagebar .page-pre a,.pagebar .page-next a,.pagebar .page-last a{padding:6px 12px;font-size:13px}.pagebar .page-numbar a.page-num{min-width:34px;height:34px;font-size:13px}}