.block-recommendBanner .container[data-v-7c9c9285]{max-width:1220px;margin:0 auto}.block-recommendBanner .title[data-v-7c9c9285]{font-size:24px;font-weight:700;line-height:36px;color:#fff;margin-left:16px;padding:8px 0;position:relative}.block-recommendBanner .title[data-v-7c9c9285]:before{content:"";display:inline-block;width:4px;height:23px;background-color:#ffb400;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.block-recommendBanner .book-list[data-v-7c9c9285]{margin-top:12px;position:relative}.block-recommendBanner .book-list .card-book[data-v-7c9c9285]{width:100%;min-height:346px;border-radius:6px;background-color:#3e3e3e;cursor:pointer}.block-recommendBanner .book-list .cover-block[data-v-7c9c9285]{margin:0 auto;text-align:center;height:212px;background-color:#f4f4f4;border-radius:6px 6px 0 0}.block-recommendBanner .book-list .comic-cover .cover[data-v-7c9c9285]{border-radius:6px 6px 0 0}.block-recommendBanner .book-list .intro-block[data-v-7c9c9285]{padding:12px 12px 16px}.block-recommendBanner .book-list .intro-block__title[data-v-7c9c9285]{font-size:16px;font-weight:500;line-height:24px;letter-spacing:0em;text-align:left;color:#fff;display:inline-block;max-height:24px;overflow:hidden;text-overflow:clip}.block-recommendBanner .book-list .intro-block__type[data-v-7c9c9285]{font-size:13px;font-weight:500;line-height:20px;letter-spacing:0em;text-align:left;color:#adadad}.block-recommendBanner .book-list .intro-block__intro[data-v-7c9c9285]{font-size:14px;font-weight:500;line-height:21px;letter-spacing:0em;text-align:left;color:#e0e0e0;margin-top:12px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.block-recommendBanner .comics-list[data-v-7c9c9285]{margin:12px auto 48px;cursor:pointer;position:relative}.block-recommendBanner .comics-list .card-book:hover .hover-intro[data-v-7c9c9285]{display:block}.block-recommendBanner .comics-list .cover-block[data-v-7c9c9285]{margin:0 auto;text-align:center;width:212px;height:212px;border-radius:6px;overflow:hidden}.block-recommendBanner .comics-list .intro-block__title-box[data-v-7c9c9285]{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;border-radius:0 0 6px 6px;background:#000000b2}.block-recommendBanner .comics-list .intro-block__title[data-v-7c9c9285]{font-size:16px;font-weight:500;line-height:24px;text-align:left;color:#fff;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.block-recommendBanner .comics-list .intro-block__is-pg[data-v-7c9c9285]{position:absolute;top:0;left:0;padding:3px 6px;border-radius:6px 0;background:#000000b2;font-size:13px;font-weight:500;line-height:15px;text-align:left;color:#fff}.block-recommendBanner .comics-list .intro-block__is-adult[data-v-7c9c9285]{background:#ec2d4f}.block-recommendBanner .comics-list .hover-intro[data-v-7c9c9285]{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px 12px 14px;border:1px solid #e0e0e0;border-radius:6px;display:none;background:#2d2d2d}.block-recommendBanner .comics-list .hover-intro__title[data-v-7c9c9285]{margin-bottom:8px;font-size:16px;font-weight:500;line-height:24px;text-align:left;color:#adadad}.block-recommendBanner .comics-list .hover-intro__content[data-v-7c9c9285]{font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#fff;display:-webkit-box;line-clamp:7;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(min-width:1220px){.block-recommendBanner .book-list .card-book[data-v-7c9c9285]{width:100%;height:364px}}@media(max-width:1023px){.block-recommendBanner .container[data-v-7c9c9285]{max-width:100%;margin:0 auto}.block-recommendBanner .title[data-v-7c9c9285]{font-size:18px;font-weight:700;line-height:27px;letter-spacing:0em;text-align:left;margin-left:32px;padding:0}.block-recommendBanner .book-list[data-v-7c9c9285]{margin-top:8px}.block-recommendBanner .book-list .recommendBanner[data-v-7c9c9285]{display:flex;gap:8px;overflow-x:scroll;overflow-y:hidden;padding:0 16px}.block-recommendBanner .book-list .card-book[data-v-7c9c9285]{flex-shrink:0;min-height:auto;width:40vw;border-radius:4px}.block-recommendBanner .book-list .cover-block[data-v-7c9c9285]{border-radius:4px 4px 0 0;height:40vw}.block-recommendBanner .book-list .comic-cover[data-v-7c9c9285]{width:100%;background:unset}.block-recommendBanner .book-list .comic-cover .cover[data-v-7c9c9285]{border-radius:4px 4px 0 0}.block-recommendBanner .book-list .intro-block[data-v-7c9c9285]{min-height:111px;padding:8px 8px 12px}.block-recommendBanner .book-list .intro-block__title[data-v-7c9c9285]{font-size:15px;font-weight:500;line-height:22.5px;text-align:left;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.block-recommendBanner .book-list .intro-block__type[data-v-7c9c9285]{margin-top:4px;font-size:13px;font-weight:500;line-height:19.5px;text-align:left}.block-recommendBanner .book-list .intro-block__intro[data-v-7c9c9285]{font-size:13px;font-weight:500;line-height:19.5px;text-align:left;margin-top:4px;line-clamp:2;-webkit-line-clamp:2}.block-recommendBanner .comics-list[data-v-7c9c9285]{margin:8px auto 32px}.block-recommendBanner .comics-list .comic-rec[data-v-7c9c9285]{display:flex;gap:8px;overflow-x:scroll;overflow-y:hidden;padding:0 16px}.block-recommendBanner .comics-list .card-book:hover .hover-intro[data-v-7c9c9285]{display:none}.block-recommendBanner .comics-list .cover-block[data-v-7c9c9285]{margin:0 auto;text-align:center;width:40vw;height:40vw;border-radius:4px 4px 0 0;overflow:hidden}.block-recommendBanner .comics-list .intro-block[data-v-7c9c9285]{padding:8px 8px 12px;background-color:#3e3e3e;border-radius:0 0 4px 4px}.block-recommendBanner .comics-list .intro-block__title[data-v-7c9c9285]{font-size:15px;font-weight:500;line-height:22.5px;text-align:left;color:#fff;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.block-recommendBanner .comics-list .intro-block__type[data-v-7c9c9285]{margin-top:4px;font-size:13px;font-weight:500;line-height:19.5px;text-align:left;color:#adadad}}.block-recommendBanner-loading .wrapper[data-v-0657cc8b]{max-width:1220px;margin:0 auto;padding:0 40px}.block-recommendBanner-loading .title[data-v-0657cc8b]{font-size:24px;font-weight:700;line-height:36px;color:#fff;margin-left:16px;padding:8px 0;position:relative}.block-recommendBanner-loading .title[data-v-0657cc8b]:before{content:"";display:inline-block;width:4px;height:23px;background-color:#ffb400;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.block-recommendBanner-loading .bookList_box[data-v-0657cc8b]{margin-top:12px;position:relative}.block-recommendBanner-loading .bookList_box .card_book[data-v-0657cc8b]{width:212px;min-height:364px;border-radius:6px;cursor:pointer}@media(max-width:1023px){.block-recommendBanner-loading .wrapper[data-v-0657cc8b]{max-width:100%;margin:0 auto;padding-left:16px}.block-recommendBanner-loading .title[data-v-0657cc8b]{font-size:18px;font-weight:700;line-height:27px;letter-spacing:0em;text-align:left;margin-left:16px;padding:0}.block-recommendBanner-loading .bookList_box[data-v-0657cc8b]{margin-top:8px}.block-recommendBanner-loading .bookList_box .card_book[data-v-0657cc8b]{min-height:276px;width:40vw;border-radius:4px}}