.brief_wap,#download,.download-top,.search-wap,.search-btn,.vip_btn_wap,.record_phone,.box-bear{
	display: none;
}
.read_top,.search-web{
	display: block;
}
.bold .tabbar{
	display: block;
}
.t10 .serach_left{
	width: 238px;
}
.content-list-title{
	font-weight: bold; 
	color: #333; 
	font-size: 14px;
}
.read_article {
	overflow: hidden;
}

/* 手机适配   */
@media screen and (max-width: 414px){
	.record_phone,.box-bear{
		display: block;
	}
	.copyright .footer{
		width: 80%;
	}
	.download-current{
		display: block;
		width: 94%;
	}
	.read_top,.vip_btn,.record_pc{
		display: none;
	}
	/* bookDirectory top  */
    .header-{
    	width: 90%;
    	padding-top: 15px;
    }
    .header- h1{
    	width: 93px;
    	height: 26px;
    	margin-right: 10px;
    }
    .header- h1 a{
    	width: 100%;
    	height: 100%;
    }
    .header- .search-{
    	width: 221px;
    	margin-top: -3px;
    }
    .input_border{
    	border: 1px solid #2A8ADF;
    }
    .header- .search- .input-top{
    	width: 207px;
    }
    .header- .search- .input-top, form .input-top{
    	padding: 3px 5px;
    	background: #FFFFFF;
    }
    .header- .search- button{
    	height: 32px;
    	width: 52px;
    	padding: 1px 3px;
    }
    
    /* top nav */
    .navbar-s{
   		margin-top: 20px;
    }
    .navbar-s .wrap,.navbar-s ul,.nav-types-wrap,.nav-types{
    	width: 100%;
    }
    .navbar-s li:nth-child(4n-3){
    	width: 20%;
    }
    .navbar-s li:nth-child(4n-2){
    	width: 20%;
    }
    .navbar-s li:nth-child(4n-1){
    	width: 30%;
    }
    .navbar-s li:nth-child(4n){
    	width: 30%;
    }
    
    /* content */
    .content{
    	width: 100%;
    }
    .cover .left{
    	width: 100%;
    	padding-right: 0;
    }
    .catalog-tip{
    	padding-top: 0;
    }
    .book-detail h3{
    	font-size: 18px
    }
    .states03-b,.states02-b{
    	display: none;
    }
    .book-infor{
    	width: 94%;
    	padding: 0 3%;
    	height: auto;
    	text-align: left;
    }
    .book-infor>span{
    	padding-right: 15px;
    }
    .chapters-catalog{
    	margin: 0 3%;
    }
    .detail-chapters{
    	width: 100%;
    }
    .detail-chapters li{
    	width: 94%;
    	margin: 0 3%;
    }
    #groom_guide{
    	display: none;
    }
    .titlebar{
    	padding: 0 3%;
    }
    #download_btn{
    	display: block;
    	color: #2a8adf;
    }
    .book-item-tb{
    	width: 94%;
    	padding: 0 3%;
    }
    .book-item-tb li{
    	width: 33.33%;
    	padding-right: 0;
    	margin-bottom: 10px;
    }
    .book-item-tb li:nth-child(3n-2){
    	text-align: left;
    }
    .book-item-tb li:nth-child(3n-1){
    	text-align: center;
    }
    .book-item-tb li:nth-child(3n){
    	text-align: right;
    }
    .book-item-tb li:nth-child(3n-2) .ellipsis,.book-item-tb li:nth-child(3n) .ellipsis{
    	text-align: center;
    }
    .book-item-tb li h3,.book-item-tb li p{
    	text-align: center;
    }
    
    /* right */
    .catalogue-pages .right,.t6 .right {
        width: 100%;
        margin-top: 10px;
        border: none;
    }
    .catalogue-pages .left {
        width: 100%;
        margin-left: 0;
    }
    .catalogue-pages .left .all-selling {
        width: 100%;
        padding: 0;
        border: none;
    }
    .catalogue-pages .left .all-selling:first-child {
        display: none;
    }
    b,.aside-block p{
    	width: 68%;
    }
    .catalogue-pages .left .all-selling .tabbar{
    	width: 94%;
		padding: 0 3%;
    }
    
    /* right fixed  */
    .fixedBtn{
   		display: none;
    }
    
    /* read */
    .text-header .contain-{
   		width: 94%;
   		padding: 0 3%;
   		line-height: 28px;
    }
    .text-header .contain- span.f-l{
    	margin-top: 10px;
    }
    .main_{
    	width: 100%;
    }
    .text-content-{
    	width: 100%;
    	border: none;
    	padding: 10px 0;
    }
    .text-content- .title_ h2.f-l{
    	width: 100%;
    }
    .text-content- .jump_ span{
    	display: none;
    }
    .text-content- .jump_ a, .text-content- .jump_ a.disabled{
    	width: 90px;
    	height: 36px;
    	line-height: 36px;
    }
    .text-content- .jump_ a:nth-child(5n-2){
    	margin: 0 15px;
    }
    .text-content- .title_{
    	font-size: 16px;
    	margin-bottom: 10px;
    }
    .text-content- .book-name_{
    	line-height: 1.8;
    }
    .text-content- .article_{
    	margin-top: 20px;
    }
    .text-content- .title_,.text-content- .book-name_,.text-content- .article_height,.text-content- .article_free{
    	padding: 0 3%;
    }
    .read_article_top,.read_article_btm{
    	padding: 0 3%;
    }
    .vip_box{
    	margin: 35px 0;
    	padding: 5% 3%;
    	border-left: none;
    	border-right: none;
    }
    .vip_left img{
    	width: 100%;
    }
    .vip_right{
    	width: 94%;
    	margin-left: 0;
    	margin-top: 10px;
    	padding: 3%;
    }
    .vip_left img,.vip_right{
    	height: auto;
    }
    .vip_tip{
    	width: 100%;
    }
    .vip_btn a{
    	width: 121.2px;
    	height: 36px;
    }
    .vip_btn_wap{
    	display: block;
    	width: 94%;
    	height: 40px;
    	line-height: 40px;
    	background: #2a8adf;
    	border-radius: 4px;
    	font-size: 16px;
    	color: #FFFFFF;
    	text-align: center;
    	margin: 0 auto;
    }
    .box .titlebar{
    	border: none;
    	line-height: 1.8;
    }
    .book-item-tb .groom_item{
    	padding-right: 0;
    }
    .book-item-tb .groom_item .groom_name{
    	text-align: center;
    }
    
    /* bookDirectory */
    .groom_detail_right{
    	width: 70%;
    	width: calc(100% - 99px - 14px);
    }
    .groom_detail_name{
    	font-size: 18px;
    	margin: 0 0 5px;
    }
    .groom_detail_info li .mrg{
    	margin-bottom: 5px;
    }
    
    /* bookDetail */
    .bookcover-parent{
   		padding: 0 3%;
    }
    .bookcover .coverimg{
    	width: 87.2px;
    	height: 120px;
    }
    .bookcover .book-detail{
    	width: 230px;
    	width: calc(94% - 87.2px);
    }
    .bookcover-parent .book-detail h3{
    	margin-bottom: 0;
    	height: 24px;
    	line-height: 24px;
    	white-space: nowrap;
	    word-wrap: normal;
	    word-break: normal;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    overflow: hidden;
    }
    .bookcover-parent .mrg{
    	margin-bottom: 0;
    }
    .bookcover-parent .book-intro li{
    	line-height: 1.6;
    }
    .bookcover-parent .book-detail p{
    	margin: 0;
    	line-height: 1.6;
    	height: 92px;
    	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 5;
	    overflow: hidden;
	}
	.bookcover-parent .book-detail .brief_web,.bookcover-parent .book-detail .btns{
		display: none;
	}
	.brief_wap{
		display: block;
		padding: 0 3%;
	}
	.brief_wap p{
		margin: 10px 0;
		line-height: 1.6;
		height: 92px;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 5;
	    overflow: hidden;
	}
	.brief_wap .btn{
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #FFFFFF;
		background: #2a8adf;
		text-align: center;
		font-size: 16px;
		border-radius: 4px;
	}
	.contents .new-section,.contents .content-list,.book_comment,.box-bear{
		padding: 0 3%;
	}
	.contents .content-list li{
		width: 100%;
	}
	.book_comment_title p:first-child{
		width: 46%;
	}
	.book_comment_right{
		width: 284px;
		width: calc(96% - 40px -10px);
	}
	.comment_info .info_left{
		width: 49%;
	}
	.comment_info .info_right{
		width: 49%;
	}
	.info_right .score{
		margin-right: 3px;
	}
	.right .all-selling:first-child{
		display: none;
	}
	.right .all-selling{
		width: 100%;
		padding: 0;
		border: none;
	}
	.right .all-selling .tabbar{
		width: 94%;
		padding: 0 3%;
	}
	#comment{
		display: none;
	}
	#download{
		position: absolute;
		right: 3%;
		top: 6px;
		display: inline-block;
		padding: 6px 8px;
		color: #FFFFFF;
		background: #2a8adf;
		border-radius: 4px;
	}
	.content-list-title{
		padding: 0 3%;
		margin-top: 5px;
	}
	
	/* rank */
	.rank .left,.rank .left .sidenav{
		width: 100%;
	}
	.sidenav .navbody{
		border-bottom: none;
	}
	.rank .left .sidenav a{
		float: left;
		display: block;
		width: 25%;
	}
	.rank .left .sidenav a h4{
		width: 100%;
		padding: 0;
		text-align: center;
		border-bottom: none;
	}
	.navbody .active h4, .navbody h4:hover{
		background: #50abf9;
	}
	#booknav .arrow-db s,#booknav .active .arrow-db s, #booknav .arrow-db:hover s{
		display: none;
	}
	.rank .right{
		width: 100%;
		margin-left: 0;
	}
	.rank .box{
		width: 100%;
		padding: 0;
		margin: 0;
		border-left: none;
		border-right: none;
	}
	.rankbarb a{
		width: 74%;
	}
	
	/* rankList */
	.t3 .right .booklist-cover{
		width: 100%;
	}
	.booklist-cover .bookcover-parent{
		padding: 0;
	}
	.booklist-cover li{
		margin-left: 10px;
	}
	.t3 .right .booklist-cover .detail-{
		width: 200px;
		width: calc(100% - 18px - 96px);
	}
	
	/* search */
	.t10 .serach_left{
		width: 100%;
		border: none;
	}
	.channel, .store_side .left_classify, .schedule, .word_num{
		width: 91%;
		width: calc(100% - 32px);
		border-left: none;
		border-right: none;
	}
	.word_num{
		border-bottom: none;
	}
	.store_side a{
		padding: 0 10px;
	}
	.t10 .right{
		width: 100%;
		margin: 0;
	}
	.t10 .right .store_con .booklist-cover{
		width: 100%;
	}
	.right_title li{
		width: 18.1%;
		width: calc(19% - 3px);
	}
	.stack_count{
		width: 24%;
	}
	.booklist-cover .detail-{
		width: calc(100% - 25px - 96px);
	}
	.search-web{
		display: none;
	}
	.search-wap{
		display: block;
	}
	.booklist-cover .detail- p{
		margin-bottom: 2px;
	}
	.booklist-cover .detail- .search-wap p{
		float: left;
		width: 48%;
		color: #999999;
		overflow: hidden;
		margin-right: 2%;
	}
	.booklist-cover .detail- .search-wap p:nth-child(2n){
		margin-right: 0;
	}
	.search-wap p span,.search-wap p a{
		color: #666666;
		margin-left: 3px;
		width: 58%;
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
	    word-wrap: normal;
	    word-break: normal;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    overflow: hidden;
	}
	.btns- .btn-red-s{
		width: 100%;
	}
	
	/* SearchWord */
	.search_con #bookList .bookbar,.search-word-list{
		width: 94%;
		padding: 0 3%;
	}
	.search_con div.left,.search_con #bookList .booklist-cover{
		width: 100%;
	}
	.search-word-list{
		border-left: none;
		border-right: none;
	}
	.search-word-book{
		width: 94%;
		padding: 0 3%;
		border: none;
	}
	b, .aside-block p.search-word-brief{
		width: 66%;
	}
	.tabbar ul li{
		padding: 0 10px;
	}
	
	/* 404 */
	.null_pic{
		width: 80%;
		height: auto;
	}
	.null_box{
		width: 80%;
	}
	.null_title{
		font-size: 18px;
	}
	.null_info{
		font-size: 16px;
	}
	.null_search_title,.null_search_inp, .null_search_btn{
		font-size: 14px;
	}
	.null_search{
		margin-left: 0;
	}
	.null_search_inp, .null_search_btn{
		padding: 0 10px;
	}
	.null_search_inp{
		width: 160px;
	}
	.null_search_btn{
		width: 100px;
	}
	
	/* footer */
	.footer_content{
		width: 94%;
		padding: 0 3%;
	}
	.footer_item:first-child{
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.footer_item{
		width: 33.33%;
		margin-bottom: 10px;
	}
	.footer_item:last-child{
		width: 33.33%;
		margin-top: 2px;
	}
} 

@media screen and (max-width: 320px){
	.header-{
		width: 96%;
	}
	.header- .search-{
		width: 200px;
	}
	.header- .search- .input-top{
		width: 188px;
	}
	.book-item-tb .img img,.book-item-tb .groom_item .img img{
		width: 89.1px;
		height: 118.8px;
	}
	.book-item-tb li h3, .book-item-tb li p{
		width: 90px;
		margin: 0 auto;
	}
	b,.aside-block p{
		width: 64%;
	}
	.text-content- .jump_ a:nth-child(5n-2){
    	margin: 0 6px;
    }
    .book_comment_title p:first-child{
		width: 39%;
	}
	.article_height{
		height: 360px;
	}
	
	/* SearchWord */
	b, .aside-block p.search-word-brief{
		width: 60%;
	}
	
	/*404*/
	.null_search_inp{
		width: 130px;
	}
	
	/* bookDirectory */
	.groom_detail_info li{
		margin-right: 4px;
	}
}
