:root {
  --fiona-txt-160: 8.333333vw;
  --fiona-txt-180-100: 9.375vw;
  --fiona-txt-80: 4.166667vw;
  --fiona-txt-68: 3.541667vw;
  --fiona-txt-64: 3.3333vw;
  --fiona-txt-60: 3.125vw;
  --fiona-txt-48: 2.5vw;
  --fiona-txt-34: 1.770833vw;
  --fiona-txt-32: 1.666667vw;
  --fiona-txt-24: 1.25vw;
  --fiona-txt-20: 1.041667vw;
  --fiona-txt-16: 0.83333vw;
  --fiona-mart-160: 8.333333vw;
  --fiona-marb-30: 1.5625vw;
  --fiona-marb-25: 1.302083vw;
  --fiona-marb-60: 3.125vw;
  --fiona-marb-80: 4.166667vw;
}

.fiona-container *, .fiona-container::before, .fiona-container::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.fiona-container *:focus, .fiona-container *:active {
  outline: none;
}
.fiona-container sup {
  font-size: 0.6em;
  line-height: 1;
}
.fiona-container sup[data-index] {
  cursor: pointer;
}
.fiona-container article {
  color: #575A5C;
}
.fiona-container .blur-up {
  filter: blur(20px);
  transition: filter 0.2s;
  will-change: filter;
}
.fiona-container .wx-img{
 display: none;
}
.fiona-container .blur-up.lazyloaded {
  filter: blur(0);
}
.fiona-container .media-cover {
  position: relative;
  width: 100%;
  display: block;
}
.fiona-container .media-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
.fiona-container .media-cover:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.fiona-container img,
.fiona-container video {
  width: 100%;
}
.fiona-container .blue {
  color: #0433FE;
}
.fiona-container .mob-show {
  display: none;
}
.fiona-container .pc-show {
  display: initial;
}
.fiona-container .fiona-section {
  width: 100%;
  position: relative;
}
.fiona-container .fiona-relative {
  position: relative;
}
.fiona-container .fiona-absolute {
  position: absolute;
}
.fiona-container .fiona-center {
  text-align: center;
}
.fiona-container .space {
  margin-top: 10.416667vw;
}
.fiona-container .halfspace {
  margin-top: 2.8645vw;
  overflow: hidden;
}
.fiona-container .wrap-md {
  width: 79.166667vw;
  margin: 0 auto;
}
.fiona-container .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fiona-container .fiona-txt-160 {
  font-size: var(--fiona-txt-160);
  line-height: 1.25;
  font-weight: bold;
}
.fiona-container .fiona-txt-180-100 {
  font-size: var(--fiona-txt-180-100);
  line-height: 1.25;
  font-weight: bold;
}
.fiona-container .fiona-txt-80 {
  font-size: var(--fiona-txt-80);
  font-weight: bold;
  line-height: 1.25;
}
.fiona-container .fiona-txt-68 {
  font-size: var(--fiona-txt-68);
  line-height: 1.25;
  font-weight: bold;
}
.fiona-container .fiona-txt-64 {
  font-size: var(--fiona-txt-64);
  line-height: 1.25;
  font-weight: bold;
}
.fiona-container .fiona-txt-60 {
  font-size: var(--fiona-txt-60);
  line-height: 1.25;
}
.fiona-container .fiona-txt-48 {
  font-size: var(--fiona-txt-48);
}
.fiona-container .fiona-txt-34 {
  font-size: var(--fiona-txt-34);
  line-height: 1.6;
}
.fiona-container .fiona-txt-32 {
  font-size: var(--fiona-txt-32);
  line-height: 1.25;
}
.fiona-container .fiona-txt-24 {
  font-size: var(--fiona-txt-24);
  line-height: 1.6;
}
.fiona-container .fiona-txt-20 {
  font-size: var(--fiona-txt-20);
  line-height: 1.6;
}
.fiona-container .fiona-txt-16 {
  font-size: var(--fiona-txt-16);
  line-height: 1.6;
}
.fiona-container .fiona-mart-160 {
  margin-top: var(--fiona-mart-160);
}
.fiona-container .fiona-marb-80 {
  margin-bottom: var(--fiona-marb-80);
}
.fiona-container .fiona-marb-60 {
  margin-bottom: var(--fiona-marb-60);
}
.fiona-container .fiona-marb-30 {
  margin-bottom: var(--fiona-marb-30);
}
.fiona-container .fiona-marb-25 {
  margin-bottom: var(--fiona-marb-25);
}
.fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap {
  width: 48.875vw;
  top: 41.61458vw;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.fiona-container .fiona-kv .kv-content-image{
  width: 100%;
}
.fiona-container .fiona-kv .kv-content-image .media-cover:before {
  padding-bottom: 50%;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-logo {
  width: 33.802vw;
  margin: 0 auto;
  margin-bottom: 1.04166vw;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-slogan{
  font-size: 2.5vw;
  line-height: 1.6;
  color: #18191A;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-icon{
  width: 11.35416vw;
  bottom: 5.2083vw;
  right: 3.125vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper {
  width: 79.479167vw;
  flex-wrap: wrap;
  align-items: flex-start;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-1 .media-cover:before {
  padding-bottom: 138.693467%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-2 .media-cover:before {
  padding-bottom: 81.602373887%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 .media-cover:before {
  padding-bottom: 126.903553%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 .media-cover:before {
  padding-bottom: 100.5025%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-5 .media-cover:before {
  padding-bottom: 59.347181%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 .media-cover:before {
  padding-bottom: 115.089514%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-1,
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 {
  width: 20.729167vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-2,
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-5 {
  width: 35.104vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3{
  width: 20.52vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 {
  width: 20.3645vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 {
  margin-top: -2.60416vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 .fiona-txt-wrap{
  width: 55%;
  top: 19.53125vw;
  left: 6.35416vw;
  right: auto;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card {
  cursor: pointer;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card .icon-logo {
  width: 9.300521vw;
  margin: 1.53125vw auto 0;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card .fiona-indicator {
  width: 2.395833vw;
  height: 2.395833vw;
  right: 1.041667vw;
  bottom: 1.041667vw;
  cursor: pointer;
  background-color: rgba(248, 248, 248, 0.7);
  border-radius: 50%;
  overflow: hidden;
  z-index: 9;
  transform: translate3d(0, 0, 0);
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card .fiona-indicator .section-indicator-img {
  width: 100%;
  height: auto;
  transition: all 1s;
  transform: translateY(-50%);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card:hover .section-indicator-img {
  transform: translateY(0);
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-txt-wrap {
  top: 1.822917vw;
  left: 2.083333vw;
  right: 2.083333vw;
  color: #18191A;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-txt-wrap .fiona-txt-48{
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 0.26vw;
}
.fiona-container .fiona-title{
 transform: translateY(2vw);
 opacity: 0;
 transition: transform 0.1s;
}
.fiona-container .fiona-title-wrap {
  width: 55.3125vw;
  margin: 0 auto;
  transform: perspective(1000);
}
.fiona-container .fiona-title-wrap .media-cover:before {
  padding-bottom: 79.115710254%;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap {
  top: 13.9375vw;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap div {
  display: flex;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .title-1 {
  width: 60.625vw;
  transform: translateX(-3.3854vw);
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .title-2 {
  width: 50.625vw;
  transform: translate(23.79166vw, 0.583vw);
}
.fiona-container .appearance-video{
  width: 78.125vw;
  margin: 0 auto;
  margin-top: 10.41vw;
  position: relative;
  overflow: hidden;
  border-radius: 4.16vw;
  will-change: transform;
}
.fiona-container .appearance-video video{
  display: block;
}
.fiona-container .appearance-video .video_btn{
  position: absolute;
  right: 2.5%;
  bottom: 4.5%;
  display: flex;
  align-items: center;
}
.fiona-container .appearance-video .video-pop-text{
  cursor: pointer;
  color: #F5F6F7;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25vw;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 1em;
}
.fiona-container .appearance-video .video-pop-text:hover{
  text-decoration: underline;
  text-underline-offset: 0.5em;
}
.fiona-container .appearance-video .video-pop-play-svg{
  display: flex;
  width: 3.33vw;
  height: 3.33vw;
}
.fiona-container .appearance-video .video-pop-play-svg svg{
  width: 100%;
  height: 100%;
}
.fiona-container .fiona-appearance .fiona-appearance-size {
  margin-top: 10.4166vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap {
  width: 100%;
  top: 16.09375vw;
  padding-left: 7.96875vw;
  padding-right: 7.70833vw;
  z-index: 1;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l {
  width: 30.84375vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l article {
  color: #575A5C;
  width: 22.0833vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r p:nth-child(odd) {
  color: #575A5C;
  margin-bottom: 0.520833vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r p:nth-child(even) {
  background: linear-gradient(to right, #0433FE, #6DCBF9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r p:nth-child(2) {
  margin-bottom: 3.90625vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r .fiona-txt-60 span{
  font-weight: 500;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r .fiona-txt-60 span:nth-child(2){
  font-weight: bold;
}
.fiona-container .fiona-appearance .fiona-appearance-size .media-cover:before {
  padding-bottom: 62.343647%;
}
.fiona-container .fiona-appearance .fiona-appearance-colors{
  margin-top: 8.3333vw;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .swiper-slide {
  transition: opacity 0.5s linear;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .media-cover:before {
  padding-bottom: 46.0526%;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .fiona-txt-wrap {
  width: 48.270833vw;
  margin: 0 auto 3.125vw;
  text-align: center;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .color-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s linear;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .color-bullet + .color-bullet {
  margin-left: 1.5625vw;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .bullet {
  width: 2.604167vw;
  height: 2.604167vw;
  margin-left: 1.5625vw;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .outline {
  opacity: 0;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .color-name {
  overflow: hidden;
  display: inline-block;
  font-weight: bold;
  width: 0;
  transition: width 0.4s linear;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .color-name span {
  white-space: nowrap;
  transition: opacity 0.5s linear;
  opacity: 0;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active .outline {
  opacity: 0.5;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active .color-name {
  width: 5vw;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active .color-name span {
  opacity: 1;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active:first-child .color-name {
  width: 3.616667vw;
}.fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active:last-child .color-name {
  width: 4.5vw;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan {
  margin-top: 8.333333vw;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan .fiona-txt-wrap {
  width: 43.10416vw;
  margin: 0 auto;
  z-index: 1;
  text-align: center;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan .section-picture {
  width: 100%;
  margin-top: 4.166667vw;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan .media-cover:before {
  padding-bottom: 30.15625%;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .fiona-txt-wrap {
  width: 44.27083vw;
  margin: 0 auto;
  text-align: center;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .fiona-txt-wrap article {
  margin-bottom: 5.2083vw;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .section-picture {
  width: 75vw;
  margin-left: 11.979167vw;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .media-cover:before {
  padding-bottom: 61.18055%;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .section-info {
  width: 63.020833vw;
  margin: -13.0625vw auto 0;
  text-align: center;
  z-index: 1;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .section-info .section-info-param {
  background: linear-gradient(110deg, #0433FE -40%, #6DCBF9 93%, #75E1AD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap {
  top: 19.020833vw;
  left: 7.29166vw;
  z-index: 1;
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .section-picture {
  width: 42.135417vw;
  position: relative;
  left: 37.447917vw;
  z-index: 1;
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .section-picture.media-cover:before {
  padding-bottom: 113.4734239%;
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .section-picture-bg {
  width: 100%;
  top: 6.197917vw;
  left: 0;
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .section-picture-bg.media-cover:before {
  padding-bottom: 52.60039499%;
}
.fiona-container .fiona-lite-gn{
  margin-top: 6.25vw;
}
.fiona-container .fiona-lite-gn .fiona-wrap {
  width: 71.875vw;
  margin: 0 auto;
  flex-wrap: wrap;
  align-items: flex-start;
}
.fiona-container .fiona-lite-gn .fiona-wrap .fiona-txt-wrap {
  padding-left: 0.869792vw;
}
.fiona-container .fiona-lite-gn .fiona-wrap .fiona-txt-wrap .fiona-txt-32 {
  margin-bottom: 0.833333vw;
  font-weight: bold;
}
.fiona-container .fiona-lite-gn .fiona-wrap .background-blur {
  width: 100%;
}
.fiona-container .fiona-lite-gn .fiona-wrap .background-blur .media-cover:before {
  padding-bottom: 41.4492753623%;
}
.fiona-container .fiona-lite-gn .fiona-wrap .group-photo {
  width: 39.322917vw;
}
.fiona-container .fiona-lite-gn .fiona-wrap .group-photo .media-cover:before {
  padding-bottom: 74.701986755%;
}
.fiona-container .fiona-lite-gn .fiona-wrap .selfie {
  width: 28.333333vw;
}
.fiona-container .fiona-lite-gn .fiona-wrap .selfie .media-cover:before {
  padding-bottom: 128.0733944954%;
}
.fiona-container .fiona-lite-rear-camera {
  margin-top: 5.572917vw;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap {
  width: 33.8125vw;
  top: 13.385417vw;
  right: 6.041667vw;
  z-index: 1;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info {
  width: 31.614583vw;
  margin-left: 0.8333vw;
  flex-wrap: wrap;
  align-items: flex-start;
  list-style: "▪ ";
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li {
  width: 45.5%;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:first-child {
  margin-bottom: 0.885417vw;
  color: #18191A;
  line-height: 1.25;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:last-child {
  color: #575A5C;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li:nth-child(1), .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li:nth-child(2) {
  margin-bottom: 1.5625vw;
}
.fiona-container .fiona-lite-rear-camera .section-picture {
  width: 35.104167vw;
  z-index: 1;
}
.fiona-container .fiona-lite-rear-camera .section-picture.media-cover:before {
  padding-bottom: 134.1246290801%;
}
.fiona-container .fiona-lite-rear-camera .section-picture-bg {
  width: 100%;
  top: 5.46875vw;
  left: 0;
}
.fiona-container .fiona-lite-rear-camera .section-picture-bg.media-cover:before {
  padding-bottom: 52.6003949967%;
}
.fiona-container .fiona-lite-rear-camera-photo{
  margin-top: 6.25vw;
}
.fiona-container .fiona-lite-rear-camera-photo .fiona-wrap {
  width: 71.875vw;
  margin: 0 auto;
  align-items: flex-start;
}
.fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .fiona-txt-wrap .fiona-txt-32 {
  margin-bottom: 0.833333vw;
  font-weight: bold;
}
.fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .wonderful-image {
  width: 31.510417vw;
  margin-top: 4.166667vw;
}
.fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .wonderful-image .media-cover:before {
  padding-bottom: 135.2066115702%;
}
.fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .background-blur {
  width: 37.239583vw;
}
.fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .background-blur .media-cover:before {
  padding-bottom: 85.3146853147%;
}
.fiona-container .fiona-lite-high-definition{
  margin-top: 10.4166vw;
}
.fiona-container .fiona-lite-high-definition .wrap-md{
  width: 84.58333vw;
}
.fiona-container .fiona-lite-high-definition .wrap-md >.fiona-txt-wrap{
  width: 42.583vw;
  margin: 0 auto;    
  margin-bottom: var(--fiona-marb-60);
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap {
  width: 100%;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper {
  width: 60.416667vw;
  margin-left: 12.08333vw;
  overflow: hidden;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .swiper-slide {
  transition: opacity 0.4s linear;
  transform: translate3d(0, 0, 0);
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap {
  opacity: 0;
  transition: opacity 0.25s linear;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap .fiona-txt-32 {
  font-weight: bold;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap article {
  max-width: 35.8541vw;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .swiper-slide-active .fiona-txt-wrap {
  opacity: 1;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .media-cover:before {
  padding-bottom: 56.8965517241%;
}
.fiona-container .fiona-lite-high-definition .section-picture-control {
  height: 23.958333vw;
  margin-bottom: 2.566vw;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt {
  height: 100%;
  margin-right: 2.29166vw;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt .item {
  height: 25%;
  color: #575A5C;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  transform-origin: 50% 50%;
  cursor: pointer;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt .item.active {
  transform: scale(1.3333333333);
  color: #18191A;
  font-weight: bold;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar {
  width: 0.208333vw;
  height: 100%;
  background-color: rgba(122, 124, 128, 0.3);
  border-radius: 0.208333vw;
  -webkit-border-radius: 0.208333vw;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar .section-picture-control-drag {
  width: 100%;
  height: 25%;
  background-color: #0433FE;
  border-radius: 0.208333vw;
  -webkit-border-radius: 0.208333vw;
  transition: transform 0.3s ease;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="0"] .section-picture-control-drag {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="1"] .section-picture-control-drag {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="2"] .section-picture-control-drag {
  transform: translateY(200%);
  -webkit-transform: translateY(200%);
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="3"] .section-picture-control-drag {
  transform: translateY(300%);
  -webkit-transform: translateY(300%);
}
.fiona-container .fiona-lite-performance .super-charge .wrap-md{
  width: 79.6875vw;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap {
  width: 23.4375vw;
  top: 0;
  left: 1.354167vw;
  z-index: 1;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap article {
  width: 21.4375vw;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-info {
  bottom: 8.33333vw;
  left: 63.4166vw;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-info article {
  margin-bottom: 0.520833vw;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-info p span {
  background: linear-gradient(122deg, #0433FE -5%, #6DCBF9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-info > div:nth-child(2) p {
  letter-spacing: 0.138889vw;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-info .fiona-txt-60 span{
  font-weight: bold;
}
.fiona-container .fiona-lite-performance .super-charge .section-picture {
  width: 64.427083vw;
  margin-left: 3.90625vw;
}
.fiona-container .fiona-lite-performance .super-charge .media-cover:before {
  padding-bottom: 83.4276475344%;
}
.fiona-container .fiona-lite-performance .sound{
  width: 100%;
}
.fiona-container .fiona-lite-performance .sound .fiona-txt-wrap{
  width: 32.77083vw;
  top: 10.627vw;
  left: 58.333vw;
}
.fiona-container .fiona-lite-performance .sound .sound-phone{
  width: 37.3958vw;
  top: 1.979vw;
  left: 19.9479vw;
  z-index: 5;
}
.fiona-container .fiona-lite-performance .sound .sound-top-waves{
  width: 13.229vw;
  top: 1.36875vw;
  left: 21.9291vw;
  z-index: 3;
}
.fiona-container .fiona-lite-performance .sound .sound-top-waves .sound-wave{
  width: 13.229vw;
  position: absolute;
  top: 0;
  opacity: 0;
}
.fiona-container .fiona-lite-performance .sound .sound-top-waves .sound-wave1 {
  animation: soundWave 2s linear infinite;
}
.fiona-container .fiona-lite-performance .sound .sound-top-waves .sound-wave2 {
  animation: soundWave 2s linear infinite 0.6s;
}
.fiona-container .fiona-lite-performance .sound .sound-top-waves .sound-wave3 {
  animation: soundWave 2s linear infinite 1.5s;
}
.fiona-container .fiona-lite-performance .sound .sound-down-waves{
  width: 13.229vw;
  top: 45.16875vw;
    left: 41.7991vw;
  z-index: 3;
}
.fiona-container .fiona-lite-performance .sound .sound-down-waves .sound-wave{
  width: 13.229vw;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.fiona-container .fiona-lite-performance .sound .sound-down-waves .sound-wave1 {
  animation: soundWave 2s linear infinite;
}
.fiona-container .fiona-lite-performance .sound .sound-down-waves .sound-wave2 {
  animation: soundWave 2s linear infinite 0.6s;
}
.fiona-container .fiona-lite-performance .sound .sound-down-waves .sound-wave3 {
  animation: soundWave 2s linear infinite 1.5s;
}
.fiona-container .fiona-lite-performance .sound .sound-phone .media-cover:before {
  padding-bottom: 146.657381615%;
}
.fiona-container .fiona-lite-performance .sound .fiona-relative .sound-div > .media-cover:before {
  padding-bottom: 58.4895833%;
}
.fiona-container .fiona-lite-performance .best-friend .fiona-txt-wrap{
  width: 53.645vw;
  margin: 0 auto;
  margin-bottom: 6.25vw;
}
.fiona-container .fiona-lite-performance .best-friend .fiona-relative{
  width: 62.8125vw;
  margin: 0 auto;
}
.fiona-container .fiona-lite-performance .best-friend .best-friend-icons{
  width: 33.854vw;
  margin: 0 auto;
  margin-top: -2.34375vw;
  margin-bottom: 8.333vw;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}
.fiona-container .fiona-lite-performance .best-friend .best-friend-icons dl{
  width: 33%;
}
.fiona-container .fiona-lite-performance .best-friend .best-friend-icons dt{
  width: 4.5833vw;
  margin: 0 auto;
  margin-bottom: 1.302vw;
}
.fiona-container .fiona-lite-performance .best-friend .best-friend-icons dd{
  font-size: 1.25vw;
  line-height: 1.6;
  color: #575A5C;
  text-align: center;
}
.fiona-container .fiona-lite-performance .best-friend .best-friend-bpic{
  width: 19.9479vw;
  margin: 0 auto;
}
.fiona-container .fiona-lite-performance .best-friend .fiona-relative .media-cover:before {
  padding-bottom: 48.0165289%;
}
.fiona-container .fiona-lite-performance .best-friend .best-friend-bpic .media-cover:before {
  padding-bottom: 112.79373368%;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap {
  width: 100%;
  min-height: 41.666667vw;
  border-radius: 2.083333vw;
  -webkit-border-radius: 2.083333vw;
  background-color: #F5F6F7;
  padding-left: 10.4166vw;
  padding-right: 6.1458vw;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper {
  width: 14.58333vw;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .media-cover:before {
  padding-bottom: 213.5714285714%;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .fiona-relative{
  z-index: 5;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .superhup-video{
  z-index: 3;
  width: 13.7vw;
  top: 0.45vw;
  left: 0.38vw;
  overflow: hidden;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .superhup-video video,.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .superhup-video img{
  border-radius: 1vw;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control {
  align-items: flex-start;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar {
  width: 0.208333vw;
  height: 17.9166vw;
  background-color: #FFFFFF;
  border-radius: 0.208333vw;
  -webkit-border-radius: 208333vw;
  margin-top: 2.60416vw;
  margin-right: 3.333333vw;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar .section-picture-control-drag {
  width: 100%;
  height: 25%;
  height: -webkit-calc(100% / 4);
  background-color: #0433FE;
  border-radius: 0.208333vw;
  -webkit-border-radius: 208333vw;
  transition: transform 0.3s ease;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="0"] .section-picture-control-drag {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="1"] .section-picture-control-drag {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="2"] .section-picture-control-drag {
  transform: translateY(200%);
  -webkit-transform: translateY(200%);
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="3"] .section-picture-control-drag {
  transform: translateY(300%);
  -webkit-transform: translateY(300%);
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt {
  width: 34.375vw;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item {
  overflow: hidden;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item p {
  font-size: 1.77vw;
  line-height: 1.25;
  color: #575A5C;
  font-weight: bold;
  cursor: pointer;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item article {
  transition: all 0.3s ease;
  height: 0;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item.active p {
  color: #18191A;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item.active article {
  height: auto;
  margin-top: 1.302083vw;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap {
  align-items: initial;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div {
  width: 38.020833vw;
  min-height: 41.666667vw;
  background-color: #F5F6F7;
  border-radius: 2.083333vw;
  -webkit-border-radius: 2.083333vw;
  padding-top: 4.6875vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap {
  padding: 0 4.166667vw;
  margin-bottom: 2.604167vw;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap .fiona-txt-34 {
  color: #18191A;
  line-height: 1.25;
  font-weight: bold;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap article {
  width: 25.333333vw;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .section-picture {
  width: 18.854167vw;
  height: 26.927083vw;
  overflow: hidden;
}
.fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap .privacy-protection-2 .fiona-txt-wrap article {
  width: 26.25vw;
}
.fiona-container .section-footnote {
  color: rgba(87, 90, 92, 0.5);
  font-size: max(0.625vw, 12px);
  line-height: 1.6;
  margin-left: 9.895vw;
  width: 77.08333vw;
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
  overflow: hidden;
}
.fiona-container .section-footnote ol {
  list-style-type: decimal;
  padding-left: 2em;
}
.fiona-container .section-footnote .active {
  color: #000;
}
.fiona-container .section-footnote .price {
  list-style-type: none;
  position: relative;
  pointer-events: none;
}
.fiona-container .section-footnote .price::before {
  content: "*";
  position: absolute;
  top: 0;
  padding-right: 3px;
  transform: translateX(-100%);
}
@keyframes soundWave {
  0% {
    opacity: 0.5;
    transform: scale(0.5);
    filter: blur(5px);
    transition: filter 0.2s;
    will-change: filter;
  }

  50% {
    opacity: 1;
    transform: scale(1);
    filter: blur(2px);
    transition: filter 0.2s;
    will-change: filter;
  }

  100% {
    opacity: 0;
    transform: scale(1.7);
    filter: blur(5px);
    transition: filter 0.2s;
    will-change: filter;
  }
}
@media screen and (max-aspect-ratio: 11/10) {
  :root {
    --fiona-txt-180-100: 13.8888vw;
    --fiona-txt-80: 11.111111vw;
    --fiona-txt-68: 9.444444vw;
    --fiona-txt-64: 8.888vw;
    --fiona-txt-60: 9.444444vw;
    --fiona-txt-48: 6.666667vw;
    --fiona-txt-34: 4.722222vw;
    --fiona-txt-32: 4.444444vw;
    --fiona-txt-24: 3.333333vw;
    --fiona-txt-20: 2.777778vw;
    --fiona-txt-16: 2.222222vw;
    --fiona-marb-25: 3.472222vw;
    --fiona-marb-30: 4.166667vw;
    --fiona-marb-60: 8.333333vw;
    --fiona-mart-160: 22.222222vw;
  }
  .fiona-container .mob-show {
    display: initial;
  }
  .fiona-container .pc-show {
    display: none;
  }
  .fiona-container .space {
    margin-top: 22.222222vw;
  }
  .fiona-container .halfspace {
    margin-top: 16.666667vw;
  }
  .fiona-container .wrap-md {
    width: 88.888889vw;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap {
    width:90%;
    top: 127.777vw;
  }
  .fiona-container .fiona-kv .kv-content-image .media-cover:before {
    padding-bottom: 150%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-logo {
    width: 59.0277vw;
    margin-bottom: 3.47222vw;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-slogan{
    font-size: 4.44vw;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-icon{
    width: 15.13888vw;
    bottom: auto;
    top: 140.972vw;
    right: 4.44444vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper {
    width: 88.888889vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-1 {
    order: 2;
    width: 40.277vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 {
    order: 5;
    width: 44.444vw;
    margin-bottom: 0;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 {
    width: 44.444444vw;
    margin-bottom: 4.166667vw;
    order: 3;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 {
    width: 40.277vw;
    order: 6;
    margin-top: 0;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-5 {
    width: 100%;
    order: 4;
    margin-bottom: var(--fiona-marb-30);
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-2 {
    order: 1;
    width: 100%;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card .icon-logo {
    width: 24.801389vw;
    margin: 0.694444vw auto 0;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card .fiona-indicator {
    width: 6.388889vw;
    height: 6.388889vw;
    right: 2.777778vw;
    bottom: 2.777778vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-txt-wrap {
    top: 4.861111vw;
    left: 5.555556vw;
    right: 2.166667vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 .fiona-txt-wrap{
    left: 4.89999vw;
    right: 2vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 .fiona-txt-wrap{
    top: 38.88vw;
    left: 11.9444vw;
    right: auto;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-1 .media-cover:before {
    padding-bottom: 137.931034%;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-2 .media-cover:before {
    padding-bottom: 85.9375%;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 .media-cover:before {
    padding-bottom: 125%;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 .media-cover:before {
    padding-bottom: 125%;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-5 .media-cover:before {
    padding-bottom: 62.5%;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 .media-cover:before {
    padding-bottom: 137.931034%;
  }
  
.fiona-container .fiona-title{
  transform: translateY(5vw);
 }
  .fiona-container .fiona-title .fiona-title-wrap {
    width: 100%;
  }
  .fiona-container .fiona-title .fiona-title-wrap .media-cover:before {
    padding-bottom: 81.3888888889%;
  }
  .fiona-container .fiona-title .fiona-title-wrap .fiona-txt-wrap {
    top: 22.222vw;
  }
  .fiona-container .fiona-title .fiona-title-wrap .fiona-txt-wrap .mob-show {
    display: flex;
  }
  .fiona-container .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-1 {
    width: 75.555556vw;
    transform: translateX(5.55vw);
  }
  .fiona-container .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-2 {
    width: 60vw;
    transform: translate(40vw, 2.0833vw);
  }
  .fiona-container .fiona-appearance {
    margin-top: 16.666667vw;
  }
  .fiona-container .appearance-video{
    width: 88.88vw;
    margin-top: 22.22vw;
    border-radius: 5.55vw;
  }
  .fiona-container .appearance-video .video_btn{
    right: 4.44vw;
    bottom: 4.44vw;
  }
  .fiona-container .appearance-video .video-pop-text{
    font-size: 5vw;
  }
  .fiona-container .appearance-video .video-pop-play-svg{
    width: 12.8vw;
    height: 12.8vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size {
    margin-top: 26.388vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap {
    position: initial;
    margin-bottom: 19.444vw;
    padding: 0;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l {
    width: 84.944444vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l article{
    width: 80.555vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r {
    position: absolute;
    bottom: 38.111111vw;
    right: 15.1388vw;
    z-index: 1;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r .fiona-txt-60 span{
    font-size: 11.111vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r .fiona-txt-60 span:nth-child(2){
    font-size: 4.444vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .media-cover:before {
    padding-bottom: 130.625%;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors {
    margin-top: 22.222222vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .media-cover:before {
    padding-bottom: 46.09375%;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .fiona-txt-wrap {
    width: 100%;
    margin: 0 auto 8.333333vw;
    text-align: left;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .fiona-txt-wrap article {
    width: 80.555vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .bullet {
    width: 6.666667vw;
    height: 6.666667vw;
    margin-left: 2.777778vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .color-name {
    display: flex;
    justify-content: flex-end;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active .color-name {
    width: 10.333333vw;
    margin-left: 5.555556vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active:last-child .color-name{
    width: 10.333333vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active:first-child .color-name {
    width: 10.833333vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .fiona-txt-32 {
    font-size: 3.333vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan {
    margin-top: 22.222222vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan .fiona-txt-wrap {
    width: 88.888889vw;
    margin: 0 auto;
    text-align: left;
  }
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan .fiona-txt-wrap article {
    width: 73.333333vw;
    margin: initial;
  }
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan .section-picture {
    width: 100%;
    margin-top: 11.11111vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan .media-cover:before {
    padding-bottom: 50.8333333333%;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .fiona-txt-wrap {
    width: 88.888889vw;
    margin: 0 auto;
    text-align: left;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .fiona-txt-wrap article {
    width: 72.222vw;
    margin: initial;
    margin-bottom: 16.666vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .section-picture {
    width: 100%;
    margin-left: 0;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .media-cover:before {
    padding-bottom: 60.1388888889%;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .section-info {
    width: 77.777778vw;
    margin: -11.944444vw auto 0;
    text-align: center;
    flex-wrap: wrap;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .section-info .section-info-item:nth-child(1),
  .fiona-container .fiona-appearance .fiona-appearance-screen .section-info .section-info-item:nth-child(2) {
    margin-bottom: 8.333333vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .section-info .section-info-item {
    width: 50%;
  }
  .fiona-container .fiona-appearance .fiona-appearance-screen .section-info .section-info-param {
    background: linear-gradient(110deg, #0433FE, #6DCBF9 80%, #6ECFEE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.388889vw;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-wrap {
    display: flex;
    flex-direction: column-reverse;
    background: linear-gradient(to bottom, RGBA(218, 232, 249, 0.1), RGBA(218, 232, 249, 1));
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap {
    position: initial;
    margin-bottom: 3.4722vw;
    padding: 6.944444vw 5vw 0;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap .fiona-marb-60 {
    margin-bottom: 8.333vw;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .section-picture {
    width: 100%;
    left: 0;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .section-picture.media-cover:before {
    padding-bottom: 87.4804%;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap {
    width: 88.888889vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .fiona-txt-wrap {
    padding-left: 0;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .fiona-txt-wrap .fiona-txt-32 {
    margin-bottom: 2.0833vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .section-picture {
    margin-bottom: 3.4722vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .background-blur {
    margin-bottom: 11.111111vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .background-blur .media-cover:before {
    padding-bottom: 59.375%;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .group-photo {
    margin-bottom: 8.333333vw;
    margin-bottom: 11.111111vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .group-photo .media-cover:before {
    padding-bottom: 59.375%;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .group-photo, .fiona-container .fiona-lite-gn .fiona-wrap .selfie {
    width: 100%;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .group-photo .media-cover:before, .fiona-container .fiona-lite-gn .fiona-wrap .selfie .media-cover:before {
    padding-bottom: 59.375%;
  }
  .fiona-container .fiona-lite-rear-camera {
    margin-top: 22.222vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-wrap {
    display: flex;
    flex-direction: column-reverse;
    background: linear-gradient(to bottom, RGBA(218, 232, 249, 0.1), RGBA(218, 232, 249, 1));
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap {
    width: 87.555vw;
    position: initial;
    margin-bottom: 6.944444vw;
    padding: 6.944444vw 5vw 0;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-marb-60 {
    margin-bottom: 8.3333vw;
    margin-left: -1vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info {
    width: 77.777778vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li {
    width: 48%;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:first-child {
    margin-bottom: 2.361111vw;
    font-size: 3.333vw;
    font-weight: bold;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:last-child {
    font-size: 3.333vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li:nth-child(1), .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li:nth-child(2) {
    margin-bottom: 5.555vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li:nth-child(even) {
    width: 41%;
  }
  .fiona-container .fiona-lite-rear-camera .section-picture {
    width: 100%;
    margin-bottom: 0;
  }
  .fiona-container .fiona-lite-rear-camera .section-picture.media-cover:before {
    padding-bottom: 97.6271186440%;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap {
    width: 88.888889vw;
    flex-direction: column;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .fiona-txt-wrap .fiona-txt-32 {
    margin-bottom: 2.083333vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .wonderful-image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 8.333vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .wonderful-image .media-cover:before {
    padding-bottom: 93.75%;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .wonderful-image .section-picture {
    margin-bottom: 3.472222vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .background-blur {
    width: 100%;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .background-blur .section-picture {
    margin-bottom: 3.472222vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .background-blur .media-cover:before {
    padding-bottom: 93.75%;
  }
  .fiona-container .fiona-lite-high-definition{
    margin-top: 27.777vw;
  }
  .fiona-container .fiona-lite-high-definition .wrap-md{
    width: 88.888889vw;
    margin-top: 5.55vw;
  }
  .fiona-container .fiona-lite-high-definition .fiona-txt-wrap {
    width: 100%;
    flex-direction: column;
    text-align: left;
  }
  .fiona-container .fiona-lite-high-definition .wrap-md >.fiona-txt-wrap{
    width: 83.333vw;
  }
  .fiona-container .fiona-lite-high-definition .fiona-txt-wrap article {
    width: 84vw;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap {
    flex-direction: column-reverse;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper {
    width: 100%;
    margin-left: 0;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap {
    opacity: 0;
    transition: transform 0.3s;
    text-align: center;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap .fiona-txt-32 {
    margin-bottom: 1.388vw;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap article {
    width: 100%;
    max-width: 100%;
    font-size: 3.89vw;
    line-height: 1.6;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .swiper-slide-active .fiona-txt-wrap {
    opacity: 1;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .media-cover:before {
    padding-bottom: 103.125%;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control {
    width: 77.7777vw;
    height: auto;
    margin-bottom: 4.166667vw;
    flex-direction: column;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.3888vw;
    display: flex;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt .item {
    width: 25%;
    font-size: 3vw;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt .item.active {
    transform: scale(1.2);
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar {
    width: 100%;
    height: 0.555556vw;
    border-radius: 0.555556vw;
    -webkit-border-radius: 0.555556vw;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar .section-picture-control-drag {
    width: 25%;
    height: 100%;
    border-radius: 0.555556vw;
    -webkit-border-radius: 0.555556vw;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="0"] .section-picture-control-drag {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="1"] .section-picture-control-drag {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="2"] .section-picture-control-drag {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-bar[data-index="3"] .section-picture-control-drag {
    transform: translateX(300%);
    -webkit-transform: translateX(300%);
  }
  .fiona-container .fiona-lite-performance .super-charge .wrap-md {
    width: 100%;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap {
    width: 88.888889vw;
    margin: 0 auto;
    position: initial;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap article {
    width: 79.277778vw;
  }
  .fiona-container .fiona-lite-performance .super-charge .section-picture {
    width: 100%;
    margin-top: 11.1111vw;
    margin-left: 0;
  }
  .fiona-container .fiona-lite-performance .super-charge .media-cover:before {
    padding-bottom: 94.4444444444%;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info {
    width: 48.6111vw;
    margin: -10.827778vw auto 0;
    position: relative;
    left: 21.8888vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info .fiona-marb-80 {
    width: 100%;
    margin-bottom: 3.90625vw;
  }
  /* .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info article {
    margin-bottom: 1.388889vw;
  } */
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info p span {
    background: linear-gradient(122deg, #2765FD 20%, #55A8FA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info .fiona-txt-60 span{
    font-size: 11.111vw;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info .fiona-txt-60 span:last-child{
    font-size: 6.6666vw;
  }
  .fiona-container .fiona-lite-performance .sound .fiona-relative{
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .fiona-container .fiona-lite-performance .sound .fiona-txt-wrap{
    width: 88.88vw;
    margin: 0 auto;
    margin-bottom: 8.33333vw;
    position: static;
  }
  .fiona-container .fiona-lite-performance .sound .fiona-txt-wrap .article{
    width: 84.7222vw;
  }
  .fiona-container .fiona-lite-performance .sound .fiona-relative .sound-div{
    position: relative;
    width: 100%;
  }
  .fiona-container .fiona-lite-performance .sound .sound-phone{
    width: 64.375vw;
    top: 3.8888vw;
    left: 18.0555vw;
  }
  .fiona-container .fiona-lite-performance .sound .sound-top-waves{
    width: 24.472222vw;
    top: 0.83333vw;
    left: 20.027777vw;
  }
  .fiona-container .fiona-lite-performance .sound .sound-top-waves .sound-wave{
    width: 25.472222vw;
  }
  .fiona-container .fiona-lite-performance .sound .sound-down-waves{
    width: 25.472222vw;
    top: 79.22222vw;
    left: 54.75vw;
  }
  .fiona-container .fiona-lite-performance .sound .sound-down-waves .sound-wave{
    width: 24.472222vw;
  }
  .fiona-container .fiona-lite-performance .sound .sound-phone .media-cover:before {
    padding-bottom: 146.709816%;
  }
  .fiona-container .fiona-lite-performance .sound .fiona-relative .sound-div > .media-cover:before {
    padding-bottom: 101.38888888%;
  }
  .fiona-container .fiona-lite-performance .best-friend .wrap-md{
    width: 100%;
  }
  .fiona-container .fiona-lite-performance .best-friend .fiona-txt-wrap{
    width: 88.88vw;
    margin: 0 auto;
    margin-bottom: 11.111vw;
    text-align: left;
  }
  .fiona-container .fiona-lite-performance .best-friend .fiona-txt-wrap article{
    width: 85.33333vw;
  }
  .fiona-container .fiona-lite-performance .best-friend .fiona-relative{
    width: 94.1666vw;
    margin: 0 auto;
  }
  .fiona-container .fiona-lite-performance .best-friend .best-friend-icons{
    width: 88.888vw;
    margin-top: -2.083333vw;
    margin-bottom: 27.77777777vw;
  }
  .fiona-container .fiona-lite-performance .best-friend .best-friend-icons dt{
    width: 10.4166vw;
    margin-bottom: 3.4722vw;
  }
  .fiona-container .fiona-lite-performance .best-friend .best-friend-icons dd{
    font-size: 3.333vw;
  }
  .fiona-container .fiona-lite-performance .best-friend .best-friend-bpic{
    width: 53.055555vw;
  }
  .fiona-container .fiona-lite-performance .best-friend .fiona-relative .media-cover:before {
    padding-bottom: 48.66863%;
  }
  .fiona-container .fiona-lite-performance .best-friend .best-friend-bpic .media-cover:before {
    padding-bottom: 112.9411764705%;
  }
  .fiona-container .fiona-lite-performance .superhub {
    margin-top: 27.777vw;
    overflow: hidden;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-txt-wrap {
    text-align: left;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap {
    width: 100%;
    min-height: 145.833333vw;
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
    padding: 11.111vw 0 8.333vw;
    flex-direction: column;
    margin-bottom: 4.86111vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper {
    width: 41.666667vw;
    margin-bottom: 7.638889vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .media-cover:before {
    padding-bottom: 213.666666%;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .superhup-video{
    width: 39.1vw;
    top: 1.2vw;
    left: 1.2vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .superhup-video video,.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper .swiper-slide .superhup-video img{
    border-radius: 2.5vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control {
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 100%;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar {
    width: 77.777777vw;
    height: 0.555556vw;
    background-color: rgba(122, 124, 128, 0.3);
    border-radius: 0.555556vw;
    -webkit-border-radius: 0.555556vw;
    margin-top: 4.166667vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar .section-picture-control-drag {
    height: 100%;
    width: 25%;
    width: -webkit-calc(100% / 4);
    border-radius: 0.555556vw;
    -webkit-border-radius: 0.555556vw;
    background-color: #0433FE;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="0"] .section-picture-control-drag {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="1"] .section-picture-control-drag {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="2"] .section-picture-control-drag {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar[data-index="3"] .section-picture-control-drag {
    transform: translateX(300%);
    -webkit-transform: translateX(300%);
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt {
    width: 69.05555vw;
    margin: 0 auto;
    position: relative;
    min-height: 52.5vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item:nth-child(1) {
    position: relative;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item p {
    font-size: 4.722222vw;
    margin-bottom: 3.472222vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item article {
    height: auto;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item.active article {
    margin-top: 0;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item.active {
    opacity: 1;
    z-index: 1;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection{
    margin-top: 27.777vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .fiona-txt-wrap {
    text-align: left;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .fiona-txt-wrap article {
    width: 80.722222vw;
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap {
    flex-direction: column;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div {
    width: 100%;
    min-height: 138.8888vw;
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
    padding-top: 7.638888vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap {
    width: 100%;
    padding: 0 8.333333vw;
    margin-bottom: 11.111vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap article {
    width: 100%;
    font-size: 3.333333vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .section-picture {
    width: 48.61111vw;
    height: 84.30555vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap .privacy-protection-2 {
    margin-top: 8.333333vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap .privacy-protection-2 .fiona-txt-wrap {
    padding: 0 9.444444vw;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap .privacy-protection-2 .fiona-txt-wrap article {
    width: 100%;
  }
  .fiona-container .section-footnote {
    font-size: 3.333333vw;
    width: 88.888889vw;
    margin: 0 auto;
    padding-bottom: 22.222222vw;
    padding-top: 22.222222vw;
  }

  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l .fiona-txt-24,
  .fiona-container .fiona-appearance .fiona-appearance-colors .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-appearance .fiona-appearance-screen .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-high-definition .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-performance .sound .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-gn .fiona-wrap .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap .fiona-txt-24,
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-contnt .item .fiona-txt-24,
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap  .fiona-txt-24,
  .fiona-container .fiona-lite-performance .best-friend .fiona-txt-wrap .fiona-txt-24{
    font-size: 3.89vw;
  }

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