﻿@font-face{font-family:yahei;src:url(/public/font/font.eot);src:url(/public/font/font.eot?#iefix) format('embedded-opentype'),url(/public/font/font.ttf) format('truetype'),url(/public/font/font.woff) format('woff'),url(/public/font/font.svg) format('svg')}
#bookintro i,#chaptercontent i,#chapterlist i{font-family:yahei!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*,::after,::before{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;tap-highlight-color:transparent}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,li,p,ul{margin:0;padding:0}
body{font-size:16px;font-family:'Microsoft YaHei','SimSun',sans-serif}
li{list-style:none}
img{border:none;margin:0;padding:0}
a{color:#262626;text-decoration:none}
em,i{font-style:normal}
body{background:#fff}
.left{float:left}
.right{float:right}
.cf{clear:both;overflow:hidden}
.space{height:10px;clear:Both;overflow:hidden}
.header{font-size:16px;background:#4299e2;color:#fff;height:50px;line-height:50px;text-align:center;position:relative;z-index: 2147483582;display:-webkit-box;display:-moz-box;display:box}
.header .bookname,.header .title{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:100%;height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.header .operate{padding:0 10px;height:30px;margin:10px 10px;line-height:30px;font-size:14px;background: #65bbec;border-radius:3px;}
.header .operate a{color:#fff}
.nav{height:40px;line-height:40px;overflow:hidden;background:#ecf0f0;margin-bottom:10px}
.nav ul{display:-webkit-box;display:-moz-box;display:box}
.nav ul li{text-align:center;font-size:16px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
#navbox{position:absolute;z-index: 2147483583;top: 50px;left:0;-moz-opacity:.8;opacity:.8;background:#000;width:100%}
#navbox ul{width:100%;padding:5px 0;clear:both;overflow:hidden}
#navbox li{float:left;width: 20%;height: 40px;line-height: 40px;text-align:center;}
#navbox li a{font-size:14px;color:#fff}
#navbox li a:hover{color:#fff}
.wrap-box{margin:10px auto}
.wrap-title{position:relative;height:35px;line-height:35px;background:#ecf0f0;border-bottom:1px solid #4299e2;font-size:16px;padding:0 10px;clear:both;overflow:hidden}
.wrap-title span,.wrap-title span a{font-size:16px;font-weight:700}
.wrap-title .more{position:absolute;right:10px;top:0;font-size: 13px;font-weight:400;font-family:"SimSun"}
.wrap-title-2{border-bottom:2px solid #65bbec;background:#ecf0f0;height:35px;line-height:35px;padding-left:8px;font-weight:700;font-size:15px;margin:6px auto}
.block-box{width:99%;margin:0 auto;height:auto;clear:both;overflow:hidden}
.navbar-list{margin:0 auto}
.navbar-list ul{padding-left:.25rem;padding-right:.25rem;overflow:hidden}
.navbar-list li{float:left;text-align:center;width:33.3333%;margin-top:.5rem}
.navbar-list li a{display:block;width:calc(100% - .5rem);margin-left:.25rem;box-sizing:border-box;border: 1px solid #ccc;padding: 4px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.navbar-list li.state a{background: #eee;}
.rank-box{margin-bottom:10px}
.rank-box-first{clear:both;overflow:hidden}
.rank-box-first .image{float:left;padding:15px 0 5px}
.rank-box-first .info{float:left;margin-left:10px;height:100px;overflow:hidden;padding:15px 0 5px 0}
.rank-box-first .info dt{font-size:16px;font-weight:700}
.rank-box-first .info dd{font-size:13px;padding-top:5px}
.rank-box-list li{padding:5px 0 5px 28px;border-bottom:1px solid #ececec;position:relative}
.rank-box-list li span{position:absolute;top:10px;left:0;display:inline-block;background:#8b8b8b;color:#fff;width:20px;height:14px;line-height:14px;border-radius:3px;text-align:center;font-size:12px}
.rank-box-list li span.no2{background:#e69025}
.rank-box-list li span.no3{background:#e6bf25}
.rec-focus{padding:10px 10px 0 10px}
.rec-focus-book{height:100px;clear:both;overflow:hidden;margin-bottom:20px}
.rec-focus-book .book-img{float:left;width:80px}
.rec-focus-book .book-img img{width:80px;height:100px}
.rec-focus-book .book-info{padding:0 0 0 10px;height:100px;overflow:hidden}
.rec-focus-book .book-info h2{font:bold 16px/20px "Microsoft Yahei";height:auto;margin-bottom:5px}
.rec-focus-book .book-info p{font: normal 13px/20px "SimSun";height:auto;color:#999}
.rec-focus-book .book-info p+p{margin-top:15px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.sort-box{padding:10px 10px 0 10px}
.sort-book-first{height:100px;clear:both;overflow:hidden;margin-bottom:10px}
.sort-book-first .book-img{float:left;width:80px}
.sort-book-first .book-img img{width:80px;height:100px}
.sort-book-first .book-info{padding:0 0 0 10px;height:100px;overflow:hidden}
.sort-book-first .book-info h4{font:bold 16px/20px "Microsoft Yahei";height:auto;margin-bottom:5px}
.sort-book-first .book-info p{font: normal 13px/20px "SimSun";height:auto;color:#999}
.sort-book-first .book-info p+p{margin-top:15px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.sort-book-list li{line-height:35px;border-bottom:1px solid #ececec;position:relative}
.sort-book-list li span{font: normal 13px/20px "SimSun";position:absolute;top:8px;right:0;color:#999}
.sort-book-list li:last-child{border:0}
.rank-box{padding:10px 10px 0 10px}
.rank-box .rank-tag{z-index:10;display:inline-block;font:12px/20px Arial;width:20px;height:20px;text-align:center;background:grey;color:#fff}
.rank-box .no1{background:#ff6077;color:#fff}
.rank-box .no2{background:#ff9733;color:#fff}
.rank-box .no3{background:#ffb333;color:#fff}
.rank-book-first{height:100px;clear:both;overflow:hidden;margin-bottom:10px}
.rank-book-first .book-img{float:left;position:relative;width:80px}
.rank-book-first .book-img img{width:80px;height:100px}
.rank-book-first .book-img span{position:absolute;top:0;left:0}
.rank-book-first .book-info{padding:0 0 0 10px;height:100px;overflow:hidden}
.rank-book-first .book-info h4{font:bold 16px/20px "Microsoft Yahei";height:auto;margin-bottom:5px}
.rank-book-first .book-info p{font:normal 12px/22px "SimSun";height:auto;color:#999}
.rank-book-first .tag{margin:6px 0}
.rank-book-first .tag span{display:inline-block;padding:0 5px;font:12px/16px "SimSun";border-radius:3px;margin-right:6px}
.rank-book-first .intro{margin-top:3px}
.rank-book-list li{display: flex;position:relative;line-height:35px;padding-left: 30px;border-top: 1px solid #ececec;justify-content: space-between;height: 35px;overflow: hidden;}
.rank-book-list li span{position:absolute;top:8px;left:0;font:normal 12px/20px "SimSun"}
.rank-book-list li a{margin-right: 20px;}
.rank-book-list li i{max-width: 20%;font-size: 13px;font-family: simsun;color: #999999;}
.all-book-list{padding:0 10px 0 10px}
.book-view-box{position:relative;clear:both;overflow:hidden;padding:15px 0;height:100px;border-bottom:1px solid #dfdfdf}
.book-view-box .book-img{float:left;width:80px;height:100px;position:relative}
.book-view-box .book-img img{width:80px;height:100px}
.book-view-box .rank-tag{position:absolute;z-index:10;top:0;left:0;display:inline-block;font:12px/20px Arial;min-width:20px;height:20px;text-align:center;background:grey;color:#fff}
.book-view-box .no1{background:#ff6077;color:#fff}
.book-view-box .no2{background:#ff9733;color:#fff}
.book-view-box .no3{background:#ffb333;color:#fff}
.book-view-box .book-info{overflow:hidden;z-index:10;padding-left:10px;color:#999}
.book-view-box h4{font:700 16px/20px "Microsoft Yahei";overflow:hidden}
.book-view-box h4 a{display:block}
.book-view-box h4 span{positon:absolute;right:0;top:0;font:normal 12px/20px "SimSun"}
.book-view-box .tag{margin:6px 0}
.book-view-box .tag span{display:inline-block;padding:0 5px;font:12px/16px "SimSun";border-radius:3px;margin-right:6px}
.book-view-box p{width:auto;height:auto;font: normal 13px/20px "SimSun";text-overflow:ellipsis;white-space:nowrap}
.book-view-box .intro{margin-top: 5px;}
.tag .red{color:#ff3955;border:1px solid #ff3955}
.tag .orange{color:#ff7e00;border:1px solid #ff7e00}
.tag .blue{color:#4284ed;border:1px solid #4284ed}
.tag .green{color: #4fb53d;border: 1px solid #4fb53d;}
.read_book{min-height:calc(100vh - 210px)}
.bookcase-book{position:relative;border-bottom:1px solid #ececec;height:100px;padding:0 10px 10px}
.bookcase-book+.bookcase-book{padding: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;padding-right:64px}
.bookcase-book h4{font-size:16px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bookcase-book .author,.bookcase-book .classify,.bookcase-book .read{color:#999;font:normal 12px/20px "SimSun";overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bookcase-book .del-btn{z-index:999;position:absolute;right:.75rem;top:35px}
.bookcase-book+.bookcase-book .del-btn{top:45px}
.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}
.book-main{padding:5px 10px 0}
.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{overflow:hidden;white-space:nowrap}
.book-main .bookname h1{font:700 18px/24px "Microsoft Yahei";display:inline-block;}
.book-main .bookname span{font: normal 13px/20px "SimSun";display:inline-block;padding-left:10px;color:#999;}
.book-main .book-info p{font: normal 13px/22px "SimSun";height:auto}
.book-main .tag{margin: 5px 0;overflow:hidden;white-space:nowrap}
.book-main .tag span{display:inline-block;padding:0 5px;font:12px/16px "SimSun";border-radius:3px;margin-right:6px}
.book-main .book-info .time,.book-main .book-info .update{overflow:hidden;white-space:nowrap}
.book-main .book-info .time span,.book-main .book-info .update span{color:#999}
.book-detail-btn{margin:15px 0 0}
.book-list-btn{margin:.75rem}
.btn-group{display:table;width:100%;margin-right:auto;margin-left:auto;table-layout:fixed}
.btn-group-cell{display:table-cell;height: 35px;line-height: 35px;text-align:center;}
.btn-group-cell:first-child>.btn-normal{margin-left:0}
.btn-group-cell>.btn-normal{display:block;border:1px solid;background: #4299e2;border-radius:3px;padding:0;color:#fff;border-color: #4299e2;}
.btn-group-cell>.btn-normal-1{background:#fff;color:#f60;border-color:#f60}
.btn-group-cell+.btn-group-cell>.btn-normal{margin-left:.75rem;width:calc(100% - .75rem)}
#bookintro{font-size:14px;text-align:justify;word-break:break-all;padding:.75rem .75rem 0;color:#666}
.chapter-list li{border-bottom:1px solid #efefef;padding:10px 0 10px 10px}
.chapter-list li a{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:25px}
.chapter-list li a:after{position:absolute;display:block;right:.75rem;margin-top:-17px;font-family:"SimSun";content:">";color: #cccccc;}
#readSet{height:40px;line-height:40px;overflow:hidden;background:#ecf0f0;margin-bottom:10px;padding:0 .75rem;position: relative;z-index: 2147483580;}
#readSet .rf{float:right}
#readSet a.ra{border:1px solid #ccc;display:inline-block;width:1rem;height:1rem;margin-right:8px;overflow:hidden;vertical-align:middle}
#readSet .rt{font-size:12px;margin:0 0 0 8px;padding:0 5px;border:1px solid #ccc;border-radius:3px}
.content{margin:10px auto}
.content h1{padding:10px 5px;font-weight:700;font-size:18px;text-align:center}
.txt{line-height:2;padding:0 5%;font-size:18px;font-family:"微软雅黑","Microsoft YaHei","SimSun";text-align:justify}
.txt p{text-indent:2em;margin:.75rem 0;word-break: break-word;word-wrap: break-word;}
.chapter-page-btn{margin:8px 5% 0;position: relative;z-index: 2147483580;}
.chapter-page-btn ul{display:table;table-layout:fixed;width:100%}
.chapter-page-btn li{display:table-cell;box-sizing:border-box;text-align:center;border:1px solid #ccc}
.chapter-page-btn li.mulu{border-left:0;border-right:0}
.chapter-page-btn li a{display:block;line-height:0;text-align:center;padding:10px 0;line-height:.8}
.book-search{margin:.75rem;display:block}
.book-search form{width:100%;display:flex;font-size:14px}
.book-search form input{width: calc(100% - 60px);border:none;text-indent:10px;padding-right:10px;border: 2px solid #4299e2;border-radius: 3px 0 0 3px;}
.book-search form button{border:none;width: 60px;height:34px;line-height: 34px;background-color: #4299e2;color:#fff;cursor:pointer;border-radius: 0 3px 3px 0;}
.book-search form button:focus,.book-search form input:focus{outline:unset}
.pages{text-align:center;padding:20px 0;overflow:hidden}
.pagination{margin:0;display:inline-block;padding-left:0}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:5px 10px;margin-left: 5px;text-decoration:none;border:1px solid #d7d7d7;border-radius: 3px;font-size: 14px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-color:#f0f0f0}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;cursor:default;color:#f60}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination>li.hidden-xs{display:none}
.listpage{padding:.75rem;line-height:1.5rem;width:calc(100% - 1.5rem);overflow:hidden;border-bottom:1px solid #d7d7d7;height:30px;font-size:14px}
.listpage span{height:30px;line-height:30px;text-align:center}
.listpage .left{float:left;width:25%}
.listpage .left a,.listpage .right a{display:inline-block;height:30px;width:90%}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;border:1px solid #d7d7d7;display:block;float:left;height:28px;line-height:28px}
.listpage .middle em{width:80%;text-align:center;color:#999;font-style:normal;height:30px}
.listpage .middle a,.listpage .middle em{display:inline-block;float:left;line-height:30px}
.listpage .middle a{width:19%;height:36px;vertical-align:middle}
.listpage .middle select{clear:both;border:none;display:inline-block;float:left;font-style:normal;height:28px;line-height:28px;text-align:center;width:100%}
.listpage .middle select,.listpage .middle select option{color:#666}
.listpage .onclick{background: #4299e2;color:#fff;}
.listpage .before{background:#cecece;color:#fff}
.shudan-all-list{margin: 0 10px;}
.shudan-all-item+.shudan-all-item{border-top:1px solid #eee;margin-top: 10px;padding-top: 10px;}
.shudan-all-item-num{position:absolute;width:20px;background:#4299e2;height:20px;margin-top: 2px;text-align:center;color:#fff;}
.shudan-all-item-name{text-indent:30px;font-size:16px;font-weight:600;line-height: 24px;}
.shudan-all-item-time{line-height: 24px;font-size:14px;}
.shudan-all-item-intro{margin: 10px 0;padding: 10px;background: #e8f4ff;border-radius: 3px;}
.shudan-all-item-book {margin: 10px 0 0 0;padding: 10px;background: #fff5e8;border-radius: 3px;}
.shudan-bar ul li {border-bottom: 1px solid #e6e6e6;height: 30px;line-height: 30px;overflow: hidden;word-break: break-all;}
.shudan-content-time {text-align: center;padding: 10px 0;}
.shudan-content-intro,.shudan-content-mulu {text-indent: 2em;margin: 10px 10px;line-height: 2;padding: 10px;background: #e8f4ff;border-radius: 3px;}
.shudan-content h3 {padding: 0 10px;}
.shudan-content-mulu {padding: 10px 10px;line-height: 2;background: #fff5e8;text-indent: unset;}
.shudan-content-mulu a{font-weight:700}
.footer{line-height:30px;background:#ecf0f0;padding:20px 0;text-align:center}
.footer ul{display:-webkit-box;display:-moz-box;display:box}
.footer li{text-align:center;font-size:16px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.footer p{padding:10px 0 0;font-size: 13px;color:#666}
.footer p+p{padding:0}