/* 三合一 */
#threeInOne {
}

#threeInOne .shade {
  opacity: 0.47;
}

.threeInOne_nav ul {
  border-bottom: 2px solid#828898;
}
.threeInOne-mySwiper .swiper-slide {
  opacity: 0 !important;
}
.threeInOne-mySwiper .swiper-slide-active {
  opacity: 1 !important;
}
.threeInOneNav-mySwiper {
  border-bottom: 2px solid#828898;
}
.threeInOneNav-mySwiper .swiper-slide-active,
.threeInOneNav-mySwiper .swiper-slide-duplicate-active {
  font-size: 32px;
  font-weight: 500;
  color: #000;
  font-family: PingFangSC-Medium, PingFang SC, "Microsoft YaHei",
    "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial,
    sans-serif;
  line-height: 45px;
}
.threeInOneNav-mySwiper::after {
  position: absolute;
  bottom: -3px;
  transition: 0.6 all ease-in-out;
  height: 4px;
  width: 128px;
  left: 245px;
}
.threeInOneNav-mySwiper .swiper-wrapper {
  align-items: flex-end;
}
.threeInOne-swiper-button-prev,
.threeInOne-swiper-button-next {
  height: 96px;
  width: 48px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  transition: 0.3s all ease-in-out;
  background-color: #ffffff1a;
  opacity: 1 !important;
  z-index: 3;
}
.threeInOne-swiper-button-prev {
  left: 0;
  background-image: url(../image/l.svg);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.threeInOne-swiper-button-next {
  right: 0;
  background-image: url(../image/r.svg);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.layui-form-mid {
  margin-right: 0 !important;
}

/* 大pad断点 lg*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .threeInOne-mySwiper {
    width: 90%;
  }
  .layui-form input {
    width: 100%;
  }
}

/* 移动端 */
@media (max-width: 768px) {
  /* 三合一 */
  #threeInOne {
    background-image: none;
    background-color: #fff;
    padding-bottom: 24vw;
  }
  .threeInOne {
    width: 80vw;
    margin: auto;
    position: initial;
  }
  .threeInOne_nav {
    padding-top: 11.467vw;
  }
  .threeInOne-mySwiper .swiper-slide {
    background-color: transparent;
    padding: 0;
  }
  .threeInOne-mySwiper .swiper-slide .w-576 {
    background-color: transparent;
    padding: 0;
  }
  .w-620 {
    width: 100%;
  }
  .swiper-wrapper.mt-72 {
    margin-top: 0.8vw;
  }
  .swiper-slide.pb-40 {
    padding-bottom: 18.667vw;
  }
  .swiper-slide p {
    font-size: 3.2vw;
  }
  .threeInOneNav-mySwiper .swiper-slide {
    font-size: 4.633vw;
  }
  .threeInOneNav-mySwiper .swiper-slide-active,
  .threeInOneNav-mySwiper .swiper-slide-duplicate-active {
    font-size: 5.767vw;
    color: #000000;
  }
  span.after {
    width: 26.667vw;
  }
  #threeInOne .w50 {
    width: 100%;
    padding: 0;
    background: none;
  }
  .layui-form .df {
    justify-content: space-between;
  }
  .layui-form input.w-332 {
    width: 50.667vw;
    margin-right: 2.133vw;
  }
  .layui-btn.formBtn1 {
    width: 26.667vw;
    font-size: 3.2vw;
    padding: 0 4vw;
  }
  .h-560,
  .h-900 {
    height: auto;
  }
  input::placeholder {
    font-size: 3.733vw !important;
  }
}
