#h_pages {
  margin: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  --brn-height: 32px;
  --active-color: #025bb5;
  font-size: 14px;
}
#h_pages.h_bg span {
  background-color: #f9f9f9;
}
#h_pages span {
  background-color: #f5f5f5;
  font-weight: 350;
  color: #666666;
  line-height: calc(var(--brn-height) + 2px);
  height: var(--brn-height);
  width: var(--brn-height);
  text-align: center;
  padding: 0;
  border: none;
}
#h_pages span.current {
  color: #fff;
  background-color: var(--active-color);
}
#h_pages span.h_dian {
  box-shadow: none;
}
#h_pages span.h_btn {
  width: 60px;
}
#h_pages form {
  font-size: 13px;
  font-weight: 350;
  color: #666666;
}
#h_pages form input {
  font-size: 13px;
  font-weight: 350;
  color: #666666;
  margin-left: 5px;
  padding: 0 4px;
  width: 44px;
  height: var(--brn-height);
  box-shadow: inset 0 0 0 1px #e5e5e5;
  background: none;
}
#h_pages form input.submit-input {
  cursor: pointer;
}
#h_pages form input.submit-input:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px var(--active-color);
  background-color: var(--active-color);
}
#h_pages span.tcdNumber:hover,
#h_pages span.prevPage:hover,
#h_pages span.nextPage:hover {
  color: #fff;
  background-color: var(--active-color);
}
#h_pages .tcdNumber,
#h_pages .prevPage,
#h_pages .nextPage {
  cursor: pointer;
}