.main .aside {
    margin-right: 10px;
    width: 320px !important;
}
.main div>div {
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
    font-size: 14px;
}
.main div>div div {
    border: 0px solid #e4e4e4;
    margin-bottom: 0;
}
/*.main .aside div:last-child {*/
    /*padding: 0px;*/
    /*height: 148px;*/
    /*width: 320px;*/
    /*margin: 0px;*/
/*}*/
.main .aside>div:nth-child(2) {
    min-height: 218px;
}
.main .aside div:first-child img {
    width: 278px;
    height: 139px;
}
.main .aside div h3 {
    font-size: 16px;
    /*width: 280px;*/
    margin: 0px;
    padding: 0px 20px;
    height: 48px;
    text-align: left;
    line-height: 48px;
    background: #FFF;
    color: #333;
    cursor: auto;
    border-bottom: 1px solid #e4e4e4;
}
.main .aside div div p:first-child {
    margin-bottom: 15px;
}
.main .article {
    width: 870px;
}
.main .article div {
    /*width: 868px;*/
}
.main .article div h3 {
    height: 30px;
    line-height: 30px;
    width: 828px;
    border-bottom: 1px dashed #e4e4e4;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    /*text-indent: 10px;*/
    font-size: 16px;
}
.main .article div h3.sp-same-line{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 20px;
    padding: 7px 20px;
    width: 65px;
    /*border-right: dotted 2px #e4e4e4;*/
    border-bottom: 0;
}

.main .article div > div {
    width: 828px;
    padding: 16.5px 20px;
    min-height: 20px;           /*防止空数据出现导致折行*/
}
/*.main .article div:last-child > div {*/
    /*/!*min-height: 326px;*!/*/
/*}*/
.main .article div > div > div:first-child {
    margin-bottom: 20px;
}
.brand-agent .filter {
    display: inline-block;
    width: 58px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e4e4e4;
    color: #999;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}
.brand-agent .filter:hover,
.brand-agent .filter.selected {
    border: 1px solid #00a6cc;
    background-color: #00a6cc;
    color: #FFFFFF;
}
.main .article div > div > div:nth-child(2) div,
.main .article div > div > div:last-child div{
    width: 400px;
    margin-bottom: 10px;
}

.brand-logo{
    text-align: center;
}
.brand-summary{
    padding: 25px;
}
.brand-subordinate-company-innerDiv{
    padding: 20px;
}
.brand-subordinate-company-innerDiv a{
    color: #00a6cc;
}
.brand-subordinate-company-innerDiv a:hover{
    color: #0088a8;
}
.brand-agent-innerDiv{
    padding: 15px 20px;
}
.brand-agent-innerDiv .tabs{
    margin-bottom: 10px;
}
.brand-agent-innerDiv a{
    color:#00a6cc;
    line-height: 28px;
    font-size: 14px;
}
.brand-agent-innerDiv a:hover{
    color:#0088a8;
}
.products-grid-more{
    float: right;
    color:#999;
    font-size: 13px;
    cursor: pointer;
}
.products-grid-more:hover{
    color:#00a6cc;
}
.products.grid{
    border: 1px solid #e4e4e4;
    padding-left: 5px;
    padding-bottom: 20px;
}
.products.grid .item{
    margin-left: .5%;
    margin-right: .5%;
    margin-top: 10px;
    /*margin-bottom: 20px;*/
    float: left;
    height: 260px;
    width: 21%;
    border: 2px solid #fff;
    padding: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.products.grid .item:hover{
    border: 2px solid #00a6cc;
}
.products.grid .item a.image{
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: center;
}
.products.grid .item a,.products.grid .item span{
    word-wrap: break-word;
}
.products.grid .item img{
    text-align: center;
}
.products.grid .item .product-name{
    height: 30px;
    width: 96%;
    margin: 5px 0;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
}
.products.grid .item .product-name:hover{
    color: #0088a8;
}
.products.grid .item .type-number{
    width: 100%;
    height: 20px;
    line-height: 14px;
    /*margin-top: -5px;*/
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 12px;
}
.products.grid .price{
    color: #ff5a00;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}
.products.grid .status{
    height: 24px;
    line-height: 24px;
    color: #999;
    font-size: 12px;
}

.brand-summary{        /*.summary-content是上方的其中一个classname，用于进行超出折行*/
    height: auto;
    text-indent: 25px;
    word-break: break-all;
}
.brand-summary.opened {
    /*min-height: 180px;*/
    word-wrap: break-word;
    height: auto !important;
}
.brand-summary .toggle .close,
.brand-summary.opened .toggle .open {
    display: none;
}
.brand-summary .toggle .opened,
.brand-summary.opened .toggle .close {
    display: inline;
    color: #00a6cc;
}
.brand-summary .toggle span{                /*收起更多按钮分别的样式*/
    color: #00a6cc;
    white-space: nowrap;
}
.brand-summary .toggle span:hover{
    color: #0088a8;
}
/*     END       .summary-content是上方的其中一个classname，用于进行超出折行      END     */