@charset "utf-8";

/* ---------- brand-showcase（轮播及入口沿用rdt，广告与商品沿用商城首页） ---------- */
.brand-list .brand-showcase-container {
    width: 1180px;
    max-width: 100%;
    margin: 0px auto;
}

.brand-list .brand-banner {
    margin: 0px;
}

.brand-list .brand-banner-image {
    width: 100%;
    height: auto;
}

.brand-list .brand-banner-fallback {
    height: 345px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ff6900;
    background-color: #fff7f0;
}

.brand-list .brand-banner-fallback img {
    max-width: 228px;
    max-height: 119px;
}

.brand-list .has-image .brand-banner-fallback {
    display: none;
}

.brand-list .list.brand-switch {
    margin: 20px 0px;
    border: none;
}

.brand-list .list.brand-switch li {
    width: calc((100% - 9.78px * 4) / 5);
    height: 119px;
    padding: 0px;
    margin-right: 9.78px;
    margin-bottom: 10px;
    border: 1px solid #eeeeee;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.brand-list .list.brand-switch li:last-child {
    margin-right: 0px;
}

.brand-list .list.brand-switch li:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

.brand-list .brand-switch button {
    width: 100%;
    height: 100%;
    padding: 0px;
    border: none;
    background-color: #ffffff;
}

.brand-list .brand-switch button:focus {
    outline: 1px solid #ff6900;
}

.brand-list .brand-switch dl {
    margin: 0px;
}

.brand-list .list.brand-switch li dt img {
    max-width: 100%;
    max-height: 117px;
    padding: 5px;
}

.brand-list .brand-showcase-heading {
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6900;
}

.brand-list .brand-showcase-heading h3 {
    display: inline-block;
    padding-left: 10px;
    margin: 0px 0px 10px;
    border-left: 3px solid #ff6900;
}

.brand-list .brand-showcase-heading > a {
    line-height: 30px;
    color: #ff6900;
}

.brand-list .brand-showcase-columns {
    display: flex;
    margin-bottom: 20px;
}

.brand-list .brand-category-column {
    width: 20%;
}

.brand-list .brand-products-column {
    width: 60%;
}

.brand-list .brand-ranking-column {
    width: 20%;
    padding-left: 4px;
}

/* 左侧图片与底部分类覆盖层沿用商城首页，不展示二三级分类。 */
.brand-list .ad-product-category-wrapper {
    height: 500px;
    position: relative;
}

.brand-list .ad-product-category-wrapper .ad img {
    max-width: 100%;
    height: auto;
}

.brand-list .brand-showcase .ad-product-category-wrapper .product-category {
    padding: 10px 5px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}

.brand-list .brand-showcase .ad-product-category-wrapper .product-category li {
    float: left;
    margin: 0px 5px;
}

.brand-list .brand-showcase .ad-product-category-wrapper .product-category li a {
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
}

.brand-list .brand-showcase .ad-product-category-wrapper .product-category li a:hover {
    text-decoration: underline;
}

.brand-list .brand-showcase .featured-product {
    height: 100%;
    margin-bottom: 0px;
}

.brand-list .brand-showcase .featured-product-heading h4 {
    color: #ff6900;
    background-image: none;
    -webkit-text-fill-color: #ff6900;
}

.brand-list .brand-products-column .featured-product-body {
    padding: 0px;
}

.brand-list .brand-product-grid {
    margin: 0px;
}

.brand-list .brand-product-grid > li {
    width: 33.33%;
    height: 250px;
    float: left;
    padding: 10px;
    margin: 0px;
    text-align: center;
    overflow: hidden;
    transition: box-shadow 0.3s;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.brand-list .brand-product-grid > li:nth-child(-n+3) {
    border-top: 1px solid #eeeeee;
}

.brand-list .brand-product-grid > li:nth-child(3n+1) {
    border-left: 1px solid #eeeeee;
}

.brand-list .brand-product-grid > li:last-child {
    border-bottom: 1px solid #eeeeee;
}

.brand-list .brand-product-grid > li:hover {
    position: relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #dddddd;
}

.brand-list .brand-product-grid > li:not(:nth-child(-n+3)):hover {
    height: 251px;
    margin-top: -1px;
}

.brand-list .brand-product-grid > li:not(:nth-child(3n+1)):hover {
    width: calc(33.33% + 1px);
    margin-left: -1px;
}

.brand-list .brand-product-image {
    display: block;
    position: relative;
}

.brand-list .brand-product-grid li img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    transition: transform 0.3s;
}

.brand-list .brand-product-grid .brand-product-content {
    display: block;
}

