body{margin:0}#app{width:100%;background:#f1f1f1}#app img{max-width:100%;display:block}#app a{text-decoration:none;display:block}#app .card{background:#fff;border-radius:10px;box-shadow:0 0 6px 2px hsla(0,0%,82.4%,.38);overflow:hidden}#app .flex{display:flex;justify-content:space-between;flex-wrap:wrap}#app .mw{width:86%;margin:0 auto}#app .in{max-width:500px;margin:0 auto;overflow:auto;background:#fff;position:relative}#app .in .tip{position:absolute;top:0;z-index:1;background:rgba(0,0,0,.18);color:#fff;width:100%}#app .in .tip p{overflow:hidden;white-space:nowrap}#app .in .header{position:relative}#app .in .header .card{box-shadow:0 0 6px 2px rgba(63,139,246,.18);position:absolute;bottom:-50px;left:50%;margin-left:-43%}#app .in .header .card .in{padding:5% 10%;justify-content:flex-start;flex-wrap:nowrap}#app .in .header .card .in .img{width:25%;margin-right:5%}#app .in .header .card .in .name{display:flex;justify-content:space-around;flex-direction:column}#app .in .header .card .in .name .title{font-size:16px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .in .header .card .in .name .slogn{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .in .empty{height:70px}#app .in .book-list{margin-bottom:40px}#app .in .book-list .card{width:46%;margin-bottom:20px}#app .in .book-list .card p{text-align:center;margin:10px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .in .footer{position:fixed;bottom:0;background:#fff;box-shadow:0 0 6px 2px hsla(0,0%,82.4%,.38);color:#999;font-size:12px;max-width:500px;width:100%}#app .in .footer a{color:#999}