.gt4-strap .blur-up {
    transition: filter .4s;
    filter: blur(10px);
}
.gt4-strap .blur-up.lazyloaded {
    filter: blur(0);
}
.gt4-strap img{
  width: 100%;
}
.gt4-strap .mob-show{
  display: none;
}
.gt4-strap .section-kv .kv-slogan{
    margin: 6.666667vw auto 7.03125vw;
    text-align: center;
}
.gt4-strap .section-kv .kv-slogan h2{
  font-size: 4.166667vw;
  line-height: 1.25;
  font-weight: 700;
}
.gt4-strap .section-kv .product-pic-content{
    width: 70.991667vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.gt4-strap .section-kv .product-pic-content .product-pic{
  width: 100%;
}

@media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px){
  .gt4-strap .mob-show{
    display: block;
  }
  .gt4-strap .section-kv .kv-slogan{
    width: 97.222222vw;
    margin: 15vw auto 20.555556vw;
  }
  .gt4-strap .section-kv .kv-slogan h2{
    font-size: 11.111111vw;
  }
  .gt4-strap .section-kv .product-pic-content{
    width: 97.886111vw;
  }

}

.gt4-strap .section-title {
    font-size: 2.5vw;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-title {
      font-size: 6.6666666667vw;
    }
  }
  .gt4-strap .section-desc {
    font-size: 1.666667vw;
    margin-top: 1.5625vw;
    line-height: 1.6;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-desc {
      font-size: 4.4444444444vw;
      width: 87.5vw;
      margin: 4.1666666667vw auto 0;
    }
  }
