html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,img,div,dl,dt,dd,input,select,form,fieldset{margin:auto;padding:0;}
body{background-color:#E9FAFF;color:#555;font-family: PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;font-size:12px;margin:0 auto;}
ul li{list-style:none outside none;}
a{color:#6F78A7;text-decoration:none;}
a:hover {text-decoration:underline; top:-1px;}
.clear{clear:both;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.banner{overflow:hidden; width:976px; margin:10px auto;}
.logo a,.sethome,.addfavorite,.userbar .int,.reader_mark0 a,.reader_mark1 a,.pic span{background:url(/images/all.gif) no-repeat scroll 0 0 transparent;}
.hot{width:960px; padding:5px 0 10px 10px; float:left;}
.hot a {margin: 0 5px;}
.phone a{color: #FF3300;float:left;}
.hotbar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px;text-align: center;}
.hotbar a {margin: 0 5px;}

/* header */
#header{}
.top{background-color:#E1ECED;border-bottom:1px solid #A6D3E8;color:gray;height:30px; line-height: 30px; min-width:980px;width:100%;}
.topbar{line-height:28px;text-indent:16px;vertical-align:middle;width:980px;margin:0 auto;}
.sethome{background-position:0 8px;display:inline;float:left;margin-right:20px;}
.addfavorite{background-position:0 -12px;display:inline;float:left;}
.header{height: 60px; line-height: 60px;width: 980px;margin: auto;}
.logo a{background-position:0 -35px;display:block;float:left;height:60px;text-indent:-9999px;width:250px;}
.header_search{float: right;height: 60px;line-height: 70px;}
.header_search input.search{border:1px solid #A6D3E8;font:16px/22px arial;height:24px;margin-right:5px;width:320px;padding:3px;}
.header_search input.searchBtn{background:none repeat scroll 0 0 #DDD;cursor:pointer;font-size:14px;height:32px;width:95px; border-radius: 3px;border: none;}
.login-toppel {float: right; line-height: 30px;}
.login-box { margin: 20px 0;}
.user{float:right;font-size:13px;}
.userbar{display:inline-block;width:150px;}
.userbar .inp{display:inline-block;width:90px;}
.inp input{background-color:#FFF;border:1px solid #A6D3E8;height:18px;width:90px;margin:1px 0;}
.loginnav {display: inline-block; float: right;}
.userbar .int{background: #fff;padding: 5px;border-radius: 2px;}
.userbar .txt{color:gray;padding-left:10px;}
.userbar a,.txt a:hover{color:gray;text-decoration:none; cursor: pointer;}
.userpanel{border:1px dotted #88C6E5;color:#9E9E9E;float:right;margin-right:5px;margin-top:8px;text-align:center;width:220px;padding:5px 6px;}
.userpanel a{color:#9E9E9E;line-height:200%;}
.nav{background:none repeat scroll 0 0 #88C6E5;height:40px;overflow:hidden;width:980px;margin:10px auto auto;overflow:hidden;}
.nav ul {display: flex; flexdirection: row; justifycontent: stretch; alignitems: center;}
.nav ul li{flex: 1;text-align:center;}
.nav ul li a{color:#FFF;font-size:15px;font-weight:700;padding:0 7px;}
.nav .on {background-color: #5994b1;height: 40px;line-height: 40px;display: block;}

/* recommend */
#recommend{padding-top:10px;width:980px;}
#recommend .left{background:none repeat scroll 0 0 #FEF9EF;border:3px solid #C3DFEA;float:left;height:330px;overflow:hidden;width:695px;padding:0 0 10px;}
#recommend .right{border:3px solid #C3DFEA;float:right;width:265px;  background:#FEF9EF;}
#recommend h2{background-color:#E1ECED;border-bottom:1px solid #DDD;font-size:14px;font-weight:700;height:30px;line-height:30px;overflow:hidden;margin:0;padding:0 0 0 10px;}
#recommend .item{float:left;width:335px;padding:10px 0 0 10px;}
#recommend .item dl dt{border-bottom:1px dotted #A6D3E8;font-size:14px;font-weight:700;height:25px;line-height:25px;overflow:hidden;}
#recommend .item dl dt span{color:#B3B3B3;float:right;font-weight:400;}
#recommend .item dl dd{height:120px;line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;}
#recommend .item dl{float:right;width:190px;padding:0 5px 0 0;}
#recommend .item .image{float:left;width:120px;}
#recommend .item .image img{background-color:#FFF;border:1px solid #DDD;padding:1px;}
#recommend ul {padding: 10px;}
#recommend li {border-bottom: 1px solid #DDDDDD;height: 26px;line-height: 27px;overflow: hidden;padding: 5px 0 0;}
#recommend li span {display: inline-block;float: left;}
#recommend li .s1 {width: 60px;}
#recommend li .s2 {color: #B3B3B3;width:120px;}
#recommend li .s3 {width: 30px;}
#recommend li .s4 {color: #B3B3B3;width: 50px;}
#recommend li .s5 {float: right; text-align: right;width:60px}
#recommend li a {color: #6F78A7;}
#recommend .box{ border:3px solid #C8D4E1; margin: 0px 0px 10px 0px;; padding:5px;  float:left; width:964px; height:320px; overflow:hidden;}
#recommend .box{ border:3px solid #C8D4E1; margin: 0px 0px 10px 0px;; padding:5px;  float:left; width:964px; height:320px; overflow:hidden;}
#recommend .box .item{ width:315px; float:left; padding:5px 0px 0px 5px;}
#recommend .box .item .image{ float:left; width:120px;}
#recommend .box .item .image img{ border:solid 1px #DDDDDD; padding:1px; background-color:White;}
#recommend .box .item dl{ padding:0px 5px 0px 0px; float:right; width:180px;}
#recommend .box .item dl dt{ height:25px; line-height:25px; overflow:hidden; font-size:14px; border-bottom:dotted 1px #6191D0; font-weight:bold; }
#recommend .box .item dl dt span{ float:right; font-weight:normal;}
#recommend .box .item dl dd{ padding:7px 0px 0px 0px; line-height:20px; color:#9E9E9E; text-indent:2em; height:120px; overflow:hidden;}
#flash{height:308px;overflow:hidden;}

/* novelslist */
#novelslist{ margin: 10px auto; border:3px solid #A6D3E8; width:968px;  padding:3px; background:#FEF9EF;}
#novelslist .content{ border-right:dotted 1px #A6D3E8; padding:0px 3px; float:left; width:315px;}
#novelslist .content h2{ border-bottom:solid 1px #A6D3E8; font-size:14px; font-weight:bold; padding-left:5px; line-height:25px; height:25px; overflow:hidden; margin: 0;}
#novelslist .content .image{ padding:10px 0px 0px 5px; float:left; width:71px;}
#novelslist .content .image img{ width:67px; height:82px; border:solid 1px #DDDDDD; padding:1px; background-color:white;}
#novelslist .content dl{ padding:10px 0px 0px 0px; float:right; width:219px;}
#novelslist .content dl dt{ height:25px; line-height:25px; overflow:hidden; font-weight:bold;}
#novelslist .content dl dd{ line-height:20px; height:60px; overflow:hidden;}
#novelslist .content ul{ padding:10px 0px 0px 0px;}
#novelslist .content ul li{ color:#B3B3B3; height:20px; line-height:20px; font-size:12px; overflow:hidden; float:left; width:155px;}
#novelslist .content ul li a{ font-size:13px;}
#novelslist .border{ border:0px;}
#novelslist h2 {background-color: #F6F8FE; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;}
#novelslist ul{ padding:10px;}
#novelslist li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
#novelslist li span{ float:left; display:inline-block;}
#novelslist li .s1{ width:10%;}
#novelslist li .s2{ width:20%;}
#novelslist li .s3{ width:49%;}
#novelslist li .s4{ color:#B3B3B3; width:15%;text-align:right;}
#novelslist li .s5{ color:#B3B3B3; float:right; text-align:right;}
#novelslist li .s6{ width:20%; color:#B3B3B3;}
#novelslist li a{ color:#6F78A7;}

/* toplist */
.subnav {margin:auto;width:978px;margin-top:10px;height:30px;overflow:hidden;background:#FFF9D9;border: 1px solid #FFCC33;}
.subnav ul li {float:left;line-height:30px;margin-left:15px;overflow:hidden;}
.subnav ul li a {padding:5px;color:#282828;font-weight:bold;font-size:15px;overflow:hidden;}
.subnav ul li a:hover{color:#fff;background:#88C6E5;padding-top:5px;padding-bottom:5px;text-decoration:none;}
.subnav .on { color: #fff000; }
#toplist{ margin: 10px auto; border:3px solid #C8D4E1; width:968px;  padding:3px; }
#toplist h2 {background-color: #F6F8FE; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;text-align: center;}
#toplist ul{ padding:10px;}
#toplist li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
#toplist li span{ float:left; display:inline-block;}
#toplist li .s1{ width:10%;}
#toplist li .s2{ width:20%;}
#toplist li .s3{ width:45%;}
#toplist li .s4{ color:#B3B3B3; width:12%;text-align:right;}
#toplist li .s5{ color:#B3B3B3; width:10%;text-align: center;}
#toplist li .s6{ width:3%; color:#B3B3B3;float:right;}
#toplist li a{ color:#6F78A7;}

/* newslist */
#newslist{ margin: auto;width:980px;}
#newslist ul{ padding:10px;}
#newslist li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
#newslist li span{ float:left; display:inline-block;}
#newslist .left{ border:3px solid #88C6E5; float:left; width:695px;background:#E1ECED;}
#newslist .right{ float:right; width:265px;border:3px solid #88C6E5; background:#E1ECED;}
#newslist .left li .s1{ width:75px;}
#newslist .left li .s2{ width:165px;}
#newslist .left li .s3{ width:300px;}
#newslist .left li .s4{ color:#B3B3B3; width:90px;text-align:right;}
#newslist .left li .s5{ color:#B3B3B3; float:right; text-align:right;}
#newslist .left li a{ color:#6F78A7;}
#newslist .left dt{background:none repeat scroll 0 0 #C3DFEA;display:inline;float:left;font-size:14px;line-height:28px;overflow:hidden;vertical-align:middle;width:98%;margin:auto auto 5px;padding:5px 7px;}
#newslist .left dd{padding: 10px 0px 0px 15px;border-bottom: solid 1px #DDDDDD;height: 25px;line-height: 25px;overflow: hidden;}
#newslist .right li .s1{ width:60px;}
#newslist .right li .s2{ color:#B3B3B3;}
#newslist .right li .s3{ width:30px;}
#newslist .right li .s4{ width:50px; color:#B3B3B3;}
#newslist .right li .s5{ float:right; text-align:right;}
#newslist .right li a{ color:#6F78A7;}
#newslist .right dt{background:none repeat scroll 0 0 #C3DFEA;display:inline;float:left;font-size:14px;line-height:28px;overflow:hidden;vertical-align:middle;width:98%;margin:auto auto 5px;padding:5px 3px;}
#newslist .right dd{padding: 10px 0px 0px 15px;border-bottom: solid 1px #DDDDDD;height: 25px;line-height: 25px;overflow: hidden;}
#newslist .right i{margin-right: 7px;font-style: italic;font-weight: bold;}
#newslist .right .t1, .t2, .t3 {color: #f30;}
#newslist h2{ margin:0px; overflow:hidden; padding:0px 0px 0px 10px; background-color:#A6D3E8; height:30px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:solid 1px #DDDDDD;}

/* bookcase */
#bookcase{ margin: 10px auto; border:3px solid #A6D3E8; width:974px;background:#FEF9EF;}
#bookcase h2 { margin:0px; background-color: #A6D3E8; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0 0 0 10px;}
#bookcase ul{ padding:10px;}
#bookcase li{ padding:5px 0px 0px 0px; border-bottom:solid 1px #DDDDDD; height:25px; line-height:25px; overflow:hidden;}
#bookcase li span{ float:left; display:inline-block;}
#bookcase li .s1{ width:5%;overflow:hidden;}
#bookcase li .s2{ width:15%;overflow:hidden;}
#bookcase li .s3{ width:28%;overflow:hidden;}
#bookcase li .s4{ width:10%;overflow:hidden;}
#bookcase li .s5{ width:28%;overflow:hidden;}
#bookcase li .s6{ width:7%; overflow:hidden;text-align:center;}
#bookcase li .s7{ width:7%;overflow:hidden;text-align:center;}
#bookcase li a{ color:#6F78A7;}

/* pages */
.pages1{width:700px;border:2px solid #A6D3E8;padding:5px;margin-bottom:5px;}
.pages{width:964px;border:2px solid #A6D3E8;padding:5px;margin-top:5px;}
.pagelink{text-align:center;padding:5px;margin-top:2px;}
.pagelink em{font-style:normal;border:1px solid #e5e5e5;background:#FFF;padding:6px;font-size:12px;}
.pagelink first{border:1px solid #e5e5e5;background:#FFF;padding:6px;margin-left:2px;font-size:12px;}
.pagelink a{border:1px solid #e5e5e5;background:#FFF;padding:6px;margin-left:2px;font-size:12px;}
.pagelink a:hover{border:1px solid #88C6E5;background:#F4FBFF;padding:6px;margin-left:2px;}
.pagelink strong{border:1px solid #e5e5e5;background:#FFF;padding:6px;margin-left:2px;font-size:12px;}
.pagelink kbd{border:1px solid #e5e5e5;background:#FFF;padding:6px;margin-left:2px;}

/* info */
#info,#list,.readbar{border:2px solid #88C6E5; overflow:hidden;width:976px;margin:10px auto;}
.position { border-bottom: #88C6E5 1px solid; text-align:left; padding: 0px 10px; line-height:40px; height:40px; background-color:#E1ECED;}
.current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:51%;float:left;}
.info{float:right;width:800px;}
.infobar{margin:10px;font-size:15px;}
.infobar h1{font-family:黑体;font-size:28px;font-weight:700;overflow:hidden;margin:auto;padding:1px;}
.infobar p{height:25px;line-height:25px;padding-top:2px;width:350px;margin:auto;overflow:hidden;float:left;}
.intro{	width:96%;overflow:hidden;line-height:150%;border-top:1px dashed #88C6E5;padding:10px;font-size:13px;}
.intro p{text-indent:2em; margin-top:10px;}
.sidebar{float:left;width:140px;text-align:left;}
.pic{background-color:#E1ECED;float:left;width:126px;margin:12px;padding:12px;position:relative;}
.pic img{border:medium none;height:150px;width:120px;margin:3px;}
.pic span{top:8px;right:8px;width:88px;height:88px;position:absolute;display:block;z-index:999;}
.pic .a {background-position:0 -206px;}
.pic .b {background-position:0 -294px;}

/* hotist */
#list{padding:2px;}
#list dl{overflow:hidden;padding-bottom:1px;margin:auto;}
#list dt{background:none repeat scroll 0 0 #C3DFEA;display:inline;float:left;font-size:14px;line-height:28px;overflow:hidden;text-align:center;vertical-align:middle;width:98%;margin:auto auto 5px;padding:5px 10px;}
#list dd{border-bottom:1px dashed #CCC;display:inline;float:left;height:25px;line-height:200%;margin-bottom:5px;overflow:hidden;text-align:left;text-indent:10px;vertical-align:middle;width:33%;}
#list dd a:link{color:#444;}

/* read */
#read{overflow:hidden;width:980px;margin:0px auto auto;}
#htmlContent{font-size:20px; line-height:200%;padding-top:15px;width:95%;text-indent:2em;}
#page_set{ float:right; text-align:right; height:20px; line-height:20px; padding-right:5px; padding-top:10px;}
.bookname{border-bottom:1px dashed #88C6E5;line-height:30px;padding-top:10px; margin-bottom:10px;}
.bookname h1{font:25px/35px 黑体;padding-top:10px;text-align:center;}
.bottem{clear:both!important;text-align:center;margin:5px;}
.bottem a{color:#085308;font-size:14px;margin-left:10px;margin-right:10px;line-height: 38px;}
.readmanage {display: inline-block;float: right;}

/* user */
table.grid caption, .gridtop { background-color:#E1ECED; border:solid 2px #C3DFEA;border-bottom:0px; font-size: 14px; font-weight: bold; margin: auto; padding-bottom: 5px; padding-top: 5px; text-align: center; vertical-align: middle;}
table.grid { border: 2px solid #C3DFEA; border-collapse: collapse; margin: auto; padding: 3px;}
table.grid td { background-color: #FFFFFF !important; border: 1px solid #C3DFEA; padding: 5px; height: 20px;}
.hottext{color:red;}
.button {font-size: 14px; padding: 5px 10px; background-color: #93d0ea; border: none; border-radius: 2px; color: #fff;}

/* bookmap */
.bookmap{width:980px;margin:0px auto;font-size: 14px;}
.bookmap .word{text-indent: 10px;height: 25px;line-height: 25px;border: solid 1px #DDDDDD;text-align:left;background-color:#ECECEC;}
.bookmap .title{width: 100%;height:35px;line-height: 35px;background-color: #ECECEC;font-size:18px;font-weight: bold;text-indent: 10px;border-bottom: #0078D7 solid 2px;}
.bookmap .sort{width:98%;font-size:14px;font-weight: bold;height:35px;line-height: 35px;margin:0px auto;padding-right:10px;}
.bookmap .sort a{padding-right:10px;}
.bookmap .search{height: 25px;line-height: 25px;border: solid 1px #DDDDDD;text-align:center;background-color:#ECECEC;font-weight: bold;}
.bookmap .search span{color:#DD5A27;}
.bookmap .list{margin:0px auto;}
.bookmap .list ul{width:100%;}
.bookmap .list ul li{ display: inline-block; width:19.5%; height: 24px; line-height: 24px; border-bottom: solid 1px #DDDDDD;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bookmap .list a:visited {text-decoration: none;color: #FC662C;}
.bookmap .state{color:#DD5A27;}
.bookmap .nav{height:25px;line-height: 25px;text-indent: 10px;}
.bookmap .nav a{color:#fff; margin: 0 5px;font-weight: bold;}
.bookmap .back{text-align:right;height:25px;line-height: 25px;clear: both;}

/* firendlink */
#firendlink{border:1px solid #DDD;line-height:22px;width:949px;margin:10px auto;padding:9px 0 9px 9px;}
#firendlink a{color:#548161;display:inline-block;margin:0 9px 0 0;}

/* footer */
#footer{overflow:hidden;text-align:center;width:980px;margin:10px auto auto;padding-bottom: 10px;}
#footer .footer_link{border-bottom:2px solid #88C6E5;height:25px;line-height:25px;overflow:hidden;width:92%;margin:5px auto;}
#footer .footer_link a {margin: 0 5px;}
#footer p{color:#B2B2B2;line-height:20px;width:88%;}

.toast-wrap{position:fixed;bottom:20%;color:#fff;width:100%;text-align:center;font-size:14px;display:none}
.toast-msg{background-color:rgba(0,0,0,.7);padding:10px;border-radius:5px}
.toastAnimate{animation:toastKF 2s}