.van-empty{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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.853rem 0}.van-empty__image{width:4.267rem;height:4.267rem}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:0.427rem;padding:0 1.6rem;color:#969799;font-size:0.373rem;line-height:0.533rem}.van-empty__bottom{margin-top:0.64rem}
.van-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.373rem}.van-pagination__item,.van-pagination__page-desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.van-pagination__item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0.96rem;height:1.067rem;color:#1989fa;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-pagination__item:active{color:#fff;background-color:#1989fa}.van-pagination__item::after{border-width:0.027rem 0 0.027rem 0.027rem}.van-pagination__item:last-child::after{border-right-width:0.027rem}.van-pagination__item--active{color:#fff;background-color:#1989fa}.van-pagination__next,.van-pagination__prev{padding:0 0.107rem;cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:#646566;background-color:#f7f8fa;cursor:not-allowed;opacity:.5}.van-pagination__page{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.van-pagination__page-desc{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1.067rem;color:#646566}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:0.027rem}
.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:0.8rem;max-width:100%;height:0.8rem;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:0.053rem;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:0.213rem;color:#969799;font-size:0.373rem;vertical-align:middle}.van-loading--vertical{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-align:center;-ms-flex-align:center;align-items:center}.van-loading--vertical .van-loading__text{margin:0.213rem 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}
.navigate-bar[data-v-15d83a12] {
  width: 100%;
  height: 1.44rem;
  line-height: 1.173rem;
  font-size: 0.453rem;
  position: fixed;
  top: 0;
  z-index: 2000;
  background: #f3f6fa;
  border-bottom: 0.027rem solid #efefef;
}
.navigate-bar .slot[data-v-15d83a12] {
  width: 1.067rem;
  height: 1.173rem;
  position: absolute;
}
.navigate-bar .slot2[data-v-15d83a12] {
  width: 2.133rem;
  height: 1.173rem;
  position: absolute;
}
.navigate-bar .left-slot[data-v-15d83a12] {
  margin-top: 0.133rem;
}
.navigate-bar .right-slot[data-v-15d83a12] {
  right: 0.267rem;
  top: 0.267rem;
}
.navigate-bar .title-slot[data-v-15d83a12] {
  position: absolute;
  width: 55%;
  height: 1.173rem;
  left: 0;
  right: 0;
  margin: auto;
}
.navigate-bar-shadow[data-v-15d83a12] {
  position: absolute;
  bottom: -0.24rem;
  width: 100%;
  height: 0.24rem;
  background-image: url("https://st.quanbennovel.com/static/new/com.quanbennovel/images/nbar_shadow_guding.png");
  background-size: 100% 100%;
}

.channel_page .left[data-v-54684ee0] {
  width: 0.373rem;
  height: 0.747rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAa9JREFUWEfFl9tKA0EMhhNfJ5nHEUVRFLGoeD5RUYqiVIqiqNQzilIQfJ3kfSIrKcxVd9vdzs7dsJn9/3w7s5MgjGmEEFpmNqGqp4MkcBz6zHwMABf+7rNBJio3EEJomtllJo6I5yLSSkaAiA4RseOCbVXNSAwclRFg5j0AuPbMOyLSzBP/jy0SlBdDRNuIeOtx16p6kLem/7y0AWbeAIB7z/xWRHaLipcmQERriNh1wXtV3RpGvJQBZl4BgCfPvCsi68OKj2yAiJYR8dUFn1V1dRTxkQww8xIAvHvmbyLSGFV8aAMhhAUz+3TBD1XNzJQahU8BM88BwLdn/iUiC6WUfXEhAyGEWTPr+ZqeqmZmKhm5BohoGhF/PPMfEZmpRLkIgRDCpJn9euyvqk5VKZ67CWs3kDms9RP0cde6CfsmiGgeEb9qOYYRiUUz+6jlR9Q3UeuvOCLRMLMXn6e9jCIS2Q346Hsi7XUckVg3swefpy1IIhKbAHDnJNKWZNER3UHEG5+nLUojEvsAcOUk0pblEYn6GpOIxBEAtJ1E2tYsInGS9YU+T9ucRke0UHv+B57pvyGsO02eAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
  margin: 0.373rem 0.427rem;
}
.channel_page .loading[data-v-54684ee0] {
  width: 2.667rem;
  height: 4rem;
  margin: 0 auto;
  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;
  position: fixed;
  left: 55%;
  top: 50%;
  margin-left: -1.333rem;
  margin-top: -2.667rem;
}
.channel_page .loading[data-v-54684ee0] .van-loading__spinner {
  margin: 0.267rem;
}
.channel_page .title-list[data-v-54684ee0] {
  text-align: center;
  line-height: 1.467rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.channel_page .book_list[data-v-54684ee0] {
  padding: 0.427rem;
  margin-top: 1.333rem;
}
.channel_page .pagination[data-v-54684ee0] {
  margin: 0.533rem auto;
}
.channel_page .pagination[data-v-54684ee0] .van-pagination__item--active {
  background-color: #f1790f;
  color: #fff !important;
}
.channel_page .pagination[data-v-54684ee0] .van-pagination__item {
  color: #f1790f;
  font-weight: 600;
}
.channel_page .pagination[data-v-54684ee0] .van-icon {
  font-size: 0.587rem;
}
.channel_page .top[data-v-54684ee0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0.32rem 0;
  overflow: hidden;
  padding-bottom: 0.347rem;
}
.channel_page .top .img[data-v-54684ee0] {
  width: 1.92rem;
  height: 2.56rem;
  position: relative;
}
.channel_page .top .img img[data-v-54684ee0] {
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
}
.channel_page .top .text[data-v-54684ee0] {
  margin-left: 0.32rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
  height: 2.667rem;
}
.channel_page .top .text .score[data-v-54684ee0] {
  position: absolute;
  top: -0.053rem;
  right: 0;
  height: 0.56rem;
}
.channel_page .top .text .score .scoreImg[data-v-54684ee0] {
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 0.08rem;
}
.channel_page .top .text .score i[data-v-54684ee0] {
  color: #ff9200;
}
.channel_page .top .text .score em[data-v-54684ee0] {
  color: #a3a1a6;
  margin-left: 0.133rem;
}
.channel_page .top .text .title[data-v-54684ee0] {
  height: 0.56rem;
  margin-bottom: 0.16rem;
  font-size: 0.373rem;
  width: 80%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: #212832;
}
.channel_page .top .text .desc[data-v-54684ee0] {
  width: 100%;
  color: #a3a1a6;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.16rem;
  font-size: 0.347rem;
}
.channel_page .top .text .tags[data-v-54684ee0] {
  overflow: hidden;
  font-size: 0.32rem;
  color: #ff8533;
  background: #f7eee7;
  padding: 0.107rem 0.107rem;
  border-radius: 0.16rem;
  vertical-align: text-top;
}
.channel_page .top .text .tags .childTag[data-v-54684ee0] {
  padding: 0 0.16rem;
  background: #f5f7fa;
  border-radius: 0.24rem;
  margin-right: 0.267rem;
  color: #946db8;
  margin-bottom: 0.107rem;
  white-space: nowrap;
  font-size: 0.293rem;
}
.channel_page .top .text .tags .childTag .tagIcon[data-v-54684ee0] {
  width: 0.267rem;
  height: 0.267rem;
  vertical-align: middle;
  margin-right: 0.08rem;
}