.spage-total{display: inline-block;margin-right: 20px;line-height: 35px;color: #666;font-size:20px;}
.spage-number{display: inline-block;color: #666;font-size:20px;}
.spage-number button{position: relative;box-sizing: border-box;display: inline-block;width:40px ;height:40px;line-height: 33px;text-align: center;transition: all .2s;cursor: pointer;outline: none;background: none;user-select: none;color: #666}
.spage-number button.active{color: #1047F3;z-index: 3;}
.spage-number button.active:hover{color: #1047F3;z-index: 3;}
.spage-number button:hover{color:#1047F3 ;}
.spage-number button.button-disabled{cursor: not-allowed;color: #ccc;}
.spage-number .spage-after,.spage-before{padding:0px;width: 40px}
.spage-skip{display: inline-block;margin-left: 20px;line-height: 35px;color: #666;font-size:20px;}
.spage-skip input{box-sizing: border-box;display: inline-block;width: 45px;height: 35px;text-align: center;vertical-align: top;background: none;outline: none;transition: all .2s;}
.spage-skip input:focus{border-color: #1047F3;}
.spage-skip button{display: inline-block;padding: 0px 14px;line-height: 33px;vertical-align: top;color: #666;cursor: pointer;transition: all .2s;outline: none;background: none;user-select: none;}
.spage-skip button:hover{color: #fff;border:1px solid #1047F3;}
.demo{
  width: 1200px;
  float: right;
  text-align: right;
}
.icon{
  border: solid 1px #CECECE;
}