@charset "utf-8";
html{-webkit-text-size-adjust: none;}
body, div, p, a, table, textarea, form, input, img, ul, li, h1, h2, h3, h4, h5, h6,span{margin: 0;padding: 0;tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{padding-bottom: 110px;margin: 0 auto; background: #f8f8f8;}
ul,li{list-style: none;text-indent: 0;}
img{border:0;display:block}
a{text-decoration:none;color: #343532;}
a:hover,a:active,a:focus {color: #fb8600;}
a:focus{outline:none;}
section,article {display: block; font-size: 1em;clear: both;	margin: 0;	padding: 0;	border: 0;font-weight: normal;vertical-align: baseline;}
@media screen and (min-width: 640px){.imgSlideMain{width:320px;}.img_slide{width:320px;}}
@media screen and (max-width: 320px){.login_btn{width:auto;overflow: hidden;}}
/*@media screen and (min-width: 370px){.product .info_btn span{padding-left:94px;}}*/
/************************播放器样式********************************/


.header{height: 50px;width:100%;top: 0;left: 0;z-index:997;}
header{height: 50px;background:#93d67e;padding: 0 10px;}
.logo{float: left;width: 128px;height: 35px;padding-top: 6px;}
.logo a{display: block;height: 35px;background: url(logo.png) no-repeat;background-size:100%;}
.search-box{float: right;margin-top: 10px;width: 40%;height: 18px; border-color: #14a218 #21a920 #14a218 #21a920;border-width: 1px;border-style: solid;border-radius: 12px;background: #fff;position: relative;box-shadow:0 2px 2px #ccc inset;padding: 3px 26px 3px 12px;}
.search-box .search-ico{width: 14px;height: 14px;background: url(ico.png) no-repeat -80px 0;position: absolute;right: 9px;top: 6px;border:0;}
.search-box input{width: 100%;height: 18px;border: 0;background: no-repeat;line-height: 18px;color: #999;}


.ss_ceng_top{padding-top:10px;}
.search{height:45px; display:block; clear:both; margin:0 10px; border:2px solid #b3b3b3; border-radius:20px;}
.search li{float:left; height:45px; display:block;}
.search li.btn{width:20%;text-align:center;border-left:2px solid #b3b3b3;}
.search li.text{width:79.5%;}
.search li input{background:none;border:none; width:100%; height:45px;font-size: 18px;line-height: 45px;color:#86868f;padding-left: 5px;}
.search li a{width:100%; height:36px; display:block; color:#343434; font-size: 20px;line-height: 36px;text-align:center; padding:4px 0 3px 0; margin:0 auto; display:block;}
.ss_ceng_top .search{height: 36px;border:2px solid #b3b3b3;background:none;margin:10px;margin-top:0px;border-radius: 20px;}
.ss_ceng_top .search li{height: 36px;line-height: 36px;}
.ss_ceng_top .search li input{background: none;height: 36px;line-height: 36px;}
.ss_ceng_top .search li.btn{background:none;border-left:2px solid #b3b3b3;margin-left: -2px}
.ss_ceng_top .search li a{padding: 0;}

.nav_clf{padding-top:10px;clear:both;height:auto;background:#f1f1f1;}
.nav_clf ul{padding:0 10px;overflow:hidden;}
.nav_clf ul li{float:left;width:50%;}
.nav_clf ul li div{height:50px;line-height:55px;background-color:#f8f8f8;display:block;border:1px solid #cfcfcf;border-radius:5px;overflow:hidden;margin-bottom:10px;}
.nav_clf ul li div.fl,.nav_clf ul li div.dz{margin-right:6px;}
.nav_clf ul li div a{width:90px;font-size:18px;display:block;padding-left:55px;margin:0 auto;}
.nav_clf ul li div.fl a{background:url(nav_ic.png) 6px 6px no-repeat;padding-left:48px;}
.nav_clf ul li div.by a{background:url(nav_ic.png) 6px -46px no-repeat;}
.nav_clf ul li div.dz a{background:url(nav_ic.png) 6px -103px no-repeat;padding-left:48px;}
.nav_clf ul li div.ph a{background:url(nav_ic.png) 6px -160px no-repeat;}

/* 图片滑动 */
.img_slide{clear: both;height: 107px;margin: 0 auto 10px auto;overflow: hidden; position: relative; max-width:640px;}
.slides_ImgControl{height:107px;}
.slides_ImgControl h2{bottom: 0; color: #fff; text-shadow:1px 1px 1px #333;display: block;font-size:14px;font-weight: normal;line-height: 22px;height: 24px;position: absolute; text-align: left; text-indent: 1em; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNo8i9ERgDAIQ5HaMey+LuIxnIxAkPRq+cgleaSZ2X287o+evYsmIBqZ5YKSwa4csgCCkRT8c/c/zgW7CVbcs02lTsc15BNgAIUCPvZvfUB1AAAAAElFTkSuQmCC); }
.slides_ImgControl li{padding: 0; margin: 0;  float:left;  width:100%;  position:absolute;}
.img_slide .mark li{width: 21px;height: 21px;line-height:21px;font-size:12px;background:url(dian02.png); float: left; margin-right:3px;  overflow: hidden; text-align: center;cursor: pointer; color:#155900;}
.img_slide .mark .con{background:url(dian01.png);color:#4d9d34; }
.search_s_con{overflow: hidden;position: relative;}
.img_slide .mark{bottom: 0; display: block; height: 21px; position: absolute; right: 0; z-index: 99;}
.slideEle{overflow: hidden;}

.tit{height:38px; background:#ece9e4; display:block;}
.ul_lan{border-left:10px solid #57a5d2;background:#57a5d2;}
.ul_lv_sy{border-left:10px solid #93d67e;background:#93d67e;}
.ul_green_sy{border-left:10px solid #1bbc9b;background:#1bbc9b;}
.ul_qing{border-left:10px solid #9a59b5;background:#9a59b5;}
.tit li{display:block;float:left;width:30%;font-size:18px;line-height: 38px;color:#fff; text-align: center;}
.tit2 li{color: #7a7972;}
.tit li span{/*padding:0 10px;*/}
.tit li.nowidth{width:auto;padding:0 10px;}
.tit li.more{width:auto;float: right;margin-right: 10px;}
.tit li.more a{color:#fff;}
.ul_lan li.on,.ul_blue li.on,.ul_green_sy li.on,.ul_lv_sy li.on,.ul_qing li.on{background: #ececec;}
.ul_lan li.on,.ul_blue li.on{color:#0082cd;}
.ul_lv li.on{color:#11aaaa;}
.ul_green_sy li.on{color:#46b39e;}
.ul_lv_sy li.on{color:#73b65e;}
.ul_qing li.on{color:#8d44ad;}
.ul_hong{/*border-left:10px solid #db5129;*/}
.ul_hong li.on{color:#db5129;}

.list-ov-tw{width:100%;height:auto;overflow:hidden;padding:10px 0; background: url(list_line.png) 0 bottom repeat-x; position:relative;}
.list-ov-tw .list-ov-t{width:75px;height:100px;overflow:hidden;position:absolute;left:10px;float:left;border:1px solid #A7A7A7;}
.list-ov-tw .list-ov-t_bh{width:20px;height:20px;line-height:20px; text-align:center;color:#FFF;overflow:hidden; position:absolute; z-index:10; background-color:#fc5d43;border-radius:15px;left:7px;top:7px;}
.list-ov-tw .list-ov-w{height:auto;float:left;margin-left:95px;margin-right:10px;}
.list-ov-tw .list-ov-w span{width:100%;display:block;overflow:hidden;}
.list-ov-tw .list-ov-w span.bt{font-size:16px;height:24px;line-height:24px;color:#464646;}
.list-ov-tw .list-ov-w span.zz{height:20px;line-height:20px;color:#9b9b9b;font-size:14px;}
.list-ov-tw .list-ov-w span.nr{height:40px;color:#9b9b9b;line-height:20px;font-size:14px;}

.list,.sy_list{/*margin:0 10px;*/}
.list li,.sy_list li{height:42px;font-size:18px;line-height: 42px;padding-bottom:2px; background:url(list_line.png) repeat-x bottom;padding-left:12px;overflow:hidden;}
.list li.last,.sy_list li.last{background:none;}
.list li a,.sy_list li a{height:42px;overflow:hidden;text-overflow:hidden;white-space:nowrap;  font-size:18px;line-height: 42px;}
.list li a.lb,.list li span.lb{border-right: 2px solid #93d67e;height: 40px;line-height: 40px;padding-right: 10px;margin-right: 10px;}
.list-ov a{width: 100%;display: block;overflow: hidden;}
.sy_list li a,.sy_list li a:hover,.sy_list li a:active,.sy_list li a:focus{color:#343532;}
.nbg_list li a{background: none; /*padding-left: 0;*/}
.dg_klist li a,.swipe-wrap > figure .dg_klist{/*padding-left: 0;*/}

/*作品分类*/

.chan_box h2{font-size:1.6em;line-height: 2em;padding:0 10px;}
.chan_box.c1 h2{color:#006cff;}
.chan_box.c2 h2{color:#de4a4a;}
.chan_box.c3 h2{color:#75b640;}
.chan_box.c4 h2{color:#ff7e00;}
.chan_box.c5 h2{color:#e6439f;}
.chan_box.c1 .pd_class{border-top:1px solid #006cff;}
.chan_box.c2 .pd_class{border-top:1px solid #de4a4a;}
.chan_box.c3 .pd_class{border-top:1px solid #75b640;}
.chan_box.c4 .pd_class{border-top:1px solid #ff7e00;}
.chan_box.c5 .pd_class{border-top:1px solid #e6439f;}

.pd_class li{width:33.33%;float:left;}
.pd_class a{display:block;height:2.5em;line-height:2.5em;text-align:center;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.pd_class a:nth-child(3),.pd_class a:nth-child(6) {border-right:0px;}
.pd_class a:nth-child(4),.pd_class a:nth-child(5) {border-bottom:0px;}

.main{ margin:10px 0; height:450px;}




.nav2{height:38px; padding:1px 5px 5px; background:#93d67e;}
.nav2 span,.nav2 h1{width:23%; height:38px; display:block; float:left; font-size:20px;line-height: 42px;color:#fff;text-align:center;}
.nav2 .bookname{width:54%; overflow: hidden; text-align:center;}
.nav2 span a:link,.nav2 span a:visited,.nav2 span a:hover,.nav2 span a:active{color:#fff;font-size:16px;line-height: 42px;text-align:center;}
.nav2 span a:visited{color:#fff;}
.nav2 span.fr{float:right;text-align: right;}
.nav2 span.fl{text-align: left;}

.xsdz_list{border-bottom: 1px solid #e9e9e9;}
.xsdz_l_info{line-height:20px;height: 100px;margin: 10px;color:#9a9a9a;font-size: 14px;}
.xsdz_l_t{font-size:16px;display: block;overflow: hidden;white-space: nowrap;}
.xsdz_l_img{border:1px solid #A7A7A7;display: block;width:75px;height:98px; float: left;margin:0 10px;}
.xsdz_l_desc{}
.xsdz_l_xj{color:#5eb557;}


.pages{background:#f8f5f0; font-size: 20px;line-height: 36px; color:#6d6c6c; height:36px; padding:10px 0;}
.pages ul{/*margin-left: -10px;*/}
.pages ul li{background:none; float:left; width:34%; height:36px; display:block; text-align:center;padding:0;}
.pages ul li.page_num{width:32%;}
.pages ul li a{background:#c1c1c1;
    border: 2px solid #c1c1c1;padding-left:0px;width:80px; height:32px; display:block; margin:0 auto; color:#fff; text-align:center; line-height:32px; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;}
.pages ul li a.on{border:2px solid #93d67e; background:#93d67e; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
.pages .num-pager{width:60px;font-size:14px;position: relative;border: #dfdfdf solid 1px;height: 34px;line-height: 34px;border-radius: 3px;background:#fdfdfd;padding: 0 30px 0 0;color:#000;}
.pages .num-pager select{position: absolute;z-index: 99;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;-webkit-appearance: none;}
.num-pager::after {border-left: #c8cdd1 solid 1px;color: #cdcecf;content: '▼';display: block;position: absolute;top: 0;right: 0;width: 30px; font-size:20px;}
.pages  li a.page_prve{margin:0 0 0 12px;}
.pages  li a.page_next{margin:0 12px 0 auto;}
.load{text-align: center;margin: 20px 0;}


.bookbutton{display:-webkit-box;clear:both;font-size:16px; margin-bottom:10px;}
.bookbutton a{display:block;-webkit-box-flex:1;line-height:35px;border-radius:2px;text-align:center;background:#FF4000;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}
.mbfav_wap{height:380px;overflow:hidden}

.read_atz,.read_zta{font-size:14px;line-height:24px;overflow:hidden; color:#FFF;border:0;background:url(http://m.ting89.com/template/ios/images/pics.png) no-repeat 3px center;background-size:125px;background-position:-35px -149px;text-indent:16px;float:right;margin-right:5px;margin-top:5px}
.read_atz::before{content:"  反序  ";}.read_zta::before{content:"  正序  ";}

.compress{margin:5px 0;overflow:auto;max-height:310px;_height:expression(this.scrollHeight > 310 ? "310px":"auto");}
.compress ul li{width:33.33%;float:left; overflow: hidden;}
.compress ul li:hover{background:#f9f9f9;}
.compress ul a{display:block;height:2.5em;line-height:2.5em;text-align:center;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}


.book_intro{color:#5e5e5e;font-size:14px;line-height:26px;padding:5px 7px; margin-bottom:10px;}

.zhubo {clear: both; height:auto;margin: 10px auto;overflow: hidden; position: relative; text-align:center;}
.dh{margin:0; padding:5px 0; border-top:2px solid #93D67E; text-align:center; height:90px;}
.dh a,.zhubo a{ display:block; width:33%; line-height:30px; float:left;}
.dh a:nth-child(4),.zhubo a:nth-child(4) {color:#FF4000}

.tab_box{width:96%;margin:20px auto 0;height:2.2em;line-height:2.2em;border:1px solid #FF4000;background:#f4f4f4;border-radius: 5px;}
.fashion a{width:50%;display: block;float: left;text-align: center; }
.fashion .on{color:#fff;background: #FF4000;}

.qian{clear:both; height:auto; margin: 0; }
.qian2,.qian-4,.qian-3{clear:both; height:auto;}
.booksite{ margin-bottom:10px;position:relative;zoom:1;background:#f2f2f2;border-bottom:1px solid #dfdfdf}
.tags{margin:8px 3px;display:-webkit-box;}
.tags a{font-size:13px;display:block;-webkit-box-flex:1;background:#f2f2f2;border:1px solid #dfdfdf;border-radius:3px;width:0;color:#4c4c4c;line-height:36px;margin:5px;height:36px;overflow:hidden;text-align:center}
/* footer */
.footer{margin:0; padding:15px 0; border-top:2px solid #93D67E; text-align:center;}
.footer p{ line-height:24px;}

.column{clear: both; height:auto; height:90px; overflow:hidden; margin:5px 0; }
.imgbox{ float:left; margin:10px;}
.round {-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; }
.photo-m {width: 80px;height: 80px; }


.zb-info{}
.zb-info dt{font-size:17px; margin-bottom:5px; font-weight:bold;}
.zb-info dd{color:#999;  font-size:14px;}

.msg{clear:both; width:94%; padding:10px 3%;border-top:2px solid #93D67E;line-height:1.6; overflow:hidden;}

.gonggao{ width:100%; padding:5px 0; font-size:16px;font-family:"微软雅黑";  background-color:#CAEBBE;}
.gonggao div {
    font-size: 14px;
    color: #555;
    text-indent: 1em;
    line-height: 25px;
	overflow:hidden;
}
.gonggao div a {color:#ff3333;text-decoration:underline;}
/*.gonggao a{width:100%; height:38px; line-height:38px; color:#f00; background-image:url(1.png);background-position:9px;  background-repeat: no-repeat; text-indent:40px; display:block;}*/

#qrpop {
	display:none;position:fixed;top:30%;left:10px;right:10px;z-index: 10000000;
}
#qrpop img {
    display: block;
    width: 70%;
    margin: 0 auto;
}
#qrpop p {
    width: 60%;
    padding: 0% 5% 3%;
    margin: 0 auto;
    background-color: white;
    font-size: 12px;
}
#qrclose {
	color:#999;
}

.custom-adv {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	cursor:pointer;
	z-index:99999;
}
.custom-adv p {
	position: absolute;
	top:5px;
	right: 5px;
	width: 20px;
	height:20px;
	line-height: 16px;
	border-radius:50%;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	text-align:center;
}
.custom-adv a {
	display: block;
}

.custom-adv a img {
	width: 100%;
	height: auto;
}