/* 展品范围 */
.zhanpin {
	background: #f4f4f4;
	padding: 0.7rem 0;
}

.zhanpin_ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.zhanpin_ul_li {
	width: 4rem;
	height: 2.9rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.15rem;
}

.zhanpin_ul_li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

.zhe {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to right, #f15c8e, #c458a8); */
	background: linear-gradient(to right, rgb(241 92 142 / 70%), rgb(196 88 168 / 65%));
	/* opacity: 0.7; */
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	z-index: 1;
}

.zhe p {
	color: #fff;
	font-size: 0.19rem;
}

.zhe img {
	width: 0.12rem;
	height: auto;
}

.zhanpin_ul_li .qz {
	cursor: pointer;
	opacity: 0;
}

.zhanpin_ul_li:hover .zhe {
	bottom: 0;
}

.zhanpin_ul_li:hover img {
	transform: scale(1.2);
}
@media screen and (max-width: 1300px) {
    .zhanpin {
        padding-left: 5%;
        padding-right: 5%;
    }
	    .zhanpin_ul_li {
	        width: 24%;
	    }
}
@media screen and (max-width: 768px) {
    .zhanpin_ul_li {
        width: 48%;
    }
}