header{color:#fff;background:#222}
.order{top:0;width:100%;font-size:.875rem;padding:1rem 1rem;background:#fff;overflow:hidden;box-sizing:border-box;z-index:10}
.order a{color:#666;margin:0 .625rem}
.order a.cur{color:#1abc9c;border-bottom:1px solid #1abc9c}
.template-04{padding:0 1rem;background:#fff}
.template-04 ul li{padding:.625rem 0;border-bottom:1px solid #f5f5f5}
.template-04 ul li:last-child{border-bottom:none}
.template-04 .image{float:left;width:4.5rem;height:6rem;margin-right:.75rem}
.template-04 .image img{width:100%;height:100%;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.template-04 .book{height:6rem}
.template-04 .book .name{font-size:1rem;color:#333;font-weight:bold}
.template-04 .book .desc{font-size:.75rem;color:#666;margin:.3125rem 0 0;padding-top:.0625rem;line-height:1rem}
.template-04 .book .tags{position:relative}
.template-04 .book .tags div{font-size:.75rem;float:left;color:#666;height:1.5rem;line-height:1.5rem}
.template-04 .book .tags div span{color:#1abc9c;padding:0 .125rem;margin-left:.625rem;border:1px solid #1abc9c;border-radius:.1875rem;box-sizing:border-box}
.template-04 .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-04 .book .tags .msg .serial{color:#1abc9c;border:1px solid #1abc9c}
.template-04 .book .tags .msg .count{color:#f60;border:1px solid #f60}
.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}