/**
* author: dss
* data: 2015-12-2
**/
.sub-nav ul {justify-content: normal;}
/* public tit */
i{font-style: normal;}
.db{display: block;text-indent:-999em;}
/*品牌首页-头部*/
h1{font-size: 20px; line-height: 24px; padding: 22px 0 18px; font-weight: normal;}
.head-pic { display: none; } /*先影藏，判断无广告再显示*/
.head-pic img{vertical-align: top;}
.head-info{width: 1178px; height: 29px; line-height: 29px; color: #6b6b6b; padding: 0 10px; font-size: 12px; text-align: right; border: 1px solid #e8e8e8;}
.head-info span{color: #000;}
/*品牌首页-left*/
.brand-main{margin-top: 50px; }
.brand-left{width: 240px; float: left; border-bottom: 1px solid #eae5df;}
/* 双层嵌套 */
.brand-left dl{ border-left: 1px solid #eae5df; border-right: 1px solid #eae5df;}
.brand-left dl dt{width: 238px; height: 38px; border-bottom: 1px solid #eae5df; border-top: 1px solid #eae5df; font-size: 20px; line-height: 38px; background-color: #f7f6f2; text-indent: 35px; color:#733b1a; margin-bottom: 10px;}
.brand-left dl {padding-bottom: 10px;}
.brand-left dl.double dd{ overflow: hidden;}
.brand-left dl.double dd ul li{font-size: 14px; line-height:32px; text-indent: 35px; }
.brand-left dl.double dd ul li:first-child{ text-indent: 0;}
.brand-left dl.double dd ul li a{color: #494949;}
.brand-left dl.double dd ul li.hover a{color: #733b1a;}
.brand-left dl.double dd ul li:hover a{color: #733b1a;}
.brand-left dl.double dd ul li i{ display: inline-block; color:#cbcbcb; text-transform: uppercase; width: 23px; padding-left: 12px;}
/* 单层嵌套 */
.brand-left dl.single dd{ font-size: 14px; line-height:32px; text-indent: 36px; }
.brand-left dl.single dd a{color: #494949;}
.brand-left dl.single dd:hover a{color: #733b1a;}
.brand-left .ad { overflow: hidden; margin-bottom: 10px; }
.brand-left .ad img{ width: 200px; height: 300px; }
/*品牌首页-right*/
.brand-right{ width: 910px; float: right; }
.tit-bg{width: 100%; height: 40px;  background:#fff url(http://static.xbiao.com/images/pc/information/tit-bg.png) repeat-x  center center; margin-bottom: 30px;}
.tit-bg h3 { display: inline-block; float: left;}
.tit-bg span { position: relative; display: inline-block; float: left; padding-left: 30px; padding-right: 30px; font-size: 36px; color:#161616; font-weight:100; height:40px; line-height:40px; background-color:#fff;}
.tit-bg span::before{ content: ""; position: absolute; width: 1px; height: 45px; background: #858585; transform: rotate(30deg); left:15px;top:-3px;}
.tit-top{width: 156px; height: 40px; background: url(http://static.xbiao.com/images/pc/2022/brandtitle.png) no-repeat 0 0 #fff;background-size: 156px 290px; }
.tit-luxury{width: 156px; height: 40px; background: url(http://static.xbiao.com/images/pc/2022/brandtitle.png) no-repeat 0 -50px #fff;background-size: 156px 290px; }
.tit-expensive{width: 156px; height: 40px; background: url(http://static.xbiao.com/images/pc/2022/brandtitle.png) no-repeat 0 -100px #fff;background-size: 156px 290px; }
.tit-affordable{width: 156px; height: 40px; background: url(http://static.xbiao.com/images/pc/2022/brandtitle.png) no-repeat 0 -150px #fff;background-size: 156px 290px; }
.tit-fashion{width: 156px; height: 40px; background: url(http://static.xbiao.com/images/pc/2022/brandtitle.png) no-repeat 0 -200px #fff;background-size: 156px 290px; }
.tit-independent{width: 156px; height: 40px; background: url(http://static.xbiao.com/images/pc/2022/brandtitle.png) no-repeat 0 -250px #fff;background-size: 156px 290px; }
.brand { width: 100%; overflow: hidden;}
.brand ul{ width: 110%; margin-bottom: 30px;}
.brand ul li{width: 163px; height: 198px; padding-top: 10px; text-align: center; border: 1px solid #fff;  float: left; margin-right: 21px; position: relative; margin-bottom: 10px;}
.brand ul li em{ width: 163px; height: 70px; padding-top: 18px; border-top: 1px solid #fff;  font-size: 16px; line-height: 26px; display: block; margin-top: 15px;  }
.brand ul li em a{display:inline-block; color: #000;}
.brand ul li span{ display: none; width: 55px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; border: 1px solid #fff;position: absolute; bottom: -1px; }
.brand ul li span a { color: #854c1a;}
.brand ul li span.pd{ left:-1px; }
.brand ul li span.bj{ left: 54px}
.brand ul li span.lt{ left: 108px; width: 54px}
.brand ul li.active{border: 1px solid #dac6b3;}
.brand ul li.active em{ width: 163px; height: 89px; background-color: #fafafa; border-top: 1px solid #ebe0d5;}
.brand ul li.active span{border: 1px solid #dac6b3; display: block; background-color: #fff;}
.brand ul li.active span a{display: block;}
.brand ul li.active span a:hover{background-color: #9c5f29; color: #fff; display: block;}