.my-page {
    font-size: 14px;
    overflow: hidden; 
    text-align: center;
    color: #333333;
    display: inline-block;
  }
  .pagelist{clear:both;}
  .my-page .my-page-prev,
  .my-page .my-page-next {
    float: left;
    width: 80px; 
    line-height: 46px;
    text-align: center;
    border: 1px solid #707070;
    cursor: pointer;font-size:18px;border-radius:4px
  }
  
  .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: #003177;
  }
  .pagelist .perPage{font-size:18px;line-height:46px;margin-right: 40px;}
  .pagelist .perPage span{width:48px;line-height:46px;display:inline-block;margin:0 5px;text-align: center;border: 1px solid #707070;}
  
  .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:18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 30px;
    padding: 0 19px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
  }
  
  .my-page .my-page-group .my-page-cell {
    border: 1px solid #707070;
    border-radius: 4px;
  }
  
  .my-page .my-page-group .my-page-cell:hover,
  .my-page .my-page-group .my-page-checked {
    border-color: #003177;
    background-color: #003177;
    color: #ffffff;
  }
  
  .my-page .my-page-group .my-page-omit {
    pointer-events: none;
  }
  /*# sourceMappingURL=my-page.css.map */
  
  .pagelist,.diy{display:flex;justify-content: center}
  .pagelist{padding:70px 0 80px;display:none}
  .diy>span{line-height:46px;width:60px;text-align:center;border: 1px solid #707070;font-size:18px;display:inline-block;border-radius:4px}
  .diy>span.single{border:none}
  .diy input{line-height:44px;width:48px;font-size:18px;text-align:center}
  .diy .goto{padding:0 10px;cursor:pointer}
  .diy .goto:hover{background:#D69F42;color:#fff;border-color:#D69F42}
  
  
  @media screen and (max-width:1299px){
  .my-page .my-page-group li{padding:0 9px;line-height:34px;height:34px;margin:0 3px}
  .my-page .my-page-prev, .my-page .my-page-next{width:60px;line-height:32px;font-size:16px}
  .diy>span,.pagelist .perPage span{line-height:32px;width:32px;font-size:16px;height:32px}
  .diy>span.total{width:45px}
  .pagelist .perPage{line-height:35px;height:35px;font-size:16px}
  .diy input{line-height:30px;height:30px}
  .pagelist .perPage{margin-right:20px}
  }
  
  @media screen and (max-width: 999px){
  .pagelist .perPage{margin:0 auto 10px}
  .my-page{display:flex;justify-content:center}
  .pagelist{flex-direction:column;align-items: center;padding:20px 0}
  .diy .goto{width:40px;padding:0 5px}
  .diy{margin-top:10px}
  .my-page .my-page-prev, .my-page .my-page-next{width:40px;line-height:28px;font-size:14px}
  .my-page .my-page-group li{min-width:20px;padding:0 1px;line-height:30px;height:30px;font-size:14px}
  }