Bem-vindo ao Yuxin Auto Parts Store, na esperança de selecionar os produtos que você gosta aqui

. Aplus-v2. Apm-brand-story-carrossel-container {
Posição: relativa;
}

. Aplus-v2. Apm-marca-história-carrossel-herói-recipiente,
. Aplus-v2. Apm-brand-story-carrossel-hero-container > div {
Posição: absoluta;
Largura: 100%;
}/*
Garantir que o carrossel ocupa apenas o espaço necessário.
Os tamanhos precisam ser definidos novamente sobre os elementos absolutamente posicionados para que eles possam ocupar espaço.
*/
. Aplus-v2. Apm-marca-história-carrossel-recipiente,
. Aplus-v2. Apm-brand-story-carrossel-hero-container {
Altura: 625px;
Largura: 100%;
Max-largura: 1464px;
Margem-esquerda: auto;
Margem direita: auto;
Transbordamento: oculto;
}

/*
Isso centraliza o carrossel verticalmente em cima do contêiner de imagem hero e depois da área do logotipo (125px).
Margem-top = (heroAltura-cardAltura-logoAreaHeight) / 2 + logoAreaHeight
*/
. Aplus-v2. Apm-marca-história-carrossel. A-carrossel-linha-interior {
Margem superior: 149px;
}

/*
Cartões precisam ter uma largura definida, caso contrário, eles padrão para 50px ou assim.
Todos os cartões devem ter a mesma largura. O carrossel será redimensionado para que todos os cartões tomem a largura do cartão maior.
A margem esquerda é para deixar um espaço entre cada cartão.
*/
. Aplus-v2. Apm-marca-história-carrossel. A-carrossel-card {
Largura: 362px;
Margem esquerda: 30px! Importante;
}

/* Estilizar os botões de navegação para que eles sejam mais altos, nivelados com os lados e tenham um fundo branco limpo */
. Aplus-v2. Apm-marca-história-carrossel. A-carousel-col.a-carousel-left,
. Aplus-v2. Apm-marca-história-carrossel. A-carousel-col.a-carousel-right {
Preenchimento: 0px;
}

. Aplus-v2. Apm-marca-história-carrossel. A-carousel-col.a-carousel-left. Uma imagem de botão,
. Aplus-v2. Apm-marca-história-carrossel. -Ah. A-button-image {
Fronteira: nenhuma;
Margem: 0px;
}

. Aplus-v2. Apm-marca-história-carrossel. A-carousel-col.a-carousel-left. Uma imagem de botão. Um botão interno,
. Aplus-v2. Apm-marca-história-carrossel. -Ah. Uma imagem de botão. A-button-inner {
Fundo: # fff;
Preenchimento: 20px 6px;
}

. Aplus-v2. Apm-marca-história-carrossel. A-carousel-col.a-carousel-left. Uma imagem de botão. A-button-inner {
Borda-raio: 0px 4px 4px 0px;
}

. Aplus-v2. Apm-marca-história-carrossel. -Ah. Uma imagem de botão. A-button-inner {
Borda-raio: 4px 0px 0px 4px;
}