/*内容区*/
/*第一模块*/
/*1.第一模块整体布局*/
.recommend-zt1{
	margin-top: 40px;
	height: 300px;
	/*ps*/
	/*background-color: hotpink;*/
	margin-bottom: 40px;
}
/*2.第一模块标题*/
.recommend-zt1 h3{
	font-size: 28px;
}
/*3.第一模块大的div*/
.recommend-zt1 .recommend-divx{
	margin-top: 30px;
	display: inline-block;
	float: left;
	width: 220px;
	height: 220px;
	margin-left: 23px;
	border: 1px solid red;
	border-radius: 5px 20px 5px 20px;
}
/*4.第一模块小div中的图片*/
.recommend-zt1 .recommend-divd img{
	display: inline-block;
	 width: 180px;
	height: 180px;
	margin-left: 20px;
	margin-top: 10px;
}
/*5.第一模块小div中的文字*/
.recommend-zt1 .recommend-divx p{
	text-align: center;
	/*ps*/
	/*background-color: transparent;*/
	background-color: rgba(202,202,202,0.2);
	transition: 8s;
	-o-transition: 8s;
	-moz-transition: 8s;
	-ms-transition: 8s;
	-webkit-transition: 8s;
}
/*5.第一模块小div中的文字悬停*/
.recommend-zt1 .recommend-divx p:hover{
	transform: translateY(-30px);
	-o-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	font-weight: bold;
}
/*--------------------------内容区二----------------------------*/
/*1.第二模块整体大小*/
.recommend-zt2{
	height: 1050px;
	/*ps*/
	/*background-color: #EAFFEA;*/
	margin-bottom: 40px;
}
/*2.第二模块标题*/
.recommend-zt2 h3{
	font-size: 28px;
	position: relative;
	bottom:-16px;
}
/*3.第二模块整个大盒子*/
.recommend-zt2 .recommend-divx2{
	display: inline-block;
	float: left;
	margin-top: 30px;
	width: 250px;
	height: 250px;
	margin-left: 120px;
	/*border: 1px solid red;*/
}
/*3.第二模块图片*/
.recommend-zt2 .recommend-divx2 img{
	display: inline-block;
	width: 250px;
	height: 180px;
	
}
/*4.第二模块购物车*/
.recommend-zt2 .recommend-divx2 .icon-gouwuche1{
	position: relative;
	left: 215px;
	font-size: 16px;
	top:-28px;
	font-weight: normal;
}
/*5.第二模块购物车属性悬停*/
.recommend-zt2 .recommend-divx2 .icon-gouwuche1:hover{
	color: red;
}
/*7.第二模块眼睛属性悬停*/
.recommend-zt2 .icon-yanjing:hover{
	color: royalblue;
}
/*8.第二模块收藏属性悬停*/
.recommend-zt2 .icon-shoucang:hover{
	color: yellow;
}
/*6.第二模块收藏和眼睛位置*/
.recommend-zt2 .icon-yanjing,.icon-shoucang{
	font-size: 18px;
	margin-left: 10px;
}
/*9.第二模块原价加删除线*/
.recommend-zt2 .recommend-divx2 .yuanjia{
	text-decoration: line-through;
}
/*10.第二模块价钱标志大小*/
.recommend-zt2 .recommend-divx2 .qianspan{
	font-size: 8px;
}
/*11.第二模块底部文字背景*/
.recommend-zt2 .recommend-divx2 .dibubj{
	/*background-image: linear-gradient( transparent 50%,rgb(205,205,205));*/
	background-color: rgba(242,216,195,0.3);
	height: 70px;
}
/*内容区*/
/*第一模块*/
/*1.第一模块整体布局*/
.recommend-zt1{
	margin-top: 40px;
	height: 300px;
	/*ps*/
	/*background-color: hotpink;*/
	margin-bottom: 40px;
}
/*2.第一模块标题*/
.recommend-zt1 h3{
	font-size: 28px;
}
/*3.第一模块大的div*/
.recommend-zt1 .recommend-divx{
	margin-top: 30px;
	display: inline-block;
	float: left;
	width: 220px;
	height: 220px;
	margin-left: 23px;
	border: 1px solid red;
	border-radius: 5px 20px 5px 20px;
}
/*4.第一模块小div中的图片*/
.recommend-zt1 .recommend-divd img{
	display: inline-block;
	 width: 180px;
	height: 180px;
	margin-left: 20px;
	margin-top: 10px;
}
/*5.第一模块小div中的文字*/
.recommend-zt1 .recommend-divx p{
	text-align: center;
	/*ps*/
	/*background-color: transparent;*/
	background-color: rgba(202,202,202,0.2);
	transition: 8s;
	-o-transition: 8s;
	-moz-transition: 8s;
	-ms-transition: 8s;
	-webkit-transition: 8s;
}
/*5.第一模块小div中的文字悬停*/
.recommend-zt1 .recommend-divx p:hover{
	transform: translateY(-30px);
	-o-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	font-weight: bold;
}
/*--------------------------内容区二----------------------------*/
/*1.第二模块整体大小*/
.recommend-zt2{
	height: 1050px;
	/*ps*/
	/*background-color: #EAFFEA;*/
	margin-bottom: 40px;
}
/*2.第二模块标题*/
.recommend-zt2 h3{
	font-size: 28px;
	position: relative;
	bottom:-16px;
}
/*3.第二模块整个大盒子*/
.recommend-zt2 .recommend-divx2{
	display: inline-block;
	float: left;
	margin-top: 30px;
	width: 250px;
	height: 250px;
	margin-left: 120px;
	/*border: 1px solid red;*/
}
/*3.第二模块图片*/
.recommend-zt2 .recommend-divx2 img{
	display: inline-block;
	width: 250px;
	height: 180px;
	
}
/*4.第二模块购物车*/
.recommend-zt2 .recommend-divx2 .icon-gouwuche1{
	position: relative;
	left: 215px;
	font-size: 16px;
	top:-28px;
	font-weight: normal;
}
/*5.第二模块购物车属性悬停*/
.recommend-zt2 .recommend-divx2 .icon-gouwuche1:hover{
	color: red;
}
/*7.第二模块眼睛属性悬停*/
.recommend-zt2 .icon-yanjing:hover{
	color: royalblue;
}
/*8.第二模块收藏属性悬停*/
.recommend-zt2 .icon-shoucang:hover{
	color: yellow;
}
/*6.第二模块收藏和眼睛位置*/
.recommend-zt2 .icon-yanjing,.icon-shoucang{
	font-size: 18px;
	margin-left: 10px;
}
/*9.第二模块原价加删除线*/
.recommend-zt2 .recommend-divx2 .yuanjia{
	text-decoration: line-through;
}
/*10.第二模块价钱标志大小*/
.recommend-zt2 .recommend-divx2 .qianspan{
	font-size: 8px;
}
/*11.第二模块底部文字背景*/
.recommend-zt2 .recommend-divx2 .dibubj{
	/*background-image: linear-gradient( transparent 50%,rgb(205,205,205));*/
	background-color: rgba(242,216,195,0.3);
	height: 70px;
}