/* 列表开始 */
.list .cont .grid{
	gap: 3rem 2rem;
	
}
.list .cont .li{
	overflow: hidden;
}
.list .cont .li .img-db{
	width: 100%;
	height: auto;
	aspect-ratio: 510/340;
	border-radius: .5rem;
	overflow: hidden;
}
.list .cont .li p{
	margin-top: 1.4rem;
	font-size: var(--f18);
	color: #313131;
	text-align: center;
}
.list .cont .li .hover-img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: rgba(61, 145, 214, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
}
.list .cont .li .hover-img i{
	font-size: var(--f20);
	color: #fff;
	background: var(--themeActColor);
	padding: .8rem;
	border-radius: 100%;
}
.list .cont .li:hover .hover-img{
	visibility: visible;
	opacity: 1;
}
/* 列表结束 */


/* 搜索框 */
.search-input[type="2"]{
    height: 2.6rem;
    width:20rem;
    overflow:hidden;
    margin:0;
    border-width: 2px;
}
.search-input[type="2"] .layui-input-suffix{
    width: auto;
}
.search-input[type="2"] .btn{
    padding: 0 0.7rem;
}
.search-input[type="2"] .btn svg{
    width: var(--f24);
    aspect-ratio: 1/1;
    height:auto;
}
.search-input[type="2"] input{
    padding: 0 1rem 0 1rem;
}
.notext{
    text-align:center;
    font-size: var(--f16);
    padding: 3rem 0;
    color: #555;
}
.list .cont .li p .gl{
    color: var(--themeColor2);
}