.van-nav-bar {
  position: relative;
  z-index: 1;
  line-height: 22px;
  text-align: center;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.van-nav-bar--fixed {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
}

.van-nav-bar--safe-area-inset-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.van-nav-bar .van-icon {
  color: #1989fa;
}

.van-nav-bar__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
}
.floor a{
      color: #222;
}
.van-nav-bar__arrow {
  margin-right: 4px;
  font-size: 16px;
}

.van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #323233;

  font-size: 16px;
      font-weight: 700;
}

.van-nav-bar__left,
.van-nav-bar__right {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  font-size: 14px;
  cursor: pointer;
}

.van-nav-bar__left:active,
.van-nav-bar__right:active {
  opacity: 0.7;
}

.van-nav-bar__left {
  left: 0;
}

.van-nav-bar__right {
  right: 0;
}

.van-nav-bar__text {
  color: #1989fa;
}

.van-list__error-text,
.van-list__finished-text,
.van-list__loading {
  color: #969799;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}

.van-list__placeholder {
  height: 0;
  pointer-events: none;
}

.page-top[data-v-be2043a4] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f5f5f5;
  height: 100%;
  padding: 0 0.37333rem;
  gap: 0.42667rem;
}

.page-top .btn-back[data-v-be2043a4] {
  height: 1.49333rem;
}

.page-top .btn-back img[data-v-be2043a4] {
  width: 0.48rem;
  height: 0.48rem;
}

.page-top .chapter[data-v-be2043a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  gap: 0.26667rem;
  font-size: 0.26667rem;
}

