.l540x-container *,
.l540x-container::before,
.l540x-container::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.l540x-container {
  color: #fff;
  background: #000;
  font-weight: normal;
  line-height: 1.6;
}
.l540x-container .blue{
  color: #42A5EC;
  color: #95D0EF;
  font-weight: bold;
}
.l540x-container *:focus,
.l540x-container *:active {
  outline: none;
}

.l540x-container section {
  width: 100%;
  position: relative;
}

.l540x-container sup {
  font-size: 0.6em;
  line-height: 1;
}
.l540x-container .icon-item h3 sup,.l540x-container .spec-item sup {
  font-size: 0.3333334em;
  line-height: 1;
  display: inline-block;
    transform: translateY(-.4vw);
}
.l540x-container sup[data-index] {
  cursor: pointer;
}

.l540x-container .blur-up {
  filter: blur(20px);
  transition: filter 0.2s;
  will-change: filter;
}

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

.l540x-container img,
.l540x-container video {
  display: block;
  width: 100%;
}

.l540x-container .media-cover {
  position: relative;
  width: 100%;
  display: block;
}

.l540x-container .relative {
  position: relative;
}

.l540x-container .absolute {
  position: absolute;
}

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

.l540x-container .space {
  margin-top: 10.416667vw;
}

.l540x-container .halfspace {
  margin-top: 6.25vw;
}

