.reading { margin-top:30px; text-align:center; font-family:"microsoft yahei"; }
.book { margin:0 2px 34px 2px; text-align: center; background: #fff; padding: 10px 0; width:210px; display:inline-block; box-sizing:border-box; border:1px solid white; }

@media only screen and (max-width: 440px) {
    .book{width:160px}
}

.book:hover{border:1px solid #e9e9e9; box-shadow:rgba(100,100,100,0.3) 0 0 10px -2px; }
.book img.cover { width:160px; height:215px; }
.book p.title { text-align: center; margin: 12px 5px 0; font-size: 13px; height:40px; line-height: 130%; overflow: hidden;}
.book p { text-align: left; line-height:21px; font-size: 12px;margin:0 12px; }
.book p img{vertical-align:text-top; width:78px; }

img.qrcode { position: fixed; right:20px; top:20px; width:200px; z-index: 100;}

a.tag { display: inline-block; font-size:13px; padding:2px 8px; margin:0 1px 8px; border-radius: 3px; border:1px solid rgb(217, 217, 217); background: rgb(250, 250, 250); color:rgb(90, 90, 90); }
a.tag:hover{ text-decoration: none; background: rgb(240, 240, 240); color:rgb(60,60,60);}
a.tag.checked{ background: rgb(38, 183, 242); color:white; border:1px solid rgb(38, 183, 242); }