/**
 * Powered by ;
 * vivo-product-2023 - ;
 * Version: 1.8.1;
 * Released on: 2025-06-19;
 */

@charset "UTF-8";

.hide {
  display: none;
}

@font-face {
  font-family: ClanOT-WideBold;
  src: url("../css/ClanOT-WideBold.woff2");
  src: url("../css/ClanOT-WideBold.woff2") format("woff2"),url("../css/ClanOT-WideBold.woff") format("woff"),url("../css/ClanOT-WideBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

.gb-lang-vn .umx-data-linear {
  font-family: ClanOT-WideBold!important;
}

.gb-lang-vn .umx-dark-mode .umx-section .umx-title .umx-data-items li p,
.gb-lang-vn .umx-dark-mode .umx-section .umx-title .umx-data-items li strong,
.gb-lang-vn .umx-dark-mode .umx-section .umx-title .umx-innertips,
.gb-lang-vn .umx-dark-mode .umx-section .umx-title .umx-intro,
.gb-lang-vn .umx-dark-mode .umx-section .umx-title .umx-main-title,
.gb-lang-vn .umx-dark-mode .umx-section .umx-title .umx-vice-title,
.gb-lang-vn .umx-stage .umx-section .umx-title .umx-data-items li p,
.gb-lang-vn .umx-stage .umx-section .umx-title .umx-data-items li strong,
.gb-lang-vn .umx-stage .umx-section .umx-title .umx-innertips,
.gb-lang-vn .umx-stage .umx-section .umx-title .umx-intro,
.gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title,
.gb-lang-vn .umx-stage .umx-section .umx-title .umx-vice-title {
  font-family: ClanOT-WideBold!important;
}

.gb-lang-vn .umx-dark-mode .umx-section .umx-title .data-items ul li p,
.gb-lang-vn .umx-dark-mode .umx-section .umx-title .data-items ul li strong,
.gb-lang-vn .umx-stage .umx-section .umx-title .data-items ul li p,
.gb-lang-vn .umx-stage .umx-section .umx-title .data-items ul li strong {
  font-family: ClanOT-WideBold;
}

.gb-lang-vn .umx-stage.umx-stage-tips .umx-tip-content h4,
.gb-lang-vn .umx-stage.umx-stage-tips .umx-tip-content li,
.gb-lang-vn .y19s-battery .umx-innertips,
.gb-lang-vn .y19s-camera .umx-figure-box .line-box .txt-box p,
.gb-lang-vn .y19s-camera .umx-figure-box .line-box .txt-box strong,
.gb-lang-vn .y19s-color-bottom .umx-figure .txt-box h3,
.gb-lang-vn .y19s-cpu .umx-figure-box .umx-innertips,
.gb-lang-vn .y19s-design .umx-txt-box span,
.gb-lang-vn .y19s-ksp .umx-figure-box .umx-figure .umx-txt h2,
.gb-lang-vn .y19s-photo .umx-figure-box .umx-figure span,
.gb-lang-vn .y19s-portraits .umx-s1 .umx-title .umx-figure-bottom .txt-box p,
.gb-lang-vn .y19s-water .umx-item-box .umx-data-items li strong {
  font-family: ClanOT-WideBold;
}

.gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title {
  font-size: 54px;
}

@media (max-width:1440px) {
  .gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title {
    font-size: 42px;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title {
    font-size: 26px;
  }
}

.gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title sup {
  font-size: 16px;
}

@media (max-width:1440px) {
  .gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title sup {
    font-size: 14px;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .umx-stage .umx-section .umx-title .umx-main-title sup {
    font-size: 12px;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .umx-stage .umx-section .umx-title .umx-intro {
    font-size: 16px;
  }
}

.gb-lang-vn .umx-stage .umx-section .umx-title .umx-mb-sp-hide {
  display: inline-block;
}

@media (max-width:720px) {
  .gb-lang-vn .umx-stage .umx-section .umx-title .umx-mb-sp-hide {
    display: none;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .umx-stage .umx-data-items li p {
    font-size: 11px;
  }
}

.gb-lang-vn .umx-data-linear {
  font-size: 100px!important;
}

@media (max-width:720px) {
  .gb-lang-vn .umx-data-linear {
    font-size: 32px!important;
  }
}

.gb-lang-vn .y19s-kv .umx-figure-box {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 47.91667vw;
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-kv .umx-figure-box {
    width: 100vw;
    height: 181.33333vw;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-ksp .umx-figure-box .umx-figure .umx-txt h2 {
    font-size: 16px;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-ksp .umx-figure-box .umx-figure .umx-txt br {
    display: inline-block;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-ksp .umx-figure-box .umx-figure .umx-txt .umx-mb-show {
    display: inline-block;
  }
}

.gb-lang-vn .y19s-chip .umx-s2 .umx-title .umx-main-title {
  width: auto;
}

.gb-lang-vn .y19s-screen .umx-section .umx-title .umx-data-items li {
  margin-left: 80px;
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-screen .umx-section .umx-title .umx-data-items li {
    margin-left: 0;
  }

  .gb-lang-vn .y19s-screen .umx-section .umx-title .umx-data-items li.umx-li4 {
    width: 55%;
  }

  .gb-lang-vn .y19s-screen .umx-section .umx-title .umx-data-items li.umx-li5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
}

@media (max-width:1440px) {
  .gb-lang-vn .y19s-multi .umx-s1 .umx-title .umx-main-title {
    width: 650px;
  }
}

@media (max-width:1024px) {
  .gb-lang-vn .y19s-multi .umx-s1 .umx-title .umx-main-title {
    width: 600px;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-multi .umx-s1 .umx-title .umx-main-title {
    width: auto;
  }
}

@media (max-width:390px) {
  .gb-lang-vn .y19s-multi .umx-s1 .umx-title .umx-main-title {
    font-size: 22px;
  }
}

@media (max-width:1440px) {
  .gb-lang-vn .y19s-portraits .umx-s1 .umx-title {
    width: 606px;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-portraits .umx-s1 .umx-title {
    width: auto;
  }
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-color-bottom .umx-figure .txt-box h3 {
    font-size: 12px;
  }

  .gb-lang-vn .y19s-color-bottom .umx-figure .txt-box h3:nth-child(2) {
    margin: 0 18px;
  }

  .gb-lang-vn .y19s-color-bottom .umx-figure .txt-box h3 sup {
    position: absolute;
  }
}

.gb-lang-vn .y19s-battery .umx-section .umx-title .umx-data-items li .umx-str-box {
  width: 330px;
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-battery .umx-section .umx-title .umx-data-items li .umx-str-box {
    width: auto;
  }
}

.gb-lang-vn .y19s-ai .umx-section .umx-title .umx-intro {
  width: 620px;
}

@media (max-width:720px) {
  .gb-lang-vn .y19s-ai .umx-section .umx-title .umx-intro {
    width: auto;
  }
}

.gb-lang-vn .y19s-camera .umx-s1 .umx-title .umx-intro,
.gb-lang-vn .y19s-camera .umx-s1 .umx-title .umx-main-title {
  width: auto;
}