html{height: 100%}
body{padding-bottom: 70px;background: #ffffff;font-family: "微软雅黑";font-size: 12px;color: #333;min-height:100%;position: relative;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
em{font-style: normal;}
.fl{float: left}
.fr{float: right}
.clearfix::after{content: "";display: block; height: 0;clear: both}
.ellipsis_1{display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.col-blue{color: #3399FF}
.col-999{color: #999}

p.inline-block{display: inline-block;margin-right: 10px}

.content{max-width: 1000px;margin: 0 auto}
#logo{width: 100px}
.download-btn{border-radius: 3px;color: #fff;background: #00cc33;display: inline-block;height: 30px;margin-top: 11px;margin-left: 10px;padding: 0 10px;line-height: 30px}
.download-btn:hover{background: #00cc00}
.app-download-btn{border-radius: 3px;color: #fff;background: #00cc33;display: inline-block;height: 30px;margin-top: 0px;padding: 0 10px;line-height: 20px}
.app-download-btn:hover{background: #00cc00}
.reward-btn{border-radius: 3px;color: #fff;background: #00cc33;display: inline-block;height: 30px;margin-top: 10px;margin-bottom: 20px;padding: 0 10px;line-height: 30px}
.reward-btn:hover{background: #00cc00}

.content .hd{height: 65px;padding:10px }

.searchbox{width: 55%;margin:  0 auto;border-bottom: 2px solid #ccc;height: 50px;position: relative;}
.searchbox input{width: 100%;height: 100%;border: 0;background: none;font-size: 16px;outline: 0 !important}
/*.searchbox .ss{width: 100%;text-align: center;position: absolute;}*/
.searchbox .ss{margin:0 auto; -webkit-transition:.5s;transition:.5s;display:block; width: 0;height: 2px;background: #00cc33}
.searchbox .ss.active{width: 100%}
.searchbox button{position: absolute;width: 50px;height: 100%;background: #ccc;right: 0;top: 0;background: url(../img/search.png) no-repeat;background-size: 100%;cursor: pointer;border: 0;border-radius: none;}

.bar-bread{padding: 15px}
.bar-bread a,.bar-bread span{margin: 0 5px;font-size: 14px}
.bar-bread a:hover{color: #ff6600}
.bar-bread span{color: #ff6600}
/*bar*/
.bar-con{overflow-x:scroll;background: none;margin-top: 30px;}
#bar-list{height: 50px;overflow: hidden;margin: 0 auto}
#bar-list li{float: left;}
#bar-list li a{display: block; padding: 0 11.7px;height: 50px;line-height: 50px;color: #fcfcfc;background: #00cc33;}
#bar-list li a:hover{background: #009933;}
#bar-list li a.active{background: #009933;}
.appimage-bar-con{overflow-x:scroll;background: none;margin-top: 0px;}
#appimage-bar-list{width:380px; height: 540px;overflow: hidden;margin: 0 auto}
#appimage-bar-list li{float:left;width:380px;height:540px;padding:0px 0px}
#appimage-bar-list li img{width:100%;height:100%}
.bar-second{margin: 15px;}
.bar-second li{float: left;width: 20%;text-align: center}
.bar-second li {cursor: pointer;}
.bar-second li a{font-size: 16px}
.bar-second li a.active{color: #FF6600}
.bar-second li a:hover{color: #FF6600}

#con-list{margin-top: 20px}
/*#con-list li{margin-bottom: 0px}*/
/*#con-list li:last-child{margin-bottom: 0}*/
#con-list li a{display: block;border-top: 1px solid #ddd;padding:5px}
#con-list li a:hover{background: #eee}
#con-list .imgBox{width: 100px;height: 125px;position: relative;}
#con-list .imgBox img{width: 100%;height: 100%;border: 0;}
#con-list .imgBox span{position: absolute;width: 100%;padding: 4px 0;text-align: center;left: 0; bottom: 0;background: rgba(0,0,0,.5);color: #fcfcfc}
#con-list .appImgBox{width: 100px;height: 100px;position: relative;}
#con-list .appImgBox img{width: 100%;height: 100%;border: 0;}
#con-list .appImgBox span{position: absolute;width: 100%;padding: 4px 0;text-align: center;left: 0; bottom: 0;background: rgba(0,0,0,.5);color: #fcfcfc}
#con-list .txt-con{padding-left: 110px}
#con-list .txt-con h3{font-size: 16px;}
#con-list .txt-con .base-info{margin-top: 3px;}
#con-list .txt-con .base-info span{margin-right: 15px}
#con-list .txt-con .level i{display: inline-block;width: 11px;height: 11px;background: url(../img/rating_bg2_0.png) no-repeat;background-size: 100%}
#con-list .txt-con .level i.full{background: url(../img/rating_bg2_2.png) no-repeat;background-size: 100%}
#con-list .txt-con .book_introduction{height: 60px;overflow: hidden;} 

#get-more{display: block;color: #666; text-align: center;border-top: 1px solid #ddd;padding: 15px 0;cursor: pointer;background: #eee}

.paging-mobile{display: none}
.paging{padding: 15px 10px;text-align: right}
.paging a{padding: 15px 10px}
.paging a,.paging span{display: inline-block;margin: 0 3px;padding: 5px 10px;border: 1px solid #ddd;border-radius: 2px}
.paging a:hover{border: 1px solid #00cc33;background: #00cc33;color: #fcfcfc}
.paging span{background: #ccc;color: #fcfcfc}
.paging span.pageTxt{display: inline-block;margin: 0 5px;padding: 0;border: 0;background: none;color: #333}
.paging input{width: 50px;height: 26px;padding: 0 2px}
.paging button{width: 50px;height: 26px;border: 1px solid #00cc33;background: #00cc33;cursor: pointer;color: #fcfcfc;border-radius: 2px}
.paging button:hover{}

/*listHTML*/
.chapter-list p{padding: 15px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 30px;margin-bottom: 10px}
.chapter-list li{padding:5px;float: left;width: 25%;margin-top: 5px}
.chapter-list li a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 5px;text-align: center;border: 1px solid #ddd;}
.chapter-list li a:hover{background: #ff6600;color: #fcfcfc;border: 1px solid #ff6600}
.chapter-detail a{text-decoration: underline !important;}

.booktag p{padding: 15px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 30px;margin-bottom: 10px}
.booktag li{padding:5px;float: left;width: 25%;margin-top: 5px}
.booktag li a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 5px;text-align: center;border: 1px solid #ddd;}
.booktag li a:hover{background: #ff6600;color: #fcfcfc;border: 1px solid #ff6600}
.booktag-detail a{text-decoration: underline !important;}

.authorbooks p{padding: 15px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 30px;margin-bottom: 10px}

.blank{color: #fcfcfc;background: #666}
.blank .chapter-detail{color: #000;background: }

.change-bg{position: fixed;top: 70px;right: 0;width: 100px;padding: 10px 0;text-align: center;background:#ccc;background: rgba(0,0,0,.6);color: #eee}

.dbtn{margin-top: 20px;padding: 15px}
.dbtn a{display: inline-block;width: 40%;background: #00cc33;text-align: center;padding: 10px 0;color: #fcfcfc}
.dbtn a.disabled{background: #ccc}

/*loading*/
.loading{position: fixed;width: 100%;height: 100%;top: 0;left: 0;display: none}
.loading img{position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;margin-left: -30px;margin-top: -30px}

/*tips*/
.tips{position: fixed;width: 100%;top: 50%;left: 0;text-align: center;display: none}
.tips span{padding:30px 15px;background: #aaa;background: rgba(0,0,0,.8);color: #fcfcfc;display: inline-block;margin-top: -38px;border-radius: 8px;}

@media screen and (max-width: 720px) {
	.searchbox{width: 45%}
}
@media screen and (max-width: 600px) {
	.searchbox{position: absolute;width: 96%;margin: 0 auto;top: 80px;left: 2%}
	.bar-con{margin-top: 80px}
	.chapter-list p{padding: 5px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 1px;margin-bottom: 1px}
	.chapter-list li{width: 100%;margin-top: 0}
	.booktag p{padding: 5px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 1px;margin-bottom: 1px}
	.bar-second li span:hover{color: #333}
	#bar-list li a:hover{background: #00cc33;}
	#con-list li a:hover{background: none}
	.chapter-list li a:hover{background: none;color: #333;border: 1px solid #ddd}
	.booktag li a:hover{background: none;color: #333;border: 1px solid #ddd}
	
	.authorbooks p{padding: 5px;border-left: 3px solid #00cc33;font-size: 16px;color: #666;margin-top: 1px;margin-bottom: 1px}

	p.inline-block{display: block}
	p.list-pc{display: none}

	.paging-mobile{display: block}
	.paging{display: none}

}

.footer{text-align: center;padding: 15px 0;background: #666;color: #fcfcfc;position: absolute;width: 100%;bottom: 0}

.client-down{position: fixed;left: 0;bottom: 0;z-index: 1000;width: 100%;background: #fff;border-top: 1px solid #e0e0e0}
.client-down span{font-size: 36px;color: #999;cursor: pointer;font-weight: normal;}
.client-down .client-down-btn-con{margin-right: 50px;padding-left: 10px}
.client-down a{width: 100%;text-align: center;border-radius: 3px;color: #00cc33;border:1px solid #00cc33;display: inline-block;margin-top: 10px;line-height: 30px}
.client-down a:hover{opacity: .7}