@charset 'UTF-8';

.page-action {
  position : relative;

  zoom : 1;

  text-align : center;
}

.page-action:before, .page-action:after {
  display : table;

  content : '';
}

.page-action:after {
  clear : both;
  overflow : hidden;
}

.page-action span {
  float : left;

  width : 26px;
  height : 26px;
  margin : 0 5px;

  color : #BDBDBD;

  font-size : 14px;
  line-height : 26px;
}

.page-action .active {
  float : left;

  width : 26px;
  height : 26px;
  margin : 0 5px;

  color : #FFFFFF;
  border : 1px solid #8FCC32;
  background : #8FCC32;

  font-size : 14px;
  line-height : 26px;
}

.page-action a {
  float : left;

  width : 26px;
  height : 26px;
  margin : 0 5px;

  color : #BDBDBD;
  border : 1px solid #EBEBEB;
  background : #FFFFFF;

  font-size : 14px;
  line-height : 26px;
}

.page-action a:hover {
  color : #FFFFFF;
  background : #8FCC32;
}

.page-action .next, .page-action .prev {
  width : 62px;
  height : 26px;

  font-family : PingFang SC, serif;
  font-size : 16px;
  font-weight : bold;
  font-weight : 400;
}