@charset "UTF-8";

.pagination-wrap {
  position: relative;
  text-align: center;
  zoom: 1;
}

.pagination-wrap:before,
.pagination-wrap:after {
  content: "";
  display: table;
}

.pagination-wrap:after {
  clear: both;
  overflow: hidden;
}

.pagination-wrap span {
  float: left;
  margin: 0 5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #bdbdbd;
  font-size: 14px;
}

.pagination-wrap .active {
  float: left;
  margin: 0 5px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  background: #fff;
  color: #ea5947;
  font-size: 14px;
  border: 1px solid #ea5947;
}

.pagination-wrap a {
  float: left;
  margin: 0 5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: #fff;
  border: 1px solid #e3e3e9;
  color: #969696;
  font-size: 14px;
}

.pagination-wrap a:hover {
  color: #ea5947;
  background: #fff;
  border: 1px solid #ea5947;
}

.pagination-wrap .next,
.pagination-wrap .prev,
.pagination-wrap .homepage,
.pagination-wrap .endpage {
  width: 48px;
  font-family: "微软雅黑";
  font-size: 14px;
}

.now,
.count {
  padding: 0 5px;
  color: #f00;
}

.pagination-wrap input {
  float: left;
  margin: 0 5px;
  width: 48px;
  height: 24px;
  line-height: 1;
  text-align: center;
  background: #fff;
  border: 1px solid #e3e3e9;
  outline: none;
  color: #444;
  font-size: 14px;
}

.pagination-wrap .jump-btn {
  width: 48px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  border: 1px solid #ea5947;
  background-color: #ea5947;
  color: #fff;
}