.brand-list .brand-product-grid li h5 {
    line-height: 25px;
    color: #ff6900;
    font-weight: normal;
}

.brand-list .brand-product-grid li h6 {
    line-height: 25px;
    color: #999999;
    font-weight: normal;
}

/* 品牌网格报价保留深红色，普通副标题继续使用原有灰色。 */
.brand-list .brand-product-grid li h6.product-price {
    color: #d73435;
}

.brand-list .brand-product-grid li:hover img {
    opacity: 1;
    transform: scale(1.02);
}

.brand-list .brand-product-ranking > li {
    display: flex;
    padding: 12px 0px;
}

.brand-list .brand-product-ranking .brand-product-image {
    width: 70px;
    flex: 0 0 70px;
    margin-right: 8px;
}

.brand-list .brand-product-ranking .brand-product-image img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.brand-list .brand-product-ranking .brand-product-content {
    min-width: 0px;
    flex: 1;
}

.brand-list .brand-rank-number {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    min-width: 18px;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
    background-color: #ff6900;
}

.brand-list .brand-other {
    margin-bottom: 20px;
}

.brand-list .brand-other .list li > a {
    display: block;
}

.brand-list .brand-other .list li dt img {
    max-width: 100%;
}

.brand-list .bx-wrapper .bx-pager.bx-default-pager a.active,
.brand-list .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #ff6900;
}

/* ---------- brand-list ---------- */
.brand-list .list {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.brand-list .list li {
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
    height: 100px;
    float: left;
    padding: 10px 0px;
    text-align: center;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.brand-list .list li dt img {
    max-height: 60px;
    padding: 5px;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.brand-list .list li:hover dt img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.brand-list .list li dd {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.brand-list .list li:hover dd {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.brand-list .list li a.text-overflow {
    width: 100%;
    height: 100%;
    line-height: 80px;
    display: inline-block;
}

.brand-list .no-result {
    margin-bottom: 15px;
}

.brand-list .no-result dl dt {
    line-height: 50px;
    color: #ff6900;
    font-size: 14px;
}

.brand-list .no-result dl dd {
    line-height: 30px;
    color: #999999;
}

/* ---------- brand-detail ---------- */
.brand-detail .detail .media {
    margin-bottom: 15px;
    border: 1px solid #eeeeee;
}

.brand-detail .detail .media .media-left a img {
    max-height: 80px;
    padding: 10px;
}

.brand-detail .detail .brand-introduction {
    line-height: 25px;
    padding: 15px;
    margin-bottom: 15px;
    text-align: justify;
    border: 1px solid #eeeeee;
}

.brand-detail .detail .brand-introduction ul {
    padding-left: 40px;
    list-style: disc;
}

.brand-detail .detail .brand-introduction ol {
    padding-left: 40px;
    list-style: decimal;
}

.brand-detail .detail .related-product {
    margin-bottom: 15px;
}

.brand-detail .detail .related-product .related-product-heading {
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

.brand-detail .detail .related-product .related-product-heading h5 {
    line-height: 25px;
    display: inline-block;
    margin-bottom: -1px;
    border-bottom: 2px solid #ff6900;
}

.brand-detail .detail .related-product .related-product-body li {
    width: -webkit-calc((100% - 15px * 4) / 5);
    width: calc((100% - 15px * 4) / 5);
    height: 260px;
    line-height: 25px;
    float: left;
    padding: 10px 10px 0px 10px;
    margin-top: 15px;
    margin-right: 15px;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    border: 1px solid #eeeeee;
}

.brand-detail .detail .related-product .related-product-body li:nth-child(-n+5) {
    margin-top: 0px;
}

.brand-detail .detail .related-product .related-product-body li:nth-child(5n) {
    margin-right: -1px;
}

.brand-detail .detail .related-product .related-product-body li:hover {
    box-shadow: 0px 0px 10px rgba(245, 106, 0, 0.1);
    border: 1px solid #f56a00;
}

.brand-detail .detail .related-product .related-product-body li img {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.brand-detail .detail .related-product .related-product-body li:hover img {
    opacity: 0.8;
}

.brand-detail .detail .related-product .related-product-body li strong {
    color: #f04134;
}

.brand-detail .detail .related-product .related-product-body li del {
    color: #bfbfbf;
    font-weight: normal;
}

.brand-detail .detail .related-product .related-product-body li h5 {
    line-height: 25px;
    font-weight: normal;
}

.brand-detail .detail .related-product .related-product-body li h6 {
    line-height: 25px;
    color: #f56a00;
    font-weight: normal;
}