.page-top .chapter .name[data-v-be2043a4] {
  width: 3.46667rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search[data-v-1ff022ea] {
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.32rem;
}

.search .search-input[data-v-1ff022ea],
.search[data-v-1ff022ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.search .search-input[data-v-1ff022ea] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 0.96rem;
  background: #f5f5f5;
  border-radius: 0.58667rem;
  -ms-flex-align: center;
  padding: 0 0.42667rem;
}

.search .search-input img[data-v-1ff022ea] {
  width: 0.42667rem;
  height: 0.42667rem;
}

.search .search-input div[data-v-1ff022ea] {
  margin-left: 0.21333rem;
  font-size: 0.37333rem;
  line-height: 0.42667rem;
  color: rgba(34, 34, 34, 0.4);
}

.van-pull-refresh {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.van-pull-refresh__track {
  position: relative;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property:
    transform,
    -webkit-transform;
    
}

.van-pull-refresh__head {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  color: #969799;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.pure-content {
  margin: auto;
  overflow: hidden;
  background-color: #fff;
  padding: 0.26667rem 0.64rem;
  color: #000;
  line-height: 1.5;
}

.pure-content h1 {
  font-size: 1.5em;
  margin: 0.5 0.5em 0.5em 0;
}

.pure-content h2 {
  font-size: 1.25em;
  margin: 0.25em 0.25em 0.25em 0;
}

.pure-content h3 {
  font-size: 1.1em;
  margin: 0.15em 0.15em 0.15em 0;
}

.pure-content section {
  margin: 1em 0;
}

.pure-content p + p {
  margin-top: 1em;
}

.pure-content ul {
  margin-left: 1em;
  list-style-type: circle;
}

.pure-content ul li {
  list-style: disc;
  vertical-align: center;
  margin-left: 0.5em;
}

.book .book-img > img[data-v-7423ee61] {
  width: 2.34667rem;
  height: 3.09333rem;
  border-radius: 0.21333rem;
  margin-right: 0.32rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.book .book-content[data-v-7423ee61] {
  padding-top: 0.21333rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.book .book-content .item-title[data-v-7423ee61] {
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.42667rem;
  margin-bottom: 0.21333rem;
}

.book .book-content .item-desc[data-v-7423ee61] {
  color: rgba(34, 34, 34, 0.4);
  font-size: 0.32rem;
  line-height: 0.37333rem;
  margin-bottom: 0.42667rem;
}

.book .book-content .item-floor__num[data-v-7423ee61] {
  position: relative;
  width: 1.06667rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.42667rem;
  color: #ff5e5e;
  line-height: 0.48rem;
}

.book .book-content .item-floor__num[data-v-7423ee61]:before {
  background-image: url(https://static.novelfreedom.com/paynovel/h5-pay-asia/num-l.png);
  left: 0;
}

.book .book-content .item-floor__num[data-v-7423ee61]:after,
.book .book-content .item-floor__num[data-v-7423ee61]:before {
  display: block;
  position: absolute;
  z-index: 1;
  content: "";
  width: 0.02667rem;
  height: 0.32rem;
  width: 0.28rem;
  height: 0.4rem;
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 0;
}

.book .book-content .item-floor__num[data-v-7423ee61]:after {
  background-image: url(https://static.novelfreedom.com/paynovel/h5-pay-asia/num-r.png);
  right: 0;
}

.book .book-content .item-floor__author[data-v-7423ee61] {
  color: rgba(34, 34, 34, 0.4);
  font-size: 0.32rem;
  line-height: 0.37333rem;
}

.book .book-content .item-floor__author img[data-v-7423ee61] {
  width: 0.21333rem;
  height: 0.24rem;
}

.pages[data-v-01cefc8e] {
  background-color: #f5f5f5;
}

.pages .book-info[data-v-01cefc8e] {
  margin-top: 0.23rem;
  padding: 0 0.48rem;
  color: rgba(34, 34, 34, 0.8);
  font-size: 0.32rem;
  line-height: 0.37333rem;
}

.pages .book-info img[data-v-01cefc8e] {
  width: 2.88rem;
  height: 3.84rem;
  border-radius: 0.32rem;
  margin-right: 0.32rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.pages .book-info .book-info__title[data-v-01cefc8e] {
  font-size: 0.48rem;
  line-height: 0.69333rem;
  font-weight: 700;
}

.pages .book-info .book-info__author[data-v-01cefc8e] {
  margin-top: 0.53333rem;
}

.pages .book-info .book-info__floor[data-v-01cefc8e] {
  margin-top: 0.32rem;
}

.pages .book[data-v-01cefc8e] {
  padding: 0.42667rem;
  background-color: #fff;
  border-radius: 0.64rem 0.64rem 0 0;
  margin-top: 0.64rem;
  min-height: 60vh;
      margin: 20px;
}

.pages .book .book-card[data-v-01cefc8e] {
  background-color: rgba(34, 34, 34, 0.05);
  border-radius: 0.32rem;
  padding: 0.34667rem 0;
  font-size: 0.42667rem;
  font-weight: 700;
  line-height: 0.53333rem;
}

.pages .book .book-card > div[data-v-01cefc8e] {
  width: 50%;
  text-align: center;
}

.pages .book .book-card > div span[data-v-01cefc8e] {
  font-size: 0.32rem;
  font-weight: 700;
  line-height: 0.4rem;
  color: rgba(34, 34, 34, 0.4);
  margin-left: 0.05333rem;
  margin-top: 0.02667rem;
}

.pages .book .book-card .book-card__text[data-v-01cefc8e] {
  font-size: 0.26667rem;
  line-height: 0.32rem;
  color: rgba(34, 34, 34, 0.4);
}

.pages .book .book-card .book-card__review img[data-v-01cefc8e] {
  width: 0.32rem;
  height: 0.32rem;
}

.pages .book .book-title[data-v-01cefc8e] {
  font-size: 0.42667rem;
  line-height: 0.50667rem;
  font-weight: 700;
  margin-top: 0.42667rem;
  margin-bottom: 0.42667rem;
}

.pages .floor[data-v-01cefc8e] {

  bottom: 0;
  left: 0;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  padding: 0 0.42667rem;
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.pages .floor img[data-v-01cefc8e] {
  width: 1.17333rem;
  height: 1.17333rem;
  margin-right: 0.42667rem;
}

.pages .floor .opacity[data-v-01cefc8e] {
  opacity: 0.6;
}

.pages .floor .btn[data-v-01cefc8e] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1.17333rem;
  background-color: #ff2667;
  line-height: 1.17333rem;
  text-align: center;
  color: #fff;
  border-radius: 1.06667rem;
  width: 100%;
}

.page-top[data-v-26e6610c] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f5f5f5;
  height: 100%;
  padding: 0 0.37333rem;
  gap: 0.42667rem;
}

.page-top .btn-back[data-v-26e6610c] {
  height: 1.49333rem;
}

.page-top .btn-back img[data-v-26e6610c] {
  width: 0.48rem;
  height: 0.48rem;
}

.page-top .chapter[data-v-26e6610c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(34, 34, 34, 0.4);
  gap: 0.26667rem;
  font-size: 0.32rem;
}

.page-top .chapter .name[data-v-26e6610c] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.skeleton[data-v-30044b16] {
  margin-bottom: 0.32rem;
  margin-right: 0.32rem;
}

.skeleton .skeleton-img[data-v-30044b16] {
  width: 2.66667rem;
  height: 3.52rem;
  background-color: rgba(34, 34, 34, 0.05);
  border-radius: 0.32rem;
  margin-right: 0.32rem;
  -webkit-animation: breathing 1s infinite alternate;
  animation: breathing 1s infinite alternate;
}

.skeleton .skeleton-content[data-v-30044b16] {
  width: 4.05333rem;
  padding-top: 0.05333rem;
}

.skeleton .skeleton-content .skeleton-line[data-v-30044b16] {
  width: 100%;
  height: 0.37333rem;
  background-color: rgba(34, 34, 34, 0.07);
  border-radius: 0.05333rem;
  margin-bottom: 0.10667rem;
  -webkit-animation: breathing 1s infinite alternate;
  animation: breathing 1s infinite alternate;
}

.pages[data-v-7f086014] {
  background-color: #fff;
}

.pages .list[data-v-7f086014] {
  margin-top: 0.42667rem;
  padding: 0 0.42667rem;
}

.pages .list .item[data-v-7f086014] {
  margin-bottom: 0.32rem;
      display: block;
}

.ranking[data-v-47735640] {
  background-color: #fff;
  border-radius: 0.42667rem;
  margin: 0.32rem 0.32rem 0;
  padding: 0.01rem 0.32rem;
}

.ranking .ranking-top[data-v-47735640] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.34667rem;
}

.ranking .ranking-top .ranking-title[data-v-47735640],
.ranking .ranking-top[data-v-47735640] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ranking .ranking-top .ranking-title[data-v-47735640] {
  font-size: 0.48rem;
  font-weight: 18.66667rem;
  color: #222;
}

.ranking .ranking-top .ranking-title img[data-v-47735640] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin-right: 0.10667rem;
}

.ranking .ranking-top .ranking-more[data-v-47735640] {
  height: 0.58667rem;
  font-size: 0.37333rem;
  border-radius: 0.26667rem;
  border: 0.02667rem solid #ccc;
  padding-left: 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
      color: #666;
}

.ranking .ranking-top .ranking-more[data-v-47735640]:after {
  content: "";
  display: inline-block;
  width: 0.16rem;
  border: 0.10667rem solid transparent;
  border-left-color: #666;
  margin-left: 0.16rem;
}

.ranking .ranking-content[data-v-47735640] {
  overflow-x: scroll;
}

.ranking .ranking-content .ranking-content__box[data-v-47735640] {
 max-width: 26.66667rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
  margin: 0 auto;
}

.ranking .ranking-content .item[data-v-47735640] {
  margin-bottom: 0.32rem;
}

.ranking .ranking-content .item .item-img[data-v-47735640] {
  margin-right: 0.32rem;
  position: relative;
  width: 2.66667rem;
  height: 3.52rem;
}

.ranking .ranking-content .item .item-img .item-tag[data-v-47735640] {
  width: 0.74667rem;
  height: 0.74667rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.ranking .ranking-content .item .item-img .item-num[data-v-47735640] {
  width: 1.17333rem;
  height: 1.17333rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.ranking .ranking-content .item .item-img img[data-v-47735640] {
  width: 2.66667rem;
  height: 3.52rem;
  border-radius: 0.21333rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.ranking .ranking-content .item .item-content[data-v-47735640] {
  width: 4.05333rem;
  color: rgba(34, 34, 34, 0.4);
}

.ranking
  .ranking-content
  .item
  .item-content
  .item-content__title[data-v-47735640] {
  font-size: 0.37333rem;
  font-weight: 700;
  line-height: 0.5rem;
  margin-bottom: 0.21333rem;
  color: #222;
}

.ranking
  .ranking-content
  .item
  .item-content
  .item-content__tag
  span[data-v-47735640] {
  background-color: rgba(34, 34, 34, 0.05);
  font-size: 0.32rem;
  line-height: 0.37333rem;
  display: inline-block;
  margin-right: 0.10667rem;
  padding: 0.05333rem 0.21333rem;
  border-radius: 0.48rem;
}

.ranking
  .ranking-content
  .item
  .item-content
  .item-content__text[data-v-47735640] {
  margin-bottom: 0.32rem;
  font-size: 0.32rem;
  font-weight: 400;
  margin-top: 0.21333rem;
}

.ranking
  .ranking-content
  .item
  .item-content
  .item-content__bottom[data-v-47735640] {
  font-size: 0.33rem;
  font-weight: 400;
}

.ranking
  .ranking-content
  .item
  .item-content
  .item-content__bottom
  span[data-v-47735640] {
  width: 50%;
}

.ranking
  .ranking-content
  .item
  .item-content
  .item-content__bottom
  img[data-v-47735640] {
  width: 0.24rem;
  height: 0.29333rem;
}

.chapter-popup[data-v-60a8af24] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.chapter-popup .popup-con[data-v-60a8af24] {
  width: 8.5rem;
  height: 100%;
  background: #0c0c0c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.42667rem;
}

.chapter-popup .book-detail[data-v-60a8af24] {
  padding: 0.42667rem;
  gap: 0.32rem;
}

.chapter-popup .book-detail .cover[data-v-60a8af24] {
  width: 1.6rem;
  height: 2.13333rem;
  overflow: hidden;
  border-radius: 0.21333rem;
  background-size: 100% 100%;
}

.chapter-popup .book-detail .cover img[data-v-60a8af24] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.chapter-popup .book-detail .detail[data-v-60a8af24] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
}

.chapter-popup .book-detail .detail .name[data-v-60a8af24] {
  font-size: 0.37333rem;
  padding-right: 0.8rem;
  margin-bottom: 0.26667rem;
  font-weight: 700;
}

.chapter-popup .book-detail .detail .auther[data-v-60a8af24] {
  font-size: 0.32rem;
  opacity: 0.6;
}

.chapter-popup .total-chapter[data-v-60a8af24] {
  padding: 0 0.42667rem;
  color: #fff;
  opacity: 0.7;
}

.chapter-popup .chapter-list[data-v-60a8af24] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  overflow: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.42667rem;
  font-size: 0.37333rem;
  color: hsla(0, 0%, 100%, 0.6);
}

.chapter-popup .chapter-list .ochapter[data-v-60a8af24] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4rem 0;
  gap: 0.26667rem;
}

.chapter-popup .chapter-list .ochapter .txt[data-v-60a8af24] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.chapter-popup .chapter-list .ochapter .icon svg[data-v-60a8af24] {
  display: block;
  width: 0.42667rem;
  height: 0.42667rem;
}

.chapter-popup .chapter-list .ochapter.record[data-v-60a8af24] {
  color: #fff;
}

.chapter-popup .chapter-list .ochapter.cur[data-v-60a8af24] {
  font-weight: 500;
  color: #ff2667;
}

.chapter-popup[data-v-49b33a0e] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.chapter-popup .popup-con[data-v-49b33a0e] {
  width: 8.5rem;
  height: 100%;
  background: #0c0c0c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.42667rem;
}

.chapter-popup .book-detail[data-v-49b33a0e] {
  padding: 0.42667rem;
  gap: 0.32rem;
}

.chapter-popup .book-detail .cover[data-v-49b33a0e] {
  width: 1.6rem;
  height: 2.13333rem;
  overflow: hidden;
  border-radius: 0.21333rem;
  background-size: 100% 100%;
}

.chapter-popup .book-detail .cover img[data-v-49b33a0e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.chapter-popup .book-detail .detail[data-v-49b33a0e] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff;
}

.chapter-popup .book-detail .detail .name[data-v-49b33a0e] {
  font-size: 0.37333rem;
  padding-right: 0.8rem;
  margin-bottom: 0.26667rem;
  font-weight: 700;
}

.chapter-popup .book-detail .detail .auther[data-v-49b33a0e] {
  font-size: 0.32rem;
  opacity: 0.6;
}

.chapter-popup .total-chapter[data-v-49b33a0e] {
  padding: 0 0.42667rem;
  color: #fff;
  opacity: 0.7;
}

.chapter-popup .chapter-list[data-v-49b33a0e] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  overflow: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.42667rem;
  font-size: 0.37333rem;
  color: hsla(0, 0%, 100%, 0.6);
}

.chapter-popup .chapter-list .ochapter[data-v-49b33a0e] {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4rem 0;
  gap: 0.26667rem;
}

.chapter-popup .chapter-list .ochapter .txt[data-v-49b33a0e] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.chapter-popup .chapter-list .ochapter .icon svg[data-v-49b33a0e] {
  display: block;
  width: 0.42667rem;
  height: 0.42667rem;
}

.chapter-popup .chapter-list .ochapter.record[data-v-49b33a0e] {
  color: #fff;
}

.chapter-popup .chapter-list .ochapter.cur[data-v-49b33a0e] {
  font-weight: 500;
  color: #ff2667;
}

.book-act[data-v-29133a1a] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  background: #0c0c0c;
  height: 1.49333rem;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.64rem 0.64rem 0 0;
  font-size: 0.37333rem;
  font-weight: 700;
  color: #fff;
}

.book-act .one-act[data-v-29133a1a] {
  gap: 0.26667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}

.book-act .one-act.faved[data-v-29133a1a] {
  opacity: 0.5;
}

.book-act .chapter img[data-v-29133a1a] {
  width: 0.42667rem;
  height: 0.42667rem;
}

.list[data-v-71a270ca] {
  padding: 0 0.32rem;
}

.list .list-title[data-v-71a270ca] {
  font-size: 0.42667rem;
  line-height: 0.50667rem;
  color: #222;
  margin-top: 0.53333rem;
  margin-bottom: 0.32rem;
  font-weight: 700;
}

.list .list-content[data-v-71a270ca] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
  justify-items: center;
  gap: 0.21333rem;
  margin: auto;
  max-width: 26.66667rem;
}

.list .list-content .item[data-v-71a270ca] {
  background-color: #fff;
  /* width: 4.56rem; */
  margin-bottom: 0.21333rem;
  padding-bottom: 0.32rem;
  border-radius: 0 0 0.21333rem 0.21333rem;
  position: relative;
}

.list .list-content .item[data-v-71a270ca]:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1.28rem;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(34, 34, 34, 0.8)),
    to(rgba(34, 34, 34, 0))
  );
  background-image: linear-gradient(
    180deg,
    rgba(34, 34, 34, 0.8),
    rgba(34, 34, 34, 0)
  );
  top: 0;
  left: 0;
  border-radius: 0.21333rem 0.21333rem 0 0;
}

