:root {
  --ml-txt-64: 3.333333vw;
  --ml-txt-22: 1.145833vw;
}

.ml-container {
  background-color: #000;
  font-weight: 400;
  --a: 139px;
  --circle: 1.82291667vw;
  line-height: 1.6;
  overflow: hidden;
}

#ml-container h2 {
  font-weight: 700;
  line-height: 1.25;
}

.ml-container * {
  margin: 0;
  padding: 0;
}
.ml-container .delayani{
  opacity: 0;
}
.ml-container sup {
  font-size: .6em;
  cursor: pointer;
}

.ml-container a {
  color: inherit;
  text-decoration: none;
}

.ml-container img {
  width: 100%;
  display: block;
  border: none;
  vertical-align: middle;
}

.ml-container .nr {
  white-space: nowrap;
  display: inline-block;
}

.ml-container .show-pc {
  display: inline-block;
}

.ml-container .show-mob {
  display: none;
}

.ml-container .blur-up {
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}

.ml-container .blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

.ml-container .ml-img-border-radius {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  transform: scale(1);
  -webkit-transform: scale(1);
  overflow: hidden;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

.ml-container .ml-img-border-radius-s {
  border-radius: 0.520833vw;
  overflow: hidden;
}

.ml-container .ml-mb-60 {
  margin-bottom: 3.125vw;
}

.ml-container .ml-mb-200 {
  margin-bottom: 10.41666667vw;
}

.ml-container .ml-txt-22 {
  font-size: var(--ml-txt-22);
}

.ml-container .ml-txt-32 {
  font-size: 1.66666667vw;
}

.ml-container .ml-txt-48 {
  font-size: 2.5vw;
}

.ml-container .ml-txt-50 {
  font-size: 2.60416667vw
}

.ml-container .ml-txt-40 {
  font-size: 2.08333333vw;
}

.ml-container .ml-txt-45 {
  font-size: 2.34375vw;
}

.ml-container .ml-txt-64 {
  font-size: 3.333333333vw;
}

.ml-container .ml-txt-80 {
  font-size: 4.16666667vw
}

.ml-container .ml-txt-96 {
  font-size: 5vw;
}

.ml-container .ml-txt-left {
  text-align: left;
}

.ml-container .ml-txt-center {
  text-align: center;
}

.ml-container .ml-txt-right {
  text-align: right;
}

.ml-container .ml-txt-white {
  color: #ffffff;
}

.ml-container .ml-section {
  width: 100%;
  display: block;
  position: relative;
}

.ml-container .ml-show-uc {
  display: none;
}

.ml-container .ml-show-ie {
  display: none;
}

html.ml-no-scroll,
body.ml-no-scroll {
  overflow: hidden;
}

.ml-container .ml-show-uc.open {
  display: block;
}

.ml-container .ml-txt-bg-s {
  background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.25;
}

.ml-container .ml-animation-up {
  opacity: 0;
}

.ml-container .ml-animation-up.active {
  -webkit-animation: fadeInUp 1s ease forwards;
  animation: fadeInUp 1s ease forwards;
  will-change: transform, opacity;
}

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    -webkit-transform: translateY(4vw);
    transform: translateY(4vw);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.ml-container .ml-txt-white-80 {
  color: rgba(255, 255, 255, 0.8);
}

/* kv start */
.ml-container .ml-kv {
  position: relative;

}

.ml-container .ml-kv .ml-kv-container {
  position: absolute;
  top: 4.0875vw;
  right: 7.44791667vw;
  width: 31.25vw;
  color: #fff;
  text-align: center;
  z-index: 10;
}

.ml-container .ml-kv .ml-kv-container .section-pic-center {
  color: #fff;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 1.5625vw
}

.ml-container .ml-kv .ml-kv-container .section-pic-center span {
  font-size: 0.677083vw;
  font-weight: 500;
}

.ml-container .ml-kv .ml-kv-container .kv-three {
  margin-top: 3.64583333vw;
  font-size: 1.14583333vw;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.ml-container .ml-kv .ml-kv-container .kv-three .switch-txt {
  margin-right: 0.625vw;
}

#ml-container .ml-kv .ml-kv-container p.ml-xin-txt-20-b {
  font-size: 0.9375vw;
  margin-top: 1.5625vw;
  color: rgba(255, 255, 255, 0.8);
}

#ml-container .ml-kv .ml-kv-container .kv-switch {
  width: 1.66666667vw;
}

#ml-container .ml-kv .ml-kv-container .section-slogan-botton {
  color: #000;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 10px 26px;
  border: 2px solid #fff;
  background-color: #FFFFFF;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

#ml-container .ml-kv .ml-kv-container .section-slogan-botton:hover {
  opacity: 0.8;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  :root {
    --ml-txt-64: 8.888889vw;
    --ml-txt-22: 3.333333vw;
  }

  .ml-container .ml-img-border-radius {
    border-radius: 2.777778vw;
    -webkit-border-radius: 2.777778vw;
    -moz-border-radius: 2.777778vw;
    -ms-border-radius: 2.777778vw;
    -o-border-radius: 2.777778vw;
  }

  .ml-container .ml-mb-60 {
    margin-bottom: 8.333333333vw;
  }

  .ml-container .ml-mb-200 {
    margin-bottom: 27.777777777vw;
  }

  .ml-container .ml-txt-64 {
    font-size: var(--ml-txt-64);
  }

  .ml-container .ml-txt-22 {
    font-size: var(--ml-txt-22);
  }

  .ml-container .ml-txt-50 {
    font-size: 6.944444444vw
  }

  .ml-container .ml-txt-80 {
    font-size: 11.11111111vw
  }

  .ml-container .ml-txt-32 {
    font-size: 4.444444444vw;
  }

  .ml-container .ml-txt-64 {
    font-size: 8.88888888vw;
  }

  .ml-container .ml-kv .ml-kv-container {
    left: 50%;
    top: 10.983333vw;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 72.91666666vw;
  }

  #ml-container .ml-kv .ml-kv-container p.ml-xin-txt-20-b {
    margin-top: 4.166666666vw;
    font-size: 2.5vw;
  }

  .ml-container .ml-kv .ml-kv-container .kv-three {
    margin-top: 8.333333333vw;
    font-size: 2.5vw;
  }

  #ml-container .ml-kv .ml-kv-container .kv-switch {
    width: 4.4444444444vw;
  }

  .ml-container .ml-img-border-radius {
    border-radius: 2.777778vw;
  }

  .ml-container .ml-img-border-radius-s {
    border-radius: 2.7777777777vw;
    -webkit-border-radius: 2.7777777777vw;
    -moz-border-radius: 2.7777777777vw;
    -ms-border-radius: 2.7777777777vw;
    -o-border-radius: 2.7777777777vw;
  }

  .ml-container .show-pc {
    display: none;
  }

  .ml-container .show-mob {
    display: inline-block;
  }

  .ml-container .ml-txt-bg-s {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #EEEADD;
  }

  .ml-container .ml-animation-up.active {
    -webkit-animation: fadeInUp 1s ease forwards;
    animation: fadeInUp 1s ease forwards;
    will-change: transform, opacity;
  }

  @-webkit-keyframes fadeInUp {
    from {
      -webkit-transform: translateY(8vw);
      transform: translateY(8vw);
      opacity: 0;
      -moz-transform: translateY(8vw);
      -ms-transform: translateY(8vw);
      -o-transform: translateY(8vw);
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeInUp {
    from {
      -webkit-transform: translateY(8vw);
      transform: translateY(8vw);
      opacity: 0;
      -moz-transform: translateY(8vw);
      -ms-transform: translateY(8vw);
      -o-transform: translateY(8vw);
    }

    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }

  .ml-container .ml-kv .ml-kv-container .section-pic-center {
    font-size: 5.56vw;
    margin-top: 4.16666667vw
  }

  .ml-container .ml-kv .ml-kv-container .section-pic-center span {
    font-size: 3.611111111vw;
  }
}


/* kv end */
/* heart start */
#ml-container .ml-reason .ml-content-ws {
  width: 82.8125vw;
  margin: 8.125vw auto 0;
  color: #fff;
}

#ml-container .ml-reason .ml-content-ws h2 {
  font-weight: 700;
}

#ml-container .ml-reason .ml-reason-content {
  width: 100%;
  font-size: 0;
}

#ml-container .ml-reason .ml-reason-content .ml-reason-wrap {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  border: 2px solid #313030;
  box-sizing: border-box;
  overflow: hidden;
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap img{
  object-fit: cover;
  scale: 1.05;
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap p {
  position: absolute;
  top: 1.510417vw;
  left: 1.5625vw;
  font-weight: 900;
  line-height: 1.25;
}

#ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(-n+3) {
  margin-bottom: 1.5625vw;
}

#ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(4) {
  margin-top: -1.614583vw;
}

#ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(6) {
  margin-top: -2.708333vw;
}

#ml-container .ml-reason .ml-reason-content .ml-reason-wrap1 {
  width: 29.375vw
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap1 img{
scale: 1;
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap2 {
  width: 23.333333vw;
  margin: 0 1.5625vw;
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap2 img{
  scale: 1;
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap3 {
  width: 26.35416667vw;
}
#ml-container .ml-reason .ml-reason-content .ml-reason-wrap3 img{
  scale: 1;
}
#ml-container .ml-reason .ml-sellpoint-arrow {
  width: 2.395833vw !important;
  height: 2.395833vw;
  position: absolute;
  bottom: 0.541667vw;
  right: 0.541667vw;
  cursor: pointer;
  background-color: #4D4D4D;
  border-radius: 50%;
  overflow: hidden;
  z-index: 9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#ml-container .ml-reason .ml-sellpoint-arrow img {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -moz-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -o-transform: translateY(-45%);
}

#ml-container .ml-reason .ml-reason-wrap:hover .ml-sellpoint-arrow img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1s;
  transition: all 1s;
}

