.pager-total{display:inline-block;margin-right:20px;line-height:35px;color:#666;font-size:14px}
.pager-number{display:inline-block;color:#666;font-size:14px}
.pager-number button{position:relative;box-sizing:border-box;display:inline-block;margin-left:-1px;margin:0 5px;padding:0 14px;line-height:33px;border:1px solid #ddd;text-align:center;transition:all .2s;cursor:pointer;outline:0;background:0;user-select:none;color:#666}
.pager-number button.active{color:var(--magic-blue,#00b1ff);border-color:var(--magic-blue,#00b1ff);z-index:3}
.pager-number button:hover{background-color:#eee}
.pager-number button.button-disabled{cursor:not-allowed;color:#ccc}
.pager-number .pager-after,.pager-before{padding:0;width:40px}
.pager-skip{display:inline-block;margin-left:20px;line-height:35px;color:#666;font-size:14px}
.pager-skip input{box-sizing:border-box;display:inline-block;width:45px;height:35px;text-align:center;vertical-align:top;border:1px solid #ddd;background:0;outline:0;transition:all .2s}
.pager-skip input:focus{border-color:var(--magic-blue,#00b1ff)}
.pager-skip button{display:inline-block;padding:0 14px;line-height:33px;vertical-align:top;color:var(--magic-blue,#00b1ff);border:1px solid var(--magic-blue,#00b1ff);cursor:pointer;transition:all .2s;outline:0;background:0;user-select:none}
.pager-skip button:hover{background:var(--magic-blue,#00b1ff);color:#fff;border:1px solid var(--magic-blue,#00b1ff)}
.pager-container{margin:50px 0;text-align:center}
@media(max-width:768px){.pager-container{display:none}
.loading-sign{text-align:center}
}