.xypg-pagination {
  width: 500px;
  height: 30px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.xypg-pagination .pagin-left,
.xypg-pagination .pagin-mid,
.xypg-pagination .pagin-right,
.xypg-pagination .pagin-select {
  float: left;
  height: 31px;
}
.xypg-pagination .pagin-left a,
.xypg-pagination .pagin-mid a,
.xypg-pagination .pagin-right a,
.xypg-pagination .pagin-select a,
.xypg-pagination .pagin-left span,
.xypg-pagination .pagin-mid span,
.xypg-pagination .pagin-right span,
.xypg-pagination .pagin-select span {
  display: block;
  border: 1px solid #b2b2b2;
  padding: 5px 8px;
  float: left;
  margin-right: 8px;
  color: #666;
  font-size: 14px;
}
.xypg-pagination .pagin-left #current,
.xypg-pagination .pagin-mid #current,
.xypg-pagination .pagin-right #current,
.xypg-pagination .pagin-select #current {
  background-color: #0162ae;
  color: #fff;
}
.xypg-pagination .pagin-left a:hover,
.xypg-pagination .pagin-mid a:hover,
.xypg-pagination .pagin-right a:hover,
.xypg-pagination .pagin-select a:hover {
  background-color: #0162ae;
  color: #fff;
}
.xypg-pagination .pagin-select {
  width: 100px;
  height: 31px;
  padding: 5px;
  background-color: #eee;
}
.xypg-pagination .pagin-select select {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
}
.xypg-pagination .pagin-select select option {
  width: 100%;
  height: 100%;
  border: none;
}