.gt4-strap .section-style {
    text-align: center;
    margin: 10.416667vw auto;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style {
      overflow: hidden;
    }
  }
  .gt4-strap .section-style .style-button {
    display: inline-block;
    font-size: 1.041667vw;
    background-color: #000;
    color: #fff;
    padding: 0.78125vw 1.5625vw;
    line-height: 1.25;
    border-radius: 1.5625vw;
    margin-top: 3.125vw;
  }
  .gt4-strap .section-style .style-button:hover{
    background-color: #3F3F3F;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-button {
      font-size: 3.0555555556vw;
      padding: 2.0833333333vw 4.1666666667vw;
      border-radius: 4.1666666667vw;
      margin-top: 8.3333333333vw;
    }
  }
  .gt4-strap .section-style .style-wrap {
    height: 29.6875vw;
    margin-top: 3.125vw;
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-wrap {
      height: 79.1666666667vw;
      margin-top: 8.3333333333vw;
    }
  }
  .gt4-strap .section-style .style-default {
    position: relative;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
  }
  .gt4-strap .section-style .style-default.notActive {
    opacity: 0;
  }
  .gt4-strap .section-style .style-default #swiper-style-default {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: visible !important;
  }
  .gt4-strap .section-style .style-default #swiper-style-default img {
    height: 100%;
    width: auto;
    margin: 0 auto;
    transition: all 1s ease;
  }
  .gt4-strap .section-style .style-default #swiper-style-default .default-small {
    transform: scale(0.98);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default #swiper-style-default .default-small {
      transform: scale(0.98);
    }
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default #swiper-style-default .default-large {
      opacity: 0;
    }
  }
  .gt4-strap .section-style .style-default #swiper-style-default #prev-style-default {
    left: 10.4166666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
    display: none;
  }
  .gt4-strap .section-style .style-default #swiper-style-default #prev-style-default:hover{
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right-black.png);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default #swiper-style-default #prev-style-default {
      left: 13.8888888889vw;
      width: 6.9444444444vw;
      height: 6.9444444444vw;
    }
  }
  .gt4-strap .section-style .style-default #swiper-style-default #prev-style-default::after {
    content: none;
  }
  .gt4-strap .section-style .style-default #swiper-style-default #next-style-default {
    right: 9.4166666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right.png);
    background-size: 100% 100%;
    display: none;
  }
  .gt4-strap .section-style .style-default #swiper-style-default #next-style-default:hover{
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right-black.png);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default #swiper-style-default #next-style-default {
      right: 17.8888888889vw;
      width: 6.9444444444vw;
      height: 6.9444444444vw;
    }
  }
  .gt4-strap .section-style .style-default #swiper-style-default #next-style-default::after {
    content: none;
  }
  .gt4-strap .section-style .style-default #swiper-style-default .swiper-no-swiping {
    transform: translateX(-50%);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default #swiper-style-default .swiper-no-swiping {
      transform: none;
    }
  }
  .gt4-strap .section-style .style-default.active #swiper-style-default #prev-style-default,
  .gt4-strap .section-style .style-default.active #swiper-style-default #next-style-default {
    display: block;
  }
  .gt4-strap .section-style .style-default.active #swiper-style-default .swiper-slide {
    cursor: pointer;
    transition: transform 0.5s ease;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default.active #swiper-style-default .default-small {
      transform: scale(0.98);
    }
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-default.active #swiper-style-default .default-large {
      opacity: 1;
    }
  }
  .gt4-strap .section-style .style-plate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
  }
  .gt4-strap .section-style .style-plate.active {
    opacity: 1;
    transition: all 1s ease;
  }
  .gt4-strap .section-style .style-plate .plate-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    justify-content: center;
  }
  .gt4-strap .section-style .style-plate .plate-bg img {
    height: 100%;
    width: auto;
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: visible !important;
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate img {
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate .swiper-slide {
    cursor: pointer;
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate #prev-style-plate {
    left: 8.4166666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate #prev-style-plate:hover{
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right-black.png);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-plate #swiper-style-plate #prev-style-plate {
      left: 13.8888888889vw;
      width: 6.9444444444vw;
      height: 6.9444444444vw;
    }
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate #prev-style-plate::after {
    content: none;
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate #next-style-plate {
    right: 8.4166666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right.png);
    background-size: 100% 100%;
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate #next-style-plate:hover{
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right-black.png);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-plate #swiper-style-plate #next-style-plate {
      right: 13.8888888889vw;
      width: 6.9444444444vw;
      height: 6.9444444444vw;
    }
  }
  .gt4-strap .section-style .style-plate #swiper-style-plate #next-style-plate::after {
    content: none;
  }
  .gt4-strap .section-style .style-band {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
  }
  .gt4-strap .section-style .style-band.active {
    opacity: 1;
    transition: all 1s ease;
  }
  .gt4-strap .section-style .style-band .band-bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    z-index: 3;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
  }
  .gt4-strap .section-style .style-band .band-bg img {
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
  .gt4-strap .section-style .style-band .band-bg img:nth-of-type(2), .gt4-strap .section-style .style-band .band-bg img:nth-of-type(3) {
    display: none;
  }
  .gt4-strap .section-style .style-band .band-bg.active1 img:nth-of-type(1) {
    display: none;
  }
  .gt4-strap .section-style .style-band .band-bg.active1 img:nth-of-type(1) {
    display: block;
  }
  .gt4-strap .section-style .style-band .band-bg.active2 img:nth-of-type(1) {
    display: none;
  }
  .gt4-strap .section-style .style-band .band-bg.active2 img:nth-of-type(3) {
    display: block;
  }
  .gt4-strap .section-style .style-band #swiper-style-band {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: visible !important;
  }
  .gt4-strap .section-style .style-band #swiper-style-band img {
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
  .gt4-strap .section-style .style-band #swiper-style-band .swiper-slide {
    cursor: pointer;
  }
  .gt4-strap .section-style .style-band #swiper-style-band #prev-style-band {
    left: 10.4166666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right.png);
    background-size: 100% 100%;
    transform: rotate(180deg);
  }
  .gt4-strap .section-style .style-band #swiper-style-band #prev-style-band:hover{
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right-black.png);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-band #swiper-style-band #prev-style-band {
      left: 13.8888888889vw;
      width: 6.9444444444vw;
      height: 6.9444444444vw;
    }
  }
  .gt4-strap .section-style .style-band #swiper-style-band #prev-style-band::after {
    content: none;
  }
  .gt4-strap .section-style .style-band #swiper-style-band #next-style-band {
    right: 10.4166666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right.png);
    background-size: 100% 100%;
  }
  .gt4-strap .section-style .style-band #swiper-style-band #next-style-band:hover{
    background-image: url(/content/dam/huawei-cbg-site/common/mkt/pdp/accessories/watch-gt4/img/huawei-watch-gt4-straps-customization-right-black.png);
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-band #swiper-style-band #next-style-band {
      right: 13.8888888889vw;
      width: 6.9444444444vw;
      height: 6.9444444444vw;
    }
  }
  .gt4-strap .section-style .style-band #swiper-style-band #next-style-band::after {
    content: none;
  }
  .gt4-strap .section-style .style-descWrap {
    display: none;
    margin-top: 4.1666666667vw;
    font-size: 1.1458333333vw;
    height: 1.5625vw;
    line-height: 1.25;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-descWrap {
      margin-top: 11.1111111111vw;
      font-size: 3.333333vw;
      height: 4.1666666667vw;
    }
  }
  .gt4-strap .section-style .style-descWrap.active {
    display: block;
  }
  .gt4-strap .section-style .style-chooseWrap {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 0;
    margin-top: 2.6041666667vw;
    z-index: 3;
  }
  .gt4-strap .section-style .note{
    margin-top: 1.5625vw;
    color: #c1c1c1;
    font-size: .833333vw;
    line-height: 1.6;
    text-align: center;
    display: none;
  }
  .gt4-strap .section-style .note.active{
    display: block;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .note{
      margin-top: 4.166667vw;
    font-size: 3.055556vw;
    text-align: left;
    width: 91.666667vw;
    margin-left: 4.166667vw;
    }
    .gt4-strap .section-style .style-chooseWrap {
      margin-top: 6.9444444444vw;
      overflow-x: auto;
      justify-content: flex-start;
      padding: 0 4.166667vw;
    }
    .gt4-strap .section-style .style-chooseWrap::-webkit-scrollbar {
      width: 0px;
      display: none;
    }
  }
  .gt4-strap .section-style .style-chooseWrap.active {
    display: flex;
  }
  .gt4-strap .section-style .style-chooseWrap > div {
    display: flex;
    align-items: center;
    padding: 0.5208333333vw 1.614583vw 0.5208333333vw 1.25vw;
    border-radius: 1.5625vw;
    background: #f7f7f7;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-chooseWrap > div {
      padding: 1.388889vw 3.333333vw 1.388889vw 4.305556vw;
      border-radius: 4.1666666667vw;
      white-space: nowrap;
    }
  }
  .gt4-strap .section-style .style-chooseWrap > div:not(:first-of-type) {
    margin-left: 1.8229166667vw;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-chooseWrap > div:not(:first-of-type) {
      margin-left: 2.7777777778vw;
    }
  }
  .gt4-strap .section-style .style-chooseWrap p {
    cursor: pointer;
  }
  .gt4-strap .section-style .style-chooseWrap p i {
    display: block;
    width: 1.041667vw;
    margin-right: .260417vw;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-chooseWrap p i {
      width: 2.777778vw;
      margin-right: .694444vw;
    }
  }
  .gt4-strap .section-style .style-chooseWrap p i img:first-of-type {
    display: none;
  }
  .gt4-strap .section-style .style-chooseWrap p span {
    font-size: 1.041667vw;
    color: #636363;
    cursor: pointer;
    line-height: 1.6;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-chooseWrap p span {
      font-size: 3.333333vw;
    }
  }
  .gt4-strap .section-style .style-chooseWrap p span.active {
    color: #000;
    font-weight: 700;
  }
  .gt4-strap .section-style .style-chooseWrap p span:not(:first-of-type) {
    margin-left: 1.0416666667vw;
  }
  @media (max-width: 1200px) and (max-aspect-ratio: 1 / 1), (max-width: 720px) and (min-width: 650px) {
    .gt4-strap .section-style .style-chooseWrap p span:not(:first-of-type) {
      margin-left: 2.0833333333vw;
    }
  }
  .gt4-strap .section-style .style-chooseWrap p.outer span {
    display: none;
  }
  .gt4-strap .section-style .style-chooseWrap p.inner {
    display: none;
  }
  .gt4-strap .section-style .style-chooseWrap p.active {
    display: flex;
    align-items: center;
  }
  .gt4-strap .section-style .style-chooseWrap p.active.outer span {
    display: block;
  }
  .gt4-strap .section-style .style-chooseWrap p.active i img:first-of-type {
    display: block;
  }
  .gt4-strap .section-style .style-chooseWrap p.active i img:last-of-type {
    display: none;
  }
  .gt4-strap .section-style .swiper-button-disabled {
    opacity: 0;
  }