/*进行自适应的标的 */
@media screen and (max-width: 411px) {
    html {
        font-size:20px !important;
    }
}
@media screen and (max-width: 359px) {
    html {
        font-size:18px !important;
    }
}
@media screen and (min-width: 412px) {
    html {
        font-size:22px !important;
    }
}
@media screen and (min-width: 640px) {
    html {
        font-size:24px !important;
    }
}
@media screen and (max-width: 640px) {
	.footer{
		min-width: 100%;
	}
	.footer .more img{
		width:100%;
	}
	.down div img{
		height:6rem;
	}
	.down div{
		margin: 0.5rem 1rem;	
	}
	.crop{
		margin: 1rem;
		text-align: left;
	}
	.banner{
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	.box{
		width:100%;
		height:auto;
		overflow: hidden;
	}
	.box .cover_tit{
		width:100%;
		height: auto;
		border-bottom: 1px solid #f3f3f3;
	}
	.box .books_list{
		width:100%;
	}
	.box .cover_tit .img{
		width:50%;
		margin-top:0px;
		margin-left:0px;
		float: left;
	}
	.box .cover_tit .img img{
		width: 65%;
		margin: 2rem auto;	
	}
	.box .cover_tit .book_name{
		margin-top: 2.2rem;
		width: 40%;
		height: 1.5rem;
		line-height: 1.5rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
		text-align: center;
		padding: 0 5%;
	}
	.box .cover_tit .desc{
		width:40%;
	}
	.box .books_list ul li{
		height: 8.5rem;
	}
	.box.girl .books_list ul li{
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;           
	  box-sizing: border-box;
	  height: 12rem;
	}
	.box.girl .books_list ul li .node .text .book_name{
		margin: 0.7rem;
		font-size:0.6rem;	
	}
	.box .books_list ul li .node .img{
		width:100%;
	}
	.box .books_list ul li .node .img img{
		width:40%;
	}
	.box .books_list ul li .node .text{
		width:100%;
		margin: 0;
	}
	.box .books_list ul li .node .text .book_name{
		height: 2rem;
		line-height: 1rem;
		overflow: hidden;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-align: left;
		margin: 0.5rem 1rem;
		text-align:center;
	}
	.box.common .books_list ul li .node .text .book_name{
		height: 1rem;
		-webkit-line-clamp: 1;
	}
	.box .books_list ul li .node .text .desc{
		width: 80%;
		margin: 0 auto;
		margin-top: 0.5rem;	
	}
	.box .books_list ul li .node .text .author{
		margin:0 1rem;
		text-align: center;
	}
	.box.common .books_list ul li{
		border-bottom: 1px solid #f3f3f3;
		height: 9.5rem;
	}
	.content{
		width: 100%;
		margin: 0;
		padding: 0;
		padding-top: 3.4rem;
		padding-bottom:2rem;
	}
	.content .text{
		margin:0 1rem;
	}
	.content .mode{
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		right: 0;	
	}
	.content .mode div{
		display: inline-block;
		width: 15.65%;
		text-align: center;	
	}
	.content .chapter div{
	    margin: 0 0.3rem;
	}
	.loadMoreWrapper,.loadMore{
		width:100%;
	}
	.loadMoreWrapper.common.public ul li, .loadMoreWrapper.common.boy ul li{
		width:50%;
	    border-bottom: 1px solid #f3f3f3;
	    height: 12.1rem;		
	}
	.loadMoreWrapper.common.public ul li:nth-child(2n+1), .loadMoreWrapper.common.boy ul li:nth-child(2n+1){
		border-right: 1px solid #f3f3f3;	
	}
	.loadMoreWrapper.common.public ul li .node .img, .loadMoreWrapper.common.boy ul li .node .img{
		width:100%;
	}
	.loadMoreWrapper.common.public ul li .node .img img, .loadMoreWrapper.common.boy ul li .node .img img{
		width:40%;
	}    
	.loadMoreWrapper.common.public ul li .node .text .book_name, .loadMoreWrapper.common.boy ul li .node .text .book_name{
	    height: 1rem;
	    line-height: 1rem;
	    overflow: hidden;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    text-align: left;
	    margin: 0.5rem 1rem;
	    text-align: center;	
	}
	.loadMoreWrapper.common.public ul li .node .text .author, .loadMoreWrapper.common.boy ul li .node .text .author{
		text-align:center;
	}
	.loadMoreWrapper.common.public ul li .node .text, .loadMoreWrapper.common.boy ul li .node .text{
		margin:0;
	}
	.loadMoreWrapper.common.public ul li .node .text .desc, .loadMoreWrapper.common.boy ul li .node .text .desc{
		width:80%;
		margin:0 auto;
	}
	.loadMoreWrapper.girl ul li{
		width: 24.83%;
	}
	.loadMoreWrapper.girl ul li:nth-child(6n){
		border-right: 1px solid #f3f3f3;
	}
	.loadMoreWrapper.girl ul li:nth-child(4n){
		border-right: none;
	}
	.loadMoreWrapper.girl ul li .node .text{
		margin:auto;
	}
	.loadMoreWrapper.girl ul li .node .text .book_name{
	    height: 2rem;
	    line-height: 1rem;
	    overflow: hidden;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    text-align: left;
	    margin: 0.5rem 1rem;
	    text-align: center;
	    margin: 0.7rem;
	    font-size: 0.6rem;	    
	}
	.loadMoreWrapper.girl ul li:nth-child(1),.loadMoreWrapper.girl ul li:nth-child(2),.loadMoreWrapper.girl ul li:nth-child(3),.loadMoreWrapper.girl ul li:nth-child(4){
		border-top: 1px solid #f3f3f3;
	}
	.loadMoreWrapper.girl ul li .node .text .author{
	    font-size: 12px;
	    color: #999999;
		margin: 0 1rem;
	    text-align: center;
	}
	.downloadMore{
		width:100%;
	}		
}