#ml-container .ml-reason-content .ml-xin-txt-20-b {
  font-size: 1.25vw;
  font-weight: 900;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {

  #ml-container .ml-reason .ml-content-ws {
    width: 83.333333vw;
  }

  #ml-container .ml-reason .ml-sellpoint-arrow {
    width: 5.4vw !important;
    height: 5.4vw;
    bottom: 2.666667vw;
    right: 2.666667vw;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap2,
  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(-n+3),
  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(6),
  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(4) {
    margin: 0;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:first-child {
    width: 100%;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:last-child {
    width: 100%;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:nth-child(even):not(:last-child) {
    margin-right: 2.777778vw;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:not(:first-child):not(:last-child) {
    width: 40.277778vw;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap:not(:last-child) {
    margin-bottom: 2.777778vw;
  }

  #ml-container .ml-reason .ml-reason-content .ml-reason-wrap p {
    top: 2.777778vw;
    left: 3.05555555vw;
  }

  #ml-container .ml-reason-content .ml-xin-txt-20-b {
    font-size: 3.3333333333vw;
  }
}

/* camera start */
#ml-container .ml-design-camera {
  width: 100%;
}

#ml-container .ml-design-camera .ml-content-ws {
  position: relative;
  width: 82.1875vw;
  margin: 0 auto;
}

#ml-container .ml-design-camera .ml-content-ws img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

#ml-container .ml-design-camera .ml-content-wf {
  width: 100%;
}

#ml-container .ml-design-camera .ml-design-camera-text {
  width: 75.625vw;
  margin: 0 0 0 13.90625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

#ml-container .ml-design-camera .ml-design-camera-text h2 {
  width: 13.54166667vw;
  color: #fff;
}
#ml-container .ml-design-camera .ml-design-camera-text h2 span{
 
    background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #EEEADD;
}
#ml-container .ml-design-camera .ml-design-camera-text p {
  width: 42.39583333vw;
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.8;
  transform: translateY(4vw);
  -webkit-transform: translateY(4vw);
  -moz-transform: translateY(4vw);
  -ms-transform: translateY(4vw);
  -o-transform: translateY(4vw);
}

#ml-container .ml-design-camera .ml-design-camera-text-wrap {
  margin: 10.41666666666667vw 0 3.125vw 0;
}

#ml-container .ml-design-camera .ml-design-camera-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#ml-container .ml-design-camera .ml-design-camera-content div:nth-child(1) {
  width: 41.875vw;
}

#ml-container .ml-design-camera .ml-design-camera-content div:nth-child(2) {
  width: 36.666667vw;
}

#ml-container .ml-design-camera .ml-design-camera-content p {
  text-align: center;
  margin-top: 1.25vw;
}

.ml-container .ml-color-swiper .swiper-button-prev {
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-left.svg) 100% 100% no-repeat;
  left: 1.5625vw;
}

.ml-container .ml-color-swiper .swiper-button-next {
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-right.svg) 100% 100% no-repeat;
  right: 1.5625vw;
}

.ml-container .ml-color-swiper .swiper-button-prev,
.ml-container .ml-color-swiper .swiper-button-next {
  width: 2.93825vw;
  height: 2.93825vw;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: 100%;
  outline: none;
}

.ml-container .ml-color-swiper .swiper-button-next:after,
.ml-container .ml-color-swiper .swiper-container-rtl .swiper-button-prev:after,
.ml-container .ml-color-swiper .swiper-button-prev:after,
.ml-container .ml-color-swiper .swiper-container-rtl .swiper-button-next:after {
  content: none;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-design-camera .ml-content-ws {
    width: 83.333333vw;
  }

  #ml-container .ml-design-camera .ml-content-ws img {
    border-radius: 2.7777777vw;
    -webkit-border-radius: 2.7777777vw;
    -moz-border-radius: 2.7777777vw;
    -ms-border-radius: 2.7777777vw;
    -o-border-radius: 2.7777777vw;
  }

  #ml-container .ml-design-camera {
    margin-top: 27.7777777vw;
  }

  #ml-container .ml-design-camera .ml-content-wf {
    display: block;
    height: auto;
    margin-bottom: 0;
  }

  #ml-container .ml-design-camera .ml-design-camera-text-wrap {
    margin: 0 0 8.333333vw 0;
  }

  #ml-container .ml-design-camera .ml-design-camera-text {
    width: 83.3334%;
    padding-right: 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin: 0 auto;
  }

  #ml-container .ml-design-camera .ml-design-camera-text h2 {
    width: 100%;
    margin-bottom: 4.166667vw;
    order: 1;
  }

  #ml-container .ml-design-camera .ml-design-camera-content p {
    margin-top: 3.055556vw;
  }

  #ml-container .ml-design-camera .ml-design-camera-text p {
    width: 82.77777777vw;
    order: 2;
    transform: translateY(8vw);
    -webkit-transform: translateY(8vw);
    -moz-transform: translateY(8vw);
    -ms-transform: translateY(8vw);
    -o-transform: translateY(8vw);
  }

  #ml-container .ml-design-camera .ml-design-camera-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #ml-container .ml-design-camera .ml-design-camera-content div:nth-child(1),
  #ml-container .ml-design-camera .ml-design-camera-content div:nth-child(2) {
    width: 100%;
  }

  #ml-container .ml-design-camera .ml-design-camera-content div:nth-child(1) {
    margin-bottom: 10.694444vw;
  }

  .ml-container .ml-color-swiper .swiper-button-prev,
  .ml-container .ml-color-swiper .swiper-button-next {
    width: 6.944444vw;
    height: 6.944444vw;
  }

  .ml-container .ml-color-swiper .swiper-button-prev {
    left: -7.916667vw;
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-white-left.svg) 100% 100% no-repeat;
  }

  .ml-container .ml-color-swiper .swiper-button-next {
    background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-white-right.svg) 100% 100% no-repeat;
    right: -7.916667vw;
  }

  .ml-container .ml-color-swiper .swiper-button-prev,
  .ml-container .ml-color-swiper .swiper-button-next {
    background-size: 100%;
  }
}

/* camera end */
/* 3d-face start */
#ml-container .ml-3d-face-title .ml-3d-face-text {
  position: absolute;
  top: 19.32291667vw;
  left: 10.72916667vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#ml-container .ml-3d-face-title .ml-3d-face-text sup{
  font-size: 2.39583333vw;
  background: -webkit-linear-gradient(left, #B2A79F, #EEEADD, #B2A79F);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
    top: -0.26041667vw;
}
 
#ml-container .ml-3d-face-title .ml-3d-face-text h2:first-child,
#ml-container .ml-inout-title .ml-3d-face-text h2:first-child {
  margin-bottom: 1.5625vw;
}
#ml-container .ml-3d-face-title .ml-3d-face-text h2.ml-txt-96{
  text-align: justify;
}
@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-3d-face-title .ml-3d-face-text {
    top: 44.30555555vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  #ml-container .ml-3d-face-title .ml-3d-face-text sup{
    font-size: 6.388888888vw;
  }
  #ml-container .ml-3d-face-title .ml-3d-face-text h2.ml-txt-64 {
    font-size: 8.888889vw;
    margin-bottom: 0;
  }

  #ml-container .ml-3d-face-title .ml-3d-face-text h2.ml-txt-96 {
    margin-top: 8.3333333vw;
    font-size: 16.66666666vw;
    white-space: nowrap;
  }
  #ml-container .ml-3d-face-title .ml-3d-face-text sup{
    top: -1.960417vw;
  }
}

/* chip-ai start */
#ml-container .ml-ai-chip .ml-content-wf .chip-txt {
  width: 75.52083333vw;
  display: flex;
  justify-content: space-between;
  margin: 0 0 3.125vw 12.03125vw;
  align-items: center;
}

#ml-container .ml-ai-chip .ml-content-wf .chip-txt .ml-txt-22 {
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  -webkit-text-fill-color: initial
}

#ml-container .ml-ai-chip .ml-content-wf .chip-txt .ml-txt-64 {
  width: 30.46875vw;
}

#ml-container .ml-ai-chip .ml-content-wf .chip-txt .ml-txt-32 {
  margin-bottom: 1.5625vw;
  padding-left: 0.20833333vw;
}

#ml-container .ml-ai-chip .chop-txt-wrap {
  width: 31.875vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-ai-chip .ml-content-wf .chip-txt {
    flex-direction: column;
    width: 83.3333333333vw;
    text-align: center;
    margin: 0 auto;
  }

  #ml-container .ml-ai-chip .ml-content-wf .chip-txt .ml-txt-64 {
    margin-bottom: 4.1666666666vw;
    font-size: 8.8888888vw;
    width: 100%;
  }

  #ml-container .ml-ai-chip .ml-content-wf .chip-txt .ml-txt-32 {
    font-size: 4.44444444vw;
    margin-bottom: 4.1666666666vw;
    padding-left: 0;
  }

  #ml-container .ml-ai-chip .chop-txt-wrap {
    width: 100%;
    margin-bottom: 8.333333333vw;
  }
}

/* ml-alg start */
#ml-container .ml-free-hands .ml-free-hands-img-wrap {
  width: 47.291667vw;
  overflow: hidden;
  position: relative;
}

