.main h2{color:#333;font-size:1.125rem;text-align:center;padding:0.625rem 0}
.template-swipe{padding:1rem 1rem;background:#fff;box-sizing:border-box}
.template-swipe .left{height:8rem;float:right}
.template-swipe .left img{width:5.0625rem;height:6.75rem;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.template-swipe .right{height:6.75rem}
.template-swipe .right h3{font-size:1.125rem;color:#333}
.template-swipe .right .name{color:#333}
.template-swipe .right .author{font-size:.75rem;color:#333}
.template-swipe .right .tags{color:#666;font-size:.75rem}
.template-swipe .right .tags i{color:#e6e6e6;padding:0 .1875rem}
.template-swipe .right .desc{font-size:.75rem;color:#666}
.swiper-page-active{background:#1abc9c;opacity:1}
.add_book{padding:.3125rem 0 .9375rem;background:#FFF}
.add_book .add_book_lace{height:1.5rem;background:url(/style/green/images/sy_baiyun.png);background-size:100%}
.add_book .desc{color:#3f3f3f;font-size:0.875rem;text-align:center;margin-top:1rem}
.add_book .desc a{color:#FFF;padding:0.0625rem 0.3125rem;margin-left:0.625rem;background:#1abc9c;border-radius:.1875rem;border:0.0625rem solid #1abc9c}
.template-01{padding:1.25rem 1rem;margin-top:.5rem;background:#fff}
.template-01 .title{font-size:1.125rem;color:#333;margin-bottom:.3125rem}
.template-01 .title .title-icon{width:.25rem;height:1.125rem;margin-right:0.3125rem;display:inline-block;border-radius:.125rem;vertical-align:-.125rem;background:#1abc9c}
.template-01 .show ul{font-size:0}
.template-01 .show ul li{width:33%;padding-top:.625rem;display:inline-block;vertical-align:top}
.template-01 .show .book{width:4.125rem;margin:0 auto}
.template-01 .show .book .image{width:4.125rem;height:5.5rem}
.template-01 .show .book .image img{width:100%;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.template-01 .show .book .name{font-size:.875rem;color:#333;margin-top:.3125rem}
.template-01 .show .book .author{font-size:.75rem;color:#666;margin-top:.125rem}
.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 .name{color:#333}
.template-02 .show .genre{color:#666}
.template-02 .show .author{font-size:0.875rem;color:#666}
.template-03{padding:1.25rem 1rem;background:#fff}
.template-03 .show ul li{color:#333;padding:.625rem 0;border-bottom:1px solid #f5f5f5}
.template-03 .show .author{font-size:0.875rem;color:#666}
.template-03 .show .lastchapter{font-size:0.875rem;color:#666}
.template-03 .show .lastchapter .time{float:right}
.history{font-size:.75rem;padding:.125rem 1rem;color:#666}
.history ul li{border-bottom:1px dotted #ccc;line-height:1.25rem;padding:.125rem 0}
.history ul li:last-child{border-bottom:none}
.history .name{position:relative}
.history .name span{position:absolute;top:-.1875rem;right:0;color:#fff;font-size:1.375rem;padding:.125rem .125rem 0;border:1px solid #1abc9c;border-radius:.1875rem;background:#1abc9c;box-sizing:border-box;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:right center;transform-origin:right center}
.history .count{float:right;color:#1abc9c}
.history .chapter{position:relative}
.history .chapter .chaptername{margin-left:1.75rem}
.history .chapter .new{position:absolute;top:-.1875rem;font-size:1.375rem;color:#fff;padding:.125rem .125rem 0;border-radius:.1875rem;background:#fb4957;border:1px solid #fb4957;box-sizing:border-box;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left center;transform-origin:left center}
.history .chapter .no_new{margin-left:0}