.spage-total{display: inline-block;margin-right: .2rem;line-height: .35rem;color: #666;font-size:.16rem;}
.spage-number{display: inline-block;color: #666;font-size:.16rem;}
.spage-number button{position: relative;box-sizing: border-box;display: inline-block;margin-left:.1rem;padding: 0 .14rem;line-height: .33rem;border:.01rem solid #ddd;text-align: center;transition: all .2s;cursor: pointer;outline: none;background: none;user-select: none;color: #666}
.spage-number button.active{background: #002d72;color: #fff;border-color:#002d72;z-index: 3;}
.spage-number button.active:hover{background: #002d72;color: #fff;border-color:#002d72;z-index: 3;}
.spage-number button:hover{background-color: #eee;}
.spage-number button.button-disabled{cursor: not-allowed;color: #ccc;}
.spage-number .spage-after,.spage-before{padding:0;width: .4rem}
.spage-skip{display: inline-block;margin-left: .2rem;line-height: .35rem;color: #666;font-size:.16rem;}
.spage-skip input{box-sizing: border-box;display: inline-block;width: .45rem;height: .35rem;text-align: center;vertical-align: top;border:.01rem solid #ddd;background: none;outline: none;transition: all .2s;}
.spage-skip input:focus{border-color: #002d72;}
.spage-skip button{display: inline-block;padding: 0 .14rem;line-height: .33rem;vertical-align: top;color: #666;border:.01rem solid #ddd;cursor: pointer;transition: all .2s;outline: none;background: none;user-select: none;}
.spage-skip button:hover{background: #002d72;color: #fff;border:.01rem solid #002d72;}