body {
  background: #f5f5f5;
}
.main-container {
  margin: 2.375rem auto;
  max-width: 90rem;
  display: flex;
  align-items: flex-start;
}
/* 正文头部 */
.main-container .topic-main {
  min-height: 35rem;
  flex: 1;
  background: #ffffff;
  margin-left: 2.5rem;
  position: relative;
  padding: 1.75rem;
}

.main__header .breadcrumb {
  display: flex;
  color: #999999;
}
.main__header .breadcrumb > ul {
  display: flex;
}
.main__header .breadcrumb > ul li:not(:last-child)::after {
  content: '>';
  display: inline-block;
  margin: 0 0.25rem;
}
/* 正文内容 */
.main-container .topic-main__content {
  padding: 2.5rem 1.25rem;
}
.topic-main__content .topic-item {
  height: 11.25rem;
  display: flex;
  overflow: hidden;
  margin-bottom: 3.75rem;
}
.topic-item .img-wrapper {
  flex: 0 0 15.625rem;
  display: flex;
  align-items: center;
  margin-right: 1.875rem;
}
.topic-item .img-wrapper > img {
  width: 100%;
}
.topic-item .topic-content {
  display: flex;
  flex-direction: column;
}
.topic-content .content-text-wrapper {
  margin-bottom: auto;
  max-height: 7.25rem;
  overflow: hidden;
  position: relative;
}
.topic-content .content-title-wrapper {
  margin-bottom: 0.75rem;
}
.topic-content .topic-content__title {
  color: #333;
  font-weight: bold;
}
.topic-content .topic-content__text {
  color: #333;
  line-height: 1.5;
  /* max-height: 6.75rem; */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  cursor: pointer;
}
.topic-content .topic-content__date {
  color: #999999;
}
/* .topic-content .topic-content__text::after {
  content: '查看更多》';
  display: inline-block;
  position: absolute;
  color: #bf2725;
  font: inherit;
  line-height: 1.5;
  bottom: 0;
  right: 0.5rem;
  z-index: 10;
  white-space: nowrap;
  background: #fff;
} */
/* 分页栏样式 */
.topic-main__footer {
  /* 这里为了确保居中 需要减去父元素左右两边的内边距，也就是 1.75rem * 2 */
  width: calc(100% - 3.5rem);
  position: absolute;
  min-height: 2rem;
  display: flex;
  bottom: 2.375rem;
}
.topic-main__footer .footer-wrapper {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}
.topic-main__footer .pagination {
  display: flex;
}
.topic-main__footer .pagination li {
  border: 1px solid #ffffff;
}
.topic-main__footer .pagination li:hover {
  border: 1px solid #d57870;
}
.topic-main__footer .pagination a {
  padding: 0 0.75rem;
  color: #666666;
  line-height: 1.5rem;
}
.topic-main__footer .pagination li:hover a {
  color: #d57870;
}
.topic-main__footer .page-total {
  color: #666666;
  margin: 0 1.5rem;
}
.topic-main__footer .page-skip {
  color: #666666;
  margin-right: 0.75rem;
}
.topic-main__footer .page-skip input {
  width: 2.5rem;
  margin: 0 0.25rem;
  padding: 0.25rem;
}
.topic-main__footer .page-ok {
  padding: 0.1875rem;
  font-size: 12px;
}

.xh-pagination .pagination li.current {
  border: 1px solid #d57870;
}
.xh-pagination .pagination li.current a {
  color: #d57870;
}