@charset "UTF-8";

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form {margin: 0; padding: 0;}
ul,ol,li {list-style: none; }
body {font-size:16px;background: #EEE; color: #333;}
em,small {font-style: normal; font-size: 14px;}
img{border:none;}
a{color:#555;text-decoration:none;}
a:hover{color:#2C74AB;text-decoration:none}
input,select,textarea,button{font-size:15px;}
h3 span{ font-size:12px; padding-left:10px;}
.clear {clear:both}
.z {
display: block; height: 1px; clear: both; overflow: hidden; margin: 0; padding: 0;
}
.z5 {
display: block; height: 5px; clear: both; overflow: hidden; margin: 0; padding: 0;
}
.z10 {
display: block; height: 10px; clear: both; overflow: hidden; margin: 0; padding: 0;
}
.mT5 {
margin-top: 5px;
}
.m5 {
margin-bottom: 5px;
}
.mT5 {
   margin-bottom:5px;
}
.fl {
line-height: 38px;text-align: center;height: 38px;float: left;
}
.tc {text-align: center;}
.fr {
line-height: 38px;text-align: center;height: 38px;float: right;
}
.fc1,.fc1 a {
color: #f75ca5
}
.fc2,.fc2 a {
color: #408FC4
}

.box {
background: #fff; overflow: hidden; sborder: solid 1px #DDD;
}
.p_box{
padding: 10px;
}
.ibox .inner {
padding: 5px;
}
#position {padding: 5px 10px;color: #cc2a2a; text-align: center;}
#wrapper {max-width: 640px;margin: 1px auto;background: #F6F6F6;}
.top_box {width:100%; margin: 0 auto; top:0px; left: 0; z-index: 9999; border-bottom: 1px solid #eee;
}
#header {
height: 40px; position: relative; top: 0; left: 0; width: 100%; background: #f1f1f1; z-index: 9999; overflow: hidden; background: #ffffff;
}
#header dt {
float: left; padding-left: 5px; 
}
#header dt img {
height: 34px; margin-top: 3px
}
#header dd {
text-align: right; overflow: hidden; height: 32px; padding-right: 10px;margin-top: 5px
}
#header dd span {
display: inline-block; width: 20px; height: 20px; padding: 6px; float: right;
}
#header dd span em {
background: #000; margin: 2px 0; float: left; width: 20px; height: 3px;border-radius:2px;
}
#header dd strong {
height: 32px;line-height: 32px; float: right;color: #FFF;font-size: 16px; margin-right: 10px;
}

#menu { display: none; background: #fff; margin: 0 auto; transition: all ease .35s;
color: #333;border-left: 2px solid #fafafa; border-right: 2px solid #fafafa; border-bottom: 2px solid #fafafa;}
#menu ul{overflow: hidden; border-bottom: 1px solid #eee;}
#menu ul li {height: 36px; line-height: 36px; float: left; width: calc(100%/3); text-align: center; color: #fff;}
#menu ul li.cur { background: #b3dfff;}
#menu ul li a {display: block; color: #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
#menu ul li.cur a {color: #000}
#main {padding: 0px 0 1px; margin: 0 0px;}
.gray {color: #999999;}
#footer {padding: 10px 0; text-align: center; font-size: 12px;}

#right_button {position: fixed; right: 4px; bottom: 50px;}
#right_button em {width: 32px; height: 32px; opacity: 0.6; background: #666 url("../images/top_btn.png") center 0 no-repeat; -webkit-background-size: 16px auto; border-radius:17px; border: solid 1px #555; display: block; margin-bottom: 5px;}
#right_button em a {display: block; height: 32px;}
#btn_top {display: none;}
.header {padding: 5px;}
ul.pic {padding: 5px 5px 5px; border-bottom: dotted 1px #DDD; clear: both; overflow: hidden;}
ul.pic:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;}
ul.pic li {margin-bottom: 5px;float: left; text-align: center; width:50%; font-size:12px; height:120px;
} 
ul.pic2 li {margin-bottom: 15px;float: left; text-align: center; width:50%; font-size:12px;}
ul.pic li p,ul.pic2 li p{overflow:hidden;height:18px;font-size:14px; float:left; width:88%;}
ul.pic li span,ul.pic2 li span{overflow:hidden;height:14px;font-size:12px;}
ul.pic li img,ul.pic2 li img {display: block; width: 90%; margin: 0 auto 5px; height:96px;}
.blist ul.pic li {width: 150px;}
.blist ul.pic li img {width: 140px;}
.c_box .more {display: block; padding: 5px; text-align: center;text-shadow:1px 1px 0px #FFF; color: #999
}
.c_box h3 {background:#f4f4f4; height: 34px; line-height: 34px; padding: 0 5px;color: #FFF; overflow:hidden;border-top: 1px solid #dddddd; border-bottom: 2px solid #03A9F4; border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;
}
.c_box h3 strong {color: #656565; font-size: 16px;}
.c_box h3 a {color: #24a4ff; font-size: 15px;}
.c_box h4 {border-bottom: dashed 1px #EEE; padding: 5px;}
.reclist {
position: relative; overflow: hidden; height: 150px; margin-bottom: 5px;
}
.reclist ul.pic li {margin-bottom: 5px; width: 100px;
}
.ptitle {font-size: 23px; padding: 4px 0; text-align: center; margin: 0;}
.ptitle small {font-weight: 100; display: block;  font-size: 12px; margin-top: 5px;}
#imgString {width: 100%; display: block; line-height:180%;}

 /* */
.position{width:100%; line-height:35px; position:relative; z-index:9;}
.position_tl{ display:inline-block; padding-left:5px; border-left:solid 3px #0098df; color:#333; font:14px/14px 'Microsoft YaHei', sans-serif;}

.div_cn{display:block;}
.div_cm{ display:none}
@media(max-width:768px) {
.div_cn{display:none !important;}
.div_cm{display:block !important;}}

 #imgString{
padding: 0% 1%;
}

.mx { overflow: hidden; background: #FCFCFC; }
.mx a { line-height: 35px; text-indent: 10px; width: 100%; float: left; color: #434952; border-bottom: solid 1px #EFEFEF; font-size: 15px; }
.mx a:hover { color: #2b73df; background: url(/mx.gif) no-repeat 0% 50% #FCFCFC; }
.mx .right { font-size: 10px; }
.right {font-size: 14px; float: right; color: #999999;margin-right: 5px;}

.novel{padding:10px;box-sizing: border-box;background:#fff;}
.novel p{font-size:14px;line-height: 1.5rem;}
.book-main{padding:5px 10px 10px;}
.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;}

.page_chapter{margin:10px;background-color:#f4f0e9;height:42px;line-height:40px;overflow:hidden}
.page_chapter li a{width:25%;text-align:center;float:left;display:block;border:1px solid #ece6da;color:#208181;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:999}
.page_chapter .p1{border-left:none}
.page_chapter .p4{border-right:none}