@keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}

@keyframes scan {
	from {
		top: -667px;
	}

	/*网格移动到显示区域的外面*/
	to {
		top: 0;
	}
}

@-webkit-keyframes scan {
	from {
		top: -667px;
	}

	to {
		top: 0;
	}
}

.cate {
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
	/* border: 1px solid green; */
	width: 100%;
	height: 70px;
}

.cate-row {
	width: 130px;
}

.cate-item {
	font-size: 15px;
	color: #332C2B;
	border-radius: 14px;
	width: 80px;
	height: 30px;
	text-align: center;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.cate-item-active {
	background: #C6BAA5;
	color: #FFFFFF;
	border-radius: 14px;
}

.cate-item:hover {
	background: #C6BAA5;
	color: #FFFFFF;
	border-radius: 14px;
	cursor: pointer;
}


.product-item-bottom-left {
	width: 70%;
	text-align: left;
	padding-left: 20px;
	font-size: 16px;
	font-weight: 300;
	color: #332C2B;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	/* transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
}

/* .product-item-bottom-left:hover{
	padding-left: 50px;
} */
.product-item-bottom-right {
	width: 30%;
	text-align: center;
	font-size: 14px;
	color: #333333;
}

.inner-box:hover .product-item-bottom-left {
	padding-left: 50px;
}

.inner-box:hover .product-item-bottom-right {
	font-size: 14px;
	color: #C6BAA5;
}

.inner-box {
	background-color: #fff;
	border-bottom: 1px solid #E1E1E1;
	/* transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	animation-name: fadeInUp;
	padding-bottom: 80px;
}

.inner-box:hover {
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid transparent;
	background: #FFFFFF;
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.product-item-bottom {
	position:absolute;
	width: 100%;
	height: 80px;
	bottom: 0;
	line-height: 80px;
	/* border: 1px solid green; */
	display: flex;
	flex-flow: row;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	background:#f8f8f8;
	/* transition: all ease-out 0.3s;*/
}
.product-item-bottom-info{
	position:absolute;
	height:80px;
	line-height:80px;
	bottom:0;
	width: 100%;
    display: flex;
}

.inner-box:hover .product-item-bottom {
	background:transparent;
	height:100%;
	

}


.product-item-bottom-info:after {
	content: '';
	width: 84%;
	position: absolute;
	/* top: 16%; */
	right: 8%;
	transition: all 0.3s ease-out 0s;
	/* margin-top: -11px; */
	/* border-top: 5px solid red; */
	border-top: 1px solid #E1E1E1;
	opacity: 0;
}

.inner-box:hover .product-item-bottom-info:after {
	opacity: 1;
}

.image-box>img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.inner-box:hover .image-box>img {
	transform: scale(1.08, 1.08);
}