#pagination {
  float: right;
  padding: 20px 0 20px 20px;
  font-size: 0;        /* 消除inline-block间隙 */
}

#pagination a:hover {
  background: #eee;
}
#pagination .active:hover {
  background: #EB0000;
}

#pagination .active {
  background: #EB0000;
  color: white;
  border-color: #EB0000;
}

#pagination .disabled {
  color: #ccc;
  cursor: not-allowed;
}

#pagination .pagination-input {
  display: inline-block;
  width: 180px;
  border: none;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 0;
}

#pagination .pagination-input input {
  display: inline-block;
  width: 60px;
  height: 36px;
  margin: 0 5px;
  padding: 0 8px;
  border: 1px solid #ddd;
  vertical-align: middle;
  outline: none;
  font-size: 14px;
}
#pagination .pagination-input button {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  border: 1px solid #EB0000;
  background: #EB0000;
  color: white;
  cursor: pointer;
  vertical-align: middle;
  font-size: 14px;
}
#pagination .pagination-input span {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
  vertical-align: middle;
  font-size: 14px;
}

/* 通用子元素样式 */
#pagination > * {
  display: inline-block;
  vertical-align: middle; /* 垂直对齐 */
  font-size: 14px;        /* 重置字体大小 */
  margin: 0 4px;          /* 元素间距 */
}

/* 页码按钮 */
#pagination .page,
#pagination .prev,
#pagination .next {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ddd;
  background: white;
  text-align: center;
  cursor: pointer;
}

/* 当前页样式 */
#pagination .active {
  background: #EB0000;
  color: white;
  border-color: #EB0000;
}

/* 禁用状态 */
#pagination .disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}