.list .list-content .item .item-num[data-v-71a270ca] {
  position: absolute;
  z-index: 1;
  width: 1.86667rem;
  font-weight: 700;
  font-size: 0.42667rem;
  color: #fff;
  top: 0.21333rem;
  left: 0.21333rem;
}

.list .list-content .item .item-num[data-v-71a270ca]:before {
  display: inline-block;
  z-index: 1;
  content: "";
  width: 0.28rem;
  height: 0.4rem;
  background-image: url(https://static.novelfreedom.com/paynovel/h5-pay-asia/home-num-l.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.list .list-content .item .item-num[data-v-71a270ca]:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  content: "";
  width: 0.28rem;
  height: 0.4rem;
  background-image: url(https://static.novelfreedom.com/paynovel/h5-pay-asia/home-num-r.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 0.05333rem;
}

.list .list-content .item .item-img[data-v-71a270ca] {
  height: 6.02667rem;
  border-radius: 0.21333rem 0.21333rem 0 0;
  margin-bottom: 0.32rem;
}

.list .list-content .item .item-img img[data-v-71a270ca] {
  width: 100%;
  height: 100%;
  border-radius: 0.21333rem 0.21333rem 0 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.list .list-content .item .item-content[data-v-71a270ca] {
  padding: 0 0.21333rem;
}

.list .list-content .item .item-content__title[data-v-71a270ca] {
  font-size: 0.37333rem;
  line-height: 0.4rem;
  color: #222;
  font-weight: 700;
  margin-bottom: 0.21333rem;

}

.list .list-content .item .item-content__desc[data-v-71a270ca] {
  font-size: 0.33rem;

  color: rgba(34, 34, 34, 0.6);
  margin-bottom: 0.33rem;
}

.list .list-content .item .item-content__tag span[data-v-71a270ca] {
  display: inline-block;
  color: rgba(34, 34, 34, 0.4);
  background: rgba(34, 34, 34, 0.05);
  padding: 0.05333rem 0.21333rem;
  border-radius: 0.48rem;
  margin-right: 0.10667rem;
}

.list .list-content .item .item-content__author[data-v-71a270ca] {
  font-size: 0.33rem;
  line-height: 0.37333rem;
  color: rgba(34, 34, 34, 0.4);
}
/* 
.list .list-content .item .item-content__author[data-v-71a270ca]:before {
  content: "";
  display: inline-block;
  background-image: url(https://static.novelfreedom.com/paynovel/h5-pay-asia/user.png);
  background-size: cover;
  margin-right: 0.10667rem;
  width: 0.21333rem;
  height: 0.24rem;
} */

@media (min-width: 768px) {
  .list .list-content[data-v-71a270ca] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}

@media (min-width: 1024px) {
  .list .list-content[data-v-71a270ca] {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
  }
}

.book-act[data-v-6dbbb175] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 6;
  background: #0c0c0c;
  height: 1.49333rem;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.64rem 0.64rem 0 0;
  font-size: 0.37333rem;
  font-weight: 700;
}

.book-act .one-act[data-v-6dbbb175] {
  gap: 0.26667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.book-act .one-act.faved[data-v-6dbbb175] {
  opacity: 0.5;
}

.book-act .chapter svg[data-v-6dbbb175] {
  width: 0.42667rem;
  height: 0.42667rem;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

.hidden {
  display: none;
}

.pages[data-v-71db4855] {
  padding-top: 0.7rem;
}

.pages .reading[data-v-71db4855] {
  padding: 0 0.42667rem;
  position: fixed;
  bottom: 1.6rem;
  z-index: 10000;
  width: 100%;
}

.pages .reading .reading-content[data-v-71db4855] {
  padding: 0.13333rem 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.21333rem;
  background-color: rgba(34, 34, 34, 0.8);
}

.pages .reading .reading-content img[data-v-71db4855] {
  width: 1.01333rem;
  height: 1.33333rem;
  border-radius: 0.10667rem;
  margin-right: 0.21333rem;
}

.pages .reading .reading-content .reading-name[data-v-71db4855] {
  font-size: 0.32rem;
  line-height: 0.37333rem;
  margin-bottom: 0.10667rem;
  width: 4.53333rem;
}

.pages .reading .reading-content .reading-chapter[data-v-71db4855] {
  font-size: 0.26667rem;
  line-height: 0.32rem;
  color: hsla(0, 0%, 100%, 0.6);
  width: 4.53333rem;
}

.pages .reading .reading-content .reading-btn[data-v-71db4855] {
  width: 1.84rem;
  height: 0.74667rem;
  border-radius: 1.33333rem;
  background-color: #ff2667;
  font-size: 0.32rem;
}

.pages .reading .reading-content .reading-close[data-v-71db4855] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin: 0;
}

.pages[data-v-4b4fec6f] {
  padding: 1.17333rem 0.24rem 0;
}

.pages .container[data-v-4b4fec6f] {
  background-color: #fff;
  border-radius: 0.26667rem;
  padding: 0.64rem 0.18667rem 0.53333rem;
}

.pages .container img[data-v-4b4fec6f] {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 auto;
  display: block;
}

.pages .list[data-v-4b4fec6f] {
  border-radius: 0.26667rem;
  background-color: #fff;
  margin-top: 0.42667rem;
}

.pages .list .item[data-v-4b4fec6f] {
  height: 1.44rem;
  padding: 0 0.42667rem;
  font-size: 0.37333rem;
}

.pages .list .item img[data-v-4b4fec6f] {
  width: 0.32rem;
  height: 0.32rem;
}

.pages .version[data-v-4b4fec6f] {
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: 1.6rem;
  font-size: 0.32rem;
  color: #222;
  left: 0;
}

.ad-show[data-v-693b9641] {
  width: 8.53333rem;
  margin: 0 auto;
  height: 0.96rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  font-weight: 600;
  font-size: 0.42667rem;
}

.ad[data-v-693b9641] {
  width: 100%;
  min-height: 7.46667rem;
}

.ad-show[data-v-56fbe24f] {
  width: 8.53333rem;
  margin: 0 auto;
  height: 0.96rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  font-weight: 600;
  font-size: 0.42667rem;
}

.ad[data-v-56fbe24f] {
  width: 100%;
  min-height: 8.32rem;
}

.pages .height[data-v-22dcea21] {
  height: 0.02667rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #f5f5f5;
}

.pages .floor[data-v-22dcea21] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  padding-top: 0.24rem;
  width: 100%;
  background-color: #fff;
  padding-bottom: 0.24rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 999;
}

.pages .floor  div[data-v-22dcea21] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.26667rem;
  line-height: 0.32rem;
  font-weight: 400;
}

.pages .floor img[data-v-22dcea21] {
  width: 0.64rem;
  height: 0.64rem;
}

.van-pull-refresh {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.page[data-v-13eeebab] {
  color: #222;
  background-color: #f5f5f5;
  overflow: hidden;
  height: 100%;
}

.page .scroll[data-v-13eeebab] {
  padding: 0 0.53333rem;
  height: calc(100vh - 1.49333rem) !important;
  overflow: scroll;
}

.page .scroll p[data-v-13eeebab] {
  margin-bottom: 0.58667rem;
}

.page .scroll .content-title[data-v-13eeebab] {
  font-size: 0.85333rem;
}

.page .scroll .content-text[data-v-13eeebab] {
  font-size: 0.74667rem;
  line-height: 1.01333rem;
}

.page .scroll .chapter-btn[data-v-13eeebab] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 5.33333rem 0 5.33333rem;
}

.page .scroll .chapter-btn .prev[data-v-13eeebab] {
  margin-right: 0.26667rem;
}

.page .scroll .chapter-btn .chapter-btn-item[data-v-13eeebab] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1.49333rem;
  color: #000;
  font-size: 0.42667rem;
  background-color: #fff;
  line-height: 1.49333rem;
  border-radius: 0.42667rem;
  font-weight: 700;
}

