.contain{background: #edf0f2;min-height: 300px;padding-bottom:70px;}

/*面包屑*/
.bread{width:100%; height:20px;background: #edf0f2;}
.bread p{width: 1000px; margin: 0 auto; line-height: 20px;}
.w1200 .bread p{width: 1200px;}
.bread p a{font-size: 14px; color: #333; margin: 0 3px;}

/* 推荐品牌 */
.tjpp{ width: 998px;  margin:15px auto; position: relative;border:1px solid #ececec; background: #fff}
.w1200 .tjpp{width: 1196px; }
/*.tjpp em{position: absolute; left: -39px; top:0px; width:28px; padding:10px 5px; text-align: center; height: 123px; color: #fff; font-size: 16px; background: url('../images/tjpp.png')}*/



/* 幻灯片部分 */
.picScroll-left{ overflow:hidden; position:relative;  width: 100%; height: 150px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ position: absolute; left:0; top:40%; display: inline-block; width: 15px; height: 27px; background: url('../images/icon.png') -41px -47px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index: 1000 }
.picScroll-left .hd .next{background-position: -59px -47px; left: auto; right: 0  }
.picScroll-left .prev:hover,.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.picScroll-left .bd{width: 100%; height: 150px; overflow: hidden; }
.picScroll-left .bd ul{  overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ padding:15px 0; width:332px; float:left;  overflow:hidden;   }
.w1200 .picScroll-left .bd ul li{width:398px;}
.picScroll-left .bd dl{width: 100%;}
.picScroll-left .bd dt{float: left; width: 40%; height: 120px; text-align: center;}
.picScroll-left .bd dt i{display: inline-block;  height: 100%; vertical-align: middle;}
.picScroll-left .bd dt img{max-width:150px; max-height:120px; display: inline; z-index: 0; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.picScroll-left .bd dd{float: left;width: 54%; margin:0 2% 0 4%; line-height: 22px; color: #666; font-size: 14px;}
.picScroll-left .bd dd.title{ height: 44px;}
.picScroll-left .bd dd.price{margin:10px 0 10px 15px;}
.picScroll-left .bd dd.price font{color: #e11f28; }
.picScroll-left .bd dd.buy a{display: inline-block; width: 77px; height: 24px;border-radius:3px; text-align: center; line-height: 24px; color: #666; background:#f7f7f7; border:1px solid #ececec;}
.picScroll-left .bd dd.buy a:hover{height: 26px; line-height: 26px; color: #fff; background:#e11f28;}

/*内容部分*/
.content{width:1000px; margin: 0 auto;  }
.w1200 .content{width:1200px;  }
.select{width: 998px; overflow: hidden; background: #fff; margin:0 auto; border:1px solid #ececec;}
.w1200 .select{width:1198px;}
.selCon{position:relative; width:98%; overflow: hidden; margin:0 auto; line-height:30px; font-size: 14px; padding:10px 0}
.selCon s{position: absolute; right:5px; top:15px; cursor: pointer; width:21px; height:20px; background: url('../images/icon.png') -17px -37px no-repeat; }
.selCon s.on{background-position:-17px -57px}
.select span{ float: left;padding: 0 4%; }
.select font{float: left;color: #e0e0e0}
.select p{float: left; width: 85%; max-height: 90px; overflow-y: auto;}
.select p.on{height: auto}
.select p a{display: inline-block; margin:0 15px; }
.select p a.on{color:#3977a1 }
.select .sel-list .sele{display: inline-block; margin:0 15px;cursor: pointer;}
.select .sel-list .on{color:#3977a1 }

.selectX{position: relative; z-index: 90; width:998px; height: 44px; border:1px solid #ececec; background: #fff; margin:15px 0; }
.w1200 .selectX{width:1198px}
.selectX .left{float: left;}
.selectX span.left{position: relative; padding:0 25px; font-size: 14px; line-height: 44px; color: #333;float: left;}
.selectX ul{position: absolute; left:0px; top:40px; width: 130px; padding: 7px 0; overflow: hidden; z-index:20; background: #fff; border:2px solid #e8e8e8;}
.selectX span.left:hover{z-index: 1}
.selectX ul li{padding:0 21px; line-height: 30px; text-align: center;}
.selectX ul li a{font-size:14px;}
.selectX span em.on,.selectX span.on a{color: #3977a1}
.selectX a.on{color: #3977a1}
.selectX font{color: #e0e0e0; margin-top: 11px;}
.selectX .right{display:none; margin-right:12px; line-height: 44px}
.selectX .right span{margin-right: 10px;}
.selectX .right em{color: #3977a1}
.selectX .right a{display: inline-block; text-align: center; line-height: 19px; width:23px; height: 19px; border: 1px solid #ececec; color: #9c9c9c}
.selectX .right a.pre{border-right:none;}
.selectX .right a.on{color: #9c9c9c;background: #f7f7f7}
.selectX i.arrow-bottom{ position: absolute; right:10px; top:20px; width: 0px; height: 0px; border:4px solid transparent; border-top-color:#333;}
.selectX i.arrow-bottom em{content: ""; position: absolute;left:-4px; top:-5px; width: 0px; height: 0px; border:4px solid transparent;  border-top-color:#fff}
.selectX .price{float: left; width: 62px; height: 28px; line-height: 28px; border:1px solid #ececec; padding:0 5px; margin-top: 7px}
#search {float: left; width: 70px; height: 28px; line-height: 28px; font-size: 14px; text-align: center; border: 1px solid #ececec; margin: 7px 0 0 10px;}
.selectX .price input{width: 50px; height: 24px; border:0; line-height: 24px; vertical-align: middle;}
.selectX .line{float: left; width:15px; height: 4px; border:none; border-bottom:1px solid #ececec; margin:20px 10px;}
.selectX .mon{float: left; line-height: 44px; font-size: 14px; margin:0 5px 0 20px}


/* 筛选按钮组 */
.filter {float: left; margin: 12px 0 0 25px;}
.filter a {float: left; position: relative; padding-left: 18px; margin-right: 15px;}
.filter a s {position: absolute; left: 0; top: 2px; width: 12px; height: 12px; border: 1px solid #ddd; background-color: #fff;}
.filter a.on s {background: url('../images/icon.png') no-repeat -51px -77px;}

/*关键字*/
.bread p .filter-item {float: left; line-height: 16px; height: 16px; padding: 0 5px; border: 1px solid #3977a1; background: #3977a1; margin-left: 18px; margin-top: 20px; color: #fff;}
.filter-item .close {color: #fff; margin-left: 7px; font-family: "\5b8b\4f53", "Microsoft YaHei", Arial;}
.filter-item:hover{color: #fff;}

ul.list{width:1000px; border: 1px solid #ececec; margin-top: 15px;}
.w1200 ul.list{width: 1200px}
ul.list li{position: relative; float: left; width:200px; overflow: hidden; z-index: 1; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
.w1200 ul.list li{width: 228px;height: 350px; background: #fff;margin-right: 15px;margin-bottom: 15px;box-sizing: border-box;border: 1px solid #fff;}
.w1200 ul.list li:nth-child(5n){margin-right: 0;}
.w1200 ul.list li:hover{border: 1px solid #3977a1;}

ul.list li .con{padding:10px;}
.w1200 ul.list li.empty, ul.list li.empty {float: none; width: 100%; height: 500px; line-height: 400px; font-size: 14px; text-align: center;}
.w1200 ul.list li.empty:hover, ul.list li.empty:hover {box-shadow: none;}
ul.list li img{display: block; width: 100%; height: 206px;}
ul.list li p{padding-top:10px; width: 92%; margin: 0 auto; height: 40px; line-height:20px; color: #333; font-size:14px; overflow: hidden;}
ul.list li span{display: block;  width:92%; margin:20px auto 0; font-size: 15px; color: #3977a1}
ul.list li span em{float: right;display: inline-block;width: 54px;height: 20px;color: #ff7a6e; font-size: 12px;background: url("../images/quan_bg2.png") no-repeat;text-align: center;}
ul.list li i{display: none;width: 90px;height: 30px;border-radius: 2px;background-color: #3977a1;box-shadow: inset 0px 0px 5px 0px rgba(57, 119, 161, 0.35);color: #fff;text-align: center;line-height: 30px;font-style: normal;margin-top: 28px;}
ul.list li .show{display: block;animation: bottomFadeIn .3s ease-out;}
ul.list li .hide{animation: topFadeOut .3s ease-out;}

ul.list li strong{font-size: 16px;}
ul.list li a {display: block; padding-bottom: 15px;}
ul.list li em.hide{display: none;}


/*分页*/
.page{width: 100%; overflow: hidden; text-align: center; padding: 35px 0 20px;}
.page a{font-size: 14px;color: #333; }
.page a.pg{display: inline-block; width:26px; height: 26px; line-height:26px; text-align: center; }
.page a.pg1{ cursor: auto; }
.page a.on{background: #333; color: #fff}
.page a.next{margin: 0 15px;}
.nav-con .wrap .nav_ul{
    float: left;
}

.nav-con {
    width: 100%;
    height: 52px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.nav-con .wrap .nav_ul {
    float: left;
}

.nav-con .wrap .nav_ul {
    float: left;
}

.nav-con .all_cate.curr {
    background: #d8364d;
	text-align: center;
}

.nav-con .all_cate.curr a{
    color: #fff;
}

#navlist_wrap {
    position: absolute;
    top: 45px;
    padding-top: 7px;
}
.nav-con .wrap .all_cate {
    position: relative;
    margin-right: 10px;
}

.b-main .NavList {
    position: relative;
    left: 0;
    top: 0;
    width: 220px;
	height: 380px;
    z-index: 3;
    background: rgba(0, 0, 0, .85);
    padding: 20px 0;
}

.b-main .NavList ul li {
	width: 194px;
    height: 42px;
    line-height: 42px;
    padding-left: 16px;
    overflow: hidden;
    padding-right: 10px;
    font-size: 16px;
}

.nav-con .wrap .all_cate, .nav-con .nav_ul>li {
    float: left;
}

.nav-con .nav_ul>li a {
    display: block;
    padding: 0 26px;
    font-size: 16px;
    line-height: 52px;
}

.b-main .NavList ul li .name {
    float: left;
    font-size: 16px;
    margin-right: 12px;
    line-height: 42px;
}

.b-main .NavList ul li .arrow {
    float: right;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    background: url(/templates/business/164/images/l_arr.png) no-repeat center;
    background-size: cover;
}

.b-main .NavList ul li:last-child {
    border-bottom: none;
}
.b-main .NavList ul li.active {
    background: #fff;
    color: #333;
}
.b-main .NavList ul li {
    height: 42px;
    line-height: 42px;
    padding-left: 16px;
    overflow: hidden;
    padding-right: 10px;
    font-size: 16px;
}
.b-main .NavList ul li.active a.name {
    font-weight: bold;
    color: #333;
}

.sub-category ul li a{
	color: #ffffff !important;
}

.sub-category>ul>li.active>a{
	color: #333 !important;
}
.b-main .NavList ul li.active .sub-category {
    display: block;
}

.b-main .sub-category {
    display: none;
    position: absolute;
    left: 220px;
    top: 0;
    width: max-content;
	height: 100%;
    z-index: 999;
    text-align: left;
    -webkit-animation: leftFadeIn .3s ease-out;
    -moz-animation: leftFadeIn .3s ease-out;
    animation: leftFadeIn .3s ease-out;
    background: rgba(0, 0, 0, .65);
    box-sizing: border-box;
    padding: 20px 0;
}

.PicFocus{
	float: right !important;
	width: calc(1200px - 220px) !important;
}

.PicFocus img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.PicFocus .bd .slideshow-item{
	height: 100%;
}

.shop-search{
	display: flex;
	align-items: center;
	height: 100%;
}

.shop-search .searchkey{
	border: 2px solid #d8364d;
	border-radius: 10px 0 0 10px;
	border-right: 0;
	width: 240px;
	line-height: 35px;
	padding: 0 10px;
	outline: none;
	margin-left: 10px;
}

.shop-search .submit{
	padding: 0 20px;
	background-color: #d8364d;
	color: #fff;
	border: 2px solid #d8364d;
	border-radius: 0 10px 10px 0;
	line-height: 35px;
	font-size: 18px;
}

.sub-category-more{
    display: none;
    position: absolute;
	margin-left: 204px;
    top: 0;
    width: max-content;
    height: 100%;
    z-index: 999;
    text-align: left;
    -webkit-animation: leftFadeIn .3s ease-out;
    -moz-animation: leftFadeIn .3s ease-out;
    animation: leftFadeIn .3s ease-out;
    background: rgba(0, 0, 0, 1);
    box-sizing: border-box;
    padding: 20px 0;
}
/* .b-main .NavList ul li.active .sub-category ul li.active .sub-category-more {
    display: block;
} */

.b-main .NavList ul li.active .arrow{
	background: url(/templates/business/164/images/l_arr1.png) no-repeat center;
    cursor: pointer;
}
.sub-category-more ul li a{
	color: #fff !important;
}

.sub-category-more ul li.active a{
	color: #333 !important;
}