@charset 'UTF-8';

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

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

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

/* 居中容器 */

/*边框*/

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

/* 不折行截字 */

/* 折行截字 */

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

/* 嵌套小三角 */

/* 实体小三角 */

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

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

/* 父容器清浮动 */

/* 标题下边框线 */

.fans-rank-week,
.fans-rank-total,
.faq-wrap {
  overflow: hidden;
  border-radius: 6px;
  background: var(--sheet-background-bw-white);
}

.fans-rank-week .head,
.fans-rank-total .head,
.faq-wrap .head {
  overflow: hidden;
  height: 65px;
  padding: 0 20px;
  border-bottom: 1px solid #e6e6e6;
}

.fans-rank-week .head h3,
.fans-rank-total .head h3,
.faq-wrap .head h3 {
  font: 22px/66px 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
}

.fans-rank-week .head h3 span,
.fans-rank-total .head h3 span,
.faq-wrap .head h3 span {
  font: 14px/20px 'PingFangSC-Regular', '-apple-system', Simsun;
  margin-left: 20px;
}

.fans-rank-week .no-data {
  margin-bottom: 60px;
}

/* 迷妹周榜 */

.fans-rank-list {
  position: relative;
  z-index: 1;
  padding: 0 28px;
}

.fans-rank-list .line {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--sheet-background-bw-white);
}

.fans-rank-list ul {
  overflow: hidden;
  width: 1010px;
}

.fans-rank-list li {
  float: left;
  overflow: hidden;
  width: 210px;
  margin-top: -1px;
  margin-right: 42px;
  margin-bottom: 14px;
  padding-top: 14px;
  padding-bottom: 19px;
  border-bottom: 1px solid #e6e6e6;
}

.fans-rank-list li.top {
  height: 56px;
  margin-bottom: 0;
}

.fans-rank-list li.top span {
  font: 14px/16px Arial;
  margin-top: 4px;
  color: var(--sheet-background-bw-white);
  border-radius: 2px;
}

.fans-rank-list li.top.no1 span {
  background: var(--color-rank-label-bg-1);
}

.fans-rank-list li.top.no2 span {
  background: var(--color-rank-label-bg-2);
}

.fans-rank-list li.top.no3 span {
  background: var(--color-rank-label-bg-3);
}

.fans-rank-list li.top.no4 span {
  background-color: #dad5ef;
}

.fans-rank-list li.top .avatar {
  width: 57px;
  height: 57px;
}

.fans-rank-list li.top .info {
  margin-top: 0;
}

.fans-rank-list li span {
  font: 16px/44px Arial;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  text-align: center;
}

.fans-rank-list li .avatar {
  float: left;
  overflow: hidden;
  width: 44px;
  height: 44px;
  margin-right: 12px;
  border-radius: 100%;
}

.fans-rank-list li .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.fans-rank-list li .info {
  float: left;
  width: 110px;
  margin-top: 2px;
}

.fans-rank-list li .info h4 {
  font: 16px/22px 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
  overflow: hidden;
  height: 22px;
  margin-bottom: 2px;
  white-space: nowrap;
}

.fans-rank-list li .info h5,
.fans-rank-list li .info p {
  font: 12px/18px 'PingFangSC-Regular', '-apple-system', Simsun;
  color: #808080;
}

.fans-rank-list li .info p .iconfont,
.fans-rank-list li .info p i {
  display: inline-block;
  vertical-align: middle;
}

.fans-rank-list li .info p .iconfont {
  font-size: 14px;
  font-weight: 700;
  width: 12px;
  height: 12px;
  margin: -7px 4px 0 0;
  color: #ff589d;
}

/* 迷妹总榜 */

.fans-rank-total {
  position: relative;
  z-index: 1;
  min-height: 300px;
}

.fans-rank-total .page-list {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: 30px;
}

.fans-rank-total .page-list a,
.fans-rank-total .page-list i {
  font: 12px/1 'PingFangSC-Regular', '-apple-system', Simsun;
  display: inline-block;
  vertical-align: middle;
  color: #808080;
}

.fans-rank-total .page-list a:hover {
  color: var(--color-primary);
}

.fans-rank-total .page-list i {
  margin: 0 2px;
}

.fans-rank-total .page-list a.act {
  color: var(--color-primary);
}

.fans-rank-total .la-ball-pulse {
  margin: 100px auto 0;
}

.fans-rank-total .fans-top-list {
  padding-bottom: 10px;
  padding-left: 20px;
}

.fans-rank-total .fans-top-list ul {
  float: left;
  width: 210px;
  margin-left: 46px;
}

.fans-rank-total .fans-top-list ul:first-child {
  margin-left: 0;
}

.fans-rank-total .fans-top-list li {
  overflow: hidden;
  height: 37px;
  border-top: 1px solid #e6e6e6;
}

.fans-rank-total .fans-top-list li:first-child {
  border-top: none;
}

.fans-rank-total .fans-top-list li span,
.fans-rank-total .fans-top-list li p {
  float: left;
}

.fans-rank-total .fans-top-list li em {
  font: 12px/38px 'PingFangSC-Regular', '-apple-system', Simsun;
  float: right;
  color: #808080;
}

.fans-rank-total .fans-top-list li p {
  font: 14px/38px 'PingFangSC-Regular', '-apple-system', Simsun;
  overflow: hidden;
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fans-rank-total .fans-top-list li span {
  font: 16px/38px Arial;
  width: 20px;
  margin-right: 16px;
}

.no-data span {
  display: block;
  width: 104px;
  height: 62px;
  margin: 50px auto 10px;
  background-image: url("/pro/readnovel_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: -87px 0;
  background-size: 335px;
}

.no-data p {
  font: 14px/20px 'PingFangSC-Regular', '-apple-system', Simsun;
  color: #a6a6a6;
}

.no-data p i {
  font-family: Arail;
}

/* FAQ */

.faq-list {
  padding: 25px 20px 30px;
}

.faq-list li {
  margin-top: 20px;
}

.faq-list li:first-child {
  margin-top: 0;
}

.faq-list li h4 {
  font: 16px/22px 'PingFangSC-Regular', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Microsoft YaHei', 'sans-serif';
  margin-bottom: 12px;
}

.faq-list li p {
  font: 12px/18px 'PingFangSC-Regular', '-apple-system', Simsun;
  color: #808080;
}

.faq-list li p.disc span {
  font-size: 18px;
  line-height: 18px;
  float: left;
  margin-right: 20px;
}

.faq-list table {
  width: 100%;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.faq-list table th,
.faq-list table td {
  font-size: 12px;
  height: 36px;
}

.faq-list table th {
  color: var(--color-primary);
  border-bottom: 1px solid #e6e6e6;
}

.faq-list table th span {
  display: inline-block;
  margin-top: 4px;
}

.faq-list table td {
  color: #808080;
}

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