#guolu .banner-wrapper{
	width: 100%;
	height: 398px;
	background: #0f2040;
}

#guolu .type-box{
	width: 230px;
	height: 100%;
	background: #323232;
	position: relative;
	z-index: 5;
}
#guolu .type-box .type-item{
	padding: 26px 0 21px 16px;
	position: relative;
	background: #323232;
}
#guolu .type-box .type-item:last-child{
	padding-bottom: 23px;
}
#guolu .type-box .type-item .type-item-title{
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	padding-left: 32px;
	background: url(../../images/menu/mall/type_01.png) no-repeat left center;
}
#guolu .type-box .type-item .type-item-title.type-item-title-02{
	background-image:url(../../images/menu/mall/type_02.png) ;
}
#guolu .type-box .type-item .type-item-title.type-item-title-03{
	background-image:url(../../images/menu/mall/type_03.png) ;
}
#guolu .type-box .type-item .type-item-title.type-item-title-04{
	background-image:url(../../images/menu/mall/type_04.png) ;
}
#guolu .type-box .type-item .type-item-list{
	padding-left: 32px;
	line-height: 28px;
	width: 100%;
	height: 28px;
	
}
#guolu .type-box .type-item .type-item-list a{
	float: left;
	font-size: 14px;
	color: #fff;
	margin-right: 12px;
}
#guolu .container{
	position: relative;
	z-index: 2;
}
#guolu .type-box .type-item .type-layer-box{
	width: 363px;
	padding:15px 20px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left:230px;
	background: #f8f8f8;
	line-height: 48px;
	font-size: 14px;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%) ;
	-o-transform:translateX(-50%) ;
	-ms-transform:translateX(-50%) ;
	-moz-transform:translateX(-50%) ;
	transition: all .5s cubic-bezier(0,.99,0,.98) .1s;
	-webkit-transition: all .5s cubic-bezier(0,.99,0,.98) .1s;
	-o-transition: all .5s cubic-bezier(0,.99,0,.98) .1s;
	-ms-transition: all .5s cubic-bezier(0,.99,0,.98) .1s;
	-moz-transition: all .5s cubic-bezier(0,.99,0,.98) .1s;
	z-index: -1;
}
#guolu .type-box .type-item:not(:last-child) .type-layer-box{
	top:0;
}
#guolu .type-box .type-item:last-child .type-layer-box{
	bottom:0;
}
#guolu .type-box .type-item .type-layer-box a{
	float: left;
	color: #555555;
	margin-right: 10px;
}
#guolu .type-box .type-item:hover{
	background: #4c4f52;
}
#guolu .type-box .type-item:hover .type-layer-box{
	transform: translateX(0);
	-webkit-transform:translateX(0) ;
	-o-transform:translateX(0) ;
	-ms-transform:translateX(0) ;
	-moz-transform:translateX(0) ;
	opacity:1;
	visibility:visible;
}
/*banner*/
#guolu .banner{
	width: 960px;
	height: 100%;
	position: relative;
	z-index: 2;
}
/*标题*/
#guolu .g-title-box{
	color: #262626;
	font-size: 24px;
	font-weight: bold;
	padding:25px 0 25px 50px;
	background: url(../../images/menu/mall/g-title.png) no-repeat left center;
}
#guolu .g-title p:last-child{
	color: #989898;
	font-size: 14px;
	font-weight: normal;
}
#guolu .g-title-box a{
	line-height: 50px;
	color: #7a7a7a;
	font-size: 14px;
	font-weight: normal;
}
#guolu .g-title-box a:hover{
	color: #FF0C00;
}
/*优选大牌*/
#guolu .brand-box ul{
	border: 2px solid #707070;
	overflow: hidden;
	background: #fff;
}
#guolu .brand-box ul li{
	float: left;
	width: 20%;
	height: 118px;
	line-height: 118px;
	border:1px solid #f1f1f1;
	border-left-color: transparent;
	border-top-color: transparent;
	background: #fff;
	transition: all .6s;
}
#guolu .brand-box ul li a{
	display: block;
	text-align: center;
}
#guolu .brand-box ul li a img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#guolu .brand-box ul li:hover{
    transform:scale(1.03);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
