.books-list{
    overflow: hidden;
    margin:0px auto;
    float: left;
    width:100%;
    text-align: left;
}
.books-box{
    margin-left: 3%;
    margin-top: 35px;
    position: relative;
    width: 22%;
    cursor: pointer;
    display:inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.books-list .books-box:nth-child(4n+1){
    margin-left: 0%;

}
.books-box img{
    width:100%;

}
@media (max-width: 767px){
    .books-box{
        width:100%;
        margin-left: 0px;
    }
}



/* one */
.img-content{
    width:48.5%;
	float: left;
	margin-bottom:30px;
}
.bookDetails{
	width:48.5%;
	float: right;
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;

}
.bookDetails h1,
.bookDetails p span,
.articleTitle,
.lineHEight h5{
	font-size: 16px;
	color:#4d4d4d
}
.lineHEight h5{
	margin-bottom:13px;
	display: block;
}
.bookDetails h1,
.bookDetails p,
.lineHEight{
	margin:0;
	padding:0px;
	margin-bottom:18px;
}
.thisCursor{
	cursor: pointer;
	color:#666
}
.bookDetails .lineHEight{
	line-height: 28px;
	margin-top:.46rem
}

.loadmore{
    width:100%;
    text-align: center;
    padding-top:20px;
    float: left;
	display: none;
}
.loadmore img{
    width:20px;
}
.Page{
	display: none;
}
@media (min-width: 768px){
    .Page{
    	display: block;
    }
}
@media (max-width: 767px){
    .img-content,
	.bookDetails{
        width:100%;
    }
	.loadmore{
		display: block;
	}
}