/**
 * Powered by uimix.com;
 * Vivo product project - 产品库页面开发框架;
 * Version: 3.16.2;
 * Released on: 2025-08-18;
 */

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro span {
  white-space: nowrap;
}

.gb-lang-ph .y200-package .umx-data-items li {
  width: 453px;
  height: 460px;
}

@media (max-width:1440px) {
  .gb-lang-ph .y200-package .umx-data-items li {
    width: 321.63px;
    height: 326.6px;
  }
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-package .umx-data-items li {
    width: 87.2vw;
    height: auto;
  }
}

.gb-lang-ph .y200-cpu-top {
  height: 100vh;
  background-color: #000;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-cpu-top {
    height: auto;
    padding: 84px 0;
  }
}

.gb-lang-ph .y200-cpu-top .umx-s1 {
  padding-top: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-cpu-top .umx-s1 {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.gb-lang-ph .y200-cpu-top .umx-s1 .umx-title {
  text-align: center;
}

.gb-lang-ph .y200-cpu-top .umx-s1 .umx-title .umx-main-title {
  font-size: 120px;
  text-align: center;
  font-family: vivoSansGlobal-ExtraBold;
  display: inline-block;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  --gradient-progress: -100%;
  --gradient-progress-2: -50%;
  --gradient-progress-2-1: -60%;
  --gradient-progress-2-2: -40%;
  --gradient-progress-3: -0%;
  background-image: -webkit-linear-gradient(315deg,#68645a var(--gradient-progress),#68645a var(--gradient-progress-2-1),#e2e0dd var(--gradient-progress-2),#666258 var(--gradient-progress-2-2),#666258 var(--gradient-progress-3));
  background-image: linear-gradient(135deg,#68645a var(--gradient-progress),#68645a var(--gradient-progress-2-1),#e2e0dd var(--gradient-progress-2),#666258 var(--gradient-progress-2-2),#666258 var(--gradient-progress-3));
}

.ie .gb-lang-ph .y200-cpu-top .umx-s1 .umx-title .umx-main-title {
  color: #666258;
  background-image: none;
}

@media (max-width:1440px) {
  .gb-lang-ph .y200-cpu-top .umx-s1 .umx-title .umx-main-title {
    font-size: 90px;
  }
}

@media (max-width:1024px) {
  .gb-lang-ph .y200-cpu-top .umx-s1 .umx-title .umx-main-title {
    font-size: 76px;
  }
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-cpu-top .umx-s1 .umx-title .umx-main-title {
    font-size: 48px;
  }
}

.gb-lang-ph .y200-experience {
  height: auto;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience {
    padding-top: 0;
    height: auto;
  }
}

.gb-lang-ph .y200-experience .umx-stickyBox {
  height: auto;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .umx-stickyBox {
    position: relative;
    height: auto;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  z-index: 4;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box {
    position: relative;
    width: 100%;
    height: auto;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  margin-top: 100px;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure {
    position: relative;
    left: 50%;
    top: initial;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 80px;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box {
    position: relative;
    top: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-main {
  font-size: 460px;
  background: -webkit-linear-gradient(315deg,#68645a 0,#e2e0dd 56%,#666258 100%);
  background: linear-gradient(135deg,#68645a 0,#e2e0dd 56%,#666258 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ie .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-main {
  background: 0 0;
  color: #a1938d;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-main {
    font-size: 130px;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro {
  text-align: left;
  margin-left: 60px;
  margin-top: 25px;
  font-size: 140px;
  background: -webkit-linear-gradient(315deg,#68645a 0,#e2e0dd 56%,#666258 100%);
  background: linear-gradient(135deg,#68645a 0,#e2e0dd 56%,#666258 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ie .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro {
  background: 0 0;
  color: #a1938d;
}

@media (max-width:1024px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro {
    margin-left: 0;
  }
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro {
    font-size: 40px;
    margin-top: 6px;
    width: 140px;
    margin-left: 14px;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro span {
  font-size: 90px;
  display: inline-block;
}

@media (max-width:1440px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro span {
    font-size: 67.5px;
  }
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro span {
    font-size: 26px;
    display: block;
  }
}

.gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro span sup {
  font-size: 30px;
  position: absolute;
  -webkit-text-fill-color: #a29f98;
  margin-top: 10px;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-experience .txt-figure-box .txt-figure .txt-box .txt-intro span sup {
    font-size: 16px;
    margin-top: 0;
  }
}

.gb-lang-ph .y200-cpu {
  height: 100vh;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-cpu {
    padding-top: 0;
    height: auto;
  }
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-cpu .umx-s2 {
    margin-bottom: 0;
  }
}

.gb-lang-ph .y200-water-top {
  display: none;
}

.gb-lang-ph .y200-water {
  background: #000;
}

.gb-lang-ph .y200-water .umx-data-items li strong,
.gb-lang-ph .y200-water .umx-section .umx-title .umx-main-title {
  color: #fff;
}

.gb-lang-ph .y200-quality {
  background: #000;
}

.gb-lang-ph .y200-quality .umx-data-items li strong,
.gb-lang-ph .y200-quality .umx-section .umx-title .umx-main-title {
  color: #fff;
}

.gb-lang-ph .y200-quality .umx-data-items li {
  background-color: #171717;
}

.gb-lang-ph .y200-quality .umx-figure {
  display: none;
}

.gb-lang-ph .y200-battery .umx-section.umx-s3 .umx-title .umx-title-box {
  text-align: center;
}

@media (max-width:1000px) {
  .gb-lang-ph .y200-battery .umx-section.umx-s3 .umx-title .umx-title-box {
    text-align: left;
  }

  .gb-lang-ph .y200-battery .umx-section.umx-s3 .umx-title .umx-title-box .umx-vice-title {
    padding-left: 0;
  }
}