.loading .el-loading-spinner i{color:#707983;font-size:20px}.loading .el-loading-spinner{margin-top:10px;display:flex;color:#707983;justify-content:center;align-items:center}.loading .el-loading-spinner .el-loading-text{color:#707983;padding-left:5px}.empty-wrap{text-align:center;padding:15px;width:100%;overflow:hidden;height:400px}.empty-wrap p{font-size:14px;color:#959393}@media screen and (max-width:768px){.empty-wrap{height:auto;min-height:220px;padding:24px 12px;img{max-width:160px}}}.h5-header .banner[data-v-7f701bfb]{background-size:cover;background-position:top;padding:12px 12px 14px;box-sizing:border-box;color:#fff}.h5-header .banner-default[data-v-7f701bfb]{background-image:url(../../static/img/banner.08125522.png)}.h5-header .banner-book[data-v-7f701bfb]{background-image:url(../../static/img/book-banner-top.3e46538e.jpg);color:#333}.h5-header .top-row[data-v-7f701bfb]{display:flex;align-items:center;justify-content:space-between}.h5-header .back[data-v-7f701bfb]{background:hsla(0,0%,100%,.3);font-size:12px;padding:6px 12px;border-radius:20px;line-height:1;flex:none}.h5-header .banner-book .back[data-v-7f701bfb]{background:hsla(0,0%,100%,.72);color:#333}.h5-header .tabs[data-v-7f701bfb]{display:inline-flex;background:hsla(0,0%,100%,.25);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.h5-header .tab[data-v-7f701bfb]{padding:7px 14px;font-size:14px;line-height:1;color:hsla(0,0%,100%,.95)}.h5-header .tab.active[data-v-7f701bfb]{background:#3a7bff;color:#fff}.h5-header .user-area[data-v-7f701bfb]{display:flex;align-items:center;height:30px}.h5-header .user[data-v-7f701bfb]{background:hsla(0,0%,100%,.3);font-size:12px;padding:7px 10px;border-radius:20px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5-header .banner-book .user[data-v-7f701bfb]{background:hsla(0,0%,100%,.72);color:#333}.h5-header .title-row[data-v-7f701bfb]{display:flex;justify-content:center;margin-top:8px}.h5-header .banner-book .title-row[data-v-7f701bfb]{margin-top:12px}.h5-header .title-text[data-v-7f701bfb]{width:100%;font-size:20px;font-weight:700;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.h5-header .title-img[data-v-7f701bfb]{width:280px;height:60px;background-size:cover;background-position:50%}.h5-header .title-img-default[data-v-7f701bfb]{background-image:url(../../static/img/textTitle.1f37bd18.png)}.h5-header .title-img-book[data-v-7f701bfb]{background-image:url(../../static/img/book-banner.a24e5999.png);width:100%;height:100px;background-size:auto 100%;background-repeat:no-repeat;background-position:50%}.h5-header .search-row[data-v-7f701bfb]{margin-top:12px}.h5-header[data-v-7f701bfb] .el-input__inner{height:40px;line-height:40px;border-radius:22px 0 0 22px;border:none}.h5-header[data-v-7f701bfb] .el-input-group__append{background:#d2222b;border-color:#d2222b;color:#fff;padding:0 14px;border-radius:0 22px 22px 0;border:none;width:50px;text-align:center}.h5-header .search-btn[data-v-7f701bfb]{display:inline-block;line-height:28px;height:28px;cursor:pointer}@media screen and (max-width:375px){.h5-header .banner[data-v-7f701bfb]{padding:10px 10px 12px}.h5-header .top-row[data-v-7f701bfb]{gap:8px;flex-wrap:wrap}.h5-header .tabs[data-v-7f701bfb]{max-width:100%}.h5-header .tab[data-v-7f701bfb]{padding:7px 10px;font-size:13px}.h5-header .user-area[data-v-7f701bfb]{margin-left:auto}.h5-header .title-text[data-v-7f701bfb]{font-size:18px}.h5-header .title-img[data-v-7f701bfb]{width:220px;height:48px;background-size:contain;background-repeat:no-repeat}.h5-header .title-img-book[data-v-7f701bfb]{width:100%;height:84px;background-size:auto 100%}.h5-header[data-v-7f701bfb] .el-input__inner{height:36px;line-height:36px;font-size:13px}.h5-header[data-v-7f701bfb] .el-input-group__append{padding:0 10px}}.info{display:flex;flex-direction:column;height:100vh;overflow:hidden;margin:0 auto;max-width:750px;background:#f6f7fb}.info .info-content{padding:12px;flex:1;overflow-y:auto;box-sizing:border-box}.info .info-content .img-box{background:#fff;width:100%;padding:14px 12px;margin-bottom:12px;border-radius:12px;box-sizing:border-box;box-shadow:0 6px 18px rgba(0,0,0,.04)}.info .info-content .img-box .img-wrap{position:relative}.info .info-content .img-box .img-wrap .title{font-size:18px;font-weight:600;word-break:break-all;color:#2d2a2a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.info .info-content .img-box .img-wrap .wrap{display:flex;margin-top:10px}.info .info-content .img-box .img-wrap .wrap img{width:120px;height:80px;border-radius:8px;margin-right:10px;flex:none;-o-object-fit:cover;object-fit:cover}.info .info-content .img-box .img-wrap .wrap .text{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0}.info .info-content .img-box .img-wrap .wrap .text .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#666;word-break:break-all}.info .info-content .img-box .img-wrap .wrap .text p.updateTime{color:#a9a9a9;font-size:12px;text-align:left;margin-top:8px}@media screen and (max-width:375px){.info .info-content{padding:10px}.info .info-content .img-box{padding:12px 10px;border-radius:10px}.info .info-content .img-box .img-wrap .title{font-size:16px}.info .info-content .img-box .img-wrap .wrap img{width:104px;height:72px;margin-right:8px}.info .info-content .img-box .img-wrap .wrap .text .description{font-size:13px}}