@charset "utf-8";
/* CSS Document */
/*导航*/	
body{background: #F8F8F8;}
dt + dd {margin-top:0px;}
img{width:100%;}
#nav-cate{margin-top:52px ;}
#meauBack a{font-size:14px ;height:45px;line-height:45px;color:#fff;width:auto;}

#nav-cate .category-content{ position:relative; width:100%; float: left;}
#nav-cate .category-content .long-title{background:#980000;color:#fff ;display: block;width:100%;}
#nav-cate .category-content .all-goods { display: block; width:100px;height: 45px; padding: 0; border-radius: 5px 5px 0 0;text-align: center; font-size: 14px; font-weight: 600; line-height: 45px;}
#nav-cate .category-content .all-goods em{ font: 12px/36px "Microsoft YaHei"; }
.status .list i,.category-content .down-ico,.category-content .list-cake i,.category-content .list-nacake i,.category-content .list-tz i,.category-content .list-ny i,.category-content .list-xb i,.category-content .list-xl i{ background: url(../Img/index_ico_png32.png) no-repeat;}
.category-content .category{ z-index:113; width:30%;height:100%;border-right: 1px solid #dadad9; border-top: none; background: #fefefe; box-shadow:2px 2px 2px #dedede;}
.category-content .down-ico{ position: absolute; top: 48px; left: 75px; width: 10px; height: 6px; background-position: 0 -131px; z-index: 11111; }
.category-content .category-list li {  height:42px; margin-top: -2px;z-index:113;border:2px solid transparent ;}
.category-content .category-list li.first{ margin-top: 0; }
.category-content .category-list li.last .c-category-list{ border-bottom: none; }

.category-content .category-name{ overflow:hidden; position: relative;}
.category-content .category-list .bd-b{ height: 1px;  margin: -1px 10px 0 10px;  background: #eee; line-height: 1; font-size: 0; }

.category-content .b-category-name {    padding: 4px 15px 0px 30px;
    line-height: 32px;
    position: relative;}
.category-content .b-category-name b{ margin-left: 4px; font:400 12px/28px "宋体"; }
.category-content .b-category-name a{ color: #4c4c4c; }
.category-content .c-category-list a{ margin-right:8px; color:#626262; }
.category-content .b-category-name .fr{ background-position:0 -629px; width:22px; height:22px; margin:10px 16px 0 0; }
.category-content .s-category-name{ height:22px;}
.category-content .s-category-name a{ margin:0 16px 0 0; font:12px/22px "宋体";}
.category-content .category-info{ position:relative;height:100%;  border-top: solid 1px #f1f1f1; }
.category-content .category-info em{ position:absolute; top:11px; right:5px; width: 13px; height: 13px; font: 12px/18px "宋体"; color: #9b9b9b;}
.category-content .category .selected{ box-shadow:0px 2px 3px #ccc; margin-left: -1px; padding-left: 1px;z-index:999; border-top: solid 1px #f1f1f1;} 
.category-content .selected .category-info{ border:none; text-decoration:none; background: #fff;  }
.category-content .menu-item { position: absolute;right:0px; z-index: 11;padding:0 0 0 2px;background: #fff; border:none; border-top: 1px solid #bbb\9;}
.category-content .menu-item .area-in{ position: relative;  z-index: 1;  }
.category-content .menu-item .area-bg{ padding: 10px 0px;}
.shadow-bg{ display: none; position: relative; width: 100%; height: 0; } 
.shadow-b,.shadow-bg i{background: url(themes/mall/default/styles/default/images/index_ico.png) no-repeat; }
.shadow-r,.shadow-l{ background: url(themes/mall/default/styles/default/images/shadow.png) no-repeat; }
.shadow-bg i,.shadow-b{ position: absolute; width: 100%; height: 0; height: 2px\9; background-position: 0 -188px; background-repeat: repeat-x;  }
.shadow-bg i,.shadow-b{ _height:0; }
.shadow-l{  position: absolute; left: 0; _left:-42px; top: 0; width: 0; width: 2px\9;  height: 100%; background-position: right 0;  background-repeat: repeat-y;  }
.shadow-r{  position: absolute; right: 0; top: 0; width: 0; width: 2px\9;  height: 100%;  background-repeat: repeat-y;  }
.category-content .menu-in{ display: none; }
.category-content li.selected .menu-in{ display:block; }

.category-content .menu-srot{width: 100%; overflow:hidden;}
.menu-srot .sort-side{ overflow:hidden }
.sort-side .dl-sort{ float:left; width:50%; padding: 0px 0px 5px 0px;}
.sort-side .dl-sort a span{ line-height: 20px;}
.sort-side .dl-sort.childin{ width: 100%;
    border-bottom: 1px #e4e4e4 dashed;
}
.sort-side .dl-sort.childin a{ color: #980000;}
.sort-side dt { margin-top: 5px; font-size: 14px; font-weight: bold; color: #db3e54; text-align: left;padding-left:10px ;}
.sort-side dd { float:left; padding:6px; width: 100%; }
.sort-side dd a{     float: left;
    width: 100%;
    /* letter-spacing: 0.5px; */
    line-height: 14px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 5px;
    border: 1px solid #e6e6e6;
    text-align: left;}
.sort-side dd a img{ width: 20px; height: 20px;}
.sort-side dd a span.red{ color:#DB3E54; }

.sort-side img{    height: 25px; width: 25px; border-radius: 50%; margin-right: 5px; vertical-align: bottom;}

.brand-side {position: relative;margin-top:20px; border-top: 1px solid #eae9e9;padding-top:5px ;}
.brand-side .dl-sort{overflow: hidden;}
.brand-side dt { position: absolute; top: -22px;font-size: 14px; font-weight: bold;}

.category-content .menu-item{ left:31%;background: #f8f8f8; }
.category-content .menu-item.top{top: 45px;padding-right:5px ;}
.category-content .menu-item.bottom{bottom: -2px;*bottom: -6px;bottom: -7px;}
.am-dimmer {background:#fff ;}

.category-content .category-name i{position: absolute; left: 0px}
.category-content .category-name i img{width: 25px; height: 25px; border-radius:25px;}

@media only screen and (min-width: 640px) {
	.navfull {
     width: 100%!important;
}
#nav-cate{margin-top:0px ; padding-bottom: 0px;}
.sort-side .dl-sort {float: left;width:50%;font-size:16px ;}
.category-content .category {width: 180px;}
.category-content .category-info {width:176px;overflow: hidden;}
.category-content .category-list li {text-align: center;}


.category-content .b-category-name {font-size:16px ;}
.category-content .menu-item {left: 183px;}
.category-content .category-info em {position: absolute;top:50%;margin-top: -7px;}
.sort-side dd a {line-height: 20px;padding:10px;width:90px;text-align: left;}
}
@media only screen and (min-width: 1025px){
	.long-title {
	    background: #d2364c;
	    color: #fff;
	    height: 45px;
	    line-height: 45px;
	    display: block;
	    width: 150px;
	    text-align: center;
	    font-size: 16px;
	    z-index: 6;
	}
}
@media only screen and (min-width: 1260px){
	.long-title {
	    width: 180px;
	}
}