.menu{float:left;width:280px;min-height:830px;background:#fff;box-sizing:border-box}
.menu .per_left_top{color:#fff;padding:50px 0;text-align:center;background:#1abc9c}
.menu .per_left_top p{padding-top:10px}
.menu .per_left_top img{width:60px;height:60px;border:1px solid #fff;border-radius:30px}
.menu ul{padding:20px 40px}
.menu ul li{height:50px;line-height:50px}
.menu ul li.cur{color:#1abc9c}
.menu .cur .icon{display:block}
.menu .icon{float:right;width:16px;height:16px;padding:17px;vertical-align:middle;fill:currentColor;display:none}
.list{float:right;width:900px;min-height:830px;background:#fff;box-sizing:border-box}
.list .title{font-size:20px;height:78px;line-height:78px;padding:0 40px;border-bottom:1px solid #eee}
.list .title span{color:#fb4957}
.list .item{padding:0 40px 40px;min-height:700px}
.list .item ul li{color:#666;padding:20px 0;border-bottom:1px dashed #eee}
.list .item p{margin-right:10px;display:inline-block}
.list .item .name{color:#333;width:150px}
.list .item .author{width:100px}
.list .item .progress{width:110px;text-align:center}
.list .item .lastchapter{width:280px}
.list .item .lastchapter span{font-size:14px;padding:1px 2px;margin-right:5px;color:#fff;background:#fb4957;border-radius:3px}
.list .item .read{width:64px;text-align:center}
.list .item .delete{width:32px;text-align:center;cursor:pointer}
.list .item .icon{width:16px;height:16px;vertical-align:-2px;fill:currentColor}
.list .item .no_book{color:#999;padding-top:200px;text-align:center}