.inpaint-image-banner {
  padding: 1.125rem 0;
  background-image: url("../images/inpaint-image/inpaint-image-bg.jpg");
  background-repeat: no-repeat;
  background-color: #ECF6FF;
  background-size: cover;
}
.inpaint-image-banner .container {
  position: relative;
}
.inpaint-image-banner .banner-title {
  font-size: 0.825rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
.inpaint-image-banner .banner-desc {
  font-size: 0.3rem;
  font-weight: 400;
  color: #666666;
  text-align: center;
  line-height: 1.6;
  margin: 0.125rem auto 0;
}
.inpaint-image-banner .try-again {
  margin-top: 0.625rem;
}
.inpaint-image-banner .try-again .try-again-tips {
  font-size: 0.25rem;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
.inpaint-image-banner .try-again .try-again-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.125rem;
}
.inpaint-image-banner .try-again .try-again-list .try-again-item {
  width: 1rem;
  height: 1rem;
  background: #D8D8D8;
  border-radius: 0.1rem;
  overflow: hidden;
  cursor: pointer;
  margin: 0.1rem;
}
.inpaint-image-banner .try-again .try-again-list .try-again-item img {
  width: 100%;
  height: 100%;
}
.inpaint-image-banner .decoration-1 {
  position: absolute;
  left: 0.975rem;
  top: 5.25rem;
  width: 2.275rem;
  height: 2.275rem;
  border-radius: 0.125rem;
  transform: rotate(-15deg);
  box-shadow: 0 0.25rem 0.5rem 0 #DCEBFF;
}
.inpaint-image-banner .decoration-2 {
  position: absolute;
  right: 1.25rem;
  top: 2.5rem;
  width: 2.275rem;
  height: 2.275rem;
  border-radius: 0.125rem;
  transform: rotate(15deg);
}

.inpaint-image-application {
  padding: 2.5rem 0;
}
.inpaint-image-application .application-text {
  width: 6.75rem;
}
.inpaint-image-application .application-text .title {
  font-size: 0.525rem;
  font-weight: 600;
  color: #000000;
  margin-top: 0.375rem;
}
.inpaint-image-application .application-text .desc {
  font-size: 0.25rem;
  font-weight: 400;
  color: #707176;
  line-height: 1.6;
  margin-top: 0.25rem;
}
.inpaint-image-application .application-text .button-group {
  margin-top: 0.625rem;
}
.inpaint-image-application .application-text .button-group .button-item {
  width: 3.25rem;
}
.inpaint-image-application .application-swiper-content {
  width: 10rem;
}
.inpaint-image-application .application-swiper-content .swiper-image {
  width: 100%;
  height: 6rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 0.375rem;
}
.inpaint-image-application .application-swiper-content .swiper-thumbs {
  width: 100%;
  overflow: hidden;
}
.inpaint-image-application .application-swiper-content .swiper-thumbs .swiper-slide {
  position: relative;
  padding: 0.1625rem;
}
.inpaint-image-application .application-swiper-content .swiper-thumbs .swiper-slide .slide-content {
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.25rem;
  font-weight: 400;
  color: #333333;
  background: #F2F3F7;
  border-radius: 0.425rem;
  text-align: center;
  cursor: pointer;
}
.inpaint-image-application .application-swiper-content .swiper-thumbs .swiper-slide-thumb-active .slide-content {
  color: #FFFFFF;
  background: #333333;
}

.superfluous-section {
  position: relative;
  width: 19.675rem;
  padding: 1.05rem 0;
}
.superfluous-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7rem;
  background: linear-gradient(28deg, #E7F1FF 0%, #ECF2FF 100%);
  border-radius: 0.6rem;
}
.superfluous-section .container {
  position: relative;
  z-index: 1;
}
.superfluous-section .section-text .title {
  width: 6rem;
  font-size: 0.525rem;
  font-weight: 600;
  color: #000000;
}
.superfluous-section .section-text .desc {
  font-size: 0.25rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.6;
}
.superfluous-section .section-text .button-group {
  margin-top: 0.75rem;
}
.superfluous-section .section-text .button-group .button-item {
  width: 3.25rem;
}
.superfluous-section .section-image-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.85rem;
}
.superfluous-section .section-image-list .swiper-slide {
  position: relative;
  width: 5.3375rem;
  height: 4.3375rem;
  background: #D8D8D8;
  border-radius: 0.4rem;
  overflow: hidden;
}
.superfluous-section .section-image-list .swiper-slide .slide-image {
  width: 100%;
  height: 100%;
}
.superfluous-section .section-image-list .swiper-slide .slide-tag {
  position: absolute;
  bottom: 0.125rem;
  right: 0.125rem;
  min-width: 1.65rem;
  height: 0.75rem;
  line-height: 0.75rem;
  padding: 0 0.25rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.375rem;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

.inpaint-image-scenarios .section-text {
  width: 15.2125rem;
  margin: 0 auto;
  text-align: center;
}
.inpaint-image-scenarios .section-text .title {
  font-size: 0.7rem;
  font-weight: 600;
  color: #000000;
}
.inpaint-image-scenarios .section-text .desc {
  font-size: 0.3rem;
  font-weight: 400;
  color: #707176;
  line-height: 1.6;
  margin-top: 0.2rem;
}
.inpaint-image-scenarios .section-swiper-content {
  margin-top: 1rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inpaint-image-scenarios .section-swiper-content .swiper-center {
  width: 13.75rem;
  height: 8.25rem;
  flex-shrink: 0;
  margin: 0.45rem;
}
.inpaint-image-scenarios .section-swiper-content .swiper-left,
.inpaint-image-scenarios .section-swiper-content .swiper-right {
  flex-shrink: 0;
}
.inpaint-image-scenarios .section-swiper-content .swiper-left .slide-item,
.inpaint-image-scenarios .section-swiper-content .swiper-right .slide-item {
  width: 5.625rem;
  height: 3.375rem;
  margin: 0.45rem;
}
.inpaint-image-scenarios .section-swiper-content .slide-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

/*# sourceMappingURL=inpaint-image.css.map */