@charset 'UTF-8';

/**
 * @author yangye
 * @design xurui;
 */

/**
 * @author yangye
 * @design xurui;
 */

/**
 * @author yangye
 * @design xurui;
 */

/* 居中容器 */

/*边框*/

/*下边距 默认mb就是10px*/

/* 不折行截字 */

/* 折行截字 */

/* 字号22的标题 - 调整行高 */

/* 嵌套小三角 */

/* 实体小三角 */

/* 过渡动画 默认0.3秒 */

/* 平面书封hover放大到1.1倍 */

/* 父容器清浮动 */

/* 标题下边框线 */

.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/rongshuxia_pc/_prelease/images/common/file.f39e5.png") no-repeat 50% 50%;
}

.no-rank-data p {
  color: #808080;
}

/* 数据为-的时候样式替代 */

.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;
}

/* retina屏双倍图 */

@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/rongshuxia_pc/_prelease/images/common/file_2x.fa265.png") no-repeat 50% 50%;
    background-size: 100%;
  }
}

/*# sourceMappingURL=data/landun/workspace/.map/rank.css.map */