.list .cont .grid{
	gap: 3rem 2rem;
}
.list .cont .li{
	overflow: hidden;
}
.list .cont .li .img-db{
	width: 100%;
	height: auto;
	aspect-ratio: 518/342;
	border-radius: 1rem;
	overflow: hidden;
}
.list .cont .li .text{
	padding: 1rem;
}
.list .cont .li p{
	color: #747474;
	font-size: var(--f14);
	padding-left: 1.4rem;
	position: relative;
	line-height: 1.8;
	margin-top: .2rem;
}
.list .cont .li p::before{
	content: '';
	display: block;
	height: 100%;
	width: 1rem;
	background: url(../image/rili.png) no-repeat left center/100% auto;
	left: 0;
	top: 0;
	position: absolute;
}
.list .cont .li h6{
	font-size: var(--f20);
	color: #000;
	margin-top: .5rem;
}

.list .cont .li i{
	font-size: var(--f12);
	color: #666666;
	background: transparent;
	border-radius: 100%;
	display: inline-block;
	width: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1/1;
	height: auto;
	margin-top: 1rem;
	border: 2px solid #c5c7ca;
	overflow: hidden;
	transition: background .5s,border-color .5s, color .5s;
}

.list .cont .li:hover i{
	background: var(--themeActColor);
	color: #fff;
	border-color: var(--themeActColor);
}