.book-result-list {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.result-list-card {
	display: flex;
	column-gap: 40px;
	padding-bottom: 38px;
	border-bottom: 1px solid #DAE0EE;
}

.result-list-card:hover {
	cursor: pointer;
}

.result-list-card:hover .list-card-title {
	color: #1549C0;
}

.result-list-card.normal-card:hover .list-card-cover img {
	transform: rotateY(-25deg);
}

.normal-list-card .list-card-cover,
.normal-card .list-card-cover {
	width: 120px;
	height: 163px;
	perspective: 800px;
	flex-shrink: 0;
	box-shadow:
		6px 6px 10px rgba(100, 100, 100, 0.2),
		10px 10px 20px rgba(120, 120, 120, 0.15),
		0 8px 15px rgba(150, 150, 150, 0.1);
}

.list-card-cover img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	transform-origin: 0 0;
	object-fit: cover;
}

.list-card-info {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.list-card-title {
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden; */
	line-height: 23px;
	color: #384572;
	font-size: 20px;
	font-weight: 600;
}

.list-card-msg-block span:nth-child(2) {
	flex-shrink: 0;
}

.list-card-msg-block span:nth-child(3) {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.search-highlight {
	background-color: #FFDEBA;
}

.list-card-title:hover {
	cursor: pointer;
	color: #1549C0;
}

.list-card-tag {
	display: inline-flex;
	padding: 4px 12px;
	align-items: center;
	column-gap: 20px;
	border-radius: 88px;
	background: rgba(21, 73, 192, 0.1);
	color: #1549C0;
	white-space: nowrap;
	overflow-y: auto;
	max-width: 100%;
}

.list-card-tag span {
	position: relative;
	/* max-width: 48%;
	overflow: hidden;
	text-overflow: ellipsis; */
}

.list-card-tag span:nth-last-child(1)::after {
	display: none;
}

.list-card-tag span::after {
	content: '';
	width: 4px;
	position: absolute;
	height: 4px;
	border-radius: 50%;
	background: #1549C0;
	top: calc(50% - 2px);
	right: -10px;
}

.list-card-msg {
	display: flex;
	flex-wrap: wrap;
	column-gap: 32px;
	row-gap: 8px;
	color: #677390;
}

.list-card-msg .list-card-msg-block {
	display: flex;
	align-items: center;
	min-width: 0;
}

.list-card-msg-block img {
	margin-right: 4px;
}

.list-card-desc {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #A6ACBC;
}

.list-card-btns {
	display: none;
	column-gap: 12px;
}

.list-card-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	color: #1549C0;
	padding: 4px 16px;
	border: 1px solid #1549C0;
	border-radius: 20px;
}

.list-card-btn img {
	margin-right: 4px;
}

.list-card-btn:hover {
	background: rgba(21, 73, 192, 0.1);
}

.normal-card:hover .list-card-tag-box {
	display: none;
}

.normal-card:hover .list-card-btns {
	display: flex;
}

.sub-Library .list-card-cover {
	width: 282px;
	flex-shrink: 0;
	height: 164px;
	box-shadow: none;
}

.book-result-card {
	display: none;
	/* display: grid; */
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.result-card-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 346px;
	overflow: hidden;
	border-radius: 8px;
	padding: 24px;
	border: 1px solid #DAE0EE;
}

.result-card-box:hover {
	border-color: #1549C0;
	cursor: pointer;
}

.result-card-box:hover .card-box-title {
	color: #1549C0;
}

.result-card-box:not(.card-sub-Library):hover .card-box-cover img {
	transform: rotateY(-25deg);
}

.result-card-box {
	position: relative;
}

/* .result-card-box:hover.normal-list-card .card-box-author,
.result-card-box:hover.normal-list-card .list-card-tag-box {
	display: none;
} */

.result-card-box-btn {
	/* position: absolute;
	left: 16px;
	bottom: 16px; */
	width: 100%;
	height: 32px;
	background: #F2F5FA;
	border-radius: 32px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.result-card-box-btn>.p2-hover-card-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 4px;
}

.result-card-box-btn>.p2-hover-card-btn:hover {
	background-color: white;
}

.normal-list-card .card-box-cover,
.normal-card .card-box-cover {
	height: 164px;
	width: 120px;
	margin: 0 auto;
	perspective: 800px;
	box-shadow:
		6px 6px 10px rgba(100, 100, 100, 0.2),
		10px 10px 20px rgba(120, 120, 120, 0.15),
		0 8px 15px rgba(150, 150, 150, 0.1);
	margin-bottom: 16px;
}

.card-box-cover img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	transform-origin: 0 0;
}

