@charset "UTF-8";
/**
 * build 出去给其他项目用
 */
body {
  margin: 0;
  padding: 0;
  height: 100%; /* IE兼容 必须 */
}

body,
button,
input,
select,
textarea {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

a {
  text-decoration: none;
}
a:link,
a:visited,
a:hover {
  color: inherit;
  text-decoration: none;
}

img {
  border: none;
}

input {
  all: unset; /* 移除所有默认样式 */
  box-sizing: border-box; /* 让 padding 和 border 计算在 width 内 */
  font-family: inherit; /* 继承父级字体 */
  font-size: inherit; /* 继承字体大小 */
  appearance: none; /* 移除默认外观（对部分浏览器有效） */
  border: none;
  outline: none;
  background: transparent;
  font: inherit;
  padding: 0;
  margin: 0;
}
input:focus {
  outline: none;
}

button {
  all: unset; /* 移除所有默认样式 */
  background: transparent; /* 背景透明 */
  border: none; /* 移除默认边框 */
  font-family: inherit; /* 继承父元素字体 */
  font-size: inherit; /* 继承字体大小 */
  padding: 0; /* 去除内边距 */
  margin: 0; /* 去除外边距 */
  cursor: pointer; /* 使按钮可点击 */
  outline: none; /* 去除焦点框 */
  appearance: none; /* 去除系统样式 */
}

* {
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#hlx-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 25px 0;
  font-size: 12px;
}
#hlx-pagination .base,
#hlx-pagination .page-container .page-before-dots,
#hlx-pagination .page-container .page-after-dots,
#hlx-pagination .page-container .page,
#hlx-pagination .previous-page,
#hlx-pagination .next-page,
#hlx-pagination .jump-container .jump-page-button,
#hlx-pagination .jump-container .jump-page-input {
  border: 1px solid #c5c5c5;
  padding: 3px 10px;
  color: #4e4e4e;
  font-size: 12px;
}
#hlx-pagination .active,
#hlx-pagination .page-container .page:hover,
#hlx-pagination .page-container .page.active,
#hlx-pagination .previous-page:hover,
#hlx-pagination .next-page:hover,
#hlx-pagination .jump-container .jump-page-button:hover {
  border-color: #e23838;
  background-color: #e23838;
  color: white;
}
#hlx-pagination .jump-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#hlx-pagination .jump-container .jump-page-prefix {
  margin-left: 4px;
}
#hlx-pagination .jump-container .jump-page-input {
  width: 50px;
  margin: 0 4px;
}
#hlx-pagination .jump-container .jump-page-suffix {
  margin-right: 4px;
}
#hlx-pagination .jump-container .jump-page-button {
  cursor: pointer;
}
#hlx-pagination .previous-page,
#hlx-pagination .next-page {
  margin-right: 3px;
  cursor: pointer;
}
#hlx-pagination .next-page {
  margin-right: 0;
}
#hlx-pagination .page-container {
  display: flex;
  display: -ms-flexbox;
}
#hlx-pagination .page-container .page {
  display: block;
  margin-right: 3px;
  cursor: pointer;
}
#hlx-pagination .page-container .page-before-dots,
#hlx-pagination .page-container .page-after-dots {
  cursor: no-drop;
  margin-right: 3px;
}

@media screen and (max-width: 768px) {
  #hlx-pagination .page-container {
    display: none;
  }
  #hlx-pagination .jump-container {
    display: none;
  }
}