*{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:#19bf89;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:5px;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 #19bf89;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() 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);
}