.floor-five {
	width:1200px;
    margin-top: 50px;
	box-sizing:border-box;
}
.floor-five .swiper-container {
	width:1200px;
	height:400px;
	margin-bottom:0;
	position:relative;
}
.floor-five .swiper-container .swiper-wrapper,.floor-five .swiper-container .swiper-slide {
	width:100%;
	height:100%;
}
.floor-five .swiper-container .swiper-wrapper {
	background:#f0f3ef;
	position: relative;
}
.floor-five .swiper-container .swiper-slide > a {
	display:block;
	width:100%;
	height:100%;
	overflow: hidden;
}
.floor-five .swiper-container .swiper-slide > a > img {
	width:100%;
	height:100%;
	transition: all 1s; 
}
.floor-five .swiper-container .swiper-slide > a > img:hover {
	transform:scale(1.05);	
} 
.floor-five .swiper-container .classify-wrapper {
	position:absolute;
	width:245px;
	height:300px;
	background:#fff;
	top:50px;
	left:50px;
	z-index:5;
}
.floor-five .swiper-container .carousel-indicators-wrapper {
	position:absolute;
	bottom:0;
	right:50px;
    z-index: 5;
    left: unset;
    width: auto;
}
.swiper-container .carousel-indicators-wrapper ul {
	position: relative;
}
.swiper-container .carousel-indicators-wrapper ul li {
	width:120px;
	font-size: 12px;
	height:30px;
	line-height:30px;
	background:rgba(0,0,0,.6);
	color:#fff;
	float:left;
	text-align:center;
	cursor:pointer;
	transition:.3s;
	padding:0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
}
.swiper-container .carousel-indicators-wrapper ul li.current,.swiper-container .carousel-indicators-wrapper ul li:hover{
	background: #fff;
	color: #333;
}
.swiper-container .classify-wrapper .title {
	margin-top:30px;
	text-align:center;
}
.classify-wrapper .title h3 {
	color:#333;
	font-size:40px;
	line-height:48px;
	font-weight:normal;
	position:relative;
}
.classify-wrapper .title h3 a:hover {
	color:#333;
}
.classify-wrapper .title .short_title {
	color:#333;
	font-size:12px;
	line-height:18px;
	letter-spacing:3px;
	position: relative;
}
.classify-wrapper ul {
	margin: 31px 15px 0 20px;
	position:relative;
}
.classify-wrapper ul li {
	width:calc((100% - 5px) / 2);
	height:25px;
	line-height:25px;
	background:#f0f3ef;
	color:#333;
	font-size:12px;
	text-align:center;
	color:#333;
	float:left;
	margin:0 5px 5px 0;
	cursor:pointer;
	transition:.3s;
	padding:0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
}
.classify-wrapper ul li:nth-child(2n+2) {
	margin-right:0
}
.classify-wrapper ul li:hover a {
	color:#fff
}
.floor-five .goods-container {
	position: relative;
}
.floor-five .goods-container .list{
	padding: 0; 
}
.floor-five .goods-container .list .goods-item {
	width: calc((100% - 60px) / 4);
	margin: 20px 20px 0 0; 
	float: left;
}
.floor-five .goods-container .list .goods-item:nth-child(4n+4){
	margin-right: 0;
}
.goods-container .goods-item .goods-img {
	display: block;
	width: 100%;
	padding: 50% 0;
	position: relative;
	background: #f0f3ef;
	overflow: hidden;
}
.goods-container .goods-item .goods-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s;
}
.goods-container .goods-item .goods-img img:hover {
	transform:scale(1.1);	
}
.goods-container .goods-item .goods-name {
	font-size: 14px;
    color: #666;
    margin: 18px auto 5px auto;
   	height: 25px;
   	line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.goods-container .goods-item .goods-price{
	font-size: 12px;
   	height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
}

.goods-container .goods-item .goods-price.skeleton{
	width: 50%;
}

.goods-container .goods-item .skeleton {
	background-color: #f0f3ef;
}