/*====================
50. Partner css 
====================== */

.baichen-partner {
  position: relative;
  padding: 80px 0;
  background: url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/5f9ccd0e93667138d8526bdacefa7c44/063cda0c-eadf-429e-ad48-b706464f7af2.png") no-repeat;
  background-size: cover;
}

.baichen-partner .partner-img img {
  -webkit-filter: grayscale(100%) invert(0.6);
  filter: grayscale(100%) invert(0.6);
  cursor: pointer;
}

.baichen-partner .partner-img img:hover {
  filter: unset;
}

@media (max-width: 991px) {
  .baichen-partner {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .baichen-partner {
    padding: 40px 0;
  }
}

.baichen-partner .brand-scroll {
  display: grid;
  grid: auto / auto-flow max-content;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 80px; /* 根据logo实际高度调整 */
  background: transparent;
}

.baichen-partner .brand-scroll-item {
  display: grid;
  grid: auto / auto-flow auto max-content;
  place-items: center;
  animation: brand-scroll-left 10s linear infinite;
  gap: 0 40px;
  animation-play-state: running;
}

.baichen-partner .brand-scroll.paused .brand-scroll-item {
  animation-play-state: paused;
}

.baichen-partner .brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: 0 20px;
}

.baichen-partner .brand-logo img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
  -webkit-filter: grayscale(100%) invert(0.6);
  filter: grayscale(100%) invert(0.6);
  cursor: pointer;
}

.baichen-partner .brand-logo img:hover {
  filter: unset;
}


@keyframes brand-scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


@media (max-width: 575px) {
.baichen-partner{padding:20px 0;}
}

@media screen and (max-width:480px) {
.baichen-partner{padding:15px 0;}
.baichen-partner .brand-scroll{height:50px;}
.baichen-partner .brand-logo{height:50px;padding:0 15px;}
}