.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
.cle:after, .clearfix:after, .clear_f:after, .cle_float:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cle, .clearfix, .clear_f, .cle_float{zoom:1}
.fl {float:left;}
.fr {float:right;}

#wrapper{min-width: 250px; max-width: 1008px; margin: 15px auto;}
/*品牌列表*/
.brand-list .brand-bd{position: relative; margin-top: 5px;}
.brand-list .additem{padding: 0; border: none; }

@media (max-width:768px){
    .brand-list .item,.brand-list .additem{position: absolute; width: 47%; padding:0; top:0; left: 40%; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
}
@media (min-width:768px){
    .brand-list .item,.brand-list .additem{position: absolute; width: 31.3%; padding: 5px; top:0; left: 40%; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
}
@media (min-width:992px){
    .brand-list .item,.brand-list .additem{position: absolute; width: 24%; padding: 5px; top:0; left: 40%; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
}
@media (min-width:1200px){
    .brand-list .item,.brand-list .additem{position: absolute; width: 24%; padding: 5px; top:0; left: 40%; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
}