.my-page {
    font-size: 14px;
    overflow: hidden; 
    text-align: center;
    color: #333333;
    display: inline-block;
  }
  
  .my-page .my-page-prev,
  .my-page .my-page-next {
    float: left;
    width: 0.8rem;
    line-height: 0.46rem;
    text-align: center;
    border: 1px solid #C7C7C7;
    cursor: pointer;
    font-size:18px
  }
  
  .my-page .my-page-prev.my-page-forbid,
  .my-page .my-page-next.my-page-forbid {
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.2);
  }
  
  .my-page .my-page-prev:not(.my-page-forbid):hover,
  .my-page .my-page-next:not(.my-page-forbid):hover {
    border-color: #3C8480;
  }
  
  .my-page .my-page-group {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .my-page .my-page-group li {
    float: left;
    list-style: none;
    font-size: 0.18rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 30px;
    padding: 0 19px;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
    color: #666666;
  }
  
  .my-page .my-page-group .my-page-cell {
    border: 1px solid #C7C7C7;
    border-radius: 5px;
  }
  
  .my-page .my-page-group .my-page-cell:hover,
  .my-page .my-page-group .my-page-checked {
    border-color: #3C8480;
    background-color: #3C8480;
    color: #ffffff;
  }
  
  .my-page .my-page-group .my-page-omit {
    pointer-events: none;
  }
  /*# sourceMappingURL=my-page.css.map */
  
  .pagelist,.diy{display:flex;}
  .pagelist{padding: 0.6rem 0 1.2rem;display:none}
 
  .diy>span{line-height: 0.46rem;width: 0.46rem;text-align:center;border: 1px solid #C7C7C7;font-size: 0.18rem;display:inline-block;color: #666666;}
  .diy>span.single{border:none}
  .diy input{line-height: 0.46rem;width: 0.46rem;height: 0.46rem;text-align:center;border: 1px solid #C7C7C7;font-size: 0.18rem;}
  .diy .goto{/* padding:0 10px; */cursor:pointer;width: 0.8rem;}
  
  
  @media screen and (max-width: 999px){
  .pagelist{padding: 30px 0 20px;}
  .my-page .my-page-group li{padding:0 10px;line-height:32px;height:32px}
  .my-page .my-page-prev, .my-page .my-page-next{width:60px;line-height:32px;font-size:16px}
  .diy>span{line-height:32px;width:32px;font-size:16px}
  .diy input{line-height: 32px;height: 32px;}
  .pagelist{flex-direction:column;align-items: center;}
  .diy{margin-top:10px}
  }
  
  @media screen and (max-width: 479px){
  .my-page{display:flex;justify-content:center}
  .diy>span,.diy input{line-height: 26px;height: 26px;font-size: 14px;}
  .diy .goto{width:40px;padding:0 5px} 
  .my-page .my-page-prev, .my-page .my-page-next{width:40px;line-height: 24px;font-size:14px}
  .my-page .my-page-group li{min-width: 24px;padding:0 1px;height: 26px;line-height: 26px;margin: 0 3px;}
  }