/*地区精选*/
#guolu .merchant-box{
	margin-top: 18px;
}
#guolu .merchant-box .g-title-box dl{
	margin-right: 10px;
	max-width: 700px;
	overflow: hidden;
}
#guolu .merchant-box .g-title-box dl dt,#guolu .merchant-box .g-title-box dl dd{
	float: left;
	line-height: 50px;
	color: #7a7a7a;
	font-size: 14px;
	font-weight: normal;
}
#guolu .merchant-box .g-title-box dl dd{
	margin-right: 10px;
}
#guolu .merchant-box .m-content{
	height: 468px;
}
#guolu .merchant-box .m-content .m-menu{
	width: 285px;
	padding-top: 338px;
	background: url(../../images/pic/mall/merchant.jpg) no-repeat center top;
}
#guolu .merchant-box .m-content .menu-box{
	width: 100%;
	height: 130px;
	padding: 15px 10px;
	overflow: hidden;
	border: 3px solid #dfdfdf;
}
#guolu .merchant-box .m-content .menu-box a{
	float: left;
	color: #2a2a2a;
	font-size: 14px;
	line-height: 30px;
	margin:0 10px;
}
#guolu .merchant-box .m-content .menu-box a:hover{
	color: #ff0c00;
}
#guolu .merchant-box .m-product{
	background: #fff;
}
#guolu .merchant-box .m-strength .s-list-t{
	width: 648px;
	height: 306px;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
}
#guolu .merchant-box .m-strength .s-list-t li{
	float: left;
	width: 216px;
	text-align: center;
	padding: 25px 25px 0 25px;
}
#guolu .merchant-box .m-strength .s-list-t li .p-img{
	margin:0 auto;
	width: 170px;
	height: 166px;
	line-height: 166px;
	overflow:hidden ;
}
#guolu .merchant-box .m-strength .s-list-t li .p-img img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
#guolu .merchant-box .m-strength .s-list-t li:hover .p-img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#guolu .merchant-box .m-strength .s-list-t li .p-title{
	height: 30px;
	line-height: 30px;
    font-size: 18px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#guolu .merchant-box .m-strength .s-list-t li .p-title a{
	color:#2a2a2a;
}
#guolu .merchant-box .m-strength .s-list-t li:hover .p-title a{
	color:#FF0C00;
}
#guolu .merchant-box .m-strength .s-list-t li .p-price{
	color: #e11222;
	font-size: 16px;
	line-height: 30px;
}

