@charset "utf-8";
.booksWrap {
	min-height:100vh;
	background:#e3f1ff;
}
.books {
	width:900px;
	margin:0 auto;
	padding-bottom:70px;
}
.pageTitle {
	width:278px;
	height:114px;
	background:url(img) no-repeat center top / contain;
	color:#81cddb;
	font-weight:800;
	text-align:center;
	line-height:65px;
	margin:0 auto;
	font-size:20px;
	position:relative;
	margin-bottom:72px;
}
.pageTitle span {
	transform:rotate(0.05deg);
	display:inline-block;
}
.pageTitle:before {
	content:'';
	position:absolute;
	width:131px;
	height:90px;
	background:url(https://media.tenor.com/5QUEXqdHMEkAAAAi/elixir.gif) no-repeat center center / contain;
	left:50%;
	top:58px;
	margin-left:-65px;
}
@media screen and (max-width:768px){
	.books {
		width:calc(100% - 5.3333vw);
		padding-bottom:5vw;
	}
	.pageTitle {
		width:42.6666vw;
		height:20vw;
		background:url(https://media.tenor.com/k-PfH9O4EpcAAAAi/money-cash.gif) no-repeat right top / contain;
		text-align:center;
		line-height:20vw;
		font-size:1.2rem;
		margin-bottom:6vw;
		padding-left:17vw;
	}
	.pageTitle:before {
		width:20.6666vw;
		height:100%;
		background:url(https://media.tenor.com/Y5FOhnYHUb8AAAAi/necoarc-meltyblood.gif) no-repeat center center / contain;
		left:0;
		top:0;
		margin-left:0;
	}
}
.booksLists {
	display:flex;
	flex-wrap:wrap;
}
.booksList {
	width:195px;
	margin:0 15px 30px;
}
.booksList__thumb {
	height:275px;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:17px;
}
.booksList__thumb img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.booksList__text {
	padding-bottom:17px;
}
.booksList__text li {
	line-height:1.7;
	font-weight:100;
	transform:rotate(0.05deg);
	font-size:14px;
}
.booksList__buy {
	height:35px;
	margin-bottom:10px;
}
.booksList__buy a {
	display:flex;
	height:35px;
	background:#81cddb;
	border-radius:10px;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	font-size:14px;
	transition:all 0.3s ease;
}
.booksList__buy a span {
	display:block;
	transform:rotate(0.05deg);
	font-weight:100;
	color:#FFF;
}
.booksList__trial {
	height:35px;
	margin-bottom:10px;
}
.booksList__trial a {
	display:flex;
	height:35px;
	background:#fff;
	border-radius:10px;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	font-size:14px;
	border:2px solid #81cddb;
	transition:all 0.3s ease;
}
.booksList__trial a span {
	display:block;
	transform:rotate(0.05deg);
	font-weight:100;
	color:#81cddb;
}
.booksList__buy a:hover,
.booksList__trial a:hover {
	transform:scale(1.1);
}
@media screen and (max-width:768px) {
	.booksLists {
		justify-content:space-between;
	}
	.booksList {
		width:calc(50% - 1.3333vw);
		margin:0 0 5vw;
	}
	.booksList__thumb {
		height:66vw;
		border-radius:1.3333vw;
		margin-bottom:2.6666vw;
	}
	.booksList__text {
		padding-bottom:2.6666vw;
	}
	.booksList__text li {
		line-height:1.7;
		font-weight:100;
		transform:rotate(0.05deg);
		font-size:1.2rem;
	}
	.booksList__buy {
		height:8vw;
		margin-bottom:2.6666vw;
	}
	.booksList__buy a {
		height:8vw;
		border-radius:1.3333vw;
		font-size:1.2rem
	}
	.booksList__trial {
		height:8vw;
		margin-bottom:2.6666vw;
	}
	.booksList__trial a {
		height:8vw;
		border-radius:1.3333vw;
		font-size:1.2rem;
	}
	.booksList__buy a:hover,
	.booksList__trial a:hover {
		transform:scale(1);
	}
}