*{margin:0;padding:0;box-sizing:border-box;}
body{font:14px/1.5rem '宋体',sans-serif;color:#666;background:#E9FAFF;}
body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,iframe,input,ol,p,pre,select,table,td,textarea,th,ul,em,i{font-weight:400;font-style:normal;}
ol,li,ul{list-style:none;}
dd,div,dl,dt,form,img,li,ol,ul{border:0;}
button,input{outline:none;}
.red{color:#bf2c24}
.blue{color:#4284ed}
.dark{color:#33373d}
.green{color:green}
.orange{color:#f0643a}
.yellow{color:#f0c53a}
.purple{color:#a091ff}
.gray{color:#B3B3B3}
.s_gray{font-size:.7rem;color:#999;}
.jcc{justify-content:center;border:none;text-align:center;margin-bottom:5px;}
a{color:#5f679a;text-decoration:none}
a:hover{text-decoration:underline}
a.author{color:#7985a6}
a.author:hover{color:#666}
.mt8{margin-top:8px!important;}
.mb20{margin-bottom:20px!important;}
.w100{width:100%!important;}
.indent{text-indent:2em;}
.tc{text-align:center}
.tl{text-align:left}
.fr{float:right}
.fl{float:left}
.flex{display:flex;}
.flex-wrap{flex-flow:wrap;}
.flex-between{justify-content:space-between;}
.flex-center{justify-content:center;}
.flex-flow-center{flex-flow:center;}
.align-items-center{align-items:center;}
.container{max-width:980px;margin:0 auto;}
header,nav{max-width:980px;margin:0 auto;display:flex;justify-content:space-between;padding:0;flex-flow:wrap;align-items:center;}
.addfavorite,.sethome{background: no-repeat scroll 0 0 transparent}
.top{overflow:hidden;width:100%;height:38px;border-bottom:1px solid #c3dfea;background:#e1eced;color:gray}
.top_con{margin:4px auto;width:980px;vertical-align:middle;text-indent:1pc;line-height:30px}
.sethome{float:left;display:inline;margin-right:20px;background-position:0 9px}
.addfavorite{float:left;display:inline;background-position:0 -12px}
.menubtn{float:left;margin:0;padding:0;border:0 none;width:60px;height:30px;font-size:14px;font-weight:bold;color:#fff;border-radius:2px;background:#88C6E5;}
.top a{color:gray;margin:0 5px;}
.user{position:relative;float:right;font-size:13px;}
.user input{margin:0 3px;width:90px;height:22px;border:1px solid #c3dfea;background:#fff}
.user button{margin:0 0 0 8px;padding:0 6px;height:22px;line-height:21px;border:1px solid #87c6e5;border-radius:2px;background:#87c6e5;color:#fff;text-align:center;font-size:12px;cursor:pointer}
a.login{display:inline-block;padding:0}
header{margin:15px auto 15px;}
.logo a{float:left;display:block;width:220px;height:50px;background:url(./logo.png) no-repeat scroll 0 0 transparent;text-indent:-9999px}
.search{width:420px;height:25px;line-height:23px;margin:0;display:inline-block;}
.search .intext{border:1px solid #88C6E5;margin:0;border-right:0;line-height:23px;padding:5px;float:left;width:83%;color:#555;overflow:hidden;}
.search .btn{float:left;margin:0;padding:0;border:0 none;width:17%;height:35px;font-size:15px;font-weight:bold;color:#fff;overflow:hidden;background:#88C6E5;cursor:pointer;}
.search .btn:hover{background:#48a8d7;}
nav{background:#88C6E5;margin-bottom:8px;font-weight:700;padding:5px 0;}
nav a{color:#fff;font-size:15px;width:8%;height:31px;line-height:31px;text-align:center;}
/* 封推及热门 */
.commend{width:70%;margin-right:1%;padding:0 0 10px 0;flex-flow:wrap;}
.commend > p{background:#e1eced;border-bottom:1px solid #ddd;font-size:14px;font-weight:700;width:100%;height:35px;line-height:35px;padding-left:10px;margin-bottom:5px;}
.commend .item{width:50%;display:flex;padding:5px 10px 0 10px;}
.commend .item .image{float:left;padding:1px;width:120px;height:150px;margin:5px 10px 0 0;}
.commend .item .image img{width:116px;height:146px;box-shadow:0 1px 6px rgba(0,0,0,.3),0 0 5px #f9f2e9 inset}
.commend .item dl{float:right;padding:2px 0 0 0;}
.commend .item dl dt h3{overflow:hidden;font-weight:700;font-size:15px;height:25px;line-height:25px}
.commend .item dl dt span{color:#b3b3b3;font-size:13px;line-height:18px;line-height:18px}
.commend .item dl dd{line-height:20px;width:100%;height:100px;overflow:hidden;font-size:13px;margin-top:2px;}
.popular{width:29%;}
.popular > p{background:#e1eced;border-bottom:1px solid #ddd;font-size:14px;font-weight:700;height:35px;line-height:35px;padding-left:10px;}
.popular ul{padding:5px}
.popular li{margin:0 5px;border-bottom:1px solid #ddd;font-size:13px;display:flex;justify-content:space-between;height:31px;line-height:31px;overflow:hidden;}
.popular li span{float:left;display:inline-block}
.popular li .s1{color:#666}
.popular li .s2{float:right;text-align:right}
.popular li:last-child{border-bottom:unset;}
.popular .btn{display:block;width:95%;padding:5px 10px;background:#fff;border:1px solid #aaa;border-radius:3px;text-align:center;text-decoration:none;line-height:25px;cursor:pointer;margin:2px auto;}
/* 中间区块 */
.sort-section{width:99%;margin-top:8px;}
.sort-section a{font-size:13px;}
.sort{width:33%;}
.sort h2{border-bottom:solid 1px #A6D3E8;background:#F6F8FE;line-height:30px;height:30px;margin:0 3px 8px;padding-left:8px;}
.sort h2 a{font-size:14px;font-weight:700;}
.sort-one{padding:0 8px 5px 8px;width:100%;}
.sort-one .cover{float:left;width:60px!important;height:80px;margin:5px 18px 0 0;}
.sort-one .cover a img{width:60px!important;height:80px;}
.sort .item dl{float:right;padding:10px 0 0;}
.sort-one dl dt{font-size:14px;margin:5px 0 3px;height:29px;overflow:hidden;}
.sort-one dl dt h3{display:inline;}
.sort-one dl dt h3 a{font-size:16px!important;}
.sort-one dl dd{font-size:13px;line-height:1.15rem;height:55px;color:#777;overflow:hidden;}
.sort-more{margin-top:10px;}
.sort-more li{margin:0 2%;width:46%;overflow:hidden;height:28px;line-height:28px;border-bottom:solid 1px #ddd;}
.sort:nth-child(2),.sort:nth-child(5){border-left:dotted 1px #A6D3E8;border-right:dotted 1px #A6D3E8;width:34%!important;}
/* 更新和入库 */
.section-bottom{margin-top:8px;}
.section-bottom > div > p{padding-left:10px;background:#e1eced;height:31px;line-height:31px;font-size:14px;font-weight:700;}
.lastupdate{width:70%;margin-right:1%;color:#777;font-size:13px;}
.lastupdate ul{padding:5px}
.lastupdate li{overflow:hidden;height:31px;line-height:31px;border-top:1px solid #ddd}
.lastupdate li:first-of-type{border-top:none}
.lastupdate li span{float:left;display:inline-block}
.lastupdate li .s1{width:10%;text-align:center}
.lastupdate li .s2{width:62%;color:#aaa}
.lastupdate li .s2 a{padding:0 10px}
.lastupdate li .s2 a:first-of-type{font-weight:700;}
.lastupdate li .s3{width:20%;text-align:right}
.lastupdate li .s4{width:8%;text-align:right}
/* 通用3px边框 */
.border3{border:3px solid #C3DFEA;background:#fff;}
.border3-2{border:3px solid #C3DFEA;}
/* 友情链接 */
.link{border:1px solid #DDD;line-height:22px;width:980px;margin:10px auto;padding:9px 0 9px 9px;font-size:13px;margin-bottom:30px;}
/* 信息页 info S */
.crumb{border-bottom:#88C6E5 1px solid;padding:0px 10px;line-height:40px;height:40px;background:#E1ECED;font-size:13px;overflow:hidden;}
.crumb2{width:974px;border-bottom:#88C6E5 1px solid;padding:0px 10px;line-height:40px;height:40px;background:#E1ECED;font-size:13px;overflow:hidden;}
.path{float:left;}
.authors{padding:10px;width:980px;}
.info{display:flex;position:relative;padding:8px 8px 0;font-size:14px;overflow:hidden;background:#fff;}
.info .cover{width:150px;height:190px;padding:5px;margin:5px 30px 12px 5px;box-shadow:0 1px 6px rgba(0,0,0,.3),0 0 5px #f9f2e9 inset}
.info .cover img{width:140px;height:180px;}
.info dl{width:100%}
.info h1{display:inline-block;font-family:"Microsoft YaHei",微软雅黑,宋体;font-size:28px;font-weight:600;padding:1px;margin:10px 0 10px 0;line-height:2rem;}
.info dd{line-height:1.3rem;overflow:hidden;}
.info dd span{display:inline-block;width:50%!important;margin:2px 0;overflow:hidden;}
.info dd .btn{margin-top:2px;}
.info dd .btn a{margin:0 15px 0 0;padding:5px 8px;color:#fff;background:#88C6E5;border-radius:3px;}
.info-intro{border-top:1px dashed #88C6E5;padding:10px 0 0 0;font-size:13px;line-height:1.15rem;margin:8px 0 0 0;}
.info-wap{padding:3px 8px 5px 8px;font-size:13px;border-top:1px dashed #ddd;margin-top:6px;line-height:1.15rem;}
.info-chapters{padding:8px;background:#fff;}
.info-chapters-title{background:#e1eced;border-bottom:1px solid #ddd;font-size:14px;height:35px;line-height:35px;text-align:center;overflow:hidden;}
.info-chapters a{width:33%;overflow:hidden;height:35px;line-height:35px;font-size:13px;border-bottom:1px dashed #CCC;}
.info-commend{font-size:13px;width:100%;margin:0 auto;height:30px;text-align:center;line-height:30px;overflow:hidden;}
.info-commend a{margin:0 3px;color:#f33;}
.info-commend a:nth-child(2n) {font-size: 13px;color:#288be6;}
.info .sub {height:30px;width:100px;position:absolute;right:-30px;text-align:center;line-height:30px;font-family:"黑体";-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.info .wj1 {background:#88C6E5;color:#fff;}
.info .wj2 {background:#cbe3ed;color:#217096;}
/* 阅读页 */
.read{text-align:center;}
.read h1{font-size:24px;font-weight:700;margin:25px 0 0;}
article{font-family:"Microsoft YaHei",微软雅黑,宋体;font-size:19px;letter-spacing:0.1em;width:90%;margin:auto;text-align:justify;line-height:1.4;color:#333;}
article p{text-indent:2.3em;margin:1rem 0;}
.read_nav{position:relative;margin:10px auto 10px;max-width:95%;text-align:center;}
.read_nav a{margin:0 7px;padding:6px 20px;font-size:16px;color:#fff;background:#7da2d7;display:inline-block;border-radius:4px;}
.tool{position:relative;margin:10px auto;text-align:center;}
.tool a{margin:0 10px;}
.tool a:nth-child(1):before {content: "＋"}
.tool a:nth-child(2):before {content: "×"}
.setbg{float:right;text-align:center;}
.setbg .c{border:1px solid #ddd;text-align:center;width:25px;height:25px;line-height:27px;display:inline-block;border-radius:50%;}
.setbg .s{border:1px solid #ddd;background:#fff;text-align:center;width:25px;height:25px;line-height:27px;display:inline-block;border-radius:10%;}
.setbg .c:hover,.setbg .s:hover{text-decoration:none;}
.setbg .c1{background:#E9FAFF}
.setbg .c2{background:#efefef}
.setbg .c3{background:#eefaee}
.setbg .c4{background:#ffffed}
.setbg .f1{background:#444}
.setbg .f2{background:#777}
/* 分类列表页 */
.category-commend,.authorlist{width:100%!important;margin:0!important;}
.category-commend .item{width:33%;display:flex;}
.authorlist .item{width:50%;display:flex;}
/* 排行榜 */
.rank {max-width:980px;margin:15px auto 0;display:flex;justify-content:space-between;padding:0;flex-flow:wrap;align-items:center;}
.rank a {display:inline-block;width:25%;text-align:center;font-size:18px;line-height:30px;}
.rank a.active {background:#fff;color:#4D91BB;font-weight:700;}
/* 翻页按钮*/
.pages{width:100%;padding:10px 0;text-align:center;}
#pagestats{display:none;font-style:normal;margin-left:5px;}
.pages a,.pages a:visited,.pages strong,kbd input{display:inline-block;margin:2px 2px;padding:0 2px;min-width:35px;border:1px solid #e6e6e6;border-radius:3px;text-align:center;text-decoration:none;height:35px;line-height:35px;}
.pages a:hover,.pages strong{background:#2579d6;color:#fff;}
/* 足迹 */
.zuji{width:100%;max-width:1000px;padding:10px;}
.zuji p.title{border-bottom:1px dashed #666;font-family:"Microsoft YaHei",微软雅黑,宋体;font-size:20px;font-weight:600;height:50px;line-height:50px;}
.zuji ul{display:flex;flex-flow:wrap;}
.zuji ul li{width:50%;border-top:none;}
.zuji-items{width:100%;display:flex;flex-flow:column wrap;justify-content:space-between;}
.zuji-items > *{display:flex;align-items:center;flex-flow:wrap;}
.zuji-items p:first-child{font-weight:700;font-size:1.1em;}
.zuji-items .bookcase_btn{display:inline-block;padding:5px 10px;border:1px solid #88C6E5;border-radius:3px;text-align:center;text-decoration:none;line-height:20px;cursor:pointer;margin:1px 6px 0 0;}
.zuji-items .bookcase_btn:hover{background:#bf2c24;border:1px solid #bf2c24;color:#fff;}
.zuji img{width:100px;height:133px;transition:transform .4s ease-out;}
.zuji img:hover,.tui_right img:hover{transform:scale(1.1)}
.zuji img:hover{box-shadow:3px 3px 5px #888;}
.zuji li{display:flex;width:100%;padding:10px 0;border-bottom:1px dashed #ccc;}
.zuji .cover{position:relative;margin-right:15px;border:1px solid #e6e6e6;}
.zuji .cover a{width:90px;height:120px;overflow:hidden;display:block;box-shadow:0 1px 6px rgba(0,0,0,.3),0 0 5px #f9f2e9 inset}
/* 底部 */
.footer{overflow:hidden;width:99%;margin:20px auto 15px;text-align:center;font-size:12px;}
.diswap{display:none;}
/* 注册 */

@media screen and (max-width:767px){
header{padding:0 8px;}
.logo a{width:176px;height:40px;background:url(./logox.png) no-repeat scroll 0 0 transparent;}
nav a,.nav a{width:16.6%;}
.search{width:80%;height:32px;line-height:40px;margin:10px auto 0;}
.search .intext{line-height:20px;float:left;width:80%;}
.search .btn{width:20%;height:32px;}
.border3,.border3-2{border:1px solid #C3DFEA;border-left:none;border-right:none;}
.crumb{border-bottom:#88C6E5 1px solid;padding:0px 10px;line-height:40px;height:80px;background:#E1ECED;font-size:13px;overflow:hidden;}
.all dd a{width:33.3%;}
.setbg{width:100%;float:left;display:block;clear:both;}
.lastupdate,.sort-section > div,.commend,.popular{width:100%!important;margin:0;}
.info-chapters a{width:50%!important;margin:0;}
.popular{margin-top:8px;}
.user{position:relative;display:block;float:left;margin:0 auto;font-size:13px;}
.crumb,.dispc,.sethome,.addfavorite{display:none;}
.diswap{display:block;}
.sort:nth-child(2),.sort:nth-child(5){width:100%!important;}
.category-commend .item{width:50%;display:flex;}
.commend .item .image{width:80px;height:100px;margin:3px 10px 0 0;}
.commend .item .image img{width:76px;height:96px;}
.commend .item dl dt h3{height:23px;line-height:23px}
.commend .item dl dd{line-height:19px;font-size:13px;height:57px;margin-top:0;}
#history ul li{width:100%!important;}
.info .cover{width:110px;height:140px;padding:0;margin:5px 20px 12px 5px;}
.info .cover img{width:110px;height:140px;}
.info h1{font-size:22px;padding:1px;margin:5px 0 2px;line-height:1.8rem;}
.info dd{line-height:1.5rem;}
.info dd:last-of-type{line-height:1.8rem;height:1.8rem;}
.info dd span{display:block;width:100%!important;margin:2px 0;}
.info dd .btn{margin-top:8px;}
.info dd .btn a{margin:0 6px 0 0;padding:5px;}
article{width:95%;}
.lastupdate li .s1,.lastupdate li .s4{display:none;}
.lastupdate li .s2{width:80%;}
.lastupdate li .s3{width:20%;text-align:right;padding-right:5px;}
.toplist {width:49%;}
.reg fieldset {width:90%;}
}
@media screen and (max-width:480px){
nav a,.nav a{width:25%;}
.search{width:98%;line-height:40px;}
.commend .item{width:100%!important;margin:0;}
.info-chapters a{width:100%!important;margin:0;}
.all > dl a{width:25%;height:36px;line-height:36px;}
.all dd a{width:50%;}
.toplist,.reg fieldset{width:100%;}
}