.page-bookreader[data-v-9343f7ce] {
  background: #f5f5f5;
}

.page-bookreader .page-top[data-v-9343f7ce] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f5f5f5;
  height: 1.49333rem;
  padding: 0 0.37333rem;
  gap: 0.42667rem;
  z-index: 7;
}

.page-bookreader .page-top .btn-back[data-v-9343f7ce] {
  height: 1.49333rem;
}

.page-bookreader .page-top .btn-back svg[data-v-9343f7ce] {
  width: 0.48rem;
  height: 0.48rem;
}

.page-bookreader .page-top .chapter[data-v-9343f7ce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff60;
  gap: 0.26667rem;
  font-size: 0.26667rem;
}

.page-bookreader .book-con[data-v-9343f7ce] {
  background: #f5f5f5;
  color: #222;
  font-size: 0.45333rem;
  min-height: 100vh;
  line-height: 1.35;
}

.page-bookreader .book-con .chapter-title[data-v-9343f7ce] {
  font-size: 0.69333rem;
  font-weight: 700;
  margin-bottom: 0.42667rem;
}

.page-bookreader .book-con .chapter-txt[data-v-9343f7ce] {
  padding-bottom: 0.42667rem;
}

.page-bookreader .book-con p[data-v-9343f7ce] {
  margin: 0.42667rem 0;
}

.page-title[data-v-9343f7ce] {
  height: 1.49333rem;
  background-color: #f5f5f5;
}

.scroll[data-v-9343f7ce] {
  padding: 0 0.53333rem;
  height: calc(100vh - 1.49333rem) !important;
  overflow: scroll;
}

.scroll p[data-v-9343f7ce] {
  margin-bottom: 0.58667rem;
}

.scroll .content-title[data-v-9343f7ce] {
  font-size: 0.85333rem;
}

.scroll .content-text[data-v-9343f7ce] {
  font-size: 0.74667rem;
  line-height: 1.01333rem;
}

.scroll .chapter-btn[data-v-9343f7ce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 5.33333rem 0 5.33333rem;
}

.scroll .chapter-btn .prev[data-v-9343f7ce] {
  margin-right: 0.26667rem;
}

.scroll .chapter-btn .chapter-btn-item[data-v-9343f7ce] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1.49333rem;
  color: #000;
  font-size: 0.42667rem;
  background-color: #fff;
  line-height: 1.49333rem;
  border-radius: 0.42667rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}



@media (max-width: 765px) {
.pages[data-v-71db4855] {
    padding-top: 0.4rem;
}
.van-nav-bar__content {
 
    height: 60px;
}
}