.comment-box[data-v-60b776b8]{height:70%;overflow:hidden;background:#fff;border-radius:12px 12px 0 0;display:flex;flex-direction:column;padding-bottom:56px}.comment-box .comment-header[data-v-60b776b8]{position:relative;padding:16px;z-index:8}.comment-box .comment-header .comment-title[data-v-60b776b8]{font-size:18px;color:#222;text-align:center}.comment-box .comment-header .close-btn[data-v-60b776b8]{position:absolute;top:16px;right:16px}.comment-box .comment-header .close-btn img[data-v-60b776b8]{width:18px;height:18px}.comment-box .comment-content[data-v-60b776b8]{flex:1;overflow:hidden;overflow-y:auto}.comment-box .empty-box[data-v-60b776b8]{height:calc(100% - 55px);display:flex;align-items:center;justify-content:center}.comment-box .comment-list[data-v-60b776b8]{padding:0 16px 0}.comment-box .comment-list .comment-item[data-v-60b776b8]{display:flex;margin-bottom:16px}.comment-box .comment-list .comment-item .avatar[data-v-60b776b8]{margin-right:10px}.comment-box .comment-list .comment-item .avatar img[data-v-60b776b8]{width:36px;height:36px;border-radius:50%;overflow:hidden}.comment-box .comment-list .comment-item .comment-center[data-v-60b776b8]{margin-right:16px;width:calc(100% - 80px)}.comment-box .comment-list .comment-item .comment-center .user-info[data-v-60b776b8]{font-size:14px;margin-bottom:4px}.comment-box .comment-list .comment-item .comment-center .comment-cont[data-v-60b776b8]{font-size:14px;line-height:21px;margin:5px 0}.comment-box .comment-list .comment-item .comment-center .send-time[data-v-60b776b8]{font-size:10px;color:hsla(0,0%,100%,.4)}.comment-box .comment-list .comment-item .comment-center .reply span[data-v-60b776b8]{font-size:12px}.comment-box .comment-list .comment-item .comment-center .reply .reply-total[data-v-60b776b8]{margin-left:36px}.comment-box .comment-list .comment-item .comment-right[data-v-60b776b8]{font-size:12px;text-align:center}.comment-box .comment-list .comment-item .comment-right img[data-v-60b776b8]{width:16px}.comment-box .comment-list .comment-item .child-comment[data-v-60b776b8]{margin-top:12px}.comment-box .comment-list .comment-item[data-v-60b776b8]:last-child{margin-bottom:0}[data-v-60b776b8] .van-cell-group{position:absolute;bottom:0;left:0;right:0;height:56px}[data-v-60b776b8] .van-cell-group .van-cell{padding-top:0}[data-v-60b776b8] .van-cell-group .van-cell .van-cell__value{background:#eee;border-radius:6px 0 0 6px;padding:6px 12px;font-size:12px}[data-v-60b776b8] .van-cell-group .van-cell .van-cell__value .van-field__body input{color:#222}[data-v-60b776b8] .van-cell-group .van-cell .comment-btn{width:72px;height:36px;line-height:36px;font-size:12px}.data-item[data-v-03779d86]{margin-bottom:12px;overflow:hidden;position:relative;cursor:pointer;background:#fff;border-radius:5px;box-shadow:0 0 12px hsla(0,0%,80.8%,.25098039215686274)}.data-item .data-top[data-v-03779d86]{width:100%;position:absolute;left:0;top:0;z-index:1;display:inline-flex;align-items:center;justify-content:flex-end;font-size:12px}.data-item .data-top .free[data-v-03779d86]{padding:3px 6px;color:#fff;background:var(--free-tag-bg-color);overflow:hidden;border-radius:4px}.data-item .data-top .gold[data-v-03779d86]{padding:3px 6px;background:var(--gold-tag-bg-color);overflow:hidden;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.data-item .data-top .gold img[data-v-03779d86]{width:12px;height:12px;margin-left:4px}.data-item .data-top .level[data-v-03779d86]{padding:3px 6px;color:#fff;background:var(--level-tag-bg-color);overflow:hidden;border-radius:4px}.data-item .data-top .vip[data-v-03779d86]{padding:3px 6px;color:#fff;background:var(--vip-tag-bg-color);overflow:hidden;border-radius:4px}.data-item .data-img[data-v-03779d86]{display:block;width:100%;overflow:hidden;position:relative}.data-item .data-img .cover-img[data-v-03779d86]{position:relative}.data-item .data-img .cover-img>img[data-v-03779d86]{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover}.data-item .data-img .cover-img img[lazy=error][data-v-03779d86],.data-item .data-img .cover-img img[lazy=loading][data-v-03779d86]{-o-object-fit:contain;object-fit:contain}.data-item .data-status[data-v-03779d86]{position:absolute;right:4px;bottom:4px;background:rgba(255,72,133,.8);border-radius:99px;overflow:hidden;padding:4px 12px;font-size:10px;color:#fff}.data-item .data-bottom[data-v-03779d86]{padding:5px}.data-item .data-bottom .data-desc[data-v-03779d86]{width:100%;padding:0 0 4px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.data-item .data-bottom .data-desc .data-name[data-v-03779d86]{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.data-item .data-bottom .data-update[data-v-03779d86]{color:#999;font-size:12px;display:flex;align-items:center;justify-content:space-between}.data-item .data-bottom .data-update .view-num[data-v-03779d86]{color:#999;display:inline-flex;align-items:center}.data-item .data-bottom .data-update .view-num .van-icon[data-v-03779d86]{font-size:16px;margin-right:2px}.data-item .data-bottom .data-update span[data-v-03779d86]{color:#ff4885}.data-item .data-bottom .data-update .tag-list[data-v-03779d86]{color:#2e9af5}.data-item .data-bottom .data-update .tag-list .tag-item[data-v-03779d86]{margin-left:6px}.recommend-area[data-v-763d67b6]{background:#fff}.recommend-title[data-v-763d67b6]{padding:16px;font-size:18px}.masonry-grid[data-v-763d67b6]{margin:0 16px}.masonry-grid .gutter-size[data-v-763d67b6]{width:3%}.masonry-grid .grid-item[data-v-763d67b6]{width:48.5%}.van-dialog[data-v-0df6fb70]{background-color:transparent;border-radius:0;width:85%}.van-dialog .dialog-content .btn-close[data-v-0df6fb70]{position:absolute;right:6px;top:6px;z-index:1;font-size:32px;cursor:pointer;color:#fff}.van-dialog .dialog-content .content[data-v-0df6fb70]{width:100%;height:300px;background-position:top;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden}.van-dialog .dialog-content .content .content-img[data-v-0df6fb70]{width:100%;height:100%}.van-dialog .dialog-content .content .content-img img[data-v-0df6fb70]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.van-dialog .dialog-content .content .logo[data-v-0df6fb70]{position:absolute;top:12px;left:12px;width:64px}.van-dialog .dialog-content .content .logo img[data-v-0df6fb70]{width:100%}.van-dialog .dialog-content .content .content-bottom[data-v-0df6fb70]{width:100%;position:absolute;left:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));padding:36px 12px 12px}.van-dialog .dialog-content .content .content-bottom .comic-name[data-v-0df6fb70]{font-size:14px;color:#f8f8f8;margin-bottom:16px}.van-dialog .dialog-content .content .content-bottom .qr-code-wraper[data-v-0df6fb70]{width:100%;display:inline-flex;align-items:center;justify-content:space-between}.van-dialog .dialog-content .content .content-bottom .qr-code-wraper .qr-code[data-v-0df6fb70]{width:64px;height:64px;display:inline-flex;padding:4px;background:#fff;margin:0 auto;border-radius:6px}.van-dialog .dialog-content .content .content-bottom .qr-code-wraper .content-wraper[data-v-0df6fb70]{width:calc(100% - 64px);padding:0 6px;box-sizing:border-box;font-size:14px;color:#f8f8f8;text-align:center}.van-dialog .dialog-content .content .content-bottom .qr-code-wraper .content-wraper .invitacode[data-v-0df6fb70]{color:#fff;font-size:18px;margin-bottom:8px}.van-dialog .dialog-content .btn-box[data-v-0df6fb70]{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between}.van-dialog .dialog-content .btn-box .van-button[data-v-0df6fb70]{width:150px;margin-bottom:12px}.van-dialog[data-v-ea5f0350]{background:linear-gradient(#f4f7ff 20%,#fff);width:85%}.van-dialog .dialog-content .btn-close[data-v-ea5f0350]{position:absolute;right:6px;top:6px;z-index:1;font-size:32px;cursor:pointer;color:#333}.van-dialog .dialog-content .content[data-v-ea5f0350]{padding:0 24px}.van-dialog .dialog-content .content .title[data-v-ea5f0350]{height:72px;line-height:72px;font-size:20px;text-align:center}.van-dialog .dialog-content .content .form-section[data-v-ea5f0350]{padding:16px 0}.van-dialog .dialog-content .content .form-bottom[data-v-ea5f0350]{display:flex;align-items:center;justify-content:space-between;font-size:12px}.van-dialog .dialog-content .btn-box[data-v-ea5f0350]{margin:24px 0 42px}[data-v-ea5f0350] .van-cell-group{margin:0}[data-v-ea5f0350] .van-cell{background:#fff}.page-container .page-top[data-v-2f4026fb]{width:100%;position:fixed;top:var(--safe-area-top);left:0;z-index:99}.page-container .is-bg[data-v-2f4026fb]{background:rgba(0,0,0,.5019607843137255)}.page-content[data-v-2f4026fb]{flex:1;overflow:auto;position:relative;z-index:2;padding-top:44px}.page-content .comic-img[data-v-2f4026fb]{width:100%;height:100%;position:absolute;top:0;z-index:-2}.page-content .comic-img img[data-v-2f4026fb]{width:100%;filter:blur(10px)}.page-content .comic-img .comic-img-cover[data-v-2f4026fb]{width:100%;height:100%;position:absolute;top:0;background-color:rgba(0,0,0,.6)}.page-content .banner-wraper[data-v-2f4026fb]{padding:0 16px;background:#fff}.page-content .comic-info[data-v-2f4026fb]{padding:16px;display:flex;align-items:flex-start}.page-content .comic-info .comic-cover[data-v-2f4026fb]{width:75px;height:100px;background-position:top;background-size:100% auto;background-repeat:no-repeat;border-radius:6px}.page-content .comic-info .comic-data[data-v-2f4026fb]{width:calc(100% - 75px);padding-left:16px}.page-content .comic-info .comic-data .comic-title[data-v-2f4026fb]{font-size:15px;font-weight:700;color:#fff}.page-content .comic-info .comic-data .comic-chapterOver[data-v-2f4026fb]{font-size:14px;color:#fff;margin:8px 0}.page-content .comic-info .comic-data .comic-author[data-v-2f4026fb]{font-size:12px;color:#ddd;margin:8px 0}.page-content .comic-content[data-v-2f4026fb]{margin-top:12px;padding:72px 16px 16px;background:#f2f2f4;position:relative}.page-content .comic-content .comic-like[data-v-2f4026fb]{width:calc(100% - 24px);display:flex;align-items:center;font-size:14px;color:#666;background:#fff;border-radius:5px;box-shadow:0 0 12px hsla(0,0%,80.8%,.25098039215686274);position:absolute;top:-12px;left:12px;padding:12px}.page-content .comic-content .comic-like>div[data-v-2f4026fb]{width:20%;margin-right:6.3%}.page-content .comic-content .comic-like>div>div[data-v-2f4026fb]{width:100%;display:inline-flex;align-items:center;justify-content:center}.page-content .comic-content .comic-like>div>div img[data-v-2f4026fb]{width:28px;height:28px}.page-content .comic-content .comic-like>div>div span[data-v-2f4026fb]{margin-left:4px}.page-content .comic-content .comic-like>div>div[data-v-2f4026fb]:first-child{margin-bottom:10px}.page-content .comic-content .comic-like>div[data-v-2f4026fb]:last-child{margin-right:0}.page-content .comic-content .comic-desc[data-v-2f4026fb]{margin:16px 0;font-size:14px}.page-content .comic-content .comic-desc .comic-desc-title[data-v-2f4026fb]{font-size:16px;font-weight:700;margin-bottom:6px}.page-content .comic-content .comic-tag[data-v-2f4026fb]{margin-top:6px}.page-content .comic-content .comic-tag .tag-item[data-v-2f4026fb]{display:inline-block;padding:4px 12px;font-size:12px;color:#2e9af5;background:rgba(46,154,245,.2);border-radius:16px;margin:0 12px 0 0}.page-content .comic-content .dire-area[data-v-2f4026fb]{margin-top:12px}.page-content .comic-content .dire-area .latest[data-v-2f4026fb]{display:flex;align-items:center;padding:5px 0}.page-content .comic-content .dire-area .latest .latest-left[data-v-2f4026fb]{width:45px;height:29px;line-height:29px;text-align:left;font-size:18px}.page-content .comic-content .dire-area .latest .latest-center[data-v-2f4026fb]{width:calc(100% - 74px);height:29px;display:inline-flex;align-items:center;padding:0 5px;color:#ff4885;font-size:15px}.page-content .comic-content .dire-area .latest .latest-center .latest-title[data-v-2f4026fb]{width:calc(100% - 24px);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .comic-content .dire-area .latest .latest-right[data-v-2f4026fb]{width:29px;height:29px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.page-content .comic-content .dire-area .latest .latest-right .van-icon[data-v-2f4026fb]{font-size:16px}.page-content .comic-content .dire-area .dire-list[data-v-2f4026fb]{display:flex;flex-wrap:wrap}.page-content .comic-content .dire-area .dire-list .comics-dire-item[data-v-2f4026fb]{width:100%;margin-bottom:6px;display:flex;align-items:center;background:#fff;border-radius:6px;padding:4px}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left[data-v-2f4026fb]{width:57px;height:84px;position:relative;background-position:top;background-size:cover;background-repeat:no-repeat}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left .payType[data-v-2f4026fb]{display:inline-block;width:32px;height:18px;line-height:18px;text-align:center;font-size:12px;color:#fff;border-radius:4px;margin-right:4px;position:absolute;top:0;left:0}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left .free[data-v-2f4026fb]{background:var(--free-tag-bg-color)}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left .gold[data-v-2f4026fb]{background:var(--gold-tag-bg-color);display:inline-flex;align-items:center;justify-content:center}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left .gold img[data-v-2f4026fb]{width:12px;height:12px;margin-left:4px}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left .level[data-v-2f4026fb]{background:var(--level-tag-bg-color)}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-left .vip[data-v-2f4026fb]{background:var(--vip-tag-bg-color);color:#fff}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-right[data-v-2f4026fb]{width:calc(100% - 57px);height:84px;padding:0 0 0 8px;box-sizing:border-box;display:inline-flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-right .chapter-name[data-v-2f4026fb]{display:inline-block;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-right .chapter-name.read[data-v-2f4026fb]{color:#a9a9a9}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-right>div[data-v-2f4026fb]{height:24px;text-align:right}.page-content .comic-content .dire-area .dire-list .comics-dire-item .dire-item-right>div span[data-v-2f4026fb]{display:inline-block;padding:3px 6px;text-align:center;background:var(--theme-color);border-radius:6px;color:#fff;margin-right:6px;font-size:14px}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item[data-v-2f4026fb]{width:calc(50% - 2px);margin-bottom:12px;margin-right:4px;position:relative;overflow:hidden;cursor:pointer;border-radius:6px;background:#ddefff}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-top[data-v-2f4026fb]{width:100%;position:absolute;left:0;top:0;z-index:1;display:inline-flex;align-items:center;justify-content:flex-end}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-top .free[data-v-2f4026fb]{padding:4px 8px;font-size:12px;color:#fff;background:var(--free-tag-bg-color);overflow:hidden;border-radius:4px}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-top .gold[data-v-2f4026fb]{padding:4px 8px;font-size:12px;background:var(--gold-tag-bg-color);overflow:hidden;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-top .gold img[data-v-2f4026fb]{width:12px;height:12px;margin-left:4px}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-top .level[data-v-2f4026fb]{padding:4px 8px;font-size:12px;color:#fff;background:var(--level-tag-bg-color);overflow:hidden;border-radius:4px}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-top .vip[data-v-2f4026fb]{padding:4px 8px;font-size:12px;color:#fff;background:var(--vip-tag-bg-color);overflow:hidden;border-radius:4px}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-cover[data-v-2f4026fb]{height:96px;overflow:hidden;position:relative;background-position:top;background-size:100%;background-repeat:no-repeat;background-color:#222}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-bottom .dire-item-title[data-v-2f4026fb]{width:100%;font-size:12px;margin:6px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item .dire-item-bottom .dire-item-title.read[data-v-2f4026fb]{color:#a9a9a9}.page-content .comic-content .dire-area .dire-list .cartoon-dire-item[data-v-2f4026fb]:nth-child(2n){margin-right:0}.page-content .comic-content .dire-area .dire-list .fiction-dire-item[data-v-2f4026fb]{width:100%;position:relative;padding:22px 16px 12px;background:#fff;border-radius:6px;margin-bottom:6px}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top[data-v-2f4026fb]{position:absolute;left:0;top:0}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top .payType[data-v-2f4026fb]{display:inline-block;width:32px;height:18px;line-height:18px;text-align:center;font-size:12px;color:#fff;border-radius:4px}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top .free[data-v-2f4026fb]{background:var(--free-tag-bg-color)}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top .gold[data-v-2f4026fb]{background:var(--gold-tag-bg-color);display:inline-flex;align-items:center;justify-content:center}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top .gold img[data-v-2f4026fb]{width:12px;height:12px;margin-left:4px}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top .level[data-v-2f4026fb]{background:var(--level-tag-bg-color)}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .dire-item-top .vip[data-v-2f4026fb]{background:var(--vip-tag-bg-color)}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .chapter-name[data-v-2f4026fb]{width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .comic-content .dire-area .dire-list .fiction-dire-item .chapter-name.read[data-v-2f4026fb]{color:#a9a9a9}.page-content .comic-content .dire-area .dire-list .view-list[data-v-2f4026fb]{width:100%;height:32px;line-height:32px;text-align:center;background:#fff;border-radius:6px;font-size:13px;color:#222}.page-content .comic-bottom[data-v-2f4026fb]{width:100%;padding:8px 16px 20px;display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;z-index:99;background:#fff}.page-content .comic-bottom .btn[data-v-2f4026fb]{width:100%;height:44px;line-height:44px;text-align:center;border-radius:44px;box-sizing:border-box}.page-content .comic-bottom .btn-collect[data-v-2f4026fb]{color:#2e9af5;border:1px solid #2e9af5;margin-right:16px}.page-content .comic-bottom .btn-read[data-v-2f4026fb]{color:#fff;background:#2e9af5}.popup-comtent[data-v-2f4026fb]{padding:0 16px 16px}.popup-comtent .popup-top[data-v-2f4026fb]{background:#fff}.popup-comtent .popup-top .popup-title[data-v-2f4026fb]{font-size:15px;color:#333;font-weight:700;padding:16px 0 12px}.popup-comtent .popup-top .banner-wraper[data-v-2f4026fb]{padding:0 0 12px}.popup-comtent .chapter-list .chapter-item[data-v-2f4026fb]{margin-bottom:6px}.popup-comtent .chapter-list .chapter-item .payType[data-v-2f4026fb]{display:inline-block;width:32px;height:18px;line-height:18px;text-align:center;font-size:10px;color:#fff;border-radius:4px;margin-right:4px}.popup-comtent .chapter-list .chapter-item .free[data-v-2f4026fb]{background:var(--free-tag-bg-color)}.popup-comtent .chapter-list .chapter-item .gold[data-v-2f4026fb]{color:#fff;background:var(--gold-tag-bg-color);display:inline-flex;align-items:center;justify-content:center}.popup-comtent .chapter-list .chapter-item .gold img[data-v-2f4026fb]{width:12px;height:12px;margin-left:4px}.popup-comtent .chapter-list .chapter-item .level[data-v-2f4026fb]{background:var(--level-tag-bg-color)}.popup-comtent .chapter-list .chapter-item .vip[data-v-2f4026fb]{background:var(--vip-tag-bg-color)}.popup-comtent .chapter-list .chapter-item .chapter-name[data-v-2f4026fb]{line-height:24px}.popup-comtent .chapter-list .chapter-item .chapter-name.read[data-v-2f4026fb]{color:#a9a9a9}