@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
  html {
    background-color: #f7f7f7;
  }
  .bannerImg {
    width: 10.93333vw;
  }
  .contain .content {
    padding-top: 6.4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contain .imgBox {
    margin-bottom: 2.66667vw;
  }
  .contain .title {
    font-weight: 630;
    font-size: 6.4vw;
    line-height: 120%;
    margin-bottom: 1.33333vw;
    color: #fff;
    text-align: center;
  }
  .contain .des {
    color: #fff;
    font-weight: 380;
    font-size: 3.2vw;
    line-height: 140%;
    margin-bottom: 4.53333vw;
  }
  .contain .watchButton {
    background: #fff;
    padding: 2.26667vw 6.66667vw;
    color: #000;
    display: inline-block;
    font-weight: 480;
    font-size: 3.22133vw;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 1838.8vw;
  }
  .contain1 {
    padding: 7.46667vw 2vw 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.8vw;
  }
  .contain1 .contain1Box {
    position: relative;
    border-radius: 1.6vw;
    flex: 1;
    flex-basis: calc((100% - 2.8vw) / 2);
  }
  .contain1 .contain1Box img {
    width: 100%;
    display: block;
  }
  .contain1 .contain1Box .text {
    position: absolute;
    top: 50%;
    right: 4.53333vw;
    width: 50%;
    transform: translateY(-50%);
    font-weight: 380;
    font-size: 2.02267vw;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
  }
  .contain2 {
    padding: 10.66667vw 2vw 4vw;
  }
  .contain2 .wrap {
    flex-direction: column;
    gap: 2.93333vw;
  }
  .contain2 .tit {
    font-weight: 700;
    font-size: 5.06667vw;
    line-height: 120%;
    text-align: center;
    margin-bottom: 6.66667vw;
    padding: 0 17.86667vw;
  }
  .contain2 .imgBox {
    position: relative;
  }
  .contain2 .imgBox .imgBoxinner {
    position: absolute;
    top: 0;
    left: 6.13333vw;
    width: 11.46667vw;
  }
  .contain2 .imgBox .imgBoxinner .tagImg {
    width: 100%;
    display: block;
  }
  .contain2 .imgBox .imgBoxinner .discount {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .contain2 .imgBox .imgBoxinner .discount .num {
    font-weight: 700;
    font-size: 4.26667vw;
    line-height: 2.74533vw;
    text-align: center;
    color: #fff;
    padding-top: 1.6vw;
    padding-bottom: 1.33333vw;
  }
  .contain2 .imgBox .imgBoxinner .discount .off {
    font-weight: 630;
    font-size: 3.06667vw;
    text-align: center;
    color: #fff;
  }
  .contain2 .textBox {
    margin: 0 1.33333vw;
    background-color: #fff;
    border-radius: 2.4vw;
    padding: 5.6vw 7.73333vw;
    transform: translateY(-5.6vw);
  }
  .contain2 .textBox .list {
    padding: 0 0 0.8vw 0;
  }
  .contain2 .textBox .list li {
    list-style: none;
    font-weight: 330;
    font-size: 1.952vw;
    line-height: 160%;
  }
  .contain2 .textBox .price {
    display: flex;
    align-items: end;
    gap: 1.33333vw;
  }
  .contain2 .textBox .price .newValue {
    font-weight: 520;
    font-size: 3.08667vw;
    line-height: 1;
  }
  .contain2 .textBox .price .oldValue {
    font-weight: 450;
    font-size: 2.05733vw;
    color: #a0a0a0;
    line-height: 1;
  }
  .contain2 .textBox .buyButton {
    height: 5.33333vw;
    display: flex;
  }
  .contain2 .textBox .buyButton .text {
    padding: 0 2.66667vw;
    border-bottom-left-radius: 2.66667vw;
    border-top-left-radius: 2.66667vw;
    color: #fff;
    background-color: #000;
    font-family: MiSans Latin;
    font-weight: 450;
    font-size: 2.50933vw;
    letter-spacing: 0%;
    line-height: 5.33333vw;
  }
  .contain2 .textBox .buyButton .icon {
    padding: 0 2.66667vw;
    background-color: #719867;
    border-bottom-right-radius: 2.66667vw;
    border-top-right-radius: 2.66667vw;
    display: flex;
    align-items: center;
  }
  .contain2 .textBox .buyButton .icon img {
    width: 2.8vw;
  }
  .contain2 .textBox .tagText {
    border-radius: 0.15733vw;
    color: #719867;
    padding: 0.53333vw 1.06667vw;
    border: 1px solid #719867;
    display: inline-block;
    font-weight: 520;
    font-size: 2.196vw;
    line-height: 120%;
    margin-bottom: 1.86667vw;
  }
  .contain2 .textBox .title {
    margin-bottom: 0.66667vw;
    font-family: MiSans Latin;
    font-weight: 630;
    font-size: 3.57733vw;
  }
  .contain2 .textBox .sol {
    font-weight: 380;
    font-size: 2.05733vw;
    line-height: 130%;
    color: #474747;
    margin-bottom: 3.2vw;
  }
  .contain2 .wrap {
    display: flex;
    gap: 2.66667vw;
  }
  .contain3 {
    position: relative;
  }
  .contain3 video {
    width: 100%;
    aspect-ratio: 5 / 6 auto;
  }
  .contain3 .textBox {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 14.13333vw;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .contain3 .textBox .text {
    color: #fff;
    margin-bottom: 1.73333vw;
    font-family: Rany;
    font-weight: 700;
    font-size: 5.06667vw;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    white-space: noWrap;
  }
  .contain3 .textBox .sol {
    color: rgba(255, 255, 255, 0.6);
    font-family: MiSans Latin;
    font-weight: 380;
    font-size: 2.4vw;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
  }
  .contain5 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 14.93333vw 2vw 10.4vw;
  }
  .contain5 .buttons {
    display: flex;
    gap: 0.83333vw;
    position: absolute;
    bottom: 0;
    right: 2vw;
  }
  .contain5 .swiper-button-prevpc1 {
    width: 6.4vw;
    border-radius: 50%;
    overflow: hidden;
  }
  .contain5 .swiper-button-prevpc1 svg {
    width: 100%;
  }
  .contain5 .swiper-button-nextpc1 {
    width: 6.4vw;
  }
  .contain5 .swiper-button-nextpc1 svg {
    width: 100%;
  }
  .contain5 .com {
    font-weight: 700;
    font-size: 5.06667vw;
    line-height: 120%;
    text-align: center;
    position: relative;
  }
  .contain5 .swiper-slide {
    background-color: #fff;
  }
  .contain5 .top {
    color: #719867;
  }
  .contain5 .bot {
    margin-bottom: 6.13333vw;
  }
  .contain5 img {
    width: 100%;
    display: block;
    aspect-ratio: 785/581;
    margin-bottom: 4.26667vw;
  }
  .contain5 .tit {
    font-weight: 630;
    font-size: 2.93333vw;
    line-height: 120%;
    letter-spacing: 0px;
    padding: 0 2.66667vw 1.33333vw;
  }
  .contain5 .des {
    font-weight: 380;
    font-size: 2.13333vw;
    line-height: 130%;
    letter-spacing: 0px;
    color: rgba(104, 104, 104, 0.8);
    padding: 0 2.66667vw 6.93333vw;
  }
  .contain5 .item {
    flex: 1;
    background: #fff;
  }
  .contain5 .por {
    aspect-ratio: 785/581;
    border-radius: 1.04167vw;
    padding: 2.66667vw 3.46667vw 4.53333vw;
    box-sizing: border-box;
    margin-bottom: 4.26667vw;
  }
  .contain5 .por .title {
    margin-bottom: 5.6vw;
    font-weight: 630;
    font-size: 2.4vw;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
  }
  .contain5 .por .proWrap {
    display: flex;
    flex-direction: column;
    height: 82%;
    justify-content: space-between;
  }
  .contain5 .por .proWrap .progress-container {
    display: flex;
    flex-direction: column;
    gap: 0.52083vw;
  }
  .contain5 .por .proWrap .progress-bar {
    width: 100%;
    height: 4.4vw;
    background: #e0e0e0;
    border-radius: 2vw;
    position: relative;
  }
  .contain5 .por .proWrap .progress-fill {
    height: 100%;
    border-radius: 2vw;
    position: relative;
  }
  .contain5 .por .proWrap .area-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: white;
    font-weight: 520;
    font-size: 1.86667vw;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
  }
  .contain5 .por .proWrap .time-label {
    position: absolute;
    left: 50%;
    top: 180%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #686868;
    font-family: MiSans Latin;
    font-weight: 630;
    font-size: 2.13333vw;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
  }
  .contain6 {
    padding: 14.93333vw 2vw;
  }
  .contain6 .tit {
    font-weight: 700;
    font-size: 5.06667vw;
    line-height: 120%;
    text-align: center;
    margin-bottom: 6.66667vw;
  }
  .contain6 img {
    width: 100%;
    aspect-ratio: 8/5;
  }
  .contain6 .wrap {
    display: flex;
    gap: 1.46667vw;
    margin-bottom: 2.66667vw;
  }
  .contain6 .wrap .item {
    flex: 1;
    position: relative;
  }
  .contain6 .pollutant-name {
    font-weight: 520;
    font-size: 1.428vw;
    line-height: 130%;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.66667vw;
  }
  .contain4 .tit {
    font-weight: 700;
    font-size: 5.06667vw;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    margin-top: 14.93333vw;
  }
  .contain4 .tit1 {
    margin-top: 0;
  }
  .swiper-contain .swiper-pagination {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin-top: 8.53333vw;
  }
  .swiper-contain .custom-bullet {
    min-width: 13vw;
    padding: 0.65vw 1.3vw;
    z-index: 9;
    color: #1a1a1acc;
    cursor: pointer;
    transition: background 0.3s;
    border-top: 0.10417vw solid transparent;
    display: block;
    font-weight: 630;
    font-size: 2.176vw;
    line-height: 120%;
    text-align: center;
  }
  .mar {
    margin-top: 5.33333vw;
  }
  .underline {
    height: 0.26667vw;
    background-color: rgba(179, 179, 179, 0.8);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .swiper-pagination2 {
    padding: 0 4vw;
    box-sizing: border-box;
  }
  .swiper-contain .custom-bullet.active {
    color: rgba(0, 0, 0, 0.8);
    /* 修改激活态文字颜色 */
    border-top: 0.10417vw solid rgba(0, 0, 0, 0.8);
    /* 修改激活态下划线颜色 */
  }
}