.ml-free-hands-img-wrap-main {
  width: 100%;
  height: 100%;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap-content {
  will-change: transform;
  display: flex;
  height: 100%;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img {
  width: 100%;
  flex: none;
  position: relative;
  overflow: hidden;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img1,
#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img2 {
  margin-right: 3.125vw;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask {
  will-change: width, height;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img .ml-free-hands-img-mask-bg {
  will-change: transform;
  width: 47.65625vw;
  position: absolute;
  top: 0;
  left: -.208333vw;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img .ml-free-hands-img-mask-icon {
  will-change: opacity;
  width: 7.083333vw;
  position: absolute;
  top: 12.604167vw;
  left: 19.583333vw;
  margin: 0 auto;
  opacity: 0;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img2 .ml-free-hands-img-mask-icon {
  will-change: transform;
  top: 10vw;
  left: 17.708333vw;
  transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img3 .ml-free-hands-img-mask-icon {
  will-change: transform;
  top: 10.316667vw;
  left: 19.53125vw;
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask .border {
  width: 2.760417vw;
  height: 2.8125vw;
  position: absolute;
  box-sizing: border-box;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask .border-1 {
  border-top: .416667vw solid #55D0FF;
  border-left: .416667vw solid #55D0FF;
  left: 0;
  top: 0;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask .border-2 {
  border-top: .416667vw solid #55D0FF;
  border-right: .416667vw solid #55D0FF;
  right: 0;
  top: 0;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask .border-3 {
  border-bottom: .416667vw solid #55D0FF;
  border-left: .416667vw solid #55D0FF;
  left: 0;
  bottom: 0;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask .border-4 {
  border-bottom: .416667vw solid #55D0FF;
  border-right: .416667vw solid #55D0FF;
  right: 0;
  bottom: 0;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap p {
  margin-top: 1.041667vw;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img-mask {
  width: 44.166667vw;
  height: 41.145833vw;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img1 .ml-free-hands-img-mask-icon {
  opacity: 1;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img1 .ml-free-hands-img-mask-bg {
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img-wrap-content {
  transform: translateX(-50.416667vw);
  -webkit-transform: translateX(-50.416667vw);
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img2 .ml-free-hands-img-mask-icon {
  opacity: 1;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img2 .ml-free-hands-img-mask-bg {
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -moz-transform: translateX(2px);
  -ms-transform: translateX(2px);
  -o-transform: translateX(2px);
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.actived .ml-free-hands-img-wrap-content {
  transform: translateX(-100.833333vw);
  -webkit-transform: translateX(-100.833333vw);
  -webkit-transition: all 1.1s ease;
  transition: all 1.1s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.actived .ml-free-hands-img3 .ml-free-hands-img-mask-icon {
  opacity: 1;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}

#ml-container .ml-free-hands .ml-free-hands-img-wrap.actived .ml-free-hands-img3 .ml-free-hands-img-mask-bg {
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}

#ml-container .ml-free-hands {
  width: 82.1875vw;
  margin: 0 auto 10.41666667vw;
}

#ml-container .ml-free-hands .ml-content-wf {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ml-container .ml-free-hands .ml-alg-txt-wrap {
  width: 28.33333333vw;
}

#ml-container .ml-free-hands .ml-alg-txt-wrap .ml-txt-22 {
  color: #ffffff;
  opacity: 0.8;
}

#ml-container .ml-free-hands .ml-alg-txt-wrap h2.ml-txt-32 p {
  font-weight: 700;
}

#ml-container .ml-free-hands .ml-content-wf .ml-txt-64 {
  margin: 1.5625vw 0;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-free-hands {
    width: 83.33333333vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap {
    width: 83.33333333vw;
    height: 87.222222vw;
    display: flex;
    flex-direction: column;
  }


  #ml-container .ml-free-hands .ml-free-hands-img-wrap p {
    margin-top: 3.055556vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img .ml-free-hands-img-mask-bg {
    width: 87.222222vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img-mask .border {
    width: 4.722222vw;
    height: 4.722222vw;
    border-width: .833333vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img .ml-free-hands-img-mask-icon {
    width: 13.472222vw;
    top: 25vw;
    left: 34.027778vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img2 .ml-free-hands-img-mask-icon {
    top: 19.513889vw;
    left: 29.722222vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img3 .ml-free-hands-img-mask-icon {
    top: 20.486111vw;
    left: 35vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img1,
  #ml-container .ml-free-hands .ml-free-hands-img-wrap .ml-free-hands-img2 {
    margin-right: 4.166667vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img-mask {
    width: 77.777778vw;
    height: 81.666667vw;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img1 .ml-free-hands-img-mask-bg {
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img-wrap-content {
    transform: translateX(-87.5vw);
    -webkit-transform: translateX(-87.5vw);
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img2 .ml-free-hands-img-mask-icon {
    opacity: 1;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.animated .ml-free-hands-img2 .ml-free-hands-img-mask-bg {
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.actived .ml-free-hands-img-wrap-content {
    transform: translateX(-175vw);
    -webkit-transform: translateX(-175vw);
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.actived .ml-free-hands-img3 .ml-free-hands-img-mask-icon {
    opacity: 1;
  }

  #ml-container .ml-free-hands .ml-free-hands-img-wrap.actived .ml-free-hands-img3 .ml-free-hands-img-mask-bg {
    transform: translateX(2px);
    -webkit-transform: translateX(.277778vw);
  }

  #ml-container .ml-free-hands .ml-content-wf {
    flex-direction: column;
  }

  #ml-container .ml-free-hands .ml-alg-txt-wrap {
    width: 83.333333333vw;
    text-align: center;
    margin-bottom: 8.333333333vw;
  }

  #ml-container .ml-free-hands .ml-content-wf .ml-txt-64 {
    margin: 4.166666666vw;
  }

  #ml-container .ml-free-hands {
    margin: 0 auto 27.777777777vw;
  }

}

/* ml-alg end */
/*ml-infrared start  */
#ml-container .ml-infrared .ml-infrared-wrap {
  width: 83.22916667vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-img {
  width: 45.833333vw;
  height: 34.375vw;
  border-radius: .520833vw;
  -webkit-border-radius: .520833vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

#ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-img img{
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}
#ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-txt-wrap {
  width: 31.875vw;
}

#ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-txt-wrap span.ml-txt-32 {
  line-height: 1.25;
  font-weight: 700;
}

#ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-txt-wrap h2 {
  margin: 1.5625vw 0;
}

#ml-container .ml-infrared .ml-infrared-icon-wrap {
  width: 100%;
  margin-top: 3.125vw;
}

#ml-container .ml-infrared .ml-infrared-icon-wrap ul {
  display: flex;
}

#ml-container .ml-infrared .ml-infrared-icon-wrap li {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ml-container .ml-infrared .ml-infrared-icon-wrap li:not(:last-child) {
  margin-right: 3.125vw;
}

#ml-container .ml-infrared .ml-infrared-icon {
  width: 5.3125vw;
  margin-bottom: 1.04166667vw;
}

#ml-container .ml-infrared .ml-infrared-icon-wrap p {
  font-size: 1.14583333vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-infrared .ml-infrared-wrap {
    width: 83.33334%;
    display: flex;
    flex-direction: column;
  }

  #ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-txt-wrap {
    width: 83.5vw;
    text-align: center;
  }

  #ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-txt-wrap h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }

  #ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-img {
    width: 100%;
    height: 88.055556vw;
    border-radius: 2.777778vw;
    -webkit-border-radius: 2.777778vw;
  }
  #ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-img img{
    border-radius: 2.77777777vw;
    -webkit-border-radius: 2.77777777vw;
    -moz-border-radius: 2.77777777vw;
    -ms-border-radius: 2.77777777vw;
    -o-border-radius: 2.77777777vw;
    height: 100%;
}
  #ml-container .ml-infrared .ml-infrared-txt-wrap-mob {
    text-align: center;
  }

  #ml-container .ml-infrared .ml-infrared-txt-wrap-mob span.ml-txt-32 {
    font-weight: 700;
  }

  #ml-container .ml-infrared .ml-infrared-txt-wrap-mob h2 {
    margin: 4.166666666vw 0;
  }

  #ml-container .ml-infrared .ml-infrared-txt-wrap-mob p {
    margin-bottom: 8.3333333333vw;
  }

  #ml-container .ml-infrared .ml-infrared-icon-wrap {
    margin-top: 8.33333333vw;
  }

  #ml-container .ml-infrared .ml-infrared-icon-wrap ul {
    justify-content: center;
  }

  #ml-container .ml-infrared .ml-infrared-icon {
    margin-bottom: 2.77777777vw;
    width: 14.7222222vw;
  }

  #ml-container .ml-infrared .ml-infrared-icon-wrap p {
    font-size: 3.0555555vw;
  }
  #ml-container .ml-infrared .ml-infrared-icon-wrap li:not(:last-child){
    margin-right: 8.3333333vw;
  }
}

/*ml-infrared end  */
/* ml-3d-detection start */
#ml-container .ml-3d-detection {
  margin-bottom: 5.72916667vw;
}

#ml-container .ml-3d-detection .ml-content-wf {
  width: 82.39583333vw;
  margin: 0 auto;
}

#ml-container .ml-3d-detection .ml-3d-detection-txt-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#ml-container .ml-3d-detection .ml-3d-detection-txt-wrap .ml-3d-detection-txt-left {
  width: 47.55208333vw;
}

#ml-container .ml-3d-detection .ml-3d-detection-txt-wrap h2 {
  margin-top: 1.041667vw;
}

#ml-container .ml-3d-detection .ml-3d-detection-txt-wrap span.ml-txt-32 {
  display: inline-block;
  line-height: 1.25;
  font-weight: 700;
}

