@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@media screen and (max-width:1080px) {
  :root {
    --mob-font-size-30:0.6rem;
    --mob-font-line-height-36:0.72rem;
    --mob-font-size-16:0.32rem;
    --mob-font-line-height-22:0.44rem;
    --mob-font-size-13:0.26rem;
    --mob-font-line-height-18:0.36rem;
    --mob-title-margin-bottom:0.4rem;
    --mob-margin-bottom-50:1rem
  }
}
html {
  -webkit-text-size-adjust:100%;
  line-height:1.15
}
* {
  box-sizing:border-box
}
body {
  background-color:#fff;
  font-family:Sunseeker-medium;
  margin:0
}
body.modal-open {
  overflow:hidden;
  position:fixed;
  width:100%
}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
  border:0;
  margin:0;
  padding:0;
  vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block
}
ol,ul {
  list-style:none
}
button {
  background:transparent;
  border:none;
  cursor:pointer;
  display:block;
  outline:none;
  padding:0
}
img {
  height:100%
}
body.hidden {
  overflow:hidden
}
.hidden {
  display:none
}
.dark-theme,.dark-theme .sunseeker-main {
  background:#000;
  color:#fff
}
.light-theme {
  background:#fff;
  color:#000
}
.clearfix:after {
  clear:both;
  content:"";
  display:block;
  height:0;
  visibility:hidden
}
.clearfix {
  *zoom:1
}
main {
  display:block
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}
pre {
  font-family:Sunseeker-regular;
  font-size:1em
}
a {
  background-color:transparent;
  display:block;
  text-decoration:none
}
abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
b,strong {
  font-weight:bolder
}
code,kbd,samp {
  font-family:Sunseeker-regular;
  font-size:1em
}
small {
  font-size:80%
}
sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
img {
  border-style:none;
  font-size:0;
  width:100%
}
button,input,optgroup,select,textarea {
  font-family:inherit;
  font-size:100%;
  line-height:1.15;
  margin:0
}
button,input {
  overflow:visible
}
button,select {
  text-transform:none
}
[type=button],[type=reset],[type=submit],button {
  -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style:none;
  padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline:.0625rem dotted ButtonText
}
fieldset {
  padding:.35em .75em .625em
}
legend {
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}
progress {
  vertical-align:baseline
}
textarea {
  overflow:auto
}
[type=checkbox],[type=radio] {
  box-sizing:border-box;
  padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-.125rem
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
details {
  display:block
}
summary {
  display:list-item
}
[hidden],template {
  display:none
}
[animate-in] {
  visibility:hidden
}
[animate-in].animate__animated {
  visibility:visible
}
@-webkit-keyframes newFadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,6.25rem,0);
    transform:translate3d(0,6.25rem,0)
  }
  to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}
@-webkit-keyframes newFadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-2.5rem,0);
    transform:translate3d(0,-2.5rem,0)
  }
  to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}
.swiper-slide {
  font-size:0
}
.max-layout {
  padding:0 13.54167vw
}
@media(max-width:1080px) {
  .max-layout {
    padding:0 0.3rem
  }
}
.theme-dark {
  background-color:#000
}
.theme-grey {
  background-color:#f0f0f0
}
.theme-white {
  background-color:#fff!important
}
.text-color-white {
  color:#fff
}
.text-color-black {
  color:#000
}
.text-color-5A87FA {
  color:#5a87fa
}
.layout-flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex
}
.flex-column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column
}
.flex-space-between {
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.flex-justify-center {
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  justify-content:center
}
.flex-align-end {
  -webkit-box-align:end;
  -webkit-align-items:flex-end;
  align-items:flex-end
}
.flex-align-center {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.text-align-center {
  text-align:center
}
.text-align-left {
  text-align:left
}
.text-align-right {
  text-align:right
}
.gap-line {
  display:block
}
.gap-line.l-gap {
  height:5.20833vw;
  width:100%
}
.gap-line.s-gap {
  height:2.08333vw;
  width:100%
}
@media screen and (max-width:1080px) {
  .mob-text-align-center {
    text-align:center
  }
  .mob-text-align-left {
    text-align:left
  }
  .mob-text-align-right {
    text-align:right
  }
  .mob-flex-column-reverse {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
  .gap-line {
    display:none
  }
}
[data-animate-in] {
  visibility:hidden
}
[data-animate-in].animate__animated {
  visibility:visible
}
.animate-delay-100 {
  -webkit-animation-delay:.1s;
  animation-delay:.1s
}
.animate-delay-200 {
  -webkit-animation-delay:.2s;
  animation-delay:.2s
}
.animate-delay-300 {
  -webkit-animation-delay:.3s;
  animation-delay:.3s
}
.animate-delay-400 {
  -webkit-animation-delay:.4s;
  animation-delay:.4s
}
.animate-delay-500 {
  -webkit-animation-delay:.5s;
  animation-delay:.5s
}
.animate-delay-600 {
  -webkit-animation-delay:.6s;
  animation-delay:.6s
}
.animate-delay-700 {
  -webkit-animation-delay:.7s;
  animation-delay:.7s
}
.animate-delay-800 {
  -webkit-animation-delay:.8s;
  animation-delay:.8s
}
.animate-delay-900 {
  -webkit-animation-delay:.9s;
  animation-delay:.9s
}
.animate-delay-1000 {
  -webkit-animation-delay:1s;
  animation-delay:1s
}
.animate-delay-1100 {
  -webkit-animation-delay:1.1s;
  animation-delay:1.1s
}
.animate-delay-1200 {
  -webkit-animation-delay:1.2s;
  animation-delay:1.2s
}
.animate-delay-1300 {
  -webkit-animation-delay:1.3s;
  animation-delay:1.3s
}
.animate-delay-1400 {
  -webkit-animation-delay:1.4s;
  animation-delay:1.4s
}
.animate-delay-1500 {
  -webkit-animation-delay:1.5s;
  animation-delay:1.5s
}
.animate-delay-1600 {
  -webkit-animation-delay:1.6s;
  animation-delay:1.6s
}
.animate-delay-1700 {
  -webkit-animation-delay:1.7s;
  animation-delay:1.7s
}
.animate-delay-1800 {
  -webkit-animation-delay:1.8s;
  animation-delay:1.8s
}
.animate-delay-1900 {
  -webkit-animation-delay:1.9s;
  animation-delay:1.9s
}
.animate-delay-2000 {
  -webkit-animation-delay:2s;
  animation-delay:2s
}
.animate-delay-2100 {
  -webkit-animation-delay:2.1s;
  animation-delay:2.1s
}
.animate-delay-2200 {
  -webkit-animation-delay:2.2s;
  animation-delay:2.2s
}
.animate-delay-2300 {
  -webkit-animation-delay:2.3s;
  animation-delay:2.3s
}
.animate-delay-2400 {
  -webkit-animation-delay:2.4s;
  animation-delay:2.4s
}
.animate-delay-2500 {
  -webkit-animation-delay:2.5s;
  animation-delay:2.5s
}
.animate-delay-2600 {
  -webkit-animation-delay:2.6s;
  animation-delay:2.6s
}
.animate-delay-2700 {
  -webkit-animation-delay:2.7s;
  animation-delay:2.7s
}
.animate-delay-2800 {
  -webkit-animation-delay:2.8s;
  animation-delay:2.8s
}
.animate-delay-2900 {
  -webkit-animation-delay:2.9s;
  animation-delay:2.9s
}
.animate-delay-3000 {
  -webkit-animation-delay:3s;
  animation-delay:3s
}
.animate-duration-100 {
  -webkit-animation-duration:.1s;
  animation-duration:.1s
}
.animate-duration-200 {
  -webkit-animation-duration:.2s;
  animation-duration:.2s
}
.animate-duration-300 {
  -webkit-animation-duration:.3s;
  animation-duration:.3s
}
.animate-duration-400 {
  -webkit-animation-duration:.4s;
  animation-duration:.4s
}
.animate-duration-500 {
  -webkit-animation-duration:.5s;
  animation-duration:.5s
}
.animate-duration-600 {
  -webkit-animation-duration:.6s;
  animation-duration:.6s
}
.animate-duration-700 {
  -webkit-animation-duration:.7s;
  animation-duration:.7s
}
.animate-duration-800 {
  -webkit-animation-duration:.8s;
  animation-duration:.8s
}
.animate-duration-900 {
  -webkit-animation-duration:.9s;
  animation-duration:.9s
}
.animate-duration-1000 {
  -webkit-animation-duration:1s;
  animation-duration:1s
}
.animate-duration-1100 {
  -webkit-animation-duration:1.1s;
  animation-duration:1.1s
}
.animate-duration-1200 {
  -webkit-animation-duration:1.2s;
  animation-duration:1.2s
}
.animate-duration-1300 {
  -webkit-animation-duration:1.3s;
  animation-duration:1.3s
}
.animate-duration-1400 {
  -webkit-animation-duration:1.4s;
  animation-duration:1.4s
}
.animate-duration-1500 {
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s
}
.animate-duration-1600 {
  -webkit-animation-duration:1.6s;
  animation-duration:1.6s
}
.animate-duration-1700 {
  -webkit-animation-duration:1.7s;
  animation-duration:1.7s
}
.animate-duration-1800 {
  -webkit-animation-duration:1.8s;
  animation-duration:1.8s
}
.animate-duration-1900 {
  -webkit-animation-duration:1.9s;
  animation-duration:1.9s
}
.animate-duration-2000 {
  -webkit-animation-duration:2s;
  animation-duration:2s
}
.animate-duration-1s {
  -webkit-animation-duration:1s;
  animation-duration:1s
}
.animate-duration-2s {
  -webkit-animation-duration:2s;
  animation-duration:2s
}
.animate-duration-3s {
  -webkit-animation-duration:3s;
  animation-duration:3s
}
.animate-duration-4s {
  -webkit-animation-duration:4s;
  animation-duration:4s
}
.animate-duration-5s {
  -webkit-animation-duration:5s;
  animation-duration:5s
}
@keyframes newFadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,2.5rem,0);
    transform:translate3d(0,2.5rem,0)
  }
  to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}
.fadeInUp {
  -webkit-animation-name:newFadeInUp;
  animation-name:newFadeInUp;
  will-change:transform,opacity
}
@keyframes newFadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-3.75rem,0);
    transform:translate3d(0,-3.75rem,0)
  }
  to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}
