/* 轮播 */
.w-slider { 
	width:100%; 
	min-width:1200px; 
	height:350px;   /*20180720*/
	margin:0 auto; 
	overflow:hidden; 
	zoom:1; 
	position:relative; 
	z-index:20;
}
.w-slider .slider-wrap .hd { width:1200px; left:50%; margin-left:-600px; text-align:center; position:absolute; bottom:15px; z-index:21;}
.w-slider .slider-wrap .hd ul { 
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
	padding: 3px;
	border-radius:10px;
	background:rgba(255,255,255,0.4) !important; 
	filter:Alpha(opacity=40);
}
.w-slider .slider-wrap .hd li { 
	width:16px;    /* 20170920 */
	height:16px; 	/* 20170920 */
	border-radius:50%;
	float:left; 
	margin:0 4px;    /* 20170920 */
	background:#fff !important; 
	/*filter:Alpha(opacity=20);*/ 
	text-align:center; 
	color:#fff; 
	cursor:pointer; 
	text-indent:-999em; 
	font-size:0;
}
.w-slider .slider-wrap .hd li.on { 
	background:#f0394f !important; 
	filter:Alpha(opacity=100);
}
.w-slider .slider-wrap .bd li { 
	display:block; 
	width:100%; 
	height:350px;  /*20180720*/
}
.w-slider .slider-wrap .bd li a { 
	display:block; 
	width:1200px; 
	height:350px;  /*20180720*/
	margin:0 auto; 
	text-indent:-999px;
}
.w-slider .top3-wrap { 
	background: #fff !important;
	width:220px; 
	height:379px; 
	overflow:hidden; 
	position:absolute; 
	top:0; 
	left:50%; 
	margin-left:360px; 
	z-index:31;
	padding: 10px;
	border-bottom: 1px solid #e7e1e3;
}
.w-slider .top3-wrap a { display:block; font-size:0; opacity:1; -webkit-transition:opacity 0.2s ease-in; -moz-transition:opacity 0.2s ease-in; -ms-transition:opacity 0.2s ease-in; -o-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in;}
.w-slider .top3-wrap a:hover { opacity:0.9; filter:alpha(opacity=90);}
.w-slider .top3-wrap b { border-top:#ddd 1px solid; display:block; height:0; font-size:0; opacity:0.9; filter:alpha(opacity=90);}
.top3-title{
	height: 29px;
	line-height: 30px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 12px !important;
	font-weight:600 !important;
}
.top3-img-box{
	display: block;
	overflow: hidden;
}
.txt-lst{
	height: 150px !important;
}
.txt-lst,
.txt-lst li,
.txt-lst li a{
	display: block;
	overflow: hidden;
}
.txt-lst li a{
	width: 360px;
	font-size: 12px !important;
	line-height: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666 !important;
}



/*20170911 新品上线 start*/
.new-ol-title{
	height: 60px;
	width: 210px;
	margin: 0 auto;
	background: #f3f3f3;
	margin-bottom: 32px;
}
.new-ol-title-hd,
.new-ol-title-bd{
	width: 100%;
	text-align: center;
}
.new-ol-title-hd{
	font-size: 32px;
	color: #333;
	height: 40px;
	line-height: 40px;
}
.new-ol-title-bd{
	font-size: 16px;	/* 20180418 */
	letter-spacing:1px;	/* 20180418 */
	color: #999;
	height: 20px;
	line-height: 20px;
}
.new-ol-title-line{
	height: 29px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: absolute;
	z-index: -1;
	top:0;
	left: 0;
}
/* 4图轮播 */
.picScroll{ 
	width:1200px;  
	background: #fff;
}
.picScroll .bd{ 
	position:relative;
}
.picScroll .prev,
.picScroll .next{ 
	position: absolute; 
	top: 50%;
	margin-top: -20px; 
	display: block; 
	width: 40px; 
	height: 40px; 
	background-size: 40px 40px;
	z-index: 9; 
	overflow: hidden;
}
.picScroll .next{ 
	left:auto; 
	right:0px; 
	background-image: url(../svg/new-ol-right.svg);
}
.picScroll .prev{
	left:0px; 
	right:auto; 
	background-image: url(../svg/new-ol-left.svg);
}
.picScroll .prev:hover{ 
	background-image: url(../svg/new-ol-left-hover.svg);
}
.picScroll .next:hover{ 
	background-image:url(../svg/new-ol-right-hover.svg);
}
.picScroll .prevStop{ 
	background-image: url(../svg/new-ol-left.svg) !important;
}
.picScroll .nextStop{ 
	background-image:url(../svg/new-ol-right.svg) !important; 
}
.picScroll .scrollWrap {
    /*padding-left: 40px;*/
}
.picScroll ul{ 
	overflow:hidden; 
	zoom:1; 
}
.picScroll li{ 
	width:299px; /*20170920*/
	/*margin:10px 0 10px 0; */    /*20170920*/
	position:relative; 
	float:left; 
	display:inline;
	border-right:1px solid #e4e4e4;
}
.picScroll li:nth-child(4n+0){
	border-right:0;
}
.picScroll li .pic {
	position:relative;
	display:block;
	overflow:hidden;
	margin: 5px auto 6px auto;  /*20170920*/
	
	/*width: 240px;*/   /*20170920*/
}
.picScroll li .pic img {
	display:block;
	background:#ddd;
	width: 150px;
	height:150px;
	margin: 0 auto;
}
.picScroll li .picList-t{
	color: #666;
	font-size: 14px;
	display: block;
	height: 36px;
	line-height: 18px;
	overflow: hidden;
	width: 260px;   /*20170920*/
	/*white-space: nowrap;
	text-overflow: ellipsis;*/
	margin: 0 auto;
}
.picScroll li .picList-t:hover{
	color:#db3d1a;
}
.picScroll li .picList-p{
	font-size: 20px;
	/*font-weight: 700;*/
	color: #db3d1a;
	margin: 5px auto 10px auto; 
	width: 260px;   /*20170920*/
	
}
/*20170911 新品上线 end*/



/*20170911 精选分类 5图 start*/
.banner-ad{
	width: 230px;
	height: 125px;
	display: block;
	float: left;
	margin-right: 12.5px;
}
.banner-ad.end{
	margin-right: 0;
}
/*20170911 精选分类 5图 end*/




/* 最新上架 */
.sj-title-box{
	width: 100%;
	height: 30px;
	border-bottom: 2px solid #f0394f;
}
.sj-title,
.update-icon{
	float: left;
	line-height: 30px;
}
.sj-title{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-right: 10px;
}
.update-icon{
	font-size: 14px;
	color: #ff9900;
	cursor: pointer;
}
.update-icon:hover{
	color: #ff9900 !important;
}
.update-icon img,
.update-icon span{
	float: left;
}
.update-icon img{
	display: block;
	overflow:hidden ;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-right: 5px;
}
.update-icon span{
	line-height: 30px;
}
.sj-pd-box{
	margin: 15px 0 5px 0;
}
.sj-pd-box,
.sj-pd-box ul{
	width: 100%;
}
.sj-pd-box,
.sj-pd-box ul,
.sj-pd-box li,
.sj-pd-img,
.sj-pd-img img,
.sj-pd-info a{
	display: block;
	overflow: hidden;
}
.sj-pd-info a{
	cursor: pointer;
}

.sj-pd-box li{
	width: 193px;
	height: 250px;
	background: #fff !important;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}
.sj-pd-box li:nth-child(6n+6){
	margin-right: 0;
}
.li4-end{
	margin-right: 0 !important; /* 20161125 */
}

.sj-pd-img,
.sj-pd-img img{
	width: 150px;
	height: 150px;
}
.sj-pd-img{
	margin:15px 15px 5px 15px;
}
.sj-pd-img img{
	cursor: pointer;
}
.sj-pd-info{
	height: 36px;
	line-height: 18px;
	overflow: hidden;
	margin-left: 20px;
	width: 160px;
}
.sj-pd-info a{
	line-height: 18px;
	color:#666
}
.sj-pd-price{
	height: 28px;
	line-height: 28px;
	/*width: 160px;*/
	text-align: center;
	/* margin: 10px 27px 0 27px; */
}
.sj-pd-price strong{
	color: #e4393c !important;
	font-size: 18px !important;
	color: #ff9900 !important;
	text-align: center;
}
.sj-pd-price strong span{
	font-size: 14px !important;
	line-height: 14px !important;
	font-family: "Microsoft YaHei" !important;
}
.sj-pd-price-box{
	display: block;
	overflow: hidden;
	color: #fff !important;
	background: #ff9900;
	width:90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius:3px ;
	margin-left: 50px;
	margin-top: 10px;
}


/*banner*/
.banner,
.banner img{
	width: 1200px;
	height:100px ;
}
.banner{
	margin: 0 auto;
}
.banner img{
	display: block;
	overflow: hidden;
}



/* 商品楼层 */
.floor-ads,
.floor-ads img{
	display: block;
	width: 400px;
}
.floor-ads{
	float: left;
}
.floor-left,
.floor-right{
	/*overflow: hidden;*/  /*20170911*/
	float: left;
	height:497px;
}
.floor-left,
.floor-left-pic img{
	width: 176px; /*20170911*/
}

.floor-left-pic img{
	width: 176px;
	height: 308px;
}
.floor-left-pic img,
.floor-left-txt ul,
.floor-left-txt ul li,
.floor-left-txt ul li a{
	display: block;
	overflow: hidden;
}
.floor-left-pic .floor-left-pic-top{ /*20170911*/
	width: 176px;
	height: 46px;
	position: relative;
}
.floor-left-pic .floor-left-pic-top.blue{ /*20170911*/
	background: #03A4FE;
}
.floor-left-pic .floor-left-pic-top.red{ /*20170911*/
	background: #FB5D5C;
}
.floor-left-pic .floor-left-pic-top.green{ /*20170911*/
	background: #32B16A;
}
.floor-left-pic .floor-left-pic-top.babyBlue{ /*20170911*/
	background: #50D4D9;
}
.floor-left-pic .floor-left-pic-top.magenta{ /*20170911*/
	background: #F362B3;
}
.floor-left-pic .floor-left-pic-top.purple{ /*20170911*/
	background: #7863DE;
}
.floor-left-pic .floor-left-pic-top.orange{ /*20170911*/
	background: #FC9B61;
}
.floor-left-pic .floor-left-pic-top-name{  /*20170911*/
	width: 30px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top:-6px;
	left: 18px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.floor-left-pic .floor-left-pic-top-name.blue{ /*20170911*/
	background: #5CC3FF;
}
.floor-left-pic .floor-left-pic-top-name.red{ /*20170911*/
	background: #FF9F9F;
}
.floor-left-pic .floor-left-pic-top-name.green{ /*20170911*/
	background: #6ACF98;
}
.floor-left-pic .floor-left-pic-top-name.babyBlue{ /*20170911*/
	background: #8BE9E9;
}
.floor-left-pic .floor-left-pic-top-name.magenta{ /*20170911*/
	background: #FC9DD1;
}
.floor-left-pic .floor-left-pic-top-name.purple{ /*20170911*/
	background: #AA9BFC;
}
.floor-left-pic .floor-left-pic-top-name.orange{ /*20170911*/
	background: #FFC7A7;
}
.floor-left-pic .floor-left-pic-top-con{ /*20170911*/
	margin-left: 56px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	font-size: 16px;
}
.floor-left-txt{
	width: 176px;
	height:143px;  /*20170911*/
	background: #fafafa;
}
.floor-left-txt.blue{  /*20170911*/
	background: #03A4FE;
}
.floor-left-txt.red{  /*20170911*/
	background: #FB5D5C;
}
.floor-left-txt.green{  /*20170911*/
	background: #32B16A;
}
.floor-left-txt.babyBlue{  /*20170911*/
	background: #50D4D9;
}
.floor-left-txt.magenta{  /*20170911*/
	background: #F362B3;
}
.floor-left-txt.purple{  /*20170911*/
	background: #7863DE;
}
.floor-left-txt.orange{  /*20170911*/
	background: #FC9B61;
}
.floor-left-txt .floor-left-txt-link{  /*20170911*/
	width: 176px;
	height: 90px;
	overflow: hidden;
}
.floor-left-txt .floor-left-txt-link.blue{  /*20170911*/
	background: #019EF3;
}
.floor-left-txt .floor-left-txt-link.red{  /*20170911*/
	background: #FB4444;
}
.floor-left-txt .floor-left-txt-link.green{  /*20170911*/
	background: #2FA664;
}
.floor-left-txt .floor-left-txt-link.babyBlue{  /*20170911*/
	background: #3FD1D6;
}
.floor-left-txt .floor-left-txt-link.magenta{  /*20170911*/
	background: #F14EA8;
}
.floor-left-txt .floor-left-txt-link.purple{  /*20170911*/
	background: #6850DA;
}
.floor-left-txt .floor-left-txt-link.orange{  /*20170911*/
	background: #FC8843;
}
.floor-left-txt .floor-left-txt-link-top{
	width: 156px;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	display: -webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}
.floor-left-txt .floor-left-txt-link-bottom{
	margin: 0 auto;
	margin-top: 5px;
	height: 22px;
	width: 118px;
	border: 1px solid #fff;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	overflow: hidden;
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	display: -webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.floor-left-txt ul{
	padding-top: 10px;
}
.floor-left-txt ul li,
.floor-left-txt ul li a{
	width:87px;
	height: 30px;
}
.floor-left-txt ul li a{
	width: 67px;
	padding: 0 10px;
	overflow: hidden;
	line-height: 30px;
	text-align: left;
	font-size: 12px !important;
	color: #fff;  /*20170911*/
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	display: -webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
	text-align: center;
}
.floor-left-txt ul li a:hover{ /*20170911*/
	color: #fff !important;
}
.floor-left-txt ul li{
	float: left;
}

.floor-right{
	width:1024px;
	height: 497px;
	background: #fff;
}
.floor-right ul,
.floor-right ul li,
.floor-right ul li a,
.floor-right ul li img{
	display: block;
	overflow: hidden;
}
.floor-right ul li{
	width:204px;
	height:248px;
	float: left;
	border-right: 1px solid #eee;
}
.floor-right ul li.bd-1{
	border-bottom: 1px solid #eee;
}
.floor-right ul li.no-bd-r{
	border-right:0 !important;
}

.fl-pd-img,
.fl-pd-img img{
	width: 130px;
	height: 130px;
}
.fl-pd-img{
	margin: 20px 37px 16px 37px;
}
.fl-pd-info{
	height: 36px;
	line-height: 18px;
	overflow: hidden;
	width: 164px;
	margin: 0 auto;
}
.fl-pd-info a{
	height: 36px;
	line-height: 18px;
	color:#333;
	width: 164px;
	overflow: hidden;
	font-size: 12px !important;
	overflow-wrap: break-word;
	white-space: normal;
	word-break: break-all;
	
	display: -webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}

.fl-pd-price{
	overflow: hidden;
	width: 164px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: left;
	font-size: 14px !important;
	color: #db3d1a ;
}

.fl-pd-price strong span {
    font-size: 14px !important;
    line-height: 14px !important;
	font-family: "Microsoft YaHei" !important;
}

.fl-pd-price .sj-pd-price-box{
	float: left;	
	margin-left: 25px !important;
	margin-top: 0 !important;
	cursor: pointer;
}
.fl-pd-price .rs{
	float: right;
	margin-top: 6px;
} 
.rs{
	color: #999;
	font-size: 12px !important;
}
.rs span{
	color:#333;
}


/*底部广告图*/
.banner-half,
.banner-half img{
	display: block;
	overflow: hidden;
	height: 200px;
	width: 600px;
}
.banner-half{
	float: left;
	cursor: pointer;
}



/*底部*/
.bd-1{
	border-bottom: 1px solid #eaeaea;
}



/*a:hover*/
.fl-pd-info a:hover,
.sj-pd-info a:hover,
.txt-lst li a:hover{
	color:#db3d1a !important;
}



/*图片悬停效果*/
.sj-pd-box li a img,
.top3-wrap .top3-img-box img,
.sj-pd-price-box,
.banner img,
.floor-left-pic img,
.fl-pd-img a img,
.banner-half img,
.picScroll li .pic img,
.w-main .banner-ad img,
.w-main .floor-ads img
{
	opacity:1; 
	-webkit-transition:opacity 0.2s ease-in; 
	-moz-transition:opacity 0.2s ease-in; 
	-ms-transition:opacity 0.2s ease-in; 
	-o-transition:opacity 0.2s ease-in; 
	transition:opacity 0.2s ease-in;
}
.sj-pd-box li a:hover img,
.top3-wrap .top3-img-box:hover img,
.sj-pd-price-box:hover,
.banner:hover img,
.floor-left-pic img:hover,
.fl-pd-img a:hover img,
.banner-half:hover img,
.picScroll li .pic:hover img,
.w-main .banner-ad:hover img,
.w-main .floor-ads:hover img
 { 
 	opacity:0.8; 
 	filter:alpha(opacity=80);
 }