#ml-container .ml-3d-detection .ml-content-wf .ml-3d-detection-txt-left h2 {
  margin: 1.5625vw 0;
}

#ml-container .ml-3d-detection .ml-3d-detection-img-wrap {
  width: 100%;
}

#ml-container .ml-3d-detection .ml-3d-detection-img-wrap img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-3d-detection {
    margin-bottom: 27.77777777vw;
  }

  #ml-container .ml-3d-detection .ml-content-wf {
    width: 100%;
    margin-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #ml-container .ml-3d-detection .ml-3d-detection-txt-wrap {
    width: 83.3334%;
    text-align: center;
    margin: 0 auto 8.333333vw;
    flex-direction: column;
    align-items: center;
  }

  #ml-container .ml-3d-detection .ml-3d-detection-txt-wrap h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }

  #ml-container .ml-3d-detection .ml-3d-detection-txt-wrap p {
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
  }

  #ml-container .ml-3d-detection .ml-3d-detection-img-wrap {
    width: 100%;
  }

  #ml-container .ml-3d-detection .ml-3d-detection-img-wrap img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  #ml-container .ml-3d-detection .ml-3d-detection-txt-wrap .ml-3d-detection-txt-left {
    width: 100%;
  }

  #ml-container .ml-3d-detection .ml-content-wf .ml-3d-detection-txt-left h2 {
    margin: 4.166666666vw 0;
  }

  #ml-container .ml-3d-detection .ml-3d-detection-img-wrap img {
    border-radius: 1.04166667vw;
    -webkit-border-radius: 1.04166667vw;
    -moz-border-radius: 1.04166667vw;
    -ms-border-radius: 1.04166667vw;
    -o-border-radius: 1.04166667vw;
  }
}

/* ml-3d-detection end */
/* ml-unlock-method start */
#ml-container #ml-unlock-method .ml-unlock-img {
  width: 39.27083333vw;
}

#ml-container #ml-unlock-method .ml-unlock-img img {
  border-radius: 1.04166666vw;
  -webkit-border-radius: 1.04166666vw;
  -moz-border-radius: 1.04166666vw;
  -ms-border-radius: 1.04166666vw;
  -o-border-radius: 1.04166666vw;
}

#ml-container #ml-unlock-method .ml-unlock-img-wrap {
  display: flex;
  justify-content: space-between;
}

#ml-container #ml-unlock-method .ml-content-wf {
  width: 82.1875vw;
  margin: 0 auto;
}

#ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlocking-methods-txt-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
}

#ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlock-svg-box {
  width: 4.89583333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80.46875vw;
  margin: 0 auto;
}

#ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlocking-methods-txt-content p {
  margin-top: 1.04166667vw;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.5);
  -webkit-text-fill-color: inherit;
  width: 200%;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container #ml-unlock-method .ml-content-wf {
    width: 87.5vw;
    display: flex;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap {
    width: 78.75vw;
    margin: 0 auto;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlock-svg-box img {
    width: 12.5vw;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlock-svg-box p {
    font-size: 3.0555555555vw;
    margin-top: 1.666666666vw;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlock-svg-box {
    width: 12.5vw;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlocking-methods-txt-content {
    flex-wrap: wrap;
    margin-bottom: 8.333333vw;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlocking-methods-txt-content .ml-unlocking-methods-1,
  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlocking-methods-txt-content .ml-unlocking-methods-2 {
    display: flex;
    justify-content: space-between;
  }

  #ml-container #ml-unlock-method .ml-unlock-img-wrap {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }

  #ml-container #ml-unlock-method .ml-unlock-img {
    width: 83.75vw;
  }

  #ml-container #ml-unlock-method .ml-unlock-img img {
    border-radius: 2.777777777vw;
    -webkit-border-radius: 2.777777777vw;
    -moz-border-radius: 2.777777777vw;
    -ms-border-radius: 2.777777777vw;
    -o-border-radius: 2.777777777vw;
  }

  #ml-container #ml-unlock-method .ml-unlock-img-wrap .ml-unlock-img:nth-child(1) {
    margin-bottom: 4.16666666vw;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlock-svg-box:nth-child(-n+4) {
    margin-bottom: 5.13888888vw;
  }

  #ml-container #ml-unlock-method .ml-content-wf .ml-unlock-svg-wrap .ml-unlock-svg-box:nth-child(-n+3) {
    margin-right: 9.58333333vw;
  }
}

/* ml-unlock-method end */
/* ml-inout-title start */
#ml-container .ml-inout-title .ml-content-wf {
  position: relative;
}

#ml-container .ml-inout-title .ml-3d-face-text {
  position: absolute;
  top: 22.44791667vw;
  left: 59.53125vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-inout-title .ml-3d-face-text {
    width: 100%;
    top: 47.77777777vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  #ml-container .ml-inout-title .ml-3d-face-text h2 {
    font-size: 16.66666666vw;
  }

  #ml-container .ml-inout-title .ml-3d-face-text h2:first-child {
    font-size: 8.88888888vw;
    margin-bottom: 8.333333333vw;
  }
}

/* ml-inout-title end */
/* ml-distri-eye start */
#ml-container .ml-distri-eye {
  width: 82.1875vw;
  margin: 0 auto 10.41666667vw;
}

#ml-container .ml-distri-eye .ml-distri-eye-txt-wrap {
  width: 55.083333vw;
}

#ml-container .ml-distri-eye .ml-distri-eye-txt-wrap h2 {
  margin: 1.5625vw 0;
}

#ml-container .ml-distri-eye .ml-distri-eye-txt-wrap span.ml-txt-32 {
  font-weight: 700;
}

#ml-container .ml-distri-eye .ml-distri-eye-img-wrap .ml-distri-eye-img {
  width: 39.27083333vw;
  margin-top: 3.125vw;
}

#ml-container .ml-distri-eye .ml-distri-eye-img-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#ml-container .ml-distri-eye .ml-distri-eye-img-wrap p {
  color: rgba(255, 255, 255);
  margin-top: 1.5625vw;
}

#ml-container .ml-distri-eye .ml-distri-eye-img-wrap .ml-distri-eye-img img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-distri-eye {
    width: 83.333333333vw;
    margin-bottom: 27.77777777vw;
  }

  #ml-container .ml-distri-eye .ml-distri-eye-txt-wrap {
    width: 100%;
    text-align: center;
  }

  #ml-container .ml-distri-eye .ml-distri-eye-txt-wrap h2 {
    margin: 4.16666666vw 0;
  }

  #ml-container .ml-distri-eye .ml-distri-eye-img-wrap .ml-distri-eye-img {
    margin-top: 8.3333333333vw;
    width: 39.583333333vw;
  }

  #ml-container .ml-distri-eye .ml-distri-eye-img-wrap .ml-distri-eye-img img {
    border-radius: 2.777777777vw;
    -webkit-border-radius: 2.777777777vw;
    -moz-border-radius: 2.777777777vw;
    -ms-border-radius: 2.777777777vw;
    -o-border-radius: 2.777777777vw;
  }

  #ml-container .ml-distri-eye .ml-distri-eye-img-wrap p {
    font-size: 3.055555555vw;
    margin-top: 4.166666666vw;
    text-align: center;
  }
}

/* ml-distri-eye end */
/* ml-os-connect start */
#ml-container .ml-os-connect .ml-content-ws {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 82.29166666vw;
  margin: 0 auto;
}


#ml-container .ml-os-connect .ml-os-connect-txt-wrap {
  width: 31.51041667vw;
  margin-top: 15.10416667vw;
}

#ml-container .ml-os-connect .ml-os-connect-txt-wrap p.ml-txt-32 {
  display: inline-block;
  line-height: 1.25;
  font-weight: 700;
}

#ml-container .ml-os-connect .ml-os-connect-txt-wrap h2 {
  margin: 0 0 1.5625vw 0;
}

#ml-container .ml-os-connect .ml-os-connect-txt-wrap p.ml-txt-22 {
  width:100%;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap {
  width: 47.291667vw;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper {
  position: relative;
  height: 44.32291666666vw;
  overflow: hidden;
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
  overflow: hidden;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-slide {
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  will-change: transform;
  overflow: hidden;
}
#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-slide img{
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}
#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-slide:not(:first-child) {
  -webkit-transform: translateY(101%);
  transform: translateY(101%);
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-slide.ml-tranformY0 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-slide.swiper-slide-prev{
  opacity: 0;
  transition: opacity 0s linear 1s;
  -webkit-transition: opacity 0s linear 1s;
  -moz-transition: opacity 0s linear 1s;
  -ms-transition: opacity 0s linear 1s;
  -o-transition: opacity 0s linear 1s;
}
#ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiperControl {
  width: 9.375vw;
  position: absolute;
  left: 8.31875vw;
  top: 26.875vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-prev {
  left: 0;
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-white-left.svg) 100% 100% no-repeat;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-next {
  right: 0;
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-white-right.svg) 100% 100% no-repeat;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-next,
#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-prev {
  position: relative;
  width: 1.71875vw;
  height: 1.71875vw;
  background-size: cover;
  outline: none;
  margin-top: 0;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-next:after,
#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-container-rtl .swiper-button-prev:after,
#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-prev:after,
#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-container-rtl .swiper-button-next:after {
  content: none;
}

#ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-pagination {
  width: 5.208333vw;
  position: relative;
  bottom: 0;
}

#ml-container .ml-os-connect .ml-os-connect-swiperText {
  margin-top: 1.5625vw;
  text-align: center;
  height: 1.666667vw;
  overflow: hidden;
}

