.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{padding:70px 0 80px}
.pagelist,.diy{display:flex;justify-content: center}
.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:#003177;color:#fff}


@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}
}