/*=======首页头部========*/
.header{ background:#fff; z-index:100;}
.header-l{width: 13%;height: 50px;float: left;}
.header-l a {display: block; width: 30px; height: 50px;background: url(../images/top.png) no-repeat;background-size: auto 230px;
 background-position: 5px 14px; margin-left: 5px;}
.header-middle {width:70%; height:50px; margin: auto;padding-top:8px;}
.search-box{ width:100%; margin:auto; height:34px; background:#F0F2F5;border-radius: 17px; position:relative}
.search-box .text{ display:block; width:100%;-webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; height:34px; background:none; border:0; font-size:14px; line-height:36px; color:#666; text-indent:10px;}
.search-box i.submit{ display:block; width:34px; height:34px; position:absolute; left: auto; top:0px; background:url(../images/category_search.png) no-repeat center center;background-size: auto 18px; border:0}


/*分类页面css*/
.container{ width:100%;padding:0; overflow:hidden; margin:auto;}
.category-box{ height:100%; width:100%; overflow:hidden; background:#f8f8f8;}


/*分类页面左侧*/
.category-left{ height:100%; float:left; width:25%; background:#fff;}
.category-left ul{width:100%; overflow:hidden; padding-top:50px;}
.category-left li{ width:100%;height:46px;line-height:46px;background-color:#fff;font-size:13px; text-align:center; color:#232326;position:relative;}
.category-left li:before { content: '';height: 92px;width: 1px;position: absolute;left: auto;top: 0px;right: 0px;bottom: auto;
    background-color: #e5e5e5;border: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px;transform: scale(0.5);f-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);
    transform-origin: top left;-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;}
.category-left li:after {content: '';height: 1px;width: 200%;position: absolute;left: 0px;top: auto;right: auto;bottom: 0px;
    background-color: #e5e5e5;border: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px;transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);    transform-origin: top left; -webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;
    -o-transform-origin: top left;}
.category-left li.cur{background:#f8f8f8;}
.category-left li.cur:before{ background-color:#f8f8f8;}
.category-left li span{display: block;width: 100%;height: 46px;line-height: 46px;text-decoration: none;font-size: 13px;color: #232326;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.category-left li.cur span{ color:#f23030;}


/*分类页面右侧*/
.category-right{ float:left; width:75%; height:100%; background-color:#f8f8f8; }
.category-right>dl{ width:94%; margin:auto;overflow:hidden; padding-top:50px;} 
.category-right dl span{ display:block; width:100%; height:auto; overflow:hidden; position:relative; margin-top:10px;}
.category-right dl span img{ display:block; width:100%; height:auto}
.category-right dl span em{  width:10px; height:100%;   display:block;font-size:12px; position:absolute; right:0px; bottom:0px;
 padding:0px 10px 0px 10px;background-color:rgba(27,27,27,0.5); color:#FFF; vertical-align:center; font-style:normal; line-height:150%; font-family:'宋体';-webkit-box-align:center;display:-webkit-box;} 
.category-right dt{ width:100%; height:20px;margin-top:9px; margin-bottom:9px;}
.category-right dt a{ display:block; height:20px;font-size:13px; line-height:20px;color:#232326; padding-left:5px; font-weight:600; text-align:center;}
.category-right dt a.brand{ background:none;}
.category-right dd{ display:block;overflow:hidden; background:#fff;padding: 7px 10px 5px 10px;}
.catalog-box{ width:100%; overflow:hidden;}
.catalog-info{width: 32.8%;float: left;text-align: center; margin:0; padding:0;}
.catalog-info a span{ display:block; width:100%; height:80px; overflow:hidden;}
.catalog-info a img{width:55px;height:55px;border: 0;}
.catalog-info a em{ display: block;height:17px;color: #686868;width: 100%;overflow: hidden;text-overflow: ellipsis;
position: relative;line-height: 17px; margin-top:5px; font-size:12px;}


/*分类页面右侧-品牌*/
.padding-0{ padding:0px !important;}
.category-right .bg-none{background: transparent;padding:0px 0px 5px 0px;}
.catalog-name{width:33.3%;float:left; overflow:hidden;text-align:left;margin-bottom:5px; }
.catalog-name a{display: block;width: 90%;height: 35px;line-height: 35px;border: 1px solid #e5e5e5;text-align: center;font-size: 14px;color: #999;background: #FFF;margin: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.catalog-table{ width:100%;position:relative; overflow:hidden;border: 1px solid #eee;box-sizing: border-box;}
.catalog-table:before {content: '';position: absolute;width:33.33%;left:33.33%;height: 100%;border-left: 1px solid #f6f6f9;border-right: 1px solid #f6f6f9;}
.catalog-table li{display: inline-block;width:33.33%;height: 35px;line-height: 35px;font-size:14px;text-align: center; border-bottom: 1px solid #f6f6f9;margin-bottom: -1px;float: left;position: relative;z-index: 10;}
.catalog-table li a {display: block;height: 100%;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:12px}