.zt-page { font-size: .2rem; overflow: hidden; margin-top: .5rem; text-align: center; color: #565656; display: inline-block; } .zt-page li{ user-select: none; } .zt-page .zt-page-prev, .zt-page .zt-page-next, .zt-page .zt-total-count { user-select: none; float: left; width: auto; padding:0 .1rem; height: .5rem; line-height: .5rem; text-align: center; border: .0125rem solid #999; cursor: pointer; border-radius: .025rem; } .zt-page .zt-total-count{ margin-left:.125rem; } .zt-page .zt-page-next{ margin-left:.0625rem; } .zt-page .zt-page-prev{ margin-right:.0625rem; } .zt-page .zt-page-prev.zt-page-forbid, .zt-page .zt-page-next.zt-page-forbid { pointer-events: none; background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.2); border:1px solid rgba(0, 0, 0, 0.2); } .zt-page .zt-page-prev:not(.zt-page-forbid):hover, .zt-page .zt-page-next:not(.zt-page-forbid):hover { border-color: #196abd; } .zt-page .zt-page-group { float: left; margin: 0; padding: 0; overflow: hidden; } .zt-page .zt-page-group li { float: left; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: .5rem; padding: 0 .1rem; height: .5rem; line-height: .5rem; text-align: center; margin: 0 .0625rem; cursor: pointer; } .zt-page .zt-page-group .zt-page-cell { border: .0125rem solid #999; border-radius: .025rem; } .zt-page .zt-page-group .zt-page-cell:hover, .zt-page .zt-page-group .zt-page-checked { border-color: #196abd; background-color: #196abd; color: #ffffff; } .zt-page .zt-page-group .zt-page-omit { pointer-events: none; }