.fadeInDown {
  -webkit-animation-name:newFadeInDown;
  animation-name:newFadeInDown;
  will-change:transform,opacity
}
.absolute {
  position:absolute
}
.relative {
  position:relative
}
.flex-between {
  -webkit-box-pack:justify;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.m-5 {
  margin:.26042vw
}
.mt-5 {
  margin-top:.26042vw
}
.mb-5 {
  margin-bottom:.26042vw
}
.ml-5 {
  margin-left:.26042vw
}
.mr-5,.mx-5 {
  margin-right:.26042vw
}
.mx-5 {
  margin-left:.26042vw
}
.my-5 {
  margin-bottom:.26042vw;
  margin-top:.26042vw
}
.m-10 {
  margin:.52083vw
}
.mt-10 {
  margin-top:.52083vw
}
.mb-10 {
  margin-bottom:.52083vw
}
.ml-10 {
  margin-left:.52083vw
}
.mr-10,.mx-10 {
  margin-right:.52083vw
}
.mx-10 {
  margin-left:.52083vw
}
.my-10 {
  margin-bottom:.52083vw;
  margin-top:.52083vw
}
.m-15 {
  margin:.78125vw
}
.mt-15 {
  margin-top:.78125vw
}
.mb-15 {
  margin-bottom:.78125vw
}
.ml-15 {
  margin-left:.78125vw
}
.mr-15,.mx-15 {
  margin-right:.78125vw
}
.mx-15 {
  margin-left:.78125vw
}
.my-15 {
  margin-bottom:.78125vw;
  margin-top:.78125vw
}
.m-20 {
  margin:1.04167vw
}
.mt-20 {
  margin-top:1.04167vw
}
.mb-20 {
  margin-bottom:1.04167vw
}
.ml-20 {
  margin-left:1.04167vw
}
.mr-20,.mx-20 {
  margin-right:1.04167vw
}
.mx-20 {
  margin-left:1.04167vw
}
.my-20 {
  margin-bottom:1.04167vw;
  margin-top:1.04167vw
}
.m-25 {
  margin:1.30208vw
}
.mt-25 {
  margin-top:1.30208vw
}
.mb-25 {
  margin-bottom:1.30208vw
}
.ml-25 {
  margin-left:1.30208vw
}
.mr-25,.mx-25 {
  margin-right:1.30208vw
}
.mx-25 {
  margin-left:1.30208vw
}
.my-25 {
  margin-bottom:1.30208vw;
  margin-top:1.30208vw
}
.m-30 {
  margin:1.5625vw
}
.mt-30 {
  margin-top:1.5625vw
}
.mb-30 {
  margin-bottom:1.5625vw
}
.ml-30 {
  margin-left:1.5625vw
}
.mr-30,.mx-30 {
  margin-right:1.5625vw
}
.mx-30 {
  margin-left:1.5625vw
}
.my-30 {
  margin-bottom:1.5625vw;
  margin-top:1.5625vw
}
.m-35 {
  margin:1.82292vw
}
.mt-35 {
  margin-top:1.82292vw
}
.mb-35 {
  margin-bottom:1.82292vw
}
.ml-35 {
  margin-left:1.82292vw
}
.mr-35,.mx-35 {
  margin-right:1.82292vw
}
.mx-35 {
  margin-left:1.82292vw
}
.my-35 {
  margin-bottom:1.82292vw;
  margin-top:1.82292vw
}
.m-40 {
  margin:2.08333vw
}
.mt-40 {
  margin-top:2.08333vw
}
.mb-40 {
  margin-bottom:2.08333vw
}
.ml-40 {
  margin-left:2.08333vw
}
.mr-40,.mx-40 {
  margin-right:2.08333vw
}
.mx-40 {
  margin-left:2.08333vw
}
.my-40 {
  margin-bottom:2.08333vw;
  margin-top:2.08333vw
}
.m-45 {
  margin:2.34375vw
}
.mt-45 {
  margin-top:2.34375vw
}
.mb-45 {
  margin-bottom:2.34375vw
}
.ml-45 {
  margin-left:2.34375vw
}
.mr-45,.mx-45 {
  margin-right:2.34375vw
}
.mx-45 {
  margin-left:2.34375vw
}
.my-45 {
  margin-bottom:2.34375vw;
  margin-top:2.34375vw
}
.m-50 {
  margin:2.60417vw
}
.mt-50 {
  margin-top:2.60417vw
}
.mb-50 {
  margin-bottom:2.60417vw
}
.ml-50 {
  margin-left:2.60417vw
}
.mr-50,.mx-50 {
  margin-right:2.60417vw
}
.mx-50 {
  margin-left:2.60417vw
}
.my-50 {
  margin-bottom:2.60417vw;
  margin-top:2.60417vw
}
.m-55 {
  margin:2.86458vw
}
.mt-55 {
  margin-top:2.86458vw
}
.mb-55 {
  margin-bottom:2.86458vw
}
.ml-55 {
  margin-left:2.86458vw
}
.mr-55,.mx-55 {
  margin-right:2.86458vw
}
.mx-55 {
  margin-left:2.86458vw
}
.my-55 {
  margin-bottom:2.86458vw;
  margin-top:2.86458vw
}
.m-60 {
  margin:3.125vw
}
.mt-60 {
  margin-top:3.125vw
}
.mb-60 {
  margin-bottom:3.125vw
}
.ml-60 {
  margin-left:3.125vw
}
.mr-60,.mx-60 {
  margin-right:3.125vw
}
.mx-60 {
  margin-left:3.125vw
}
.my-60 {
  margin-bottom:3.125vw;
  margin-top:3.125vw
}
.m-65 {
  margin:3.38542vw
}
.mt-65 {
  margin-top:3.38542vw
}
.mb-65 {
  margin-bottom:3.38542vw
}
.ml-65 {
  margin-left:3.38542vw
}
.mr-65,.mx-65 {
  margin-right:3.38542vw
}
.mx-65 {
  margin-left:3.38542vw
}
.my-65 {
  margin-bottom:3.38542vw;
  margin-top:3.38542vw
}
.m-70 {
  margin:3.64583vw
}
.mt-70 {
  margin-top:3.64583vw
}
.mb-70 {
  margin-bottom:3.64583vw
}
.ml-70 {
  margin-left:3.64583vw
}
.mr-70,.mx-70 {
  margin-right:3.64583vw
}
.mx-70 {
  margin-left:3.64583vw
}
.my-70 {
  margin-bottom:3.64583vw;
  margin-top:3.64583vw
}
.m-75 {
  margin:3.90625vw
}
.mt-75 {
  margin-top:3.90625vw
}
.mb-75 {
  margin-bottom:3.90625vw
}
.ml-75 {
  margin-left:3.90625vw
}
.mr-75,.mx-75 {
  margin-right:3.90625vw
}
.mx-75 {
  margin-left:3.90625vw
}
.my-75 {
  margin-bottom:3.90625vw;
  margin-top:3.90625vw
}
.m-80 {
  margin:4.16667vw
}
.mt-80 {
  margin-top:4.16667vw
}
.mb-80 {
  margin-bottom:4.16667vw
}
.ml-80 {
  margin-left:4.16667vw
}
.mr-80,.mx-80 {
  margin-right:4.16667vw
}
.mx-80 {
  margin-left:4.16667vw
}
.my-80 {
  margin-bottom:4.16667vw;
  margin-top:4.16667vw
}
.m-85 {
  margin:4.42708vw
}
.mt-85 {
  margin-top:4.42708vw
}
.mb-85 {
  margin-bottom:4.42708vw
}
.ml-85 {
  margin-left:4.42708vw
}
.mr-85,.mx-85 {
  margin-right:4.42708vw
}
.mx-85 {
  margin-left:4.42708vw
}
.my-85 {
  margin-bottom:4.42708vw;
  margin-top:4.42708vw
}
.m-90 {
  margin:4.6875vw
}
.mt-90 {
  margin-top:4.6875vw
}
.mb-90 {
  margin-bottom:4.6875vw
}
.ml-90 {
  margin-left:4.6875vw
}
.mr-90,.mx-90 {
  margin-right:4.6875vw
}
.mx-90 {
  margin-left:4.6875vw
}
.my-90 {
  margin-bottom:4.6875vw;
  margin-top:4.6875vw
}
.m-95 {
  margin:4.94792vw
}
.mt-95 {
  margin-top:4.94792vw
}
.mb-95 {
  margin-bottom:4.94792vw
}
.ml-95 {
  margin-left:4.94792vw
}
.mr-95,.mx-95 {
  margin-right:4.94792vw
}
.mx-95 {
  margin-left:4.94792vw
}
.my-95 {
  margin-bottom:4.94792vw;
  margin-top:4.94792vw
}
.m-100 {
  margin:5.20833vw
}
.mt-100 {
  margin-top:5.20833vw
}
.mb-100 {
  margin-bottom:5.20833vw
}
.ml-100 {
  margin-left:5.20833vw
}
.mr-100,.mx-100 {
  margin-right:5.20833vw
}
.mx-100 {
  margin-left:5.20833vw
}
.my-100 {
  margin-bottom:5.20833vw;
  margin-top:5.20833vw
}
.m-105 {
  margin:5.46875vw
}
.mt-105 {
  margin-top:5.46875vw
}
.mb-105 {
  margin-bottom:5.46875vw
}
.ml-105 {
  margin-left:5.46875vw
}
.mr-105,.mx-105 {
  margin-right:5.46875vw
}
.mx-105 {
  margin-left:5.46875vw
}
.my-105 {
  margin-bottom:5.46875vw;
  margin-top:5.46875vw
}
.m-110 {
  margin:5.72917vw
}
.mt-110 {
  margin-top:5.72917vw
}
.mb-110 {
  margin-bottom:5.72917vw
}
.ml-110 {
  margin-left:5.72917vw
}
.mr-110,.mx-110 {
  margin-right:5.72917vw
}
.mx-110 {
  margin-left:5.72917vw
}
.my-110 {
  margin-bottom:5.72917vw;
  margin-top:5.72917vw
}
.m-115 {
  margin:5.98958vw
}
.mt-115 {
  margin-top:5.98958vw
}
.mb-115 {
  margin-bottom:5.98958vw
}
.ml-115 {
  margin-left:5.98958vw
}
.mr-115,.mx-115 {
  margin-right:5.98958vw
}
.mx-115 {
  margin-left:5.98958vw
}
.my-115 {
  margin-bottom:5.98958vw;
  margin-top:5.98958vw
}
.m-120 {
  margin:6.25vw
}
.mt-120 {
  margin-top:6.25vw
}
.mb-120 {
  margin-bottom:6.25vw
}
.ml-120 {
  margin-left:6.25vw
}
.mr-120,.mx-120 {
  margin-right:6.25vw
}
.mx-120 {
  margin-left:6.25vw
}
.my-120 {
  margin-bottom:6.25vw;
  margin-top:6.25vw
}
.m-125 {
  margin:6.51042vw
}
.mt-125 {
  margin-top:6.51042vw
}
.mb-125 {
  margin-bottom:6.51042vw
}
.ml-125 {
  margin-left:6.51042vw
}
.mr-125,.mx-125 {
  margin-right:6.51042vw
}
.mx-125 {
  margin-left:6.51042vw
}
.my-125 {
  margin-bottom:6.51042vw;
  margin-top:6.51042vw
}
.m-130 {
  margin:6.77083vw
}
.mt-130 {
  margin-top:6.77083vw
}
.mb-130 {
  margin-bottom:6.77083vw
}
.ml-130 {
  margin-left:6.77083vw
}
.mr-130,.mx-130 {
  margin-right:6.77083vw
}
.mx-130 {
  margin-left:6.77083vw
}
.my-130 {
  margin-bottom:6.77083vw;
  margin-top:6.77083vw
}
.m-135 {
  margin:7.03125vw
}
.mt-135 {
  margin-top:7.03125vw
}
.mb-135 {
  margin-bottom:7.03125vw
}
.ml-135 {
  margin-left:7.03125vw
}
.mr-135,.mx-135 {
  margin-right:7.03125vw
}
.mx-135 {
  margin-left:7.03125vw
}
.my-135 {
  margin-bottom:7.03125vw;
  margin-top:7.03125vw
}
.m-140 {
  margin:7.29167vw
}
.mt-140 {
  margin-top:7.29167vw
}
.mb-140 {
  margin-bottom:7.29167vw
}
.ml-140 {
  margin-left:7.29167vw
}
.mr-140,.mx-140 {
  margin-right:7.29167vw
}
.mx-140 {
  margin-left:7.29167vw
}
.my-140 {
  margin-bottom:7.29167vw;
  margin-top:7.29167vw
}
.m-145 {
  margin:7.55208vw
}
.mt-145 {
  margin-top:7.55208vw
}
.mb-145 {
  margin-bottom:7.55208vw
}
.ml-145 {
  margin-left:7.55208vw
}
.mr-145,.mx-145 {
  margin-right:7.55208vw
}
.mx-145 {
  margin-left:7.55208vw
}
.my-145 {
  margin-bottom:7.55208vw;
  margin-top:7.55208vw
}
.m-150 {
  margin:7.8125vw
}
.mt-150 {
  margin-top:7.8125vw
}
.mb-150 {
  margin-bottom:7.8125vw
}
.ml-150 {
  margin-left:7.8125vw
}
.mr-150,.mx-150 {
  margin-right:7.8125vw
}
.mx-150 {
  margin-left:7.8125vw
}
.my-150 {
  margin-bottom:7.8125vw;
  margin-top:7.8125vw
}
.m-155 {
  margin:8.07292vw
}
.mt-155 {
  margin-top:8.07292vw
}
.mb-155 {
  margin-bottom:8.07292vw
}
.ml-155 {
  margin-left:8.07292vw
}
.mr-155,.mx-155 {
  margin-right:8.07292vw
}
.mx-155 {
  margin-left:8.07292vw
}
.my-155 {
  margin-bottom:8.07292vw;
  margin-top:8.07292vw
}
.m-160 {
  margin:8.33333vw
}
.mt-160 {
  margin-top:8.33333vw
}
.mb-160 {
  margin-bottom:8.33333vw
}
.ml-160 {
  margin-left:8.33333vw
}
.mr-160,.mx-160 {
  margin-right:8.33333vw
}
.mx-160 {
  margin-left:8.33333vw
}
.my-160 {
  margin-bottom:8.33333vw;
  margin-top:8.33333vw
}
.m-165 {
  margin:8.59375vw
}
.mt-165 {
  margin-top:8.59375vw
}
.mb-165 {
  margin-bottom:8.59375vw
}
.ml-165 {
  margin-left:8.59375vw
}
.mr-165,.mx-165 {
  margin-right:8.59375vw
}
.mx-165 {
  margin-left:8.59375vw
}
.my-165 {
  margin-bottom:8.59375vw;
  margin-top:8.59375vw
}
.m-170 {
  margin:8.85417vw
}
.mt-170 {
  margin-top:8.85417vw
}
.mb-170 {
  margin-bottom:8.85417vw
}
.ml-170 {
  margin-left:8.85417vw
}
.mr-170,.mx-170 {
  margin-right:8.85417vw
}
.mx-170 {
  margin-left:8.85417vw
}
.my-170 {
  margin-bottom:8.85417vw;
  margin-top:8.85417vw
}
.m-175 {
  margin:9.11458vw
}
.mt-175 {
  margin-top:9.11458vw
}
.mb-175 {
  margin-bottom:9.11458vw
}
.ml-175 {
  margin-left:9.11458vw
}
.mr-175,.mx-175 {
  margin-right:9.11458vw
}
.mx-175 {
  margin-left:9.11458vw
}
.my-175 {
  margin-bottom:9.11458vw;
  margin-top:9.11458vw
}
.m-180 {
  margin:9.375vw
}
.mt-180 {
  margin-top:9.375vw
}
.mb-180 {
  margin-bottom:9.375vw
}
.ml-180 {
  margin-left:9.375vw
}
.mr-180,.mx-180 {
  margin-right:9.375vw
}
.mx-180 {
  margin-left:9.375vw
}
.my-180 {
  margin-bottom:9.375vw;
  margin-top:9.375vw
}
.m-185 {
  margin:9.63542vw
}
.mt-185 {
  margin-top:9.63542vw
}
.mb-185 {
  margin-bottom:9.63542vw
}
.ml-185 {
  margin-left:9.63542vw
}
.mr-185,.mx-185 {
  margin-right:9.63542vw
}
.mx-185 {
  margin-left:9.63542vw
}
.my-185 {
  margin-bottom:9.63542vw;
  margin-top:9.63542vw
}
.m-190 {
  margin:9.89583vw
}
.mt-190 {
  margin-top:9.89583vw
}
.mb-190 {
  margin-bottom:9.89583vw
}
.ml-190 {
  margin-left:9.89583vw
}
.mr-190,.mx-190 {
  margin-right:9.89583vw
}
.mx-190 {
  margin-left:9.89583vw
}
.my-190 {
  margin-bottom:9.89583vw;
  margin-top:9.89583vw
}
.m-195 {
  margin:10.15625vw
}
.mt-195 {
  margin-top:10.15625vw
}
.mb-195 {
  margin-bottom:10.15625vw
}
.ml-195 {
  margin-left:10.15625vw
}
.mr-195,.mx-195 {
  margin-right:10.15625vw
}
.mx-195 {
  margin-left:10.15625vw
}
.my-195 {
  margin-bottom:10.15625vw;
  margin-top:10.15625vw
}
.m-200 {
  margin:10.41667vw
}
.mt-200 {
  margin-top:10.41667vw
}
.mb-200 {
  margin-bottom:10.41667vw
}
.ml-200 {
  margin-left:10.41667vw
}
.mr-200,.mx-200 {
  margin-right:10.41667vw
}
.mx-200 {
  margin-left:10.41667vw
}
.my-200 {
  margin-bottom:10.41667vw;
  margin-top:10.41667vw
}
.common-banner {
  position:relative
}
.common-banner .text-wrapper {
  color:#fff;
  left:50%;
  position:absolute;
  text-align:center;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.common-banner .text-wrapper .title {
  font-family:Sunseeker-bold;
  font-size:2.08333vw;
  font-weight:500;
  line-height:2.8125vw
}
.common-banner .text-wrapper .desc {
  font-size:1.14583vw;
  font-weight:500;
  line-height:1.5625vw;
  margin-top:1.5625vw
}
@media(max-width:1080px) {
  .common-banner .text-wrapper {
    padding:0 0.3rem;
    width:100%
  }
  .common-banner .text-wrapper .title {
    font-size:0.44rem;
    line-height:0.6rem
  }
  .common-banner .text-wrapper .desc {
    font-size:0.32rem;
    line-height:0.44rem;
    margin-top:0.2rem
  }
}
.overflow-hidden {
  -webkit-overflow-scrolling:none;
  overflow-y:hidden;
  position:fixed;
  top:0;
  touch-action:none
}
.overflow-hidden.min-nav {
  position:relative
}
.fixed-btnswiper {
  bottom:5%;
  position:fixed;
  z-index:100
}
.btn-hover>span {
  margin-left:.25rem;
  -webkit-transition:-webkit-transform .4s ease-out;
  transition:-webkit-transform .4s ease-out;
  transition:transform .4s ease-out;
  transition:transform .4s ease-out,-webkit-transform .4s ease-out
}
.btn-hover:hover>span {
  -webkit-transform:translateX(40%);
  transform:translateX(40%)
}
.btn-hover-v2 {
  -webkit-transition:opacity .3s;
  transition:opacity .3s
}
.btn-hover-v2:hover {
  opacity:.9
}
@media(min-width:1080px) {
  .button-hover-bg-change {
    position:relative
  }
  .button-hover-bg-change,.button-hover-bg-change:before {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-bg-change:before {
    background-color:var(--default-color);
    border-radius:1.5rem;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    width:20%
  }
  .button-hover-bg-change span {
    display:inline-block;
    position:relative;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    z-index:1
  }
  .button-hover-bg-change:hover {
    border-color:#fff!important;
    color:#fff!important
  }
  .button-hover-bg-change:hover:before {
    opacity:1;
    width:100%
  }
  .button-hover-opacity-change,.button-hover-opacity-change:hover {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-opacity-change:hover {
    background-color:#ff6e3f!important
  }
  .button-hover-orange-change {
    background-color:var(--default-color);
    color:#fff
  }
  .button-hover-orange-change,.button-hover-orange-change:hover {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-orange-change:hover {
    background-color:var(--default-color-text-hover)!important
  }
  .button-hover-blue-change {
    background-color:var(--default-color);
    color:#fff
  }
  .button-hover-blue-change,.button-hover-blue-change:hover {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-blue-change:hover {
    background-color:var(--default-color-text-hover)!important
  }
  .button-hover-white-change {
    background-color:var(--white-color);
    color:#000
  }
  .button-hover-white-change,.button-hover-white-change:hover {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-white-change:hover {
    background-color:var(--white-color-text-hover)!important
  }
  .button-hover-transparent-change {
    background-color:transparent;
    color:#000;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-transparent-change:hover {
    background-color:var(--white-color)!important
  }
  .button-hover-black-change,.button-hover-transparent-change:hover {
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
  .button-hover-black-change {
    background-color:var(--black-color-text-hover);
    color:var(--white-color)
  }
  .button-hover-black-change:hover {
    background-color:var(--black-bg-hover)!important;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
  }
}
.common-gap {
  background-color:transparent;
  height:1.5625vw;
  width:100%
}
@media(max-width:1080px) {
  .common-gap {
    height:0.3rem
  }
}
.loader-overlay {
  -webkit-box-pack:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  background-color:rgba(0,0,0,.5);
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:9998
}
.loader {
  -webkit-animation:l13 1s linear infinite;
  animation:l13 1s linear infinite;
  aspect-ratio:1;
  background:radial-gradient(farthest-side,var(--default-color) 94%,transparent) top/.625vw .625vw no-repeat,conic-gradient(transparent 30%,var(--default-color));
  border-radius:50%;
  -webkit-mask:radial-gradient(farthest-side,transparent -webkit-calc(100% - .625vw),#000 0);
  width:4.16667vw;
  z-index:9999
}
@media(max-width:1080px) {
  .loader {
    -webkit-animation:l13 1s linear infinite;
    animation:l13 1s linear infinite;
    background:radial-gradient(farthest-side,var(--default-color) 94%,transparent) top/0.12rem 0.12rem no-repeat,conic-gradient(transparent 30%,var(--default-color));
    -webkit-mask:radial-gradient(farthest-side,transparent -webkit-calc(100% - 0.12rem),#000 0);
    width:0.8rem
  }
}
.three-lines {
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis
}
.gap-line {
  width:100%
}
.gap-line.gap-2px {
  height:.125rem
}
@-webkit-keyframes l13 {
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
@keyframes l13 {
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
.loading-content.hidden,picture.hidden {
  display:none
}
.skeleton {
  -webkit-animation:ant-skeleton-loading 1.4s ease infinite;
  animation:ant-skeleton-loading 1.4s ease infinite;
  background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));
  background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
  background-size:400% 100%;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.skeleton.hidden {
  display:none
}
.image-error {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  background-color:#f2f2f2;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  width:100%
}
.image-error i {
  color:rgba(45,49,50,.12);
  font-size:1.25vw
}
.image-error.hidden {
  display:none
}
.common-title {
  padding-left:13.54167vw;
  padding-right:13.54167vw
}
.common-title.dark-theme {
  background-color:#000
}
.common-title.dark-theme .header-title {
  color:#fff
}
.common-title.light-theme {
  background-color:transparent
}
.common-title.light-theme .header-title {
  color:#000
}
.common-title.light-theme .header-title .text {
  color:#737373
}
.common-title.padding-top-100 {
  padding-top:5.20833vw
}
.common-title.padding-bottom-100 {
  padding-bottom:5.20833vw
}
.common-title .header-title {
  color:#fff;
  font-family:Sunseeker-bold;
  font-size:3.33333vw;
  font-weight:500;
  line-height:1.5;
  text-align:center
}
.common-title .header-title .text {
  font-size:1.14583vw;
  line-height:1.5
}
@media screen and (max-width:1080px) {
  .common-title {
    padding-left:0.3rem;
    padding-right:0.3rem
  }
  .common-title.padding-top-100 {
    padding-top:1rem
  }
  .common-title.padding-bottom-100 {
    padding-bottom:1rem
  }
  .common-title .header-title,.common-title .header-title .text {
    font-size:0.6rem
  }
}
.video-popup .video-modal {
  display:none;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:9999
}
.video-popup .video-modal .modal-overlay {
  background:rgba(0,0,0,.8);
  cursor:pointer;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.video-popup .video-modal .modal-close {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  background:hsla(0,0%,100%,.2);
  border:none;
  border-radius:50%;
  color:#fff;
  cursor:pointer;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  font-size:1.25vw;
  height:2.08333vw;
  -webkit-justify-content:center;
  justify-content:center;
  position:absolute;
  right:3.125vw;
  top:3.125vw;
  -webkit-transition:background .3s ease;
  transition:background .3s ease;
  width:2.08333vw;
  z-index:10
}
.video-popup .video-modal .modal-close:hover {
  background:hsla(0,0%,100%,.3)
}
.video-popup .video-modal .modal-content {
  background:#000;
  border-radius:.625vw;
  box-shadow:0 1.04167vw 3.125vw rgba(0,0,0,.5);
  left:50%;
  max-width:52.08333vw;
  overflow:hidden;
  position:absolute;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:90%
}
.video-popup .video-modal .modal-content .modal-close {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  background:hsla(0,0%,100%,.2);
  border:none;
  border-radius:50%;
  color:#fff;
  cursor:pointer;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  font-size:1.25vw;
  height:2.08333vw;
  -webkit-justify-content:center;
  justify-content:center;
  position:absolute;
  right:1.04167vw;
  top:.78125vw;
  -webkit-transition:background .3s ease;
  transition:background .3s ease;
  width:2.08333vw;
  z-index:10
}
.video-popup .video-modal .modal-content .modal-close:hover {
  background:hsla(0,0%,100%,.3)
}
.video-popup .video-modal .modal-content .video-wrapper {
  height:0;
  padding-bottom:56.25%;
  position:relative;
  width:100%
}
.video-popup .video-modal .modal-content .video-wrapper #youtube-player-container,.video-popup .video-modal .modal-content .video-wrapper video {
  height:100%;
  left:0;
  outline:none;
  position:absolute;
  top:0;
  width:100%
}
.video-popup .video-modal .modal-content .video-wrapper #youtube-player-container iframe {
  height:100%;
  width:100%
}
@media screen and (max-width:1080px) {
  .video-popup .video-modal {
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999
  }
  .video-popup .video-modal .modal-overlay {
    background:rgba(0,0,0,.8);
    cursor:pointer;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
  }
  .video-popup .video-modal .modal-content {
    background:#000;
    border-radius:0.24rem;
    box-shadow:0 0.4rem 1.2rem rgba(0,0,0,.5);
    left:50%;
    max-width:20rem;
    overflow:hidden;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:90%
  }
  .video-popup .video-modal .modal-content .modal-close {
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-align-items:center;
    align-items:center;
    background:hsla(0,0%,100%,.2);
    border:none;
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    font-size:0.48rem;
    height:0.8rem;
    -webkit-justify-content:center;
    justify-content:center;
    position:absolute;
    right:0.4rem;
    top:0.3rem;
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    width:0.8rem;
    z-index:10
  }
  .video-popup .video-modal .modal-content .modal-close:hover {
    background:hsla(0,0%,100%,.3)
  }
  .video-popup .video-modal .modal-content .video-wrapper {
    height:0;
    padding-bottom:56.25%;
    position:relative;
    width:100%
  }
  .video-popup .video-modal .modal-content .video-wrapper video {
    height:100%;
    left:0;
    outline:none;
    position:absolute;
    top:0;
    width:100%
  }
}
.back-top {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-backdrop-filter:blur(.41667vw);
  backdrop-filter:blur(.41667vw);
  background:hsla(0,0%,100%,.8);
  border-radius:50%;
  bottom:2.08333vw;
  cursor:pointer;
  display:none;
  height:2.29167vw;
  -webkit-justify-content:center;
  justify-content:center;
  position:fixed;
  right:4.16667vw;
  -webkit-transition:all .3s;
  transition:all .3s;
  width:2.29167vw;
  z-index:98
}
.back-top:hover {
  background:hsla(0,0%,100%,.6)
}
@media screen and (max-width:1080px) {
  .back-top {
    border-radius:0.384rem;
    bottom:0.256rem;
    height:0.768rem;
    right:0.256rem;
    width:0.768rem;
    z-index:996
  }
  .back-top:after {
    height:0.128rem;
    width:0.128rem
  }
  .back-top .icon-goback-top {
    font-size:0.256rem
  }
  .back-top:hover {
    background:rgba(34,34,34,.4)
  }
}
.xFive-banner-container {
  isolation:isolate;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}
.xFive-banner-container .banner-container {
  background:#fff;
  color:#000;
  line-height:1.5;
  will-change:transform
}
.xFive-banner-container .banner-container .banner-text {
  color:#fff;
  left:13.54167vw;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  will-change:transform
}
.xFive-banner-container .banner-container .banner-text.color-black {
  color:#000
}
.xFive-banner-container .banner-container .banner-text.text-align-center {
  text-align:center
}
.xFive-banner-container .banner-container .banner-text.text-align-left {
  text-align:left
}
.xFive-banner-container .banner-container .banner-text.text-align-right {
  text-align:right
}
.xFive-banner-container .banner-container .banner-text.center-center {
  left:50%;
  right:auto;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.xFive-banner-container .banner-container .banner-text.center-left {
  left:13.54167vw;
  right:auto;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.xFive-banner-container .banner-container .banner-text.center-right {
  left:auto;
  right:13.54167vw;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.xFive-banner-container .banner-container .banner-text.top-center {
  left:50%;
  right:auto;
  top:6.25vw;
  -webkit-transform:translate(-50%);
  transform:translate(-50%)
}
.xFive-banner-container .banner-container .banner-text.top-left {
  left:13.54167vw;
  right:auto;
  top:6.25vw
}
.xFive-banner-container .banner-container .banner-text.top-right {
  right:13.54167vw;
  top:6.25vw
}
.xFive-banner-container .banner-container .banner-text.bottom-center {
  bottom:6.25vw;
  left:50%;
  right:auto;
  top:auto;
  -webkit-transform:translate(-50%);
  transform:translate(-50%)
}
.xFive-banner-container .banner-container .banner-text.bottom-left {
  bottom:6.25vw;
  left:13.54167vw;
  right:auto;
  top:auto
}
.xFive-banner-container .banner-container .banner-text.bottom-right {
  bottom:6.25vw;
  right:13.54167vw;
  top:auto
}
.xFive-banner-container .banner-container .banner-text .title {
  font-family:Sunseeker-bold;
  font-size:3.33333vw;
  line-height:1.5;
  margin-bottom:1.25vw
}
.xFive-banner-container .banner-container .banner-text .title.title-fz-32 {
  font-size:1.66667vw
}
.xFive-banner-container .banner-container .banner-text .title.title-fz-64 {
  font-size:3.33333vw
}
.xFive-banner-container .banner-container .banner-text .title img {
  height:3.125vw;
  width:auto
}
.xFive-banner-container .banner-container .banner-text .subtitle {
  font-family:Sunseeker-bold;
  font-size:1.66667vw;
  line-height:1.5
}
.xFive-banner-container .banner-container .banner-text .subtitle.title-fz-64 {
  font-family:Sunseeker-bold;
  font-size:3.33333vw;
  line-height:1.5
}
.xFive-banner-container .banner-container .banner-text .subtitle.title-fz-32 {
  font-size:1.66667vw
}
.xFive-banner-container .banner-container .banner-text .desc {
  font-family:Sunseeker-regular;
  font-size:1.14583vw;
  line-height:1.5;
  margin-top:1.25vw
}
.xFive-banner-container .banner-container .banner-text .desc .high-light {
  color:var(--default-color)
}
.xFive-banner-container .banner-container .banner-text .operation-btns {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:1.45833vw;
  margin-top:2.08333vw
}
.xFive-banner-container .banner-container .banner-text .operation-btns .buy-link {
  background:-webkit-gradient(linear,left top,right top,from(#5a87fa),to(#99b6ff));
  background:linear-gradient(90deg,#5a87fa,#99b6ff);
  border-radius:1.40625vw;
  color:#fff;
  font-size:.83333vw;
  line-height:2.8125vw;
  padding:0 3.02083vw
}
.xFive-banner-container .banner-container .banner-text .operation-btns .video-btn {
  border-radius:2.8125vw;
  cursor:pointer;
  display:block;
  height:2.8125vw;
  min-width:9.58333vw;
  overflow:hidden;
  position:relative
}
.xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-bg {
  height:2.8125vw;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
  z-index:3
}
.xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-text {
  -webkit-box-pack:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  background:rgba(0,0,0,.5);
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:2.8125vw;
  -webkit-justify-content:center;
  justify-content:center;
  padding:0 1.04167vw;
  width:100%;
  z-index:4
}
.xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-text .video-text {
  color:#fff;
  font-size:.83333vw;
  z-index:11
}
.xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-text .video-icon {
  height:.83333vw;
  margin-left:.83333vw;
  width:.83333vw;
  z-index:11
}
.xFive-banner-container .banner-container .banner-text .btn-wrapper {
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:0 2.08333vw;
  -webkit-justify-content:center;
  justify-content:center;
  margin-top:3.33333vw
}
.xFive-banner-container .banner-container .banner-text .btn-wrapper .btn {
  -webkit-box-pack:center;
  border-radius:5.20833vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  font-size:.83333vw;
  font-weight:500;
  -webkit-justify-content:center;
  justify-content:center;
  line-height:1.14583vw;
  min-width:13.75vw;
  padding:.46875vw 1.25vw;
  text-align:center;
  -webkit-transition:background-color .3s ease;
  transition:background-color .3s ease
}
.xFive-banner-container .banner-container .background-image {
  -webkit-box-flex:0;
  -webkit-flex:0 0 100%;
  flex:0 0 100%
}
.xFive-banner-container .banner-container .background-image img {
  display:block
}
@media screen and (max-width:1080px) {
  .xFive-banner-container .banner-container .banner-text {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    left:50%;
    padding:0 15%;
    top:1.6rem;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:100%
  }
  .xFive-banner-container .banner-container .banner-text.text-align-center,.xFive-banner-container .banner-container .banner-text.text-align-left,.xFive-banner-container .banner-container .banner-text.text-align-right {
    text-align:center
  }
  .xFive-banner-container .banner-container .banner-text.bottom-center,.xFive-banner-container .banner-container .banner-text.bottom-left,.xFive-banner-container .banner-container .banner-text.bottom-right,.xFive-banner-container .banner-container .banner-text.center-center,.xFive-banner-container .banner-container .banner-text.center-left,.xFive-banner-container .banner-container .banner-text.center-right,.xFive-banner-container .banner-container .banner-text.top-center,.xFive-banner-container .banner-container .banner-text.top-left,.xFive-banner-container .banner-container .banner-text.top-right {
    left:50%;
    right:auto;
    top:10%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
  }
  .xFive-banner-container .banner-container .banner-text.mob-center-center {
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
  }
  .xFive-banner-container .banner-container .banner-text .title {
    font-size:0.48rem;
    margin-bottom:0.08rem
  }
  .xFive-banner-container .banner-container .banner-text .title.title-fz-32,.xFive-banner-container .banner-container .banner-text .title.title-fz-64 {
    font-size:0.48rem
  }
  .xFive-banner-container .banner-container .banner-text .title img {
    height:0.48rem;
    width:auto
  }
  .xFive-banner-container .banner-container .banner-text .subtitle,.xFive-banner-container .banner-container .banner-text .subtitle.title-fz-32,.xFive-banner-container .banner-container .banner-text .subtitle.title-fz-64 {
    font-size:0.48rem
  }
  .xFive-banner-container .banner-container .banner-text .desc {
    font-family:Sunseeker-regular;
    font-size:0.28rem;
    line-height:1.5;
    margin-top:0.08rem
  }
  .xFive-banner-container .banner-container .banner-text .operation-btns {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    margin-top:0.58rem
  }
  .xFive-banner-container .banner-container .banner-text .operation-btns .buy-link {
    border-radius:0.8rem;
    font-size:0.28rem;
    line-height:0.42rem;
    padding:0.2rem 1rem
  }
  .xFive-banner-container .banner-container .banner-text .operation-btns .video-btn {
    border-radius:0.8rem;
    height:0.8rem;
    margin-top:0.24rem;
    min-width:3.2rem;
    padding:0 0.2rem
  }
  .xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-bg,.xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-text {
    height:0.8rem
  }
  .xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-text .video-text {
    font-size:0.28rem
  }
  .xFive-banner-container .banner-container .banner-text .operation-btns .video-btn .btn-video-text .video-icon {
    height:0.28rem;
    margin-left:0.16rem;
    width:0.28rem
  }
  .xFive-banner-container .banner-container .banner-text .btn-wrapper {
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:0.2rem 0.48rem;
    margin-top:0.48rem;
    width:100%
  }
  .xFive-banner-container .banner-container .banner-text .btn-wrapper .btn {
    background-color:var(--default-color);
    border-radius:1rem;
    color:var(--white-color);
    font-family:Sunseeker-regular;
    font-size:0.24rem;
    line-height:0.42rem;
    padding:0.14rem 0.36rem
  }
  .xFive-banner-container .banner-container .banner-text .btn-wrapper .more {
    background:var(--white-color);
    color:var(--black-color-text-hover)
  }
}
.sixty-banner-container {
  position:relative;
  width:100%
}
.sixty-banner-container .bg-img {
  width:100%
}
.sixty-banner-container .bg-img img {
  display:block;
  width:100%
}
.sixty-banner-container .content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  -webkit-box-align:end;
  -webkit-align-items:end;
  align-items:end;
  color:#fff;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  padding:0 13.54167vw;
  position:absolute;
  text-align:end;
  top:0;
  width:100%
}
.sixty-banner-container .content.position-left {
  -webkit-box-align:start;
  -webkit-align-items:start;
  align-items:start;
  text-align:left
}
.sixty-banner-container .content.position-end {
  -webkit-box-pack:end;
  -webkit-justify-content:end;
  justify-content:end;
  padding-bottom:6.25vw
}
.sixty-banner-container .content.top-left {
  left:13.54167vw;
  top:20%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.sixty-banner-container .content.top-center {
  left:50%;
  top:20%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.sixty-banner-container .content.top-right {
  left:auto;
  right:13.54167vw;
  top:20%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.sixty-banner-container .content.center-left {
  left:13.54167vw;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.sixty-banner-container .content.center-center {
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.sixty-banner-container .content.center-right {
  left:auto;
  right:13.54167vw;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.sixty-banner-container .content.bottom-left {
  bottom:20%;
  left:13.54167vw;
  top:auto;
  -webkit-transform:translate(0);
  transform:translate(0)
}
.sixty-banner-container .content.bottom-center {
  bottom:20%;
  left:50%;
  top:auto;
  -webkit-transform:translate(-50%);
  transform:translate(-50%)
}
.sixty-banner-container .content.bottom-right {
  bottom:20%;
  left:auto;
  right:13.54167vw;
  top:auto;
  -webkit-transform:translate(0);
  transform:translate(0)
}
.sixty-banner-container .content.bottom-center,.sixty-banner-container .content.bottom-left,.sixty-banner-container .content.bottom-right,.sixty-banner-container .content.center-center,.sixty-banner-container .content.center-left,.sixty-banner-container .content.center-right,.sixty-banner-container .content.top-center,.sixty-banner-container .content.top-left,.sixty-banner-container .content.top-right {
  height:auto;
  padding:0;
  width:auto
}
.sixty-banner-container .content .slogan {
  font-family:Sunseeker-bold;
  font-size:3.33333vw;
  line-height:1.5;
  width:100%
}
.sixty-banner-container .content .text {
  font-family:Sunseeker-regular;
  font-size:1.14583vw;
  line-height:1.5;
  margin-top:1.25vw
}
.sixty-banner-container .content .text p:first-child {
  margin:1.04167vw 0 1.97917vw
}
.sixty-banner-container .content .text .model {
  font-size:1.14583vw
}
@media screen and (max-width:1080px) {
  .sixty-banner-container .content {
    padding:0 0.3rem
  }
  .sixty-banner-container .content .slogan {
    font-size:0.64rem
  }
  .sixty-banner-container .content .text {
    font-size:0.28rem;
    margin-top:0.24rem
  }
  .sixty-banner-container .content .text p:first-child {
    margin:0.2rem 0 0.4rem
  }
  .sixty-banner-container .content .text .model {
    font-size:0.28rem
  }
}
.positioningNav-layout {
  display:none!important
}
.nubia {
  background-color:#000;
  color:#fff;
  font-family:Inter,sans-serif
}
.nubia .superscript {
  display:inline-block;
  font-size:.36em;
  font-weight:400;
  line-height:1;
  vertical-align:1.55em
}
.nubia .nubia-sub-menu {
  background-color:#000;
  height:3.4375vw;
  padding:0 13.54167vw;
  width:100%
}
.nubia .nubia-sub-menu .nav-container {
  -webkit-box-pack:justify;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  width:100%
}
.nubia .nubia-sub-menu .nav-container .nav-left .logo {
  width:2.5vw
}
.nubia .nubia-sub-menu .nav-container .nav-left .logo img {
  object-fit:cover;
  width:100%
}
.nubia .nubia-sub-menu .nav-container .nav-list {
  gap:1.97917vw
}
.nubia .nubia-sub-menu .nav-container .nav-list,.nubia .nubia-sub-menu .nav-container .nav-list ul {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex
}
.nubia .nubia-sub-menu .nav-container .nav-list ul {
  gap:2.08333vw
}
.nubia .nubia-sub-menu .nav-container .nav-list ul li a {
  color:#bfbfbf;
  font-size:.72917vw;
  font-weight:700
}
.nubia .nubia-sub-menu .nav-container .nav-list ul li.active a {
  color:#e4001f;
  font-weight:600
}
.nubia .nubia-sub-menu .nav-container .nav-list .where-to-buy a {
  background-color:#e4001f;
  border-radius:1.61458vw;
  color:#fff;
  font-size:.72917vw;
  font-weight:600;
  padding:.41667vw 1.19792vw
}
.nubia .nubia-banner {
  background-color:#f4f4fd;
  color:#000;
  height:100vh;
  position:relative;
  width:100%
}
.nubia .nubia-banner .text-content {
  left:50%;
  position:absolute;
  text-align:center;
  top:3.64583vw;
  -webkit-transform:translate(-50%);
  transform:translate(-50%)
}
.nubia .nubia-banner .text-content .title {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  font-size:2.5vw;
  font-weight:700;
  gap:.52083vw;
  -webkit-justify-content:center;
  justify-content:center;
  line-height:1.5;
  margin-bottom:.25rem
}
.nubia .nubia-banner .text-content .title span {
  background-color:#000;
  border-radius:50%;
  color:#fff;
  font-size:1.66667vw;
  height:2.70833vw;
  width:2.70833vw
}
.nubia .nubia-banner .text-content .desc {
  font-size:4.16667vw;
  font-weight:700;
  line-height:1
}
.nubia .nubia-banner .text-content .desc img {
  height:auto;
  object-fit:cover;
  width:30.10417vw
}
.nubia .nubia-banner .text-content .parameter {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  margin-top:.98958vw
}
.nubia .nubia-banner .text-content .parameter .item {
  border-right:.0625rem solid #000;
  padding:0 .52083vw;
  text-align:center
}
.nubia .nubia-banner .text-content .parameter .item:last-child {
  border-right:none
}
.nubia .nubia-banner .text-content .parameter .item .item-title {
  font-size:1.04167vw;
  font-weight:700
}
.nubia .nubia-banner .text-content .parameter .item .item-desc {
  color:rgba(0,0,0,.8);
  font-size:.83333vw;
  font-weight:400
}
.nubia .nubia-banner .img-b {
  bottom:0;
  left:0;
  position:absolute;
  width:100%;
  z-index:5
}
.nubia .nubia-banner .img-b img {
  object-fit:cover;
  width:100%
}
.nubia .nubia-banner .img-l {
  bottom:3.59375vw;
  left:17.70833vw;
  position:absolute;
  z-index:4
}
.nubia .nubia-banner .img-l img {
  object-fit:cover;
  width:31.5625vw
}
.nubia .nubia-banner .img-r {
  bottom:3.59375vw;
  position:absolute;
  right:19.53125vw;
  z-index:3
}
.nubia .nubia-banner .img-r img {
  object-fit:cover;
  width:31.04167vw
}
.nubia .nubia-anchor-img {
  background-color:#f8f8ff;
  color:#000;
  padding:7.8125vw 13.54167vw;
  width:100%
}
.nubia .nubia-anchor-img .anchor-container {
  -webkit-box-pack:justify;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:1.04167vw;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  width:100%
}
.nubia .nubia-anchor-img .anchor-container .anchor-item {
  cursor:pointer;
  display:block;
  position:relative
}
.nubia .nubia-anchor-img .anchor-container .anchor-item picture {
  display:block;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:1
}
.nubia .nubia-anchor-img .anchor-container .anchor-item picture img {
  display:block;
  object-fit:cover;
  -webkit-transform-origin:center center;
  transform-origin:center center;
  -webkit-transition:-webkit-transform .45s ease;
  transition:-webkit-transform .45s ease;
  transition:transform .45s ease;
  transition:transform .45s ease,-webkit-transform .45s ease;
  width:100%
}
@media(hover:hover) {
  .nubia .nubia-anchor-img .anchor-container .anchor-item:hover picture img {
    -webkit-transform:scale(1.06);
    transform:scale(1.06)
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item:hover .icon {
    display:block
  }
}
.nubia .nubia-anchor-img .anchor-container .anchor-item .title {
  color:#fff;
  font-size:1.5625vw;
  font-weight:700;
  left:0;
  padding:1.04167vw 0 0 1.04167vw;
  position:absolute;
  top:0;
  z-index:2
}
.nubia .nubia-anchor-img .anchor-container .anchor-item .title-mob {
  display:none;
  z-index:2
}
.nubia .nubia-anchor-img .anchor-container .anchor-item .icon {
  bottom:1.04167vw;
  display:none;
  height:2.5vw;
  object-fit:cover;
  position:absolute;
  right:1.04167vw;
  width:2.5vw;
  z-index:2
}
.nubia .nubia-anchor-img .anchor-container .w-full {
  width:100%
}
.nubia .nubia-anchor-img .anchor-container .w-half {
  width:50%
}
.nubia .nubia-anchor-img .anchor-container .flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:1.04167vw
}
.nubia .nubia-anchor-img .anchor-container .column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column
}
.nubia .nubia-anchor-img .anchor-container .justify-between {
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.nubia .nubia-anchor-img .anchor-container .items-center {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center
}
.nubia .nubia-full-swiper {
  background-color:#f8f8ff;
  color:#000;
  width:100%
}
.nubia .nubia-full-swiper .swiper-container {
  position:relative;
  width:100%
}
.nubia .nubia-full-swiper .swiper-container .swiper-wrapper,.nubia .nubia-full-swiper .swiper-container .swiper-wrapper .swiper-slide,.nubia .nubia-full-swiper .swiper-container .swiper-wrapper .swiper-slide picture {
  width:100%
}
.nubia .nubia-full-swiper .swiper-container .swiper-wrapper .swiper-slide picture img {
  object-fit:cover;
  width:100%
}
.nubia .nubia-full-swiper .swiper-container .swiper-button {
  bottom:6.25vw;
  min-width:8.95833vw;
  position:absolute;
  right:13.54167vw
}
.nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination {
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:1.04167vw;
  -webkit-justify-content:center;
  justify-content:center;
  width:100%
}
.nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet {
  border-radius:50%;
  height:2.29167vw;
  opacity:1;
  width:2.29167vw
}
.nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet:first-child {
  background:-webkit-gradient(linear,left top,left bottom,from(#dddfe2),to(#c7c8cc));
  background:linear-gradient(180deg,#dddfe2,#c7c8cc)
}
.nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background:-webkit-gradient(linear,left top,left bottom,from(#393a3c),to(#141417));
  background:linear-gradient(180deg,#393a3c,#141417)
}
.nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(10.1%,#f9de53),to(#c19308));
  background:linear-gradient(180deg,#f9de53 10.1%,#c19308)
}
.nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet-active {
  box-shadow:0 0 0 .125rem #fff
}
.nubia .nubia-anchor-list {
  -webkit-backdrop-filter:blur(1.14583vw);
  backdrop-filter:blur(1.14583vw);
  background:hsla(0,0%,80%,.4);
  color:#000;
  height:5vw;
  width:100%
}
.nubia .nubia-anchor-list.is-fixed {
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  z-index:20
}
.nubia .nubia-anchor-list.is-hidden {
  display:none!important
}
.nubia .nubia-anchor-list .anchor-list {
  gap:1.04167vw;
  width:100%
}
.nubia .nubia-anchor-list .anchor-list,.nubia .nubia-anchor-list .anchor-list .anchor-item {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center
}
.nubia .nubia-anchor-list .anchor-list .anchor-item {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  border-left:.025rem solid #ccc;
  border-right:.025rem solid #ccc;
  cursor:pointer;
  -webkit-flex-direction:column;
  flex-direction:column;
  font-size:.62917vw;
  font-weight:400;
  gap:.25rem;
  line-height:1;
  padding:0 1.25vw;
  text-align:center;
  width:8.95833vw
}
.nubia .nubia-anchor-list .anchor-list .anchor-item .anchor-icon {
  display:block;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  height:1.5625vw;
  object-fit:contain;
  width:1.5625vw
}
.nubia .nubia-anchor-list .anchor-list .anchor-item .anchor-text {
  white-space:nowrap
}
.nubia .nubia-anchor-list .anchor-list .anchor-item.active,.nubia .nubia-anchor-list .anchor-list .anchor-item:hover {
  background-color:#fff;
  border-bottom:.25rem solid #e4001f
}
.nubia .nubia-media {
  background-color:#000;
  overflow:hidden;
  position:relative;
  width:100%
}
.nubia .nubia-media.text-above .media-title {
  background-color:transparent;
  left:50%;
  padding:0;
  position:absolute;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.nubia .nubia-media .media-title {
  padding:7.8125vw 13.54167vw 5.20833vw;
  text-align:center;
  width:100%
}
.nubia .nubia-media .media-title.flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex
}
.nubia .nubia-media .media-title.pt-100 {
  padding-top:5.20833vw
}
.nubia .nubia-media .media-title.pt-0 {
  padding-top:0
}
.nubia .nubia-media .media-title .title {
  color:#fff;
  font-size:7.29167vw;
  font-weight:900;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5)
}
.nubia .nubia-media .media {
  width:100%
}
.nubia .nubia-media .media video {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-media .media video.is-mob {
  display:none
}
.nubia .nubia-horizontal-move {
  background-color:#000;
  width:100%
}
.nubia .nubia-horizontal-move .sticky-container {
  min-height:100vh;
  position:relative;
  width:100%
}
.nubia .nubia-horizontal-move .swiper-container {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100vh;
  min-height:-webkit-min-content;
  min-height:min-content;
  overflow:hidden;
  padding:5.20833vw 13.54167vw;
  position:-webkit-sticky;
  position:sticky;
  top:0
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper {
  height:100%
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper,.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  min-height:-webkit-min-content;
  min-height:min-content
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide {
  border-radius:1.04167vw;
  gap:1.04167vw;
  margin-right:13.54167vw;
  overflow:hidden;
  width:67.1875vw;
  width:100%
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide picture {
  width:50%
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide picture img {
  object-fit:cover;
  width:100%
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide .text-content .title {
  color:#fff;
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide .text-content .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:1.66667vw
}
.nubia .nubia-horizontal-move .swiper-container .scroll-bar {
  -webkit-box-pack:center;
  bottom:7.8125vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  left:0;
  position:absolute;
  width:100%
}
.nubia .nubia-horizontal-move .swiper-container .scroll-bar .scroll-bar-inner {
  background-color:#7a7a7a;
  height:.25rem;
  width:20.83333vw
}
.nubia .nubia-horizontal-move .swiper-container .scroll-bar .scroll-bar-inner .scroll-bar-item {
  background-color:#fff;
  height:100%;
  -webkit-transition:all .5s;
  transition:all .5s;
  width:100%
}
.nubia .nubia-info-img {
  background-color:#000;
  color:#fff;
  padding:5.20833vw 13.54167vw 10.41667vw;
  width:100%
}
.nubia .nubia-info-img.pb-0 {
  padding-bottom:0
}
.nubia .nubia-info-img.pb-100 {
  padding-bottom:5.20833vw
}
.nubia .nubia-info-img.px-0 {
  padding-left:0;
  padding-right:0
}
.nubia .nubia-info-img .nubia-title {
  margin-bottom:1.5625vw;
  text-align:center;
  width:100%
}
.nubia .nubia-info-img .nubia-title .title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-info-img .nubia-title .title br {
  display:none
}
.nubia .nubia-info-img .nubia-title .title img {
  height:auto;
  object-fit:cover;
  width:32.23958vw
}
.nubia .nubia-info-img .nubia-title .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.625vw
}
.nubia .nubia-info-img .nubia-title .desc.color-white {
  color:#fff
}
.nubia .nubia-info-img .nubia-title .desc br {
  display:none
}
.nubia .visual-champions-section .nubia-title {
  margin-bottom:-2.08333vw
}
.nubia .visual-champions-section .visual-champions-title {
  background:linear-gradient(90deg,#ffffff 0%,#f3f3f3 22%,#dddddd 46%,#bbbbbb 68%,#8f8f8f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  display:inline-block;
  font-size:5.36458vw;
  font-weight:900;
  letter-spacing:-.05em;
  line-height:.95;
  text-transform:uppercase
}
.nubia .visual-champions-section .visual-champions-desc {
  color:#fff;
  margin:1.14583vw auto 0;
  max-width:43.75vw
}
.nubia .visual-champions-section .visual-champions-desc span {
  display:block
}
.nubia .visual-champions-section .visual-champions-lead {
  color:#fff;
  font-size:1.82292vw;
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.2
}
.nubia .visual-champions-section .visual-champions-highlight {
  color:#10c7e8;
  font-size:2.03125vw;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.15;
  margin-top:.26042vw;
  text-transform:uppercase
}
.nubia .nubia-info-img .info-img {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  width:100%
}
.nubia .nubia-info-img .info-img.column-reverse {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  -webkit-flex-direction:column-reverse;
  flex-direction:column-reverse
}
.nubia .nubia-info-img .info-img.column-reverse.tilt-text .info .info-item {
  -webkit-box-flex:0;
  -webkit-flex:0 0 25%;
  flex:0 0 25%
}
.nubia .nubia-info-img .info-img.column-reverse.tilt-text .info .info-item .info-title {
  font-size:1.66667vw;
  font-style:italic;
  font-weight:800;
  line-height:1.5
}
.nubia .nubia-info-img .info-img.column-reverse .info {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-box-pack:justify;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:0;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  width:100%
}
.nubia .nubia-info-img .info-img.column-reverse .info .info-item {
  -webkit-box-flex:0;
  -webkit-flex:0 0 33.33%;
  flex:0 0 33.33%;
  margin-bottom:1.14583vw;
  text-align:center
}
.nubia .nubia-info-img .info-img.column-reverse picture img {
  height:auto;
  margin:2.60417vw 0 2.08333vw;
  object-fit:cover;
  width:49.89583vw
}
.nubia .nubia-info-img .info-img.column-reverse picture img.w-full {
  width:100%
}
.nubia .nubia-info-img .info-img.column-reverse picture img.m-0 {
  margin:0
}
.nubia .nubia-info-img .info-img .info {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  gap:3.59375vw;
  -webkit-justify-content:center;
  justify-content:center
}
.nubia .nubia-info-img .info-img .info .info-item .info-title {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  background-clip:text;
  font-size:3.02083vw;
  font-weight:600
}
.nubia .nubia-info-img .info-img .info .info-item .info-desc {
  font-size:1.14583vw;
  font-weight:700;
  margin-top:.625vw
}
.nubia .nubia-info-img .info-img picture {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1
}
.nubia .nubia-info-img .info-img picture img {
  object-fit:cover;
  width:100%
}
.nubia .nubia-roll-show {
  background-color:#000;
  color:#fff;
  padding-bottom:5.20833vw;
  width:100%
}
.nubia .nubia-roll-show .sticky-container {
  height:-webkit-calc(var(--roll-steps,3)*100vh);
  height:calc(var(--roll-steps, 3)*100vh);
  position:relative;
  width:100%
}
.nubia .nubia-roll-show .show-container {
  height:100vh;
  overflow:hidden;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  width:100%
}
.nubia .nubia-roll-show .show-container .show-item {
  background-color:#000;
  left:0;
  padding:0 13.54167vw;
  position:relative;
  top:5.20833vw;
  width:100%
}
.nubia .nubia-roll-show .show-container .show-item .box {
  -webkit-box-align:center;
  -webkit-box-pack:justify;
  -webkit-align-items:center;
  align-items:center;
  background-color:#000;
  border-top:.0625rem solid hsla(0,0%,100%,.5);
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:5.52083vw;
  height:100%;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  padding:2.60417vw 0 5.20833vw;
  width:100%
}
.nubia .nubia-roll-show .show-container .show-item .text-content {
  width:50%
}
.nubia .nubia-roll-show .show-container .show-item .text-content .title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-roll-show .show-container .show-item .text-content .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:400;
  margin-top:.52083vw
}
.nubia .nubia-roll-show .show-container .show-item .info {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:2.08333vw;
  margin-top:6.71875vw
}
.nubia .nubia-roll-show .show-container .show-item .info .info-item .info-title {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  background-clip:text;
  font-size:3.125vw;
  font-weight:600
}
.nubia .nubia-roll-show .show-container .show-item .info .info-item .info-desc {
  font-size:1.14583vw;
  font-weight:400;
  margin-top:.625vw
}
.nubia .nubia-roll-show .show-container .show-item picture {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1
}
.nubia .nubia-roll-show .show-container .show-item picture img {
  object-fit:cover;
  width:100%
}
.nubia .nubia-roll-show .show-container .sticky-placeholder {
  height:0;
  margin-top:26.04167vw;
  opacity:0;
  overflow:hidden;
  position:relative
}
.nubia .nubia-img-move {
  background-color:#000;
  color:#fff;
  padding:5.20833vw 0 15.625vw;
  width:100%
}
.nubia .nubia-img-move .nubia-title {
  margin-bottom:5.20833vw;
  text-align:center;
  width:100%
}
.nubia .nubia-img-move .nubia-title.mobile-tit {
  display:none
}
.nubia .nubia-img-move .nubia-title .title {
  color:#fff;
  font-size:7.29167vw;
  font-weight:900;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5)
}
.nubia .nubia-img-move .sticky-container {
  height:265vh;
  padding:0 13.54167vw;
  position:relative;
  width:100%
}
.nubia .nubia-img-move .animation-container {
  height:100vh;
  min-height:-webkit-min-content;
  min-height:min-content;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  width:100%
}
.nubia .nubia-img-move .animation-container .img-ani {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  position:relative;
  width:100%;
  z-index:1
}
.nubia .nubia-img-move .animation-container .img-ani .img {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  background-color:#000;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  position:relative;
  width:50%;
  z-index:2
}
.nubia .nubia-img-move .animation-container .img-ani .img picture img {
  height:auto;
  object-fit:cover;
  width:16.25vw
}
.nubia .nubia-img-move .animation-container .img-ani .text {
  height:100%;
  overflow:hidden;
  position:relative;
  width:50%;
  z-index:1
}
.nubia .nubia-img-move .animation-container .img-ani .text .text-box {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  height:100%;
  -webkit-justify-content:center;
  justify-content:center;
  width:100%
}
.nubia .nubia-img-move .animation-container .img-ani .text .text-box .title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-img-move .animation-container .img-ani .text .text-box .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.625vw
}
.nubia .nubia-img-move .animation-container .card {
  background-color:#000;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:1.04167vw;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:2
}
.nubia .nubia-img-move .animation-container .card .card-item {
  position:relative;
  width:50%
}
.nubia .nubia-img-move .animation-container .card .card-item .text-content {
  left:0;
  padding:2.08333vw 0 2.08333vw 2.08333vw;
  position:absolute;
  top:0;
  width:100%
}
.nubia .nubia-img-move .animation-container .card .card-item .text-content.text-white .title {
  color:#fff
}
.nubia .nubia-img-move .animation-container .card .card-item .text-content.text-white .desc {
  color:hsla(0,0%,100%,.6)
}
.nubia .nubia-img-move .animation-container .card .card-item .text-content .title {
  color:#000;
  font-size:2.5vw;
  font-weight:600;
  line-height:normal
}
.nubia .nubia-img-move .animation-container .card .card-item .text-content .desc {
  color:rgba(0,0,0,.6);
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.625vw
}
.nubia .nubia-img-move .animation-container .card .card-item picture {
  width:100%
}
.nubia .nubia-img-move .animation-container .card .card-item picture img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-text-cover {
  background-color:#000;
  width:100%
}
.nubia .nubia-text-cover .sticky-container {
  height:200vh;
  position:relative;
  width:100%
}
.nubia .nubia-text-cover .animation-container {
  height:100vh;
  min-height:-webkit-min-content;
  min-height:min-content;
  overflow:hidden;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  width:100%
}
.nubia .nubia-text-cover .animation-container .nubia-title {
  left:0;
  position:absolute;
  text-align:center;
  top:10.41667vw;
  width:100%
}
.nubia .nubia-text-cover .animation-container .nubia-title .title {
  color:#fff;
  font-size:7.29167vw;
  font-weight:900;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5)
}
.nubia .nubia-text-cover .animation-container .img-box {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:100%;
  position:relative;
  width:100%
}
.nubia .nubia-text-cover .animation-container .img-box .screen {
  -webkit-box-pack:center;
  background-color:#000;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  left:0;
  position:absolute;
  top:25%;
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%);
  width:100%;
  z-index:1
}
.nubia .nubia-text-cover .animation-container .img-box .screen picture {
  width:46.14583vw
}
.nubia .nubia-text-cover .animation-container .img-box .screen picture img {
  height:auto;
  object-fit:cover;
  width:46.14583vw
}
.nubia .nubia-text-cover .animation-container .img-box .phone {
  left:50%;
  position:absolute;
  top:25%;
  -webkit-transform:translate(-50%,-25%);
  transform:translate(-50%,-25%);
  width:46.14583vw;
  z-index:2
}
.nubia .nubia-text-cover .animation-container .img-box .phone img {
  height:auto;
  object-fit:cover;
  width:46.14583vw
}
.nubia .nubia-text-cover .animation-container .img-box .bg {
  width:100%
}
.nubia .nubia-text-cover .animation-container .img-box .bg img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-info-card {
  background-color:#000;
  padding:5.20833vw 13.54167vw;
  width:100%
}
.nubia .nubia-info-card .card-item {
  -webkit-box-pack:justify;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:3.59375vw;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin-bottom:5.20833vw;
  width:100%
}
.nubia .nubia-info-card .card-item:last-child {
  margin-bottom:0
}
.nubia .nubia-info-card .card-item.row-reverse {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:row-reverse;
  flex-direction:row-reverse
}
.nubia .nubia-info-card .card-item.icon-text .info-img .info-img-title {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  font-size:3.125vw;
  font-weight:600
}
.nubia .nubia-info-card .card-item.icon-text .info-img .info-img-desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-flex-wrap:nowrap;
  flex-wrap:nowrap
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item {
  -webkit-box-flex:1;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex:1;
  flex:1;
  gap:.52083vw;
  margin-bottom:3.125vw
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item:last-child {
  margin-bottom:0
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  height:7.34375vw;
  -webkit-justify-content:center;
  justify-content:center;
  width:7.34375vw
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon img.w-106 {
  width:5.52083vw
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon img.w-104 {
  width:5.41667vw
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .info-text {
  -webkit-box-flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex:1;
  flex:1;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  justify-content:center
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .info-text .info-title {
  font-size:1.66667vw;
  font-weight:600
}
.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .info-text .info-desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.52083vw
}
.nubia .nubia-info-card .card-item .text-content {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  justify-content:center;
  width:50%
}
.nubia .nubia-info-card .card-item .text-content .title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-info-card .card-item .text-content .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.52083vw
}
.nubia .nubia-info-card .card-item .text-content .info {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content:center;
  justify-content:center;
  margin-top:7.29167vw
}
.nubia .nubia-info-card .card-item .text-content .info .info-item {
  -webkit-box-flex:0;
  -webkit-flex:0 0 33%;
  flex:0 0 33%;
  margin-bottom:.9375vw
}
.nubia .nubia-info-card .card-item .text-content .info .info-item .value {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  background-clip:text;
  display:inline-block;
  font-size:1.66667vw;
  font-weight:700;
  line-height:normal
}
.nubia .nubia-info-card .card-item .text-content .info .info-item .label {
  font-size:.9375vw;
  font-weight:700;
  margin-bottom:.41667vw
}
.nubia .nubia-info-card .card-item .picture {
  width:50%
}
.nubia .nubia-info-card .card-item .picture img {
  height:auto;
  object-fit:cover;
  width:50%
}
.nubia .nubia-info-bg-img {
  background-color:#000;
  width:100%
}
.nubia .nubia-info-bg-img.p-100-260-0-174 {
  padding:5.20833vw 13.54167vw 0 9.0625vw
}
.nubia .nubia-info-bg-img .nubia-title {
  padding:5.20833vw 0;
  text-align:center;
  width:100%
}
.nubia .nubia-info-bg-img .nubia-title .title {
  color:#fff;
  font-size:7.29167vw;
  font-weight:900;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5)
}
.nubia .nubia-info-bg-img .info-bg-img {
  position:relative;
  width:100%
}
.nubia .nubia-info-bg-img .info-bg-img.pl-200 {
  padding-left:10.41667vw
}
.nubia .nubia-info-bg-img .info-bg-img picture {
  width:100%
}
.nubia .nubia-info-bg-img .info-bg-img picture img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-info-bg-img .info-bg-img .title-content {
  position:absolute;
  right:2.08333vw;
  top:2.08333vw
}
.nubia .nubia-info-bg-img .info-bg-img .title-content .title {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  background-clip:text;
  font-size:3.125vw;
  font-weight:600
}
.nubia .nubia-info-bg-img .info-bg-img .title-content .desc {
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.52083vw
}
.nubia .nubia-info-bg-img .info-bg-img .info {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  justify-content:center;
  padding-left:3.125vw;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:2.86458vw;
  margin-bottom:4.16667vw;
  width:100%
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item:last-child {
  margin-bottom:0
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item .icon {
  height:4.6875vw;
  width:4.6875vw
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item .icon img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item .text-content {
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item .text-content .title {
  font-size:1.66667vw;
  font-weight:600
}
.nubia .nubia-info-bg-img .info-bg-img .info .info-item .text-content .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.52083vw
}
.nubia .nubia-nodes-scaleImgs {
  background-color:#000;
  box-sizing:border-box;
  overflow:hidden
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_Layout {
  box-sizing:border-box;
  min-height:175vh;
  position:relative;
  width:100%
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_Layout,.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_Tips {
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_Tips {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  color:#fff;
  font-size:2.5vw;
  font-size:7.29167vw;
  font-weight:900;
  left:0;
  line-height:1.5;
  position:absolute;
  right:0;
  text-align:center;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5);
  top:25%;
  -webkit-transform:translateY(-25%);
  transform:translateY(-25%);
  z-index:1
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_content {
  position:relative;
  -webkit-transform:translateY(30%);
  transform:translateY(30%)
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_img {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  position:relative
}
.nubia .nubia-nodes-scaleImgs .nodes-mask-video-box,.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgPic {
  display:block;
  height:0;
  object-fit:cover;
  width:0
}
.nubia .nubia-nodes-scaleImgs .nodes-mask-video-box video {
  background-repeat:no-repeat;
  height:auto;
  width:100%
}
.nubia .nubia-nodes-scaleImgs .nodes-mask-video-box .nodes-mask-videos.is-mob {
  display:none
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgLeft,.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgRight {
  color:#fff;
  font-size:2.5vw;
  font-weight:900;
  line-height:1.5;
  opacity:0;
  position:absolute;
  text-align:center;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5);
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  white-space:nowrap
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgLeft {
  right:-webkit-calc(100% + 1.04167vw);
  right:calc(100% + 1.04167vw)
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgRight {
  left:-webkit-calc(100% + 1.04167vw);
  left:calc(100% + 1.04167vw)
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_advertising {
  box-sizing:border-box;
  height:0;
  line-height:1.5;
  margin:0 auto;
  opacity:0;
  overflow:hidden;
  text-align:center;
  width:0
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_advertisingTitle {
  color:#fff;
  font-size:2.5vw;
  font-size:7.29167vw;
  font-weight:900;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5)
}
.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_advertisingDesc {
  color:#737373;
  font-size:1.14583vw;
  margin-bottom:.625vw
}
@media(max-width:1080px) {
  .nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_Layout {
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    min-height:100vh;
    position:relative
  }
  .nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_Tips {
    font-size:0.68rem;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
  }
  .nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_content {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  .nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgLeft,.nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_imgRight {
    font-size:0.4rem
  }
  .nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_advertisingTitle {
    font-size:0.68rem
  }
  .nubia .nubia-nodes-scaleImgs .nodes-scaleImgs_advertisingDesc {
    font-size:0.24rem;
    margin-top:0.12rem
  }
  .nubia .nubia-nodes-scaleImgs .nodes-mask-videos {
    display:none
  }
  .nubia .nubia-nodes-scaleImgs .nodes-mask-videos.is-mob {
    display:block!important
  }
  .nubia .nubia-nodes-scaleImgs.demo3-layout-synced {
    position:relative;
    z-index:0
  }
  .nubia .nubia-nodes-scaleImgs.demo3-layout-synced+.nubia-info-card {
    isolation:isolate;
    position:relative;
    z-index:2
  }
}
.nubia .nubia-img-rotate {
  background-color:#000;
  overflow:hidden;
  padding:5.20833vw 13.54167vw 0;
  width:100%
}
.nubia .nubia-img-rotate .nubia-title {
  margin-bottom:10.41667vw;
  text-align:center;
  width:100%
}
.nubia .nubia-img-rotate .nubia-title .title {
  color:#fff;
  font-size:7.29167vw;
  font-weight:900;
  text-shadow:0 0 .25rem rgba(228,0,31,.5),0 0 .41667vw rgba(228,0,31,.5),0 0 .83333vw rgba(228,0,31,.5),0 0 1.66667vw rgba(228,0,31,.5)
}
.nubia .nubia-img-rotate .info-img {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:7.8125vw;
  width:100%
}
.nubia .nubia-img-rotate .info-img .text-content {
  width:50%
}
.nubia .nubia-img-rotate .info-img .text-content .info-img-title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-img-rotate .info-img .text-content .info-img-desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.52083vw
}
.nubia .nubia-img-rotate .info-img .text-content .parameter {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-top:4.79167vw;
  width:100%
}
.nubia .nubia-img-rotate .info-img .text-content .parameter .parameter-item {
  margin-bottom:1.45833vw;
  width:-webkit-calc(33% - .9375vw);
  width:calc(33% - .9375vw)
}
.nubia .nubia-img-rotate .info-img .text-content .parameter .parameter-item .label {
  font-size:.9375vw;
  font-weight:700;
  margin-bottom:.41667vw
}
.nubia .nubia-img-rotate .info-img .text-content .parameter .parameter-item .value {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  background-clip:text;
  display:inline-block;
  font-size:1.66667vw;
  font-weight:700
}
.nubia .nubia-img-rotate .info-img .rotate-img {
  width:50%
}
.nubia .nubia-img-rotate .info-img .rotate-img picture img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-obstacle {
  background-color:#000;
  display:none;
  padding:5.20833vw 0
}
.nubia .nubia-obstacle .header-title {
  margin-bottom:2.08333vw
}
.nubia .nubia-obstacle .header-title .title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-obstacle .header-title .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500;
  margin-top:.52083vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .swiper-wrapper .swiper-slide {
  width:62.5vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-cnt .image-wrap {
  position:relative
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-cnt .image-wrap .picture img {
  object-fit:cover
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-cnt .image-wrap .slogan {
  bottom:1.04167vw;
  color:#fff;
  font-size:.83333vw;
  position:absolute;
  right:1.04167vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-cnt .title {
  color:hsla(0,0%,100%,.7);
  font-size:1.14583vw;
  font-weight:500;
  margin-top:2.08333vw;
  text-align:center
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slide-cnt .des {
  color:#fff
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .button-container {
  -webkit-box-pack:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  margin-top:2.5vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .button-container .swiper-button-prev {
  height:2.5vw;
  margin-top:0;
  position:static;
  width:2.5vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .button-container .swiper-button-prev:after {
  background:url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI0IDQ0QzEyLjk3MyA0NCA0IDM1LjAyNyA0IDI0UzEyLjk3MyA0IDI0IDRzMjAgOC45NzMgMjAgMjAtOC45NzMgMjAtMjAgMjBabTAtMzcuMzNjLTkuNTU4IDAtMTcuMzM1IDcuNzc2LTE3LjMzNSAxNy4zMzRTMTQuNDQyIDQxLjM0IDI0IDQxLjM0czE3LjMzNS03Ljc3NiAxNy4zMzUtMTcuMzM0QzQxLjMzNSAxNC40NDYgMzMuNTU4IDYuNjcgMjQgNi42N1oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMjAuNTg1IDIyLjk0MiA4LjcyMyA4LjcyM2ExLjE3IDEuMTcgMCAwIDEgMCAxLjY1MmwtLjIzNy4yMzZhMS4xNyAxLjE3IDAgMCAxLTEuNjUxIDBsLTguNzItOC43MjdhMS4xNyAxLjE3IDAgMCAxIDAtMS42NTJsLjIzOC0uMjM3Yy40NS0uNDUgMS4xOTItLjQ1IDEuNjQ3LjAwNVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMjkuMzA1IDE2LjM0LTguNzI0IDguNzIzYTEuMTcgMS4xNyAwIDAgMS0xLjY1MSAwbC0uMjM3LS4yMzdhMS4xNyAxLjE3IDAgMCAxIDAtMS42NTJsOC43MjMtOC43MjNhMS4xNyAxLjE3IDAgMCAxIDEuNjUyIDBsLjIzNy4yMzZjLjQ1LjQ1Ni40NSAxLjIwMSAwIDEuNjUyWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat;
  background-size:cover;
  content:"";
  height:2.5vw;
  width:2.5vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .button-container .swiper-button-next {
  height:2.5vw;
  margin-left:1.25vw;
  margin-top:0;
  position:static;
  width:2.5vw
}
.nubia .nubia-obstacle .nubia-obstacle-cnt .nubia-obstacle-swiper .swiper-container .button-container .swiper-button-next:after {
  background:url(data:image/svg+xml;
  base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI0IDQ0QzEyLjk3MyA0NCA0IDM1LjAyNyA0IDI0UzEyLjk3MyA0IDI0IDRzMjAgOC45NzMgMjAgMjAtOC45NzMgMjAtMjAgMjBabTAtMzcuMzNjLTkuNTU4IDAtMTcuMzM1IDcuNzc2LTE3LjMzNSAxNy4zMzRTMTQuNDQyIDQxLjM0IDI0IDQxLjM0czE3LjMzNS03Ljc3NiAxNy4zMzUtMTcuMzM0QzQxLjMzNSAxNC40NDYgMzMuNTU4IDYuNjcgMjQgNi42N1oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMjAuNTg1IDIyLjk0MiA4LjcyMyA4LjcyM2ExLjE3IDEuMTcgMCAwIDEgMCAxLjY1MmwtLjIzNy4yMzZhMS4xNyAxLjE3IDAgMCAxLTEuNjUxIDBsLTguNzItOC43MjdhMS4xNyAxLjE3IDAgMCAxIDAtMS42NTJsLjIzOC0uMjM3Yy40NS0uNDUgMS4xOTItLjQ1IDEuNjQ3LjAwNVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMjkuMzA1IDE2LjM0LTguNzI0IDguNzIzYTEuMTcgMS4xNyAwIDAgMS0xLjY1MSAwbC0uMjM3LS4yMzdhMS4xNyAxLjE3IDAgMCAxIDAtMS42NTJsOC43MjMtOC43MjNhMS4xNyAxLjE3IDAgMCAxIDEuNjUyIDBsLjIzNy4yMzZjLjQ1LjQ1Ni40NSAxLjIwMSAwIDEuNjUyWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat;
  background-size:cover;
  content:"";
  height:2.5vw;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  width:2.5vw
}
.nubia .nubia-see-smarter {
  background-color:#000;
  display:none;
  padding:5.20833vw 13.54167vw 0;
  text-align:center
}
.nubia .nubia-see-smarter .nubia-title {
  margin-bottom:2.08333vw
}
.nubia .nubia-see-smarter .nubia-title .title {
  font-size:2.5vw;
  font-weight:600
}
.nubia .nubia-see-smarter .see-smarter-toggle {
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:inline-flex;
  gap:2.08333vw;
  margin-bottom:2.08333vw
}
.nubia .nubia-see-smarter .see-smarter-toggle .toggle-btn {
  background:#202225;
  border:none;
  border-radius:52.03125vw;
  color:#fff;
  cursor:pointer;
  font-size:1.14583vw;
  font-weight:500;
  min-width:16.04167vw;
  outline:none;
  overflow:hidden;
  padding:.625vw 1.25vw;
  -webkit-transition:background .25s ease,color .25s ease;
  transition:background .25s ease,color .25s ease
}
.nubia .nubia-see-smarter .see-smarter-toggle .toggle-btn.active {
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  color:#000
}
.nubia .nubia-see-smarter .see-smarter-image {
  -webkit-box-pack:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  margin-top:.41667vw;
  width:100%
}
.nubia .nubia-see-smarter .image-inner {
  position:relative;
  width:100%
}
.nubia .nubia-see-smarter .image-inner picture {
  display:block
}
.nubia .nubia-see-smarter .image-inner picture img {
  height:auto;
  object-fit:cover;
  width:100%
}
.nubia .nubia-see-smarter .image-inner .label {
  background:hsla(0,0%,100%,.8);
  border-radius:52.03125vw;
  bottom:1.04167vw;
  color:#000;
  font-size:1.25vw;
  font-weight:500;
  padding:.25rem .9375vw;
  position:absolute;
  white-space:nowrap
}
.nubia .nubia-see-smarter .image-inner .label-left {
  left:1.04167vw
}
.nubia .nubia-see-smarter .image-inner .label-right {
  right:1.04167vw
}
@media(max-width:1080px) {
  .nubia .nubia-see-smarter {
    padding:1.6rem 0.32rem
  }
  .nubia .nubia-see-smarter .nubia-title .title {
    font-size:0.48rem
  }
  .nubia .nubia-see-smarter .see-smarter-toggle .toggle-btn {
    font-size:0.26rem;
    min-width:2rem;
    padding:0.16rem 0.36rem
  }
  .nubia .nubia-see-smarter .image-inner {
    max-width:100%
  }
  .nubia .nubia-see-smarter .image-inner .label {
    bottom:0.24rem;
    font-size:0.22rem;
    padding:0.12rem 0.28rem
  }
  .nubia .nubia-see-smarter .image-inner .hotspot {
    height:0.6rem;
    width:0.6rem
  }
  .nubia .nubia-see-smarter .image-inner .hotspot span {
    font-size:0.28rem
  }
}
.nubia .nubia-ai-functions {
  background-color:#000;
  padding:5.20833vw 13.54167vw
}
.nubia .nubia-ai-functions .nubia-title {
  margin:0 auto 1.04167vw;
  width:100%
}
.nubia .nubia-ai-functions .nubia-title .title {
  -webkit-text-fill-color:transparent;
  background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
  background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
  -webkit-background-clip:text;
  background-clip:text;
  display:inline-block;
  font-size:3.125vw;
  font-weight:600
}
.nubia .nubia-ai-functions .nubia-title .desc {
  color:#737373;
  font-size:1.14583vw;
  font-weight:500
}
.nubia .nubia-ai-functions .ai-layout {
  -webkit-box-align:center;
  -webkit-box-pack:justify;
  -webkit-align-items:center;
  align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  gap:1.04167vw;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  width:100%
}
.nubia .nubia-ai-functions .ai-image {
  -webkit-box-flex:0;
  -webkit-flex:0 0 50%;
  flex:0 0 50%;
  position:relative
}
.nubia .nubia-ai-functions .ai-image picture {
  display:block
}
.nubia .nubia-ai-functions .ai-image picture img {
  display:block;
  height:auto;
  width:100%
}
.nubia .nubia-ai-functions .ai-panel {
  -webkit-box-flex:0;
  -webkit-flex:0 0 50%;
  flex:0 0 50%
}
.nubia .nubia-ai-functions .ai-list {
  border-top:.0625rem solid #666
}
.nubia .nubia-ai-functions .ai-item {
  border-bottom:.0625rem solid #666;
  padding:2.08333vw 0
}
.nubia .nubia-ai-functions .ai-item.active {
  padding:1.04167vw 0
}
.nubia .nubia-ai-functions .ai-item.active .ai-item-header {
  margin-bottom:.52083vw
}
.nubia .nubia-ai-functions .ai-item.active .ai-item-header .ai-item-title {
  color:#fff
}
.nubia .nubia-ai-functions .ai-item.active .ai-item-header .ai-item-icon {
  opacity:1
}
.nubia .nubia-ai-functions .ai-item.active .ai-item-body {
  max-height:10.41667vw;
  opacity:1
}
.nubia .nubia-ai-functions .ai-item-header {
  -webkit-box-align:center;
  -webkit-box-pack:justify;
  -webkit-align-items:center;
  align-items:center;
  cursor:pointer;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between
}
.nubia .nubia-ai-functions .ai-item-header .ai-item-title {
  font-size:1.66667vw;
  font-weight:600
}
.nubia .nubia-ai-functions .ai-item-header .ai-item-icon {
  color:#fff;
  font-size:2.08333vw;
  line-height:1;
  opacity:.6;
  -webkit-transition:opacity .25s ease,-webkit-transform .25s ease;
  transition:opacity .25s ease,-webkit-transform .25s ease;
  transition:opacity .25s ease,transform .25s ease;
  transition:opacity .25s ease,transform .25s ease,-webkit-transform .25s ease
}
.nubia .nubia-ai-functions .ai-item-header:hover .ai-item-title {
  color:#fff
}
.nubia .nubia-ai-functions .ai-item-header:hover .ai-item-icon {
  opacity:1
}
.nubia .nubia-ai-functions .ai-item-body {
  color:hsla(0,0%,100%,.8);
  font-size:1.14583vw;
  font-weight:500;
  max-height:0;
  opacity:0;
  overflow:hidden;
  -webkit-transition:max-height .3s ease,opacity .3s ease,padding .3s ease;
  transition:max-height .3s ease,opacity .3s ease,padding .3s ease
}
.nubia .nubia-ai-functions .ai-item-body p {
  line-height:normal
}
.nubia .nubia-ai-functions .ai-item-body img {
  display:none
}
.nubia .nubia-remark {
  background-color:#000;
  color:hsla(0,0%,100%,.4);
  font-size:.625vw;
  font-weight:400;
  padding:0 13.54167vw 5.20833vw;
  width:100%
}
.nubia .nubia-remark .remark {
  margin-bottom:1.04167vw
}
.nubia .nubia-remark .remark-list {
  max-width:52.08333vw
}
@media(max-width:1080px) {
  .nubia {
    width:100%
  }
  .nubia .nubia-sub-menu {
    background-color:#fff;
    height:0.8rem;
    padding:0 0.3rem
  }
  .nubia .nubia-sub-menu .nav-container {
    height:100%;
    width:100%
  }
  .nubia .nubia-sub-menu .nav-container .nav-left {
    opacity:0
  }
  .nubia .nubia-sub-menu .nav-container .nav-list,.nubia .nubia-sub-menu .nav-container .nav-list ul {
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    gap:0.2rem
  }
  .nubia .nubia-sub-menu .nav-container .nav-list ul li a {
    color:#737373;
    font-size:0.24rem;
    font-weight:400
  }
  .nubia .nubia-sub-menu .nav-container .nav-list ul li.active a {
    color:#737373;
    font-weight:400
  }
  .nubia .nubia-sub-menu .nav-container .nav-list .where-to-buy a {
    background-color:#e4001f;
    border-radius:0.62rem;
    color:#fff;
    font-size:0.2rem;
    font-weight:400;
    padding:0.08rem 0.2rem
  }
  .nubia .nubia-banner {
    height:12rem
  }
  .nubia .nubia-banner .text-content {
    left:0;
    position:absolute;
    text-align:center;
    top:0.4rem;
    -webkit-transform:translate(0);
    transform:translate(0);
    white-space:nowrap;
    width:100%
  }
  .nubia .nubia-banner .text-content .title {
    font-size:0.48rem;
    margin-bottom:0.04rem
  }
  .nubia .nubia-banner .text-content .title span {
    font-size:0.32rem;
    height:0.52rem;
    width:0.52rem
  }
  .nubia .nubia-banner .text-content .desc {
    font-size:0.8rem
  }
  .nubia .nubia-banner .text-content .desc img {
    width:5.78rem
  }
  .nubia .nubia-banner .text-content .parameter {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:0.2rem;
    width:100%
  }
  .nubia .nubia-banner .text-content .parameter .item {
    border-right:none;
    margin-bottom:0.33rem;
    padding:0 0.2rem;
    text-align:center;
    width:50%
  }
  .nubia .nubia-banner .text-content .parameter .item:last-child {
    border-right:none
  }
  .nubia .nubia-banner .text-content .parameter .item:nth-child(2n-1) {
    border-right:0.02rem solid #000
  }
  .nubia .nubia-banner .text-content .parameter .item .item-title {
    font-size:0.2rem
  }
  .nubia .nubia-banner .text-content .parameter .item .item-desc {
    font-size:0.16rem
  }
  .nubia .nubia-banner .img-b {
    bottom:0;
    left:0;
    position:absolute;
    width:100%;
    z-index:5
  }
  .nubia .nubia-banner .img-b img {
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-banner .img-l {
    bottom:1.8rem;
    left:0.3rem;
    position:absolute;
    z-index:4
  }
  .nubia .nubia-banner .img-l img {
    height:auto;
    object-fit:cover;
    width:4rem
  }
  .nubia .nubia-banner .img-r {
    bottom:4.5rem;
    position:absolute;
    right:0.3rem;
    z-index:3
  }
  .nubia .nubia-banner .img-r img {
    height:auto;
    object-fit:cover;
    width:4rem
  }
  .nubia .nubia-anchor-img {
    padding:1.5rem 0.3rem 1rem
  }
  .nubia .nubia-anchor-img .anchor-container {
    -webkit-box-pack:start;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    gap:0.4rem;
    -webkit-justify-content:start;
    justify-content:start;
    width:100%
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item {
    display:block;
    position:relative
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item picture {
    height:100%;
    width:100%
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item picture img {
    display:block;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item .title {
    display:none;
    font-size:0.48rem;
    font-weight:600;
    padding:0.3rem
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item .title-mob {
    color:#fff;
    display:block;
    font-size:0.48rem;
    font-weight:600;
    left:0;
    padding:0.3rem;
    position:absolute;
    top:0
  }
  .nubia .nubia-anchor-img .anchor-container .anchor-item .icon {
    bottom:0.4rem;
    display:none;
    height:0.96rem;
    object-fit:cover;
    position:absolute;
    right:0.4rem;
    width:0.96rem
  }
  .nubia .nubia-anchor-img .anchor-container .w-full,.nubia .nubia-anchor-img .anchor-container .w-half {
    width:100%
  }
  .nubia .nubia-anchor-img .anchor-container .flex {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    gap:0.4rem
  }
  .nubia .nubia-anchor-img .anchor-container .column,.nubia .nubia-anchor-img .anchor-container .flex {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .nubia .nubia-full-swiper {
    background-color:#f8f8ff;
    color:#000;
    width:100%
  }
  .nubia .nubia-full-swiper .swiper-container {
    position:relative;
    width:100%
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-wrapper,.nubia .nubia-full-swiper .swiper-container .swiper-wrapper .swiper-slide,.nubia .nubia-full-swiper .swiper-container .swiper-wrapper .swiper-slide picture {
    width:100%
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-wrapper .swiper-slide picture img {
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button {
    bottom:1.2rem;
    left:50%;
    min-width:1.72rem;
    position:absolute;
    right:auto;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    z-index:100
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination {
    gap:0.2rem
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet {
    height:0.44rem;
    width:0.44rem
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet:first-child {
    background:-webkit-gradient(linear,left top,left bottom,from(#dddfe2),to(#c7c8cc));
    background:linear-gradient(180deg,#dddfe2,#c7c8cc)
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
    background:-webkit-gradient(linear,left top,left bottom,from(#393a3c),to(#141417));
    background:linear-gradient(180deg,#393a3c,#141417)
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(10.1%,#f9de53),to(#c19308));
    background:linear-gradient(180deg,#f9de53 10.1%,#c19308)
  }
  .nubia .nubia-full-swiper .swiper-container .swiper-button .swiper-pagination .swiper-pagination-bullet-active {
    box-shadow:0 0 0 0.02rem #fff
  }
  .nubia .nubia-anchor-list {
    -webkit-overflow-scrolling:touch;
    height:1.28rem;
    max-width:7.5rem;
    overflow:hidden;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    width:100%
  }
  .nubia .nubia-anchor-list::-webkit-scrollbar {
    display:none
  }
  .nubia .nubia-anchor-list .anchor-list {
    -webkit-box-pack:start;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    gap:0.2rem;
    -webkit-justify-content:start;
    justify-content:start;
    padding:0 0.2rem;
    width:-webkit-max-content;
    width:max-content
  }
  .nubia .nubia-anchor-list .anchor-list .anchor-item {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-align-items:center;
    align-items:center;
    border-left:0.008rem solid #ccc;
    border-right:0.008rem solid #ccc;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    font-size:0.2rem;
    font-weight:400;
    gap:0.04rem;
    height:100%;
    -webkit-justify-content:center;
    justify-content:center;
    line-height:1;
    padding:0 0.16rem;
    text-align:center;
    width:1.92rem
  }
  .nubia .nubia-anchor-list .anchor-list .anchor-item .anchor-icon {
    display:block;
    -webkit-flex-shrink:0;
    flex-shrink:0;
    height:0.3rem;
    object-fit:contain;
    width:0.3rem
  }
  .nubia .nubia-anchor-list .anchor-list .anchor-item .anchor-text {
    line-clamp:2;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    line-height:1.1;
    overflow:hidden;
    text-align:center;
    white-space:normal
  }
  .nubia .nubia-anchor-list .anchor-list .anchor-item:hover {
    background-color:transparent;
    border-bottom:none
  }
  .nubia .nubia-anchor-list .anchor-list .anchor-item.active {
    background-color:#fff;
    border-bottom:0.04rem solid #e4001f
  }
  .nubia .nubia-media.text-above .media-title {
    background-color:transparent;
    left:50%;
    padding:0;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
  }
  .nubia .nubia-media .media-title {
    padding:1rem 0.3rem 0.4rem;
    text-align:center;
    width:100%
  }
  .nubia .nubia-media .media-title.pt-100 {
    padding-top:2rem
  }
  .nubia .nubia-media .media-title.pt-0 {
    padding-top:0
  }
  .nubia .nubia-media .media-title .title {
    font-size:0.68rem;
    font-weight:900
  }
  .nubia .nubia-media .media {
    width:100%
  }
  .nubia .nubia-media .media video {
    display:none;
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-media .media video.is-mob {
    display:block
  }
  .nubia .nubia-horizontal-move {
    background-color:#000;
    width:100%
  }
  .nubia .nubia-horizontal-move .sticky-container {
    min-height:100vh;
    position:relative;
    width:100%
  }
  .nubia .nubia-horizontal-move .swiper-container {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:100vh;
    min-height:-webkit-min-content;
    min-height:min-content;
    overflow:hidden;
    padding:1rem 0.3rem;
    position:-webkit-sticky;
    position:sticky;
    top:0
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper {
    height:100%
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper,.nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide {
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    min-height:-webkit-min-content;
    min-height:min-content
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -webkit-box-pack:center;
    border-radius:0.4rem;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
    gap:0.4rem;
    -webkit-justify-content:center;
    justify-content:center;
    margin-right:0.3rem;
    overflow:hidden;
    width:100%
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide picture {
    width:100%
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide picture img {
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide .text-content {
    text-align:center
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide .text-content .title {
    color:#fff;
    font-size:0.48rem;
    font-weight:600
  }
  .nubia .nubia-horizontal-move .swiper-container .swiper-wrapper .swiper-slide .text-content .desc {
    color:#737373;
    font-size:0.22rem;
    font-weight:500;
    margin-top:0.2rem
  }
  .nubia .nubia-horizontal-move .swiper-container .scroll-bar {
    -webkit-box-pack:center;
    bottom:2.2rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    left:0;
    position:absolute;
    width:100%
  }
  .nubia .nubia-horizontal-move .swiper-container .scroll-bar .scroll-bar-inner {
    background-color:#7a7a7a;
    height:0.04rem;
    width:4rem
  }
  .nubia .nubia-horizontal-move .swiper-container .scroll-bar .scroll-bar-inner .scroll-bar-item {
    background-color:#fff;
    height:100%;
    -webkit-transition:all .5s;
    transition:all .5s;
    width:100%
  }
  .nubia .nubia-info-img {
    padding:2rem 0.3rem
  }
  .nubia .nubia-info-img.pb-0 {
    padding-bottom:0;
    padding-top:1rem
  }
  .nubia .nubia-info-img.nubia-pt-0 {
    padding-top:0
  }
  .nubia .nubia-info-img.pb-100 {
    padding-bottom:1rem
  }
  .nubia .nubia-info-img .nubia-title {
    margin-bottom:0.4rem;
    text-align:center;
    width:100%
  }
  .nubia .nubia-info-img .nubia-title .title {
    font-size:0.48rem
  }
  .nubia .nubia-info-img .nubia-title .title br {
    display:block
  }
  .nubia .nubia-info-img .nubia-title .title img {
    width:6.2rem
  }
  .nubia .nubia-info-img .nubia-title .desc {
    font-size:0.22rem;
    margin-top:0.1rem
  }
  .nubia .nubia-info-img .nubia-title .desc br {
    display:block
  }
  .nubia .visual-champions-section .nubia-title {
    margin-bottom:0.4rem
  }
  .nubia .visual-champions-section .visual-champions-title {
    font-size:0.82rem;
    letter-spacing:-.04em;
    line-height:1
  }
  .nubia .visual-champions-section .visual-champions-desc {
    margin-top:0.2rem;
    max-width:6.5rem;
    padding:0 0.2rem
  }
  .nubia .visual-champions-section .visual-champions-lead {
    font-size:0.32rem;
    line-height:1.25
  }
  .nubia .visual-champions-section .visual-champions-highlight {
    font-size:0.36rem;
    line-height:1.2;
    margin-top:0.06rem
  }
  .nubia .nubia-info-img .info-img {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
    width:100%
  }
  .nubia .nubia-info-img .info-img.column-reverse {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .nubia .nubia-info-img .info-img.column-reverse.mob-reverse,.nubia .nubia-info-img .info-img.column-reverse.tilt-text {
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
  .nubia .nubia-info-img .info-img.column-reverse.tilt-text .info {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center
  }
  .nubia .nubia-info-img .info-img.column-reverse.tilt-text .info .info-item {
    -webkit-box-flex:0;
    -webkit-flex:0 0 33.33%;
    flex:0 0 33.33%
  }
  .nubia .nubia-info-img .info-img.column-reverse.tilt-text .info .info-item .info-title {
    font-size:0.22rem
  }
  .nubia .nubia-info-img .info-img.column-reverse .info {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-box-pack:justify;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:0;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    width:100%
  }
  .nubia .nubia-info-img .info-img.column-reverse .info .info-item {
    -webkit-box-flex:0;
    -webkit-flex:0 0 33.33%;
    flex:0 0 33.33%;
    -webkit-flex-shrink:0;
    flex-shrink:0;
    margin-bottom:0.53rem;
    text-align:center
  }
  .nubia .nubia-info-img .info-img.column-reverse .info .info-item .info-title {
    font-size:0.28rem;
    font-weight:700
  }
  .nubia .nubia-info-img .info-img.column-reverse .info .info-item .info-desc {
    font-size:0.2rem;
    font-weight:500;
    margin-top:0.02rem
  }
  .nubia .nubia-info-img .info-img.column-reverse picture img {
    height:auto;
    margin:0;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-info-img .info-img .info {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-box-pack:justify;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    gap:0;
    -webkit-justify-content:space-between;
    justify-content:space-between
  }
  .nubia .nubia-info-img .info-img .info .info-item {
    text-align:center
  }
  .nubia .nubia-info-img .info-img .info .info-item .info-title {
    font-size:0.58rem
  }
  .nubia .nubia-info-img .info-img .info .info-item .info-desc {
    font-size:0.22rem;
    font-weight:500;
    margin-top:0.14rem
  }
  .nubia .nubia-info-img .info-img picture {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
  }
  .nubia .nubia-info-img .info-img picture img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-roll-show {
    background-color:#000;
    color:#fff;
    padding:1rem 0.3rem 0;
    width:100%
  }
  .nubia .nubia-roll-show .show-container,.nubia .nubia-roll-show .sticky-container {
    height:auto;
    position:relative;
    width:100%
  }
  .nubia .nubia-roll-show .show-container {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    gap:1rem;
    overflow:hidden;
    top:0
  }
  .nubia .nubia-roll-show .show-container .show-item {
    background-color:#000;
    left:0;
    padding:0;
    position:relative;
    top:0;
    width:100%
  }
  .nubia .nubia-roll-show .show-container .show-item .box {
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-align-items:center;
    align-items:center;
    border-top:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    gap:0.4rem;
    height:auto;
    -webkit-justify-content:center;
    justify-content:center;
    padding:0;
    width:100%
  }
  .nubia .nubia-roll-show .show-container .show-item .text-content {
    text-align:center;
    width:100%
  }
  .nubia .nubia-roll-show .show-container .show-item .text-content .title {
    font-size:0.48rem
  }
  .nubia .nubia-roll-show .show-container .show-item .text-content .desc {
    font-size:0.22rem;
    font-weight:500;
    margin-top:0.1rem
  }
  .nubia .nubia-roll-show .show-container .show-item .info {
    display:none;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:0.8rem;
    margin-top:2.58rem
  }
  .nubia .nubia-roll-show .show-container .show-item .info .info-item .info-title {
    -webkit-text-fill-color:transparent;
    background:-webkit-gradient(linear,left top,right top,color-stop(23.08%,#fff),color-stop(99.52%,#676c7f));
    background:linear-gradient(90deg,#fff 23.08%,#676c7f 99.52%);
    -webkit-background-clip:text;
    background-clip:text;
    font-size:1.2rem;
    font-weight:600
  }
  .nubia .nubia-roll-show .show-container .show-item .info .info-item .info-desc {
    font-size:0.44rem;
    font-weight:400;
    margin-top:0.24rem
  }
  .nubia .nubia-roll-show .show-container .show-item picture {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
  }
  .nubia .nubia-roll-show .show-container .show-item picture img {
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-roll-show .show-container .sticky-placeholder {
    height:0;
    margin-top:0;
    opacity:0;
    overflow:hidden;
    position:relative
  }
  .nubia .nubia-img-move {
    background-color:#000;
    color:#fff;
    padding:0 0 6rem;
    width:100%
  }
  .nubia .nubia-img-move .nubia-title {
    display:none;
    margin-bottom:0
  }
  .nubia .nubia-img-move .nubia-title.mobile-tit {
    display:block;
    left:0;
    position:absolute;
    top:2rem;
    width:100%
  }
  .nubia .nubia-img-move .nubia-title .title {
    font-size:0.68rem
  }
  .nubia .nubia-img-move .sticky-container {
    height:265vh;
    padding:0 0.3rem;
    position:relative;
    width:100%
  }
  .nubia .nubia-img-move .animation-container {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    height:100vh;
    -webkit-justify-content:center;
    justify-content:center;
    min-height:-webkit-min-content;
    min-height:min-content;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    width:100%
  }
  .nubia .nubia-img-move .animation-container .img-ani {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:auto;
    position:relative;
    width:100%;
    z-index:1
  }
  .nubia .nubia-img-move .animation-container .img-ani .img {
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-align-items:center;
    align-items:center;
    background-color:#000;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:100%;
    -webkit-justify-content:center;
    justify-content:center;
    position:relative;
    width:2.16rem;
    z-index:2
  }
  .nubia .nubia-img-move .animation-container .img-ani .img picture img {
    height:auto;
    object-fit:cover;
    width:2.16rem
  }
  .nubia .nubia-img-move .animation-container .img-ani .text {
    height:100%;
    overflow:hidden;
    position:relative;
    width:100%;
    z-index:1
  }
  .nubia .nubia-img-move .animation-container .img-ani .text .text-box {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    height:100%;
    -webkit-justify-content:center;
    justify-content:center;
    width:100%
  }
  .nubia .nubia-img-move .animation-container .img-ani .text .text-box .title {
    font-size:0.48rem;
    font-weight:600
  }
  .nubia .nubia-img-move .animation-container .img-ani .text .text-box .desc {
    font-size:0.22rem;
    font-weight:500;
    margin-top:0.1rem
  }
  .nubia .nubia-img-move .animation-container .card {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background-color:#000;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    gap:0.4rem;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:2
  }
  .nubia .nubia-img-move .animation-container .card .card-item {
    position:relative;
    width:100%
  }
  .nubia .nubia-img-move .animation-container .card .card-item .text-content {
    left:0;
    padding:0.4rem 0 0.4rem 0.4rem;
    position:absolute;
    top:0;
    width:100%
  }
  .nubia .nubia-img-move .animation-container .card .card-item .text-content .title {
    font-size:0.48rem
  }
  .nubia .nubia-img-move .animation-container .card .card-item .text-content .desc {
    color:#737373;
    font-size:0.22rem;
    margin-top:0.1rem
  }
  .nubia .nubia-img-move .animation-container .card .card-item picture {
    width:100%
  }
  .nubia .nubia-img-move .animation-container .card .card-item picture img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-text-cover {
    background-color:#000;
    width:100%
  }
  .nubia .nubia-text-cover .sticky-container {
    height:200vh;
    position:relative;
    width:100%
  }
  .nubia .nubia-text-cover .animation-container {
    height:100vh;
    min-height:-webkit-min-content;
    min-height:min-content;
    overflow:hidden;
    position:-webkit-sticky;
    position:sticky;
    top:0;
    width:100%
  }
  .nubia .nubia-text-cover .animation-container .nubia-title {
    left:0;
    padding:0 0.3rem;
    position:absolute;
    text-align:center;
    top:40%;
    width:100%
  }
  .nubia .nubia-text-cover .animation-container .nubia-title .title {
    font-size:0.68rem
  }
  .nubia .nubia-text-cover .animation-container .img-box {
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:100%;
    position:relative;
    width:100%
  }
  .nubia .nubia-text-cover .animation-container .img-box .screen {
    -webkit-box-pack:end;
    background-color:#000;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:end;
    justify-content:end;
    left:0;
    position:absolute;
    top:40%;
    -webkit-transform:translateY(-25%);
    transform:translateY(-25%);
    width:100%;
    z-index:1
  }
  .nubia .nubia-text-cover .animation-container .img-box .screen picture,.nubia .nubia-text-cover .animation-container .img-box .screen picture img {
    width:5.46rem
  }
  .nubia .nubia-text-cover .animation-container .img-box .phone {
    left:auto;
    position:absolute;
    right:0;
    top:40%;
    -webkit-transform:translateY(-25%);
    transform:translateY(-25%);
    width:6.22rem;
    z-index:2
  }
  .nubia .nubia-text-cover .animation-container .img-box .phone img {
    height:auto;
    object-fit:cover;
    width:6.22rem
  }
  .nubia .nubia-text-cover .animation-container .img-box .bg {
    width:100%
  }
  .nubia .nubia-text-cover .animation-container .img-box .bg img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-info-card {
    padding:1rem 0.3rem
  }
  .nubia .nubia-info-card.nubia-pt-0 {
    padding-top:1rem
  }
  .nubia .nubia-info-card .card-item {
    -webkit-box-pack:justify;
    -webkit-box-align:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    gap:0;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    margin-bottom:1rem;
    width:100%
  }
  .nubia .nubia-info-card .card-item:last-child {
    margin-bottom:0
  }
  .nubia .nubia-info-card .card-item.row-reverse {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .nubia .nubia-info-card .card-item.icon-text .info-img {
    margin-bottom:0.2rem;
    text-align:center
  }
  .nubia .nubia-info-card .card-item.icon-text .info-img .info-img-title {
    font-size:0.48rem
  }
  .nubia .nubia-info-card .card-item.icon-text .info-img .info-img-desc {
    font-size:0.22rem;
    margin-top:0.1rem
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content {
    width:100%
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
    margin:0
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item {
    -webkit-box-flex:1;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1;
    flex:1;
    gap:0.2rem;
    margin-bottom:0.2rem;
    width:100%
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item:last-child {
    margin-bottom:0
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon {
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:0.98rem;
    -webkit-justify-content:center;
    justify-content:center;
    width:0.98rem
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon img.w-104,.nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .icon img.w-106 {
    width:0.98rem
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .info-text {
    -webkit-box-flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1;
    flex:1;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    text-align:left
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .info-text .info-title {
    font-size:0.24rem;
    font-weight:600
  }
  .nubia .nubia-info-card .card-item.icon-text .text-content .info .info-item .info-text .info-desc {
    color:#737373;
    font-size:0.24rem;
    font-weight:400;
    margin-top:0.04rem
  }
  .nubia .nubia-info-card .card-item .text-content {
    -webkit-box-flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1;
    flex:1;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    text-align:center;
    width:100%
  }
  .nubia .nubia-info-card .card-item .text-content .title {
    font-size:0.48rem
  }
  .nubia .nubia-info-card .card-item .text-content .desc {
    font-size:0.22rem;
    margin-top:0.1rem
  }
  .nubia .nubia-info-card .card-item .text-content .info {
    -webkit-box-align:center;
    -webkit-box-pack:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    justify-content:center;
    margin-top:0.7rem
  }
  .nubia .nubia-info-card .card-item .text-content .info .info-item {
    -webkit-box-flex:0;
    -webkit-flex:0 0 33%;
    flex:0 0 33%;
    margin-bottom:0.2rem
  }
  .nubia .nubia-info-card .card-item .text-content .info .info-item.nubia-ml-20 {
    margin-left:0.4rem
  }
  .nubia .nubia-info-card .card-item .text-content .info .info-item.nubia-mr-20 {
    margin-right:0.4rem
  }
  .nubia .nubia-info-card .card-item .text-content .info .info-item .value {
    font-size:0.32rem
  }
  .nubia .nubia-info-card .card-item .text-content .info .info-item .label {
    font-size:0.2rem;
    font-weight:500;
    margin-bottom:0.08rem
  }
  .nubia .nubia-info-card .card-item .picture {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
  }
  .nubia .nubia-info-card .card-item .picture img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-info-bg-img {
    background-color:#000;
    width:100%
  }
  .nubia .nubia-info-bg-img.p-100-260-0-174 {
    padding:1rem 0 0
  }
  .nubia .nubia-info-bg-img .nubia-title {
    padding:1rem 0.3rem
  }
  .nubia .nubia-info-bg-img .nubia-title .title {
    font-size:0.68rem
  }
  .nubia .nubia-info-bg-img .info-bg-img {
    position:relative;
    width:100%
  }
  .nubia .nubia-info-bg-img .info-bg-img.pl-200 {
    padding-left:0
  }
  .nubia .nubia-info-bg-img .info-bg-img picture {
    width:100%
  }
  .nubia .nubia-info-bg-img .info-bg-img picture img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-info-bg-img .info-bg-img .title-content {
    right:0.4rem;
    top:0.2rem;
    width:3.4rem
  }
  .nubia .nubia-info-bg-img .info-bg-img .title-content .title {
    font-size:0.44rem
  }
  .nubia .nubia-info-bg-img .info-bg-img .title-content .desc {
    font-size:0.22rem;
    font-weight:400;
    margin-top:0
  }
  .nubia .nubia-info-bg-img .info-bg-img .info {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    padding:0.62rem 0.32rem;
    position:absolute;
    top:0;
    -webkit-transform:translate(0);
    transform:translate(0);
    width:100%
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item {
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    gap:0.55rem;
    margin-bottom:0.8rem;
    width:100%
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item:last-child {
    margin-bottom:0
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item .icon {
    height:0.9rem;
    width:0.9rem
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item .icon img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item .text-content {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item .text-content .title {
    font-size:0.32rem;
    font-weight:600
  }
  .nubia .nubia-info-bg-img .info-bg-img .info .info-item .text-content .desc {
    font-size:0.22rem;
    font-weight:500;
    margin-top:0.1rem
  }
  .nubia .nubia-img-rotate {
    background-color:#000;
    overflow:hidden;
    padding:1rem 0;
    width:100%
  }
  .nubia .nubia-img-rotate .nubia-title {
    margin-bottom:1rem;
    padding:0 0.3rem
  }
  .nubia .nubia-img-rotate .nubia-title .title {
    font-size:0.68rem
  }
  .nubia .nubia-img-rotate .info-img {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    gap:0;
    width:100%
  }
  .nubia .nubia-img-rotate .info-img .text-content {
    padding:0 0.3rem;
    width:100%
  }
  .nubia .nubia-img-rotate .info-img .text-content .info-img-title {
    font-size:0.48rem;
    padding-right:1rem
  }
  .nubia .nubia-img-rotate .info-img .text-content .info-img-desc {
    font-size:0.22rem;
    margin-top:0.1rem
  }
  .nubia .nubia-img-rotate .info-img .text-content .parameter {
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:0.4rem;
    text-align:center;
    width:100%
  }
  .nubia .nubia-img-rotate .info-img .text-content .parameter .parameter-item {
    margin-bottom:0.56rem;
    width:33.33%
  }
  .nubia .nubia-img-rotate .info-img .text-content .parameter .parameter-item .label {
    font-size:0.2rem;
    font-weight:500;
    margin-bottom:0.08rem
  }
  .nubia .nubia-img-rotate .info-img .text-content .parameter .parameter-item .value {
    display:block;
    font-size:0.32rem
  }
  .nubia .nubia-img-rotate .info-img .rotate-img {
    padding-left:1.28rem;
    width:100%
  }
  .nubia .nubia-img-rotate .info-img .rotate-img picture img {
    height:auto;
    object-fit:cover;
    width:100%
  }
  .nubia .nubia-ai-functions {
    padding:1rem 0.3rem
  }
  .nubia .nubia-ai-functions .nubia-title {
    margin:0 auto 0.4rem;
    text-align:center;
    width:100%
  }
  .nubia .nubia-ai-functions .nubia-title .title {
    display:inline-block;
    font-size:0.48rem
  }
  .nubia .nubia-ai-functions .nubia-title .desc {
    font-size:0.22rem;
    margin-top:0.1rem
  }
  .nubia .nubia-ai-functions .ai-layout {
    -webkit-box-align:center;
    -webkit-box-pack:justify;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    gap:0.4rem;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    width:100%
  }
  .nubia .nubia-ai-functions .ai-image {
    -webkit-box-flex:0;
    display:none;
    -webkit-flex:0 0 50%;
    flex:0 0 50%;
    position:relative
  }
  .nubia .nubia-ai-functions .ai-image picture {
    display:block
  }
  .nubia .nubia-ai-functions .ai-image picture img {
    display:block;
    height:auto;
    width:100%
  }
  .nubia .nubia-ai-functions .ai-panel {
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1
  }
  .nubia .nubia-ai-functions .ai-list {
    border-top:none
  }
  .nubia .nubia-ai-functions .ai-item {
    border-bottom:0.02rem solid #fff;
    padding:0.4rem 0
  }
  .nubia .nubia-ai-functions .ai-item.active {
    padding:0.4rem 0
  }
  .nubia .nubia-ai-functions .ai-item.active .ai-item-header {
    margin-bottom:0.2rem
  }
  .nubia .nubia-ai-functions .ai-item.active .ai-item-header .ai-item-title {
    color:#fff
  }
  .nubia .nubia-ai-functions .ai-item.active .ai-item-header .ai-item-icon {
    opacity:1
  }
  .nubia .nubia-ai-functions .ai-item.active .ai-item-body {
    max-height:-webkit-max-content;
    max-height:max-content;
    opacity:1
  }
  .nubia .nubia-ai-functions .ai-item.active .ai-item-body img {
    height:auto
  }
  .nubia .nubia-ai-functions .ai-item-header {
    -webkit-box-align:center;
    -webkit-box-pack:justify;
    -webkit-align-items:center;
    align-items:center;
    cursor:pointer;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-between;
    justify-content:space-between
  }
  .nubia .nubia-ai-functions .ai-item-header .ai-item-title {
    font-size:0.32rem;
    font-weight:600
  }
  .nubia .nubia-ai-functions .ai-item-header .ai-item-icon {
    color:#fff;
    font-size:0.4rem;
    line-height:1;
    opacity:.6;
    -webkit-transition:opacity .25s ease,-webkit-transform .25s ease;
    transition:opacity .25s ease,-webkit-transform .25s ease;
    transition:opacity .25s ease,transform .25s ease;
    transition:opacity .25s ease,transform .25s ease,-webkit-transform .25s ease
  }
  .nubia .nubia-ai-functions .ai-item-header:hover .ai-item-title {
    color:#fff
  }
  .nubia .nubia-ai-functions .ai-item-header:hover .ai-item-icon {
    opacity:1
  }
  .nubia .nubia-ai-functions .ai-item-body {
    color:#737373;
    font-size:0.22rem;
    font-weight:500;
    max-height:0;
    opacity:0;
    overflow:hidden;
    -webkit-transition:max-height .3s ease,opacity .3s ease,padding .3s ease;
    transition:max-height .3s ease,opacity .3s ease,padding .3s ease
  }
  .nubia .nubia-ai-functions .ai-item-body img {
    display:block;
    height:0;
    margin-top:0.4rem;
    object-fit:cover;
    -webkit-transition:height .3s ease;
    transition:height .3s ease;
    width:100%
  }
  .nubia .nubia-remark {
    color:hsla(0,0%,100%,.6);
    font-size:0.22rem;
    font-weight:400;
    padding:0 0.3rem 1rem;
    width:100%
  }
  .nubia .nubia-remark .remark {
    margin-bottom:0.1rem
  }
  .nubia .nubia-remark .remark-list {
    max-width:100%
  }
}