@-webkit-keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.after-sales-kv-banner-mount-root-container figure {
  position: relative;
}
.after-sales-kv-banner-mount-root-container figure .after-sales-kv-banner-image {
  width: 100%;
  height: 25vw;
}
@media screen and (max-width: 768px) {
  .after-sales-kv-banner-mount-root-container figure .after-sales-kv-banner-image {
    height: 281px;
  }
}
.after-sales-kv-banner-mount-root-container figure .after-sales-kv-banner-image {
  display: block;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
  --skeleton-color: #f0f2f5;
  --skeleton-to-color: #e0e2e4;
  background-image: linear-gradient(90deg, var(--skeleton-color) 25%, var(--skeleton-to-color) 37%, var(--skeleton-color) 63%);
  background-size: 400% 100%;
  -webkit-animation: skeleton-loading 1.4s ease infinite;
          animation: skeleton-loading 1.4s ease infinite;
  font-size: 1rem;
}
.after-sales-kv-banner-mount-root-container figure .after-sales-kv-banner-image.load-error {
  background-color: var(--skeleton-to-color);
  -webkit-animation: none;
          animation: none;
}
.after-sales-kv-banner-mount-root-container figure .after-sales-kv-banner-image.loaded {
  background: none;
  -webkit-animation: none;
          animation: none;
}
.after-sales-kv-banner-mount-root-container figure .figcaption {
  position: absolute;
  left: 7.29167vw;
  bottom: 4.16667vw;
}
.after-sales-kv-banner-mount-root-container h1 {
  position: absolute;
  left: 7.29167vw;
  bottom: 4.16667vw;
  font-family: "URW Form Expand-500";
  font-size: 3.33333vw;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .after-sales-kv-banner-mount-root-container h1 {
    font-size: 24px;
    left: 24px;
    bottom: 24px;
  }
}