.card-box-title {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
	color: #384572;
	text-align: center;
	word-break: break-all;
}

.card-box-title:hover {
	color: #1549C0;
	cursor: pointer;
}

.card-box-author {
	display: flex;
	align-items: center;
	color: #677390;
	justify-content: center;

}

.card-box-author span:not(.search-highlight) {
	display: inline-block;
	/* flex: 1; */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.card-box-author span:not(.search-highlight):nth-child(2) {
	flex-shrink: 0;
}
.card-box-author img {
	margin-right: 2px;
}

.book-result-card .list-card-tag-box {
	text-align: center;
}

.card-text,
.card-sub-Library {
	padding: 24px 20px;
}

.card-sub-Library .card-box-cover {
	width: 100%;
	height: 101px;
	box-shadow: none;
}

.card-text .card-box-author,
.card-sub-Library .card-box-author {
	justify-content: flex-start;
}

.card-box-desc {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #A6ACBC;
	line-height: 20px;
	word-break: break-all;
}

.card-sub-Library .card-box-desc {
	line-clamp: 5;
	-webkit-line-clamp: 5;
}

.card-text .card-box-desc {
	line-clamp: 8;
	-webkit-line-clamp: 8;
}

.card-text .list-card-tag-box,
.card-sub-Library .list-card-tag-box {
	text-align: left;
}

.result-card-box {
	position: relative;
}

/* .result-card-box:hover .result-card-box-btn {
	display: flex;
} */

.collect-btn img:nth-child(2) {
	display: none;
}

.collect-btn.actived img:nth-child(2) {
	display: block;
}

.collect-btn.actived img:nth-child(1) {
	display: none;
}


.book-result-card .down-tip {
	width: 100%;
	top: -120px;
	height: 120px;
}

.down-tip {
	transition: all .3s;
	display: none;
	left: 0;
	top: 44px;
	padding: 17px;
	color: rgba(154, 154, 154, 1);
	width: 294px;
	background: white;
	height: 103px;
	position: absolute;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
}

.down-tip-show {
	display: block;
}

.down-tip-text {
	margin-bottom: 12px;
}

.down-tip a,
.down-tip a:hover {
	color: #1549C0;
}

.normal-list-card {
	position: relative;
}

.result-card-box:hover.normal-list-card .p2-result-card-hover {
	opacity: 1;
	transform: translateY(0%);
}

.p2-result-card-hover {
	border: 1px solid #DAE0EE;
	opacity: 0;
	transform: translateY(100%);
	transition: all .3s;
	position: absolute;
	display: flex;
	gap: 8px;
	flex-direction: column;
	top: 0;
	border-radius: 8px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 16px 12px 18px;
	background-color: white;
}

.p2-rcg-item-title,
.p2-rcg-item-content {
	font-size: 14px;
	line-height: 24px;
	color: #384572;
}

.p2-rcg-item-content {
	color: #677390;
}

.p2-rcg-item {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.result-card-box.normal-list-card .p2-rcg-item .list-card-tag-box {
	display: block;
	text-align: left;
}

.p2-rcg-item-four {
	display: -webkit-box;
	line-clamp: 4;
	white-space: wrap;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.p2-book-type2 {
	grid-template-columns: repeat(5, 1fr);
}

.p2-book-type2 .normal-list-card {
	border: none;
	height: auto;
	padding-bottom: 12px;

}

.p2-book-type2 .normal-list-card .card-box-cover {
	position: relative;
	width: 100%;
	padding-top: 135%;
}

.p2-book-type2 .normal-list-card .card-box-cover img {
	position: absolute;
	left: 0;
	top: 0;
}