.recommend-title[data-v-ba7d2c04]{display:flex;align-items:center;padding:0 12px 12px;font-size:16px;color:var(--main-text-color)}.recommend-title img[data-v-ba7d2c04]{width:24px;margin-right:4px}.data-list[data-v-ba7d2c04]{padding:0 12px}.data-list .banner[data-v-ba7d2c04]{margin-bottom:12px}.page-main[data-v-c309928a]{position:relative;z-index:2;flex:1;overflow:hidden}.page-main .page-content[data-v-c309928a]{flex:1;overflow:auto}.page-main .page-content .banner-wraper[data-v-c309928a]{padding:0 12px;background:#fff}.page-main .page-content .comic-info[data-v-c309928a]{padding:0 12px;display:flex;align-items:center}.page-main .page-content .comic-info .comic-cover[data-v-c309928a]{width:105px;height:140px;border-radius:6px;overflow:hidden}.page-main .page-content .comic-info .comic-cover img[data-v-c309928a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-main .page-content .comic-info .comic-data[data-v-c309928a]{flex:1;padding-left:12px}.page-main .page-content .comic-info .comic-data .comic-title[data-v-c309928a]{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;margin-bottom:6px}.page-main .page-content .comic-info .comic-data .c-del[data-v-c309928a]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#9ea5b0;font-size:12px}.page-main .page-content .handl-list[data-v-c309928a]{padding:0 12px}.page-main .page-content .handl-list .tag-list[data-v-c309928a]{margin-top:10px}.page-main .page-content .handl-list .tag-list .tag-item[data-v-c309928a]{display:inline-block;background:var(--to-right-linear-gradient);color:var(--main-text-color);border-radius:16px;overflow:hidden;padding:4px 12px;font-size:12px;margin:6px 6px 0 0}.page-main .page-content .handl-list .comic-like[data-v-c309928a]{display:flex;align-items:center;font-size:14px;margin:8px 0 0}.page-main .page-content .handl-list .comic-like>div[data-v-c309928a]{display:flex;align-items:center;margin-left:24px}.page-main .page-content .handl-list .comic-like>div i[data-v-c309928a]{font-size:24px;margin-right:4px}.page-main .page-content .handl-list .comic-like>div[data-v-c309928a]:first-child{margin-left:0}.page-main .page-content .comic-chapterOver[data-v-c309928a]{font-size:14px;margin:8px 0;display:flex;align-items:center}.page-main .page-content .comic-chapterOver .data-status[data-v-c309928a]{border-radius:4px;overflow:hidden;padding:4px 8px;font-size:16px;margin-left:6px;color:#fff}.page-main .page-content .comic-desc[data-v-c309928a]{margin:16px 12px}.page-main .page-content .comic-desc .desc-title[data-v-c309928a]{display:flex;align-items:center;padding:0 0 10px;font-size:16px;color:#506bf6}.page-main .page-content .comic-desc .desc-title img[data-v-c309928a]{width:24px;margin-right:4px}.page-main .page-content .comic-desc .desc-content[data-v-c309928a]{border-radius:6px;overflow:hidden;padding:10px;font-size:14px;line-height:1.5;color:#9ea5b0}.page-main .page-content .comic-content .dire-area[data-v-c309928a],.page-main .page-content .comic-content[data-v-c309928a]{margin:0 0}.page-main .page-content .comic-content .dire-area .dire-area-top[data-v-c309928a]{display:flex;align-items:center;justify-content:space-between}.page-main .page-content .comic-content .dire-area .dire-area-top .comic-catalog[data-v-c309928a]{display:inline-flex;align-items:center;font-size:16px;color:var(--main-text-color)}.page-main .page-content .comic-content .dire-area .dire-area-top .comic-catalog img[data-v-c309928a]{width:24px;margin-right:4px}.page-main .page-content .comic-content .dire-area .dire-area-top>div[data-v-c309928a]: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-c309928a]{margin-left:4px}.page-main .page-content .comic-content .dire-area .dire-list[data-v-c309928a]{display:flex;flex-wrap:wrap;padding:10px;margin-top:10px;border-radius:6px;overflow:hidden}.page-main .page-content .comic-content .dire-area .dire-list .dire-item[data-v-c309928a]{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-c309928a]:nth-child(4n){margin-right:0}.page-main .page-content .comic-content .dire-area .dire-list .dire-item[data-v-c309928a]:nth-child(-n+4){margin-top:0}