#ml-container .ml-os-connect .ml-os-connect-swiperText .ml-os-connect-swiperText-wrap {
  -webkit-transition: transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  will-change: transform;
  -moz-transition: transform 0.8s;
  -ms-transition: transform 0.8s;
  -o-transition: transform 0.8s;
}

.static-style #ml-container .ml-os-connect .ml-os-connect-swiper .swiper-slide img {
  width: 99%;
  margin: 0 auto;
  display: block;
}

#ml-container .ml-os-connect .ml-os-connect-swiperText .ml-os-connect-swiperText-wrap p {
  font-size: 1.14583333vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-os-connect .ml-content-ws {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 83.333333vw;
  }

  #ml-container .ml-os-connect .ml-os-connect-txt-wrap {
    width: 100%;
    margin-top: 0;
    margin-bottom: 8.33333333vw;
    text-align: center;
  }

  #ml-container .ml-os-connect .ml-os-connect-img-wrap {
    width: 100%;
  }

  #ml-container .ml-os-connect .ml-os-connect-txt-wrap h2 {
    margin: 4.166666666vw 0;
  }

  #ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper {
    height: 98.88888888vw;
    border-radius: 2.7777777vw;
    -webkit-border-radius: 2.7777777vw;
    -moz-border-radius: 2.7777777vw;
    -ms-border-radius: 2.7777777vw;
    -o-border-radius: 2.7777777vw;
}

  #ml-container .ml-os-connect .ml-os-connect-swiperText {
    margin-top: 4.1666666vw;
    height: 5.277778vw;
  }

  #ml-container .ml-os-connect .ml-os-connect-swiperText .ml-os-connect-swiperText-wrap p {
    font-size: 3.05555555vw;
  }

  #ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiperControl {
    top: auto;
    width: 24.861111vw;
    position: sticky;
    margin: 4.16666666vw auto 0;
  }

  #ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-next,
  #ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-button-prev {
    width: 4.72222222vw;
    height: 4.72222222vw;
  }

  #ml-container .ml-os-connect .ml-os-connect-img-wrap .swiper-pagination {
    width: 11.111111vw;
  }

  #ml-container .ml-os-connect .ml-os-connect-txt-wrap p.ml-txt-22 {
    width: 84.305555555vw;
  }

  #ml-container .ml-os-connect .ml-os-connect-img-wrap .ml-os-connect-swiper .swiper-slide {
    border-radius: 2.7777777vw;
    -webkit-border-radius: 2.7777777vw;
    -moz-border-radius: 2.7777777vw;
    -ms-border-radius: 2.7777777vw;
    -o-border-radius: 2.7777777vw;
  }
}

/* ml-os-connect end */
/* ml-family-care start */
#ml-container .ml-family-care {
  width: 82.1875vw;
  margin: 0 auto 10.41666667vw;
}

#ml-container .ml-family-care .ml-family-care-txt-wrap {
  width: 40.40833333vw;
  margin: 0 auto 3.125vw;
  text-align: center;
}

#ml-container .ml-family-care .ml-family-care-txt-wrap span.ml-txt-bg-s {
  font-weight: 700;
}

#ml-container .ml-family-care .ml-family-care-txt-wrap h2.ml-txt-64 {
  margin: 1.5625vw 0;
}

#ml-container .ml-family-care .ml-family-care-img-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#ml-container .ml-family-care .ml-family-care-img {
  width: 39.27083333vw;
}

#ml-container .ml-family-care .ml-family-care-img img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-family-care {
    width: 83.33333333vw;
    margin: 0 auto 27.777777777vw;
  }

  #ml-container .ml-family-care .ml-family-care-txt-wrap {
    width: 100%;
  }

  #ml-container .ml-family-care .ml-family-care-txt-wrap h2.ml-txt-64 {
    margin: 4.166666666vw 0;
  }

  #ml-container .ml-family-care .ml-family-care-img-wrap {
    flex-direction: column;
  }

  #ml-container .ml-family-care .ml-family-care-img {
    width: 83.3333333vw;
  }

  #ml-container .ml-family-care .ml-family-care-img:not(:first-child) {
    margin-top: 4.16666666vw;
  }

  #ml-container .ml-family-care .ml-family-care-img img {
    border-radius: 2.77777777vw;
    -webkit-border-radius: 2.77777777vw;
    -moz-border-radius: 2.77777777vw;
    -ms-border-radius: 2.77777777vw;
    -o-border-radius: 2.77777777vw;
  }

  #ml-container .ml-family-care .ml-family-care-txt-wrap {
    margin: 0 auto 8.33333333vw;
  }
}

/* ml-family-care end */
/* ml-house-content start */
#ml-container .ml-house-connect .ml-content-ws {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 82.29166667vw;
  margin: 0 auto;
}
#ml-container .ml-house-connect .ml-house-connect-txt-wrap {
  width: 30.05208333vw;
  margin-top: 12.44791667vw;
}

#ml-container .ml-house-connect .ml-house-connect-txt-wrap p.ml-txt-32 {
  display: inline-block;
  line-height: 1.25;
  font-weight: 700;
}

#ml-container .ml-house-connect .ml-house-connect-txt-wrap h2 {
  margin: 1.5625vw 0;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap {
  width: 47.291667vw;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper {
  position: relative;
  height: 44.27083333vw;
  overflow: hidden;
}
#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-img-border-radius-s{
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}
#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
  overflow: hidden;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-slide {
  position: absolute;
  -webkit-transition:transform 1s,  ;
  transition: -webkit-transform 1s;
  transition:transform 1s,  ;
  will-change: transform;
  overflow: hidden;
  -moz-transition:transform 1s,  ;
  -ms-transition:transform 1s,  ;
  -o-transition:transform 1s,  ;
}
#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-slide img{
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}
#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-slide.delayani{
  opacity: 0;
  transition: opacity 0s linear 1s;
  -webkit-transition: opacity 0s linear 1s;
  -moz-transition: opacity 0s linear 1s;
  -ms-transition: opacity 0s linear 1s;
  -o-transition: opacity 0s linear 1s;
}
#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-slide:not(:first-child) {
  -webkit-transform: translateY(101%);
  transform: translateY(101%);
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-slide.ml-tranformY0 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiperControl {
  width: 9.375vw;
  position: absolute;
  left: 8.31875vw;
  top: 28.38541667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-prev {
  left: 0;
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-white-left.svg) 100% 100% no-repeat;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-next {
  right: 0;
  background: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/smart-lock/smart-lock-plus/img/huawei-smart-lock-pro-swiper-btn-white-right.svg) 100% 100% no-repeat;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-next,
#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-prev {
  position: relative;
  width: 1.71875vw;
  height: 1.71875vw;
  background-size: cover;
  outline: none;
  margin-top: 0;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-next:after,
#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-container-rtl .swiper-button-prev:after,
#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-prev:after,
#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-container-rtl .swiper-button-next:after {
  content: none;
}

#ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-pagination {
  width: 5.208333vw;
  position: relative;
  bottom: 0;
}

#ml-container .ml-house-connect .ml-house-connect-swiperText {
  margin-top: 1.5625vw;
  text-align: center;
  height: 1.666667vw;
  overflow: hidden;
}

#ml-container .ml-house-connect .ml-house-connect-swiperText .ml-house-connect-swiperText-wrap {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  will-change: transform;
}

#ml-container .ml-house-connect .ml-house-connect-swiperText .ml-house-connect-swiperText-wrap p {
  font-size: 1.14583333vw;
}

.static-style #ml-container .ml-house-connect .ml-house-connect-swiper .swiper-slide img {
  width: 99%;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-house-connect .ml-content-ws {
    width: 83.333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #ml-container .ml-house-connect .ml-house-connect-txt-wrap {
    width: 100%;
    margin-top: 0;
    margin-bottom: 8.333333vw;
    text-align: center;
  }

  #ml-container .ml-house-connect .ml-house-connect-img-wrap {
    width: 100%;
  }

  #ml-container .ml-house-connect .ml-house-connect-txt-wrap h2 {
    margin: 4.166666666vw 0;
  }

  #ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper {
    height: 98.8888888vw;
  }

  #ml-container .ml-house-connect .ml-house-connect-swiperText {
    margin-top: 4.166666666vw;
    height: 5.277778vw;
  }

  #ml-container .ml-house-connect .ml-house-connect-swiperText .ml-house-connect-swiperText-wrap p {
    font-size: 3.0555555vw;
  }

  #ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiperControl {
    width: 24.861111vw;
    position: static;
    margin: 0 auto;
    margin-top: 4.166666666vw;
  }

  #ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-next,
  #ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-button-prev {
    width: 4.583333vw;
    height: 4.583333vw;
  }

  #ml-container .ml-house-connect .ml-house-connect-img-wrap .swiper-pagination {
    width: 11.111111vw;
  }
  #ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-house-connect-swiper .swiper-slide img{
    border-radius: 2.77777777vw;
    -webkit-border-radius: 2.77777777vw;
    -moz-border-radius: 2.77777777vw;
    -ms-border-radius: 2.77777777vw;
    -o-border-radius: 2.77777777vw;
}
#ml-container .ml-house-connect .ml-house-connect-img-wrap .ml-img-border-radius-s{
  border-radius: 2.77777777vw;
  -webkit-border-radius: 2.77777777vw;
  -moz-border-radius: 2.77777777vw;
  -ms-border-radius: 2.77777777vw;
  -o-border-radius: 2.77777777vw;
}
}

/* ml-house-content end */
/* ml-app-content start */
#ml-container .ml-app-content {
  width: 80.46875vw;
  margin: 0 auto 10.41666667vw;
  text-align: center;
}

