* {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.page a {
  color: #000;
  text-decoration: none;
}
.page{
  margin-top: 2rem;
  text-align:center
}



.page span,
.page div {
  vertical-align: middle
}

.page .page-prev,
.page .page-next {
  text-decoration: none;
  overflow: hidden;
}
.page .page-prev img,
.page .page-next img{
  width: 8px;    margin-top: 3px;
}
.page .page-num a,
.page .page-prev,
.page .page-next {
  padding: 8px 14px;
  /* border: 1px solid #ccc; */
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  background: #F5F5F5;
color:#666666;    overflow: hidden;
}

.page .page-num,
.page .page-info,
.page .page-form {
  display: inline-block;
}

.page .page-num a {
  float: left;
  margin: 12px;
  margin: 4px;
}

.page .page-num a.current {
  background: #0061E3;
  color: #fff;
}

.page a:hover,
.page .page-form .go:hover,
.page .page-prev:hover,
.page .page-next:hover {
  background: #0061E3;
  color: #fff;
}

.page .page-form input {
  width: 40px;
  height: 28px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding-left: 3px;
  text-align: center;
  color: #000;
}

.page .page-form .go {
  vertical-align: middle;
  border-radius: 4px;
  padding: 6px 14px;
  border: 1px solid #ccc;
  background: #ccc;
}