*{margin:0;padding:0}
body{ max-width: 720px; margin: 0 auto; background:#f0f0f0;}
a{text-decoration: none;color:#0e90d2;}
a:hover{color:red;}
.header{background:#234d63;height:50px;color:#fff;line-height: 50px;display: flex;justify-content: space-between;padding:0 10px;}
.header a{color:#fff;text-align: center;font-size:14px;}
.header h1{font-size:16px;}
.nav{display: flex;padding:20px;justify-content:space-between;background:#fff;flex-wrap: wrap;}
.nav a{color:#333;padding:6px;}
.rec{padding:10px;box-sizing: border-box;background: #fff;margin-top:10px;}
.rec a:hover{color:red;}
.title{border-left:2px solid #000;padding-left:10px;}
ul{list-style: none;}
.list li{display: flex;padding:10px;font-size:14px;}
.list li a{color:#0e90d2;width:60%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.list li span{color:#888;width:20%;}
.list li em{color:#888;width:20%;text-align: right;font-style: normal;}
.footer{padding:10px;background:#fff;margin-top:20px;text-align: center;color:#666;font-size:14px;}
.footer a{color:#666;}
.list{margin-top:10px;}
.cate li{display: flex;padding:10px ;font-size:14px;flex-wrap: wrap;margin-bottom:5px;background-color: #fff;}
.cate li a{color:#0e90d2;width:80%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding-bottom:5px;}
.cate li p{color:#888;width:100%;padding-top:10px;border-top:1px solid #0e90d2;}
.cate li em{color:#888;width:20%;text-align: right;font-style: normal;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.cate .more{padding-top:8px !important}
.list .title{box-sizing: border-box;background-color: #fff;padding:10px}
.novel{padding:10px;box-sizing: border-box;background:#fff;}
.novel p{font-size:14px;line-height: 1.5rem;}
.desc{margin-top:10px;background-color: #fff;padding:10px;}
.desc p{margin-top:20px;font-size:14px;color:#333;}
.desc ul{margin-top:10px;}
.desc ul li{border-bottom:1px dotted #eee;padding:5px;}
.desc ul li a{font-size:14px;color:#333;}
.desc a:hover{color:red;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.flex select{padding:5px;}
.flex a.read-online{color:#ea0c0c;font-size:1rem;font-weight:bold;}
.pages{margin-top:20px;display: flex;justify-content: space-between;align-items: center;background:#fff;padding:10px;}
.pages a{background:#eee;color:#333;padding:5px 10px;}
.pages select{background:#eee;color:#333;padding:5px 10px;}
.btn-mulu{padding: 10px;display: block;width: 160px;text-align: center;margin: 10px auto;border-radius: 5px;background: #719cbc;font-size: 16px;transition: all 0.3s;}
.btn-mulu:hover{background: #00bcd4}
.dada a.btn-mulu{color:#fff}
.content{background:#F5D89F;padding:15px;line-height: 1.8rem;font-size:1.1rem;color:#333;}
.page{display: flex;justify-content: space-between;align-items: center;background:#fff;padding:10px;}
.book-main{padding:5px 10px 15px;}
.book-main .book-img{width:80px;height:100px;float:left;}
.book-main .book-img img{width:80px;height:100px;}
.book-main .book-info{padding-left:10px;height:100px;overflow:hidden;}
.book-main .bookname h1{font:700 18px/24px "Microsoft Yahei";display:inline-block;}
.book-main .bookname span{font:normal 12px/20px "宋体";display:inline-block;padding-left:10px;color:#999;}
.book-main .book-info p{font:normal 12px/20px "宋体";height:auto;}
.book-main .tag{margin:6px 0px;}
.book-main .tag span{display:inline-block;padding:0px 5px;font:12px/16px "宋体";border-radius:2px;margin-right:6px;}
.book-main .book-info .time{}
.book-main .book-info .update span, .book-main .book-info .time span{color:#999;}
.text-red{color: #e33;}
.book-detail-btn{margin:15px 0px 0px;}
.btn-group{display:table;width:100%;margin-right:auto;margin-left:auto;table-layout:fixed;}
.btn-group-cell{display:table-cell;height:40px;line-height:40px;text-align:center;}
.btn-group-cell:first-child>.btn-normal{margin-left:0;}
.btn-group-cell>.btn-normal{display:inline-table;background:#65bbec;border-radius:2px;width: calc(100% - .6667rem);padding:0;color:#fff;}
@media(max-width: 768px){.hidden-xs{display: none!important;}}
.bookcase-book{position:relative;padding:15px 10px;border-bottom:1px solid #ececec;height:100px;padding:15px 10px;}
.bookcase-book .book-img{float:left;width:80px;}
.bookcase-book .book-img img{width:80px;height:100px;}
.bookcase-book .book-info{padding-left:10px;height:100px;overflow:hidden;}
.bookcase-book h4{font-size:16px;height:30px;overflow:hidden;}
.bookcase-book .author, .bookcase-book .classify, .bookcase-book .read{color:#999;font:normal 12px/20px "宋体";text-overflow:ellipsis;white-space:nowrap;}
.bookcase-book .del-btn{z-index:999;position:absolute;right:15px;top:15px;}
.bookcase-book .del-btn a{display:block;width:56px;height:30px;font-size:12px;line-height:30px;border-radius:3px;text-align:center;}
.bookcase-book .del-btn .border-btn{border:1px solid #ff4643;color:#ff4643;box-sizing:border-box;}
.search{margin:10px;overflow:hidden;}
.search form{position: relative; clear: both;  }
.search .text{display: block; width: 100%; padding: 12px 25px 12px 8px; height: 40px;line-height:20px;overflow: hidden;border: 1px solid #ddd;border-right:50px solid #fff;font-size:14px;}
.search .btn{ position: absolute; z-index: 1; right: 0; top: 0; margin: 0; width: 50px; height: 40px; border: 1px solid #ddd; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAMAAAD26OlUAAAC0FBMVEX////19fX19PX///+goKD///+goKD///////////+goKD09fWgoKD19fSgoKD///////+goKCgoKCgoKCgoKCgoKCgoKD////////////////+/v6goKD///+goKCgoKCgoKCgoKD//v7//v+goKD///////////+goKCgoKCgoKCgoKCgoKCgoKCgoKCgoKChoaGioqLDw8OgoKCkpKSzs7PY2NigoKD+/v/+//6jo6OgoKD////x8fHZ2dmgoKCgoKCgoKDw8PD///+goKCkpKSjo6OhoaHFxcWgoKCgoKD39/enp6egoKC0tLSgoKCgoKD///+goKCnp6f///+goKD39/egoKD8/Pz///////+goKD7+/v///////////////+goKCoqKigoKD////////R0dH///////////////+ioqL///////+hoaH////////19PSgoKC4uLj////////////////39/f4+Pj5+fn8/P36+vr7+/v8/Pz9/f3///+goKD29vahoaH9/fyoqKj4+Pn6+/v4+fj3+Pf6+fr7+vv6+vn49/j6+/r5+fj+/f329vf7+vr39/j49/f29/f9/P3JycnLy8v9/v78/fyrq6v5+vr4+fnj4+Pw8PDd3d35+Pj7/Pz8/f38/Pv5+Pn7+/ry8vL6+fn39vb3+Pj5+fr29/b9/v2ioqL9/f739/b39vf9/Pz6+vuqqqrFxcX7+/z8+/v19fWjo6PAwMCzs7OsrKz19vbKysr09PTs7Oz4+Pe+vr7ExMT5+vnv7++wsLDMy8ynp6fGx8bx8PD+/v7c3NzIyMjKysvb29u/v7+pqan7/PvHyMfGxsbf4ODx8fHf396xsbGkpKTg4ODz8vLY2dna2tru7u3x8fL19fTu7u6ysrLZ2dnh4uLc3d3+/f7y8/P29vX08/SmpqbS0tLKycnh4eHa2tvf398EurQLAAAAeHRSTlMAAABUVPv76iT66ABVAJdbi/X6IiPRx5/LDigAB5wICyT5AACGCv0IDM+c5yYyS/aLmfiY9/7emQAAm/cN9tmW+Cz4mub2/vX26s6h/iH9CYeNi9rU9Jzy+jLohPvSVtMm8dlT0JCtJ/b38f1am/4PMwDvqO998Hrq3T51AAADOklEQVR4XpXTBW8bSRyH4bXbnNNw4YLlJmXmK9MhMzMzwyyamRnDzMxYZIZjZr6v0P+40rgbR0r6ene1P+nJWLIUKtaclJ2ZSau2JmWmpSyGuYAau+lpDytJUzfNoOaPSWfmz1OKmrd69ub5N8W5u5co47pxRl7eaLd7WRSEA0W/88zhoqPh6ExaMRrO3RdlpzSOxqDDEWz+TSiJ0tvnit3MO7A7Z2gOBuWN8kaHo1l+kumLfvu9Ingfdqd98ljlcPuxfED0u+zC57Hyck2bRq6Rt/l8bLmc1fjwmdOWXwPXgetAbBsb8oVCbEhgWQHHMmGQS2NuzlTYZwWhQoDKMMHh+SvAW2cTmAIzrO/mhbKK7jL+At8tdHWVwYtQwQ2AXEngFlhDfBcPFw4oDHhCAYBrCHwB1r9Veo6vcrmqzC7ezOt5vZk3u/R8EcAHCbwZ1gmu3cbpOU7f3m6zmTmXzWyDXfU9wPUEvgkLcSYuwkEm7moWuCIcA/AdAm+B1cBFLPVcjcViOhSptzBMfY3JBH9EA1QTeBeswwyuhjnEkLAuBniMwHtgXWYMlfZKe2GhgSlkKu2l8IQKfwG4gcDbYP2jK7Xr7LTBUKnTldLR7DSjOwNwLYE7YIURfTWrdT9traOttBUGGgC4kcBHvoT5M1ZGdx1ye+oQbaxze/Yb6f/A9d5J4DOXYHf86UYeZETIaPUgt9EDb2gYH3gwncBt25tAHkBQayvcqAVBXoT6wKn35FCkvQEldLzF6XXWer0qVa23taEFqS4qoaEsKlbiYz9heeBrZ61K5ax1qhrgU92H3ZGncgGQMqq1WHZ80/PHoAoaVPV8G8ZOW30/BqRFL42cV+LC/s+/+2H4x//9AzDAjTxUQIlKlFV/oYzryGeyxPxHXxTJx58QAk1ipvbzsveehH+vyeIzn1YUd/bGWO/BYsWzz0meh3GDWC7KmKLgSjr7tWq1tr+zhFEkvFwgkbyijpfUq7NeU5Bez8qVSqWSN76Kl1DOW29nyxYulGXPSn8XFMBJCUSOLjlVIpGkSuGRLJG+nxyT4wWy6brkB9T4cgqWH1ITkn/9/RE1IalQfExNSH7yKTXxrgCZKvK/MvmOVwAAAABJRU5ErkJggg==) no-repeat 50% 50%; -webkit-background-size: 20px 21px; -moz-background-size: 20px 21px; -o-background-size: 20px 21px; background-size: 20px 21px;border-radius:0px; }
.hiddenx{display: none}
.btn-hover {
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    color: #2462c8;
    cursor: pointer;
    height: 55px;
    border: none;
    background-size: 300% 100%;    
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}
.btn-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}