/* 分页容器 */
.paging_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* 允许在小屏幕上换行 */
  gap: 8px; /* 统一的间距 */
  margin: 30px 0;
  padding: 0 15px;
}

/* 分页按钮通用样式 */
.paging_content span,
.paging_first,
.paging_last,
.paging_up,
.paging_down {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
}

/* 悬停和激活状态 */
.paging_content span:hover,
.paging_first:hover,
.paging_last:hover,
.paging_up:hover,
.paging_down:hover,
.paging_active {
  background-color: #ff9900;
  color: #fff;
  border-color: #ff9900;
}

/* 页码按钮容器 */
.paging_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
  .paging_content {
      gap: 6px;
  }
  
  /* 调整按钮大小 */
  .paging_content span,
  .paging_first,
  .paging_last,
  .paging_up,
  .paging_down {
      min-width: 36px;
      height: 36px;
      padding: 0 8px;
      font-size: 13px;
  }
  
  /* 在特小屏幕上隐藏部分页码 */
  @media screen and (max-width: 375px) {
      .paging_btn span:not(.paging_active):not(:first-child):not(:last-child) {
          display: none;
      }
      
      /* 保持首页、末页、上一页、下一页按钮 */
      .paging_first,
      .paging_last,
      .paging_up,
      .paging_down {
          display: flex;
      }
  }
}

/* 文本跳转框样式优化 */
.paging_textBox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 10px;
}

.paging_textBox input {
  width: 50px;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  outline: none;
}

.paging_textBox button {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.paging_textBox button:hover {
  background: #ff9900;
  color: #fff;
  border-color: #ff9900;
}

/* 适配移动端的文本跳转框 */
@media screen and (max-width: 768px) {
  .paging_textBox {
      width: 100%;
      justify-content: center;
      margin-top: 10px;
  }
}

p{
  margin: 0 !important;
}