/*
 *分页组件
 */
.page {
  padding: 40px 0;
  text-align: center;
}
.page ul li a.pure-button,
.page ul li span.pure-button {
  margin: 0 2px;
  border-radius: 3px;
  font-size: 14px;
  font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
  color: #444;
  padding: 0.5em 1.2em;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  height: 30px;
}
.page ul li a.pure-button:hover,
.page ul li a.pure-button:focus,
.page ul li span.pure-button:hover,
.page ul li span.pure-button:focus {
  text-decoration: none;
  filter: alpha(opacity=100);
  background: #004e98;
  color: #fff;
  border: 1px solid #004e98;
}
.page ul li a.prev,
.page ul li a.next,
.page ul li span.prev,
.page ul li span.next {
  text-shadow: none;
}
.page ul li a.pure-button-active,
.page ul li a.pure-button:active,
.page ul li span.pure-button-active,
.page ul li span.pure-button:active {
  background: #004e98;
  border: 1px solid #004e98;
  box-shadow: none;
  color: #fff;
  height: 30px;
}
.page ul li a.disabled,
.page ul li span.disabled {
  border: 1px solid #e2e2e2;
  background: #fff;
  color: #e2e2e2;
  cursor: default;
}
.page ul li a.disabled:hover,
.page ul li a.disabled:focus,
.page ul li a.disabled:active,
.page ul li span.disabled:hover,
.page ul li span.disabled:focus,
.page ul li span.disabled:active {
  border: 1px solid #e2e2e2;
  background: #fff;
  color: #e2e2e2;
  cursor: default;
}
.page ul li .page-input-index {
    width: 42px;
    border: 1px solid #e2e2e2;
    margin: 0 2px;
    border-radius: 2px;
    padding: 0.45em 0.2em;
    text-align: center;
    font-size: 14px;
}
input.page-input-index::-webkit-outer-spin-button,
input.page-input-index::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input.page-input-index[type="number"]{
    -moz-appearance: textfield;
}
input.page-input-index[type="number"]{
    -ms-appearance: textfield;
}