header{color:#fff;background:#222}
.book-intro{width:100%;padding:1rem 1rem 0;background:#fff;overflow:hidden;box-sizing:border-box}
.book-intro .cover{float:left;width:5.25rem;height:7rem;margin-right:.625rem}
.book-intro .cover img{width:100%;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.book-intro .cell h1{color:#333;font-size:1.125rem}
.book-intro .cell div{color:#666;font-size:.875rem;line-height:1.375rem}
.book-intro .cell em{padding:0 .5rem}
.book-intro .cell .op span{color:#999;font-size:.75rem;border:1px solid #999;margin-right:.625rem;line-height:.875rem;height:.875rem;padding:.0625rem .3125rem 0 .3125rem;border-radius:.25rem;-webkit-border-radius:.25rem;vertical-align:middle;display:inline-block;box-sizing:content-box}
.book-intro .actbox{float:left;width:100%;margin:1.25rem 0}
.book-intro .actbox div{float:left;font-size:.875rem;height:1.875rem;line-height:1.875rem;width:calc(50% - .625rem);text-align:center;border-radius:.1875rem;webkit-border-radius:.1875rem}
.book-intro .actbox .addshelf{color:#1abc9c;border:1px solid #1abc9c}
.book-intro .actbox .already{color:#ccc;border:1px solid #ccc}
.book-intro .actbox .read{float:right;color:#fff;background:#1abc9c;border:1px solid #1abc9c}
.book-intro .desc{color:#333;font-size:.75rem;width:100%;line-height:1.25rem;overflow:hidden;position:relative;word-wrap:break-word;word-break:break-word}
.book-intro .desc p{width:100%}
.book-intro .desc .icon{width:.75rem;height:.75rem;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#969ba3;vertical-align:middle;fill:currentColor}
.book-intro .desc #detailClick{position:absolute;bottom:0;right:0;width:2rem;text-align:right;background:linear-gradient(to right,rgba(255,255,255,0),#fff 1rem)}
.book-intro .spread{-webkit-line-clamp:20 !important;-moz-line-clamp:20 !important;-o-line-clamp:20 !important}
.book-intro .tags{line-height:1.625rem;padding:.3125rem 0}
.book-intro .tags a{color:#999;border:1px solid #999;border-radius:.75rem;font-size:.75rem;padding:.125rem .625rem;margin-right:.5rem;white-space:nowrap}
.catalog{color:#333;background:#fff;padding:1.25rem 1rem 0 1rem;margin-top:.5rem}
.catalog .title{font-size:1.125rem;color:#333;margin-bottom:.3125rem}
.catalog .title .right{float:right}
.catalog .title .title-icon{width:.25rem;height:1.125rem;margin-right:0.3125rem;display:inline-block;border-radius:.125rem;vertical-align:-.125rem;background:#1abc9c}
.catalog .show ul li{font-size:.875rem;padding:.625rem 0;border-bottom:1px dashed #e7e7e7}
.catalog .show ul li:last-child{border-bottom:none}
.catalog .show .time{float:right;padding-left:0.2rem;}
.template-02{padding:1.25rem 1rem;margin-top:.5rem;background:#fff}
.template-02 .title{font-size:1.125rem;color:#333;margin-bottom:.3125rem}
.template-02 .title .title-icon{width:.25rem;height:1.125rem;margin-right:0.3125rem;display:inline-block;border-radius:.125rem;vertical-align:-.125rem;background:#1abc9c}
.template-02 .show ul li{padding:.625rem 0;border-bottom:1px solid #f5f5f5}
.template-02 .show ul li:last-child{border-bottom:none}
.template-02 .show .image{float:left;width:4.5rem;height:6rem;margin-right:.75rem}
.template-02 .show .image img{width:100%;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.template-02 .show .book{height:6rem}
.template-02 .show .book .name{font-size:1rem;color:#333;font-weight:bold}
.template-02 .show .book .desc{font-size:.75rem;color:#666;margin:.3125rem 0 0;padding-top:.0625rem;line-height:1rem}
.template-02 .show .book .tags{position:relative}
.template-02 .show .book .tags div{font-size:.75rem;float:left;color:#666;height:1.5rem;line-height:1.5rem}
.template-02 .show .book .tags div span{color:#1abc9c;padding:0 .125rem;margin-left:.625rem;border:1px solid #1abc9c;border-radius:.1875rem;box-sizing:border-box}
.template-02 .show .book .tags .msg{position:absolute;right:0;font-size:1.25rem;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right center;transform-origin:right center}
.template-02 .show .book .tags .msg .serial{color:#1abc9c;border:1px solid #1abc9c}
.template-02 .show .book .tags .msg .count{color:#f60;border:1px solid #f60}
.template-02 .show .book .tags .msg .type{color:#1e9fff;border:1px solid #1e9fff}