.book-container[data-v-57dc5119]{background-color:#e8e8e8;padding:20px 0;overflow:hidden;height:100%;overflow-y:scroll}.book-container .banner[data-v-57dc5119]{position:fixed;top:0;left:0;width:100%;background-color:#f7f9d4;color:#a79200;font-weight:500;line-height:30px;text-align:center}.book-container .card-container[data-v-57dc5119]{padding:10px 0 20px 0}.book-container .card-container .card[data-v-57dc5119]{background-color:#fff;margin:10px;padding:10px 15px;border-radius:10px}.book-container .card-container .card .top[data-v-57dc5119]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px}.book-container .card-container .card .top .img-container[data-v-57dc5119]{width:60px;height:60px;margin-right:10px}.book-container .card-container .card .top .img-container img[data-v-57dc5119]{width:100%;height:100%;border-radius:80px}.book-container .card-container .card .top .info[data-v-57dc5119]{text-align:left;padding:10px 0}.book-container .card-container .card .top .info .info-top .name[data-v-57dc5119]{font-weight:400}.book-container .card-container .card .top .info .info-top .title[data-v-57dc5119]{margin-left:5px;font-size:.8rem;font-weight:300}.book-container .card-container .card .top .info .info-bottom[data-v-57dc5119]{margin-top:5px;font-weight:300;font-size:.8rem}.book-container .card-container .card .middle[data-v-57dc5119]{color:#a5a5a5;font-size:.8rem;font-weight:300}.book-container .card-container .card .bottom[data-v-57dc5119]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.book-container .card-container .card .bottom .date-container[data-v-57dc5119]{background-color:#dedede;width:80px;margin:5px 5px 0 0;padding:3px;border-radius:5px;font-size:.7rem;text-align:center}