#ml-container .ml-app-content .ml-app-connect-img-wrap {
  display: flex;
  justify-content: space-between;
}
#ml-container .ml-app-content .ml-app-download{
  line-height: 1.6;
  position: relative;
  padding-top: 2.6041666667vw;
  text-align: center;
  display:inline-block;
  width: auto;
}
#ml-container .ml-app-content .ml-app-download .common-color2-btn{
    display: inline-block;
    cursor: pointer;
    background-color: #ce0e2d;
    color: #fff;
    padding: 12px 24px;
    line-height: 24px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 13px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
#ml-container .ml-app-content .ml-app-download .common-color2-btn:hover{
  background-color: #A20A22;
}
#ml-container .ml-app-content .ml-app-download .common-color2-btn img{
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-left: 8px;
}
#ml-container .ml-app-content .ml-app-download .verona-sec16-modal-container{
  width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal{
  display: none;
  position: absolute;
  top: 1vw;
  left: calc(100% + 2.083333333334vw);
  width: 20.83333333vw;
  height: 12.5vw;
  z-index: 10;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal .verona-sec16-modal-container{
  width: 100%;
    height: 12.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    overflow: hidden;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal .verona-sec16-modal-text{
  width: 6.979166666vw;
  color: #000000;
  font-size: 0.8333333333vw;
  line-height: 1.6;
  text-align: left;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal .verona-sec16-modal-qr{
  width: 8.9583333333vw;
  height: 8.9583333333vw;
  margin: 0 0 0 1.25vw;
}
#ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-svg {
  width: 4.375vw;
  margin-right: 1.30208333vw;
}

#ml-container .ml-app-content .ml-app-connect-txt-wrap {
  margin-bottom: 3.125vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ml-container .ml-app-content .ml-app-connect-svg-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 3.125vw;
}

#ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg {
  display: flex;
  align-items: center;
  text-align: left;
}

#ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg:nth-child(1) p.ml-txt-22 {
  width: 16.802083vw;
}

#ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg:nth-child(2) p.ml-txt-22 {
  width: 18.22916667vw;
}

#ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg:nth-child(3) p.ml-txt-22 {
  width: 13.64583333vw;
}

#ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg p.ml-txt-32 {
  margin-bottom: 0.46875vw;
  line-height: 1.25;
}

#ml-container .ml-app-content .ml-app-connect-txt-wrap h2 {
  width: 34.6875vw;
}

#ml-container .ml-app-content .ml-app-connect-txt-wrap p {
  width: 33.33333333vw;
  text-align: left;
}

#ml-container .ml-app-box .ml-app-connect-img-1 {
  width: 56.875vw;
}

#ml-container .ml-app-box .ml-app-connect-img-1 img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

#ml-container .ml-app-box .ml-app-connect-img-2 {
  width: 17.76041667vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-app-content .ml-app-connect-txt-wrap {
    flex-direction: column;
    margin-bottom: 8.3333333vw;
  }

  #ml-container .ml-app-content {
    width: 83.33333333vw;
    margin: 0 auto 27.77777777vw;
  }

  #ml-container .ml-app-content .ml-app-connect-txt-wrap h2 {
    width: 120%;
    margin-bottom: 4.1666666666vw;
    text-align: center;
  }

  #ml-container .ml-app-content .ml-app-connect-txt-wrap p {
    width: 100%;
    text-align: center;
  }

  #ml-container .ml-app-box .ml-app-connect-img-2 {
    width: 35.41666666vw;
  }

  #ml-container .ml-app-content .ml-app-connect-svg-wrap {
    flex-direction: column;
    margin: 12.77777777vw 0;
  }

  #ml-container .ml-app-content .ml-app-box {
    display: flex;
    justify-content: space-between;
  }

  #ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-svg {
    width: 8.33333333vw;
    margin-right: 2.22222222vw;
  }

   #ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg:nth-child(1) p.ml-txt-22,
  #ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg:nth-child(2) p.ml-txt-22,
  #ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg:nth-child(3) p.ml-txt-22{
    width: 32.077778vw;
    font-size: 2.2222222222vw;
  }

  #ml-container .ml-app-content .ml-app-connect-svg-wrap .ml-app-connect-svg p.ml-txt-32 {
    font-size: 3.05555555vw;
    margin-bottom: 0.972222222vw;
  }
#ml-container .ml-app-content .ml-app-download{
  padding-top: 6.94444444vw;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal .verona-sec16-modal-qr{
  width: 30.5555555556vw;
  height: 30.5555555556vw;
  margin: 0 0 0 4.444444444vw;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal .verona-sec16-modal-text{
  max-width: none;
    width: 27.777777777vw;
    font-size: 3.333333333vw;
    padding-right: 0;
}
#ml-container .ml-app-content .ml-app-download #mlAppModal{
  padding: 0;
  width: 86.1111111111vw;
  height: 37.5vw;
  border-radius: 4.1666666667vw;
  top: calc(48px + 9.7222222222vw);
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
}
#ml-container .ml-app-content .ml-app-download #mlAppModal .verona-sec16-modal-container{
  position: static;
  width: 69.033333vw;
  height: 31.666667vw;
  margin: 0 auto;
}
}

/* ml-app-content end */
/* ml-face start */
#ml-container .ml-safe-title .ml-safe-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9.11458333vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

#ml-container .ml-safe-title .ml-safe-text h2:first-child {
  margin-bottom: 1.5625vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-safe-title .ml-safe-text {
    top: 45.13888888vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    align-items: center;
    text-align: center;
  }

  #ml-container .ml-safe-title .ml-safe-text h2.ml-txt-64 {
    font-size: 8.88888888vw;
    margin-bottom: 0;
  }

  #ml-container .ml-safe-title .ml-safe-text h2.ml-txt-96 {
    text-align: center;
    margin-top: 8.33333333vw;
    font-size: 16.6666666vw;
  }
}

/* ml-safe end */
#ml-container .ml-component-details .ml-component-details-txt {
  text-align: center;
  z-index: 3;
}

#ml-container .ml-component-details .ml-component-details-txt p {
  line-height: 1.25;
}

#ml-container .ml-component-details .ml-component-svg-wrap {
  margin: 3.125vw auto 0;
  display: flex;
  justify-content: center;
  
}

#ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4.375vw;
}
#ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg:first-child{
  margin-right: 15.625vw;
}
#ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg-txt {
  text-align: center;
  width: auto;
}

#ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg p.ml-txt-white {
  margin: 1.04166667vw 0 0;
  font-size: 1.66666667vw;
  white-space: nowrap;
}

#ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg p.ml-txt-white-80 {
  font-size: 1.14583333vw;
  text-align: center;
}
#ml-container .ml-component-details .ml-component-svg-wrap img {
  width: 4.375vw;
}

#ml-container .ml-component-details .ml-component-details-txt h2 {
  margin-top: 1.041667vw;
}

#ml-container .ml-component-details .ml-component-details-txt a {
  display: inline-flex;
  color: #fff;
  border-radius: 4.604167vw;
  border: 2px solid rgba(255, 255, 255, 0.3);
  line-height: 24px;
  padding: 10px 24px;
}

#ml-container .ml-component-details .ml-component-details-txt a:hover {
  border: 2px solid rgba(255, 255, 255, 1);
}

#ml-container .ml-component-details .ml-component-details-txt a img {
  width: 13px;
  margin-left: 0.416667vw;
}

#ml-container .ml-component-details .ml-component-txt {
  z-index: 7;
  position: sticky;
  width: 80.20833333vw;
  margin: 0 auto;
}

#ml-container .ml-component-details .ml-component-txt .ml-component-t1 p {
  font-weight: 700;
}

#ml-container .ml-component-details .ml-component-txt .ml-component-t2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1.5625vw 0 3.125vw;
}

#ml-container .ml-component-details .ml-component-txt .t2-wrap {
  width: 36.09375vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;

}

#ml-container .ml-component-details .ml-component-txt .t2-wrap img {
  width: 0.67708333vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-component-details .ml-component-details-txt {
    width: 79.3334%;
    margin: 0 auto;
  }

  #ml-container .ml-component-details .ml-component-details-txt h2 {
    margin-top: 1.388889vw;
    margin-bottom: 4.166667vw;
  }

  #ml-container .ml-component-details .ml-component-details-txt p.ml-mb-120 {
    margin-bottom: 13.888889vw;
  }

  #ml-container .ml-component-details .ml-component-details-txt a {
    border-radius: 50px;
  }

  #ml-container .ml-component-details .ml-component-details-txt a img {
    width: 1.80555555555vw;
    margin-left: 0.555556vw;
  }

  #ml-container .ml-component-details .ml-component-txt {
    display: flex;
    flex-direction: column;
    position: absolute;
    text-align: center;
    width: 100%;
    align-items: center;
    margin-top: 5.55555555vw;
  }

  #ml-container .ml-component-details .ml-component-txt .ml-component-t2 {
    flex-direction: column;
    align-items: center;
    text-align: left;
    margin: 0;
  }

  #ml-container .ml-component-details .ml-component-txt .ml-component-t2 h2 {
    margin: 4.1666666666vw 0 4.1666666666vw;
  }

  #ml-container .ml-component-details .ml-component-txt .t2-wrap {
    width: 83.3333333vw;
  }

  #ml-container .ml-component-details .ml-component-txt .t2-wrap p {
    margin-bottom: 13.88888888vw;
    text-align: center;
  }

  #ml-container .ml-component-details .ml-component-txt .t2-wrap img {
    width: 1.80555555vw;
  }

  #ml-container .ml-component-details .ml-component-svg-wrap {
    width: 77.77777777vw;
    margin: 8.333333333vw auto 0;
  }

  #ml-container .ml-component-details .ml-component-svg-wrap img {
    width: 8.3333333vw;
    margin-right: 2.08333333vw;
  }

  #ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg {
    flex-direction: row;
    width: auto;
  }

  #ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg p.ml-txt-white {
    font-size: 3.0555555vw;
    text-align: left;
    margin: 0;
  }

  #ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg p.ml-txt-white-80 {
    font-size: 2.2222222vw;
    text-align: left;
    margin-top: 0.9722222222vw;
  }

  #ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg .ml-component-svg-txt {
    width: auto;
  }
  #ml-container .ml-component-details .ml-component-svg-wrap .ml-component-svg:first-child{
    margin-right: 8.3333333vw;
  }
}

