/* 列表顶部开始 */
.list .top{
	gap: 1rem;
}
.list .top .li{
	--pLt:1.4rem;
	--ptxtLt:2rem;
	background: #f3f6f9;
}
.list .top .li .card{
	padding: var(--pLt);
	padding-bottom: 0;
}
.list .top .li .card .img-db{
	width: 100%;
	height: auto;
	aspect-ratio: 458/275;
	border-radius: .4rem;
}
.list .top .li .card h6{
	margin-top: .6rem;
	font-size: var(--f18);
	color: #313131;
}
.list .top .li .text{
	padding: 1rem;
}
.list .top .li .card p{
	color: #313131;
	opacity: .6;
	font-size: var(--f15);
	margin-top: .8rem;
	line-height: 1.8;
}
.list .top .li .date{
	height: 3rem;
	display: flex;
	align-items: center;
	padding: 0 var(--ptxtLt);
	font-size: var(--f15);
	justify-content: space-between;
	color: rgba(49, 49, 49, .8);
	transition: background .5s,color .5s;
}
.list .top .li .date i{
	font-size: var(--f24);
}
.list .top .li:hover .date{
	background: var(--themeActColor);
	color: #fff;
}
/* 列表顶部结束 */




/* 正常列表显示开始 */
.shu-list li a{
	gap: 3.5rem;
	color: #313131;
	padding: 2rem 0;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}
.shu-list li a::before{
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	height: 2px;
	width: 0;
	background: var(--themeActColor);
	transition: width 1s;
}
.shu-list .date{
	padding-top: 2rem;
	font-size: var(--f14);
	color: #313131;
	transition: color .5s;
}
.shu-list .date .day{
	font-size: var(--f30);
}
.shu-list .img-db{
	width: 18rem;
	height: auto;
	aspect-ratio: 392/255;
	border-radius: .4rem;
}
.shu-list .text{
	padding-top: 2rem;
    overflow:hidden;
}
.shu-list .text h5{
	font-size: var(--f24);
	font-weight: normal;
}
.shu-list .text p{
	color: #57525f;
	margin-top: 1rem;
	line-height: 1.8;
}
.shu-list .text i{
	margin-top: 2rem;
	display: inline-block;
	padding: .4rem;
	font-size: var(--f20);
	color: #313131;
	border: 1px solid #313131;
	line-height: 1;
	border-radius: 100%;
	transition: background .5s,color .5s,border-color .5s;
}
.shu-list li a:hover .date{
	color: var(--themeColor);
}
.shu-list li a:hover i{
	color: #fff;
	background: var(--themeActColor);
	border-color: var(--themeActColor);
}
.shu-list li a:hover::before{
	width: 100%;
}
/* 正常列表显示结束 */