/* 顶部 */

.top {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 2;  

}



.top .header {

    height: 75.5px;

    padding: 22.5px 0 0 0;

    display: flex;

    justify-content: space-between; 

    background-color: #c1292e;  

}



.top .header .return,

.top .header a {

    font-size: 16px;

    color: #fff;

    display: inline-block;

    width: 14%;

    height: 30.5px;

    line-height: 30.5px;

    text-align: center;

}



.top .header .return {

    width: 8%;

}



.top .header .searchBar {

    display: inline-block;

    width: 78%;

    height: 30.5px;

    background-color: #fff;

    border-radius: 4px;

    font-size: 0;

}



.top .header .searchBar i {

    float: left;

    margin: 0 10px;

    font-size: 14px;

    color: #c3c2c2;

    height: 30.5px;

    line-height: 32px;

}



.top .header input {

    float: left;

    width: calc(100% - 34px);

    height: 30.5px;

    line-height: 30.5px;

    outline: none;

    border: none;

    font-size: 14px;

    border-radius: 4px;

}



.top .header input::placeholder {

    color: #999;

}





/* 中间部分 */

.wrap {

    padding: 75.5px 0 58px;



}



.brandList {

    padding: 0 10px;

    background-color: #f9f9f9;

}



.brandList h3 {

    height: 55px;

    line-height: 55px;

    text-align: center;

}



.brandList h3 span {

    font-size: 16px;

    color: #333;

}



.brandList ul {

    margin: 5px 0;

    padding: 0 7.5px;

    background-color: #fff;

    border-radius: 10px;

}



.brandList ul li {

    height: 116.5px;

    padding: 12.5px 0;

    border-bottom: 1px solid #e7e7e7;

}



.brandList ul li:last-of-type {

    border: none;

}



.brandList ul li dt {

    width: 123.5px;

    height: 90.5px;

}



.brandList ul li dt a img {

    width: 123.5px;

    height: 90.5px;

    border-radius: 6px;

    border: 1px solid #eaeaea;

}



.brandList ul li dd {

    width: calc(100% - 137.5px);

    height: 90.5px;

    position: relative;

}



.brandList ul li dd a {

    display: block;

    font-size: 17px;

    color: #333;

    line-height: 25px;

    height: 25px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.brandList ul li dd .p1 {

    line-height: 19px;

    max-height: 19px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 0px;

    color: #666;

    margin-top: 5px;

}



.brandList ul li dd .p1 i,

.brandList ul li dd .p1 em {

    font-size: 14px;

}



.brandList ul li dd .p2 {

    position: absolute;

    bottom: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 100%;

}



.brandList ul li dd .p2 span {

    color: #c1292e;

    font-size: 18px;

}



.brandList ul li dd .p2 em {

    color: #999;

    font-size: 14px;

    margin-left: 20px;

    float: right;

}