/* index */
.news[data-v-ff752b44] {
    align-items: center;
    background: #fff url(../images/news.b4d947f7.png) no-repeat 16px 16px;
    background-size: 80px 68px;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    height: 100px;
    justify-content: center;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding: 16px 32px 16px 128px
}

.news-list[data-v-ff752b44] {
    margin-right: 26px;
    width: 240px
}

.news-list[data-v-ff752b44]:nth-child(4n) {
    margin-right: 0
}

.news-list .item[data-v-ff752b44] {
    display: inline-block;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.banner[data-v-b0a67bfb] {
    left: 50%;
    margin: 0 auto;
    position: relative;
    transform: translate(-50%);
    width: 1200px
}

.banner .swiper img[data-v-b0a67bfb] {
    height: 310px;
    width: 100%
}

.interview[data-v-a8600c3c] {
    color: #666;
    font-size: 16px;
    margin-top: 1.2rem
}

.current-writer[data-v-a8600c3c] {
    background-color: #db4fa50f;
    border-radius: 16px;
    display: flex;
    padding: 16px
}

.current-writer .title[data-v-a8600c3c] {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 2px
}

.current-writer .cover[data-v-a8600c3c] {
    border-radius: 8px;
    display: block;
    height: 190px;
    margin-right: 24px;
    overflow: hidden;
    width: 142px
}

.current-writer .cover-img[data-v-a8600c3c] {
    height: 100%;
    width: 100%
}

.current-writer .writer[data-v-a8600c3c] {
    margin-right: 48px;
    width: 448px
}

.current-writer .writer-info[data-v-a8600c3c] {
    margin-bottom: 16px
}

.current-writer .writer-info-wrap[data-v-a8600c3c] {
    margin-bottom: 4px
}

.current-writer .writer-info-wrap a[data-v-a8600c3c],.current-writer .writer-info-wrap span[data-v-a8600c3c] {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle
}

.current-writer .writer-info-wrap .name[data-v-a8600c3c] {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-right: 12px
}

.current-writer .writer-info-wrap .tag[data-v-a8600c3c] {
    background-color: #db4fa5;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 0 8px
}

.current-writer .writer .desc[data-v-a8600c3c] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    display: -webkit-box;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis
}

.current-writer .books[data-v-a8600c3c] {
    flex: 1
}

.current-writer .books .title[data-v-a8600c3c] {
    padding-left: 8px
}

.current-writer .books ul[data-v-a8600c3c] {
    display: flex;
    flex-wrap: wrap
}

.current-writer .books ul li[data-v-a8600c3c] {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    margin-right: 24px;
    padding: 6px 0;
    width: 238px
}

.current-writer .books ul li[data-v-a8600c3c]:nth-child(2n) {
    margin-right: 0
}

.current-writer .books a[data-v-a8600c3c] {
    align-items: center;
    display: flex;
    justify-content: center
}

