.page {
    margin: 40px 0 20px;
    text-align: center;
    clear: both;
}

.page .prev-page {
    background: url(../image/prev-page.png) center center no-repeat;
}
.page .next-page {
    background: url(../image/next-page.png) center center no-repeat;
}
.page a {
    min-width: 60px;
    height: 50px;
    display: inline-block;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 50px;
    text-align: center;
    float: left;
    text-indent: 0;
    color: #666666;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 3px;
}

.page a.on {
    border: 1px solid #064E9F;
    background: #064E9F;
    color: #fff;
}

.page .next-page:focus,.page .prev-page:focus,.page a:focus,.page a:hover {
    border: 1px solid #666666;
}

/* 
.page a {
  text-decoration: none;
  border: 1px solid rgb(146, 148, 248);
  position: relative;
  overflow: hidden;
}

.page a:hover {
  box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4);
}
.page a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(146, 148, 248, 0.4),
    transparent
  );
  transition: all 650ms;
}

.page a:hover:before {
  left: 100%;
} */