.watch3-series-straps {
  letter-spacing: calc(-0.037em + 0.526px);
  color: #000;
  padding-bottom: 10.4166666667vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps {
    padding-bottom: 13.8888888889vw;
  }
}
.watch3-series-straps .blur-up {
  filter: blur(5px);
  transition: filter 400ms;
}
.watch3-series-straps .blur-up.lazyloaded {
  filter: blur(0);
}
.watch3-series-straps .watch3-series-straps-nowrap {
  white-space: nowrap;
}
.watch3-series-straps img,
.watch3-series-straps video {
  display: block;
  width: 100%;
}
.watch3-series-straps a {
  color: inherit;
}
.watch3-series-straps p {
  line-height: 1.6;
}
.watch3-series-straps h2,
.watch3-series-straps h3,
.watch3-series-straps h4 {
  line-height: 1.25;
}
.watch3-series-straps sup {
  position: relative;
  font-size: 55%;
  cursor: pointer;
  z-index: 4;
  transform: translateY(15%);
  line-height: 0;
}
.watch3-series-straps sup.sup-spec {
  position: static;
}
.watch3-series-straps *,
.watch3-series-straps *:before,
.watch3-series-straps *:after {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.watch3-series-straps .watch3-series-straps-section {
  position: relative;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .watch3-series-straps-section {
    text-align: center;
  }
}
.watch3-series-straps .section-title {
  font-size: 2.5vw;
  font-weight: 700;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-title {
    font-size: 6.6666666667vw;
  }
}
.watch3-series-straps .section-subTitle {
  font-size: 1.1458333333vw;
  font-weight: 700;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-subTitle {
    font-size: 2.2222222222vw;
  }
}
.watch3-series-straps .section-desc {
  font-size: 1.1458333333vw;
  margin-top: 1.5625vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-desc {
    font-size: 4.4444444444vw;
    margin-top: 4.1666666667vw;
  }
}
.watch3-series-straps .section-subDesc {
  font-size: 1.1458333333vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-subDesc {
    font-size: 2.2222222222vw;
  }
}
.watch3-series-straps .section-kv {
  overflow: hidden;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-kv {
    display: flex;
    flex-direction: column-reverse;
  }
}
.watch3-series-straps .section-kv .kv-bgWrap {
  width: 81.9791666667vw;
  overflow: hidden;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-kv .kv-bgWrap {
    width: 100%;
  }
}
.watch3-series-straps .section-kv .kv-bgWrap img {
  transition: transform 1s ease;
}
.watch3-series-straps .section-kv .kv-bgWrap.active img {
  transform: translateX(-10.4166666667vw);
}
.watch3-series-straps .section-kv .kv-textWrap {
  position: absolute;
  top: 50%;
  left: 68.3333333333vw;
  width: 21.09375vw;
  opacity: 0;
  transform: translateX(100%) translateY(-50%);
  transition: all 1s ease;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-kv .kv-textWrap {
    position: relative;
    top: auto;
    left: auto;
    opacity: 1;
    transform: none;
    width: 56.3888888889vw;
    margin: 0 auto;
    padding: 15.2777777778vw 0;
    transition: none;
  }
}
.watch3-series-straps .section-kv .kv-textWrap.active {
  opacity: 1;
  transform: translateX(0) translateY(-50%);
}
.watch3-series-straps .section-kv .kv-textWrap h2 {
  font-size: 2.5vw;
  margin-top: 0.5208333333vw;
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-kv .kv-textWrap h2 {
    font-size: 6.6666666667vw;
    margin-top: 1.3888888889vw;
  }
}
.watch3-series-straps .section-change {
  height: calc(100vh - 76px);
  overflow: hidden;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change {
    height: auto;
    padding-top: 27.7777777778vw;
    overflow: initial;
  }
  .watch3-series-straps .section-change.active {
    min-height: 194.4444444444vw;
  }
}
.watch3-series-straps .section-change .change-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.6s ease;
  display: none;
}
.watch3-series-straps .section-change .change-wrap.active {
  opacity: 1;
  z-index: 2;
}
.watch3-series-straps .section-change .change-wrap.active2 {
  display: flex;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap1 {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    flex-direction: column;
  }
}
.watch3-series-straps .section-change .change-wrap2 {
  justify-content: flex-start;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap2 {
    top: 27.7777777778vw;
    height: auto;
    flex-direction: column;
    justify-content: center;
  }
}
.watch3-series-straps .section-change .change-wrap1-textWrap {
  width: 29.84375vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap1-textWrap {
    width: 87.2222222222vw;
  }
}
.watch3-series-straps .section-change .changeBtn {
  display: inline-block;
  font-size: 1.1458333333vw;
  line-height: 1.25;
  margin-top: 1.5625vw;
  color: #fff;
  background: #000;
  padding: 0.8854166667vw 1.5625vw;
  border-radius: 2.0833333333vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .changeBtn {
    font-size: 3.0555555556vw;
    margin-top: 8.3333333333vw;
    padding: 2.3611111111vw 4.1666666667vw;
    border-radius: 5.5555555556vw;
  }
}
.watch3-series-straps .section-change .change-wrap1-bgWrap {
  width: 40.6770833333vw;
  margin-left: 4.6875vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap1-bgWrap {
    width: 91.9444444444vw;
    margin-left: 0;
    margin-top: 11.1111111111vw;
  }
}
.watch3-series-straps .section-change .change-wrap2-textWrap {
  width: 35.4166666667vw;
  position: absolute;
  top: 49%;
  left: 55.2083333333vw;
  transition: all 0.6s ease;
}
@media (max-width: 1600px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-change .change-wrap2-textWrap {
    top: 43%;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap2-textWrap {
    position: relative;
    top: auto;
    left: auto;
    transform: none !important;
    width: 81.9444444444vw;
    margin: 11.1111111111vw auto 0;
  }
}
.watch3-series-straps .section-change .change-wrap2-textWrap > div {
  display: none;
  opacity: 0;
  transition: all 0.6s ease;
  transform: translateY(5.2083333333vw);
}
.watch3-series-straps .section-change .change-wrap2-textWrap > div.active1 {
  display: block;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap2-textWrap > div.active1 {
    text-align: left;
  }
}
.watch3-series-straps .section-change .change-wrap2-textWrap > div.active2 {
  opacity: 1;
  transform: translateY(0) rotate(0deg);
}
.watch3-series-straps .section-change .change-wrap2-textWrap > div:not(:first-of-type) {
  margin-top: 1.5625vw;
  font-size: 0;
}
@media (width: 1366px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-change .change-wrap2-textWrap > div:not(:first-of-type) {
    margin-top: 1.0416666667vw;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap2-textWrap > div:not(:first-of-type) {
    margin-top: 4.1666666667vw;
  }
}
.watch3-series-straps .section-change .change-wrap2-textWrap.active {
  transform: translateY(-50%);
}
@media (max-width: 1600px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-change .change-wrap2-textWrap.active {
    transform: translateY(-41%);
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-subTitle {
    width: 100%;
    text-align: left;
    white-space: nowrap;
  }
}
.watch3-series-straps .section-change .change-subTitle img {
  display: inline-block;
  vertical-align: middle;
  width: 2.5vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-subTitle img {
    width: 6.6666666667vw;
  }
}
.watch3-series-straps .section-change .change-subTitle h4 {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6666666667vw;
  font-weight: 700;
  margin-left: 0.8854166667vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-subTitle h4 {
    font-size: 4.4444444444vw;
    margin-left: 1.8055555556vw;
  }
}
.watch3-series-straps .section-change .change-subChoice {
  padding: 0.5208333333vw 1.3020833333vw;
  background: #F7F7F7;
  border-radius: 2.0833333333vw;
  margin-top: 1.3020833333vw;
  font-size: 0;
  display: none;
}
.watch3-series-straps .section-change .change-subChoice.active {
  display: inline-block;
}
@media (width: 1366px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-change .change-subChoice {
    margin-top: 0.78125vw;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-subChoice {
    margin-top: 4.1666666667vw;
    padding: 1.3888888889vw 3.4722222222vw;
    border-radius: 5.5555555556vw;
  }
}
.watch3-series-straps .section-change .change-subChoice > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1458333333vw;
  line-height: 1.25;
  color: #636363;
  cursor: pointer;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-subChoice > span {
    font-size: 3.0555555556vw;
  }
}
.watch3-series-straps .section-change .change-subChoice > span:not(:last-of-type) {
  margin-right: 2.2916666667vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-subChoice > span:not(:last-of-type) {
    margin-right: 3.4722222222vw;
  }
}
.watch3-series-straps .section-change .change-subChoice > span.active {
  color: #000;
}
.watch3-series-straps .section-change .change-color {
  height: 18.2291666667vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-color {
    height: 48.6111111111vw;
    display: block;
    align-items: normal !important;
    text-align: left;
    font-size: 0;
  }
  .watch3-series-straps .section-change .change-color .change-subTitle {
    display: inline-block;
    vertical-align: top;
  }
}
.watch3-series-straps .section-change .change-color .change-subChoice {
  background: none;
  padding: 0;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-color .change-subChoice {
    text-align: left;
    vertical-align: top;
    font-size: 0;
  }
}
.watch3-series-straps .section-change .change-color .change-subChoice > span:not(:last-of-type) {
  margin-right: 2.5vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-color .change-subChoice > span:not(:last-of-type) {
    margin: 0 0 12.5vw 7.6388888889vw;
    display: inline-block;
    vertical-align: top;
  }
}
.watch3-series-straps .section-change .chColor-icon {
  border-radius: 50%;
  border: 1px solid transparent;
  padding: 2px;
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  position: relative;
  margin-bottom: 3.6458333333vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .chColor-icon {
    width: 5.5555555556vw;
    height: 5.5555555556vw;
    margin: 0 0 12.5vw 6.9444444444vw;
  }
}
.watch3-series-straps .section-change .chColor-icon > span {
  border-radius: 50%;
  display: block;
  height: 100%;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .chColor-icon > span {
    width: 5.5555555556vw;
    height: 5.5555555556vw;
    margin: 0 auto;
  }
}
.watch3-series-straps .section-change .chColor-icon::before {
  content: attr(data-title);
  position: absolute;
  top: calc(100% + 0.5208333333vw);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 1.1458333333vw;
  line-height: 1.25;
  color: #000;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .chColor-icon::before {
    top: calc(100% + 1.3888888889vw);
    font-size: 3.0555555556vw;
  }
}
.watch3-series-straps .section-change .chColor-icon::after {
  content: attr(data-desc) "\a" attr(data-desc2);
  position: absolute;
  top: calc(100% + 2.0833333333vw);
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8333333333vw;
  line-height: 1.6;
  white-space: pre;
  color: #636363;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .chColor-icon::after {
    top: calc(100% + 5.5555555556vw);
    font-size: 1.9444444444vw;
  }
}
.watch3-series-straps .section-change .chColor-icon.active::before, .watch3-series-straps .section-change .chColor-icon.active::after {
  opacity: 1;
}
.watch3-series-straps .section-change .chColor-icon-autumn.active {
  border-color: #e8a34f;
}
.watch3-series-straps .section-change .chColor-icon-autumn > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-12@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-summer.active {
  border-color: #4f5746;
}
.watch3-series-straps .section-change .chColor-icon-summer > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-13@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-red.active {
  border-color: #a63939;
}
.watch3-series-straps .section-change .chColor-icon-red > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-14@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-black.active {
  border-color: #222222;
}
.watch3-series-straps .section-change .chColor-icon-black > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-1@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-blue.active {
  border-color: #424855;
}
.watch3-series-straps .section-change .chColor-icon-blue > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-6@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-green.active {
  border-color: #218574;
}
.watch3-series-straps .section-change .chColor-icon-green > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-2@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-sunshine.active {
  border-color: #ce3633;
}
.watch3-series-straps .section-change .chColor-icon-sunshine > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-4@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-darkred.active {
  border-color: #522d32;
}
.watch3-series-straps .section-change .chColor-icon-darkred > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-5@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-lightblue.active {
  border-color: #b7c8d1;
}
.watch3-series-straps .section-change .chColor-icon-lightblue > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-7@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-gray.active {
  border-color: #f1ede7;
}
.watch3-series-straps .section-change .chColor-icon-gray > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-9@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-fire.active {
  border-color: #9a3030;
}
.watch3-series-straps .section-change .chColor-icon-fire > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-10@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-darkgray.active {
  border-color: #424242;
}
.watch3-series-straps .section-change .chColor-icon-darkgray > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-11@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-brown.active {
  border-color: #8b4f3a;
}
.watch3-series-straps .section-change .chColor-icon-brown > span {
  background: #8b4f3a;
}
.watch3-series-straps .section-change .chColor-icon-darkbrown.active {
  border-color: #5f4743;
}
.watch3-series-straps .section-change .chColor-icon-darkbrown > span {
  background: #5f4743;
}
.watch3-series-straps .section-change .chColor-icon-dark.active {
  border-color: #222222;
}
.watch3-series-straps .section-change .chColor-icon-dark > span {
  background-image: url(../imgs/change2/icon-s4-color3.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-ice.active {
  border-color: #979897;
}
.watch3-series-straps .section-change .chColor-icon-ice > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-3@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-orange.active {
  border-color: #fd7322;
}
.watch3-series-straps .section-change .chColor-icon-orange > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-fxj-8@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-js1.active {
  border-color: #d5d6d7;
}
.watch3-series-straps .section-change .chColor-icon-js1 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-js-1@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-js2.active {
  border-color: #a29e9c;
}
.watch3-series-straps .section-change .chColor-icon-js2 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-js-2@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-js3.active {
  border-color: #676461;
}
.watch3-series-straps .section-change .chColor-icon-js3 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-js-3@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-js4.active {
  border-color: #242326;
}
.watch3-series-straps .section-change .chColor-icon-js4 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-js-4@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-zp1.active {
  border-color: #785442;
}
.watch3-series-straps .section-change .chColor-icon-zp1 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-zp-1@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-zp2.active {
  border-color: #4a3a34;
}
.watch3-series-straps .section-change .chColor-icon-zp2 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-zp-2@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-zp3.active {
  border-color: #313131;
}
.watch3-series-straps .section-change .chColor-icon-zp3 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-zp-3@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-zp4.active {
  border-color: #dc4343;
}
.watch3-series-straps .section-change .chColor-icon-zp4 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-zp-4@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-zp5.active {
  border-color: #65829d;
}
.watch3-series-straps .section-change .chColor-icon-zp5 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-zp-5@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-zp6.active {
  border-color: #dfdad3;
}
.watch3-series-straps .section-change .chColor-icon-zp6 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-zp-6@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-nl1.active {
  border-color: #c8e1e9;
}
.watch3-series-straps .section-change .chColor-icon-nl1 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-nl-1@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-nl2.active {
  border-color: #e62e31;
}
.watch3-series-straps .section-change .chColor-icon-nl2 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-nl-2@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-nl3.active {
  border-color: #050500;
}
.watch3-series-straps .section-change .chColor-icon-nl3 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-nl-4@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-nl4.active {
  border-color: #b19ab8;
}
.watch3-series-straps .section-change .chColor-icon-nl4 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-nl-6@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-nl5.active {
  border-color: #9d8b8a;
}
.watch3-series-straps .section-change .chColor-icon-nl5 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-nl-7@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .chColor-icon-nl6.active {
  border-color: #050500;
}
.watch3-series-straps .section-change .chColor-icon-nl6 > span {
  background-image: url(../imgs/change1/huawei-watch-3-series-straps-color-icon-nl-8@2x.png);
  background-size: 100% 100%;
}
.watch3-series-straps .section-change .change-wrap2-bgWrap {
  width: 57.2916666667vw;
  width: 62.5vw;
  height: 100%;
  position: relative;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-wrap2-bgWrap {
    width: 55.5555555556vw;
    width: 83.3333333333vw;
    height: 80.5555555556vw;
    overflow: hidden;
  }
}
.watch3-series-straps .section-change .change-wrap2-bgWrap.active {
  overflow: hidden;
}
.watch3-series-straps .section-change .change-46mm-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 29.1666666667vw;
  height: 100%;
  transform: translateX(-50%);
  transition: opacity 0.1s ease;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-wrap {
    width: 50.1388888889vw;
  }
}
.watch3-series-straps .section-change .change-46mm-wrap.notActive {
  opacity: 0;
}
.watch3-series-straps .section-change .change-46mm-wrap.active .change-46mm-start {
  transform: translateX(0);
}
.watch3-series-straps .section-change .change-46mm-wrap.active .change-46mm-start > div {
  transform: scale(2);
  transform-origin: 0% 50%;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-wrap.active .change-46mm-start > div {
    transform: scale(calc(361 / 240));
  }
}
.watch3-series-straps .section-change .change-46mm-start {
  width: 14.5833333333vw;
  transform: translateX(-2.0833333333vw);
  transition: opacity 0.3s ease 0.1s;
  position: relative;
  height: 100%;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-start {
    width: 25vw;
    width: 33.3333333333vw;
    transform: translateX(-9.7222222222vw);
  }
}
.watch3-series-straps .section-change .change-46mm-start.notActive {
  opacity: 0;
}
.watch3-series-straps .section-change .change-46mm-start > div {
  position: absolute;
  top: calc((calc(100vh - 76px) - 55.2604166667vw) / 2);
  left: 0;
  width: 14.5833333333vw;
  height: 55.2604166667vw;
  transition: all 0.3s ease 0.1s;
  z-index: 2;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-start > div {
    width: 25vw;
    height: 94.7321428571vw;
    top: calc((80.5555555556vw - 94.7321428571vw) / 2);
    width: 33.3333333333vw;
    height: 126.3095238095vw;
    top: calc((80.5555555556vw - 126.3095238095vw) / 2);
  }
}
.watch3-series-straps .section-change .change-46mm-dai,
.watch3-series-straps .section-change .change-48mm-dai {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.watch3-series-straps .section-change .change-46mm-dai > div,
.watch3-series-straps .section-change .change-48mm-dai > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 29.1666666667vw;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-dai > div,
.watch3-series-straps .section-change .change-48mm-dai > div {
    width: 50.1388888889vw;
  }
}
.watch3-series-straps .section-change .change-46mm-dai > div img,
.watch3-series-straps .section-change .change-48mm-dai > div img {
  position: absolute;
  top: calc((calc(100vh - 76px) - 46.875vw) / 2);
  left: 0;
  width: 29.1666666667vw;
  height: 46.875vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-dai > div img,
.watch3-series-straps .section-change .change-48mm-dai > div img {
    top: 0;
    width: 50.1388888889vw;
    height: 80.5555555556vw;
  }
}
.watch3-series-straps .section-change .change-46mm-dai > div.active,
.watch3-series-straps .section-change .change-48mm-dai > div.active {
  opacity: 1;
}
.watch3-series-straps .section-change .change-46mm-pan,
.watch3-series-straps .section-change .change-48mm-pan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.watch3-series-straps .section-change .change-46mm-pan > div,
.watch3-series-straps .section-change .change-48mm-pan > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 29.1666666667vw;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-pan > div,
.watch3-series-straps .section-change .change-48mm-pan > div {
    width: 50.1388888889vw;
  }
}
.watch3-series-straps .section-change .change-46mm-pan > div img,
.watch3-series-straps .section-change .change-48mm-pan > div img {
  position: absolute;
  top: calc((calc(100vh - 76px) - 46.875vw) / 2);
  left: 0;
  width: 29.1666666667vw;
  height: 46.875vw;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-46mm-pan > div img,
.watch3-series-straps .section-change .change-48mm-pan > div img {
    top: 0;
    width: 50.1388888889vw;
    height: 80.5555555556vw;
  }
}
.watch3-series-straps .section-change .change-46mm-pan > div.active,
.watch3-series-straps .section-change .change-48mm-pan > div.active {
  opacity: 1;
}
.watch3-series-straps .section-change .change-48mm-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 29.1666666667vw;
  height: 100%;
  transform: translateX(-50%);
  transition: opacity 0.1s ease;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-48mm-wrap {
    width: 50.1388888889vw;
    height: 80.5555555556vw;
  }
}
.watch3-series-straps .section-change .change-48mm-wrap.notActive {
  opacity: 0;
}
.watch3-series-straps .section-change .change-48mm-wrap.active .change-48mm-start {
  transform: translateX(0);
}
.watch3-series-straps .section-change .change-48mm-wrap.active .change-48mm-start > div {
  transform: scale(2);
  transform-origin: 100% 50%;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-48mm-wrap.active .change-48mm-start > div {
    transform: scale(calc(361 / 240));
  }
}
.watch3-series-straps .section-change .change-48mm-start {
  width: 14.5833333333vw;
  transform: translateX(2.0833333333vw);
  transition: all 0.3s ease 0.1s;
  position: relative;
  height: 100%;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-48mm-start {
    width: 25vw;
    width: 33.3333333333vw;
    transform: translateX(9.7222222222vw);
  }
}
.watch3-series-straps .section-change .change-48mm-start.notActive {
  opacity: 0;
}
.watch3-series-straps .section-change .change-48mm-start > div {
  position: absolute;
  top: calc((calc(100vh - 76px) - 55.2604166667vw) / 2);
  left: 0;
  width: 14.5833333333vw;
  height: 55.2604166667vw;
  transition: all 0.3s ease 0.1s;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-change .change-48mm-start > div {
    width: 25vw;
    height: 94.7321428571vw;
    top: calc((80.5555555556vw - 94.7321428571vw) / 2);
    width: 33.3333333333vw;
    height: 126.3095238095vw;
    top: calc((80.5555555556vw - 126.3095238095vw) / 2);
  }
}
.watch3-series-straps .section-ceramics {
  padding: 10.4166666667vw 0;
  background: #F0F0F0;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-ceramics {
    padding: 27.7777777778vw 0 0;
    background: none;
  }
}
.watch3-series-straps .section-ceramics .ceramics-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-ceramics .ceramics-wrap {
    flex-direction: column-reverse;
  }
}
.watch3-series-straps .section-ceramics .ceramics-bgWrap {
  width: 38.5416666667vw;
  border-radius: 1.0416666667vw;
  overflow: hidden;
  transform: rotate(0deg);
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-ceramics .ceramics-bgWrap {
    width: 100%;
    border-radius: 2.7777777778vw;
    margin-top: 11.1111111111vw;
  }
}
.watch3-series-straps .section-ceramics .ceramics-bgWrap img {
  transition: transform 0.5s ease;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-ceramics .ceramics-bgWrap img {
    transition: none;
  }
}
.watch3-series-straps .section-ceramics .ceramics-bgWrap :hover img {
  transform: scale(1.2);
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-ceramics .ceramics-bgWrap :hover img {
    transform: none;
  }
}
.watch3-series-straps .section-ceramics .ceramics-textWrap {
  width: 31.25vw;
  margin-left: 7.8125vw;
}
.watch3-series-straps .section-ceramics .ceramics-textWrap.active {
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-ceramics .ceramics-textWrap {
    width: 87.2222222222vw;
    margin: 0 auto;
    transition: none;
    opacity: 1;
    transform: none;
  }
}
.watch3-series-straps .section-material {
  padding: 10.4166666667vw 0 8.8541666667vw;
  height: 400vh;
}
@media (min-width: 1921px) and (min-aspect-ratio: 1/1), (width: 1500px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-material {
    padding-bottom: 0;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-material {
    padding: 27.7777777778vw 0 0;
    height: auto;
  }
}
.watch3-series-straps .section-material .material-wrap {
  position: sticky;
  top: calc(76px + 1.5625vw);
}
@media (min-width: 1921px) and (min-aspect-ratio: 1/1), (width: 1500px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-material .material-wrap {
    height: calc(100vh - 76px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-material .material-wrap {
    position: relative;
    top: auto;
  }
}
.watch3-series-straps .section-material .material-textWrap {
  width: 53.3333333333vw;
  margin: 0 auto;
  text-align: center;
  transition: all 0.6s ease;
}
.watch3-series-straps .section-material .material-textWrap.active {
  transform: translateY(-100%);
  opacity: 0;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-material .material-textWrap {
    width: 87.2222222222vw;
  }
}
.watch3-series-straps .section-material .material-bgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.125vw;
  transition: all 0.6s ease;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-material .material-bgWrap {
    display: none;
  }
}
.watch3-series-straps .section-material .material-bgWrap-text ul li:not(:last-child) {
  margin-bottom: 1.5625vw;
}
.watch3-series-straps .section-material .material-bgWrap-text ul li p {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
  color: #D1D1D2;
  transition: all 0.6s ease;
}
.watch3-series-straps .section-material .material-bgWrap-text ul li p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2.8645833333vw;
  width: 1.3020833333vw;
  height: 1.3020833333vw;
  border-radius: 50%;
  background: #D1D1D2;
  transform: translateY(-50%);
  transition: all 0.6s ease;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active1 li:first-of-type p {
  color: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active1 li:first-of-type p::before {
  background: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active2 li:nth-of-type(2) p {
  color: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active2 li:nth-of-type(2) p::before {
  background: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active3 li:nth-of-type(3) p {
  color: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active3 li:nth-of-type(3) p::before {
  background: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active4 li:last-of-type p {
  color: #000;
}
.watch3-series-straps .section-material .material-bgWrap-text ul.active4 li:last-of-type p::before {
  background: #000;
}
.watch3-series-straps .section-material .material-bgWrap-pic {
  width: 42.7083333333vw;
  height: 29.1666666667vw;
  margin-left: 15.625vw;
  position: relative;
}
.watch3-series-straps .section-material .material-bgWrap-pic div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.watch3-series-straps .section-material .material-bgWrap-pic.active1 div:first-of-type {
  opacity: 1;
}
.watch3-series-straps .section-material .material-bgWrap-pic.active2 div:nth-of-type(2) {
  opacity: 1;
}
.watch3-series-straps .section-material .material-bgWrap-pic.active3 div:nth-of-type(3) {
  opacity: 1;
}
.watch3-series-straps .section-material .material-bgWrap-pic.active4 div:last-of-type {
  opacity: 1;
}
.watch3-series-straps .section-material .material-swiperWrap {
  display: none;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-material .material-swiperWrap {
    display: block;
    margin-top: 11.1111111111vw;
  }
}
.watch3-series-straps .section-material .swiper-pagination {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 11.1111111111vw 0 22.2222222222vw;
  font-size: 0;
}
.watch3-series-straps .section-material .swiper-pagination-bullet {
  width: 5vw;
  height: 5vw;
  opacity: 1;
  background: #D1D1D2;
  margin: 0 8.3333333333vw;
  position: relative;
  color: #D1D1D2;
}
.watch3-series-straps .section-material .swiper-pagination-bullet > span {
  font-size: 3.3333333333vw;
  display: block;
  position: absolute;
  top: calc(100% + 1.3888888889vw);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (min-width: 601px) and (max-width: 1000px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-material .swiper-pagination-bullet > span {
    top: calc(100% + 2.7777777778vw);
  }
}
.watch3-series-straps .section-material .swiper-pagination-bullet:focus, .watch3-series-straps .section-material .swiper-pagination-bullet:active {
  outline: none;
}
.watch3-series-straps .section-material .swiper-pagination-bullet-active {
  background: #000;
  color: #000;
}
.watch3-series-straps .section-material .material-wrap-ie {
  display: none;
}
.watch3-series-straps .section-tear {
  height: 400vh;
}
@media (min-width: 601px) and (max-width: 1000px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear {
    height: auto;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear {
    padding: 27.7777777778vw 0;
    background: #F0F0F0;
  }
}
.watch3-series-straps .section-tear .tear-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: sticky;
  top: 76px;
  background: #F0F0F0;
}
@media (min-width: 601px) and (max-width: 1000px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-wrap {
    position: relative;
    top: auto;
    display: block;
    height: 450vh;
    overflow: initial;
  }
}
@media (max-width: 600px) and (max-aspect-ratio: 1/1) {
  .watch3-series-straps .section-tear .tear-wrap {
    top: 96px;
    flex-direction: column;
    background: none;
  }
}
.watch3-series-straps .section-tear .tear-textWrap {
  width: 28.125vw;
}
@media (min-width: 601px) and (max-width: 1000px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-textWrap {
    margin: 0 auto;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-textWrap {
    width: 87.2222222222vw;
  }
}
.watch3-series-straps .section-tear .tear-bgWrap {
  width: 23.4375vw;
  height: 46.5625vw;
  margin-left: 17.7083333333vw;
  position: relative;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap {
    width: 46.25vw;
    height: 92.5vw;
    margin-left: 0;
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 601px) and (max-width: 1000px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap {
    position: sticky;
    top: 96px;
    margin-left: auto;
    margin-right: auto;
  }
}
.watch3-series-straps .section-tear .tear-bgWrap.active1 .tear-bgWrap-pic1 > div:first-of-type,
.watch3-series-straps .section-tear .tear-bgWrap.active1 .tear-bgWrap-pic2 > div:first-of-type {
  opacity: 1;
}
.watch3-series-straps .section-tear .tear-bgWrap.active2 .tear-bgWrap-pic1 > div:nth-of-type(2),
.watch3-series-straps .section-tear .tear-bgWrap.active2 .tear-bgWrap-pic2 > div:first-of-type {
  opacity: 1;
}
.watch3-series-straps .section-tear .tear-bgWrap.active3 .tear-bgWrap-pic1 > div:nth-of-type(3),
.watch3-series-straps .section-tear .tear-bgWrap.active3 .tear-bgWrap-pic2 > div:last-of-type,
.watch3-series-straps .section-tear .tear-bgWrap.active3 .tear-bgWrap-pic3 {
  opacity: 1;
}
.watch3-series-straps .section-tear .tear-bgWrap.active4 .tear-bgWrap-pic1 > div:last-of-type,
.watch3-series-straps .section-tear .tear-bgWrap.active4 .tear-bgWrap-pic2 > div:last-of-type {
  opacity: 1;
}
.watch3-series-straps .section-tear .tear-bgWrap-pic1,
.watch3-series-straps .section-tear .tear-bgWrap-pic2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.watch3-series-straps .section-tear .tear-bgWrap-pic1 > div,
.watch3-series-straps .section-tear .tear-bgWrap-pic2 > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.watch3-series-straps .section-tear .tear-bgWrap-pic1 > div img,
.watch3-series-straps .section-tear .tear-bgWrap-pic2 > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.watch3-series-straps .section-tear .tear-bgWrap-pic3 {
  position: absolute;
  top: 25vw;
  left: 50%;
  transform: translateX(-43%);
  width: 3.28125vw;
  height: 3.28125vw;
  opacity: 0;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap-pic3 {
    width: 8.75vw;
    height: 8.75vw;
    top: 48.6111111111vw;
  }
}
.watch3-series-straps .section-tear .tear-bgWrap-pic3 > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-animation: twave 1s linear infinite;
          animation: twave 1s linear infinite;
}
.watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:first-of-type {
  width: 3.0729166667vw;
  height: 3.0729166667vw;
  background: rgba(255, 255, 255, 0.1);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:first-of-type {
    width: 8.1944444444vw;
    height: 8.1944444444vw;
  }
}
.watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:nth-of-type(2) {
  width: 2.4479166667vw;
  height: 2.4479166667vw;
  background: rgba(255, 255, 255, 0.3);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:nth-of-type(2) {
    width: 6.5277777778vw;
    height: 6.5277777778vw;
  }
}
.watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:nth-of-type(3) {
  width: 1.8229166667vw;
  height: 1.8229166667vw;
  background: rgba(255, 255, 255, 0.5);
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:nth-of-type(3) {
    width: 4.8611111111vw;
    height: 4.8611111111vw;
  }
}
.watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:last-of-type {
  width: 1.1979166667vw;
  height: 1.1979166667vw;
  background: white;
  opacity: 1 !important;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-tear .tear-bgWrap-pic3 > div:last-of-type {
    width: 3.1944444444vw;
    height: 3.1944444444vw;
  }
}
.watch3-series-straps .section-tear .tear-wrap-ie {
  display: none;
}
.watch3-series-straps .section-note {
  padding: 10.4166666667vw 0;
  text-align: left;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-note {
    padding: 13.8888888889vw 0;
  }
}
.watch3-series-straps .section-note .note-wrap {
  width: 82.1875vw;
  margin: 0 auto;
  border-top: 1px solid #B2B2B2;
}
.watch3-series-straps .section-note ul {
  list-style: decimal;
  width: 54.2708333333vw;
  margin: 10.4166666667vw auto 0;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-note ul {
    margin-top: 6.9444444444vw;
    width: 100%;
    padding-left: 1.3888888889vw;
  }
}
.watch3-series-straps .section-note li {
  line-height: 1.6;
  font-size: 0.8333333333vw;
  color: #808080;
}
@media (max-width: 1440px) and (min-aspect-ratio: 1/1) {
  .watch3-series-straps .section-note li {
    font-size: 13px;
  }
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .section-note li {
    font-size: 1.6666666667vw;
  }
}
.watch3-series-straps .section-note li.cur {
  color: #fff;
}
@-webkit-keyframes twave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes twave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.watch3-series-straps .watch3-series-straps-mobShow {
  display: none !important;
}
@media (max-width: 1200px) and (max-aspect-ratio: 1/1), (width: 677px) {
  .watch3-series-straps .watch3-series-straps-mobShow {
    display: block !important;
  }
  .watch3-series-straps .watch3-series-straps-pcShow {
    display: none !important;
  }
}
.watch3-series-straps.watch3-series-straps-isIE .section-kv .kv-bgWrap img {
  transition: none;
  transform: translateX(-10.4166666667vw);
}
.watch3-series-straps.watch3-series-straps-isIE .section-kv .kv-textWrap {
  transition: none;
  transform: translateY(-50%) !important;
  opacity: 1 !important;
}
.watch3-series-straps.watch3-series-straps-isIE .section-change {
  height: 100vh;
}
.watch3-series-straps.watch3-series-straps-isIE .section-change .change-46mm-start > div:first-of-type,
.watch3-series-straps.watch3-series-straps-isIE .section-change .change-48mm-start > div:first-of-type {
  position: absolute;
  top: calc(50% - 55.2604166667vw / 2);
}
.watch3-series-straps.watch3-series-straps-isIE .section-change .change-46mm-pan > div img,
.watch3-series-straps.watch3-series-straps-isIE .section-change .change-48mm-pan > div img,
.watch3-series-straps.watch3-series-straps-isIE .section-change .change-46mm-dai > div img,
.watch3-series-straps.watch3-series-straps-isIE .section-change .change-48mm-dai > div img {
  top: calc((100vh - 46.875vw) / 2);
}
.watch3-series-straps.watch3-series-straps-isIE .section-material {
  height: auto;
  padding: 10.4166666667vw 0;
}
.watch3-series-straps.watch3-series-straps-isIE .section-material .material-wrap {
  height: auto;
  display: block;
  position: relative;
  top: auto;
}
.watch3-series-straps.watch3-series-straps-isIE .section-material .material-bgWrap {
  display: none;
}
.watch3-series-straps.watch3-series-straps-isIE .section-material .material-wrap-ie {
  display: block;
}
.watch3-series-straps.watch3-series-straps-isIE .section-material .material-wrap-ie > div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.125vw;
}
.watch3-series-straps.watch3-series-straps-isIE .section-material .material-wrap-ie .material-bgWrap-pic {
  opacity: 1 !important;
}
.watch3-series-straps.watch3-series-straps-isIE .section-tear {
  height: auto;
}
.watch3-series-straps.watch3-series-straps-isIE .section-tear .tear-wrap {
  display: none;
}
.watch3-series-straps.watch3-series-straps-isIE .section-tear .tear-wrap-ie {
  display: block;
}
.watch3-series-straps.watch3-series-straps-isIE .section-tear .tear-wrap-ie > div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.125vw;
  overflow: hidden;
}
.watch3-series-straps.watch3-series-straps-isIE .section-tear .tear-bgWrap > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.watch3-series-straps.watch3-series-straps-isIE .section-tear .tear-bgWrap .tear-bgWrap-pic3 {
  position: absolute;
  top: 25vw;
  left: 50%;
  transform: translateX(-50%);
  width: 3.28125vw;
  height: 3.28125vw;
  opacity: 1;
}

.cbg-backtotop {
  position: fixed;
  z-index: 200;
  bottom: 90px;
  right: 50px;
}
.cbg-backtotop > a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 5px 0;
  text-indent: -9999px;
  background: url(https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/store/img/sprites_cbg_icon.png) no-repeat;
  opacity: 0.6;
  filter: alpha(opacity=80);
  transition: all linear 0.2s;
}
.cbg-backtotop > a.cbg-icon-backtotop {
  background-position: -549px -188px;
}
.cbg-backtotop > a.hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}/*# sourceMappingURL=index.css.map */