.wp {
  padding-bottom: 105px;
  width: 1550px;
}

article {
  padding-top: 0.1rem;
  overflow: hidden;
  display: flex;
}
article .cells {
  flex: 1;
}
article .split {
  width: 1.24rem;
}
article .cells .cell {
  display: flex;
  line-height: 0.2rem;
  padding: 0.2rem 0;
  position: relative;
  color: #181412;
  /* border-bottom: 1px solid #d4d4d4; */
  align-items: center;
  position: relative;
}
article .cells .cell:after,
article .cells .cell:before {
  content: '';
  display: block;
  height: 0.01rem;
  background-color: #d4d4d4;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  transition: all 0.2s;
}
article .cells .cell:after {
}
article .cells .cell:before {
  height: 0.03rem;
  width: 0;
}
article .cells .cell h5 {
  flex: 1;
  font-size: 0.2rem;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
article .cells .cell h6 {
  transition: all 0.2s linear;
  color: #919191;
  font-size: 0.14rem;
  text-align: right;
  white-space: nowrap;
}
article .cells .cell + .cell {
  /* margin-top: 20px; */
}
article .cells .cell:hover {
  color: #5d1012;
}
article .cells .cell:hover h5,
article .cells .cell:hover h6 {
  transform: translateY(-0.05rem);
}
article .cells.l {
}
article .cells.r {
}
.pagination {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #373231;
  height: 20px;
  line-height: 20px;
  margin-top: 0.56rem;
}
.pagination a,
.pagination input {
  border: 1px solid #cfcfcf;
}
.pagination a.active {
  background-color: #580d0e;
  border-color: #580d0e;
  color: #ffffff;
}
.pagination a,
.pagination span,
.pagination i,
.pagination input {
  height: 20px;
  line-height: 20px;
  margin: 0 3px;
  color: #373231;
}
.pagination a,
.pagination i,
.pagination span {
  padding: 0 6px;
}
.pagination span,
.pagination i {
  padding: 0;
  margin: 0;
}
.pagination span.p_fun_d,
.pagination span.p_no_d {
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  margin: 0 3px;
  border: 1px solid #cfcfcf;
}

.pagination span.p_no_d {
  background-color: #580d0e;
  border-color: #580d0e;
  color: #ffffff;
}
.pagination input {
  padding: 0;
  width: 26px;
  text-align: center;
  line-height: 1px;
}
.pagination input::-webkit-outer-spin-button,
.pagination input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

article .cells .cell.set-top:after,
article .cells .cell.set-top:before {
  background-color: #580d0e;
}
article .cells .cell.set-top:hover:after {
}
article .cells .cell.set-top:hover:before {
  width: 100%;
}
article .cells .cell.set-top i {
  padding: 0px 0.05rem;
  background: #580d0e;
  color: #fff;
  font-style: normal;
  border-radius: 0.04rem;
  display: inline-block;
  margin-right: 0.5em;
  font-size: 0.12rem;
}
/* ===== 媒体查询 ===== */
@media screen and (max-width: 1024px) {
  .wp.main-bd {
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    margin-top: 0rem !important;
  }
  article {
    display: block;
  }
  .pagination span {
    display: none;
  }

  .pagination span.p_pages,
  .pagination span.p_fun_d,
  .pagination span.p_fun {
    display: inline-block;
  }
  article .cells .cell h5 {
    display: block;
    white-space: nowrap !important;
  }
  article .cells .cell.set-top i {
    font-size: 12px;
    float: left;
  }
  article .cells .cell h6 {
    margin-left: 0.03rem;
  }
}
@media screen and (max-width: 500px) {
  .wp.main-bd {
    padding-bottom: 0 !important;
  }
  article {
  }
  article .cells .cell {
    padding: 14px 0;
  }
  article .cells .cell h5 {
    font-size: 14px;
  }
  article .cells .cell.set-top i {
  }
  article .cells .cell h6 {
    font-size: 12px;
  }
  .pagination {
    margin: 0.2rem 0;
  }
}