.page-container[data-v-2e7b4207]{flex:1;overflow:hidden}.page-content[data-v-2e7b4207]{flex:1;overflow:auto;padding:16px}.dire-list[data-v-2e7b4207]{display:flex;flex-wrap:wrap}.dire-list .cartoon-dire-item[data-v-2e7b4207]{width:calc(50% - 2px);margin-bottom:12px;margin-right:4px;position:relative;overflow:hidden;cursor:pointer;border-radius:6px}.dire-list .cartoon-dire-item .dire-item-top[data-v-2e7b4207]{width:100%;display:inline-flex;align-items:center;justify-content:flex-end;position:absolute;right:0;top:0;z-index:10}.dire-list .cartoon-dire-item .dire-item-top .free[data-v-2e7b4207]{padding:4px 8px;font-size:12px;color:#fff;background:var(--free-tag-bg-color);overflow:hidden;border-radius:4px}.dire-list .cartoon-dire-item .dire-item-top .gold[data-v-2e7b4207]{padding:4px 8px;font-size:12px;color:#fff;background:var(--gold-tag-bg-color);overflow:hidden;border-radius:4px}.dire-list .cartoon-dire-item .dire-item-top .gold img[data-v-2e7b4207]{width:9px;height:9px;margin-right:4px}.dire-list .cartoon-dire-item .dire-item-top .level[data-v-2e7b4207]{padding:4px 8px;font-size:12px;color:#fff;background:var(--level-tag-bg-color);overflow:hidden;border-radius:4px}.dire-list .cartoon-dire-item .dire-item-top .vip[data-v-2e7b4207]{padding:4px 8px;font-size:12px;color:#fff;background:var(--vip-tag-bg-color);overflow:hidden;border-radius:4px}.dire-list .cartoon-dire-item .dire-item-cover[data-v-2e7b4207]{height:96px;overflow:hidden;position:relative;background-position:top;background-size:100%;background-repeat:no-repeat;background-color:#222}.dire-list .cartoon-dire-item .dire-item-bottom .dire-item-title[data-v-2e7b4207]{width:100%;font-size:12px;margin:6px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dire-list .cartoon-dire-item .dire-item-bottom .dire-item-title.read[data-v-2e7b4207]{color:#a9a9a9}.dire-list .cartoon-dire-item[data-v-2e7b4207]:nth-child(2n){margin-right:0}.dire-list .comics-dire-item[data-v-2e7b4207]{width:100%;margin-bottom:6px;display:flex;align-items:center;background:#fff;border-radius:6px;padding:4px}.dire-list .comics-dire-item .dire-item-left[data-v-2e7b4207]{width:57px;height:84px;position:relative;background-position:top;background-size:cover;background-repeat:no-repeat}.dire-list .comics-dire-item .dire-item-left .payType[data-v-2e7b4207]{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}.dire-list .comics-dire-item .dire-item-left .free[data-v-2e7b4207]{background:var(--free-tag-bg-color)}.dire-list .comics-dire-item .dire-item-left .gold[data-v-2e7b4207]{background:var(--gold-tag-bg-color)}.dire-list .comics-dire-item .dire-item-left .level[data-v-2e7b4207]{background:var(--level-tag-bg-color)}.dire-list .comics-dire-item .dire-item-left .vip[data-v-2e7b4207]{background:var(--vip-tag-bg-color)}.dire-list .comics-dire-item .dire-item-right[data-v-2e7b4207]{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}.dire-list .comics-dire-item .dire-item-right .chapter-name[data-v-2e7b4207]{width:100%;height:60px;display:inline-block;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dire-list .comics-dire-item .dire-item-right .chapter-name.read[data-v-2e7b4207]{color:#a9a9a9}.dire-list .comics-dire-item .dire-item-right>div[data-v-2e7b4207]{width:100%;height:24px;text-align:right}.dire-list .comics-dire-item .dire-item-right>div span[data-v-2e7b4207]{display:inline-block;width:54px;height:24px;line-height:24px;text-align:center;background:#2e9af5;border-radius:6px;color:#fff}.dire-list .fiction-dire-item[data-v-2e7b4207]{width:100%;padding:12px;background:#fff;border-radius:6px;margin-bottom:6px;display:flex;align-items:center}.dire-list .fiction-dire-item .dire-item-right .free[data-v-2e7b4207]{color:var(--free-tag-bg-color)}.dire-list .fiction-dire-item .dire-item-right .gold[data-v-2e7b4207]{background:var(--gold-tag-bg-color)}.dire-list .fiction-dire-item .dire-item-right .level[data-v-2e7b4207]{color:var(--level-tag-bg-color)}.dire-list .fiction-dire-item .dire-item-right .vip[data-v-2e7b4207]{color:var(--vip-tag-bg-color)}.dire-list .fiction-dire-item .chapter-name[data-v-2e7b4207]{flex:1;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px}.dire-list .fiction-dire-item .chapter-name.read[data-v-2e7b4207]{color:#a9a9a9}.dire-list .view-list[data-v-2e7b4207]{width:100%;height:32px;line-height:32px;text-align:center;background:#fff;border-radius:6px;font-size:13px;color:#999}.van-pull-refresh[data-v-2e7b4207]{min-height:50vh}