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

/*面包屑*/
.bread{width:100%; height:54px;background: #edf0f2;}
.bread p{width: 1000px; margin: 0 auto; line-height: 54px;}
.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:#ff2832 }

.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:-2px; 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: #ff2832}
.selectX a.on{color: #ff2832}
.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: #ff2832}
.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: 14px; border:none; border-bottom:1px solid #ececec; margin:7px 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 #ff2832; background: #ff2832; 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: 335px; 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 #ff546e;}

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: #ff2832}
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: rgb(255, 59, 88);box-shadow: inset 0px 0px 5px 0px rgba(244, 0, 63, 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;}