.current-writer .books a .book-title[data-v-a8600c3c] {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.previous-writer[data-v-a8600c3c] {
    align-items: center;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: flex-start;
    margin-top: 16px
}

.previous-writer li[data-v-a8600c3c] {
    align-items: center;
    border: .01rem solid #f9eeec;
    border-radius: 22px;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 0 16px
}

.iconfont[data-v-17413b9e] {
    font-size: .4rem
}

[data-v-17413b9e] .column {
    margin-bottom: 1.2rem
}

[data-v-17413b9e] .column-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

[data-v-17413b9e] .column-title {
    font-size: .4rem;
    font-weight: 700
}

[data-v-17413b9e] .column-link {
    align-items: center;
    border: .5px solid #b2b2b2;
    border-radius: .2rem;
    color: #666;
    display: flex;
    font-size: .2rem;
    justify-content: center;
    padding: .06rem .08rem .06rem .16rem
}

[data-v-17413b9e] .column-link span {
    margin-top: 1px
}

[data-v-17413b9e] .column-link .icon-arrow-right {
    font-size: .24rem
}

.good-list[data-v-17413b9e],.updated-list[data-v-17413b9e] {
    display: flex;
    flex-wrap: wrap
}

.good-list li[data-v-17413b9e],.updated-list li[data-v-17413b9e] {
    margin-right: 40px;
    margin-top: 20px;
    width: 373px
}

.good-list li[data-v-17413b9e]:nth-child(-n+3),.updated-list li[data-v-17413b9e]:nth-child(-n+3) {
    margin-top: 0
}

.good-list li[data-v-17413b9e]:nth-child(3n),.updated-list li[data-v-17413b9e]:nth-child(3n) {
    margin-right: 0
}

.rank .rank-content[data-v-17413b9e] {
    display: flex;
    justify-content: space-between
}

.rank .rank-content .rank-item[data-v-17413b9e] {
    background-color: #f5f5f7;
    border-radius: .16rem;
    padding: 16px;
    width: 270px
}

.rank .rank-content .rank-item .rank-title[data-v-17413b9e] {
    align-items: center;
    color: #333;
    display: flex;
    font-size: .32rem;
    font-weight: 600;
    margin-bottom: .16rem
}

.rank .rank-content .rank-item .rank-title i[data-v-17413b9e] {
    font-size: .24rem
}

.rank .rank-content .rank-item .rank-ul .rank-li[data-v-17413b9e] {
    color: #666;
    font-size: .28rem;
    font-weight: 500;
    line-height: 1.2;
    overflow: hidden;
    padding: .2rem 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rank .rank-content .rank-item .rank-ul .rank-li[data-v-17413b9e]:last-of-type {
    padding-bottom: 0
}

.finished[data-v-17413b9e],.free[data-v-17413b9e] {
    padding-left: 0;
    padding-right: 0
}

.finished-list[data-v-17413b9e],.free-list[data-v-17413b9e] {
    display: flex;
    justify-content: space-between
}

.finished-list[data-v-17413b9e]::-webkit-scrollbar,.free-list[data-v-17413b9e]::-webkit-scrollbar {
    display: none
}

.finished-list li[data-v-17413b9e],.free-list li[data-v-17413b9e] {
    width: 130px
}

.cate ul[data-v-17413b9e] {
    display: flex;
    flex-wrap: wrap
}

.cate ul li[data-v-17413b9e]:nth-child(3n+2) {
    margin: 0 20px
}

.cate ul li a[data-v-17413b9e] {
    align-items: center;
    background-color: #f5f5f7;
    border-radius: 8px;
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 386px
}

.cate ul li a .name[data-v-17413b9e] {
    color: #333;
    font-weight: 500
}

.cate ul li a .total[data-v-17413b9e] {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 14px
}

.cate ul li a .total i[data-v-17413b9e] {
    font-size: 12px
}
/* category */
.page-cate[data-v-85809870] {
    display: flex;
    padding: 96px 0 60px
}

.page-cate .cate-con{
    margin-bottom: 30px;
    position: relative;
}

.page-cate .tab[data-v-85809870] {
    flex-shrink: 0;
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tab[data-v-2af4416a] {
    width: 160px
}

.tab li[data-v-2af4416a] {
    color: #666;
}

.tab li.active[data-v-2af4416a] {
    background-color: #db4fa51a;
    color: #db4fa5;
    padding: 5px 8px;
}

.tab li a[data-v-2af4416a] {
    align-items: center;
    display: block;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    font-size: 14px;
}

.page-cate .content[data-v-85809870] {
    border-left: 1px solid hsla(0,0%,85%,.5);
    padding-left: 40px
}

.page-cate .content ul li[data-v-85809870] {
    padding: 20px 0
}

.page-cate .content ul li .score[data-v-85809870] {
    color: #fa573e;
    flex-shrink: 0;
    font-size: .24rem
}

.pagination {
    align-items: center;
    color: #666;
    font-size: 14px;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

.pagination,.pagination-list {
    display: flex
}

.pagination-list .pagination-item {
    height: 30px;
    margin: 0 4px;
    width: 30px
}

.pagination-list .pagination-item .pagination-ellipsis,.pagination-list .pagination-item a,.pagination-list .pagination-item span {
    align-items: center;
    background-color: #f5f5f7;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.pagination-list .pagination-item .pagination-ellipsis.pagination-disabled,.pagination-list .pagination-item a.pagination-disabled,.pagination-list .pagination-item span.pagination-disabled {
    cursor: not-allowed;
    font-weight: 700
}

.pagination-list .pagination-item .pagination-ellipsis.pagination-disabled svg path,.pagination-list .pagination-item a.pagination-disabled svg path,.pagination-list .pagination-item span.pagination-disabled svg path {
    stroke: #fff
}

.pagination-list .pagination-item .pagination-ellipsis.pagination-current,.pagination-list .pagination-item a.pagination-current,.pagination-list .pagination-item span.pagination-current {
    background-color: #db4fa51f;
    color: #db4fa5;
    cursor: text
}

.pagination-list .pagination-item .pagination-ellipsis {
    background-color: transparent;
    cursor: text
}

.pagination-list .pagination-next,.pagination-list .pagination-prev {
    font-family: simsun
}

.jump {
    margin-left: 20px
}

.jump input {
    background-color: #f5f5f7;
    border-radius: 4px;
    color: #666;
    height: 30px;
    margin: 0 8px;
    padding: 0 4px;
    text-align: center;
    width: 34px
}
/* detail */
.copy-right[data-v-44d6a48e] {
    color: #b2b2b2;
    font-size: .24rem;
    line-height: 18px
}

.book-detail[data-v-708becde],.book-catalogue[data-v-708becde] {
    padding: 96px 0 32px
}

.book-detail .header[data-v-708becde] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .8rem 0;
    z-index: 1
}

.book-detail .header .book-cover[data-v-708becde] {
    border: .01rem solid rgba(0,0,0,.08);
    border-radius: .12rem;
    box-sizing: border-box;
    height: 4.52rem;
    margin-right: .64rem;
    overflow: hidden;
    position: relative;
    width: 3.4rem
}

.book-detail .header .book-cover__img[data-v-708becde] {
    height: 100%;
    width: 100%
}

.book-detail .header .book-cover .free[data-v-708becde] {
    background: #fa573e;
    border-radius: 0 .12rem;
    color: #fafcfc;
    font-size: .24rem;
    height: .36rem;
    line-height: .36rem;
    padding: 0 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.book-detail .header .book-cover .free.vip[data-v-708becde] {
    background-color: #ead1a4;
    color: #5b380f
}

.book-detail .header .book-info[data-v-708becde] {
    width: 610px;
}

.book-detail .header .book-info__title[data-v-708becde] {
    color: #333;
    font-size: .52rem;
    font-weight: 600;
    line-height: .56rem;
    margin-bottom: .32rem
}

.book-detail .header .book-info__meta[data-v-708becde] {
    align-items: center;
    display: flex;
    margin-bottom: .24rem
}

.book-detail .header .book-info__author[data-v-708becde],.book-detail .header .book-info__categories[data-v-708becde] {
    color: #666;
    font-size: .28rem;
    line-height: 1.2
}

.book-detail .header .book-info__author.gray[data-v-708becde],.book-detail .header .book-info__categories.gray[data-v-708becde] {
    color: #666
}

.book-detail .header .book-info__author .category[data-v-708becde],.book-detail .header .book-info__categories .category[data-v-708becde] {
    background: rgba(51,51,51,.06);
    border-radius: 4px;
    color: #666;
    display: inline-block;
    font-size: .24rem;
    margin-right: 6px;
    padding: 6px
}

.book-detail .header .book-info__categories[data-v-708becde] {
    margin-bottom: .24rem
}

.book-detail .header .book-info__author[data-v-708becde] {
    color: #db4fa5
}

.book-detail .header .book-info__time[data-v-708becde] {
    color: #666;
    font-size: .28rem;
    margin-bottom: .4rem
}

.book-detail .header .book-info__lastChapter[data-v-708becde] {
    margin-left: 12px
}

.book-detail .header .open-vip[data-v-708becde],.book-detail .header .vip[data-v-708becde] {
    background-color: #ead1a4;
    border-radius: 4px;
    color: #ad8352;
    display: inline-block;
    flex-shrink: 0;
    font-size: .2rem;
    height: 20px;
    line-height: 20px;
    margin-left: 12px;
    overflow: hidden;
    padding: 0 8px 0 43px;
    position: relative
}

.book-detail .header .open-vip .discount[data-v-708becde],.book-detail .header .vip .discount[data-v-708becde] {
    align-items: center;
    background-color: #f8eccf;
    border-radius: 3px 0 0 3px;
    display: flex;
    height: 18px;
    justify-content: center;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 34px
}

.book-detail .header .open-vip .discount .num[data-v-708becde],.book-detail .header .vip .discount .num[data-v-708becde] {
    font-family: YuewenFont-Regular;
    font-size: 14px;
    margin-right: 1px
}

.book-detail .header .open-vip .discount[data-v-708becde]:after,.book-detail .header .vip .discount[data-v-708becde]:after {
    border-right: 2px solid #ead1a4;
    border-top: 18px solid transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.book-detail .header .open-vip[data-v-708becde] {
    margin-left: .24rem;
    padding-left: 8px
}

.book-detail .detail-card[data-v-708becde] {
    background-color: #fff;
    border-radius: .24rem;
    margin-bottom: .64rem
}

.book-detail .detail-card .ypc-column-name[data-v-708becde] {
    height: .92rem;
    line-height: .92rem
}

.book-detail .detail-card-catalogue .all[data-v-708becde] {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-content: space-between
}

.book-detail .intro[data-v-708becde] {
    border-top: .01rem solid #d9d9d9;
    padding-top: .32rem;
    position: relative
}

.book-detail .intro-content[data-v-708becde] {
    word-wrap: break-word;
    color: #666;
    font-size: .32rem;
    line-height: 1.5;
    margin-bottom: .16rem
}

.book-detail .intro-content-over[data-v-708becde] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.book-detail .intro-content .alias[data-v-708becde] {
    color: #fa573e
}

.book-detail .intro-info[data-v-708becde] {
    color: #b2b2b2;
    font-size: .24rem;
    line-height: 1.5
}

.book-detail .btn-box[data-v-708becde] {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    text-align: center
}

.book-detail .btn-box .read-now[data-v-708becde] {
    align-items: center;
    background-color: #db4fa5;
    border-radius: .44rem;
    color: #fff;
    display: flex;
    font-size: .32rem;
    font-weight: 700;
    height: .88rem;
    justify-content: center;
    margin-right: .48rem;
    width: 2.88rem
}

.book-detail .btn-box .btn-icon[data-v-708becde] {
    cursor: pointer;
    font-size: .24rem;
    margin-right: .32rem;
    width: 1.08rem
}

.book-detail .btn-box .btn-icon.inshelf[data-v-708becde] {
    color: #b2b2b2
}

.book-detail .btn-box .diversion[data-v-708becde] {
    width: 3.18rem
}

.book-detail .btn-box .diversion.news[data-v-708becde] {
    font-size: .28rem;
    width: 5.18rem
}

.book-detail .checklevel8-img[data-v-708becde] {
    border-top: .01rem solid #d9d9d9;
    width: 100%
}

.book-detail .catalogue[data-v-708becde] {
    border-top: .01rem solid #d9d9d9;
    font-size: .32rem;
    position: relative
}

.book-detail .catalogue-list[data-v-708becde] {
    border-bottom: .01rem solid #d9d9d9;
    color: #333
}

.book-detail .catalogue-list__link[data-v-708becde] {
    align-items: center;
    display: flex;
    height: 1.12rem;
    justify-content: center;
    justify-content: space-between;
    line-height: 1.12rem;
    width: 100%
}

.book-detail .catalogue-list__title[data-v-708becde] {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.book-detail .catalogue-list__time[data-v-708becde] {
    color: #b2b2b2;
    flex-shrink: 0;
    margin-left: .24rem
}

.book-detail .catalogue.female[data-v-708becde] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between
}

.book-detail .catalogue.female .catalogue-list[data-v-708becde] {
    width: 576px
}

.book-detail .link-entry[data-v-708becde] {
    align-items: center;
    border: .01rem solid #b2b2b2;
    border-radius: .18rem;
    color: #666;
    display: flex;
    font-size: .2rem;
    height: .36rem;
    justify-content: center;
    padding: 0 .08rem 0 .16rem
}

.book-detail .link-entry .icon-arrow-right[data-v-708becde] {
    font-size: .24rem
}

.book-detail .hot[data-v-708becde] {
    background-color: #f5f5f7;
    border-radius: .16rem;
    display: flex;
    padding: .4rem
}

.book-detail .hot-list[data-v-708becde] {
    margin-right: 76px;
    width: 130px
}

.book-detail .hot-list.only-one[data-v-708becde] {
    width: 100%
}

.book-detail .hot-list[data-v-708becde]:last-child {
    margin: 0
}

.book-detail .other[data-v-708becde] {
    padding-top: .4rem
}

.book-detail .other-list[data-v-708becde] {
    margin-bottom: .32rem
}

.book-detail .other-list[data-v-708becde]:last-child {
    margin: 0
}

.book-detail .recently[data-v-708becde] {
    display: flex;
    flex-wrap: wrap
}

.book-detail .recently-list[data-v-708becde] {
    margin-right: 40px;
    margin-top: 20px;
    width: 373px
}

.book-detail .recently-list[data-v-708becde]:nth-child(3n) {
    margin-right: 0
}

.book-detail .writer[data-v-708becde] {
    align-items: center;
    display: flex;
    height: .92rem;
    justify-content: center;
    line-height: .92rem
}

.book-detail .writer-info[data-v-708becde] {
    align-items: center;
    display: flex;
    flex: 1
}

.book-detail .writer-info__avatar[data-v-708becde] {
    border: .01rem solid rgba(0,0,0,.08);
    border-radius: 50%;
    flex-shrink: 0;
    height: .56rem;
    margin-right: .12rem;
    overflow: hidden;
    width: .56rem
}

.book-detail .writer-info__name[data-v-708becde] {
    color: #333;
    font-size: .44rem;
    font-weight: 700;
    line-height: 32px
}

.book-detail .writer-info__name .tag[data-v-708becde] {
    background-color: #db4fa514;
    border-radius: .08rem;
    color: #db4fa5;
    display: inline-block;
    font-size: .24rem;
    height: .4rem;
    line-height: .4rem;
    margin-left: .08rem;
    text-align: center;
    vertical-align: middle;
    width: .64rem
}

.pc .catalogueItem .app-free[data-v-867ce4a9],.pc .catalogueItem .title-wrap[data-v-867ce4a9] {
    font-size: .32rem
}

.pc .catalogueItem .title-wrap .time[data-v-867ce4a9] {
    font-size: .28rem
}

.pc .catalogueItem .hasUpdate[data-v-867ce4a9] {
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

.pc .catalogueItem .hasUpdate .time[data-v-867ce4a9] {
    flex-shrink: 0;
    margin: 0 0 0 20px;
    text-align: right;
    width: 216px
}

.read-theme-dark .catalogueItem[data-v-867ce4a9] {
    color: #ebebec
}

.catalogueItem[data-v-867ce4a9] {
    align-items: center;
    color: #666;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    width: 100%
}

.catalogueItem .title-wrap[data-v-867ce4a9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: .28rem;
    height: .96rem;
    justify-content: center;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.catalogueItem .title-wrap.highlight[data-v-867ce4a9] {
    color: #db4fa5
}

.catalogueItem .title-wrap .item[data-v-867ce4a9] {
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.catalogueItem .title-wrap .time[data-v-867ce4a9] {
    color: #b2b2b2;
    font-size: .2rem;
    margin-top: .12rem
}

.catalogueItem .icon-lock[data-v-867ce4a9] {
    color: #b2b2b2;
    font-size: .48rem;
    line-height: 1rem
}

.catalogueItem .icon-lock.dark-mode[data-v-867ce4a9] {
    color: #8c8c8e
}

.catalogueItem .app-free[data-v-867ce4a9] {
    color: #b2b2b2;
    font-size: .24rem;
    line-height: 1rem;
    margin-left: .4rem
}

.theme-dark .list[data-v-e55efa29] {
    border-color: #696a6c
}

.book-dir[data-v-e55efa29] {
    flex-wrap: wrap;
    width: 100%
}

.book-dir[data-v-e55efa29].limit{
    height: auto;
    max-height: 240px;
    overflow: hidden;
}

.book-dir[data-v-e55efa29],.list[data-v-e55efa29] {
    display: flex;
    justify-content: space-between
}

.list[data-v-e55efa29] {
    align-items: flex-start;
    align-items: center;
    border-bottom: .01rem solid #d9d9d9;
    font-size: .28rem;
    height: 48px;
    line-height: 48px;
    width: calc(50% - .48rem)
}

.list.selected[data-v-e55efa29] {
    color: #db4fa5
}

.list-a[data-v-e55efa29] {
    align-items: center;
    display: flex;
    height: 22px;
    justify-content: center;
    justify-content: space-between
}

.list-a[data-v-e55efa29],.list-a .name[data-v-e55efa29] {
    flex: 1;
    overflow: hidden
}

.list-a .name[data-v-e55efa29] {
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-a .updateTime[data-v-e55efa29] {
    color: #b2b2b2;
    display: block;
    text-align: right;
    width: 250px
}

.theme-dark .ypc-column-name[data-v-a71bddf4] {
    color: #ebebec
}

.catalog[data-v-a71bddf4] {
    height: 100%;
    width: 100%
}

.catalog-header[data-v-a71bddf4] {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: center;
    justify-content: space-between
}

.catalog-header .order[data-v-a71bddf4] {
    cursor: pointer;
    font-size: .24rem;
    height: 24px;
    line-height: 24px
}

.catalog-header .order span[data-v-a71bddf4] {
    vertical-align: middle
}

.catalog-header .order .iconfont[data-v-a71bddf4] {
    font-size: .32rem
}

.catalog-body[data-v-a71bddf4] {
    -ms-overflow-style: none;
    height: calc(100% - 42px);
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    width: 100%
}

.catalog-body[data-v-a71bddf4]::-webkit-scrollbar {
    width: 0!important
}
/* read */
.read-theme-dark .read-header[data-v-a4858719] {
    border-color: #8c8c8e
}

.read-theme-dark .read-header h1.chapter-title[data-v-a4858719] {
    color: #ebebec
}

.read-theme-dark .read-header li[data-v-a4858719] {
    color: #8c8c8e
}

.read-theme-dark .read-header li a[data-v-a4858719],.read-theme-dark .read-header li span[data-v-a4858719] {
    color: #ebebec
}

.read-header[data-v-a4858719] {
    border-bottom: .5px dashed #b2b2b2;
    margin-bottom: 30px;
    padding: 30px 0;
    text-align: center
}

.read-header h1.chapter-title[data-v-a4858719] {
    color: #000;
    font-size: .56rem;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 16px;
    text-align: center
}

.read-header .info[data-v-a4858719] {
    color: #b2b2b2;
    font-size: .24rem;
    line-height: 16px;
    white-space: nowrap
}

.read-header .info .book-title[data-v-a4858719] {
    display: inline-block;
    line-height: 1.2;
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.read-header li[data-v-a4858719] {
    display: inline-block;
    margin-right: 24px
}

.read-header li a[data-v-a4858719],.read-header li span[data-v-a4858719] {
    color: #333
}

.pc .comment-app[data-v-095bd569] {
    margin: 0 auto;
    width: 6.48rem
}

.read-theme-dark .comment[data-v-095bd569] {
    color: #f5f5f7
}

.read-theme-dark .comment-paragraph[data-v-095bd569] {
    background-color: #444;
    background-image: url(./comment-indent-night.86d4d3b9.png)
}

.read-theme-dark .comment-wrap[data-v-095bd569] {
    background-color: #333
}

.read-theme-dark .comment-list[data-v-095bd569] {
    border-color: #ffffff14
}

.read-theme-dark .comment .detail .reply-box[data-v-095bd569] {
    background-color: #ffffff0a
}

.read-theme-dark .comment .detail .reply-box .name[data-v-095bd569] {
    color: #666
}

.read-theme-dark .comment .detail .reply[data-v-095bd569] {
    color: #b2b2b2
}

.comment[data-v-095bd569] {
    color: #333;
    font-size: .24rem;
    width: 100%
}

.comment-title[data-v-095bd569] {
    font-size: .36rem;
    font-weight: 700;
    margin-bottom: .32rem
}

.comment-wrap[data-v-095bd569] {
    background-color: #fff;
    border-radius: .24rem;
    overflow: hidden;
    padding-bottom: .32rem
}

.comment-paragraph[data-v-095bd569] {
    background: hsla(0,0%,85%,.5) url(./comment-indent.df5098f8.png) no-repeat .24rem .18rem;
    background-size: .32rem .32rem;
    line-height: .36rem;
    padding: .24rem
}

.comment-paragraph__text[data-v-095bd569] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-indent: 2em;
    text-overflow: ellipsis
}

.comment-box[data-v-095bd569] {
    border-radius: 0 0 .24rem .24rem
}

.comment-list[data-v-095bd569] {
    border-bottom: .01rem solid rgba(44,44,46,.08);
    display: flex;
    margin: 0 .24rem .24rem;
    padding: .24rem 0
}

.comment-list[data-v-095bd569]:last-child {
    border: none
}

.comment-list .avatar[data-v-095bd569] {
    background-color: #d9d9d9;
    border-radius: .28rem;
    height: .56rem;
    margin-right: .2rem;
    overflow: hidden;
    width: .56rem
}

.comment-list .detail[data-v-095bd569] {
    border-radius: .16rem;
    flex: 1;
    overflow: hidden;
    position: relative
}

.comment-list .detail .isManito[data-v-095bd569] {
    bottom: .02rem;
    height: .24rem;
    position: relative;
    width: .6rem
}

.comment-list .detail .isBest[data-v-095bd569] {
    bottom: .02rem;
    height: .28rem;
    position: relative;
    width: .94rem
}

.comment-list .detail .isHot[data-v-095bd569] {
    bottom: .04rem;
    height: .32rem;
    position: relative;
    width: .28rem
}

.comment-list .detail .author[data-v-095bd569] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #b2b2b2;
    display: -webkit-box;
    font-size: .24rem;
    line-height: .56rem;
    margin-bottom: .24rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment-list .detail .text[data-v-095bd569] {
    word-wrap: break-word;
    font-size: .28rem;
    line-height: .4rem;
    margin-bottom: .14rem;
    position: relative;
    word-break: break-word
}

.comment-list .detail .text .unfold[data-v-095bd569] {
    bottom: .04rem;
    display: none
}

.comment-list .detail .text[data-over=true][data-v-095bd569] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment-list .detail .text[data-over=true] .unfold[data-v-095bd569] {
    display: block
}

.comment-list .detail .reply[data-v-095bd569] {
    color: #666;
    font-size: .24rem;
    margin: .24rem 0
}

.comment-list .detail .reply-box[data-v-095bd569] {
    background-color: #f5f5f7;
    border-radius: .12rem;
    padding: .24rem
}

.comment-list .detail .reply-centent[data-v-095bd569] {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: .36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.comment-list .detail .reply-centent .name[data-v-095bd569] {
    color: #b2b2b2
}

.comment-list .detail .action[data-v-095bd569] {
    align-items: center;
    color: #b2b2b2;
    display: flex;
    font-size: .2rem;
    height: .32rem;
    justify-content: center;
    justify-content: space-between
}

.comment-list .detail .action .iconfont[data-v-095bd569] {
    font-size: .24rem;
    margin-right: .1rem
}

.comment-app[data-v-095bd569] {
    font-weight: 700;
    padding: 0 .24rem
}

.comment-app .icon-arrow-right[data-v-095bd569] {
    font-size: .24rem
}

.icon-reply[data-v-095bd569] {
    position: relative;
    top: .02rem
}

.read-theme-dark .rec[data-v-8be1f0aa] {
    color: #d9d9d9
}

.read-theme-dark .rec[data-v-8be1f0aa],.read-theme-dark .rec .book-link[data-v-8be1f0aa] {
    background-color: #6666660f
}

.rec[data-v-8be1f0aa] {
    background-color: #3333330a;
    border-radius: .24rem;
    color: #666;
    font-size: .32rem;
    font-size: .24rem;
    margin-top: 1.2rem;
    padding: .12rem .24rem
}

.rec-box[data-v-8be1f0aa] {
    height: .56rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.rec-box .book-list[data-v-8be1f0aa] {
    display: inline-block
}

.rec-box[data-v-8be1f0aa]::-webkit-scrollbar {
    display: none
}

.rec .book-link[data-v-8be1f0aa] {
    background-color: #3333330a;
    border-radius: .28rem;
    display: inline-block;
    height: .56rem;
    line-height: .56rem;
    margin-right: .16rem;
    padding: 0 .18rem
}

.pc .read-pagination-item[data-v-0dae5a6b] {
    background-color: #db4fa5;
    color: #fff;
    margin-right: .6rem;
    max-width: 5.28rem
}

.read-pagination[data-v-0dae5a6b] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.read-pagination.dark-mode .read-pagination-item[data-v-0dae5a6b] {
    background-color: #6666660f
}

.read-pagination-item[data-v-0dae5a6b] {
    align-items: center;
    background-color: #3333330a;
    border-radius: .4rem;
    color: #db4fa5;
    display: flex;
    flex: 1;
    font-weight: 700;
    height: .8rem;
    justify-content: center;
    margin-right: .16rem
}

.read-pagination-item[data-v-0dae5a6b]:last-child {
    margin-right: 0
}

.read-pagination .isAdrQQBrowse[data-v-0dae5a6b] {
    background: rgba(51,51,51,.04) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAbCAYAAADve9g/AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANuSURBVHgB7VlBbtNQEH3jJFIRqsima1yWrNITNOUAiJ6gTbpiQykXaDgB5QKNi1ix6gnaVGLBsnukxgskFkg0lYgwTeLP+7bTNsaN7SZRQtwnOY7/n3Hyn2fmz4yBewygfKywUFdmoa5KafTyuIeHp58Uvrax8tnGkQBFDh3zeJZUX/RHYV9t8NsmJgkFq1OVA0wLtDTYMGk55hApISH78GWUq7DOgQsMUwBanYqcehapFJapUMYEwd84wRSx+B3iKNS48o2EKmIIDhPI1XlU874GzqGfVzKY+oPPt6WfRkKd/m/MLSSNsA7CPaAZXFo06Qr+U5h1hW/AGgk4grYLF286W7IXllti7Gy1ode578kpVKJClIGMwq4I8gYa8L1KyMTzKLnfDoTedzWXk+gQlYld+8FHJd0OzsLjPdcLUX23XGPK0wzL/Ol582ZwKbw8plxYTI1CZAl0dVTExoxDdbyTGTUXim2RMoiXGY3Igo6XdWXxf76dZUIXH0L99OPcxDDKZhO+Ue0SOJhpC2UOxn9YzCm8wBhALg65Xi9zuTuROi8UPMagqdscr0018R4CXf59sbHMNZxhdKicgyfOS99w7u7agibTnzID7yavduETanLc4lhtGKGc3+ZpLFZx699zcXK5JbUYMVslz5/9+/bXGcLIuzbJtHiy8iRPfEKBa0LLkfFTYQWTrqSM6BA0IOPioBtP9hWK3K1/uaixuNgNz40t/elWpEbXt7rAO7m2tk1uSJrM5QFhSVVJ3RUXsRIGtvmwk5aMaPs6xai5seaRjm956zfdPcf8rBOSoxXv8LSDKSPo8hRT6kRiIgm5dndaZ6OnsOpUZ3kXx3tWKnspNIRrek02X4UnJlbZBNZpY5YhWGVx8yilTmTDN+uN3ZICUnXCB3DDzzNFZKMMnZC3CmwyR0z3y26TRzkY011y+7b7OQvXbcRsWaR4JnTOzc8rFxnHB/YO1z/K4hOpXBcfCgZuLS5ymvrgHnNPpO4n6jrb8PuJA+hFyN9gVgwD9Z7fAY+DyopFquBIAonQjcXcE/ljiS7cRoPuXE0izy5uiRFgO7i06OpJ3jVlwCL5MsHxNwwrTtR7/SBY41dNpI6RJ70tidXTyOyrhijY/w4lDQfpXZt3bugzA8kp5g0mewY2moVgg2Fzwk6q+hc1wyXbwn0vgwAAAABJRU5ErkJggg==) no-repeat 50% /100% .8rem;
    background-size: .82rem .27rem
}

.theme-dark .popup-header[data-v-77a5d03f],.theme-dark .reader-popup[data-v-77a5d03f] {
    background-color: #2a2b2b;
    color: #ebebec
}

.theme-dark .popup-header .popup-body[data-v-77a5d03f],.theme-dark .popup-header .popup-body .cur-size[data-v-77a5d03f],.theme-dark .reader-popup .popup-body[data-v-77a5d03f],.theme-dark .reader-popup .popup-body .cur-size[data-v-77a5d03f] {
    border-color: #696a6c
}

.reader-popup[data-v-77a5d03f] {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 16px #0000001f;
    height: 200px;
    padding: 40px;
    position: relative;
    width: 410px;
    z-index: -1
}

.reader-popup .icon-close[data-v-77a5d03f] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.reader-popup .popup-header[data-v-77a5d03f] {
    margin-bottom: 28px
}

.reader-popup .popup-body[data-v-77a5d03f] {
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    display: flex;
    font-size: .32rem;
    height: 60px;
    justify-content: center;
    width: 100%
}

.reader-popup .popup-body .item[data-v-77a5d03f] {
    flex: 1;
    text-align: center
}

.reader-popup .popup-body .item.set[data-v-77a5d03f]:hover {
    color: #db4fa5;
    cursor: pointer
}

.reader-popup .popup-body .item.disabled[data-v-77a5d03f] {
    color: #b2b2b2;
    pointer-events: none
}

.reader-popup .popup-body .cur-size[data-v-77a5d03f] {
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.theme-dark .popup-header[data-v-41793bf4],.theme-dark .reader-popup[data-v-41793bf4] {
    background-color: #2a2b2b;
    color: #ebebec
}

.reader-popup[data-v-41793bf4] {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 16px #0000001f;
    height: 200px;
    padding: 40px;
    position: relative;
    width: 410px;
    z-index: -1
}

.icon-close[data-v-41793bf4] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.popup-header[data-v-41793bf4] {
    margin-bottom: 28px
}

.popup-body[data-v-41793bf4] {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    justify-content: space-between;
    width: 100%
}

.popup-body .item[data-v-41793bf4] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-radius: 50%;
    cursor: pointer;
    height: 46px;
    text-align: center;
    width: 46px
}

.popup-body .item.active[data-v-41793bf4] {
    border: 1px solid #db4fa5
}

.ypc-switch[data-v-36d39140] {
    background: #d9d9d9;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: opacity .3s,background-color .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ypc-switch-input[data-v-36d39140] {
    display: none
}

.ypc-switch-btn[data-v-36d39140] {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: .2rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .2s ease-in-out
}

.ypc-switch-disabled[data-v-36d39140] {
    cursor: not-allowed;
    opacity: .5
}

.theme-dark .popup-header[data-v-719cce97],.theme-dark .reader-popup[data-v-719cce97] {
    background-color: #2a2b2b;
    color: #ebebec
}

.theme-dark .popup-header .popup-body .label[data-v-719cce97],.theme-dark .reader-popup .popup-body .label[data-v-719cce97] {
    color: #ebebec
}

.reader-popup[data-v-719cce97] {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 16px #0000001f;
    height: 200px;
    padding: 40px;
    position: relative;
    width: 410px;
    z-index: -1
}

.reader-popup .icon-close[data-v-719cce97] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.reader-popup .popup-header[data-v-719cce97] {
    margin-bottom: 28px
}

.reader-popup .popup-body[data-v-719cce97] {
    font-size: .32rem;
    width: 100%
}

.reader-popup .popup-body .item[data-v-719cce97] {
    align-items: center;
    color: #333;
    display: flex;
    height: 48px;
    justify-content: center;
    justify-content: space-between;
    text-align: center;
    width: 100%
}

.theme-dark .popup-header[data-v-2f6570b8],.theme-dark .reader-popup[data-v-2f6570b8] {
    background-color: #2a2b2b;
    color: #ebebec
}

.reader-popup[data-v-2f6570b8] {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 16px #0000001f;
    color: #333;
    height: 270px;
    padding: 40px;
    position: relative;
    width: 220px;
    z-index: -1
}

.reader-popup .icon-close[data-v-2f6570b8] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.reader-popup .popup-body[data-v-2f6570b8] {
    font-size: .32rem
}

.reader-popup .popup-body .qrcode[data-v-2f6570b8] {
    height: 140px;
    margin-bottom: 10px;
    width: 140px
}

.reader-popup .popup-body .desc[data-v-2f6570b8] {
    font-size: .24rem;
    line-height: 20px;
    text-align: center
}

.theme-dark .ypc-backtop[data-v-9a90e5ba] {
    background: rgba(38,38,38,.9);
    color: #8c8c8e
}

.ypc-backtop[data-v-9a90e5ba] {
    align-items: center;
    background: hsla(0,0%,100%,.5);
    border-radius: 6px;
    color: #666;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 76px;
    justify-content: center;
    width: 76px
}

.ypc-backtop .desc[data-v-9a90e5ba] {
    font-size: .24rem;
    line-height: 20px
}

.theme-dark .recommend[data-v-f49db520] {
    background-color: #333;
    color: #f5f5f7
}

.recommend[data-v-f49db520] {
    background-color: #fff;
    border-radius: .24rem;
    margin-bottom: .24rem;
    padding: .4rem .24rem
}

.recommend-head[data-v-f49db520] {
    font-size: .36rem;
    font-weight: 700
}

.recommend .book-li[data-v-f49db520],.recommend-head[data-v-f49db520] {
    margin-bottom: .32rem
}

.recommend .book-li[data-v-f49db520]:last-child {
    margin-bottom: 0
}

.page-breadcrumb[data-v-e0f996c5] {
    display: none
}

.read-theme-dark .page-content[data-v-e0f996c5] {
    background-color: #262626
}

.read-theme-dark .chapter-box[data-v-e0f996c5] p {
    color: #ebebec
}

.read-theme-dark .sider .item-box[data-v-e0f996c5] {
    color: #8c8c8e
}

.read-theme-dark .sider li .item-box[data-v-e0f996c5] {
    background-color: #262626e6;
    color: #8c8c8e
}

.read-theme-dark .sider li.active[data-v-e0f996c5] {
    background-color: #2a2b2b
}

.read-theme-dark .sider li.active .item-box[data-v-e0f996c5] {
    background-color: #2a2b2b;
    color: #ebebec
}

.read-theme-dark .sider li.disabled[data-v-e0f996c5] {
    pointer-events: none
}

.read-theme-dark .sider li.disabled .item-box[data-v-e0f996c5] {
    color: #696a6c
}

.read-theme-dark .book-dir-popup[data-v-e0f996c5] {
    background-color: #2a2b2b;
    color: #ebebec
}

.read-theme-dark .book-dir-popup .ypc-column-name[data-v-e0f996c5] {
    color: #ebebec
}

.read-theme-dark .purchase-title[data-v-e0f996c5] {
    color: #8c8c8e
}

.read-theme-dark .book-end[data-v-e0f996c5],.read-theme-dark .purchase-money[data-v-e0f996c5] {
    color: #ebebec
}

.page-content[data-v-e0f996c5] {
    background-color: #ffffffbf;
    line-height: 1;
    margin: 0 auto;
    min-height: 100vh;
    padding: 10px 70px 70px;
    position: relative;
    width: 1000px
}

.iconfont[data-v-e0f996c5] {
    font-size: 24px;
    vertical-align: middle
}

.chapter-box[data-v-e0f996c5] {
    font-family: Microsoft YaHei;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.chapter-box[data-v-e0f996c5] a {
    color: #db4fa5
}

.chapter-box[data-v-e0f996c5] a[href^="../"],.chapter-box[data-v-e0f996c5] a[href^="../"]:hover {
    color: inherit!important;
    cursor: unset
}

.chapter-box.isTxt[data-v-e0f996c5] p {
    font-size: 1em;
    text-align: justify;
    text-indent: 2em
}

.chapter-box.font-encrypt[data-v-e0f996c5] p {
    text-indent: 0
}

.chapter-box.font-encrypt[data-v-e0f996c5] p[class] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap
}

.chapter-box.oversea[data-v-e0f996c5] p {
    text-align: center;
    text-indent: 0
}

.chapter-box[data-v-e0f996c5] p {
    word-wrap: break-word;
    color: #333;
    line-height: 1.6;
    margin-bottom: 1.6em;
    word-break: break-word
}

.chapter-box[data-v-e0f996c5] p:last-child {
    margin-bottom: 0
}

.chapter-box[data-v-e0f996c5] img {
    display: block;
    margin: 1em auto;
    max-height: 80%;
    max-width: 80%;
    pointer-events: none;
    width: unset
}

.chapter-box[data-v-e0f996c5] img.RareFont,.chapter-box[data-v-e0f996c5] img.h-pic,.chapter-box[data-v-e0f996c5] img.imgofinline,.chapter-box[data-v-e0f996c5] img.inline,.chapter-box[data-v-e0f996c5] img.qqreader-footnote,.chapter-box[data-v-e0f996c5] img.s-pic {
    display: inline-block;
    width: 1em
}

.chapter-box[data-v-e0f996c5] pre {
    word-wrap: break-word;
    white-space: pre-wrap
}

.sider[data-v-e0f996c5] {
    display: none !important;
    left: 50%;
    position: fixed;
    z-index: 999
}

.sider .item-box[data-v-e0f996c5] {
    align-items: center;
    background: hsla(0,0%,100%,.5);
    border-radius: 6px;
    color: #666;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 76px;
    justify-content: center;
    width: 76px
}

.sider .item-box span[data-v-e0f996c5] {
    font-size: .28rem;
    line-height: 20px
}

.sider .item-box a[data-v-e0f996c5]:hover {
    color: unset!important
}

.sider-right[data-v-e0f996c5] {
    top: 50%;
    left: calc(((100% - 1000px) / 2) + 1030px)
}

.sider-right li[data-v-e0f996c5] {
    background-color: transparent;
    padding-left: 10px;
    width: 86px
}

.sider li[data-v-e0f996c5] {
    border-radius: 0 6px 6px 0;
    margin-bottom: 4px;
    position: relative
}

.sider li.active[data-v-e0f996c5],.sider li.active .item-box[data-v-e0f996c5] {
    background-color: #fff
}

.sider li.disabled[data-v-e0f996c5] {
    pointer-events: none
}

.report[data-v-e0f996c5],.sider li.disabled .item-box[data-v-e0f996c5] {
    color: #b2b2b2
}

.report[data-v-e0f996c5] {
    bottom: 40px;
    font-size: .24rem;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 40px
}

.book-dir-popup[data-v-e0f996c5] {
    background-color: #fff;
    bottom: 0;
    left: 50%;
    padding: 40px;
    position: fixed;
    top: 0;
    z-index: 9999
}

.book-dir-popup .icon-close[data-v-e0f996c5] {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.setting-popup[data-v-e0f996c5] {
    left: -410px;
    position: absolute;
    top: -50px
}

.btm-backtop[data-v-e0f996c5] {
    bottom: 28px;
    top: auto
}

.purchase[data-v-e0f996c5] {
    align-items: center;
    border-top: .5px dashed #b2b2b2;
    display: flex;
    flex-direction: column;
    font-size: .32rem;
    justify-content: center;
    line-height: 30px;
    margin-top: 40px;
    padding: 40px 0
}

.purchase .qrcode[data-v-e0f996c5] {
    border-radius: 10px;
    height: 112px;
    position: absolute;
    right: 82px;
    top: 15px;
    width: 112px
}

.purchase-title[data-v-e0f996c5] {
    color: #b2b2b2;
    margin-bottom: 20px
}

.purchase-detail[data-v-e0f996c5] {
    width: 400px
}

.purchase-money[data-v-e0f996c5] {
    align-items: center;
    display: flex;
    font-size: .28rem;
    justify-content: space-between;
    line-height: .4rem;
    margin-bottom: 12px;
    width: 8rem
}

.purchase-money .agreement[data-v-e0f996c5] {
    color: #db4fa5;
    cursor: pointer;
    opacity: .5
}

.purchase-autobuy[data-v-e0f996c5] {
    font-size: .28rem;
    margin-bottom: 11px;
    width: 8rem
}

.purchase-autobuy span[data-v-e0f996c5] {
    color: #b2b2b2;
    cursor: pointer;
    vertical-align: middle
}

.purchase-autobuy .checkbox[data-v-e0f996c5] {
    background: #d9d9d9 url(./checked.f6d9550f.svg) no-repeat 50%/10px 8px;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.purchase-autobuy .checkbox.checked[data-v-e0f996c5] {
    background-color: #db4fa5
}

.purchase-multiple[data-v-e0f996c5] {
    background: rgba(219,79,165,.2);
    color: #db4fa5;
    margin-top: 20px;
    white-space: nowrap
}

.purchase .hasDiscount[data-v-e0f996c5] {
    opacity: .5;
    text-decoration: line-through
}

.btn-login[data-v-e0f996c5] {
    color: #b2b2b2;
    cursor: pointer;
    font-size: .32rem;
    margin-top: 20px;
    text-align: center
}

.btn-red-style[data-v-e0f996c5] {
    display: block;
    margin: .4rem auto;
    width: 8rem
}

.book-end[data-v-e0f996c5] {
    border-top: .5px dashed #b2b2b2;
    padding: 40px;
    text-align: center
}

.purchase-agreement[data-v-e0f996c5] .ypc-overlay {
    width: 5.76rem
}

.purchase-agreement .title[data-v-e0f996c5] {
    color: #333;
    font-size: .36rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

.purchase-agreement .text[data-v-e0f996c5] {
    font-size: .28rem;
    line-height: 1.4
}

.purchase-agreement a[data-v-e0f996c5] {
    color: #db4fa5
}

.purchase-agreement[data-v-e0f996c5] .ym-btn {
    height: .8rem;
    margin: 40px auto 0
}

.zk{
    display: none;
}

.t_de{
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0;
}

.cateCon-tit{
    margin-bottom: 10px;
}

.pdd-30{
    padding: 30px 0;
}

.take-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}

.take-wrap svg{
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    fill: #666666;
}

.take-wrap svg path{
    fill: #666666;
}

.take-wrap svg:hover{
    fill: #db4fa5;
}

.take-wrap svg:hover path{
    fill: #db4fa5;
}

.book-detail .catalog{
    margin-bottom: 30px;
}

.open-list{
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

@media (min-width:1024px) {
    .phoneCont{
        display: none !important;
    }

    .ads-con{
        display: flex;
        align-items: center;
    }

    .ads-con .ads-bro{
        width: 73%;
    }

    .ads-con .ad-div,.ads-con .dis-con{
        width: 37%;
    }

    .ads-con .dis-con .ad-div{
        width: 100%;
    }

    .ads-bro .good-list li[data-v-17413b9e]:nth-child(-n+3),
    .ads-bro .updated-list li[data-v-17413b9e]:nth-child(-n+3) {
        margin-top: 20px
    }
    
    .ads-bro .good-list li[data-v-17413b9e]:nth-child(3n),
    .ads-bro .updated-list li[data-v-17413b9e]:nth-child(3n) {
        margin-right: 40px
    }

    .ads-bro .good-list li[data-v-17413b9e]:nth-child(-n+2),
    .ads-bro .updated-list li[data-v-17413b9e]:nth-child(-n+2) {
        margin-top: 0
    }
    
    .ads-bro .good-list li[data-v-17413b9e]:nth-child(2n),
    .ads-bro .updated-list li[data-v-17413b9e]:nth-child(2n) {
        margin-right: 0
    }

    .ads-bro .free-list li:nth-of-type(6){
        display: none;
    }

    .good-list.small li[data-v-17413b9e]{
        width: 290px;
    }

    .read-recom{
        width: 1000px;
        margin: 0 auto;
    }

    .box .boxCon .announcement{
        width: 200px;
    }

    .box .boxCon .announcement>a:nth-child(1) {
        border-top: none;
    }

    .box .boxCon .announcement>a {
        display: block;
        padding-right: 10px;
        border-top: 1px solid #E8E8E8;
        font-size: 14px;
        color: #4A4A4A;
        letter-spacing: 0.3px;
        text-align: left;
        line-height: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width:1024px) {
    .pcCont{
        display: none !important;
    }

    .nav .wrap[data-v-31d11a5d]{
        width: 100%;
        flex-wrap: wrap;
        height: auto;
        padding: 5px 15px 0;
    }

    .nav .wrap .tabs[data-v-31d11a5d]{
        order: 3;
        margin-left: 0;
        padding: 0;
        margin-top: 15px;
    }

    .nav ul li[data-v-31d11a5d]{
        margin: 0 .13rem;
        padding-bottom: 10px;
    }

    .nav ul li[data-v-31d11a5d]:first-child{
        margin-left: 0;
    }

    .nav ul li[data-v-31d11a5d]:last-child{
        margin-right: 0;
    }

    .default .main[data-v-f4e82d6b]{
        width: 100%;
        padding: 0 15px;
    }

    .news[data-v-ff752b44]{
        margin-bottom: 30px;
        font-size: 14px;
    }

    .news-list[data-v-ff752b44]{
        margin-right: 0;
        width: 100%;
    }

    .good-list li[data-v-17413b9e], .updated-list li[data-v-17413b9e]{
        width: 100%;
        margin-right: 0;
    }

    .good-list li[data-v-17413b9e]:nth-child(-n+3), .updated-list li[data-v-17413b9e]:nth-child(-n+3){
        margin-top: 20px;
    }

    .finished-list[data-v-17413b9e], .free-list[data-v-17413b9e]{
        flex-wrap: wrap;
    }

    .finished-list li[data-v-17413b9e], .free-list li[data-v-17413b9e]{
        width: 90px;
        margin-bottom: 15px;
    }

    .pc .w130[data-v-a7e20181]{
        width: 90px;
        height: 120px;
    }

    .book-title[data-v-b57cbf74]{
        font-size: 14px;
        -webkit-line-clamp: 1;
    }

    .cate ul li{
        width: 33.33%;
        padding: 0 5px;
    }

    .cate ul li[data-v-17413b9e]:nth-child(3n+2){
        margin: 0;
    }

    .cate ul li a[data-v-17413b9e]{
        width: 100%;
        justify-content: center;
    }

    .cate ul li a .total[data-v-17413b9e]{
        display: none;
    }

    .footer .wrap[data-v-6a508e1f]{
        width: 100%;
        padding: 0 15px;
    }

    .page-cate[data-v-85809870]{
        flex-direction: column;
    }

    .page-cate .cate-con{
        margin-bottom: 20px;
    }

    .page-cate .tab[data-v-85809870]{
        width: 100%;
        display: none;
    }

    .zk{
        display: block;
        position: absolute;
        top: -4px;
        right: 0;
        transition: all .3s ease-in-out;
    }

    .zk.rota{
        transform: rotate(180deg);
    }

    .page-cate .content[data-v-85809870]{
        border: none;
        padding-left: 0;
    }

    .pagination, .pagination-list{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
    }
    .jump{
        margin-left: 0;
    }

    .book-detail .header[data-v-708becde]{
        padding: .4rem 0;
    }

    .book-detail .header .book-cover[data-v-708becde]{
        width: 110px;
        height: 146px;
        margin-right: 10px;
        order: 2;
    }

    .book-detail .header .book-info__title[data-v-708becde]{
        font-size: 20px;
        margin-bottom: 10px;
    }

    .book-detail .header .book-info__time[data-v-708becde]{
        margin-bottom: .2rem;
    }

    .book-detail .btn-box .read-now[data-v-708becde]{
        font-size: 0.26rem;
        height: .6rem;
        width: 2.5rem;
    }

    .read-now-bo{
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #db4fa5;
        color: #fff;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }

    .read-now-bo a{
        color: inherit;
        line-height: inherit;
        font-size: inherit;
    }

    .footer.detail .wrap .copyright[data-v-6a508e1f]{
        padding-bottom: 60px;
    }

    .ypc-column-name{
        font-size: .3rem;
        padding-left: 15px;
        position: relative;
    }

    .ypc-column-name::after{
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 40%;
        background: #db4fa5;
    }

    .popup-header[data-v-41793bf4]{
        margin-bottom: 10px;
    }

    .book-detail .intro-content[data-v-708becde]{
        font-size: 14px;
        padding: 0 10px;
    }

    .pc .catalogueItem .app-free[data-v-867ce4a9], .pc .catalogueItem .title-wrap[data-v-867ce4a9]{
        font-size: .28rem;
    }

    .page-content[data-v-e0f996c5]{
        width: 100% !important;
        padding: 0 15px 80px;
    }

    .read-header[data-v-a4858719]{
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .read-header h1.chapter-title[data-v-a4858719]{
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 10px;
    }

    .read-header .info[data-v-a4858719]{
        white-space: normal;
    }

    .read-pagination[data-v-0dae5a6b]{
        position: static !important;
        bottom: 0;
        left: 0;
        padding: .5rem 30px;
    }

    .rec[data-v-8be1f0aa]{
        display: none;
    }

    .sider-right[data-v-e0f996c5]{
        left: auto;
        right: 10px;
        transition: all .3s ease-in-out;
    }

    .sider-right li[data-v-e0f996c5]{
        padding-left: 0;
        width: auto;
    }

    .sider .item-box[data-v-e0f996c5]{
        width: 60px;
        height: 60px;
    }

    .reader-popup[data-v-77a5d03f]{
        height: 150px;
        padding: 20px;
        width: 70vw;
    }

    .setting-popup[data-v-e0f996c5] {
        left: auto;
        position: absolute;
        top: -50px;
        right: 60px;
    }

    .popup-header[data-v-77a5d03f]{
        margin-bottom: 10px !important;
    }

    .reader-popup[data-v-41793bf4]{
        width: 80vw;
        padding: 20px;
        height: 150px;
    }

    .finished-list li:nth-of-type(n+7){
        display: none;
    }

    .ads-con-reverse{
        display: flex;
        flex-direction: column-reverse;
    }

    .book-detail .header[data-v-708becde]{
        flex-wrap: wrap;
    }

    .book-detail .header[data-v-708becde] #TOPADS{
        order: 1;
    }

    .book-detail .header .book-info[data-v-708becde]{
        width: calc(100% - 120px);
        order: 3;
    }

    .book-detail .btn-box[data-v-708becde]{
        margin-bottom: 20px;
    }

    .read-recom{
        padding: 0 15px;
    }

    .reader-popup .icon-close[data-v-77a5d03f],.icon-close[data-v-41793bf4]{
        font-size: 18px;
    }

    .popup-body .item[data-v-41793bf4]{
        width: 35px;
        height: 35px;
    }

}