/* ml-component-details end */
/* ml-security start */
#ml-container .ml-security-protection .card-item {
  width: 36.45833333vw;
  position: relative;
  overflow: hidden;
}

#ml-container .ml-security-protection .card-item .card-item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

#ml-container .ml-security-protection .card-item .txt-box {
  position: absolute;
  top: 2.08333333vw;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

#ml-container .ml-security-protection .card-item .txt-box .sub-title {
  margin-bottom: 1.04166667vw;
  font-size: 2.5vw;
  line-height: 1.25;
}

#ml-container .ml-security-protection .card-item .txt-box .level-info {
  font-size: 1.25vw;
}

#ml-container .ml-security-protection .protection-new .protection-card {
  display: flex;
  justify-content: space-between;
}

#ml-container .ml-security-protection .protection-new .card1 .card-item {
  position: relative;
  height: 39.21875vw;
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

#ml-container .ml-security-protection .protection-new .card1 .card-item img {
  height: 100%;
}

#ml-container .ml-security-protection .protection-new .card1 .card-item img.knob {
  position: absolute;
  right: -1px;
}

#ml-container .ml-security-protection {
  width: 76.5625vw;
  margin: 0 auto 10.41666667vw;
  text-align: center;
}

#ml-container .ml-security-protection>p.ml-txt-32 {
  margin-bottom: 1.5625vw;
  font-weight: 700;
}

#ml-container .ml-security-protection>h2.ml-txt-64 {
  margin-bottom: 3.125vw;
}

#ml-container .ml-security-protection .card1 .card-item:nth-child(1) .txt-box {
  width: 18.75vw;
}

#ml-container .ml-security-protection .card1 .card-item:nth-child(2) .txt-box {
  width: 21.5625vw;
}

#ml-container .ml-security-protection .card1 .card-item img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

#ml-container .ml-security-protection .card2 {
  margin-top: 1.5625vw;
}

#ml-container .ml-security-protection .card2 .card-item {
  width: 36.45833333vw;
  height: 14.58333333vw;
  background: #141414;
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
  position: relative;
}

#ml-container .ml-security-protection .card2 .card-item .sub-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  font-size: 2.5vw;
  color: #fff;
  line-height: 1.25;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-security-protection {
    width: 100%;
    margin: 0 auto 27.77777777vw;
  }

  #ml-container .ml-security-protection .protection-new .protection-card {
    width: 83.333333vw;
    margin: 0 auto;
  }

  #ml-container .ml-security-protection .card-item {
    width: 39.583333333vw;
  }

  #ml-container .ml-security-protection .protection-new .protection-card.card2 {
    display: flex;
    flex-direction: column;
    margin-top: 4.166666666vw;
  }

  #ml-container .ml-security-protection .card2 .card-item {
    width: 100%;
    border-radius: 2.777777777vw;
    -webkit-border-radius: 2.777777777vw;
    -moz-border-radius: 2.777777777vw;
    -ms-border-radius: 2.777777777vw;
    -o-border-radius: 2.777777777vw;
    height: 27.777777777vw;
  }

  #ml-container .ml-security-protection .card2 .card-item:nth-child(2) {
    margin-top: 4.166666666vw;
  }

  #ml-container .ml-security-protection .card2 .card-item .sub-title {
    font-size: 6.66666666vw;
  }

  #ml-container .ml-security-protection .card-item .txt-box .sub-title {
    font-size: 3.333333333vw;
    margin-bottom: 2.77777777vw;
  }

  #ml-container .ml-security-protection .card-item .txt-box .level-info {
    font-size: 2.777777777vw;
  }

  #ml-container .ml-security-protection .card1 .card-item:nth-child(1) .txt-box,
  #ml-container .ml-security-protection .card1 .card-item:nth-child(2) .txt-box {
    width: 33.333333333vw;
  }

  #ml-container .ml-security-protection .card-item .txt-box {
    text-align: center;
    top: 5vw;
  }


  #ml-container .ml-security-protection>h2.ml-txt-64 {
    margin-bottom: 8.3333333vw;
  }

  #ml-container .ml-security-protection>p.ml-txt-32 {
    margin-bottom: 4.166666666vw;
  }

  #ml-container .ml-security-protection .protection-new .card1 .card-item {
    height: 50.6944444vw;
    border-radius: 2.7777777vw;
    -webkit-border-radius: 2.7777777vw;
    -moz-border-radius: 2.7777777vw;
    -ms-border-radius: 2.7777777vw;
    -o-border-radius: 2.7777777vw;
    transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

  #ml-container .ml-security-protection .protection-new .card1 .card-item img {
    height: 100%;
    width: calc(100% + 6.94444444vw);
    object-fit: contain;
  }
  #ml-container .ml-security-protection .protection-new .card1 .card-item img{
    position: absolute;
    right: -2.972222vw;
  }
  #ml-container .ml-security-protection .protection-new .card1 .card-item img.knob{
    right: -2.77777777vw; 
  }
}

/* ml-security end */
/* ml-battery-life start */
#ml-container .ml-battery-life .ml-content-wf {
  width: 69.791667vw;
  margin: 0 auto;
}

#ml-container .ml-battery-life .ml-battery-life-title {
  text-align: center;
  margin-bottom: 3.125vw;
}

#ml-container .ml-battery-life .ml-battery-life-title h2 {
  margin-bottom: 1.5625vw;
}

#ml-container .ml-battery-life .ml-battery-life-title p {
  width: 55.41666667vw;
  margin: 0 auto;
}

#ml-container .ml-battery-life .ml-battery-life-img {
  width: 70.26041667vw;
  margin: 0 auto;
}

#ml-container .ml-battery-life .ml-battery-life-dis {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 1.5625vw;
}

#ml-container .ml-battery-life .ml-battery-life-dis .ml-battery-life-span-m {
  vertical-align: middle;
}

#ml-container .ml-battery-life .ml-battery-life-dis .ml-txt-white-80 {
  color: rgba(255, 255, 255, 0.8);
}

#ml-container .ml-battery-life .ml-battery-life-dis p.ml-xin-txt-20-m {
  font-size: 1.04166667vw;
}

#ml-container .ml-battery-life .ml-battery-life-dis h3.ml-txt-48 {
  margin-bottom: 0.9375vw;
  font-weight: 700;
  line-height: 1.25;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-battery-life .ml-content-wf {
    width: 100%;
  }

  #ml-container .ml-battery-life .ml-battery-life-title p {
    width: 84.3334%;
  }

  #ml-container .ml-battery-life .ml-battery-life-title {
    margin-bottom: 8.3333333vw;
  }

  #ml-container .ml-battery-life .ml-battery-life-title h2 {
    margin-bottom: 4.166667vw;
  }

  #ml-container .ml-battery-life .ml-battery-life-img {
    width: 100%;
  }

  #ml-container .ml-battery-life .ml-battery-life-dis {
    width: 88.05555%;
    margin-left: 8.333333vw;
    margin-top: 8.3333333vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #ml-container .ml-battery-life .ml-battery-life-dis .ml-battery-life-content {
    width: 44%;
  }

  #ml-container .ml-battery-life .ml-battery-life-dis .ml-battery-life-content:nth-child(even) {
    width: 54%;
  }

  #ml-container .ml-battery-life .ml-battery-life-dis .ml-txt-white-80 {
    color: rgba(255, 255, 255, 0.8);
  }

  #ml-container .ml-battery-life .ml-battery-life-dis .ml-battery-life-content:nth-child(-n+2) {
    margin-bottom: 8.333333vw;
  }

  #ml-container .ml-battery-life .ml-battery-life-content h3 {
    font-size: 4.444444vw;
  }

  #ml-container .ml-battery-life .ml-battery-life-content .ml-txt-22 {
    font-size: 2.777778vw;
  }

  #ml-container .ml-battery-life .ml-battery-life-dis p.ml-xin-txt-20-m {
    font-size: 3.05555555vw;
  }

  #ml-container .ml-battery-life .ml-battery-life-dis h3.ml-txt-48 {
    margin-bottom: 0;
  }
}

/* ml-battery-life end */
/* ml-diagram start */
#ml-container .ml-diagram {
  width: 82.1875vw;
  margin: 0 auto 10.41666667vw;
}

#ml-container .ml-diagram .ml-diagram-txt-wrap {
  text-align: center;
}

#ml-container .ml-diagram .ml-diagram-txt-wrap h2 {
  display: inline-block;
  margin-bottom: 1.5625vw;
}

#ml-container .ml-diagram .ml-diagram-txt-wrap p {
  width: 52.1875vw;
  margin-left: auto;
  margin-right: auto;
}

#ml-container .ml-diagram .ml-diagram-video {
  width: 100%;
  margin-bottom: 5.208333vw;
}

#ml-container .ml-diagram .ml-diagram-dis-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis {
  width: 33.3333333%;
  padding: 3.385417vw 0;
  text-align: center;
  border-right: 1px solid #2C2C2C;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis h2 {
  margin-bottom: 1.04166667vw;
  font-size: 2.5vw;
}

