@charset 'UTF-8';

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

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

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

/* 居中容器 */

/*边框*/

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

/* 不折行截字 */

/* 折行截字 */

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

/* 嵌套小三角 */

/* 实体小三角 */

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

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

/* 父容器清浮动 */

/* 标题下边框线 */

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/

/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/

/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/

.g_site_hongxiu .wrap-body {
  position: relative;
  z-index: 1;
}

.g_site_hongxiu .wrap-body .flower {
  position: absolute;
  z-index: 1;
  top: -16px;
  background-repeat: no-repeat;
}

.g_site_hongxiu .wrap-body .flower.left {
  left: 0;
  width: 384px;
  height: 269px;
  background-image: url("/pro/xs_pc/_prelease/images/book_details/flower_left.0bed9.png");
}

.g_site_hongxiu .wrap-body .flower.right {
  right: 0;
  width: 499px;
  height: 243px;
  background-image: url("/pro/xs_pc/_prelease/images/book_details/flower_right.593cb.png");
}

.author-info {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 6px;
  background-color: var(--sheet-background-bw-white);
}

.author-info .img-box {
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  width: 100px;
  width: 100px;
  height: 100px;
  height: 100px;
  margin-right: 20px;
}

.author-info .img-box .level-tag {
  position: absolute;
  z-index: 1;
  bottom: -5px;
  left: 50%;
  margin-left: -18px;
}

.author-info .img-box img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

.author-info .img-box .level-tag {
  font: 12px/16px 'PingFangSC-Regular', '-apple-system', Simsun;
  width: 40px;
  height: 16px;
  text-align: center;
  color: white;
  border-radius: 2px;
}

.author-info .img-box .level-tag.lv {
  font: italic 12px/16px Arial;
  background: #fc6c28;
}

.author-info .img-box .level-tag.blue {
  background: #0096e9;
}

.author-info .img-box .level-tag.red {
  background: #bf2c24;
}

.author-info .img-box .level-tag.platina {
  width: 40px;
  height: 16px;
  background-image: url("/pro/xs_pc/_prelease/images/book_details/sprite.0133c.png");
  background-repeat: no-repeat;
  background-position: -249px -200px;
  background-size: 335px;
}

.author-info .author-cont {
  font-size: #2a2a2a;
  float: left;
}

.author-info .author-cont .author-cont-desc {
  width: 860px;
  min-height: 90px;
  border-bottom: 1px solid #ebebeb;
}

.author-info .author-cont .author-cont-desc .author-name {
  font-size: 22px;
  font-weight: normal;
  line-height: 28px;
  margin: 6px 0;
}

.author-info .author-cont .author-cont-desc .author-intro {
  font-size: 14px;
  line-height: 24px;
}

.author-info .author-cont .author-cont-list {
  min-height: 25px;
  padding-top: 20px;
}

.author-info .author-cont .author-cont-list .icon-su {
  width: 1px;
  height: 12px;
  margin: 0 14px;
  background: #a6a6a6;
}

.author-info .author-cont .author-cont-list span {
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  vertical-align: middle;
}

.author-info .author-cont .author-cont-list .num {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 2px;
  margin-left: 4px;
}

.book-list {
  margin-bottom: 20px;
  padding: 20px;
  color: #2a2a2a;
  border-radius: 6px;
  background-color: var(--sheet-background-bw-white);
}

.book-list .module {
  padding-top: 30px;
}

.book-list .module:first-of-type {
  padding-top: 0;
}

.book-list .module-header {
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 12px;
}

.book-list .module-header .module-header-num {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}

.book-list .book-li {
  padding: 20px 0 30px 0;
  border-top: 1px solid #ebebeb;
}

.book-list .book-li .book-c {
  display: block;
  width: 102px;
  height: 136px;
  cursor: pointer;
}

.book-list .book-li .book-c-a {
  float: left;
  width: 102px;
  height: 136px;
  margin-right: 20px;
}

.book-list .book-li .book-cell {
  float: left;
  width: 680px;
}

.book-list .book-li .book-cell .book-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 7px;
}

.book-list .book-li .book-cell .book-status {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
  color: #808080;
}

