@charset 'UTF-8';
.rank-box {
  margin-bottom: 30px
}
.book-rank-list {
  min-height: 409px
}
.rank-nav-list {
  width: 230px;
  margin: 0 20px 20px 0;
  border-radius: 6px;
  background: var(--sheet-background-bw-white)
}
.rank-nav-list ul {
  padding: 20px 0
}
.rank-nav-list li {
  font: 16px/32px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
  margin-top: 12px;
  padding-left: 20px
}
.rank-nav-list li:first-child {
  margin-top: 0
}
.rank-nav-list li a .iconfont {
  font-size: 20px;
  display: inline-block;
  min-width: 20px;
  margin: -2px 16px 0 0;
  vertical-align: middle
}
.rank-nav-list li.act {
  padding-left: 17px;
  border-left: 3px solid var(--color-primary)
}
.rank-nav-list li.act a {
  font-weight: 700;
  color: var(--color-primary)
}
.rank-nav-list li.act a .iconfont {
  font-weight: 400;
  color: var(--color-primary)
}
.rank-nav-list li.act cite {
  display: inline-block;
  width: 0;
  height: 0;
  margin: -3px 0 0 8px;
  vertical-align: middle;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid var(--color-primary)
}
.rank-nav-list h4 {
  font-family: PingFangSC-Regular,'-apple-system',Simsun;
  margin-bottom: 18px
}
.rank-header {
  border-bottom: 1px solid #e6e6e6;
  background: var(--sheet-background-bw-white)
}
.rank-header h3 {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 15px
}
.rank-header ul.type {
  margin-bottom: 16px
}
.rank-header ul.type + .type {
  margin-bottom: 0
}
.rank-header li {
  float: left;
  margin-left: 8px
}
.rank-header li:first-child {
  margin-left: 0
}
.rank-header li a {
  font: 12px/24px PingFangSC-Regular,'-apple-system',Simsun;
  display: block;
  height: 24px;
  padding: 0 6px;
  border-radius: 2px
}
.rank-header li a.act {
  color: var(--sheet-background-bw-white);
  background: var(--color-primary)
}
.rank-body {
  padding: 20px 0 0 20px;
  background: var(--sheet-background-bw-white)
}
.rank-body .rank-list {
  float: left;
  width: 230px;
  margin: 0 20px 25px 0
}
.rank-view-list {
  padding: 0 20px 20px 0
}
.no-rank-data {
  padding: 136px 0 137px;
  text-align: center
}
.no-rank-data span {
  display: block;
  width: 78px;
  height: 83px;
  margin: 0 auto 10px;
  background: url(/pro/hongxiu_pc/_prelease/images/common/file.f39e5.png) no-repeat 50% 50%
}
.no-rank-data p {
  color: grey
}
.rank-list .book-list li .name-box b {
  font: 14px/31px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  width: 116px;
  height: 31px;
  color: #1a1a1a
}
.sort-list .book-list li .name-box b {
  font: 14px/31px PingFangSC-Regular,'-apple-system',Simsun;
  float: left;
  width: 188px;
  height: 31px;
  color: #1a1a1a
}
@media (min--moz-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.6 / 2),
(-webkit-min-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
  .no-rank-data span {
    background: url(/pro/hongxiu_pc/_prelease/images/common/file_2x.fa265.png) no-repeat 50% 50%;
    background-size: 100%
  }
}