#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis p {
  font-size: 1.04166667vw;
}

#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(-n+3) {
  border-bottom: 1px solid #2C2C2C;
}

#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(3),
#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(6) {
  border-right: 0;

}


#ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-svg1 {
  width: 1.666667vw;
  margin-bottom: 0.9375vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-diagram {
    width: 100%;
    margin: 0 auto 27.7777777vw;
  }

  #ml-container .ml-diagram .ml-content-ws {
    width: 100%;
  }

  #ml-container .ml-diagram .ml-diagram-txt-wrap {
    width: 83.3334%;
    margin: 0 auto;
  }

  #ml-container .ml-diagram .ml-diagram-txt-wrap h2 {
    margin-bottom: 4.166667vw;
  }

  #ml-container .ml-diagram .ml-diagram-txt-wrap p {
    width: 100%;
  }

  #ml-container .ml-diagram .ml-diagram-video {
    margin-bottom: 13.888889vw;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis {
    width: 50%;
    padding: 8.611111vw 0;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-svg1 {
    width: 4.444444vw;
    margin-bottom: 1.25vw;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-svg2 {
    width: 5vw;
    margin-bottom: 2.5vw;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(-n+4) {
    border-bottom: 1px solid #2c2c2c;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(even) {
    border-right: 0;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(-n+4) {
    width: 50%;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis h2 {
    font-size: 5.55555555vw;
    margin-bottom: 3.055555555vw;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis p {
    font-size: 3.05555555vw;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(5) {
    width: 50%;
    padding-right: 0;
    align-items: center;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(5) p {
    width: 100%;
  }

  #ml-container .ml-diagram .ml-diagram-dis-wrap .ml-diagram-dis:nth-child(3) {
    border-right: 1px solid #2c2c2c;
  }
}

/* ml-diagram end */
/* ml-service start */
#ml-container .ml-service {
  width: 82.1875vw;
  margin: 0 auto 10.41666667vw;
}

#ml-container .ml-service .ml-service-img-wrap {
  width: 46.875vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#ml-container .ml-service .ml-service-txt-wrap {
  text-align: center;
  margin-bottom: 3.125vw;
}

#ml-container .ml-service .ml-service-img-wrap .ml-service-img-content img {
  width: 100%;
  margin-bottom: 1.041667vw;
}

#ml-container .ml-service .ml-service-img-wrap .ml-service-img-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4.01041667vw;
}

#ml-container .ml-service .ml-service-img-wrap .ml-service-img-content p {
  width: auto;
  white-space: nowrap;
  font-size: 1.04166667vw;
}

#ml-container .ml-service .ml-service-img-wrap .ml-service-img {
  width: 100%;
}

#ml-container .ml-service .ml-service-btn-wrap {
  display: inline-block;
  position: relative;
}

#ml-container .ml-service .ml-service-btn-wrap a {
  display: inline-block;

  color: #fff;
  margin-top: 1.302083vw;
  border-radius: 4.604167vw;
  border: 2px solid rgba(255, 255, 255, 0.3);
  line-height: 24px;
  padding: 10px 24px;
}

#ml-container .ml-service .ml-service-btn-wrap a:hover {
  border: 2px solid rgba(255, 255, 255, 1);
}

#ml-container .ml-service .ml-service-btn-wrap a span {
  display: inline-block;
  margin-left: 0.3125vw;
}

#ml-container .ml-service .ml-service-btn-wrap .ml-service-pop-wrap {
  position: absolute;
  right: 0;
  top: calc(-153px / 2 + 1.302083vw + 24px);
  -webkit-transform: translateX(calc(100% + 2.447917vw));
  transform: translateX(calc(100% + 2.447917vw));
  display: none;
}

#ml-container .ml-service .ml-service-btn-wrap .ml-service-pop-wrap img {
  width: 159px;
}

#ml-container .ml-service .ml-service-img img {
  border-radius: 1.04166667vw;
  -webkit-border-radius: 1.04166667vw;
  -moz-border-radius: 1.04166667vw;
  -ms-border-radius: 1.04166667vw;
  -o-border-radius: 1.04166667vw;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-service {
    width: 100%;
    margin: 0 auto 27.777777777vw;
  }

  #ml-container .ml-service .ml-content-ws {
    width: 100%;
    border-radius: 0;
    overflow: visible;
  }

  #ml-container .ml-service .ml-content-ws .ml-service-txt-wrap h2 {
    margin-bottom: 8.33333333vw;
  }

  #ml-container .ml-service .ml-content-ws .ml-service-txt-wrap p {
    width: 72%;
    margin: 0 auto 8.333333vw;
  }

  #ml-container .ml-service .ml-service-img-wrap .ml-service-img-content img {
    width: 13.055555555vw;
    margin-bottom: 1.80555555vw;
  }

  #ml-container .ml-service .ml-service-img-wrap p.ml-xin-txt-20-m {
    font-size: 3.05555555vw;
  }

  #ml-container .ml-service .ml-service-img-wrap {
    width: 84%;
    margin-bottom: 8.333333vw;
    justify-content: center;
  }

  #ml-container .ml-service .ml-service-img-wrap .ml-service-img-content {
    width: 33.3%;
  }

  #ml-container .ml-service .ml-service-img-wrap .ml-service-img-content:nth-child(-n+3) {
    margin-bottom: 8.333333vw;
  }

  #ml-container .ml-service .ml-service-img {
    width: 83.33333333vw;
    margin: 0 auto;
  }

  #ml-container .ml-service .ml-service-btn-wrap a {
    border-radius: 50px;
  }

  #ml-container .ml-service .ml-service-btn-wrap .ml-service-pop-wrap img {
    width: 100%;
  }

  #ml-container .ml-service .ml-service-btn-wrap .ml-service-pop-wrap {
    width: 100%;
    top: calc(100% + 5.833333vw);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  #ml-container .ml-service .ml-service-img img {
    border-radius: 2.777777777vw;
    -webkit-border-radius: 2.777777777vw;
    -moz-border-radius: 2.777777777vw;
    -ms-border-radius: 2.777777777vw;
    -o-border-radius: 2.777777777vw;
  }
}

/* ml-service end */
/* ml-disclaimer start */
#ml-container .ml-disclaimer-wrap {
  width: 82.1875vw;
  margin: 0 auto 10.41666667vw;
}

#ml-container .ml-disclaimer-wrap .ml-disclaimer {
  padding-left: 1.8em;
  list-style-type: decimal;
  font-size: 12px;

}

#ml-container .ml-disclaimer-wrap .ml-disclaimer .footlast {
  list-style-type: none;
  position: relative;
}

#ml-container .ml-disclaimer-wrap .ml-disclaimer .footlast::after {
  content: "*";
  position: absolute;
  bottom: 0;
  left: -9px;
}

@media (min-width: 1920px) {

  #ml-container .ml-disclaimer-wrap .ml-disclaimer,
  #ml-container .ml-kv .ml-kv-powered p {
    font-size: 0.625vw;
  }
}

#ml-container .ml-disclaimer-wrap .ml-disclaimer.ml-txt-white-80 {
  color: #B8B8B8;
}

#ml-container .ml-disclaimer-wrap .ml-disclaimer li {
  line-height: 1.6em;
  padding-left: 0.5em;
}

#ml-container .ml-disclaimer-wrap .ml-disclaimer li.active {
  color: #FFFFFF;
}

@media screen and (max-width: 750px),
(max-aspect-ratio: 11 / 10) and (max-width: 1200px) {
  #ml-container .ml-disclaimer-wrap {
    width: 83.333333vw;
  }

  #ml-container .ml-disclaimer-wrap .ml-disclaimer {
    font-size: 3.333333vw;
  }

  #ml-container .ml-disclaimer-wrap {
    margin: 0 auto 27.777777777vw;
  }
}

/* ml-disclaimer end */
/* ie */
.static-style .ml-show-ie {
  display: block;
}

.static-style .ml-container .ml-animation-up {
  opacity: 1;
}

.static-style #ml-container .ml-design-camera {
  height: auto;
  margin-top: 0;
}

.static-style #ml-container .ml-design-camera .ml-content-wf {
  height: auto;
  position: relative;
  top: 0;
  display: block;
  margin-bottom: 0;
}

.static-style #ml-container .ml-design-camera .ml-design-camera-text-wrap {
  top: 0px;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.static-style #ml-container .ml-design-camera .ml-design-camera-content {
  opacity: 1;
}

.static-style #ml-container .ml-security-protection {
  height: auto;
}

.static-style #ml-container .ml-security-protection .ml-security-protection-txt-wrap {
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.static-style #ml-container .ml-security-protection .ml-security-protection-txt-left,
.static-style #ml-container .ml-security-protection .ml-security-protection-txt-right {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}

.static-style #ml-container .ml-os-connect .ml-os-connect-swiper .swiper-slide img {
  width: 99%;
  margin: 0 auto;
  display: block;
}

.static-style #ml-container .ml-service .ml-service-btn-wrap .ml-service-pop-wrap {
  -webkit-transform: translateX(195px);
  transform: translateX(195px);
}

@media screen and (min-width: 1024px) and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ml-container .ml-txt-bg-s {
    background: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #EEEADD;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) and (orientation: landscape) {
  .ml-container .ml-kv .ml-kv-container {
    top: 5.2875vw;
  }

  #ml-container .ml-infrared .ml-infrared-wrap .ml-infrared-txt-wrap p.ml-txt-22 {
    width: 102%;
  }

  .ml-container .ml-color-swiper .swiper-button-prev,
  .ml-container .ml-color-swiper .swiper-button-next {
    width: 3.23825vw;
    height: 3.23825vw;
  }
}