@charset 'UTF-8';
.read-gray {
  color: rgba(0,0,0,.4)
}
.page-read {
  position: relative
}
.page-read-cover,
.page-read-opt,
.page-read.H {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.page-read-cover {
  z-index: 1;
  display: none;
  box-shadow: 0 0 10px rgba(0,0,0,.2)
}
#readCover {
  z-index: 51
}
.page-read-opt {
  z-index: 2
}
.page-read-cover:not(.active) {
  -webkit-transition: -webkit-transform .25s,opacity .25s;
  transition: transform .25s,opacity .25s
}
.page-read-content {
  border-top: 2.75rem solid transparent
}
.H .page-read-content {
  position: absolute;
  top: 2.75rem;
  bottom: 1rem;
  overflow: hidden;
  width: 100%;
  border-top: 0
}
.H .read-article {
  height: 100%
}
.H .read-section {
  overflow: visible;
  height: 100%;
  -webkit-columns: calc(100vw - 32px) 1;
  -webkit-column-gap: 16px;
  columns: calc(100vw - 32px) 1;
  column-gap: 16px
}
.H .read-page-num {
  display: block
}
.page-read,
.page-read-cover {
  color: #222
}
.page-read .gray,
.page-read-cover .gray {
  color: rgba(0,0,0,.4)
}
.page-read:not(.H) {
  padding-top: 2.75rem
}
.page-read-opt {
  visibility: hidden;
  -webkit-transition: opacity .15s,visibility .15s;
  transition: opacity .15s,visibility .15s;
  opacity: 0
}
.page-read-opt.active {
  visibility: visible;
  -webkit-transition: none;
  transition: none;
  opacity: 1
}
.page-read-opt .active > .icon-font-set,
.page-read-opt .active > .icon-progress,
.page-read-opt .icon-font-set-on,
.page-read-opt .icon-progress-on,
a[data-mode=add] .icon-tag-del,
a[data-mode=day] .icon-night,
a[data-mode=del] .icon-tag-add,
a[data-mode=night] > .icon-day {
  display: none
}
.page-read-opt .active > .icon-font-set-on,
.page-read-opt .active > .icon-progress-on,
a[data-mode=add] .icon-tag-add,
a[data-mode=day] > .icon-day,
a[data-mode=del] .icon-tag-del,
a[data-mode=night] > .icon-night {
  display: inline
}
.active > .read-opt-footer-h {
  text-shadow: 0 0 2px rgba(255,255,255,.5)
}
.read-opt-bot,
.read-opt-footer,
.read-opt-header,
.read-opt-more {
  -webkit-transition: opacity .15s,-webkit-transform .15s,visibility .15s;
  transition: opacity .15s,transform .15s,visibility .15s;
  color: #fff;
  border-bottom: 0;
  background-color: rgba(0,0,0,.9)
}
.read-opt-header {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.read-opt-header .header-operate .icon {
  margin-left: .25rem
}
.read-opt-footer {
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}
.active > .read-opt-footer,
.active > .read-opt-header {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.read-opt-more {
  position: absolute;
  top: 2.75rem;
  right: 0;
  visibility: hidden;
  width: 12.8125rem;
  padding: .375rem 0;
  opacity: 0
}
.read-opt-more.active {
  visibility: visible;
  -webkit-transition: none;
  transition: none;
  opacity: 1
}
.read-opt-more .read-opt-a h4 {
  display: inline
}
.read-opt-a {
  font-size: .875rem;
  display: block;
  height: 1.5rem;
  padding: .5rem 1rem
}
.read-opt-a .icon {
  font-size: 16px;
  margin-right: 1rem
}
.read-opt-a-rss {
  position: relative
}
.read-opt-a-rss > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0
}
.read-opt-a-rss .switch {
  right: 1rem;
  margin-top: .125rem
}
.read-opt-a-rss:not([href]) {
  color: rgba(255,255,255,.5)
}
.read-opt-a.loading {
  color: rgba(255,255,255,.5)
}
.read-opt-header .icon {
  font-size: 16px
}
.read-opt-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center
}
.read-opt-footer .btn-group {
  height: 3rem
}
.read-opt-footer .top-btn-group {
  display: flex;
  display: -webkit-flex;
  box-sizing: border-box;
  height: 4rem;
  padding: .75rem 1rem;
  justify-content: space-between;
  -webkit-justify-content: space-between
}
.read-opt-footer .btn-group-cell {
  font-size: 16px;
  padding-top: .375rem
}
.read-opt-footer .top-btn-group-cell {
  font-size: .75rem
}
.top-btn-group-img-box {
  position: absolute;
  bottom: 7rem;
  height: 16.375rem;
  margin: 0 1rem;
  border-radius: 1rem;
  background: #ff0;
  background: #fff
}
.top-btn-group-img-box .bottom-box {
  position: absolute;
  bottom: 0;
  display: flex;
  display: -webkit-flex;
  box-sizing: border-box;
  width: 100%;
  height: 4rem;
  padding: 0 .75rem;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center
}
.top-btn-group-img-box .bottom-box .text-box .title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  height: 1.375rem;
  color: #fff
}
.top-btn-group-img-box .bottom-box .text-box .desc {
  font-size: .75rem;
  line-height: 1.25rem;
  height: 1.25rem;
  color: rgba(255,255,255,.48)
}
.top-btn-group-img-box .forward-to-app {
  font-size: .75rem;
  font-weight: 700;
  line-height: 2rem;
  display: inline-block;
  width: 6rem;
  height: 2rem;
  text-align: center;
  border-radius: 1rem;
  background: #e5353e
}
#imgShowOptSet {
  bottom: 7rem;
  margin-bottom: .75rem;
  background-color: #1f1f1f
}
#imgShowOptSet .arrow-down {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  margin-top: -1.25rem;
  margin-bottom: -.25rem;
  transform: rotate(45deg);
  background: #1f1f1f
}
.img-box {
  position: absolute;
  bottom: 4rem;
  width: 100%
}
#topBtnGroupImg {
  display: block;
  width: 100%
}
#listenBook,
#role,
#workset,
#writeComment {
  font-size: 0;
  line-height: 2.5rem;
  display: inline-block;
  width: 4.75rem;
  height: 2.5rem;
  border-radius: .5rem;
  background: #41403e
}
.listen-book-icon,
.role-icon,
.workset-icon,
.write-comment-icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  background-size: contain
}
.listen-book-icon {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/031520220150511/4c8522ea.svg)
}
.write-comment-icon {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/031520220150544/26e15731.svg)
}
.role-icon {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/031520220150316/7b26def6.svg)
}
.workset-icon {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/031520220150617/d5ccfc1d.svg)
}
.top-text {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25rem;
  position: relative;
  display: inline-block;
  margin-left: .25rem;
  vertical-align: middle
}
.read-opt-footer-h {
  font-size: 10px;
  font-weight: 300;
  line-height: 1;
  position: relative
}
.read-opt-footer-h::first-line {
  color: rgba(255,255,255,.8)
}
.icon-comment + .read-opt-footer-h output {
  font-size: 12px;
  position: absolute;
  left: 50%;
  margin-top: -1.5rem;
  transform: scale(.75);
  background-color: #000
}
.read-opt-bot {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 3.5rem;
  left: 0;
  visibility: hidden;
  -webkit-transform: translateY(.5px);
  transform: translateY(.5px);
  opacity: 0;
  background-clip: padding-box
}
.read-opt-bot.active {
  visibility: visible;
  -webkit-transition: none;
  transition: none;
  opacity: 1
}
.read-join-sj {
  font-size: .875rem;
  line-height: 2.25rem;
  position: absolute;
  top: 3.75rem;
  right: 0;
  padding: 0 .5rem 0 .75rem;
  -webkit-transition: color .15s,-webkit-transform .15s;
  transition: color .15s,transform .15s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  color: rgba(255,255,255,.5);
  border-radius: 3rem 0 0 3rem;
  background: rgba(0,0,0,.9)
}
.read-join-sj[href] {
  color: #fff
}
.active > .read-join-sj {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.read-prog-info {
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.read-prog-next,
.read-prog-prev {
  font-size: .875rem;
  position: absolute;
  top: .5rem;
  height: 1.25rem;
  padding: .5rem 0
}
.read-prog-next .icon,
.read-prog-prev .icon {
  margin: 0 .125rem
}
.read-prog-prev {
  left: .375rem
}
.read-prog-prev .icon-arrow-r {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.read-prog-next {
  right: .375rem
}
.read-prog-val {
  font-size: .875rem;
  margin: 0 5rem;
  padding: .75rem 0 .25rem;
  text-align: center
}
.read-prog-val output {
  font-size: .75rem;
  opacity: .8
}
.read-prog-bar {
  padding: 1rem 2rem
}
.read-font-bar > input,
.read-prog-bar > input {
  visibility: hidden;
  width: 100%;
  margin: 0
}
.read-set-layout,
.read-set-skin {
  padding: .9375rem 1.25rem;
  padding-right: 0;
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.read-set-font {
  padding-top: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.read-font-bar {
  margin: 0 3rem;
  padding: 1.125rem 0
}
.read-font-bar > input {
  display: block;
  height: 14px
}
.read-font-bar .range-track > .active::after,
.read-font-bar .range-track > .active::before {
  display: block;
  margin-bottom: 1.0625rem
}
.read-font-down,
.read-font-up {
  font-size: 1rem;
  position: absolute;
  top: .75rem;
  width: 3rem;
  height: 1.5rem;
  padding: .5rem 0;
  text-align: center
}
.read-font-down {
  left: 0
}
.read-font-up {
  right: 0
}
.read-set-cell {
  position: relative
}
.read-set-cell > input {
  position: absolute;
  z-index: 1;
  width: 100%;
  width: calc(100% - 1.25rem);
  height: 100%;
  margin: 0;
  opacity: 0
}
.read-set-cell > label {
  display: block;
  margin-right: 1.25rem
}
.read-skin-blue,
.read-skin-default,
.read-skin-green,
.read-skin-light {
  position: relative;
  height: 1.875rem;
  -webkit-transition: color .15s;
  transition: color .15s;
  color: transparent;
  border-radius: 3px;
  box-shadow: inset 0 .5px,inset .5px 0,inset -.5px 0,inset 0 -.5px
}
:checked + .read-skin-blue,
:checked + .read-skin-default,
:checked + .read-skin-green,
:checked + .read-skin-light {
  color: #ed424b
}
.read-skin-default {
  background: #c4b395 url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/skin-default-s.e7086.png) no-repeat center;
  background-size: 100%
}
.read-skin-blue {
  background: #cad9e8
}
.read-skin-green {
  background: #d1edd1
}
.read-skin-light {
  background: #e6e6e6
}
.read-btn-layout {
  font-size: .8125rem;
  line-height: 1.6875rem;
  display: block;
  -webkit-transition: opacity .15s;
  transition: opacity .15s;
  text-align: center;
  opacity: .4;
  border: 1px solid;
  border-radius: 3px
}
:checked + .read-btn-layout {
  opacity: 1
}
.read-turn-tip {
  font-size: 0;
  position: absolute;
  bottom: 3rem;
  left: 50%;
  display: none;
  width: 13.75rem;
  height: 14rem;
  margin-left: -6.875rem;
  background: url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/guide-read-set.b990c.png) no-repeat bottom center;
  background-size: 100% 100%
}
.book-container {
  position: absolute;
  top: 0;
  right: 1.5rem;
  bottom: 0;
  left: 1.5rem
}
.book-summary-info {
  display: flex;
  margin-top: 3.25rem;
  align-items: center
}
.book-summary-info .book-name-img {
  display: block;
  width: 5.625rem;
  height: 7.5rem;
  margin-right: 1rem;
  border-radius: .24rem;
  box-shadow: .25rem 0 .25rem -.25rem #d4c8b5
}
.book-summary-info .book-summary-bookname {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: .25rem;
  color: rgba(0,0,0,.8)
}
.book-summary-info .book-summary-author {
  font-size: .875rem;
  font-weight: 400;
  display: flex;
  margin-bottom: .25rem;
  color: rgba(0,0,0,.36);
  align-items: center
}
.book-summary-info .book-summary-author img {
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
  border-radius: 50%
}
.book-summary-info .book-summary-status {
  font-size: .875rem;
  font-weight: 400;
  height: 1.375rem;
  color: rgba(0,0,0,.48)
}
.book-reward-info {
  display: flex;
  height: 3rem;
  margin-top: 1.25rem;
  justify-content: space-between
}
.book-reward-info .reward-item {
  display: inline-block
}
.book-reward-info .reward-item .name {
  font-size: .75rem;
  font-weight: 400;
  color: rgba(0,0,0,.48)
}
.book-reward-info .reward-item .num {
  font-size: 0;
  line-height: 1.75rem;
  color: rgba(0,0,0,.8)
}
.book-reward-info .reward-item .num .text {
  font: 1.5rem YUEWENFONT;
  margin-right: .125rem
}
.book-reward-info .reward-item .num .unit {
  font: 1rem YUEWENFONT
}
.book-reward-info.three-reward {
  justify-content: flex-start
}
.book-reward-info.three-reward .reward-item {
  margin-right: 2rem
}
.book-reward-info.two-reward {
  justify-content: flex-start
}
.book-reward-info.two-reward .reward-item {
  margin-right: 4rem
}
.book-tag-info {
  font-size: 0;
  overflow: hidden;
  max-height: 4rem;
  margin-top: 1.5rem
}
.book-tag-info .item {
  font-size: .75rem;
  line-height: 1.75rem;
  display: inline-block;
  box-sizing: border-box;
  height: 1.75rem;
  margin: 0 .5rem .5rem 0;
  padding: 0 .625rem;
  color: rgba(0,0,0,.48);
  border: 1px solid rgba(0,0,0,.32);
  border-radius: 1.75rem
}
.book-intro-modal {
  position: fixed;
  z-index: 52;
  top: 0;
  left: 0;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  align-items: center;
  justify-content: center
}
.book-intro-modal .modal-content {
  font-size: .875rem;
  line-height: 1.375rem;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 18rem;
  min-height: 15.375rem;
  max-height: 25rem;
  padding: 1.5rem;
  color: grey;
  border-radius: 1.25rem;
  background: #fff;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.book-intro-modal .modal-content::-webkit-scrollbar {
  display: none
}
.book-intro-modal .modal-close {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 1.5rem;
  border-radius: 50%;
  background: #4c4c4c
}
.book-intro-modal .modal-close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 2px;
  content: '';
  transform: translate(-50%,-50%) rotate(-45deg);
  transform-origin: 50% 50%;
  background: #fff
}
.book-intro-modal .modal-close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 2px;
  content: '';
  transform: translate(-50%,-50%) rotate(45deg);
  transform-origin: 50% 50%;
  background: #fff
}
.book-intro-info-wrap {
  display: flex
}
.book-intro-info {
  font-size: .875rem;
  line-height: 1.375rem;
  position: relative;
  overflow: hidden;
  max-height: 4.25rem;
  margin-top: 1rem;
  color: rgba(0,0,0,.8)
}
.book-intro-info::before {
  float: right;
  height: 100%;
  margin-top: -1.375rem;
  content: ''
}
.book-intro-info .book-summary-more {
  position: relative;
  display: none;
  float: right;
  clear: both;
  width: 1rem;
  height: 1rem;
  margin-left: 1.375rem
}
.book-intro-info .book-summary-more::before {
  position: absolute;
  left: -.625rem;
  content: '...';
  transform: translateX(-100%);
  color: rgba(0,0,0,.8)
}
.book-intro-info .book-summary-more .icon-arrow-down {
  width: .8rem!important;
  height: .8rem!important
}
.book-catalog-info {
  position: relative;
  display: flex;
  height: 2.75rem;
  margin-top: 1rem;
  justify-content: space-between;
  align-items: center
}
.book-catalog-info .catalog {
  font-size: 1rem;
  font-weight: 700;
  color: rgba(0,0,0,.8)
}
.book-catalog-info .detail .text {
  font-size: .8125rem;
  font-weight: 400;
  color: rgba(0,0,0,.36)
}
.book-catalog-info::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: ' ';
  transform: scaleY(.5);
  background: rgba(0,0,0,.24)
}
.book-catalog-info::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: ' ';
  transform: scaleY(.5);
  background: rgba(0,0,0,.24)
}
.book-limit-info {
  display: flex;
  box-sizing: border-box;
  height: 2.75rem;
  margin-top: 1rem;
  padding: .75rem 1.5rem .75rem 1rem;
  border-radius: .5rem;
  background: rgba(0,0,0,.1);
  justify-content: space-between;
  align-items: center
}
.book-limit-info > img {
  width: 3.75rem;
  height: .9375rem
}
.book-limit-info .detail {
  font-size: .8125rem;
  color: rgba(0,0,0,.8)
}
.book-copyright {
  font-size: .8125rem;
  position: absolute;
  right: 0;
  bottom: 1.3125rem;
  left: 0;
  text-align: center
}
.book-copyright .go-reading {
  font-size: .875rem;
  line-height: 1.875rem;
  display: inline-block;
  height: 1.875rem;
  margin: 0 auto;
  margin-bottom: .75rem;
  padding: 0 .75rem;
  color: #fff;
  border-radius: 1.25rem;
  background: rgba(0,0,0,.6)
}
.book-copyright .go-reading > img {
  width: .75rem;
  height: .75rem
}
.book-copyright .go-reading .go-reading-animation-left {
  transform: rotate(-90deg)
}
.book-copyright .go-reading .go-reading-animation,
.book-copyright .go-reading .go-reading-animation-left {
  position: relative;
  display: inline-block;
  width: .625rem;
  height: 1rem;
  vertical-align: middle
}
.book-copyright .go-reading .go-reading-animation .item,
.book-copyright .go-reading .go-reading-animation-left .item {
  position: absolute;
  width: .625rem;
  height: 2px;
  transform: scale3d(.5,.5,.5);
  animation: move 3s ease-out infinite;
  opacity: 0
}
.book-copyright .go-reading .go-reading-animation .item:first-child,
.book-copyright .go-reading .go-reading-animation-left .item:first-child {
  animation: move 3s ease-out 1s infinite
}
.book-copyright .go-reading .go-reading-animation .item:nth-child(2),
.book-copyright .go-reading .go-reading-animation-left .item:nth-child(2) {
  animation: move 3s ease-out 2s infinite
}
.book-copyright .go-reading .go-reading-animation .item:after,
.book-copyright .go-reading .go-reading-animation .item:before,
.book-copyright .go-reading .go-reading-animation-left .item:after,
.book-copyright .go-reading .go-reading-animation-left .item:before {
  position: absolute;
  top: 0;
  width: 51%;
  height: 100%;
  content: ' ';
  background: #fff
}
.book-copyright .go-reading .go-reading-animation .item:before,
.book-copyright .go-reading .go-reading-animation-left .item:before {
  left: 0;
  transform: skew(0deg,-30deg)
}
.book-copyright .go-reading .go-reading-animation .item:after,
.book-copyright .go-reading .go-reading-animation-left .item:after {
  right: 0;
  width: 50%;
  transform: skew(0deg,30deg)
}
@keyframes move {
  25% {
    transform: translateY(1rem) scale3d(.5,.5,.5);
    opacity: 0
  }
  33% {
    transform: translateY(.7rem);
    opacity: 1
  }
  67% {
    transform: translateY(.2rem);
    opacity: 1
  }
  100% {
    opacity: 1
  }
}
.book-copyright .gray {
  font-size: .75rem
}
.abTestRecom {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  height: 4rem;
  padding: 0 .875rem 0 1rem;
  background: #ad9e7f;
  align-items: center
}
.abTestRecom .book-cover-img {
  width: 2.0625rem;
  height: 2.75rem;
  margin-right: .5rem
}
.abTestRecom .book-info {
  flex: 1
}
.abTestRecom .book-info .bookname {
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.375rem;
  display: flex;
  overflow: hidden;
  height: 1.375rem;
  color: rgba(0,0,0,.7);
  align-items: center
}
.abTestRecom .book-info .bookname .name {
  padding: .25rem
}
.abTestRecom .book-info .bookname .limit-free {
  width: 2.875rem;
  height: 1rem
}
.abTestRecom .book-info .desc {
  font-size: .8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  overflow: hidden;
  height: 1.25rem;
  color: rgba(0,0,0,.36)
}
.abTestRecom .close {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin: .625rem 0 .625rem .5rem;
  border-radius: 50%;
  background: rgba(0,0,0,.36)
}
.abTestRecom .close::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .5rem;
  height: 2px;
  content: '';
  transform: translate(-50%,-50%) rotate(-45deg);
  transform-origin: 50% 50%;
  background: #fff
}
.abTestRecom .close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: .5rem;
  height: 2px;
  content: '';
  transform: translate(-50%,-50%) rotate(45deg);
  transform-origin: 50% 50%;
  background: #fff
}
.read-cover-h,
.read-cover-v {
  position: absolute
}
.read-cover-h {
  top: 21px;
  right: 16px;
  bottom: 21px;
  left: 16px;
  display: none
}
.read-cover-v {
  top: 16px;
  right: 21px;
  bottom: 16px;
  left: 21px;
  display: none;
  text-align: center
}
.read-cover-cor {
  position: absolute;
  width: 10px;
  height: 10px;
  text-align: left
}
.read-cover-cor::after,
.read-cover-cor::before {
  position: absolute;
  content: '';
  border: 1px solid rgba(0,0,0,.2)
}
.read-cover-cor::before {
  width: 5px;
  height: 5px;
  border-width: 0 1px 1px 0
}
.read-cover-cor::after {
  top: 5px;
  left: 5px;
  width: 3px;
  height: 3px;
  border-radius: 0 1px 1px 1px
}
.read-cover-cor:nth-of-type(1) {
  top: -1px;
  left: -5px
}
.read-cover-cor:nth-of-type(2) {
  top: -1px;
  right: -5px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.read-cover-cor:nth-of-type(3) {
  right: -5px;
  bottom: -1px;
  -webkit-transform: scale(-1,-1);
  transform: scale(-1,-1)
}
.read-cover-cor:nth-of-type(4) {
  bottom: -1px;
  left: -5px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}
.read-cover-data {
  width: 100%;
  margin-top: 3.25rem
}
.read-cover-data .gray,
.read-cover-data .read-gray {
  font-size: .8125rem
}
.read-cover-copy {
  font-size: .8125rem;
  position: absolute;
  right: 0;
  bottom: 1.3125rem;
  left: 0
}
.read-cover-copy .gray {
  font-size: .75rem
}
.read-cover-figure {
  display: inline-block;
  padding: 3px;
  border: 1px solid #efece5;
  background-color: #fcfcfa
}
.read-cover-img {
  display: block;
  width: 5.625rem;
  height: 7.5rem;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}
.read-cover-title {
  font-size: 1.5rem;
  font-weight: 700
}
.read-cover-author {
  font-size: .8125rem
}
.read-cover-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle
}
.read-cover-v {
  white-space: nowrap
}
.read-cover-v::after {
  display: inline-block;
  height: 80%;
  content: '';
  vertical-align: middle
}
@media screen and (max-height:414px) {
  .read-cover-img {
    width: 4rem;
    height: 5.33312rem
  }
  .read-cover-title {
    font-size: 1.1rem;
    line-height: 1.3
  }
  .read-cover-copy {
    font-size: .75rem;
    bottom: .5rem
  }
  .read-cover-data {
    line-height: 1.3;
    margin-top: .5rem
  }
  .read-cover-data .read-gray {
    font-size: .875rem;
    font-size: .75rem
  }
}
@media screen and (max-height:320px) {
  .read-cover-title {
    font-size: 1rem
  }
  .read-cover-copy {
    bottom: .125rem
  }
  .read-cover-author,
  .read-cover-data {
    font-size: .75rem;
    line-height: 1.2
  }
}
.read-bookmark {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 16px;
  height: 15px;
  opacity: .95;
  color: transparent;
  background-color: #ed424b
}
.read-bookmark::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  border-width: 5px 8px;
  border-style: solid;
  border-color: #ed424b #ed424b transparent
}
.read-book-name {
  font-size: .75rem;
  font-weight: 400;
  position: absolute;
  top: 15px;
  left: 1rem;
  overflow: hidden;
  width: 200px;
  padding-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgba(0,0,0,.4)
}
.page-read-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 2.75rem;
  background: inherit
}
.page-read-top #readTopTip {
  display: none
}
.page-read-top .read-top-download {
  font-size: 0;
  line-height: 1.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  color: #fff;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  -moz-user-focus: none
}
.page-read-top .read-top-download p {
  font-size: .75rem;
  position: absolute;
  top: .875rem;
  right: 0;
  display: inline-block;
  padding: 0 .3125rem 0 1.375rem;
  border-radius: .75rem 0 0 .75rem
}
.page-read-top .read-top-download .txt-read::before {
  position: absolute;
  left: .25rem;
  width: 1rem;
  height: 1.25rem;
  content: '';
  background: url(https://imgservices-1252317822.image.myqcloud.com/image/012120220102038/ea3dc6a5.png) center no-repeat;
  background-size: 1rem 1rem
}
.page-read-top .read-top-download .txt-read {
  background: linear-gradient(270deg,#fa646d 0,#fa323e 100%)
}
.page-read-top .read-top-download .txt-read-male {
  line-height: 1.375rem;
  padding: 0 .375rem 0 1.875rem;
  border-radius: .75rem 0 0 .75rem;
  background: linear-gradient(270deg,#fa646d 0,#fa323e 100%)
}
.page-read-top .read-top-download .txt-read-male::before {
  position: absolute;
  top: .1875rem;
  left: .625rem;
  width: 1rem;
  height: 1rem;
  content: '';
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s04252023/1a03b30d.p1yzq7.png) center no-repeat;
  background-size: 1rem 1rem
}
.page-read-top .read-top-download .txt-act {
  -webkit-animation: readTop2 6s linear infinite;
  animation: readTop2 6s linear infinite;
  background: linear-gradient(270deg,#fa9164 0,#ff681c 100%)
}
.page-read-top .read-top-download:active {
  background: linear-gradient(270deg,#fa646d 0,#fa323e 100%)!important
}
.btn-big-width {
  width: 18rem
}
@keyframes readTop1 {
  0% {
    transform: translateY(-2.2rem);
    opacity: 1
  }
  3% {
    transform: translateY(0);
    opacity: 1
  }
  48% {
    transform: translateY(0);
    opacity: 1
  }
  51% {
    transform: translateY(-2.2rem);
    opacity: 0
  }
  100% {
    transform: translateY(-2.2rem);
    opacity: 0
  }
}
@keyframes readTop2 {
  0% {
    transform: translateY(-2.2rem);
    opacity: 0
  }
  48% {
    transform: translateY(-2.2rem);
    opacity: 0
  }
  51% {
    transform: translateY(0);
    opacity: 1
  }
  97% {
    transform: translateY(0);
    opacity: 1
  }
  100% {
    transform: translateY(-2.2rem);
    opacity: 1
  }
}
.read-article {
  font-size: 1rem;
  line-height: 1.8;
  overflow: hidden;
  min-height: calc(100vh - 44px);
  margin: 0;
  text-align: justify
}
.read-article .read-section {
  position: relative;
  padding: 0 16px
}
.read-resource-tips {
  font-size: .875rem;
  line-height: 2.5rem;
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 1rem;
  color: #191919;
  background-color: #fff5d6
}
.read-resource-tips p.tips-txt {
  margin: auto
}
.read-resource-tips .txt-normal::before {
  content: '\6d4f\89c8\5668\53ef\80fd\6d88\8017\8f83\5927\6d41\91cf\ff0c'
}
.read-resource-tips .blue {
  color: #1672f2
}
.read-resource-tips .blue::before {
  content: '\70b9\6211\7acb\5373\7701\6d41'
}
.read-resource-tips .icon-close {
  position: absolute;
  top: .125rem;
  right: .5rem;
  display: block;
  box-sizing: border-box;
  width: 2.25rem;
  height: 2.25rem;
  padding: .5rem;
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s10282022/f5248f67.14fev1.png) no-repeat center 60%/60%
}
.read-section {
  overflow: hidden;
  max-width: 800px;
  min-height: inherit;
  margin: 0 auto
}
.read-section .paypreview-txts {
  -webkit-mask: linear-gradient(180deg,#fff 40%,transparent 60%);
  mask: linear-gradient(180deg,#fff 40%,transparent 60%)
}
.H .read-article {
  min-height: 100%
}
.read-article h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  margin: 1.5em 0
}
.read-article p {
  font-size: 1em;
  margin: .8em 0
}
.read-article > p {
  pointer-events: none
}
.read-article .review-count {
  pointer-events: auto
}
.read-article p[class^='p'] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end
}
.read-article p[class^='p'] .expand-author-comment {
  width: 100%
}
.read-article p[class^='p'] .review-count {
  order: 9999;
  align-self: center
}
.expand-hot-comment {
  position: relative;
  display: flex;
  height: 1.125rem;
  margin-top: .8rem;
  padding: .8rem .5rem;
  border-radius: .5rem;
  background: #ebebeb;
  align-items: center;
  order: 9999
}
.expand-hot-comment .arrow {
  position: absolute;
  top: 0;
  transform: translate(-55%,-100%);
  border-top: 0 none;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #ebebeb;
  border-left: 8px solid transparent
}
.expand-hot-comment .head-image {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100% 100%;
  background: #999;
  background-size: 100% 100%;
  flex-shrink: 0
}
.expand-hot-comment .comment-text {
  font-size: .75rem;
  margin-left: .5rem;
  white-space: nowrap;
  color: rgba(0,0,0,.6)
}
@media screen and (max-height:600px) {
  .read-article h3 {
    margin: .75em 0
  }
}
@media screen and (max-height:500px) {
  .read-article h3 {
    margin: .3333em 0
  }
  .read-rss-auto-left {
    margin-bottom: .5rem
  }
  .read-rss-auto-chk {
    margin-top: .5rem
  }
}
.read-page-num {
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 1rem;
  display: none;
  color: rgba(0,0,0,.4)
}
.read-page-mark {
  font-size: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  opacity: 0;
  border: 4px solid transparent;
  border-left-color: #ed424b;
  background: 0 0
}
.read-author-say {
  margin: 1rem 0;
  padding: .75rem 1rem;
  border-radius: .625rem;
  background-color: rgba(0,0,0,.05);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}
.read-author-avatar {
  width: 1.375rem;
  height: 1.375rem;
  vertical-align: middle;
  border-radius: 100% 100%
}
.read-author-name {
  font-size: .875rem;
  font-weight: 700
}
.read-author-p {
  font-size: .875rem;
  line-height: 1.9;
  margin-top: .3125rem;
  color: rgba(0,0,0,.8)
}
.read-author-download {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.read-author-download p {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: rgba(0,0,0,.85)
}
.read-author-download p:last-child {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25rem
}
.read-author-btn {
  font-weight: 500;
  line-height: 2rem;
  width: 4.5rem;
  height: 2rem;
  padding: 0;
  color: #e5353e;
  border: 1px solid #ed424b;
  background: 0 0
}
.read-load-next,
.read-load-prev {
  font-size: .75rem;
  position: relative;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 58px;
  transition: height .25s,border-bottom-width .25s;
  text-align: center;
  color: rgba(0,0,0,.4)
}
.read-load-prev {
  z-index: 1;
  height: 0;
  margin-top: -10px;
  border-bottom: 10px solid transparent
}
.read-load-prev .read-load-p {
  bottom: 0
}
.read-load-prev .read-load-icon {
  bottom: 24px
}
.read-load-next .read-load-p {
  top: 8px
}
.read-load-next .read-load-icon {
  top: 32px
}
.read-load-next .btn-normal {
  font-size: .875rem;
  line-height: 2.25rem;
  border-radius: 99px
}
.read-load-next .btn-blank {
  font-size: 1rem
}
.H .read-load-next,
.H .read-load-prev {
  display: none
}
.read-load-icon,
.read-load-p {
  position: absolute;
  left: 0;
  width: 100%
}
a.read-load-icon[class] {
  position: absolute
}
.read-load-icon {
  height: 1rem;
  min-height: 1rem
}
.read-load-icon .loading-icon {
  width: 1rem;
  height: 1rem;
  background: 0 0
}
.read-load-icon .loading-svg {
  stroke: currentColor
}
.read-load-error {
  font-size: 12px;
  position: absolute;
  top: 40%;
  right: 0;
  left: 0;
  text-align: center
}
.read-load-error > p {
  margin-top: .85rem
}
.read-rss-auto {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center
}
.read-rss-auto .mr8 {
  margin-right: .5rem
}
.page-read:not(.H) .read-rss-auto {
  position: static;
  margin-top: 3rem
}
.read-rss-auto-left {
  font-size: .8125rem;
  margin-bottom: .625rem
}
.read-rss-auto-left output {
  margin: 0 .5ch
}
.read-rss-auto-chk {
  font-size: .8125rem;
  display: block;
  margin-top: .625rem;
  margin-bottom: .8125rem;
  text-align: center
}
.read-rss-auto-chk .radio {
  margin-top: -.25rem;
  margin-left: -2rem
}
.read-rss-auto-chk::before {
  content: '\2002'
}
.read-rss-auto-a {
  font-size: .875rem;
  line-height: 3rem;
  display: block;
  padding-bottom: 1rem;
  color: #4284ed
}
.H .read-rss-auto-a {
  padding-bottom: 0
}
.read-btn-vip-login {
  display: block;
  margin: 1.5rem auto
}
.act-hole-pay {
  font-size: 0;
  font-size: .75rem;
  line-height: 1.25rem;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  max-width: 17.5rem;
  margin: auto;
  padding: .25rem .5rem;
  text-align: left;
  color: #fff;
  border-radius: .5rem;
  background-color: #333
}
.act-hole-pay::before {
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  margin-left: -.25rem;
  content: '';
  border-width: .5rem .5rem 0 .5rem;
  border-style: solid;
  border-color: #333 transparent transparent transparent
}
.act-hole-pay span {
  vertical-align: top
}
.act-hole-pay .btn {
  font-size: .625rem;
  line-height: 1.25rem;
  display: inline-block;
  padding: 0 .5rem;
  color: #fff;
  border-radius: 1.5rem;
  background-color: #e5353e
}
.act-hole-pay .emoji-face,
.act-hole-pay .emoji-fireworks,
.act-hole-pay .emoji-hand {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: top;
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s11222022/2d75b3c1.l228s7.png) no-repeat center/100%
}
.act-hole-pay .emoji-hand {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s11222022/8dacc75e.oicqh0.png)
}
.act-hole-pay .emoji-face {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s11222022/76c682d4.28mzjw.png)
}
.act-hole-pay .bg1 {
  display: inline-block;
  width: 2.875rem;
  height: .6875rem;
  margin-top: .28rem;
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s12142022/d60a0a3b.2ff3lw.png) no-repeat center 100%/100%
}
.act-hole-pay .red {
  font-weight: 500;
  color: #ff4d55
}
.read-btn-vip-login-pay {
  position: relative;
  display: block;
  margin: 1.5rem auto
}
.read-btn-vip-login-pay.btn-plain {
  color: #191919;
  background-color: #ebebeb
}
.read-btn-vip-login-pay .yellow {
  color: #ffe492
}
.read-btn-vip-login-pay .icon-arrow {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  width: .625rem;
  height: .625rem
}
.read-btn-vip-login-pay .icon-arrow svg.icon {
  width: .625rem;
  height: .625rem;
  vertical-align: 0
}
.read-btn-vip-login-pay .icon-book,
.read-btn-vip-login-pay .icon-pag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.6875rem;
  height: 2.75rem;
  outline: 1px green;
  background: no-repeat,url(https://imgservices-1252317822.image.myqcloud.com/coco/s08192022/78a35691.8u3m0o.png),center;
  background-size: 100%
}
.read-btn-vip-login-pay .icon-book {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s08232022/80f78cf3.zp36px.png)
}
.pay-all {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 9rem 16px 3rem;
  text-align: center
}
@media screen and (max-height:1000px) {
  .pay-all {
    margin: -20rem -16px auto
  }
}
.unlogin-pay-lead-comment {
  font-size: 0;
  position: relative;
  display: inline-flex;
  height: 2rem;
  margin: 1rem auto auto auto;
  padding: 0 .75rem;
  color: grey;
  border-radius: 1rem;
  background-color: #f5f5f5;
  justify-content: center
}
.unlogin-pay-lead-comment::before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  content: '';
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #f5f5f5 transparent transparent transparent
}
.unlogin-pay-lead-comment .user-imgs {
  display: inline-block;
  margin: .25rem .25rem .25rem -.5rem;
  vertical-align: top;
  pointer-events: none
}
.unlogin-pay-lead-comment .user-avatar {
  font-size: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #fff;
  border-radius: 100%
}
.unlogin-pay-lead-comment .user-avatar + .user-avatar {
  margin-left: -.5rem
}
.unlogin-pay-lead-comment .scheme-comment-txt {
  font-size: .75rem;
  font-weight: 500;
  line-height: 2rem;
  display: inline-block;
  margin: auto 0;
  vertical-align: top;
  pointer-events: none
}
.unlogin-pay-lead-comment .scheme-comment-txt .num {
  color: #191919
}
.unlogin-pay-lead-author {
  font-size: 0;
  font-weight: 500;
  position: relative;
  display: inline-flex;
  margin: 1rem auto auto auto;
  text-align: center;
  color: grey
}
.unlogin-pay-lead-author::before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  content: '';
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #f5f5f5 transparent transparent transparent
}
.unlogin-pay-lead-author .lead-author-con {
  padding: 0 12px 0 8px;
  pointer-events: none;
  border-radius: 1rem;
  background-color: #f5f5f5
}
.unlogin-pay-lead-author .tag-author {
  font-size: .625rem;
  line-height: 1rem;
  display: inline-block;
  margin: .5rem auto;
  padding: 0 .25rem;
  vertical-align: top;
  color: #fff;
  border-radius: .25rem;
  background-color: #4c70ff
}
.unlogin-pay-lead-author .author-name {
  font-size: .75rem;
  line-height: 2rem;
  display: inline-block;
  margin: auto .25rem;
  vertical-align: top;
  color: #191919
}
.unlogin-pay-lead-author .scheme-author-txt {
  font-size: .75rem;
  line-height: 2rem;
  display: inline-block;
  overflow: hidden;
  max-width: calc(100vw - 5.5rem);
  margin: auto;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis
}
.unlogin-pay-lead-btn {
  font-size: 0;
  font-weight: 500;
  position: relative;
  display: block;
  height: 2.5rem;
  margin: 1.5rem 0;
  text-align: center;
  border-radius: 1.5rem;
  background-color: #e5353e
}
.unlogin-pay-lead-btn .txt-more {
  font-size: .5625rem;
  line-height: .875rem;
  position: absolute;
  top: -.5rem;
  right: -.375rem;
  box-sizing: border-box;
  padding-right: .25rem;
  color: #ff9c1b;
  border: 1px solid #f5f5f5;
  border-radius: .4375rem .4375rem .4375rem .0625rem;
  background-color: #fff5d6
}
.unlogin-pay-lead-btn .txt-more .red-pag {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin: .125rem .125rem;
  vertical-align: top;
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s10242022/9c1b5977.mg4xye.png) no-repeat center 100%/100%
}
.unlogin-pay-lead-btn .scheme-btn-txt {
  font-size: .875rem;
  line-height: 2.5rem;
  display: inline-block;
  pointer-events: none;
  pointer-events: none;
  color: #fff
}
.unlogin-pay-lead-btn .scheme-btn-txt .icon-arrow {
  font-size: .625rem;
  display: inline-block;
  margin-left: .25rem;
  vertical-align: top
}
.unlogin-pay-lead-btn .scheme-btn-txt-male {
  font-size: .875rem;
  line-height: 1.125rem;
  margin: .375rem 0 0 0;
  padding: 0;
  pointer-events: none;
  color: #fff
}
.unlogin-pay-lead-btn .scheme-btn-txt-male::after {
  position: absolute;
  width: .3125rem;
  height: .52063rem;
  margin-top: .3125rem;
  margin-left: .3125rem;
  content: '';
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s04252023/318abc6b.4xipx6.png) no-repeat 100%/100%
}
.unlogin-pay-lead-btn .txt-more-male {
  font-size: 1rem;
  font-weight: 400;
  line-height: .875rem;
  margin: 0;
  padding: 0;
  -webkit-transform: scale(.5625);
  transform: scale(.5625);
  text-align: center;
  color: #fff
}
.review-count {
  font-size: .75rem;
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.125rem;
  text-align: center;
  vertical-align: middle;
  color: #000;
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/030420220133624/e7e52142.svg);
  background-size: 100% 100%
}
.review-count .paragraphId-num {
  line-height: 1.125rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: .2rem;
  transform: scale(.7);
  text-align: center;
  white-space: nowrap
}
h3 .review-count {
  vertical-align: middle
}
.one-line-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.expand-author-comment {
  position: relative;
  display: flex;
  height: 1.125rem;
  margin-top: .8rem;
  padding: .8rem .5rem;
  border-radius: .5rem;
  background: rgba(0,0,0,.1);
  align-items: center;
  order: 9999
}
.expand-author-comment .arrow {
  position: absolute;
  top: 0;
  transform: translate(-55%,-100%);
  border-top: 0 none;
  border-right: 8px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,.1);
  border-left: 8px solid transparent
}
.expand-author-comment .head-image {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100% 100%;
  background: #999;
  background-size: 100% 100%;
  flex-shrink: 0
}
.expand-author-comment .comment-text {
  font-size: .75rem;
  margin-left: .5rem;
  color: #262626
}
.hot-review-count {
  color: #bc4747;
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/030420220135205/b17bddcb.svg)!important
}
.bubble-animation {
  -webkit-animation: breathe .5s linear infinite alternate;
  animation: breathe .5s linear infinite alternate
}
.pop-up-native-body {
  background-color: rgba(0,0,0,.9)!important
}
@keyframes breathe {
  0% {
    transform: scale(1.1)
  }
  100% {
    transform: scale(.8)
  }
}
.icon-emoji {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: .048rem;
  vertical-align: -.048rem;
  background-repeat: no-repeat;
  background-size: 100%
}
.icon-emoji-1 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_1.png)
}
.icon-emoji-2 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_2.png)
}
.icon-emoji-3 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_3.png)
}
.icon-emoji-4 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_4.png)
}
.icon-emoji-5 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_5.png)
}
.icon-emoji-6 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_6.png)
}
.icon-emoji-7 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_7.png)
}
.icon-emoji-8 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_8.png)
}
.icon-emoji-9 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_9.png)
}
.icon-emoji-10 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_10.png)
}
.icon-emoji-11 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_11.png)
}
.icon-emoji-12 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_12.png)
}
.icon-emoji-13 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_13.png)
}
.icon-emoji-14 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_14.png)
}
.icon-emoji-15 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_15.png)
}
.icon-emoji-16 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_16.png)
}
.icon-emoji-17 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_17.png)
}
.icon-emoji-18 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_18.png)
}
.icon-emoji-19 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_19.png)
}
.icon-emoji-20 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_20.png)
}
.icon-emoji-21 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_21.png)
}
.icon-emoji-22 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_22.png)
}
.icon-emoji-23 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_23.png)
}
.icon-emoji-24 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_24.png)
}
.icon-emoji-25 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_25.png)
}
.icon-emoji-26 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_26.png)
}
.icon-emoji-27 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_27.png)
}
.icon-emoji-28 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_28.png)
}
.icon-emoji-29 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_29.png)
}
.icon-emoji-30 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_30.png)
}
.icon-emoji-31 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_31.png)
}
.icon-emoji-32 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_32.png)
}
.icon-emoji-33 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_33.png)
}
.icon-emoji-34 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_34.png)
}
.icon-emoji-35 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_35.png)
}
.icon-emoji-36 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_36.png)
}
.icon-emoji-37 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_37.png)
}
.icon-emoji-38 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_38.png)
}
.icon-emoji-39 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_39.png)
}
.icon-emoji-40 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_40.png)
}
.icon-emoji-41 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_41.png)
}
.icon-emoji-42 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_42.png)
}
.icon-emoji-43 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_43.png)
}
.icon-emoji-44 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_44.png)
}
.icon-emoji-45 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_45.png)
}
.icon-emoji-46 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_46.png)
}
.icon-emoji-47 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_47.png)
}
.icon-emoji-48 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_48.png)
}
.icon-emoji-49 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_49.png)
}
.icon-emoji-50 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_50.png)
}
.icon-emoji-51 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_51.png)
}
.icon-emoji-52 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_52.png)
}
.icon-emoji-53 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_53.png)
}
.icon-emoji-54 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_54.png)
}
.icon-emoji-55 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_55.png)
}
.icon-emoji-56 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_56.png)
}
.icon-emoji-57 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_57.png)
}
.icon-emoji-58 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_58.png)
}
.icon-emoji-59 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_59.png)
}
.icon-emoji-60 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_60.png)
}
.icon-emoji-61 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_61.png)
}
.icon-emoji-62 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_62.png)
}
.icon-emoji-63 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_63.png)
}
.icon-emoji-64 {
  background-image: url(https://qdfepccdn.qidian.com/gtimg/app_emoji_new/newface_64.png)
}
.checklevel8-no-data {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-70%);
  transform: translate(-50%,-70%);
  text-align: center
}
.checklevel8-no-data p {
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto 2rem auto;
  color: grey
}
.checklevel8-no-data a {
  font-size: .875rem;
  font-weight: 400;
  line-height: 2rem;
  display: inline-block;
  width: 11.75rem;
  height: 2rem;
  margin: 0 auto;
  color: #fff;
  border-radius: 1.5rem;
  background: #e5353e
}
.checklevel8-no-data-detail {
  position: relative;
  display: flex;
  height: 5.5rem;
  text-align: center;
  background: #fff;
  justify-content: center;
  align-items: center
}
.checklevel8-no-data-detail p {
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin-left: 1rem;
  color: grey
}
.weaken-btn-vip-login {
  font-size: .875rem;
  line-height: 1.375rem;
  text-align: center;
  color: rgba(0,0,0,.36)
}
.guide-to-app-moudle {
  background: rgba(0,0,0,.08)
}
.dl-book-wrapper {
  display: flex;
  margin: 0 20px;
  padding: .75rem;
  border-radius: 10px;
  background: rgba(0,0,0,.05);
  align-items: center
}
.dl-book-wrapper img {
  width: 3.5625rem;
  height: 4.75rem;
  margin-right: 8px;
  border: .5px solid rgba(0,0,0,.08);
  border-radius: 4px
}
.dl-book-wrapper .dl-book-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 0
}
.dl-book-wrapper .dl-title {
  font-family: 'PingFang SC';
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  color: #191919
}
.dl-book-wrapper .dl-desc {
  font-family: 'PingFang SC';
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: grey
}
.dl-book-wrapper .dl-btm-wrapper {
  font-family: 'PingFang SC';
  display: flex;
  margin-top: 5px;
  justify-content: flex-end
}
.dl-book-wrapper .dl-btm-wrapper a {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  width: 6.5rem;
  height: 1.75rem;
  padding: 0;
  border-radius: 24px;
  background: #ed424b;
  box-shadow: 0 2px 8px rgba(229,53,62,.24);
  justify-content: center;
  align-items: center
}
.page-rss {
  position: fixed;
  z-index: 29;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff
}
.rss-header {
  line-height: 2.75rem;
  text-align: center;
  border-bottom: 1px solid #f0f1f2;
  background-color: #fff
}
.rss-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4rem;
  border-top: 1px solid #f0f1f2
}
.rss-cho-inf {
  font-size: .875rem;
  margin-right: 7.5rem;
  padding: .5625rem 1rem 0 1rem
}
.rss-cho-inf output {
  margin: 0 .5ch
}
.rss-cho-inf-h {
  margin-top: .3125rem
}
.rss-cho-inf-h output {
  margin: 0 .25ch
}
.rss-rss-btn {
  line-height: 4rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 7.5rem;
  color: #fff;
  background-color: #ed424b
}
.empty .rss-cho-inf {
  margin-right: 1rem
}
.empty .rss-rss-btn {
  display: none
}
.empty .rss-footer {
  z-index: 1;
  bottom: 7.5rem;
  background-color: #fff
}
.rss-footer ~ .popup-pay-x {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%
}
.empty .rss-footer ~ .popup-pay-x {
  display: block
}
.empty .rss-content {
  bottom: 11.5625rem
}
.rss-a-all,
.rss-a-cancel {
  font-size: .875rem;
  padding: 0 1rem
}
.rss-a-all {
  float: left
}
.rss-a-cancel {
  float: right
}
.rss-content {
  position: absolute;
  top: 2.8125rem;
  right: 0;
  bottom: 4.0625rem;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
.rss-content .chapter-ol-catalog {
  background-color: #fff
}
.rss-content .chapter-ol-catalog .chapter-li-a {
  padding-right: 5rem
}
.read-catalog-download {
  position: fixed;
  right: 0;
  bottom: 1rem;
  left: 0;
  margin: auto
}
.page-chapter {
  background-color: #fff
}
.page-chapter .header {
  border-bottom: 0 none
}
.chapter-tab-x {
  display: none
}
.chapter-tab-x.active {
  display: block
}
.aside .chapter-tab-x {
  position: absolute;
  top: 2.8125rem;
  right: 0;
  bottom: 0;
  left: 0
}
.chapter-tab-x .module-header-btn {
  position: relative;
  top: 0;
  padding-left: calc(1.5rem + .75rem)
}
.chapter-tab-x .module-header-btn::before {
  position: absolute;
  left: .75rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: .25rem;
  margin-right: .25rem;
  content: '';
  background: no-repeat,url(https://imgservices-1252317822.image.myqcloud.com/coco/s09272022/3cd18194.lg64o7.png),100% 100%;
  background-size: 100% 100%
}
.chapter-tab-x .module-header-btn.up::before {
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/coco/s09272022/7d0b69a2.l7zpcz.png)
}
.aside .chapter-tab-x:not(.scrollable) {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
.chapter-sub-title {
  font-size: .875rem;
  font-weight: 700
}
.chapter-tab-x .module-header {
  line-height: 28px;
  position: static;
  height: 28px;
  padding: 8px 1rem;
  border-top: 0
}
.chapter-bar {
  font-size: 13px;
  line-height: 28px;
  padding: 8px 1rem 0;
  color: #969ba3;
  background-color: #f6f7f9
}
.chapter-ol {
  border-bottom: 1px solid #f0f1f2
}
.chapter-ol.chapter-bottom-72 {
  padding-bottom: 4.4rem
}
.chapter-li .radio {
  display: none;
  margin-top: .375rem;
  margin-left: .5rem
}
.enabled .chapter-li .radio {
  display: block
}
.enabled .chapter-li-a {
  padding-left: 3rem
}
.chapter-li::after {
  display: block;
  margin-top: -1px;
  margin-left: 1rem;
  content: '';
  transform: scaleY(.75);
  border-top: 1px solid #f0f1f2
}
.chapter-li:last-child::after,
.chapter-li:nth-last-of-type(1)::after {
  display: none
}
.chapter-li-a {
  font: 14px/20px a;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 12px 1rem
}
.chapter-li-a .icon-lock {
  display: none
}
.chapter-li-a .lock-dl-text {
  float: right
}
.chapter-li-a .lock-status {
  font-size: .875rem;
  line-height: 1.25rem;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  height: 1.25rem;
  margin: auto
}
.chapter-li-a .lock-status._status3 .icon-lock {
  display: block;
  margin-top: 3px
}
.chapter-ol-catalog .chapter-li-a {
  padding-right: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  justify-content: space-between;
  align-items: center
}
.chapter-li-a .icon-lock-48 {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  display: inline;
  margin: auto
}
@media screen and (max-width:320px) {
  .chapter-li-a {
    padding: 11px 1rem
  }
  .chapter-bar {
    font-size: 14px;
    line-height: 26px
  }
  .chapter-tab-x .module-header {
    padding: 7px 1rem
  }
}
@media screen and (min-width:414px) {
  .chapter-li-a {
    font: 15px/22px a
  }
  .chapter-bar {
    font-size: 14px;
    line-height: 30px
  }
  .chapter-tab-x .module-header {
    padding: 9px 1rem
  }
}
.chapter-li-a.unpay {
  position: relative;
  color: #969ba3
}
.chapter-li-a.unpay .icon-lock {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  display: inline;
  margin: auto
}
.chapter-li-a.unpay .chapter-time {
  color: #c0c5cc
}
.chapter-index,
.chapter-title {
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis
}
.chapter-title {
  margin-left: 1ch
}
.chapter-title:first-child {
  margin-left: 0
}
.chapter-time {
  font-size: 12px;
  line-height: 20px;
  color: #969ba3
}
.chapter-time time {
  margin-right: .5ch
}
.chapter-mark,
.chapter-mark-del,
.chapter-mark-time {
  font-size: .8125rem
}
.chapter-mark {
  margin: .25rem 0
}
.chapter-mark-time {
  color: #969ba3
}
.chapter-mark-del {
  position: absolute;
  right: .25rem;
  margin-top: -2.5rem;
  padding: .5rem .75rem .5rem
}
.chapter-mark-del .icon {
  margin-right: .25rem
}
.chapter-li-r {
  font-size: .8125rem;
  position: absolute;
  right: 1rem
}
.catalog-bottom {
  bottom: 0;
  padding: 8px 1rem;
  background: #fff
}
.catalog-bottom .timestamp {
  font-size: .75rem;
  line-height: 1.25rem;
  color: #adadad
}
.catalog-bottom .catalog-title {
  display: flex;
  flex-direction: row
}
.catalog-bottom .chapter-title-txt {
  overflow: hidden;
  max-width: calc(100% - 2rem);
  white-space: nowrap;
  text-overflow: ellipsis
}
.catalog-bottom .tag-new {
  display: block;
  width: 1.5rem;
  height: .625rem;
  margin: auto .25rem;
  background: no-repeat,url(https://imgservices-1252317822.image.myqcloud.com/coco/s09262022/e21a22c7.iiwf48.png),100% 100%;
  background-size: 100% 100%
}
.catalog-bottom .desc {
  font-size: .625rem;
  line-height: 1.125rem;
  position: relative;
  display: inline-block;
  margin: .0625rem .5rem;
  padding: 0 .375rem;
  color: grey;
  background-color: #f5f5f5
}
.catalog-bottom .desc::before {
  position: absolute;
  top: .3125rem;
  left: -.25rem;
  content: '';
  border-width: .25rem .25rem .25rem 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent
}
.catalog-download {
  font-size: .8125rem;
  line-height: 2rem;
  position: fixed;
  z-index: 50;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding: .75rem 1rem 1.5rem;
  color: #fff;
  border: .5px solid rgba(0,0,0,.08);
  background-color: #fff;
  align-items: center;
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  -moz-user-focus: none
}
.catalog-download .text-content,
.catalog-download .text-content-male {
  text-align: center;
  border-radius: 1.5rem;
  background: linear-gradient(270deg,#fa646d 0,#fa323e 100%);
  box-shadow: 0 4px 16px rgba(229,53,62,.24)
}
.catalog-download .catalog-ddl-tips {
  position: relative
}
.catalog-download .catalog-ddl-tips .caltalog-icon {
  padding-left: .1rem;
  pointer-events: none
}
.catalog-download .catalog-ddl-tips.active .catalog-tips-txt {
  display: block
}
.catalog-download .catalog-tips-txt {
  position: absolute;
  right: 0;
  right: -1.35rem;
  bottom: 1.6rem;
  display: none;
  width: 12.5rem;
  padding: .25rem 0;
  text-align: center;
  border-radius: .75rem;
  background-color: rgba(0,0,0,.9)
}
.catalog-download .catalog-tips-txt::before {
  position: absolute;
  right: 1.25rem;
  bottom: -.4375rem;
  content: '';
  border-width: .5rem .5rem 0 .5rem;
  border-style: solid;
  border-color: rgba(0,0,0,.9) transparent transparent transparent
}
.catalog-download .icon-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 2.4375rem;
  height: 2.375rem;
  pointer-events: none;
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s11112022/103fef62.ukgbuc.png) no-repeat center 100%/100%
}
.catalog-download .icon-arrow {
  display: inline-block;
  width: .625rem;
  height: .625rem;
  margin-left: .125rem;
  pointer-events: none;
  background: url(https://imgservices-1252317822.image.myqcloud.com/coco/s11112022/cfbc4b57.atmrv5.png) no-repeat center 100%/100%
}
.read-progress-title {
  font-size: 18px;
  font-weight: 500;
  color: #191919
}
.read-progress-info {
  font-size: 14px;
  margin-top: .8rem;
  color: grey
}
.read-progress-name {
  font-size: 14px;
  margin-top: .2rem;
  color: #191919
}
.book-pay {
  position: relative;
  display: block;
  padding: .75rem 0 .5rem;
  text-align: center
}
.book-pay > svg {
  font-size: 2.25rem;
  margin-bottom: .125rem;
  color: #ed424b
}
.book-pay .icon-pay-pay {
  font-size: 1.875rem;
  margin-bottom: .25rem
}
.book-pay-h {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.25em;
  position: relative;
  top: .125rem
}
.book-pay-p {
  font-size: .75rem;
  -webkit-transform: scale(.8333);
  transform: scale(.8333);
  white-space: nowrap;
  color: #969ba3
}
.book-pay-can {
  font-size: 10px;
  position: absolute;
  left: 50%;
  margin: -.25rem 0 0 .625rem;
  padding: 0 .25rem;
  color: #ed424b;
  background-color: #fff
}
.popup-pay-tab {
  font-size: .75rem;
  display: block;
  padding: .25rem 0 .3125rem;
  -webkit-transition: background-color .15s,color .15s;
  transition: background-color .15s,color .15s;
  text-align: center;
  color: #969ba3;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #f0f1f2;
  border-left: 1px solid transparent;
  background-color: #fcfcfc
}
.popup-pay-tab > .icon {
  font-size: 1.375rem;
  display: block;
  margin: 2px auto 1px
}
.popup-pay-tab.active {
  color: #ed424b;
  border-color: transparent #f0f1f2 #fff #f0f1f2;
  background-color: #fff
}
.btn-group-cell:first-child .popup-pay-tab {
  border-left-color: transparent
}
.btn-group-cell:last-child .popup-pay-tab {
  border-right-color: transparent
}
body .popup-pay-tab {
  -webkit-tap-highlight-color: transparent
}
body .popup-pay-tab:active {
  background-image: none
}
.popup-pay-body {
  overflow: auto;
  max-height: 100vh
}
.popup-pay-content {
  display: none
}
.popup-pay-content.active {
  display: block
}
.popup-pay-main {
  position: relative;
  min-height: 10.0625rem;
  padding: 1rem
}
.popup-pay-rss .popup-pay-main {
  min-height: 5rem
}
.popup-pay-footer {
  line-height: 2.75rem;
  overflow: hidden;
  border-top: 1px solid #f0f1f2
}
.popup-pay-footer .btn-submit {
  min-width: 6.125rem;
  height: 2.75rem;
  padding: 0 1rem;
  text-align: center
}
.popup-pay-footer :disabled + .btn-submit {
  background-color: #969ba3
}
.popup-pay-footer:empty {
  height: 2.75rem;
  border-top-color: transparent
}
.popup-pay-submit {
  position: relative;
  float: right
}
.popup-pay-submit [type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0
}
.popup-pay-val {
  font-size: .875rem;
  margin-top: .25rem
}
.popup-pay-val > output {
  margin: 0 .5ch
}
.popup-pay-chk {
  font-size: .75rem;
  margin-bottom: 1rem;
  text-align: center
}
.popup-pay-chk .radio {
  margin-top: -.5rem;
  margin-left: -2rem
}
.popup-pay-tip {
  font-size: .75rem;
  line-height: 1.5rem;
  display: none;
  margin-left: .5rem;
  padding: 0 .75rem;
  vertical-align: .125rem;
  color: #33373d;
  border-radius: 2rem;
  background-color: #f6f7f9
}
.empty .popup-pay-tip {
  display: inline-block
}
.empty .popup-pay-submit {
  display: none
}
.popup-pay-x {
  display: none;
  overflow: hidden;
  background-color: #f6f7f9
}
.popup-pay-x .btn-pay {
  margin: 1rem auto
}
.empty .popup-pay-x,
.empty ~ .popup-pay-x {
  display: block
}
.btn-pay {
  font-size: .875rem;
  line-height: 34px;
  display: block;
  box-sizing: border-box;
  height: 36px;
  text-align: center;
  color: #fff;
  border-radius: 3rem
}
.btn-pay-wx {
  border: 1px solid #07bb09;
  background-color: #07bb09
}
.btn-pay-alipay {
  border: 1px solid #2fa0ea;
  background-color: #2fa0ea
}
.btn-pay-qq {
  border: 1px solid #00b9fb;
  background-color: #00b9fb
}
.icon-alipay,
.icon-qq,
.icon-wx {
  position: relative;
  top: 4px;
  left: -.25rem;
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/icon-wx.99b56.png) no-repeat 0 0/100%
}
.icon-alipay {
  background-position: 0 -20px
}
.icon-qq {
  background-position: 0 -40px
}
.popup-pay-x .btn-pay {
  display: none
}
.popup-pay-x .btn-pay-other,
.popup-pay-x[data-pay=alipay] .btn-pay-alipay,
.popup-pay-x[data-pay=qq] .btn-pay-qq,
.popup-pay-x[data-pay=wx] .btn-pay-wx {
  display: block
}
.btn-pay-other {
  color: #969ba3;
  border: 1px solid #c0c5cc;
  background-color: #f6f7f9
}
.popup-ticket-x {
  overflow: hidden;
  margin-right: -1rem
}
.popup-ticket-li {
  position: relative;
  float: left;
  margin-top: .75rem
}
[cols='1'] > .popup-ticket-li {
  width: 100%
}
[cols='3'] > .popup-ticket-li {
  width: 33.333%
}
[cols='4'] > .popup-ticket-li {
  width: 25%
}
[cols='5'] > .popup-ticket-li {
  width: 20%
}
.popup-ticket-li > input {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0
}
.popup-ticket-a {
  font-size: .75rem;
  display: block;
  margin-right: .75rem;
  padding: .375rem 0;
  -webkit-transition: all .15s;
  transition: all .15s;
  text-align: center;
  color: rgba(0,0,0,.4);
  border: 1px solid;
  border-radius: 2px
}
:checked + .popup-ticket-a {
  color: #ed424b;
  background-color: rgba(237,66,75,.1)
}
:checked + .popup-ticket-a > output {
  color: #ed424b
}
.popup-ticket-a > output {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  color: rgba(0,0,0,.85)
}
:disabled + .popup-ticket-a {
  opacity: .4
}
a.popup-ticket-a {
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.625rem;
  border-color: transparent;
  background-color: rgba(0,0,0,.05)
}
a.popup-ticket-a::first-line {
  color: rgba(0,0,0,.85)
}
.popup-pay-data {
  font-size: .875rem;
  float: left;
  padding-left: 1rem
}
.popup-pay-data > output {
  margin: 0 .5ch
}
.popup-pay-ask {
  position: relative;
  float: right;
  width: 2.75rem;
  text-align: center;
  color: #969ba3
}
.popup-pay-error {
  font-size: .875rem;
  line-height: 1.4625rem;
  padding: 4.3rem 1rem 0;
  text-align: center
}
.panel-check-input-x {
  box-sizing: border-box;
  height: 2.5rem;
  border-radius: 2px;
  border-radius: calc(2px + 1rem - 16px);
  background-color: #f6f7f9
}
.panel-check-input-x.error {
  box-shadow: 0 0 1px #ed424b,0 0 1px #ed424b
}
.panel-check-send-form {
  position: relative;
  margin-top: .75rem
}
.panel-check-send-form label.btn-blank {
  font-size: .875rem;
  position: absolute;
  right: .5rem;
  min-width: 4rem;
  text-align: right
}
.panel-check-send-form input.btn-blank {
  position: absolute;
  right: 0;
  width: 5rem;
  height: 2.5rem;
  margin: 0;
  padding: 0;
  opacity: 0;
  border: 0
}
.panel-check-send-form :disabled + .btn-blank {
  color: #969ba3
}
.panel-check-input {
  line-height: 1.5rem;
  display: block;
  width: 10.5rem;
  margin: 0;
  padding: .5rem;
  border: 0;
  outline: 0;
  background: 0 0
}
p.shake {
  -webkit-animation: shake .2s;
  animation: shake .2s
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  20%,
  60% {
    -webkit-transform: translate3d(-1px,-1px,0);
    transform: translate3d(-1px,-1px,0)
  }
  40%,
  80% {
    -webkit-transform: translate3d(1px,1px,0);
    transform: translate3d(1px,1px,0)
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  20%,
  60% {
    -webkit-transform: translate3d(-1px,-1px,0);
    transform: translate3d(-1px,-1px,0)
  }
  40%,
  80% {
    -webkit-transform: translate3d(1px,1px,0);
    transform: translate3d(1px,1px,0)
  }
}
.skin-default {
  background-color: #c4b395
}
.skin-default .page-read-cover {
  background: #c4b395 url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/skin-default.e5975.jpg) no-repeat center;
  background-size: 100% 100%
}
.skin-default .page-read-top {
  background: url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/skin-default-t.ece62.jpg) no-repeat center top;
  background-size: 100%
}
.skin-default .page-read {
  background: url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/skin-default-t.ece62.jpg) no-repeat center top,url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/skin-default-b.79f06.jpg) no-repeat center bottom,url(//qdfepccdn.qidian.com/m.qidian.com/static/qdm/img/skin-default-m.35905.jpg) repeat-y center 119px;
  background-size: 100%
}
.skin-blue .page-read,
.skin-blue .page-read-cover {
  background: #c3d4e6
}
.skin-blue .abTestRecom {
  border: 1px solid rgba(0,0,0,.08);
  background: #c3d4e6
}
.skin-green .page-read,
.skin-green .page-read-cover {
  background: #c8e8c8
}
.skin-green .abTestRecom {
  border: 1px solid rgba(0,0,0,.08);
  background: #c8e8c8
}
.skin-light .page-read,
.skin-light .page-read-cover {
  background: #fff
}
.skin-light .abTestRecom {
  border: 1px solid rgba(0,0,0,.08);
  background: #fff
}
.read-night {
  background-color: #1a1a1a
}
.read-night .sy-u {
  color: inherit
}
.read-night .page-read,
.read-night .page-read-cover,
.read-night .page-read-top {
  color: rgba(255,255,255,.5);
  background: #1a1a1a
}
.read-night .read-book-name,
.read-night .read-load-error,
.read-night .read-load-next,
.read-night .read-load-prev {
  color: inherit
}
.read-night .read-gray {
  color: rgba(255,255,255,.5)
}
.read-night .read-author-say {
  background-color: rgba(255,255,255,.05)
}
.read-night .review-count {
  opacity: .5;
  color: #fff;
  background-image: url(https://imgservices-1252317822.image.myqcloud.com/image/030420220133726/2ee80538.svg)
}
.read-night .expand-author-comment .comment-text {
  color: rgba(255,255,255,.05)
}
.read-night .expand-author-comment {
  background-color: rgba(255,255,255,.05)
}
.read-night .expand-author-comment .arrow {
  border-bottom: 10px solid rgba(255,255,255,.05)
}
.read-night .expand-hot-comment .comment-text {
  color: rgba(255,255,255,.5)
}
.read-night .expand-hot-comment {
  background-color: rgba(255,255,255,.05)
}
.read-night .expand-hot-comment .arrow {
  border-bottom: 10px solid rgba(255,255,255,.05)
}
.read-night .read-author-download p {
  color: rgba(255,255,255,.5)
}
.read-night .read-weekly-hot-rec .book-name-container .book-name,
.read-night .read-weekly-hot-rec .title {
  color: rgba(255,255,255,.5)
}
.read-night .abTestRecom .book-info .bookname,
.read-night .abTestRecom .book-info .desc,
.read-night .book-catalog-info .catalog,
.read-night .book-catalog-info .detail,
.read-night .book-intro-info,
.read-night .book-summary-author,
.read-night .book-summary-bookname,
.read-night .book-summary-status,
.read-night .book-tag-info .item,
.read-night .reward-item .name,
.read-night .reward-item .num {
  color: rgba(255,255,255,.5)
}
.read-night .abTestRecom .close {
  background-color: rgba(255,255,255,.5)
}
.read-night .abTestRecom {
  background: #1a1a1a
}
.read-night .book-limit-info {
  background: rgba(255,255,255,.5)
}
.read-night .book-intro-modal .modal-content {
  color: rgba(255,255,255,.5);
  background: #1a1a1a
}
.read-night .book-summary-more {
  color: rgba(255,255,255,.5)
}
.read-night .book-summary-more::before {
  color: rgba(255,255,255,.5)
}
.read-night .weaken-btn-vip-login {
  color: rgba(255,255,255,.48)
}
.read-night .unlogin-pay-lead-author .lead-author-con,
.read-night .unlogin-pay-lead-comment {
  color: rgba(255,255,255,.48);
  background-color: rgba(255,255,255,.08)
}
.read-night .unlogin-pay-lead-author::before,
.read-night .unlogin-pay-lead-comment::before {
  border-color: rgba(255,255,255,.08) transparent transparent transparent
}
.read-night .unlogin-pay-lead-btn .txt-more {
  border-color: #191919
}
.read-night .unlogin-pay-lead-author .author-name,
.read-night .unlogin-pay-lead-comment .scheme-comment-txt .num {
  color: rgba(255,255,255,.9)
}
.read-night .dl-moudle-header {
  color: rgba(255,255,255,.5)
}
.read-night .dl-moudle-guide-text {
  color: rgba(255,255,255,.5)
}
.read-night .dl-book-wrapper {
  background: rgba(255,255,255,.08)
}
.read-night .dl-title {
  color: rgba(255,255,255,.48)
}
.read-red-packet {
  margin-top: .75rem;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: .25rem
}
.read-red-packet-li {
  font-size: 1rem;
  line-height: 2.75rem;
  display: block;
  overflow: hidden;
  padding: 0 1rem
}
.read-red-packet-li::after {
  display: block;
  clear: both;
  margin-right: -1rem;
  content: '';
  border-top: 1px solid rgba(0,0,0,.1)
}
.read-red-packet-li:last-child::after {
  display: none
}
.read-red-packet-l,
.read-red-packet-p {
  float: left
}
.read-red-packet-r {
  float: right
}
.read-red-packet-r .icon-arrow-r {
  margin-right: -.1875rem
}
.read-red-packet-p {
  width: 75%;
  width: calc(100% - 4rem)
}
small.read-red-packet-r {
  font-size: .875rem
}
.icon-ling {
  position: relative;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem;
  vertical-align: middle;
  border-radius: .125rem;
  background-color: #ed424b
}