.l540x-container .radius40 {
  border-radius: 2.083333vw;
  -webkit-border-radius: 2.083333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.l540x-container .radius20 {
  border-radius: 1.041667vw;
  -webkit-border-radius: 1.041667vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.l540x-container .radius16 {
  border-radius: .833333vw;
  -webkit-border-radius: .833333vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}
.l540x-container .radius10 {
  border-radius: 0.520833vw;
  -webkit-border-radius: 0.520833vw;
  overflow: hidden;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.l540x-container .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.l540x-container .pc-show {
  display: initial;
  display: block;
}
.l540x-container h2 .pc-show {
  display: initial;
}
.l540x-container .wrap-mid {
  width: 71.875vw;
  margin: 0 auto;
}

.l540x-container .sec-txt-16 {
  font-size: 0.833333vw;
  line-height: 1.6;
}

.l540x-container .sec-txt-18 {
  font-size: 0.9375vw;
  line-height: 1.6;
}

.l540x-container .sec-txt-20 {
  font-size: 1.041667vw;
  line-height: 1.6;
}

.l540x-container .sec-txt-22 {
  font-size: 1.145833vw;
  line-height: 1.6;
}

.l540x-container .sec-txt-24 {
  font-size: 1.25vw;
  line-height: 1.6;
}

.l540x-container .sec-txt-32 {
  font-size: 1.666667vw;
  line-height: 1.25;
}

.l540x-container .sec-txt-40 {
  font-size: 2.083333vw;
  line-height: 1.25;
}

.l540x-container .sec-txt-48 {
  font-size: 2.5vw;
  line-height: 1.25;
}

.l540x-container .sec-txt-64 {
  font-size: 3.333333vw;
  line-height: 1.25;
}

.l540x-container .sec-txt-80 {
  font-size: 4.166667vw;
  line-height: 1.25;
}

.l540x-container .sec-txt-120 {
  font-size: 6.25vw;
  line-height: 1.25;
  font-weight: 300;
}

.l540x-container .sec-mart-25 {
  margin-top: 1.302083vw;
}

.l540x-container .sec-marb-30 {
  margin-bottom: 1.5625vw;
}

.l540x-container .sec-marb-40 {
  margin-bottom: 2.083333vw;
}
.l540x-container .sec-mart-36 {
  margin-top: 1.895833vw;
}
.l540x-container .sec-mart-40 {
  margin-top: 2.083333vw;
}
.l540x-container .sec-mart-50 {
  margin-top: 2.604167vw;
}
.l540x-container .sec-mart-60 {
  margin-top: 3.125vw;
}
.l540x-container .sec-marb-80 {
  margin-bottom: 4.166667vw;
}

.l540x-container h2,
.l540x-container h3 {
  line-height: 1.25;
}



.l540x-container .section-pics{
  margin-top: 2.916667vw;
  margin-top: 3.125vw;
}
.l540x-container .section-txtwrap{
  text-align: center;
  width: 100%;
}
.l540x-container .section-txtwrap h2 {
  font-size: 4.166667vw;
  font-weight: bold;
  position: relative;
  z-index: 4;
}
.l540x-container .section-txtwrap > div{
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}
.l540x-container .section-txtwrap h2>span:first-child{
  z-index: 99;
  position: relative;
}
.l540x-container .section-txtwrap h2 span.txt-shadow{
  position: absolute;
  left: 0%;
  top: 0;
  color: transparent;
  width: 100%;
}

.l540x-container .section-txtwrap h2 span.txt-shadow{
  perspective: 200px;
}
.l540x-container .section-txtwrap h2 span.txt-shadow::before {
  content: attr(content);
  position: absolute;
  inset: 0;
  transform: rotatex(212deg) translatey(19%) scale(1.03,.5);
  -moz-transform: rotatex(212deg) translatey(15.5%) scale(1.03,.5);
  transform-origin: 50% 100%;
}
.l540x-container .section-txtwrap h2>span:last-child::before {
  content: '';
  width: 110%;
  height: 105%;
  height: 107%;
  height: 110%;
  background-image: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, .73) 70%, rgba(0, 0, 0, 1) 95%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  transform: translate(-5%, 19%);
  -moz-transform: translate(-5%, 24%);
}
.l540x-container .section-txtwrap h2:first-child span.txt-shadow::before {
  background-image: linear-gradient(90deg, #4685EB 20%, #95D0EF 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.l540x-container .section-txtwrap h2:last-child,.l540x-container .section-txtwrap h2:last-child span.txt-shadow::before {
  color: #F8F8F8;
}
.l540x-container .tit-gradient {
  background-image: linear-gradient(90deg, #4685EB 20%, #95D0EF 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* display: inline-block; */
}
.l540x-container .spec-gradient {
  background-image: linear-gradient(180deg, #EF753C 0, #DB9D54 100%);
  background-image: linear-gradient(180deg, #EF753C 10%, #DB9D54 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.l540x-container .des-gradient {
  background-image: linear-gradient(90deg, #5AD9F5 0, #2896F8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.l540x-container .des-gradient sup{
  color: #2896F8;
}
.l540x-container article {
  color: #868688;
  color: #F8F8F8;
  line-height: 1.6;
  font-size: 1.145833vw;
  font-size: 1.25vw;
  margin-top: 3.125vw;
}

.l540x-container article span {
  color: #fff;
}

.l540x-container .desp {
  color: #fff;
  opacity: 0.3;
  margin-top: 0.520833vw;
  font-size: 0.833333vw;
  line-height: 1.6;
}

.l540x-container .last-list {
  list-style: none;
  position: relative;
}

.l540x-container .last-list:before {
  content: "*";
  position: absolute;
  transform: translateX(-100%);
  padding-right: 0.4em;
}

.l540x-container .last-sup {
  font-size: revert;
}
@media (max-aspect-ratio: 11/10) {
  .l540x-container .section-txtwrap h2 span.txt-shadow{
    width: auto;
  }
  .l540x-container .section-txtwrap h2>span:last-child::before {
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 40%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, 1) 95%);
  }
  .l540x-container .section-txtwrap h2:last-child>span:last-child::before {
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .85) 70%, rgba(0, 0, 0, 1) 95%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 40%, rgba(0, 0, 0, .85) 70%, rgba(0, 0, 0, 1) 95%);
  }
}





.l540x-container .huawei-product-buy-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}

.l540x-container .huawei-product-buy-btn-price {
  color: #fff;
  color: #000;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
}

.l540x-container .huawei-product-buy-btn-price sup {
  font-size: unset;
  vertical-align: baseline;
}

.l540x-container .huawei-product-buy-btn-price span {
  font-size: 0.677083vw;
  font-weight: 500;
}

.l540x-container .huawei-product-buy-btn {
  color: #000;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 10px 26px;
  border: 2px solid #fff;
  border: 2px solid #000;
  background-color: #fff;
  background-color: #000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}

.l540x-container .huawei-product-buy-btn:hover {
  opacity: .8;
}

.l540x-container .kv-content-price-container {
  margin-top: 3.958333vw;
}

.l540x-container .price {
  list-style: none;
  position: relative;
}
.l540x-container .price::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  /* padding-right: .2em; */
}
@media (max-aspect-ratio: 11/10) {
  .l540x-container .kv-content-price-container {
    margin-top: 16.666666vw;
    margin-top: 10.138889vw;
  }
  .l540x-container .huawei-product-buy-btn-price {
    font-size: 5.56vw;
  }
  .l540x-container .huawei-product-buy-btn-price span {
    font-size: 3.611111111vw;
  }
}




.l540x-container .kv-wrapper{
  position: relative;
  overflow: hidden;
}
.l540x-container .l540x-kv,.l540x-container .section-reasons{
  position: relative;
  z-index: 3;
}
.l540x-container .kv-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.l540x-container .l540x-kv .media-cover:before {
  padding-bottom: calc(960 / 1920 * 100%);
}
.l540x-container .l540x-kv .kv-text {
  right: 0;
  top: 19.791667vw;
  text-align: center;
  z-index: 3;
  width: 41.2%;
  position: absolute;
  color: #000;
}
.l540x-container .l540x-kv .kv-text img{
  width: 28.125vw;
  margin: 0 auto;
}
.l540x-container .l540x-kv .kv-text h3{
  font-size: 2.239583vw;
  font-size: 2.34375vw;
  line-height: 1.25;
  margin-top: 2.083333vw;
  letter-spacing: 0.58vw;
}
.l540x-container .l540x-kv .kv-text h3 span{
  letter-spacing: 0;
}
.l540x-container .l540x-kv .kv-text .kv-ksp {
  font-size: 1.354167vw;
  line-height: 1.6;
  margin-top: 2.083333vw;
  letter-spacing: .05vw;
  font-weight: normal;
}
.l540x-container .l540x-kv .nearlink-btn{
  position: absolute;
  right: 3.125vw;
  bottom: 3.125vw;
  width: 8.802083vw;
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-kv{
    display: flex;
    flex-direction: column-reverse;
    background: #fff;
  }
  .l540x-container .l540x-kv .media-cover:before {
    padding-bottom: calc(629 / 720 * 100%);
    padding-bottom: calc(697 / 720 * 100%);
  }
  .l540x-container .l540x-kv .kv-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20vw;
    width: 91.666667vw;
    position: static;
    margin-bottom: 10.277778vw;
  }
  .l540x-container .l540x-kv .kv-text img{
    width: 56.111111vw;
  }
  .l540x-container .l540x-kv .kv-text h3{
    margin-top: 4.166667vw;
    font-size: 4.722222vw;
    letter-spacing: 1.1vw;
  }
  .l540x-container .l540x-kv .kv-text .kv-ksp {
    margin-top: 4.305556vw;
    font-size: 3.055556vw;
    letter-spacing: 0;
  }
  .l540x-container .l540x-kv picture{
    width: 100%;
    margin: 0;
  }
  .l540x-container .l540x-kv .nearlink-btn{
    right: 5.555556vw;
    bottom: 0;
    width: 23.472222vw;
  }
}





.l540x-container .section-reasons {
  padding-top: 10.416667vw;
}

.l540x-container .section-reasons .features-list {
  justify-content: space-between;
  width: 79.166667vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.l540x-container .section-reasons .feature-item {
  position: relative;
  overflow: hidden;
}

.l540x-container .section-reasons .feature-item:hover .icon-marker {
  transform: translateY(50%);
}

.l540x-container .section-reasons .feature-1{
  width: 38.802083vw;
  height: 34.895833vw;
}
.l540x-container .section-reasons .feature-2{
  width: 38.802083vw;
  height: 16.666667vw;
}
.l540x-container .section-reasons .feature-3{
  width: 38.802083vw;
  height: 16.666667vw;
  right: 0;
  top: 18.229167vw;
  position: absolute;
}
.l540x-container .section-reasons .feature-2 .feature-txt,.l540x-container .section-reasons .feature-3 .feature-txt{
  top: 50%;
  transform: translateY(-50%);
  right: 23vw;
}
.l540x-container .section-reasons .feature-4, .l540x-container .section-reasons .feature-6{
  width: 23.4375vw;
}
.l540x-container .section-reasons .feature-4 .feature-des{
  position: absolute;
  bottom: 2.5375vw;
  left: 52%;
  transform: translate(-50%,0);
  font-size: 2.1875vw;
  line-height: 1.25;
  font-weight: bold;
}
.l540x-container .des-gradient{
  background-image: linear-gradient(to bottom ,#74A4F2 0%, #242424 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.l540x-container .section-reasons .feature-4, .l540x-container .section-reasons .feature-5, .l540x-container .section-reasons .feature-6 {
  height: 18.229167vw;
  margin-top: 1.5625vw;
  text-align: center;
}
.l540x-container .section-reasons .feature-5{
  width: 29.166667vw;
}

.l540x-container .section-reasons .feature-txt {
  position: absolute;
  top: 2.083333vw;
  right: 2.083333vw;
  left: 2.083333vw;
  font-size: 1.666667vw;
  font-weight: 500;
  z-index: 9;
}
.l540x-container .section-reasons .feature-4 .feature-txt,.l540x-container .section-reasons .feature-5 .feature-txt,.l540x-container .section-reasons .feature-6 .feature-txt{
  top: 1.5625vw;
}
.l540x-container .section-reasons .feature-txt h3{
  font-size: 1.666667vw;
  line-height: 1.25;
  color: #F8F8F8;
  font-weight: bold;
}
.l540x-container .section-reasons .feature-txt p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
  margin-top: .260417vw;
}


.l540x-container .section-reasons .icon-feature {
  margin-right: auto;
  margin-left: auto;
}

.l540x-container .section-reasons .icon-copy {
  margin-top: .260417vw;
  color: #939393;
  font-size: 1.041667vw;
  font-size: 1.145833vw;
}

.l540x-container .section-reasons .anchor-marker {
  position: absolute;
  right: 1.041667vw;
  bottom: 1.041667vw;
  overflow: hidden;
  width: 2.395833vw;
  height: 2.395833vw;
  pointer-events: none;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}

.l540x-container .section-reasons .icon-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform 1s;
}

.l540x-container .section-reasons .anchor-cta {
  /* position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; */
  cursor: pointer;
}

@media (max-aspect-ratio: 11 / 10) {
  .l540x-container .section-reasons {
    padding-top: 22.222222vw;
  }
  .l540x-container .section-reasons .features-list {
    width: 91.666667vw;
  }
  .l540x-container .section-reasons .feature-item {
    width: 100%;
    margin-top: 4.166667vw;
    text-align: left;
    border-radius: 2.777778vw;
  }
  .l540x-container .section-reasons .feature-1 {
    height: 83.333333vw;
    margin-top: 0;
  }
  .l540x-container .section-reasons .feature-2 {
    height: 55.694444vw;
  }
  .l540x-container .section-reasons .feature-3 {
    position: relative;
    top: 0;
  }
  .l540x-container .section-reasons .feature-3,.l540x-container .section-reasons .feature-4,.l540x-container .section-reasons .feature-5,.l540x-container .section-reasons .feature-6{
    width: 43.75vw;
    height: 55.555556vw;
  }
  .l540x-container .section-reasons .feature-txt {
    top: 4.166667vw;
    right: 4.166667vw;
    left: 4.166667vw;
    font-size: 4.444444vw;
  }
  .l540x-container .section-reasons .feature-2 .feature-txt, .l540x-container .section-reasons .feature-3 .feature-txt{
    top: 4.166667vw;
    left: 4.166667vw;
    right: 4.166667vw;
    transform: translateY(0%);
  }
  .l540x-container .section-reasons .feature-3 .feature-txt,.l540x-container .section-reasons .feature-4 .feature-txt,.l540x-container .section-reasons .feature-5 .feature-txt,.l540x-container .section-reasons .feature-6 .feature-txt{
  top: 5vw;
}
  .l540x-container .section-reasons .feature-txt h3{
    font-size: 4.444444vw;
  }
  .l540x-container .section-reasons .feature-txt p{
    font-size: 3.333333vw;
    margin-top: .833333vw;
  }
  .l540x-container .section-reasons .icon-copy {
    margin-top: .972222vw;
    font-size: 2.777778vw;
  }
  .l540x-container .section-reasons .anchor-marker {
    right: 2.777778vw;
    bottom: 2.777778vw;
    width: 6.388889vw;
    height: 6.388889vw;
  }
}





.l540x-container .l540x-screen {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-screen .section-txtwrap{
  position: relative;
  z-index: 3;
  transition: all 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  will-change: transform;
}
.l540x-container .l540x-screen .section-pics{
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: -14.5vw;
}
.l540x-container .l540x-screen .icon-items{
  display: flex;
  flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 8;
    position: absolute;
    left: 3.125vw;
    bottom: 25.260417vw;
    width: 42.1875vw;
    transition: all 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  will-change: transform;
}
.l540x-container .l540x-screen .icon-items .icon-item-1,.l540x-container .l540x-screen .icon-items .icon-item-3{
  width: 17.708333vw;
}
.l540x-container .l540x-screen .icon-items .icon-item-2,.l540x-container .l540x-screen .icon-items .icon-item-4{
  width: 24.479167vw;
}
.l540x-container .l540x-screen .icon-items .icon-item-3,.l540x-container .l540x-screen .icon-items .icon-item-4{
  margin-top: 4.166667vw;
}
.l540x-container .l540x-screen .icon-items .icon-item{
  text-align: center;
}
.l540x-container .l540x-screen .icon-items .icon-item h3{
  font-size: 1.666667vw;
  line-height: 1.25;
  font-weight: bold;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .4));
}
.l540x-container .l540x-screen .icon-items .icon-item p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #fff;
  margin-top: .260417vw;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .7);
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-screen {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-screen .section-pics{
    margin-top: 8.333333vw;
  }
  .l540x-container .l540x-screen .icon-items{
    position: relative;
    width: 88.333333vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -7.916667vw;
    left: auto;
    bottom: auto;
  }
  .l540x-container .l540x-screen .icon-items .icon-item-1,.l540x-container .l540x-screen .icon-items .icon-item-3{
  width: 36.944444vw;
}
.l540x-container .l540x-screen .icon-items .icon-item-2,.l540x-container .l540x-screen .icon-items .icon-item-4{
  width: 51.25vw;
}
.l540x-container .l540x-screen .icon-items .icon-item-3,.l540x-container .l540x-screen .icon-items .icon-item-4{
  margin-top: 8.194444vw;
}
  .l540x-container .l540x-screen .icon-items .icon-item h3{
    font-size: 3.888889vw;
  }
  .l540x-container .l540x-screen .icon-items .icon-item p{
    font-size: 3.333333vw;
    margin-top: 1.111111vw;
  }
}




