header{color:#fff;background:#222}
.search_box{padding:.9375rem;overflow:hidden;position:relative}
.search_box input{color:#666;height:2.375rem;background:#fff;border:1px solid #ccc;width:100%;border-radius:.3125rem;padding:0 2.375rem;font-size:.875rem;box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.search_box .find{position:absolute;color:#666;width:1rem;height:1rem;padding:.6875rem;vertical-align:middle;fill:currentColor}
.search_box .reset{position:absolute;top:.9375rem;right:1rem;width:2.375rem;height:2.375rem;border:none;background:0;display:none}
.search_box .reset .icon-clear{width:1rem;height:1rem;background:#999;border-radius:.5rem;display:inline-block}
.search_box .clear{color:#fff;width:.5rem;height:.5rem;vertical-align:middle;fill:currentColor}
.template-02{padding:1.25rem 1rem;background:#fff}
.template-02 .title{font-size:1.125rem;color:#333;margin-bottom:.3125rem}
.template-02 .title .title-icon{width:.25rem;height:1.125rem;display:inline-block;border-radius:.125rem;vertical-align:-.1875rem;background:#1abc9c}
.template-02 .show ul li{padding:.625rem 0;border-bottom:1px solid #f5f5f5}
.template-02 .show .image{float:left;margin-right:.75rem}
.template-02 .show .image img{width:4.5rem;height:6rem;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}
.error{width:100%;height:15.625rem;padding:6.25rem 0;text-align:center;background:#fff;overflow:hidden}
.error .icon{width:3.1875rem;height:4.3125rem}
.error .desc{color:#999;padding:2rem 0}
.error .button{color:#fff;font-size:.875rem;line-height:2.25rem;padding:0 6.25rem;border-radius:.3125rem;text-align:center;display:inline-block;background-color:#ed424b}
.page{float:left;width:100%;padding:1rem;background:#fff;box-sizing:border-box}
.page ul li{float:left;width:25%;text-align:center}
.page ul li a{color:#fff;text-align:center;font-size:.875rem;width:3.75rem;height:2.25rem;line-height:2.25rem;border-radius:.3125rem;background-color:#1abc9c;-webkit-border-radius:.3125rem;display:inline-block}
.page .opacity{opacity:.5}