.comment-box[data-v-584c70ce]{height:70%;border-radius:12px 12px 0 0;display:flex;flex-direction:column;background:#f6f6f6}.comment-box .comment-header[data-v-584c70ce]{position:relative;padding:16px;z-index:8}.comment-box .comment-header .comment-title[data-v-584c70ce]{font-size:18px;text-align:center}.comment-box .comment-header .close-btn[data-v-584c70ce]{position:absolute;top:16px;right:16px}.comment-box .comment-header .close-btn .van-icon[data-v-584c70ce]{font-size:24px}.comment-box .comment-content[data-v-584c70ce]{flex:1;overflow:auto}.comment-box .comment-content .empty-box[data-v-584c70ce]{display:flex;align-items:center;justify-content:center}.comment-box .comment-content .comment-list[data-v-584c70ce]{padding:0 16px 0}.comment-box .comment-content .comment-list .comment-item[data-v-584c70ce]{display:flex;margin-bottom:16px}.comment-box .comment-content .comment-list .comment-item .avatar[data-v-584c70ce]{margin-right:10px}.comment-box .comment-content .comment-list .comment-item .avatar img[data-v-584c70ce]{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#fff}.comment-box .comment-content .comment-list .comment-item .comment-center[data-v-584c70ce]{margin-right:16px;width:calc(100% - 80px);color:#828282}.comment-box .comment-content .comment-list .comment-item .comment-center .user-info[data-v-584c70ce]{font-size:14px;margin-bottom:4px;color:#222}.comment-box .comment-content .comment-list .comment-item .comment-center .comment-cont[data-v-584c70ce]{font-size:14px;line-height:21px;margin:5px 0}.comment-box .comment-content .comment-list .comment-item .comment-center .reply span[data-v-584c70ce],.comment-box .comment-content .comment-list .comment-item .comment-center .send-time[data-v-584c70ce]{font-size:12px}.comment-box .comment-content .comment-list .comment-item .comment-center .reply .reply-total[data-v-584c70ce]{margin-left:36px}.comment-box .comment-content .comment-list .comment-item .comment-right[data-v-584c70ce]{font-size:12px;text-align:center}.comment-box .comment-content .comment-list .comment-item .comment-right img[data-v-584c70ce]{width:16px}.comment-box .comment-content .comment-list .comment-item .child-comment[data-v-584c70ce]{margin-top:12px}.comment-box .comment-content .comment-list .comment-item[data-v-584c70ce]:last-child{margin-bottom:0}[data-v-584c70ce] .van-cell .van-cell__value{background:#fff;border-radius:16px 0 0 16px;padding:6px 12px;font-size:12px}[data-v-584c70ce] .van-cell .comment-btn{width:64px;height:36px;line-height:36px;font-size:14px;border-radius:0 16px 16px 0}.banner-swiper[data-v-135b305a]{position:relative}[data-v-135b305a] .van-swipe .van-swipe__indicators .van-swipe__indicator,[data-v-135b305a] .van-swipe .van-swipe__indicators .van-swipe__indicator--active{background:#fff}.banner[data-v-394977cd]{overflow:hidden;position:relative;color:#292a38;cursor:pointer;border-radius:5px;margin-bottom:12px}.banner .banner-item[data-v-394977cd]{overflow:hidden}.banner .banner-title[data-v-394977cd]{width:100%;padding:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend-title[data-v-046af092]{display:flex;align-items:center;padding:0 12px 12px;font-size:16px;color:#fb028f}.recommend-title img[data-v-046af092]{width:24px;margin-right:4px}.data-list[data-v-046af092]{padding:0 12px}.data-list .banner[data-v-046af092]{margin-bottom:12px}.page-main[data-v-628c0ca2]{position:relative;z-index:2;flex:1;overflow:hidden}.page-main .page-content[data-v-628c0ca2]{flex:1;overflow:auto}.page-main .page-content .banner-wraper[data-v-628c0ca2]{padding:0 12px;background:#fff}.page-main .page-content .comic-info[data-v-628c0ca2]{padding:0 12px;display:flex;align-items:flex-start}.page-main .page-content .comic-info .comic-cover[data-v-628c0ca2]{width:124px;height:170px;border-radius:6px;overflow:hidden}.page-main .page-content .comic-info .comic-cover img[data-v-628c0ca2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-main .page-content .comic-info .comic-data[data-v-628c0ca2]{flex:1;padding-left:12px}.page-main .page-content .comic-info .comic-data .comic-title[data-v-628c0ca2]{font-size:16px;font-weight:700}.page-main .page-content .comic-info .comic-data .comic-chapterOver[data-v-628c0ca2]{font-size:14px;margin:8px 0;display:flex;align-items:center}.page-main .page-content .comic-info .comic-data .comic-chapterOver .data-status[data-v-628c0ca2]{background:#fb028f;border-radius:4px;overflow:hidden;padding:4px 8px;font-size:12px;margin-left:6px;color:#fff}.page-main .page-content .comic-info .comic-data .comic-chapterOver .status-end[data-v-628c0ca2]{background:#03cd54}.page-main .page-content .comic-info .comic-data .tag-list .tag-item[data-v-628c0ca2]{display:inline-block;background:#fb028f;border-radius:16px;overflow:hidden;padding:4px 12px;font-size:12px;margin:6px 6px 0 0;color:#fff}.page-main .page-content .comic-info .comic-data .comic-like[data-v-628c0ca2]{display:flex;align-items:center;font-size:14px;margin:8px 0}.page-main .page-content .comic-info .comic-data .comic-like>div[data-v-628c0ca2]{display:flex;align-items:center;margin-left:24px}.page-main .page-content .comic-info .comic-data .comic-like>div i[data-v-628c0ca2]{font-size:24px;margin-right:4px}.page-main .page-content .comic-info .comic-data .comic-like>div[data-v-628c0ca2]:first-child{margin-left:0}.page-main .page-content .comic-desc[data-v-628c0ca2]{margin:16px 12px}.page-main .page-content .comic-desc .desc-title[data-v-628c0ca2]{display:flex;align-items:center;padding:0 0 10px;font-size:16px;color:#fb028f}.page-main .page-content .comic-desc .desc-title img[data-v-628c0ca2]{width:24px;margin-right:4px}.page-main .page-content .comic-desc .desc-content[data-v-628c0ca2]{background:#fff;border-radius:6px;overflow:hidden;padding:10px;font-size:14px;line-height:1.5;color:#9b9fa3}.page-main .page-content .comic-content[data-v-628c0ca2]{margin:16px 12px}.page-main .page-content .comic-content .dire-area[data-v-628c0ca2]{margin:12px 0}.page-main .page-content .comic-content .dire-area .dire-area-top[data-v-628c0ca2]{display:flex;align-items:flex-end;justify-content:space-between}.page-main .page-content .comic-content .dire-area .dire-area-top .comic-catalog[data-v-628c0ca2]{display:inline-flex;align-items:center;font-size:16px;color:#fb028f}.page-main .page-content .comic-content .dire-area .dire-area-top .comic-catalog img[data-v-628c0ca2]{width:24px;margin-right:4px}.page-main .page-content .comic-content .dire-area .dire-area-top>div[data-v-628c0ca2]:last-child{display:flex;align-items:center;font-size:14px;color:#9b9fa3}.page-main .page-content .comic-content .dire-area .dire-area-top>div:last-child i[data-v-628c0ca2]{margin-left:4px}.page-main .page-content .comic-content .dire-area .dire-list[data-v-628c0ca2]{display:flex;flex-wrap:wrap;background:#fff;padding:10px;margin-top:10px;border-radius:6px;overflow:hidden}.page-main .page-content .comic-content .dire-area .dire-list .dire-item[data-v-628c0ca2]{width:calc(25% - 7.5px);margin-top:10px;margin-right:10px}.page-main .page-content .comic-content .dire-area .dire-list .dire-item[data-v-628c0ca2]:nth-child(4n){margin-right:0}.page-main .page-content .comic-content .dire-area .dire-list .dire-item[data-v-628c0ca2]:nth-child(-n+4){margin-top:0}