.pages {
    clear: both;
    margin: 0.4rem auto 0.4rfem auto;
    padding-top: 0.1rem;
    overflow: hidden;
    text-align: center;
    font-size: 0.14rem;
  }
  
  .pages ul li:first-child{
       display: inline-block;
  }
  .pages ul li:first-child a{
      display: inline;
  }
  .pages ul li {
    list-style-type: none;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0.06rem 0.15rem;
    margin: 0 0.02rem;
    line-height: 0.30rem;
    background: #fff;
    color: #999;
    border-radius: 0.02rem;
    font-size: 0.15rem;
  }
  .pages ul li:last-child{
      border: 0;
  }
  .pages ul li:last-child:hover{
      background: #fff;
    color: #fff;
    border: 0;
  }
  .pages ul li:hover {
    background: #005dab;
    color: #fff;
    border: 1px solid #005dab
  }
  .pages ul li:hover a {
    color: #fff;
  }
  .pages ul li.thisclass {
    display: inline-block;
    border: 1px solid #005dab;
    padding: 0.06rem 0.15rem;
    margin: 0 1px;
    background: #005dab;
    color: #fff;
  }
  .pages ul li.thisclass a {
    color: #fff;
  }
  .pages ul li a {
    display: block;
    color: #999
  }
  .pages ul li a:hover {
    color: #fff;
  }