/* 分页 */
.pagination {
  justify-content: center;
}

ul {
  margin: 0;
}
.el-pagination .page-num-box {
  display: flex;
  align-items: center;
}
.el-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-pagination .el-pager .omit {
  font-size: 0.5208vw;
}
.el-pagination .el-pager .omit:hover {
  background-color: #fafafa;
  color: #9fa0a0!important;
  cursor: default;
}
.el-pagination p {
  color: #231815;
  text-align: center;
  /* Large3-S-14-22 */
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 1.1458vw;
  /* 157.143% */
  text-transform: capitalize;
}
.toPage-box {
  display: flex;
  align-items: center;
}
.toPage {
  margin: 0 2.0833vw;
  color: #9fa0a0 !important;
}

.el-pager {
  display: flex;
  vertical-align: middle;
  padding-inline-start: 0;
}

.el-pager li {
  margin-right: 0.4167vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.0833vw;
  height: 2.0833vw;
  line-height: 2.0833vw;
  background-color: #fafafa;
  font-size: 0.7292vw;
  transition: border-color 0.3s;
  text-align: center;
  color: #9fa0a0;
  font-family: "Montserrat-SemiBold";
}
.el-pager li.active {
  background-color: #3a66fb;
  color: #fff;
}
.el-pager li a {
  display: inline-block;
  color: #9fa0a0;
  line-height: 2.0833vw;
  width: 2.0833vw;
  height: 2.0833vw;
}
.el-pager li .iconfont {
  font-size: 1.25vw;
  line-height: 2.0833vw;
}
.el-pager .page-item {
  color: #9fa0a0 !important;
  min-width: 2.0833vw;
  margin-right: 0.4167vw;
  display: inline-block;
  width: auto;
  height: 2.0833vw;
  line-height: 2.0833vw;
  padding: 0 0.7292vw;
  background-color: #fafafa;
  font-size: 0.7292vw;
  transition: border-color 0.3s;
  text-align: center;
}

.el-pager .page-item:hover {
  color: #ffffff !important;
  background-color: #3a66fb;
}

.el-pager .now {
  background-color: #3a66fb;
}

.el-pager .now a {
  color: #ffffff !important;
}

.el-pager li:hover a,
.pagination .el-pagination .default:hover {
  color: #ffffff;
  background-color: #3a66fb;
  color: #ffffff !important;
}

.pagination .el-pagination .default:hover .iconfont {
  color: #ffffff;
}

.el-pager li:hover {
  color: #ffffff !important;
  background-color: #3a66fb;
  cursor: pointer;
}

/* 
.el-pager li:not(.disabled).active {
  border: none;
  background-color: #3A66FB;
  color: #fff;
} */

.btn-prev,
.btn-next {
  width: 5.2083vw;
  height: 1.875vw;
  cursor: pointer;
  text-align: center;
  line-height: 1.875vw;
}

.pagination .el-pagination .small-show {
  display: none;
}

.pagination .el-pagination .default {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.0833vw;
  height: 2.0833vw;
  font-size: 1.25vw;
  background-color: #fafafa;
  color: #9fa0a0;
}

.el-pagination .disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
  color: #9fa0a0 !important;
  background-color: #fafafa !important;
  /* 降低透明度，表示不可用 */
}

.el-pagination .disabled:hover {
  color: #9fa0a0 !important;
  background-color: #fafafa !important;
}

.el-pagination .disabled:hover a {
  cursor: not-allowed;
}

.el-pagination .disabled:hover .iconfont {
  color: #9fa0a0 !important;
}

.el-pager .disabled:hover {
  color: #9fa0a0 !important;
  background-color: #fafafa !important;
  cursor: not-allowed;
}

.pagination .el-pagination .btn-prev {
  margin-right: 0.4167vw;
}

.pagination .el-pagination span {
  display: inline-block;
  font-size: 0.7292vw;
}

.number-input {
  width: 2.3958vw;
  height: 2.0833vw;
  padding: 0.4167vw;
  background: #fafafa;
  color: #231815;
  text-align: center;
  /* Large3-S-14-22 */
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 0.7292vw;
  /* 157.143% */
  text-transform: capitalize;
  margin: 0 0.8333vw;
  margin-left: 0;
}

.pagination .el-pagination span .iconfont {
  font-size: 1.25vw;
  color: #9fa0a0;
  line-height: 1.0417vw;
}

.pagination .el-pagination span:hover .iconfont {
  color: #9fa0a0;
}
.go-page-box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
}
.go-page-box .toDetail {
  color: #9fa0a0 !important;
  text-align: center;
  /* Large3-S-14-22 */
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 1.1458vw;
  /* 157.143% */
  text-transform: capitalize;
  margin-right: 0.4167vw !important;
  display: flex;
  align-items: center;
}
.go-page-box .go-page {
  color: #231815;
  font-size: 1.25vw;
  line-height: 150%;
  cursor: pointer;
}
.go-page-box:hover .go-page {
  color: #3a66fb!important;
}
.next5,
.prev5 {
  color: #231815 !important;
  background-color: #ffffff;
  cursor: auto !important;
}
.pages{
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .btn-prev,
  .btn-next {
    width: 7.4667vw;
    height: 28;
  }
  .pagination .el-pagination .default {
    width: 7.4667vw;
    height: 7.4667vw;
    font-size: 2.1333vw;
  }
  /* page */
  .pagination .el-pagination .el-pager li {
    width: 7.4667vw;
    min-width: 7.4667vw;
    height: 7.4667vw;
    font-size: 2.1333vw;
    line-height: 7.4667vw;
    margin-right: 0.5333vw;
  }
  .pagination .el-pagination span .iconfont {
    line-height: normal;
    padding: 0.5333vw;
    font-size: 6.4vw;
  }
  .el-pager li:hover a,
  .pagination .el-pagination .default:hover {
    background-color: #fafafa;
    color: #9fa0a0;
  }
  .pagination .el-pagination .default:hover .iconfont {
    color: #9fa0a0 !important;
  }
  .el-pagination {
    flex-wrap: wrap;
  }
  .el-pagination .page-num-box {
    width: 100%;
    justify-content: center;
  }
  .number-input{
    font-size: 3.2vw;
    width: 7.4667vw;
    height: 7.4667vw;
    margin-left: 4.2667vw;
  }
  .el-pagination p:first-child {
    width: 100%;
    margin-right: 0;
    font-size: 3.2vw;
    line-height: normal;
    /* margin-bottom: 16px; */
  }
  .go-page-box .go-page{
    font-size: 4.2667vw;
  }
  .toPage-box {
    margin-top:  4.2667vw;
  }
  .el-pagination .toPage {
    margin-left: 0;
  }
  .el-pagination .go-page-box .number-input {
    width: 8.5333vw;
    height: 7.4667vw;
    margin: 0 2.1333vw;
  }
  .el-pagination .go-page-box .toDetail {
    margin: 0;
  }
  .el-pager li a {
    width: 7.4667vw;
    height: 7.4667vw;
    line-height: 7.4667vw;
  }
  .el-pager li:hover {
    color: #9fa0a0 !important;
    background-color: #fafafa;
  }
  .el-pager li:hover a {
    color: #9fa0a0 !important;
  }
}