/* 背景图片大小自适应 */.background-image-container {    background-size: cover !important; /* 背景图片大小自适应 */    background-position: center !important; /* 背景图片居中 */    background-repeat: no-repeat !important; /* 背景图片不重复 */}/* 所有品牌相关的容器 */.all-brand-container {    width: 100%;    padding: 40px 0;}/* 所有品牌相关的标题 */.all-brand-title {    font-size: 28px;    text-align: center;    color: #101010;}/* 热门品牌 */.hot-brand {    background-repeat: no-repeat;    background-size: 100% 100%;    background-position: center;    padding-top: 32px;}.hot-brand .all-brand-title {    color: #fff;    font-weight: 700;    font-size: 32px;}.hot-brand-content {    display: flex;    flex-wrap: wrap;}.hot-brand-item {    margin-top: 24px;    margin-right: 24px;    width: 282px;    height: 116px;    line-height: 112px;    box-shadow: rgb(0 0 0 / 40%) 0px 0px 9px -4px;    border-radius: 4px;    background-color: #fff;    display: block;    text-align: center;    cursor: pointer;    position: relative;}.hot-brand-item .brand-name {    display: none;    position: absolute;    bottom: 0;    width: 100%;    height: 32px;    line-height: 32px;    font-size: 14px;    color: #fff;    background: var(--theme-color);    border-radius: 0 0 4px 4px; }.hot-brand-item:hover  .brand-name {    display: block;}.hot-brand-content .hot-brand-item:nth-child(4n)  {    margin-right: 0;}/* 知名品牌 */.famous-brand {    background-color: #fff;}.famous-brand-content {    position: relative;    display: flex;    margin-top: 24px;    height: 420px;}.famous-brand-detail {    position: relative;    width: 898px;    margin-right: 12px;}.famous-brand-item {    position: relative;    padding: 40px;    height: 420px !important;    background-size: 100% 100%;}.famous-brand-logo {    height: 36px;    line-height: 36px;    text-align: left;}.famous-brand-introduce {    font-size: 16px;    margin-top: 20px;    color: #333;    width: 672px;    max-height: 84px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    line-height: 20px;}.famous-view-detail {    width: 124px;    height: 44px;    padding: 12px 0;    text-align: center;    border-radius: 8px;    position: absolute;    right: 144px;    bottom: 88px;    line-height: 20px;    cursor: pointer;}.brand-center-slick-btn {    width: 24px;    height: 24px;    border-radius: 50%;    background-color: #606060;    color: #fff;    text-align: center;    line-height: 24px;    position: absolute;    top: calc(50% - 12px);    cursor: pointer;}.brand-center-slick-btn .iconfont {    font-size: 14px;}.famous-detail-left {    left: 20px;    transform: rotate(270deg);}.famous-detail-right {    right: 20px;    transform: rotate(90deg);}.famous-all-tab {    flex: 1;    height: 100%;}.famous-brand-tab {    height: 100%;    overflow-y: auto;}.famous-brand-tab::-webkit-scrollbar {    width: 0;    height: 0;}.famous-brand-tab .hot-brand-item:first-child {    margin-top: 1px;}.famous-brand-tab .hot-brand-item:last-child {    margin-bottom: 1px;}.famous-brand-tab .active {    border: 1px solid var(--theme-color);}.famous-brand-tab .hot-brand-item {    margin:  20px auto;}.famous-detail-top {    top: 0;    right: 122px;}.famous-detail-bottom {    top: inherit;    bottom: 0;    right: 122px;    transform: rotate(180deg);}/* 优势品牌 */.dominant-brand {    background-color: #fff;}.dominant-brand-content {    position: relative;    width: 1204px;}.dominant-brand-item {    display: flex !important;    flex-wrap: wrap;    height: 284px;    padding-left: 1px;}.dominant-brand-item .hot-brand-item:nth-child(4n) {    margin-right: 0;}.dominant-brand-left {    left: -80px;    transform: rotate(270deg);}.dominant-brand-right {    right: -80px;    transform: rotate(90deg);}.dominant-brand-dots {    display: flex;    justify-content: center;    margin-top: 20px;}.dominant-brand-dots li {    width: 10px;    height: 10px;    border-radius: 50%;    margin-right: 12px;    background-color: #ccc;    cursor: pointer;}.dominant-brand-dots .active {    background-color: #fff;    border: 1px solid var(--theme-color);}.dominant-brand-dots li:last-child {    margin-right: 0px;}.bc-main {    width: 100%;    margin-top: 40px;}.bc-main .hd {    padding-top: 20px;    height: 42px;    /*width: 1088px;*/    background-color: #fff;    text-align: center;}.bc-main .hd a {    display: inline-block;    padding: 0 6px;    /* float: left; */    width: 30px;    height: 30px;    line-height: 30px;    font-size: 18px;    border: 0px solid #f4f4f4;    /* border-right: none; */    border-left: 0;    text-align: center;}/* 内容部分 */.bc-main .bd {    width: 100%;    background-color: #fff;    color: #737373;    padding-bottom: 30px;}.bc-main .bd ul.outer {    padding: 30px;}.bc-main .bd ul li .initial {    font-size: 34px;    color: #999;}.bc-main .bd ul li .state {    float: right;}.bc-main .bd ul li .state ul li {    float: left;    margin-left: 28px;    color: #5e5e5e;    font-size: 12px;}.bc-main .bd li .content {    width: 100%;}.bc-main .bd li .content ul li {    float: left;    text-align: center;    position: relative;    overflow: hidden;    background: #fff;    width: 187px;    padding: 10px;    margin-left: 0;    margin-bottom: 30px;}.bc-main .bd li .content ul li .brand-content {    border: 1px solid #ebebeb;    overflow: hidden;}.bc-main .bd li .content ul li .brand-content a {    display: block;    height: 66px;    line-height: 63px;    text-align: center;}.bc-main .bd li .content ul li .brand-name {    color: #666;    margin-top: 8px;}.bc-main .bd li .content ul li .brand-name a {    width: 100%;    height: 20px;    line-height: 20px;    display: block;}/*首字母选中*/.bc-main .hd a.active {    background-color: var(--theme-color);    color: #fff;    border-radius: 5px;}.brand-name a:hover {    color: var(--theme-color);}