﻿/**
* author: dss
* data: 2015-12-2
**/
/* public tit */
i{font-style: normal;}
.db{display: block;text-indent:-999em;}
/*品牌首页-头部*/
h1{font-size: 20px; line-height: 30px;font-weight: normal;}
.head-pic { display: none; } /*先影藏，判断无广告再显示*/
.head-pic img{vertical-align: top;}
.head-info{ height: 28px; color: #969696; padding: 0 10px; font-size: 14px; line-height: 28px; text-align: center; border: 1px solid #e5e5e5;}
.head-info span{color: #010101;}
/*品牌首页-left*/
.brand-main{margin-top: 10px; }
.brand-left{width: 220px; float: left; border-bottom: 1px solid #e5e5e5; margin-right: 38px;}
    /* 双层嵌套 */
.brand-left dl.double{ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.brand-left dl.double dt{width: 218px; height: 38px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; font-size: 18px; line-height: 38px; background-color: #f9f9f9; text-indent: 18px;}
.brand-left dl.double dd{ margin-bottom: -1px; overflow: hidden; /* 让dd内嵌的ul的最后一个虚线下边框隐藏*/}
.brand-left dl.double dd ul{ padding: 10px 0;  border-bottom: 1px dashed #e9e9e9;}
.brand-left dl.double dd ul li{font-size: 14px; line-height:30px; text-indent: 18px; }
.brand-left dl.double dd ul li a{color: #626262;}
.brand-left dl.double dd ul li.hover a{color: #996600;}
.brand-left dl.double dd ul li:first-child i{font-weight: bold;}
.brand-left dl.double dd ul li:hover a{color: #996600;}
.brand-left dl.double dd ul li i{padding: 0 10px 0 0;text-align: center; text-transform: uppercase; }
    /* 单层嵌套 */
.brand-left dl.single{ border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.brand-left dl.single dt{width: 198px; height: 38px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; font-size: 18px; line-height: 38px; background-color: #f9f9f9; text-indent: 18px;}
.brand-left dl.single dd{ font-size: 14px; line-height:30px; text-indent: 36px; }
.brand-left dl.single dd a{color: #626262;}
.brand-left dl.single dd:hover a{color: #996600;}
.brand-left dl.single dd.single-top{padding-top: 15px;}
.brand-left dl.single dd.single-bottom{padding-bottom: 15px;}
.brand-left .ad { overflow: hidden; margin-bottom: 10px; }
.brand-left .ad img{ width: 200px; height: 300px; }
/*品牌首页-right*/
.brand-right{ width: 930px; float: left; }
.tit-bg{width: 100%; height: 40px;  background:#fff url(../image/tit-bg.png) repeat-x  center center; margin-bottom: 30px;}
.tit-top{width: 490px; height: 40px; background: url(../image/brand-index.png) no-repeat 0 0 #fff; }
.tit-luxury{width: 305px; height: 40px; background: url(../image/brand-index.png) no-repeat 0 -40px; }
.tit-expensive{width: 365px; height: 40px; background: url(../image/brand-index.png) no-repeat 0 -80px; }
.tit-affordable{width: 353px; height: 40px; background: url(../image/brand-index.png) no-repeat 0 -120px; }
.tit-fashion{width: 310px; height: 40px; background: url(../image/brand-index.png) no-repeat 0 -160px; }
.tit-independent{width: 535px; height: 40px; background: url(../image/brand-index.png) no-repeat 0 -200px #fff; }
.brand-top{}
.brand{}
.brand ul{ margin-right: -26px; margin-bottom: 30px; margin-top: 10px;}
.brand ul li{width: 133px; height: 188px; padding-top: 10px; text-align: center; margin-top: 20px; border: 1px solid #fff;  float: left; margin-right: 26px; position: relative;}
.brand ul li.active{border: 1px solid #e5e5e5;}
.brand ul li.active em{width: 133px; height: 69px; background-color: #f9f9f9; border-top: 1px solid #e5e5e5;}
.brand ul li.active span{border: 1px solid #e5e5e5; display: block; background-color: #fff;}
.brand ul li.active span a{display: block;}
.brand ul li.active span a:hover{background-color: #773b09; color: #fff; display: block;}
.brand ul li p{width: 133px; height: 69px; border-top: 1px solid #fff;  font-size: 14px; line-height: 24px; display: block; margin-top: 24px;}
.brand ul li p a{display: block; color: #000;}
.brand ul li span{ width: 66px; height: 28px; display: none; font-size: 14px; line-height: 28px; text-align: center; border: 1px solid #fff;  position: absolute; bottom: -1px;}
.brand ul li span.pd{ left:-1px; }
.brand ul li span.bj{ left: 66px}
.brand ul li span.lt{ left: 89px; width: 43px}