#guolu .merchant-box .m-strength .s-list-t li .p-price em{
	font-size: 20px;
}
#guolu .merchant-box .m-strength .s-list-t li .p-brand{
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}
#guolu .merchant-box .m-strength .s-list-t li .p-brand span{
	display:inline-block ;
	vertical-align: top;
	padding:1px 6px;
	border: 1px solid #707070;
}
#guolu .merchant-box .m-strength .s-list-t li .brand-name{
	background: #707070;
	color: #fff;
}
#guolu .merchant-box .m-strength .s-list-t li .type-name{
	color: #707070;
}
#guolu .merchant-box .m-strength .s-list-b{
	width: 648px;
	height: 162px;
	overflow: hidden;
}
#guolu .merchant-box .m-strength .s-list-b li{
	float: left;
	width: 216px;
	text-align: center;
	padding: 15px 25px 0 25px;
}
#guolu .merchant-box .m-strength .s-list-b li .p-img{
	margin:0 auto;
	width: 98px;
	height: 98px;
	line-height: 98px;
	overflow:hidden;
}
#guolu .merchant-box .m-strength .s-list-b li .p-img img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
#guolu .merchant-box .m-strength .s-list-b li:hover .p-img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#guolu .merchant-box .m-strength .s-list-b li .p-title{
	height: 30px;
	line-height: 30px;
    font-size: 14px;
    margin-top:10px;
    color: #2a2a2a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#guolu .merchant-box .m-strength .s-list-b li:hover .p-title{ 
	color: #FF0C00;
}
/*热卖榜单*/
#guolu .merchant-box .m-hot{
	width: 245px;
	height: 468px;
	padding: 0 10px;
	border-left: 1px solid #f1f1f1;
}
#guolu .merchant-box .m-hot h1{
	height: 40px;
	line-height: 40px;
	color: #2a2a2a;
	font-size: 18px;
	font-weight: normal;
	position: relative;
}
#guolu .merchant-box .m-hot h1 .swiper-pagination{
	position: absolute;
	right:0;
	top:0;
} 
#guolu .merchant-box .m-hot .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin-right: 6px;
}
#guolu .merchant-box .m-hot .hot-banner{
	width: 100%;
	height: 468px;
	overflow: hidden;
}
#guolu .merchant-box .m-hot .swiper-pagination-bullet-active{
	background: #ff0c00;
}
#guolu .merchant-box .m-hot .hot-banner li{
	padding: 8px 10px 8px 24px;
	border-top: 1px solid #f1f1f1;
	position: relative;
}
#guolu .merchant-box .m-hot .hot-banner li .img-box{
	width: 81px;
	height: 87px;
	overflow: hidden;
}
#guolu .merchant-box .m-hot .hot-banner li .img-box img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
#guolu .merchant-box .m-hot .hot-banner li:hover .img-box img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#guolu .merchant-box .m-hot .hot-banner li .img-intro{
	width: 105px;
}
#guolu .merchant-box .m-hot .hot-banner li .img-intro p{
	line-height: 30px;
}
#guolu .merchant-box .m-hot .hot-banner li .img-intro .name{
	color: #333333;
	width: 100%;
	height: 30px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#guolu .merchant-box .m-hot .hot-banner li:hover .img-intro .name{
	color: #FF0C00;
}
#guolu .merchant-box .m-hot .hot-banner li .img-intro .price{
	font-size: 18px;
	color: #e11222;
}
#guolu .merchant-box .m-hot .hot-banner li .img-intro .sell-num{
	font-size: 14px;
	color: #989898;
}
#guolu .merchant-box .m-hot .hot-banner .first li:nth-child(1):before,#guolu .merchant-box .m-hot .hot-banner .first li:nth-child(2):before,#guolu .merchant-box .m-hot .hot-banner .first li:nth-child(3):before{
	content: "";
	width: 14px;
	height: 20px;
	background: url(../../images/menu/mall/prize.png) no-repeat 0 0;
	position: absolute;
	top:18px;
	left:2px;
}
#guolu .merchant-box .m-hot .hot-banner .first li:nth-child(2):before{
	background-position:0 -20px ;
}
#guolu .merchant-box .m-hot .hot-banner .first li:nth-child(3):before{
	background-position:0 -44px ;
}
/*热门产品*/
#guolu .commodity-box{
	margin-top: 10px;
	padding-bottom: 60px;
}
#guolu .commodity-box li{
	float: left;
	width: 284px;
	height: 380px;
	background: #fff;
	border: 1px solid #bfbfbf;
	margin:0 18px 18px 0;
}
#guolu .commodity-box li:nth-child(4n+4){
	margin-right: 0;
}
#guolu .commodity-box li .img-box{
	width: 100%;
	height: 220px;
	line-height: 220px;
	text-align: center;
	overflow: hidden;
}
#guolu .commodity-box li .img-box img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
#guolu .commodity-box li:hover .img-box img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
#guolu .commodity-box li .img-intro{
	padding:8px 10px 0 10px;
	border-bottom: 1px solid #bfbfbf;
}
#guolu .commodity-box li .img-intro p{
	margin-bottom: 8px;
}
#guolu .commodity-box li .img-intro .price{
	color: #e11222;
	font-size: 18px;
}
#guolu .commodity-box li .img-intro .price span{
	color: #989898;
	font-size: 12px;
}
#guolu .commodity-box li .img-intro .title{
	font-size: 12px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#guolu .commodity-box li .img-intro .title a{
	color: #555555;
}
#guolu .commodity-box li:hover .img-intro .title a{
	color: #e01222;	
}
#guolu .commodity-box li .img-intro .company{
	width: 55%;
	font-size: 12px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#guolu .commodity-box li .img-intro .company a{
	color: #989898;
}
#guolu .commodity-box li .img-intro .htl-box{
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 16px;
	background: #bfbfbf;
	position: relative;
}
#guolu .commodity-box li .img-intro .htl-p{
	position: absolute;
	top:0;
	left:0;
	width: 15px;
	height: 16px;
	background: #e11222;
	z-index: 8;
}
#guolu .commodity-box li .img-intro .htl-box img{
	position: relative;
	z-index: 9;
}
#guolu .commodity-box li .img-intro .htl{
	color: #555;
	font-size: 12px;
}
#guolu .commodity-box li .img-intro .tip-box i{
	display: inline-block;
	vertical-align: top;
	width: 21px;
	height: 21px;
	margin-left: 5px;
	background: url(../../images/icon/mall/level.png) no-repeat 0 0;
}
#guolu .commodity-box li .img-intro .tip-box i.num{
	background-position: 0 0;
}
#guolu .commodity-box li .img-intro .tip-box i.num{
	background-position: 0 0;
}
#guolu .commodity-box li .img-intro .tip-box i.level-01{
	background-position: 0 -25px;
}
#guolu .commodity-box li .img-intro .tip-box i.level-02{
	background-position: 0 -50px;
}
#guolu .commodity-box li .img-intro .tip-box i.level-03{
	background-position: 0 -75px;
}
#guolu .commodity-box li .img-intro .tip-box i.level-04{
	background-position: 0 -100px;
}
#guolu .commodity-box li .img-intro .tip-box i.level-05{
	background-position: 0 -125px;
}
#guolu .commodity-box li:hover{
	border-color: #E01222;
}
#guolu .commodity-box li:hover .img-intro{
	border-color: #E01222;
}
#guolu .commodity-box li .extra-box{
	line-height: 39px;
	padding: 0 10px;
}
#guolu .commodity-box li .extra-box .e-bz{
	display: inline-block;
	vertical-align: top;
}
#guolu .commodity-box li .extra-box .e-bz i{
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin: 11px 3px 0 0;
	background: url(../../images/icon/mall/bz.png) no-repeat 0 0;
}
#guolu .commodity-box li .extra-box .e-bz i.dk{
	background-position: 0 0;
}
#guolu .commodity-box li .extra-box .e-bz i.cj{
	background-position: 0 -25px;
}
#guolu .commodity-box li .extra-box .e-bz i.zp{
	background-position: 0 -49px;
}
#guolu .commodity-box li .extra-box .e-bz i.sh{
	background-position: 0 -73px;
}
#guolu .commodity-box li .extra-box .contact-btn{
	padding-left:25px;
}
#guolu .commodity-box li .extra-box .contact-btn.online{
	background: url(../../images/icon/mall/chat-online.png) no-repeat left center;
}
#guolu .commodity-box li .extra-box .contact-btn.offline{
	background: url(../../images/icon/mall/chat-offline.png) no-repeat left center;
}
/*侧边栏*/
.side-box{
	position: fixed;
	right:50%;
	top:240px;
	padding-right:646px;
	z-index:1;
}
.side-box a{
	display: block;
	width: 81px;
	height: 81px;
	font-size: 18px;
	border-radius: 50%;
	padding: 15px;
	text-align: center;
}
.side-box a.suggest-btn{
	color: #333333;
	background: #fff;
	border: 2px solid #333;
	margin-bottom: 28px;
}
.side-box a.join-btn{
	color: #fff;
	background: #ff0c00;
}
@media only screen and (max-width:1480px) {
	.side-box{
		display: none;
	}
}