.menu{float:left;width:280px;background:#fff;box-sizing:border-box}
.menu .rank{margin-bottom:20px;border-top:1px solid #eee}
.menu .rank:first-child{border-top:none}
.menu h2{color:#333;font-size:20px;height:78px;line-height:78px;padding:0 40px}
.menu ul li{height:50px;line-height:50px;padding:0 40px}
.menu ul li .icon{float:right;width:16px;height:16px;padding:17px;vertical-align:middle;fill:currentColor;display:none}
.menu ul li.cur{color:#1abc9c}
.menu ul li.cur .icon{display:inline-block}
.list{float:right;width:900px;background:#fff;padding:0 40px 40px;box-sizing:border-box}
.list h2{color:#333;font-size:20px;height:78px;line-height:78px}
.list .tab{line-height:40px;height:40px;border-bottom:2px solid #1abc9c}
.list .tab a{padding:0 20px;display:inline-block}
.list .tab a.cur{color:#fff;background:#1abc9c;border-top-left-radius:4px;border-top-right-radius:4px}
.list ul li{float:left;width:400px;height:183px;padding:30px 0;border-bottom:1px solid #eee;box-sizing:border-box}
.list ul li:nth-child(even){padding-left:20px}
.list .image{float:left;width:90px;height:120px;margin-right:20px;border:1px solid #eee}
.list .image img{width:100%;height:100%;display:block;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.list .book{height:122px}
.list .book .name{color:#333;font-size:18px;font-weight:bold}
.list .book .desc{font-size:14px;color:#666;line-height:20px;margin:10px 0}
.list .book .tags div span{padding:0 2px;margin-left:10px;border-radius:3px;box-sizing:border-box}
.list .book .tags .author{font-size:14px;color:#666}
.list .book .tags .msg{font-size:12px;float:right}
.list .book .tags .msg .serial{color:#1abc9c;border:1px solid #1abc9c}
.list .book .tags .msg .count{color:#f60;border:1px solid #f60}
.list .book .tags .msg .type{color:#1e9fff;border:1px solid #1e9fff}
.page{float:right;width:900px;margin-top:30px;text-align:center}
.page a{font-size:14px;color:#666;width:33px;height:33px;line-height:34px;margin:0 8px;text-align:center;background:#fff;border:1px solid #fff;border-radius:3px;display:inline-block}
.page .icon{width:16px;height:16px;vertical-align:middle;fill:currentColor}
.page .left{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.page a:hover{color:#1abc9c}
.page a.nopg{color:#666;font-size:20px;line-height:30px;background:0 0;border:none}
.page a.cur{color:#fff;background:#1abc9c;border:1px solid #1abc9c}
.page a.opacity{color:#e5e5e5}
.page a.pgno{width:50px;border:1px solid #e5e5e5}
.page a input{font-size: 14px;width:100%;padding:0 5px;text-align:center;box-sizing:border-box}
.page .go:hover{color:#fff;background:#1abc9c;cursor:pointer}