.l540x-container .l540x-light {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-light .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
}
.l540x-container .l540x-light .section-pics .spec-item{
  position: absolute;
  
}
.l540x-container .l540x-light .section-pics .spec-item p{
  font-size: 2.5vw;
  color: #CCCCCC;
}
.l540x-container .l540x-light .section-pics .spec-item h3{
  font-size: 8.333333vw;
  line-height: 1;
  font-weight: bold;
  background-image: linear-gradient(0deg, #5AD9F5 0, #2896F8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.l540x-container .l540x-light .section-pics .spec-item h3 span{
  font-size: 5.208333vw;
}
.l540x-container .l540x-light .section-pics .spec-item-1{
  left: 15.625vw;
  top: 0;
}
.l540x-container .l540x-light .section-pics .spec-item-2{
  right: 15.625vw;
  bottom: 8.177083vw;
}

@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-light {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-light .section-pics{
    width: 100%;
  }
}






.l540x-container .l540x-battery {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-battery .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
  position: relative;
}
.l540x-container .l540x-battery .section-pics.actived .icon-items{
  opacity: 1;
  transform: translateY(0);
  transition: all 1s ease;
  will-change: transform;
}
.l540x-container .l540x-battery .section-pics .img-pc{
  z-index: 5;
}
.l540x-container .l540x-battery .section-pics .icon-items{
  margin-top: 2.864583vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s ease;
  will-change: transform;
}
.l540x-container .l540x-battery .section-pics .icon-items .icon-item{
  padding: 0 5.572917vw;
  position: relative;
}
.l540x-container .l540x-battery .section-pics .icon-items .icon-item:first-child{
  padding-left: 0;
}
.l540x-container .l540x-battery .section-pics .icon-items .icon-item:last-child{
  padding-right: 0;
}
.l540x-container .l540x-battery .section-pics .icon-items .icon-item:not(:first-child)::after{
  content: '';
  width: 1px;
  height: 70%;
  background: #707070;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l540x-container .l540x-battery .section-pics .icon-items .icon-item p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
}
.l540x-container .l540x-battery .section-pics .icon-items .icon-item h3{
  font-size: 2.1875vw;
  font-size: 2.5vw;
  line-height: 1.25;
  color: #F8F8F8;
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-battery {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-battery .section-pics{
    width: 91.666667vw;
  }
  .l540x-container .l540x-battery .section-pics >div:first-child{
    width: 100%;
  }
  .l540x-container .l540x-battery .section-pics .icon-items{
    margin-top: 10.416667vw;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
  }
  .l540x-container .l540x-battery .section-pics .icon-items .icon-item{
    padding: 0;
  }
  .l540x-container .l540x-battery .section-pics .icon-items .icon-item:not(:first-child)::after{
    content: '';
    width: 0;
    height: 0;
  }
  .l540x-container .l540x-battery .section-pics .icon-items .icon-item p{
    font-size: 3.333333vw;
    margin-top: 1.111111vw;
  }
  .l540x-container .l540x-battery .section-pics .icon-items .icon-item h3{
    font-size: 5.555556vw;
    
  }
}




.l540x-container .l540x-architec {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-architec .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
  position: relative;
  display: flex;
  background: rgba(57,70,91,.35);
  align-items: center;
  border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.l540x-container .l540x-architec picture{
  width: calc(841*100%/1520);
  flex-shrink: 0;
}
.l540x-container .l540x-architec .media-cover:before {
  padding-bottom: calc(720 / 841 * 100%);
}
.l540x-container .l540x-architec .icon-wrap > img{
  width: calc(561*100%/(116 + 561));
  height: 1px;
  margin: 0 auto;
}
.l540x-container .l540x-architec .icon-items{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.l540x-container .l540x-architec .icon-items:first-child{
  padding: 3.385417vw 3.229167vw 3.385417vw 3.854167vw;
  padding: 0 3.229167vw 3.385417vw 3.854167vw;
}
.l540x-container .l540x-architec .icon-items:first-child .icon-item{
  width: 9.375vw;
  text-align: center;
}
.l540x-container .l540x-architec .icon-items:first-child .icon-item:nth-child(n+4){
  margin-top: 1.979167vw;
}
.l540x-container .l540x-architec .icon-items .icon-item img{
  width: 3.645833vw;
  height: 3.645833vw;
}
.l540x-container .l540x-architec .icon-items:first-child .icon-item img{
  margin: 0 auto;
}
.l540x-container .l540x-architec .icon-items p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
}
.l540x-container .l540x-architec .icon-items:first-child p{
  margin-top: .416667vw;
}
.l540x-container .l540x-architec .icon-items:last-child{
  margin-top: 3.385417vw;
  margin-top: 2.604167vw;
}
.l540x-container .l540x-architec .icon-items:last-child .icon-item{
  display: flex;
  align-items: center;
  text-align: center;
}
.l540x-container .l540x-architec .icon-items:last-child .icon-item:not(:first-child){
  margin-left: 1.979167vw;
  margin-left: 3.020833vw;
}
.l540x-container .l540x-architec .icon-items:last-child .icon-item p{
  margin-left: .520833vw;
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-architec {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-architec .section-pics{
    width: 91.666667vw;
    flex-direction: column;
    background: #000;
    border-radius: none;
  }
  .l540x-container .l540x-architec picture{
    width: 100%;
  }
  .l540x-container .l540x-architec .media-cover:before {
    padding-bottom: calc(700 / 660 * 100%);
  }
  .l540x-container .l540x-architec .icon-wrap{
    margin-top: 5.555556vw;
    background: rgba(57,70,91,.35);
    border-radius: 2.777778vw;
    -webkit-border-radius: 2.777778vw;
    overflow: hidden;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .l540x-container .l540x-architec .icon-wrap > img{
    width: calc(561*100%/(116 + 561));
  }
  .l540x-container .l540x-architec .icon-items:first-child{
    padding: 8.333333vw 3.055556vw;
  }
  .l540x-container .l540x-architec .icon-items:first-child .icon-item{
    width: 29.166667vw;
    flex: 1 0 33.33%;
  }
  .l540x-container .l540x-architec .icon-items:first-child .icon-item:nth-child(n+4){
    margin-top: 5.555556vw;
  }
  .l540x-container .l540x-architec .icon-items .icon-item img{
    width: 10.555556vw;
    height: 10.555556vw;
  }
  .l540x-container .l540x-architec .icon-items p{
    font-size: 3.333333vw;
  }
  .l540x-container .l540x-architec .icon-items:first-child p{
    margin-top: .694444vw;
  }
  .l540x-container .l540x-architec .icon-items:last-child{
    margin-top: 8.333333vw;
    margin-bottom: 8.333333vw;
  }
  .l540x-container .l540x-architec .icon-items:last-child .icon-item:not(:first-child){
    margin-left: 9.444444vw;
  }
  .l540x-container .l540x-architec .icon-items:last-child .icon-item p{
    margin-left: 1.111111vw;
  }
}






.l540x-container .l540x-safety {
  position: relative;
  margin-top: 6.25vw;
}
.l540x-container .l540x-safety article{
  margin-top: 0;
}
.l540x-container .l540x-safety .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
  position: relative;
}
.l540x-container .l540x-safety .media-cover:before {
  padding-bottom: calc(721 / 1520 * 100%);
}
.l540x-container .l540x-safety .icon-items{
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding-bottom: 1.822917vw;
}
.l540x-container .l540x-safety .icon-items .icon-item:not(:first-child){
  margin-left: 5.052083vw;
}
.l540x-container .l540x-safety .icon-items .icon-item{
  text-align: center;
  flex-shrink: 0;
}
.l540x-container .l540x-safety .icon-items .icon-item img{
  width: 3.645833vw;
  height: 3.645833vw;
  margin: 0 auto;
}
.l540x-container .l540x-safety .icon-items p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
  margin-top: .416667vw;
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-safety {
    margin-top: 16.666667vw;
  }
  .l540x-container .l540x-safety .section-pics{
    width: 91.666667vw;
  }
  .l540x-container .l540x-safety .media-cover:before {
    padding-bottom: calc(733 / 660 * 100%);
  }
  .l540x-container .l540x-safety .icon-items{
    padding-bottom: 6.944444vw;
    flex-wrap: wrap;
    padding-left: 4.861111vw;
    padding-right: 3.611111vw;
    width: 100%;
  }
  .l540x-container .l540x-safety .icon-items .icon-item:not(:first-child){
    margin-left: 0;
  }
  .l540x-container .l540x-safety .icon-items .icon-item{
    text-align: center;
    flex-shrink: 0;
  }
  .l540x-container .l540x-safety .icon-items .icon-item-1,.l540x-container .l540x-safety .icon-items .icon-item-4{
    width: 29.722222vw;
  }
  .l540x-container .l540x-safety .icon-items .icon-item-2,.l540x-container .l540x-safety .icon-items .icon-item-5{
    width: 22.222222vw;
  }
  .l540x-container .l540x-safety .icon-items .icon-item-3,.l540x-container .l540x-safety .icon-items .icon-item-6{
    width: 30.555556vw;
  }
  .l540x-container .l540x-safety .icon-items .icon-item:nth-child(n+4){
    margin-top: 6.944444vw;
  }
  .l540x-container .l540x-safety .icon-items .icon-item img{
    width: 10.555556vw;
    height: 10.555556vw;
  }
  .l540x-container .l540x-safety .icon-items p{
    font-size: 3.333333vw;
    margin-top: .694444vw;
  }
}






.l540x-container .l540x-product {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-product .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  margin-top: 0;
}
.l540x-container .l540x-product .section-icons{
  width: 49.479167vw;
  width: 44.21875vw;
  margin: -1.041667vw auto 0;
  position: relative;
  z-index: 3;
}
.l540x-container .l540x-product .section-icons article{
  text-align: center;
  margin-top: 0;
}
.l540x-container .l540x-product .section-icons h3{
  font-size: 1.666667vw;
  line-height: 1.25;
  color: #F8F8F8;
  margin-top: 2.916667vw;
}
.l540x-container .l540x-product .section-icons h3:first-child{
  margin-top: 4.166667vw;
}
.l540x-container .l540x-product .spec-items .spec-item{
  margin-top: 1.5625vw;
}
.l540x-product .spec-item div:first-of-type p:last-child{
  opacity: 0;
}
.l540x-container .l540x-product .spec-items .spec-item div:first-of-type{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: end;
  position: relative;
  z-index: 8;
}
.l540x-container .l540x-product .spec-items div:first-of-type svg{
  width: .9375vw;
  height: 1.40625vw;
  margin-left: .3125vw;
}
.l540x-container .l540x-product .spec-items .spec-item div:first-of-type p:first-child{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
}
.l540x-container .l540x-product .spec-items .spec-item div:first-of-type p:last-child{
  font-size: 2.5vw;
  line-height: 1.25;
  color: #fff;
  display: flex;
  justify-items: center;
  background-image: linear-gradient(90deg, #00FFFF 20%, #3592F2 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.l540x-container .l540x-product .spec-items .spec-item div:last-of-type{
  width: 100%;
  position: relative;
  margin-top: 1.09375vw;
  height: 1px;
  width: 0%;
}
.l540x-container .l540x-product .spec-items .spec-item div:last-of-type::after{
  content: '';
  width: 100%;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
}

.l540x-container .l540x-product .spec-items .spec-item-1 div:first-of-type p:last-child{
  background-image: linear-gradient(90deg, #6FE9FF 20%, #4685EB 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.l540x-container .l540x-product .spec-items .spec-item-1 div:last-of-type::after{
  background-image: linear-gradient(90deg, #6FE9FF 20%, #4685EB 70%);
}
.l540x-container .l540x-product .spec-items .spec-item-1 div:first-of-type sup{
  color: #4685EB;
}
.l540x-container .l540x-product .spec-items .spec-item div:first-of-type sup{
  font-weight: bold;
  font-weight: normal;
}
.l540x-container .l540x-product .spec-items .spec-item-1 div:first-of-type svg path{
  fill: #4685EB;
}
.l540x-container .l540x-product .spec-items .spec-item-2 div:first-of-type p:last-child{
  background-image: linear-gradient(90deg, #FFD2A0 20%, #FF5E10 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.l540x-container .l540x-product .spec-items .spec-item-2 div:last-of-type::after{
  background-image: linear-gradient(90deg, #CF915B 20%, #FC081F 70%);
  background-image: linear-gradient(90deg, #FFD2A0 20%, #FF5E10 70%);
}
.l540x-container .l540x-product .spec-items .spec-item-2 div:first-of-type sup{
  color: #FF5E10;
}
.l540x-container .l540x-product .spec-items .spec-item-2 div:first-of-type svg path{
  fill: #FF5E10;
}
.l540x-container .l540x-product .spec-items .spec-item-3 div:first-of-type p:last-child{
  background-image: linear-gradient(90deg, #00FBC2 20%, #016556 80%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.l540x-container .l540x-product .spec-items .spec-item-3 div:last-of-type::after{
  background-image: linear-gradient(90deg, #00FBC2 20%, #016556 80%);
}
.l540x-container .l540x-product .spec-items .spec-item-3 div:first-of-type sup{
  color: #016556;
}
.l540x-container .l540x-product .spec-items .spec-item-3 div:first-of-type svg path{
  fill: #016556;
}
.l540x-container .l540x-product .spec-items .spec-item div:last-of-type::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  bottom: 3px;
  width: 100%;
  height: 1.927083vw;
  background-image: linear-gradient(180deg, #000000 0%, #2962AE 100%);
  z-index: 3;
}
.l540x-container .l540x-product .spec-items .spec-item-1 div:last-of-type::before{
  background-image: linear-gradient(180deg, #000000 0%, rgba(41,98,174,.6) 100%);
}
.l540x-container .l540x-product .spec-items .spec-item-2 div:last-of-type::before{
  background-image: linear-gradient(180deg, #000000 0%, rgba(230,125,47,.5) 100%);
}
.l540x-container .l540x-product .spec-items .spec-item-3 div:last-of-type::before{
  background-image: linear-gradient(180deg, #000000 0%, rgba(0,253,193,.4) 100%);
}
.l540x-container .l540x-product .spec-items .spec-item-2{
  width: 90.4%;
}
.l540x-container .l540x-product .spec-items .spec-item-3{
  width: 85.7%;
}
.l540x-container .l540x-product .media-cover:before {
  padding-bottom: calc(755 / 1920 * 100%);
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-product {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-product .section-pics{
    width: 100%;
    margin-top: 0;
  }
  .l540x-container .l540x-product .section-icons{
    width: 83.333333vw;
    margin: -5vw auto 0;
  }
  .l540x-container .l540x-product .section-icons .spec-items{
    width: 95.3%;
  }
  .l540x-container .l540x-product .section-icons article{
    text-align: left;
    margin-top: 0;
  }
  .l540x-container .l540x-product .section-icons h3{
    font-size: 4.444444vw;
    margin-top: 7.777778vw;
    margin-top: 10.555556vw;
  }
  .l540x-container .l540x-product .section-icons h3:first-child{
    margin-top: 7.777778vw;
  }
  .l540x-container .l540x-product .spec-items .spec-item{
    margin-top: 4.722222vw;
  }
  .l540x-container .l540x-product .media-cover:before {
    padding-bottom: calc(668 / 720 * 100%);
  }
  .l540x-container .l540x-product .spec-items div:first-of-type svg{
    width: 2.5vw;
    height: 3.75vw;
    margin-left: .833333vw;
  }
  .l540x-container .l540x-product .spec-items .spec-item div:first-of-type p:first-child{
    font-size: 3.333333vw;
  }
  .l540x-container .l540x-product .spec-items .spec-item div:first-of-type p:last-child{
    font-size: 6.666667vw;
    font-size: 5.555556vw;
  }
  .l540x-container .l540x-product .spec-items .spec-item div:last-of-type{
    margin-top: 2.777778vw;
  }
  .l540x-container .l540x-product .spec-items .spec-item div:last-of-type::after{
    height: 3px;
    border-radius: 3px;
  }
  .l540x-container .l540x-product .spec-items .spec-item div:last-of-type::before{
    height: 5.138889vw;
    bottom: 1.5px;
  }
}






.l540x-container .l540x-internet {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-internet .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
  position: relative;
}
.l540x-container .l540x-internet .section-icons{
  margin-top: 2.604167vw;
}
.l540x-container .l540x-internet .des-items{
  display: flex;
  justify-content: center;
  align-items: center;
}
.l540x-container .l540x-internet .des-item:first-child{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
  text-align: center;
  margin-right: 2.447917vw;
}
.l540x-container .l540x-internet .des-item:first-child img{
  width: 3.958333vw;
  height: 3.958333vw;
  margin: 0 auto;
}
.l540x-container .l540x-internet .des-item:first-child p{
  margin-top: .9375vw;
  color: #F8F8F8;
  line-height: 1.6;
}
.l540x-container .l540x-internet .des-item:last-child{
  font-size: 1.25vw;
  line-height: 1.6;
  color: #F8F8F8;
  text-align: left;
  padding-left: 2.083333vw;
  position: relative;
}
.l540x-container .l540x-internet .des-item:last-child::before{
  content: '';
    width: 1px;
    height: 100%;
    background: #707070;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.l540x-container .l540x-internet .icon-items{
  display: flex;
  padding: 2.083333vw 1.302083vw;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-top: 1.5625vw;
  background-image: linear-gradient(180deg, #39465B 0%, #0B0E12 100%);
  background-image: linear-gradient(180deg, rgba(57,70,91,.22) 0%, rgba(11,14,18,.22) 100%);
  width: 79.166667vw;
}
.l540x-container .l540x-internet .icon-items .icon-item{
  display: flex;
  align-items: center;
}
.l540x-container .l540x-internet .icon-items .icon-item:not(:first-child){
  /* margin-left: 4.791667vw; */
}
.l540x-container .l540x-internet .icon-items .icon-item img{
  width: 5.104167vw;
  height: 5.104167vw;
}
.l540x-container .l540x-internet .icon-items .icon-item div{
  margin-left: .625vw;
}
.l540x-container .l540x-internet .icon-items .icon-item h3{
  font-size: 2.5vw;
  line-height: 1.25;
  color: #fff;
  color: #F8F8F8;
}
.l540x-container .l540x-internet .icon-items .icon-item p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
}
.l540x-container .l540x-internet .media-cover:before {
  padding-bottom: calc(770 / 1520 * 100%);
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-internet {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-internet .section-pics{
    width: 91.666667vw;
  }
  .l540x-container .l540x-internet .section-icons{
    margin-top: 11.111111vw;
    width: 91.666667vw;
    margin-left: auto;
    margin-right: auto;
  }
  .l540x-container .l540x-internet .des-item:first-child{
    font-size: 3.333333vw;
    margin-right: 3.611111vw;
    flex-shrink: 0;
  }
  .l540x-container .l540x-internet .des-item:first-child img{
    width: 8.75vw;
    height: 8.75vw;
  }
  .l540x-container .l540x-internet .des-item:first-child p{
    margin-top: 3.194444vw;
  }
  .l540x-container .l540x-internet .des-item:last-child{
    font-size: 3.333333vw;
    padding-left: 3.611111vw;
    flex-shrink: 1;
  }
  .l540x-container .l540x-internet .des-item:last-child::before{
    height: 65%;
  }
  .l540x-container .l540x-internet .icon-items{
    padding: 8.333333vw 6.25vw;
    margin-top: 5.555556vw;
    width: 100%;
    flex-wrap: wrap;
  }
  .l540x-container .l540x-internet .icon-items .icon-item{
    align-items: flex-start;
  }
  .l540x-container .l540x-internet .icon-items .icon-item:nth-child(n+3){
    margin-top: 8.333333vw;
  }
  .l540x-container .l540x-internet .icon-items .icon-item img{
    width: 10.555556vw;
    height: 10.555556vw;
  }
  .l540x-container .l540x-internet .icon-items .icon-item div{
    margin-left: 2.777778vw;
  }
  .l540x-container .l540x-internet .icon-items .icon-item p{
    font-size: 3.333333vw;
    margin-top: 2.361111vw;
    margin-top: 1.388889vw;
  }
  .l540x-container .l540x-internet .icon-items .icon-item h3{
    font-size: 6.666667vw;
    font-size: 5.555556vw;
  }
  .l540x-container .l540x-internet .media-cover:before {
    padding-bottom: calc(430 / 660 * 100%);
  }
}





.l540x-container .l540x-privacy {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-privacy .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
  position: relative;
}
.l540x-container .l540x-privacy .des-items{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.l540x-container .l540x-privacy .des-item{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
  text-align: center;
  margin-top: 1.302083vw;
}
.l540x-container .l540x-privacy .des-items .des-item-1{
  position: absolute;
  right: 15%;
  top: 0;
  transform: translateX(50%);
  width: 27%;
}
.l540x-container .l540x-privacy .des-items .des-item-2{
  position: absolute;
  right: 15%;
  top: 46.4%;
  transform: translateX(50%);
  width: 27%;
}
.l540x-container .l540x-privacy .media-cover:before {
  padding-bottom: calc(816 / 1553 * 100%);
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-privacy {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-privacy .section-pics{
    width: 100%;
  }
  .l540x-container .l540x-privacy .des-items{
  }
  .l540x-container .l540x-privacy .des-item{
    font-size: 3.333333vw;
    margin-top: 6.944444vw;
  }
  .l540x-container .l540x-privacy .des-items .des-item-1{
    position: absolute;
    right: 50%;
    top: 73.333333vw;
    transform: translateX(50%);
    width: 80%;
  }
  .l540x-container .l540x-privacy .des-items .des-item-2{
    position: absolute;
    right: 50%;
    top: 151vw;
    transform: translateX(50%);
    width: 80%;
  }
  .l540x-container .l540x-privacy .media-cover:before {
    padding-bottom: calc(1608 / 689 * 100%);
  }
}





.l540x-container .l540x-ports {
  position: relative;
  margin-top: 10.416667vw;
  margin-top: 7.65625vw;
}
.l540x-container .l540x-ports .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
  position: relative;
}
.l540x-container .l540x-ports .des-items{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.l540x-container .l540x-ports .des-item{
  font-size: 1.041667vw;
  line-height: 1.25;
  color: #CECECE;
}
.l540x-container .l540x-ports .des-items .des-item-1{
  position: absolute;
  left: 38.6%;
  top: 86.4%;
}
.l540x-container .l540x-ports .des-items .des-item-2{
  position: absolute;
  left: 42%;
  top: 77.2%;
}
.l540x-container .l540x-ports .des-items .des-item-3{
  position: absolute;
  left: 46.2%;
  top: 67%;
}
.l540x-container .l540x-ports .des-items .des-item-4{
  position: absolute;
  left: 70%;
  top: 74.2%;
}
.l540x-container .l540x-ports .des-items .des-item-5{
  position: absolute;
  left: 73%;
  top: 61%;
}
.l540x-container .l540x-ports .des-items .des-item-6{
  position: absolute;
  left: 76.6%;
  top: 49%;
}
.l540x-container .l540x-ports .des-items .des-item-7{
  position: absolute;
  left: 80%;
  top: 35.8%;
}
.l540x-container .l540x-ports .media-cover:before {
  padding-bottom: calc(520 / 1520 * 100%);
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-ports {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-ports .section-pics{
    width: 91.666667vw;
  }
  .l540x-container .l540x-ports .des-item{
    font-size: 3.333333vw;
  }
  .l540x-container .l540x-ports .des-items .des-item-1{
    left: 44.4%;
    top: 33.5%;
  }
  .l540x-container .l540x-ports .des-items .des-item-2{
    left: 52.2%;
    top: 24.2%;
  }
  .l540x-container .l540x-ports .des-items .des-item-3{
    left: 60%;
    top: 14.5%;
  }
  .l540x-container .l540x-ports .des-items .des-item-4{
    left: 38%;
    top: 90%;
  }
  .l540x-container .l540x-ports .des-items .des-item-5{
    left: 43.8%;
    top: 83.5%;
  }
  .l540x-container .l540x-ports .des-items .des-item-6{
    left: 51.5%;
    top: 77.8%;
  }
  .l540x-container .l540x-ports .des-items .des-item-7{
    left: 56.8%;
    top: 68.6%;
  }
  .l540x-container .l540x-ports .media-cover:before {
    padding-bottom: calc(960 / 660 * 100%);
  }
}







.l540x-container .l540x-quality {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-quality .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
}
.l540x-container .l540x-quality .icon-items{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: rgba(57, 70, 91, .35);
  padding-top: 5.729167vw;
  padding-bottom: 5.729167vw;
  padding-left: 1.458333vw;
  padding-right: 1.458333vw;
}
.l540x-container .l540x-quality .icon-items .icon-item:nth-child(n+7){
  margin-top: 3.854167vw;
}
.l540x-container .l540x-quality .icon-items .icon-item{
  text-align: center;
  width: 12.708333vw;
}
.l540x-container .l540x-quality .icon-items .icon-item img{
  width: 6.145833vw;
  height: 6.145833vw;
  margin: 0 auto;
}
.l540x-container .l540x-quality .icon-items .icon-item p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #CECECE;
  margin-top: .46875vw;
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-quality {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-quality .section-pics{
    width: 91.666667vw;
  }
  .l540x-container .l540x-quality .icon-items{
    flex-wrap: wrap;
    padding: 0 .833333vw 5.555556vw;
  }
  .l540x-container .l540x-quality .icon-items .icon-item{
    width: 30vw;
    margin-top: 5.555556vw;
  }
  .l540x-container .l540x-quality .icon-items .icon-item:nth-child(n+7){
    margin-top: 5.555556vw;
    margin-left: 0;
  }
  .l540x-container .l540x-quality .icon-items .icon-item img{
    width: 15.277778vw;
    height: 15.277778vw;
  }
  .l540x-container .l540x-quality .icon-items .icon-item p{
    font-size: 3.333333vw;
    margin-top: .694444vw;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
}





.l540x-container .l540x-service {
  position: relative;
  margin-top: 10.416667vw;
}
.l540x-container .l540x-service .section-pics{
  margin-left: auto;
  margin-right: auto;
  width: 79.166667vw;
}
.l540x-container .l540x-service .icon-items{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l540x-container .l540x-service .icon-items .icon-item{
  background-color: rgba(57, 70, 91, .35);
  padding: 2.083333vw 2.291667vw;
  width: 38.020833vw;
  min-height: 23.854167vw;
  border-radius: 1.041667vw;
  position: relative;
}
.l540x-container .l540x-service .icon-items .icon-item-1 img{
  position: absolute;
  top: 1.041667vw;
  right: 2.083333vw;
  width: 6.822917vw;
}
.l540x-container .l540x-service .icon-items .icon-item-2 img{
  position: absolute;
  top: 1.041667vw;
  right: 2.604167vw;
  width: 6.145833vw;
}
.l540x-container .l540x-service .icon-items .icon-item-3 img{
  position: absolute;
  top: 1.197917vw;
  right: 2.447917vw;
  width: 6.25vw;
}
.l540x-container .l540x-service .icon-items .icon-item-4 img{
  position: absolute;
  top: 1.197917vw;
  right: 2.291667vw;
  width: 5.260417vw;
}
.l540x-container .l540x-service .icon-items .icon-item:nth-child(2n){
  /* margin-left: 3.125vw; */
}
.l540x-container .l540x-service .icon-items .icon-item:nth-child(n+3){
  margin-top: 3.125vw;
}
.l540x-container .l540x-service .icon-items .icon-item h3{
  font-size: 2.1875vw;
  line-height: 1.25;
  font-weight: bold;
}
.l540x-container .l540x-service .icon-items .icon-item h3 span{
  background: #468CEB;
    padding: 1.25vw;
    border-radius: 1.041667vw;
    line-height: 1.25;
    height: 5vw;
    display: inline-flex;
    align-items: center;
}
.l540x-container .l540x-service .icon-items .icon-item p:first-of-type{
  color: #478CEB;
  font-size: 1.354167vw;
  line-height: 1.6;
  margin-top: 1.40625vw;
}
.l540x-container .l540x-service .icon-items .icon-item .line{
  border: .104167vw #42A5EC solid;
  width: 100%;
  margin: 1.041667vw 0;
  border-radius: .104167vw;
}
.l540x-container .l540x-service .icon-items .icon-item p{
  color: #CECECE;
  font-size: 1.041667vw;
  line-height: 1.6;
}
@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .l540x-service {
    margin-top: 27.777778vw;
  }
  .l540x-container .l540x-service .section-pics{
    width: 91.666667vw;
  }
  .l540x-container .l540x-service .icon-items{
    flex-direction: column;
  }
  .l540x-container .l540x-service .icon-items .icon-item{
    padding: 5.277778vw;
    border-radius: 2.777778vw;
    width: 100%;
    min-height: auto;
  }
  .l540x-container .l540x-service .icon-items .icon-item-1 img{
    top: 4.166667vw;
    right: 5.138889vw;
    width: 15.972222vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item-2 img{
    top: 2.777778vw;
    right: 5.138889vw;
    width: 14.444444vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item-3 img{
    top: 2.083333vw;
    right: 5.138889vw;
    width: 14.166667vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item-4 img{
    top: 3.194444vw;
    right: 5.138889vw;
    width: 12.361111vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item:nth-child(2n){
    /* margin-left: 3.125vw; */
  }
  .l540x-container .l540x-service .icon-items .icon-item:nth-child(n+3){
    margin-top: 5.555556vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item:not(:first-child){
    margin-top: 5.555556vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item h3{
    font-size: 5.833333vw;
    font-size: 5.555556vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item h3 span{
      padding: 2.916667vw 2.777778vw;
      border-radius: 2.777778vw;
      width: 44.444444vw;
      height: 11.805556vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item p:first-of-type{
    font-size: 4.444444vw;
    margin-top: 4.305556vw;
  }
  .l540x-container .l540x-service .icon-items .icon-item .line{
    margin: 2.777778vw 0;
  }
  .l540x-container .l540x-service .icon-items .icon-item p{
    font-size: 3.333333vw;
  }
}






.l540x-container .section-footnote {
  color: #CECECE;
  font-size: max(0.625vw, 12px);
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  width: 58.333333vw;
  margin-top: 10.416667vw;
  padding-bottom: 10.416667vw;
  overflow: hidden;
}

.l540x-container .section-footnote ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  padding-left: 2em;
}

.l540x-container .section-footnote p {
  padding-left: 2em;
  padding-bottom: 1em;
}

.l540x-container .section-footnote .active {
  color: #FFFFFF;
}

.l540x-container .section-footnote .price {
  list-style-type: none;
  position: relative;
  pointer-events: none;
}

.l540x-container .section-footnote a {
  color: #1f71ff;
}

.l540x-container .section-footnote .price::before {
  content: "*";
  position: absolute;
  bottom: 0;
  padding-right: 3px;
  transform: translateX(-100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .section-footnote {
    font-size: 3.333333vw;
    width: 82.222222vw;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 27.777778vw;
    padding-top: 0;
    margin-top: 27.777778vw;
  }
}

@media screen and (max-aspect-ratio: 11/10) {
  .l540x-container .icon-item h3 sup,.l540x-container .spec-item sup {
    font-size: 0.6em;
    transform: translateY(0);
  }
  .l540x-container .space {
    margin-top: 27.777778vw;
  }

  .l540x-container .halfspace {
    margin-top: 16.666667vw;
  }

  .l540x-container .pc-show {
    display: none;
  }
  .l540x-container h2 .pc-show {
    display: none;
  }
  .l540x-container .mob-show {
    display: initial;
  }

  .l540x-container .wrap-mid {
    width: 86.111111vw;
  }

  .l540x-container .sec-txt-120 {
    font-size: 16.666667vw;
  }

  .l540x-container .sec-txt-80 {
    font-size: 11.111111vw;
  }

  .l540x-container .sec-txt-64 {
    font-size: 8.888889vw;
  }

  .l540x-container .sec-txt-48 {
    font-size: 6.666667vw;
  }

  .l540x-container .sec-txt-40 {
    font-size: 5.555556vw;
  }

  .l540x-container .sec-txt-32 {
    font-size: 4.444444vw;
  }

  .l540x-container .sec-txt-24 {
    font-size: 3.333333vw;
    font-size: 4.444444vw;
  }

  .l540x-container .sec-txt-22 {
    font-size: 3.055556vw;
    font-size: 4.444444vw;
  }

  .l540x-container .sec-txt-20 {
    font-size: 2.777778vw;
  }

  .l540x-container .sec-txt-18 {
    font-size: 3.333333vw;
  }

  .l540x-container .sec-mart-25 {
    margin-top: 3.472222vw;
  }

  .l540x-container .sec-marb-30 {
    margin-bottom: 4.166667vw;
  }

  .l540x-container .sec-marb-40 {
    margin-bottom: 5.555556vw;
  }
  .l540x-container .sec-mart-36 {
    margin-top: 5.055556vw;
  }
  .l540x-container .sec-mart-40 {
    margin-top: 5.555556vw;
  }
  .l540x-container .sec-mart-50 {
    margin-top: 6.944444vw;
  }
  .l540x-container .sec-mart-60 {
    margin-top: 8.333333vw;
  }
  .l540x-container .sec-marb-80 {
    margin-bottom: 11.111111vw;
  }

  .l540x-container .radius40 {
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
  }

  .l540x-container .radius20 {
    border-radius: 2.777778vw;
    -webkit-border-radius: 2.777778vw;
  }
  .l540x-container .radius16 {
    border-radius: 2.222222vw;
    -webkit-border-radius: 2.222222vw;
  }
  .l540x-container .radius10 {
    border-radius: 2.777778vw;
    border-radius: 1.388889vw;
    -webkit-border-radius: 1.388889vw;
  }

  .l540x-container .wrap-mid {
    width: 83.333333vw;
  }

  .l540x-container .desp {
    font-size: 3.333333vw;
    margin-top: 2.777778vw;
  }

  .l540x-container h3 {
    letter-spacing: -0.2vw;
  }

  /* .l540x-container .section-txtwrap > h3,.l540x-container .section-txtwrap div:not(.spec-item) h3 {
    font-size: 10vw;
  } */
  .l540x-container .section-pics{
    margin-top: 8.333333vw;
  }
  .l540x-container .section-txtwrap h2{
    font-size: 13.333333vw;
  }

  .l540x-container .section-txtwrap > div{
    flex-direction: column;
    width: auto;
    /* display: inline-block; */
    text-align: left;
    margin-left: 8.333333vw;
    margin-right: 2vw;
  }
  .l540x-container .section-txtwrap h2{
    position: relative;
  }
  .l540x-container .section-txtwrap h2:last-child{
    margin-top: 5.555556vw;
    margin-top: 3.611111vw;
  }
  .l540x-container article {
    font-size: 4.444444vw;
    margin-top: 9.722222vw;
    margin-top: 5.555556vw;
    width: 83.333333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
}

/*# sourceMappingURL=index.css.map */