.book-list .book-li .book-cell .book-desc {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  height: 50px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.book-list .book-li .book-cell .book-last {
  font-size: 12px;
  line-height: 12px;
  color: #b5b5b5;
}

.book-list .book-li .book-cell .book-last em {
  margin: 0 4px;
}

.book-list .book-li .book-cell .book-last a {
  cursor: pointer;
  color: #2972cc;
}

.book-list .book-li .btn {
  font-size: 0;
  float: left;
  width: 170px;
  padding-top: 35px;
  text-align: right;
}

.book-list .book-li .btn a {
  font: 14px/34px 'PingFangSC-Regular', '-apple-system', Simsun;
  display: inline-block;
  width: 120px;
  height: 34px;
  margin: 12px 0 0 0;
  text-align: center;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}

.book-list .book-li .btn .iconfont {
  font-size: 14px;
  width: 14px;
  margin: -3px 6px 0 0;
}

/* 通用样式 */

/* 此页面无响应点，居中容器990 */

.center1020 {
  width: 1020px;
  margin: 0 auto;
}

/* 顶部背景 */

.top-bg-box {
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  height: 255px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.top-bg-box.rec-book {
  height: 338px;
}

.top-bg-box .back-to-op {
  font-size: 14px;
  line-height: 24px;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 17px;
  height: 24px;
  padding: 0 8px;
  cursor: pointer;
  color: white;
  background: #666;
  background: rgba(0, 0, 0, .3);
}

/* 顶部广告*/

.top-bg-op-box {
  position: absolute;
  top: 42px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 255px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.top-bg-op-box a {
  position: absolute;
}

.top-bg-op-box .jumpWrap {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 338px;
}

.top-bg-op-box .jumpWrap .op-tag {
  right: 27px;
}

.top-bg-op-box .close-game-op {
  font-size: 14px;
  line-height: 24px;
  z-index: 5;
  top: 0;
  right: 17px;
  height: 24px;
  padding: 0 8px;
  color: white;
  background: #666;
  background: rgba(0, 0, 0, .3);
}

.top-bg-op-box .box-center {
  position: relative;
  z-index: 1;
}

.top-bg-op-box .box-center .petal {
  position: absolute;
  z-index: 1;
  top: -40px;
}

.top-bg-op-box .box-center .petal.p1 {
  right: 0;
  width: 60px;
  height: 29px;
  animation: petal 6s 1s infinite ease-out;
  background: url("/pro/xs_pc/_prelease/images/book_details/petal_1.png") no-repeat;
}

.top-bg-op-box .box-center .petal.p2 {
  right: 300px;
  width: 44px;
  height: 29px;
  animation: petal 5.5s 2s infinite ease-out;
  background: url("/pro/xs_pc/_prelease/images/book_details/petal_2.png") no-repeat;
}

.top-bg-op-box .box-center .petal.p3 {
  right: 500px;
  width: 32px;
  height: 20px;
  animation: petal 4.5s 1.5s infinite ease-out;
  background: url("/pro/xs_pc/_prelease/images/book_details/petal_3.png") no-repeat;
}

.top-bg-op-box .box-center .btn {
  position: absolute;
  z-index: 1;
  top: 96px;
  left: 820px;
  width: 222px;
  height: 76px;
  animation: pulse 1.5s infinite;
  background: url("/pro/xs_pc/_prelease/images/book_details/btn.png") no-repeat;
}

/* 花瓣动效 */

@keyframes petal {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(-800px, 250px, 0);
    opacity: .5;
  }
}

@-webkit-keyframes petal {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(-800px, 250px, 0);
    opacity: .5;
  }
}

@keyframes petal2 {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    transform: translate3d(-800px, 520px, 0);
    opacity: .5;
  }
}

@-webkit-keyframes petal {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(-800px, 520px, 0);
    opacity: .5;
  }
}

/* 书详情容器 */

.book-detail-wrap {
  position: relative;
  z-index: 10;
  min-height: 700px;
}

/* CSS3 animation */

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

/* 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) {
  .g_site_hongxiu .wrap-body .flower.left {
    background-image: url("/pro/xs_pc/_prelease/images/book_details/flower_left_2x.7a49b.png");
  }

  .g_site_hongxiu .wrap-body .flower.right {
    background-image: url("/pro/xs_pc/_prelease/images/book_details/flower_right_2x.d93d2.png");
  }

  .g_site_hongxiu .wrap-body .flower {
    background-size: 100%;
  }

  .fans-interact dd.dynamic-state .fans-info .avatar span {
    background-image: url("/pro/xs_pc/_prelease/images/ico/big_user_2x.f40bc.png");
    background-size: 100%;
  }

  .fans-interact dd.dynamic-state .no-data-box span {
    width: 104px;
    height: 62px;
    background-image: url("/pro/xs_pc/_prelease/images/book_details/sprite_2x.4d782.png");
    background-repeat: no-repeat;
    background-position: -87px 0;
    background-size: 335px;
  }

  .default-avatar {
    background-image: url("/pro/xs_pc/_prelease/images/ico/account.1e031.png") !important;
    background-size: 100%;
  }
}

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