img {
    display: block;
}

.btnBgBlue {
    color: #fff;
    background: linear-gradient(235deg, #8485FF, #A484FF);
}

.publicBtnPop2 {
    font-size: 0.17rem;
    border-radius: 0.1rem !important;
}

.publicBtnPop2_title {
    padding: 0.2rem 0 0;
    text-align: center;
}

.publicBtnPop2 .layui-layer-btn a {
    font-size: 0.14rem;
}

.btnBg_small {
    width: 0.42rem;
    height: 0.24rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.06rem;
    box-sizing: border-box;
    background-image: url("../../img/book/qxBtn.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.btnBg_long {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    width: 2.98rem;
    height: 0.46rem;
    border-radius: 0.23rem;
    background: linear-gradient(235deg, #8485FF, #A484FF);
}

.btnBg_reads {
    width: 50%;
    height: 0.46rem;
    border-radius: 0.23rem;
    background-color: #8485FF;
    color: #fff;
    font-size: 0.15rem;
}

.btnBg_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.765rem;
    height: 0.365rem;
    font-size: 0.12rem;
    color: #141414;
    text-align: center;
    background-image: url("../../img/book/jxgk.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}

.btnBg_2 {
    width: 1.33rem;
    height: 0.4rem;
    color: #fff;
    font-size: 0.15rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.backHomeImg {
    width: 0.49rem;
    height: 0.58rem;
    position: fixed;
    z-index: 30;
    right: 0.14rem;
}

.index .swiperBanner {
    height: 2.5rem;
    position: relative;
}

.index .swiperBanner .swiper {
    height: 100%;
}

.index .swiperBanner-search {
    position: absolute;
    height: 0.35rem;
    width: 100%;
    top: 0.1rem;
    padding: 0 0.38rem;
    box-sizing: border-box;
    z-index: 100;
}

.index .swiperBanner-search .inpWrap {
    border-radius: 0.18rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 0.14rem;
}

.index .swiperBanner-search .inpWrap .div {
    background-image: url("../../img/com/search.webp?v=0.0.45");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.145rem 0.155rem;
    padding-left: 0.2rem;
    height: 0.2rem;
}

.index .swiperBanner-Cover {
    height: 100%;
}

.index .content {
    border-radius: 0.15rem 0.15rem 0 0;
    margin-top: -0.14rem;
    position: relative;
    z-index: 20;
}

.index .content-wrap {
    border-radius: 0.15rem 0.15rem 0 0;
    background-color: #fff;
}

.index .content-wrap .list_1 {
    padding: 0.25rem 0.02rem 0;
}

.index .content-wrap .list_1_li {
    flex: 1;
}

.index .content-wrap .list_1_li .img {
    width: 0.2rem;
    height: 0.2rem;
}

.index .content-wrap .list_1_li .text {
    color: #111;
    font-size: 0.12rem;
    text-align: center;
    margin-left: 0.02rem;
}

.index .content-wrap .adsImg {
    height: 0.9rem;
    margin-top: 0.35rem;
}

.index .content-wrap .newUserWrap {
    position: relative;
    width: 100%;
    height: 2.38rem;
    background-color: #F9B5A9;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 0.05rem;
    margin-top: 0.25rem;
}

.index .content-wrap .newUserWrap-tImg {
    height: 0.3rem;
    position: absolute;
    left: 0.09rem;
    top: -0.08rem;
}

.index .content-wrap .newUserWrap-bgs {
    height: 2rem;
    position: absolute;
    right: 0;
}

.index .content-wrap .newUserWrap-cont {
    position: relative;
    z-index: 2;
}

.index .content-wrap .newUserWrap-cont .titles {
    color: #67291B;
    font-size: 0.11rem;
    margin-top: 0.3rem;
    padding-left: 0.13rem;
}

.index .content-wrap .newUserWrap-cont .book-list {
    margin-top: 0.12rem;
    font-size: 0;
    vertical-align: bottom;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    height: 1.7rem;
    position: relative;
}

.index .content-wrap .newUserWrap-cont .book-list-li {
    width: 1.06rem;
    height: 1.62rem;
    border-radius: 0.05rem;
    border: 1px solid #000;
    background-color: #fff;
    margin-left: 0.07rem;
}

.index .content-wrap .newUserWrap-cont .book-list-li .img {
    height: 1.38rem;
    border-radius: 0.05rem 0.05rem 0 0;
}

.index .content-wrap .newUserWrap-cont .book-list-li .text {
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.11rem;
    text-align: center;
    color: #141414;
}

.index .content-wrap .newUserWrap-cont .book-list-li .text.cur {
    color: #111;
    font-weight: bold;
}

.index .content-wrap .newUserWrap-cont .book-list-li:last-child {
    margin-right: 0.07rem;
}

.index .nextPage {
    font-size: 0.14rem;
}

.rankList {
    margin-top: 0.32rem;
    background-image: url("../img/index/rankBg.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0.3rem;
}

.rankList_title {
    color: #111;
    font-size: 0.18rem;
    height: 0.5rem;
    padding-top: 0.2rem;
    box-sizing: border-box;
}

.rankList_title_name {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 0.15rem;
    font-size: 0.13rem;
}

.rankList_title_name.cur {
    font-size: 0.18rem;
    font-weight: bold;
}

.rankList_wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 2.66rem;
    white-space: nowrap;
    font-size: 0;
    margin-top: 0.15rem;
}

.rankList_wrap_title {
    margin-top: 0.12rem;
}

.rankList_wrap_title .titleImg {
    height: 0.3rem;
    margin-left: -0.05rem;
}

.rankList_wrap_title .more {
    color: #141414;
    font-size: 0.14rem;
    margin-right: 0.22rem;
}

.rankList_wrap_list {
    height: 100%;
    flex-flow: column wrap;
}

.rankList_wrap_list_li {
    margin-top: 0.1rem;
    height: 0.76rem;
    width: 74%;
}

.rankList_wrap_list_li .topWrap {
    width: 0.49rem;
    height: 100%;
    max-width: 750px;
}

.rankList_wrap_list_li .topWrap .icon {
    height: 0.3rem;
}

.rankList_wrap_list_li .topWrap .text {
    font-size: 0.18rem;
    color: #787676;
    font-style: italic;
}

.rankList_wrap_list_li .bookInfo {
    width: 0;
    flex: 1 0 auto;
    height: 100%;
}

.rankList_wrap_list_li .bookInfo .img {
    width: 0.57rem;
    height: 0.76rem;
    border-radius: 0.05rem;
}

.rankList_wrap_list_li .bookInfo .info {
    flex: 1 0 auto;
    width: 0;
    height: 100%;
    margin-left: 0.06rem;
}

.rankList_wrap_list_li .bookInfo .info .title {
    color: #141414;
    font-size: 0.14rem;
    margin-top: 0.06rem;
    font-weight: bold;
}

.rankList_wrap_list_li .bookInfo .info .readText {
    color: #888888;
    font-size: 0.12rem;
    margin-top: auto;
    margin-bottom: 0.06rem;
}

.bookTags {
    margin-top: 0.04rem;
    color: #888888;
    font-size: 0.12rem;
    height: 0.16rem;
    overflow: hidden;
}

.bookTags .tag {
    float: left;
}

.bookTags .tag:nth-child(n+2) {
    margin-left: 0.1rem;
}

.bookList {
    margin-top: 0.35rem;
}

.bookList_title {
    color: #111;
    font-size: 0.18rem;
    font-weight: bold;
}

.bookList_title .lookMore {
    padding: 0 0.08rem;
    font-size: 0.11rem;
    font-weight: normal;
    height: 0.24rem;
    background-color: #fff;
    border-radius: 0.12rem;
    border: 1px solid #8485FF;
    box-sizing: border-box;
    color: #8485FF;
}

.bookList_title .lookMore .img {
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.02rem;
}

.bookList_li {
    margin-top: 0.16rem;
}

.bookList_li .cover {
    border-radius: 0.05rem;
    position: relative;
}

.bookList_li .title {
    color: #141414;
    font-size: 0.14rem;
    margin-top: 0.06rem;
    font-weight: bold;
}

.bookList_li .about {
    margin-top: 0.04rem;
    color: #888888;
    font-size: 0.12rem;
}

.bookList_3_list {
    width: 100%;
}

.bookList_3_list_li {
    width: 1.14rem;
}

.bookList_3_list_li .cover {
    width: 100%;
    height: 1.5rem;
}

.bookList_3_list_li:nth-child(3n-1) {
    margin-left: 0.065rem;
    margin-right: 0.065rem;
}

.bookList_2_list {
    width: 100%;
}

.bookList_2_list_li {
    width: 1.72rem;
}

.bookList_2_list_li .cover {
    width: 100%;
    height: 1.12rem;
    border: 0;
    overflow: hidden;
}

.bookList_2_list_li:nth-child(even) {
    margin-left: auto;
}

.bookList .changeListBtn {
    height: 0.38rem;
    border-radius: 0.19rem;
    background-color: #F0F0F0;
    margin-top: 0.2rem;
}

.bookList .changeListBtn .btn {
    flex: 1;
}

.bookList .changeListBtn .btn .div {
    color: #888888;
    font-size: 0.14rem;
    background-size: 0.16rem;
    background-repeat: no-repeat;
    background-position: left center;
    height: 0.2rem;
    line-height: 0.2rem;
}

.bookList .changeListBtn .btn .img {
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.04rem;
}

@keyframes rotateChange {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

.footerLine {
    width: 100%;
    height: 1rem;
}

.footer {
    position: fixed;
    width: 100%;
    height: 0.84rem;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
    box-sizing: border-box;
    padding: 0 0.06rem;
    max-width: 750px;
}

.footer-li {
    flex: 1;
    padding-top: 0.15rem;
}

.footer-li .img {
    height: 0.25rem;
    position: relative;
    z-index: 1;
}

.footer-li .text {
    color: #BCBCBC;
    font-size: 0.1rem;
    margin-top: 0.02rem;
}

.footer .cur .text {
    color: #111;
}

.bookPage a.loginBtn {
    font-size: 0.16rem;
    margin-top: 1rem;
    text-align: center;
}

.bookPage .bar {
    width: 100%;
    height: 0.4rem;
    position: fixed;
    top: 0.44rem;
    background-color: #fff;
    padding-bottom: 0.05rem;
    z-index: 10;
}

.bookPage .bar-li {
    color: #9B9B9B;
    font-size: 0.13rem;
    width: 0.58rem;
}

.bookPage .bar-li .div {
    height: 0.2rem;
    line-height: 0.23rem;
}

.bookPage .bar-li.cur {
    font-weight: bold;
    color: #111;
    font-size: 0.2rem;
}

.bookPage .bar-li.cur .div {
    position: relative;
    padding: 0.1rem 0;
    line-height: 0.2rem;
}

.bookPage .bar .del {
    margin-right: 0.12rem;
}

.bookPage .bar .del .delImg {
    width: 0.16rem;
    height: 0.16rem;
}

.bookPage .bar .del .cancel {
    color: #9778FF;
    font-size: 0.13rem;
    line-height: 0.26rem;
    width: 0.44rem;
    height: 0.26rem;
    text-align: center;
    display: none;
    background-color: #F0ECFF;
    border-radius: 0.13rem;
}

.bookPage .delBtn {
    width: 100%;
    height: 0.82rem;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    display: none;
    z-index: 10;
}

.bookPage .delBtn .btns {
    width: 1.65rem;
    height: 0.44rem;
    margin: 0.1rem auto 0;
    color: #fff;
    border-radius: 0.22rem;
    font-size: 0.15rem;
    background-color: #8785FF;
}

.bookPage .bookList_li {
    margin-top: 0;
}

.bookPage .bookList_li:nth-child(n+4) {
    margin-top: 0.16rem;
}

.bookPage.cur .del .delImg {
    display: none;
}

.bookPage.cur .del .cancel {
    display: block;
}

.bookPage.cur .mask {
    display: block;
}

.bookPage.cur .delBtn {
    display: block;
}

.bookPage.cur .footer.flex {
    z-index: 1;
}

.bookPage.cur .looks {
    display: none;
}

.bookPage .selImg {
    width: 0.17rem;
    height: 0.17rem;
    background-image: url("../img/com/circle_nor.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bookPage .selImg.sel {
    background-image: url("../img/com/circle_sel.webp?v=0.0.45") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: none !important;
}

.bookPage.bookHistory .selImg {
    display: none;
    right: 0 !important;
    position: absolute;
    top: 50%;
    margin-top: -0.085rem;
    background-image: none;
    border: 1px solid #858585;
    border-radius: 50%;
    box-sizing: border-box;
}

.bookPage.bookHistory.cur .selImg {
    display: block;
}

.bookPage .bookList {
    margin: 0.52rem 0 0;
    padding: 0 0.1rem;
}

.bookPage .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
}

.bookPage .mask .selImg {
    position: absolute;
    bottom: 0.05rem;
    right: 0.05rem;
}

.bookPage .history_list {
    margin-top: 0.52rem;
    padding: 0 0.1rem;
}

.bookPage .history_list_li {
    height: 1.18rem;
    position: relative;
}

.bookPage .history_list_li:nth-child(n+2) {
    margin-top: 0.16rem;
}

.bookPage .history_list_li .cover {
    width: 0.9rem;
    height: 1.18rem;
    border-radius: 0.04rem;
}

.bookPage .history_list_li .info {
    width: 0;
    flex: 1 0 auto;
    margin-left: 0.1rem;
    height: 100%;
    color: #888888;
    font-size: 0.12rem;
}

.bookPage .history_list_li .info .title {
    font-size: 0.16rem;
    color: #141414;
    margin-top: 0.1rem;
}

.bookPage .history_list_li .info .desc {
    margin-top: 0.05rem;
}

.bookPage .history_list_li .info .update {
    margin-top: auto;
    margin-bottom: 0.14rem;
}

.bookPage .history_list_li .looks {
    width: 0.73rem;
    height: 0.3rem;
    border-radius: 0.15rem;
    margin-left: auto;
    font-size: 0.12rem;
    color: #fff;
    background: linear-gradient(235deg, #8485FF, #A484FF);
}

.mePage .coverImg {
    width: 100%;
    height: 1.9rem;
    background-image: url("../../img/defaultCover.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mePage .userInfo {
    margin: -0.75rem 0.15rem 0;
    width: calc(100% - 0.3rem);
    height: 1.02rem;
    box-sizing: border-box;
    padding: 0 0.15rem 0 0.2rem;
    background-image: url("../../img/me/infoBg.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mePage .userInfo .headImg {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    margin-top: 0.05rem;
}

.mePage .userInfo .info {
    margin-left: 0.1rem;
    margin-top: 0.15rem;
    color: #141414;
    font-size: 0.14rem;
    width: 0;
    flex: 1 0 auto;
}

.mePage .userInfo .info .id {
    color: #9B9B9B;
    font-size: 0.12rem;
    margin-top: 0.04rem;
}

.mePage .userInfo .edit {
    width: 0.42rem;
    height: 0.24rem;
    font-size: 0.12rem;
    margin-top: 0.15rem;
    border-radius: 0.12rem;
}

.mePage .li {
    padding: 0.17rem 0.15rem;
}

.mePage .li:nth-child(3) {
    margin-top: 0.23rem;
}

.mePage .li .icon {
    width: 0.17rem;
    height: 0.17rem;
}

.mePage .li .text {
    line-height: 0.2rem;
    color: #141414;
    font-size: 0.14rem;
    margin-left: 0.1rem;
}

.mePage .li .arrowRight {
    width: 0.16rem;
    height: 0.16rem;
    margin-left: auto;
}

.editPage .headImg {
    width: 0.72rem;
    height: 0.72rem;
    position: relative;
    margin: 0.42rem auto 0;
}

.editPage .headImg:before {
    content: '';
    width: 0.255rem;
    height: 0.21rem;
    position: absolute;
    left: 50%;
    margin-left: -0.1275rem;
    top: 50%;
    margin-top: -0.105rem;
    background-image: url("../../img/me/upload.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.editPage .headImg .img {
    border-radius: 50%;
}

.editPage .headImg .mask {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
}

.editPage .headImg .mask .edit {
    width: 0.255rem;
    height: 0.21rem;
}

.editPage .uid {
    color: #888888;
    font-size: 0.14rem;
    margin-top: 0.06rem;
}

.editPage .list {
    padding: 0.16rem 0.15rem;
    font-size: 0.14rem;
    color: #141414;
    height: 0.2rem;
    line-height: 0.2rem;
}

.editPage .list:nth-child(3) {
    margin-top: 0.3rem;
}

.editPage .list .nick {
    width: 0.7rem;
}

.editPage .list .inps {
    background-color: #fff;
    cursor: none !important;
    width: 0;
    color: #888;
    flex: 1 0 auto;
}

.editPage .list .inp {
    background-color: #fff;
    cursor: none !important;
    width: 0;
    color: #141414;
    flex: 1 0 auto;
    line-height: 0.2rem;
    font-size: 0.14rem;
}

.editPage .list .inp::placeholder {
    color: #888;
}

.editPage .list .cur {
    color: #141414;
}

.editPage .okBtn {
    margin-top: 0.3rem;
    color: #141414;
    font-size: 0.15rem;
}

.bookInfo .bookCover {
    width: 100%;
    height: 2.5rem;
    position: relative;
}

.bookInfo .bookCover .detail {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.88rem;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    padding-left: 0.16rem;
    box-sizing: border-box;
}

.bookInfo .bookCover .detail .info .title {
    font-size: 0.17rem;
    color: #fff;
}

.bookInfo .bookCover .detail .tags {
    margin-top: 0.1rem;
}

.bookInfo .bookCover .detail .tags .tag {
    float: left;
    height: 0.2rem;
    line-height: 0.2rem;
    padding: 0 0.1rem;
    font-size: 0.14rem;
    border-radius: 0.1rem;
    border: 1px solid #fff;
    color: #fff;
}

.bookInfo .bookCover .detail .tags .tag:nth-child(n+2) {
    margin-left: 0.12rem;
}

.bookInfo .detail {
    border-radius: 0.15rem 0.15rem 0 0;
    margin-top: -0.2rem;
    position: relative;
    background-color: #fff;
}

.bookInfo .detail .collectImg {
    width: 0.43rem;
    height: 0.43rem;
    border-radius: 50%;
    position: absolute;
    top: -0.28rem;
    right: 0.18rem;
}

.bookInfo .detail .collectImg .img {
    width: 0.3rem;
    height: 0.3rem;
    background-image: url("../img/tabbar/collect_nor.webp?v=0.0.45");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bookInfo .detail .collectImg.cur .img {
    background-image: url("../img/tabbar/collect_sel.webp");
}

.bookInfo .detail_wrap {
    padding: 0.26rem 0.16rem 0;
}

.bookInfo .detail_wrap .title {
    font-size: 0.15rem;
}

.bookInfo .detail .status {
    color: #141414;
    font-size: 0.12rem;
}

.bookInfo .detail .status .up {
    color: #888888;
}

.bookInfo .detail .status .right {
    width: 0.15rem;
    height: 0.15rem;
    margin-left: 0.08rem;
}

.bookInfo .detail #articleIntroStr {
    display: inline;
}

.bookInfo .detail .about {
    color: #888888;
    font-size: 0.12rem;
    margin-top: 0.1rem;
    line-height: 0.2rem;
    position: relative;
}

.bookInfo .detail .about .rect-fold {
    padding-left: 0.05rem;
}

.bookInfo .detail .about .moreText:before {
    content: '';
    float: right;
    width: 0;
    height: 100%;
    margin-bottom: -0.2rem;
}

.bookInfo .detail .about .span {
    color: #FF7B64;
    float: right;
    clear: both;
    width: 0.24rem;
    height: 0.16rem;
}

.bookInfo .detail .about .span:after {
    content: '展开';
}

.bookInfo .detail .about .span.cur:after {
    content: '收起';
}

.bookInfo .detail .mulu {
    color: #141414;
    font-size: 0.14rem;
    margin-top: 0.24rem;
}

.bookInfo .detail .chapterList {
    padding: 0.12rem 0.1rem 0;
    font-size: 0;
    vertical-align: bottom;
    overflow-x: scroll;
    white-space: nowrap;
}

.bookInfo .detail .chapterList::-webkit-scrollbar {
    display: none;
}

.bookInfo .detail .chapterList_li {
    width: 1.45rem;
    display: inline-block;
}

.bookInfo .detail .chapterList_li:nth-child(n+2) {
    margin-left: 0.08rem;
}

.bookInfo .detail .chapterList_li .cover {
    width: 100%;
    height: 0.83rem;
    border-radius: 0.05rem;
}

.bookInfo .detail .chapterList_li .title {
    font-size: 0.14rem;
    color: #141414;
    margin-top: 0.06rem;
}

.bookInfo .detail .likeList {
    padding: 0 0.1rem;
}

.bookInfo .detail .likeList .bookList_title {
    color: #141414;
    font-size: 0.15rem;
    padding-left: 0.06rem;
    margin-top: 0.32rem;
}

.bookInfo .fiexdLine {
    width: 100%;
    height: 1rem;
}

.bookInfo .readBtnWrap {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 0.9rem;
    max-width: 750px;
    padding: 0.1rem 0.1rem 0;
}

.bookInfo .readBtnWrap_text {
    font-size: 0.14rem;
    color: #141414;
    height: 0.46rem;
}

.sectionInfo .detail .status {
    height: 0.2rem;
    line-height: 0.2rem;
}

.sectionInfo .detail .status .lookDesc {
    margin-left: auto;
    color: #888888;
}

.sectionInfo .detail .status .lookDesc .rotate {
    width: 0.16rem;
    height: 0.16rem;
    margin-left: 0.04rem;
    transition: 0.1s all ease-in-out;
}

.sectionInfo .detail .status .lookDesc.cur .rotate {
    transform: rotate(180deg);
}

.sectionInfo .detail .descContent {
    display: none;
    line-height: 0.2rem;
    font-size: 0.12rem;
    color: #888888;
    margin-top: 0.12rem;
}

.sectionInfo .sectionImgList {
    margin-top: 0.25rem;
}

.sectionInfo .nextBtn {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.sectionInfo .nextBtn .btns {
    width: 1.3rem;
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.13rem;
    color: #141414;
    text-align: center;
    background-color: #E5E5E5;
    border-radius: 0.16rem;
}

.sectionInfo .moreList {
    width: 100%;
    height: 0.7rem;
    position: fixed;
    bottom: 0;
    z-index: 888;
    box-sizing: border-box;
    padding: 0 0.1rem 0.1rem;
    max-width: 750px;
}

.sectionInfo .moreList_li {
    color: #888888;
    font-size: 0.11rem;
    flex: 1;
}

.sectionInfo .moreList_li .icon {
    width: 0.2rem;
    height: 0.2rem;
}

.sectionInfo .moreList_li .text {
    margin-top: 0.05rem;
}

.popWrap {
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    position: fixed;
    display: none;
    max-width: 750px;
}

.popWrap .masks {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.popWrap .chapterContent {
    width: 100%;
    height: 80%;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 0;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.26rem 0.15rem 0;
    box-sizing: border-box;
    display: none;
}

.popWrap .chapterContent .infos .title {
    color: #141414;
    font-size: 0.15rem;
}

.popWrap .chapterContent .infos .order {
    color: #888888;
    font-size: 0.12rem;
    padding-right: 0.2rem;
    background-image: url("../img/com/zorder.webp?v=0.0.45");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.15rem;
    position: relative;
    height: 0.2rem;
    line-height: 0.2rem;
}

.popWrap .chapterContent .infos .order::before {
    content: '\6B63\5E8F';
}

.popWrap .chapterContent .infos .order_s {
    background-image: url("../img/com/dorder.webp");
}

.popWrap .chapterContent .infos .order_s::before {
    content: '\5012\5E8F';
}

.popWrap .chapterContent .status {
    color: #888888;
    font-size: 0.12rem;
    margin-top: 0.04rem;
    padding-bottom: 0.1rem;
}

.popWrap .chapterContent .status .circle {
    width: 0.05rem;
    height: 0.05rem;
    margin: 0 0.05rem;
}

.popWrap .chapterContent .scrollList {
    width: 100%;
    height: 0;
    flex: 1 0 auto;
    overflow-y: scroll;
}

.popWrap .chapterContent .scrollList_li {
    height: 0.64rem;
    margin-top: 0.2rem;
}

.popWrap .chapterContent .scrollList_li:first-child {
    margin-top: 0.1rem;
}

.popWrap .chapterContent .scrollList_li:last-child {
    margin-bottom: 0.2rem;
}

.popWrap .chapterContent .scrollList_li .cover {
    width: 1.12rem;
    height: 100%;
    border-radius: 0.05rem;
}

.popWrap .chapterContent .scrollList_li .info {
    font-size: 0.14rem;
    margin-left: 0.1rem;
    width: 0;
    flex: 1 0 auto;
}

.popWrap .chapterContent .scrollList_li .info .title {
    color: #141414;
    margin-top: 0.02rem;
}

.popWrap .chapterContent .scrollList_li .info .new {
    width: 0.29rem;
    height: 0.16rem;
    margin-right: 0.05rem;
}

.popWrap .chapterContent .scrollList_li .info .time {
    font-size: 0.12rem;
    color: #888888;
    margin-top: 0.16rem;
}

.searchBook {
    font-size: 0.14rem;
    padding-left: 0.35rem;
    height: 0.36rem;
    line-height: 0.36rem;
    border-radius: 0.18rem;
    background-color: #F0F0F0;
    background-image: url("../../img/com/searchs.webp?v=0.0.45");
    background-position: 0.1rem center;
    background-repeat: no-repeat;
    background-size: 0.145rem 0.155rem;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin-top: 0.2rem;
}

.searchBook_div {
    color: #9B9B9B;
}

.searchBook::placeholder {
    color: #9B9B9B;
}

.bookUpdate {
    min-height: 100vh;
}

.bookUpdate .fullCont {
    flex: 1 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bookUpdate .fullCont::after {
    content: '\6682\65E0\6570\636E';
    font-size: 0.15rem;
}

.bookUpdate .topWrap {
    height: 1rem;
    position: fixed;
    width: 100%;
    top: 0.44rem;
    z-index: 1;
    max-width: 750px;
}

.bookUpdate .times {
    margin-top: 0.16rem;
    height: 0.2rem;
    line-height: 0.2rem;
}

.bookUpdate .times .time {
    color: #9B9B9B;
    font-size: 0.13rem;
    flex: 1;
    text-align: center;
}

.bookUpdate .times .time .text {
    position: relative;
    transition: 0.1s all ease-in-out;
}

.bookUpdate .times .time .text.cur {
    color: #9778FF;
    font-size: 0.15rem;
    padding-bottom: 0.03rem;
    font-weight: bold;
}

.bookUpdate .bookList {
    margin-top: 0;
}

.bookUpdate .list {
    box-sizing: border-box;
    margin-top: 0.92rem;
}

.bookSort .bookList {
    margin-top: 0;
}

.bookSort .sorts {
    padding: 0 0.02rem;
}

.bookSort .sorts .sort {
    float: left;
    color: #9B9B9B;
    padding: 0 0.12rem;
    font-size: 0.14rem;
}

.bookSort .sorts .sort .div {
    padding: 0.05rem 0 0.1rem;
    position: relative;
    cursor: pointer;
}

.bookSort .sorts .sort .div.cur {
    color: #9778FF;
    font-weight: bold;
}

.bookSort .sorts.tagWrap {
    margin-top: 0.15rem;
}

.bookSort .orderWrap .sort .div {
    padding: 0.05rem 0;
}

.bookSort .fiexdTop {
    width: 100%;
    position: fixed;
    top: 0.44rem;
    max-width: 750px;
    display: none;
    z-index: 20;
}

.bookSort .fiexdTop .sortList {
    display: none;
}

.bookSort .fiexdTop .title {
    line-height: 0.36rem;
    font-size: 0.14rem;
    height: 0.36rem;
    background-color: #F0F0F0;
    color: #9B9B9B;
}

.bookSort .fiexdTop .tagWrap {
    margin-top: 0.05rem;
}

.bookSort .fiexdTop .orderWrap {
    padding-bottom: 0.05rem;
}

.bookRank .bars {
    width: 100%;
    height: 0.3rem;
    position: fixed;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    z-index: 20;
    top: 0.44rem;
    white-space: nowrap;
    font-size: 0;
}

.bookRank .barsLine {
    width: 100%;
    height: 0.6rem;
}

.bookRank .bars .barWrap {
    width: 0.75rem;
    height: 0.3rem;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0.15rem;
    color: #9778FF;
    font-size: 0.13rem;
}

.bookRank .bars .barWrap .bar {
    width: 100%;
    height: 100%;
    border-radius: 0.15rem;
    background-color: #F0ECFF;
}

.bookRank .bars .barWrap .bar.cur {
    color: #fff;
    background-color: #9778FF;
}

.bookRank .rank_List {
    padding: 0 0.25rem;
    margin-top: 0.15rem;
}

.bookRank .rank_List_li {
    width: 100%;
    height: 1.18rem;
    margin-top: 0.2rem;
    position: relative;
}

.bookRank .rank_List_li:last-child {
    margin-bottom: 0.2rem;
}

.bookRank .rank_List_li .cover {
    width: 0.9rem;
    height: 1.18rem;
    border-radius: 0.05rem;
}

.bookRank .rank_List_li .info {
    width: 0;
    height: 100%;
    flex: 1 0 auto;
    font-size: 0.12rem;
    margin-left: 0.1rem;
}

.bookRank .rank_List_li .info .title {
    font-size: 0.16rem;
    margin-top: 0.1rem;
}

.bookRank .rank_List_li .info .about {
    color: #888888;
    margin-top: 0.06rem;
}

.bookRank .rank_List_li .info .bookTags {
    margin-top: auto;
    margin-bottom: 0.1rem;
}

.bookRank .rank_List_li .info .hot {
    color: #FF3E3E;
    margin-top: auto;
    margin-bottom: 0.1rem;
}

/*顶部导航*/
.navBar {
    height: 0.44rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.1rem;
    font-size: 0.15rem;
    color: #111;
    font-weight: bold;
    position: fixed;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    max-width: 750px;
    margin: 0 auto;
}

.navBarLine {
    height: 0.44rem;
}

.navBar .backImg {
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
}

.navBar .title {
    margin: 0 auto;
}

/*登录弹窗*/
.loginPop {
    display: block;
}

.loginPop .masks {
    display: block;
}

.loginPop .contentWrap {
    width: 100%;
    height: 3.5rem;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 0;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.26rem 0.38rem 0;
    box-sizing: border-box;
}

.loginPop .contentWrap .title {
    color: #141414;
    font-size: 0.2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    position: relative;
}

.loginPop .contentWrap .title .backLogin {
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    top: 50%;
    margin-top: -0.11rem;
}

.loginPop .contentWrap .input {
    width: 100%;
    display: block;
    background-color: #F2F2FF;
    height: 0.44rem;
    border-radius: 0.22rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
    margin-top: 0.2rem;
    font-size: 0.15rem;
}

.loginPop .contentWrap .input::placeholder {
    color: #5D5D5D;
}

.loginPop .contentWrap .input.phone {
    margin-top: 0.3rem;
}

.loginPop .contentWrap .wraps {
    font-size: 0.12rem;
    color: #989898;
    margin-top: 0.12rem;
    padding: 0 0.1rem;
}

.loginPop .contentWrap .wraps .registerAccount span {
    color: #FF7B64;
}

.loginPop .contentWrap .codeInput {
    height: 0.44rem;
    margin-top: 0.2rem;
}

.loginPop .contentWrap .codeInput .input {
    width: 0;
    flex: 1 0 auto;
    margin-top: 0;
    border-radius: 0.22rem 0 0 0.22rem;
}

.loginPop .contentWrap .codeInput .getCode {
    width: 1rem;
    line-height: 0.44rem;
    text-align: center;
    color: #fff;
    font-size: 0.15rem;
    background-color: #9778FF;
    border-radius: 0 0.22rem 0.22rem 0;
}

.loginPop .contentWrap .loginBtn {
    font-size: 0.15rem;
    color: #fff;
    margin-top: 0.3rem;
}

.loginPop .contentWrap .tips {
    font-size: 0.12rem;
    color: #141414;
    text-align: center;
    margin-top: 0.12rem;
}

.loginPop .contentWrap .tips a {
    display: inline-block;
    color: #9778FF;
}

.loginPop .loginPage {
    display: block;
}

.loginPop .registerPage {
    display: none;
}

.loginPop .registerPage .loginBtn {
    margin-top: 0.2rem;
}

.loginPop .updatePwdPage {
    display: none;
}

.loginPop .updatePwdPage .loginBtn {
    margin-top: 0.3rem;
}

/*搜索*/
.comSearch .topWrap {
    width: 100%;
    position: fixed;
    z-index: 20;
    max-width: 750px;
}

.comSearch .topWraps {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.comSearch .topWrap .searchBook {
    flex: 1 0 auto;
    width: 0;
    margin-top: 0;
}

.comSearch .topWrap .btn {
    font-size: 0.14rem;
    padding-left: 0.2rem;
    padding-right: 0.05rem;
}

.comSearch .topWrap .btn:after {
    content: '\53D6\6D88';
}

.comSearch .topWrap .btn_s:after {
    content: '\786E\5B9A';
}

.comSearch .list {
    padding-top: 0.64rem;
}

.comSearch .list .li {
    height: 1.18rem;
    padding-top: 0.2rem;
}

.comSearch .list .li .cover {
    width: 0.9rem;
    height: 100%;
    border-radius: 0.05rem;
}

.comSearch .list .li .info {
    width: 0;
    flex: 1 0 auto;
    height: 100%;
    margin-left: 0.1rem;
}

.comSearch .list .li .info .title {
    color: #141414;
    font-size: 0.16rem;
    font-weight: bold;
    margin-top: 0.1rem;
}

.comSearch .list .li .info .about {
    margin-top: 0.08rem;
    color: #888888;
    font-size: 0.12rem;
}

.comSearch .list .li .info .hotNum {
    color: #FC5791;
    font-size: 0.12rem;
    margin-top: auto;
    margin-bottom: 0.12rem;
}

.sharePage .content {
    position: absolute;
    top: 0;
    width: 100%;
}

.sharePage .content .logo {
    margin-top: 0.2rem;
    width: 0.63rem;
    height: 0.265rem;
    margin-left: auto;
    margin-right: 0.2rem;
}

.sharePage .content .texts {
    width: 3.45rem;
    height: 1.55rem;
    margin-top: -0.3rem;
}

.sharePage .content .qrCode {
    width: 1.7rem;
    height: 1.7rem;
    padding: 0.15rem;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0.05rem;
    margin: 0.2rem auto 0;
}

.sharePage .content .yqText {
    color: #FDF3A8;
    font-size: 0.16rem;
    text-align: center;
    margin-top: 0.2rem;
}

.sharePage .content .yqText .text {
    margin-top: 0.05rem;
    font-size: 0.12rem;
}

.sharePage .wraps {
    position: relative;
}

.sharePage .wraps .userInfo {
    padding: 0 0.25rem;
    margin-top: 0.46rem;
    width: 100%;
    box-sizing: border-box;
}

.sharePage .wraps .userInfo .info {
    width: 100%;
    height: 0.92rem;
    background-color: #fff;
    border-radius: 0.1rem;
    border: 0.02rem solid #FF6D4C;
    box-sizing: border-box;
    padding: 0 0.2rem 0 0.16rem;
}

.sharePage .wraps .userInfo .info .headImg {
    width: 0.65rem;
    height: 0.65rem;
    box-sizing: border-box;
    border: 1px solid #FF6D4C;
    border-radius: 50%;
}

.sharePage .wraps .userInfo .info .users {
    margin-left: 0.1rem;
}

.sharePage .wraps .userInfo .info .users .nick {
    color: #000;
    font-size: 0.17rem;
    font-weight: bold;
}

.sharePage .wraps .userInfo .info .users .uid {
    color: #787878;
    font-size: 0.12rem;
    margin-top: 0.05rem;
}

.sharePage .wraps .userInfo .info .btn {
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    color: #fff;
    background-color: #FF6D4C;
    border-radius: 0.15rem;
    margin-left: auto;
}

.sharePage .saveBtn {
    margin: 0 0.22rem;
    color: #fff;
    font-size: 0.15rem;
    background-color: #FF6D4C;
    line-height: 0.46rem;
    border-radius: 0.23rem;
    text-align: center;
    margin-top: 0.4rem;
}

.editPage .btnBg_2 {
    border-radius: 0.2rem;
}

.fiexdBtns {
    position: fixed;
    box-sizing: border-box;
    padding-right: .15rem;
    bottom: 1rem;
    z-index: 20;
    max-width: 750px;
    width: 100%;
}

.fiexdBtns .img {
    width: .5rem;
    height: .5rem;
    margin-top: .1rem;
}

/*# sourceMappingURL=cartoon.css.map */