:root {
  --fiona-txt-160: 8.333333vw;
  --fiona-txt-80: 4.166667vw;
  --fiona-txt-68: 3.541667vw;
  --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-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 .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%;
  max-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: 6.25vw;
}
.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-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-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-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 {
  top: 40%;
  left: 2%;
  right: 2%;
}
.fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap .fiona-kv-logo {
  width: 28.9%;
}
.fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap .fiona-kv-slogan {
  width: 21.67%;
}
.fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap .fiona-kv-slogan svg {
  width: 100%;
  height: auto;
}
.fiona-container .fiona-kv .kv-content-image .media-cover:before {
  padding-bottom: 50%;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-icon {
  width: 4.895833vw;
  left: 2.291667vw;
  bottom: 1.5625vw;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo {
  right: 2.291667vw;
  bottom: 1.5625vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo .fiona-harmonyos {
  display: inline-block;
  width: 6.40625vw;
  margin-bottom: 0.520833vw;
}
.fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo .fiona-harmonyos-tips svg {
  width: 18.7166vw;
  height: auto;
}
.fiona-container .fiona-kv .kv-content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.08%;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container {
  display: flex;
  align-items: center;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-price {
  line-height: 1.25;
  margin-right: 1.5625vw;
  font-size: 1.46vw;
  font-weight: 400;
  color: #000;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-price a {
  cursor: pointer;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-price span {
  font-size: 0.677083vw;
  font-weight: 500;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-buy-btn {
  background-color: #000;
  color: #fff;
  font-size: 13px;
  border: 2px solid #000;
  display: inline-block;
  line-height: 24px;
  font-weight: 800;
  padding: 10px 26px;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
  transition: 0.3s ease-out;
  will-change: transform;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-buy-btn a {
  color: #fff;
}
.fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-buy-btn:hover {
  opacity: 0.8;
}
.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.1909547739%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-2 .media-cover:before {
  padding-bottom: 78.5714285714%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 .media-cover:before {
  padding-bottom: 131.7934782609%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 .media-cover:before {
  padding-bottom: 100.5025125628%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-5 .media-cover:before {
  padding-bottom: 57.1428571429%;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 .media-cover:before {
  padding-bottom: 127.397260274%;
}
.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: 36.458333vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3,
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 {
  width: 19.010417vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 {
  margin-top: -3.385417vw;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card {
  cursor: pointer;
}
.fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card .fiona-txt-32 {
  font-weight: bold;
}
.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: #F8F8F8;
  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-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: 10.791667vw;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap div {
  display: flex;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .mob-show {
  display: none;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .title-1 {
  width: 36.28125vw;
  transform: translateX(-1.302083vw);
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .title-1 div {
  width: 100%;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .title-2 {
  width: 42.34375vw;
  transform: translate(14.010417vw, -5.104167vw);
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap .title-2 div {
  width: 100%;
}
.fiona-container .fiona-title-wrap .fiona-txt-wrap svg {
  width: 100%;
  height: auto;
}
.fiona-container .fiona-appearance .fiona-appearance-size {
  margin-top: 7.03125vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap {
  width: 100%;
  top: 16.145833vw;
  padding-left: 8.020833vw;
  padding-right: 6.510417vw;
  z-index: 1;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l {
  width: 24.229167vw;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-l article {
  color: #575A5C;
}
.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) {
  font-weight: normal;
}
.fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r p:nth-child(even) span {
  background: linear-gradient(to right, #1F5BFC, #55A8FA);
  -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 .media-cover:before {
  padding-bottom: 61.4473684211%;
}
.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: 49.6710526316%;
}
.fiona-container .fiona-appearance .fiona-appearance-colors .fiona-txt-wrap {
  width: 35.0625vw;
  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.822917vw;
}
.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: 5.416667vw;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan {
  margin-top: 8.333333vw;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan .fiona-txt-wrap {
  z-index: 1;
  text-align: center;
}
.fiona-container .fiona-appearance .fiona-appearance-yaohuan .fiona-txt-wrap article {
  width: 33.75vw;
  margin: 0 auto;
}
.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 {
  text-align: center;
}
.fiona-container .fiona-appearance .fiona-appearance-screen .fiona-txt-wrap article {
  width: 49.458333vw;
  margin: 0 auto 4.166667vw;
}
.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.1111111111%;
}
.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-title .fiona-title-wrap .fiona-txt-wrap {
  top: 7.65625vw;
}
.fiona-container .fiona-lite-photography .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-1 {
  width: 49.235417vw;
  transform: translateX(-1.197917vw);
}
.fiona-container .fiona-lite-photography .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-2 {
  width: 42.348438vw;
  transform: translate(14.010417vw, -5.416667vw);
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap {
  top: 18.020833vw;
  left: 11.302083vw;
  z-index: 1;
}
.fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap .fiona-txt-24 {
  font-weight: bold;
}
.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.4734239802%;
}
.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.6003949967%;
}
.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 {
  top: 13.385417vw;
  right: 6.041667vw;
  z-index: 1;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info {
  width: 31.614583vw;
  flex-wrap: wrap;
  align-items: flex-start;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li {
  width: 50%;
}
.fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:first-child {
  margin-bottom: 0.885417vw;
  color: #18191A;
  font-weight: bold;
  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: 2.96875vw;
}
.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 .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 .section-picture-wrap {
  width: 100%;
}
.fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper {
  width: 60.416667vw;
  margin-left: 9.375vw;
  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 .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;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt {
  height: 100%;
  margin-right: 1.458333vw;
}
.fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt .item {
  height: 25%;
  color: #575A5C;
  display: flex;
  align-items: 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 .fiona-title .fiona-title-wrap .fiona-txt-wrap {
  top: 8.072917vw;
}
.fiona-container .fiona-lite-performance .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-1 {
  width: 38.426563vw;
  transform: translateX(-1.40625vw);
}
.fiona-container .fiona-lite-performance .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-2 {
  width: 42.348438vw;
  transform: translate(14.010417vw, -5.052083vw);
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap {
  top: 0;
  left: 1.354167vw;
  z-index: 1;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-wrap article {
  width: 26.1375vw;
}
.fiona-container .fiona-lite-performance .super-charge .fiona-txt-info {
  bottom: 5.208333vw;
  left: 62.8125vw;
}
.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, #2765FD 20%, #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 .section-picture {
  width: 64.427083vw;
  margin-left: 6.09375vw;
}
.fiona-container .fiona-lite-performance .super-charge .media-cover:before {
  padding-bottom: 83.4276475344%;
}
.fiona-container .fiona-lite-performance .strong-signals .media-cover:before {
  padding-bottom: 52.6315789474%;
}
.fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 5.729167vw 0;
  display: flex;
}
.fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-left, .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right {
  width: calc((100% - 0.104167vw) / 2);
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-left .signals-txt-tit, .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right .signals-txt-tit {
  color: white;
  font-size: 1.770833vw;
  line-height: 1.25;
  font-weight: bold;
}
.fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-left .signals-txt, .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right .signals-txt {
  width: 30.25vw;
  color: rgba(255, 255, 255, 0.6);
}
.fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right .signals-txt {
  width: 29.895833vw;
}
.fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-center {
  width: 0.104167vw;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.104167vw;
  -webkit-border-radius: 0.104167vw;
}
.fiona-container .fiona-lite-performance .large-memory > .fiona-txt-wrap {
  margin-bottom: calc(3.125vw - (100vh - 45vw) / 2);
  position: relative;
  z-index: 1;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container {
  position: relative;
  height: 200vh;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content > .fiona-txt-wrap {
  display: none;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .section-picture-wrap {
  width: 100%;
  height: 100%;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-black {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180%;
  transform-origin: center;
  z-index: 0;
  display: none;
  border-radius: 10%;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-border {
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 182%;
  height: auto;
  transform-origin: center;
  opacity: 0;
  display: none;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-border .media-cover:before {
  padding-bottom: 46.8164794007%;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-text {
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 53.90625vw;
  height: 24.739583vw;
  opacity: 0;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-text .media-cover:before {
  padding-bottom: 45.9903381643%;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-pic {
  width: 77.8125vw;
  margin: 0 auto;
  z-index: 0;
  overflow: hidden;
  transform: translateY(calc((100vh - 45vw) / 2));
  display: flex;
  align-items: center;
  transform-origin: center top;
}
.fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-pic .media-cover:before {
  padding-bottom: 57.8313253012%;
}
@media screen and (min-width: 1340px) and (max-width: 1370px) {
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-pic {
    width: 74.8125vw;
    transform: translateY(calc((100vh - 43.29132vw) / 2));
  }
}
.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: 12.447917vw;
  padding-right: 12.395833vw;
}
.fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .swiper {
  width: 14.479167vw;
}
.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 .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.916667vw;
  background-color: #FFFFFF;
  border-radius: 0.208333vw;
  -webkit-border-radius: 208333vw;
  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: 33.3333333333%;
  height: -webkit-calc(100% / 3);
  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-contnt {
  width: 24.875vw;
}
.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.770833vw;
  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: 11.71875vw;
  width: 70.15625vw;
  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;
  bottom: 0;
  padding-right: 3px;
  transform: translateX(-100%);
}

@media screen and (max-aspect-ratio: 11/10) {
  :root {
    --fiona-txt-80: 11.111111vw;
    --fiona-txt-68: 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-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 {
    position: initial;
    flex-direction: column;
    margin-top: 22.2%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap .fiona-kv-logo {
    width: 69.44%;
    margin-bottom: 6.66%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-txt-wrap .fiona-kv-slogan {
    width: 57.5%;
  }
  .fiona-container .fiona-kv .kv-content-image .media-cover:before {
    padding-bottom: 100%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-icon {
    width: 13.055556vw;
    left: 4.444444vw;
    bottom: initial;
    top: 90.694444vw;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo {
    position: initial;
    margin-right: 4.444444vw;
    margin-top: 7.777778vw;
    display: none;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo .fiona-harmonyos {
    width: 15.555556vw;
    margin-bottom: 1.388889vw;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo .fiona-harmonyos-tips {
    width: 47.318%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-kv-foot-logo .fiona-harmonyos-tips svg {
    width: 100%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-harmonyos-tips {
    right: 7%;
    top: 90.555556vw;
    width: 47.318%;
  }
  .fiona-container .fiona-kv .kv-content-image .fiona-harmonyos-tips svg {
    width: 100%;
    height: auto;
  }
  .fiona-container .fiona-kv .kv-content-container {
    flex-direction: column;
    margin-top: 0;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-shop-container {
    flex-direction: column;
    margin-top: 16.05%;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-price {
    font-size: 5.56vw;
    margin-right: 0;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-price span {
    font-size: 3.611111111vw;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-shop-container .kv-buy-btn-container {
    margin-top: 24px;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-harmonyos {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 4.444444vw;
    margin-top: 10%;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-harmonyos a {
    display: block;
    width: 15.451389vw;
  }
  .fiona-container .fiona-kv .kv-content-container .kv-harmonyos a svg {
    width: 100%;
    height: auto;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper {
    width: 88.888889vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-1 {
    order: -4;
    width: 44.444444vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-3 {
    order: -3;
    width: 40.277778vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-4 {
    width: 44.444444vw;
    order: -2;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-6 {
    width: 40.277778vw;
    order: -1;
    margin-top: -13.888889vw;
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-5 {
    width: 100%;
    order: -5;
    margin-bottom: var(--fiona-marb-30);
  }
  .fiona-container .fiona-reasons .fiona-reasons-wrapper .fiona-reason-card-2 {
    width: 100%;
    margin-top: 4.166667vw;
    margin-bottom: 0;
  }
  .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-1 .media-cover:before {
    padding-bottom: 156.25%;
  }
  .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: 137.9310344828%;
  }
  .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: 172.4137931034%;
  }
  .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: 19.638889vw;
  }
  .fiona-container .fiona-title .fiona-title-wrap .fiona-txt-wrap .pc-show {
    display: none;
  }
  .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: 55.555556vw;
    transform: translateX(12.916667vw);
  }
  .fiona-container .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-2 {
    width: 60vw;
    transform: translate(26.944444vw, -3.888889vw);
  }
  .fiona-container .fiona-appearance {
    margin-top: 16.666667vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size {
    margin-top: 20.555556vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap {
    position: initial;
    margin-bottom: 8.333333vw;
    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 .fiona-txt-24 {
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-size .fiona-txt-wrap .txt-r {
    position: absolute;
    bottom: 36.111111vw;
    right: 11.388889vw;
    z-index: 1;
  }
  .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: 57.8125%;
  }
  .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: 78.111111vw;
    font-size: 4.444444vw;
  }
  .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: 13.333333vw;
    margin-left: 5.555556vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-colors .color-pagination .active:first-child .color-name {
    width: 15.833333vw;
  }
  .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;
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-appearance .fiona-appearance-yaohuan .section-picture {
    width: 100%;
    margin-top: 6.875vw;
  }
  .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: 76.388889vw;
    margin: initial;
    margin-bottom: 11.111111vw;
    font-size: 4.444444vw;
  }
  .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-title .fiona-title-wrap .fiona-txt-wrap {
    top: 22.638889vw;
  }
  .fiona-container .fiona-lite-photography .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-1 {
    width: 61.805556vw;
    transform: translateX(12.916667vw);
  }
  .fiona-container .fiona-lite-photography .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-2 {
    width: 60.138889vw;
    transform: translate(26.944444vw, -6.25vw);
  }
  .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: 11.111111vw;
    padding: 6.944444vw 5vw 0;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap .fiona-marb-60 {
    margin-bottom: 4.166667vw;
  }
  .fiona-container .fiona-lite-photography .fiona-lite-camera .fiona-txt-wrap .fiona-txt-24 {
    font-size: 4.444444vw;
  }
  .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: 88.59375%;
  }
  .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: 3.333333vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .fiona-txt-wrap .fiona-txt-24 {
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-lite-gn .fiona-wrap .section-picture {
    margin-bottom: 6.666667vw;
  }
  .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: 25vw;
  }
  .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 {
    position: initial;
    margin-bottom: 11.111111vw;
    padding: 6.944444vw 5vw 0;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-marb-60 {
    margin-bottom: 4.166667vw;
  }
  .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: 50%;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:first-child {
    margin-bottom: 2.361111vw;
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-lite-rear-camera .fiona-txt-wrap .fiona-txt-info li p:last-child {
    font-size: 3.888889vw;
  }
  .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: 8.33vw;
  }
  .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: 90%;
  }
  .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: 3.333333vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .fiona-txt-wrap .fiona-txt-24 {
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .wonderful-image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 11.111111vw;
  }
  .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: 6.666667vw;
  }
  .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: 6.666667vw;
  }
  .fiona-container .fiona-lite-rear-camera-photo .fiona-wrap .background-blur .media-cover:before {
    padding-bottom: 93.75%;
  }
  .fiona-container .fiona-lite-high-definition .fiona-txt-wrap {
    width: 100%;
    flex-direction: column;
    text-align: left;
  }
  .fiona-container .fiona-lite-high-definition .fiona-txt-wrap article {
    width: 76.333333vw;
    font-size: 4.444444vw;
  }
  .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: 0.833333vw;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-wrap .swiper .fiona-txt-wrap article {
    width: 100%;
  }
  .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: 63.888889vw;
    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: 2.083333vw;
    display: flex;
  }
  .fiona-container .fiona-lite-high-definition .section-picture-control .section-picture-control-contnt .item {
    width: 25%;
    font-size: 4.444444vw;
    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 .fiona-title .fiona-title-wrap .fiona-txt-wrap {
    top: 22.916667vw;
  }
  .fiona-container .fiona-lite-performance .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-1 {
    width: 54.583333vw;
    transform: translateX(12.5vw);
  }
  .fiona-container .fiona-lite-performance .fiona-title .fiona-title-wrap .fiona-txt-wrap .title-2 {
    width: 60.555556vw;
    transform: translate(26.805556vw, -4.444444vw);
  }
  .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;
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-lite-performance .super-charge .section-picture {
    width: 100%;
    margin-top: 2.777778vw;
    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: 59.166667vw;
    margin: -7.027778vw auto 0;
    position: relative;
    left: initial;
    display: flex;
    justify-content: space-between;
  }
  .fiona-container .fiona-lite-performance .super-charge .fiona-txt-info .fiona-marb-80 {
    margin-bottom: 0;
  }
  .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 .strong-signals .fiona-txt-wrap {
    text-align: left;
  }
  .fiona-container .fiona-lite-performance .strong-signals .media-cover:before {
    padding-bottom: 117.8125%;
  }
  .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap {
    padding: 0 2.083333vw;
    flex-direction: column;
  }
  .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-left, .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right {
    height: calc((100% - 0.277778vw) / 2);
    width: 100%;
  }
  .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-left .signals-txt-tit, .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right .signals-txt-tit {
    font-size: 4.722222vw;
  }
  .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-left .signals-txt, .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right .signals-txt {
    width: 74.333333vw;
    font-size: 3.888889vw;
  }
  .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-right .signals-txt {
    width: 79.722222vw;
  }
  .fiona-container .fiona-lite-performance .strong-signals .section-picture .fiona-txt-wrap .signals-txt-center {
    height: 0.277778vw;
    width: 100%;
    border-radius: 0.277778vw;
    -webkit-border-radius: 0.277778vw;
  }
  .fiona-container .fiona-lite-performance .large-memory .fiona-txt-wrap {
    width: 88.888889vw;
    margin: 0 auto 11.111111vw;
    text-align: left;
  }
  .fiona-container .fiona-lite-performance .large-memory .fiona-txt-wrap article {
    width: 90.444444vw;
    font-size: 4.444444vw;
  }
  .fiona-container .fiona-lite-performance .large-memory > .fiona-txt-wrap {
    display: none;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content {
    position: sticky;
    height: 131.016667vw;
    top: calc((100vh - 131.016667vw) / 2);
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content > .fiona-txt-wrap {
    display: block;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .section-picture-wrap {
    height: calc(100% - 55.555556vw);
    height: -webkit-calc(100% - 55.555556vw);
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-black {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 165.4723127036%;
    transform-origin: center center;
    z-index: 0;
    display: none;
    border-radius: 10%;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-border {
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 165.4723127036%;
    height: auto;
    transform-origin: center center;
    opacity: 0;
    display: none;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-border .media-cover:before {
    padding-bottom: 46.8702290076%;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-text {
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88.194444vw;
    height: 40.555556vw;
    opacity: 0;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-text .media-cover:before {
    padding-bottom: 45.9842519685%;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-pic {
    width: 127.222222vw;
    margin: 0 auto;
    z-index: 0;
    transform: translate(-13.611111vw, 2.777778vw);
    border-radius: 5.555556vw;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-pic .media-cover:before {
    padding-bottom: 57.8602620087%;
  }
}
@media screen and (max-aspect-ratio: 11/10) and (min-width: 708px) and (max-width: 714px) and (max-aspect-ratio: 11/10) {
  .fiona-container .fiona-lite-performance .large-memory > .fiona-txt-wrap {
    display: block;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content {
    height: 100vh;
    top: 0;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content > .fiona-txt-wrap {
    display: none;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .section-picture-wrap {
    height: 100%;
  }
  .fiona-container .fiona-lite-performance .large-memory .sticky-container .sticky-content .fiona-large-memory-pic {
    transform: translate(-13.611111vw, calc((100vh - 73.611111vw) / 2));
  }
}
@media screen and (max-aspect-ratio: 11/10) {
  .fiona-container .fiona-lite-performance .superhub {
    margin-top: 0;
  }
  .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.972222vw;
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
    padding: 13.888889vw 0 9.166667vw;
    flex-direction: column;
  }
  .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.3333333333%;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar {
    margin: 0 auto;
    width: 47.777778vw;
    height: 0.555556vw;
    border-radius: 0.555556vw;
    -webkit-border-radius: 0.555556vw;
    margin-top: 4.166667vw;
  }
  .fiona-container .fiona-lite-performance .superhub .fiona-content-wrap .section-picture-control .section-picture-control-bar .section-picture-control-drag {
    height: 100%;
    width: 33.3333333333%;
    width: -webkit-calc(100% / 3);
    border-radius: 0.555556vw;
    -webkit-border-radius: 0.555556vw;
  }
  .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-contnt {
    width: 67.444444vw;
    position: relative;
  }
  .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 .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: 145.972222vw;
    border-radius: 5.555556vw;
    -webkit-border-radius: 5.555556vw;
    padding-top: 13.888889vw;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
  .fiona-container .fiona-lite-performance .fiona-privacy-protection .section-picture-wrap > div .fiona-txt-wrap {
    width: 100%;
    padding: 0 12.333333vw;
    text-align: center;
  }
  .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: 41.666667vw;
    height: 90.972222vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: 8.333333vw;
  }
  .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;
  }
}/*# sourceMappingURL=index.css.map */