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

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-pt .umx-data-linear {
  background-image: -webkit-linear-gradient(315deg,#94deee var(--gradient-progress),#c7f0f8 var(--gradient-progress-3));
  background-image: linear-gradient(135deg,#94deee var(--gradient-progress),#c7f0f8 var(--gradient-progress-3));
}

.gb-lang-pt .y19s-kv .umx-kv-f1 {
  background-image: url("../img/y19s-kv-img1-lg.jpg");
  background-size: 1920px 960px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 960px;
  background-size: 100vw 50vw;
  width: 100vw;
  height: 50vw;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-image: url("../img/y19s-kv-img1-lg-x2.jpg");
  }
}

.webp .gb-lang-pt .y19s-kv .umx-kv-f1 {
  background-image: url("../img/y19s-kv-img1-lg.jpg.webp");
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .webp .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-image: url("../img/y19s-kv-img1-lg-x2.jpg.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-image: url("../img/y19s-kv-img1-mb.jpg");
    background-size: 375px 750px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 750px;
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-image: url("../img/y19s-kv-img1-mb-x2.jpg");
  }
}

@media (max-width:1000px) {
  .webp .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-image: url("../img/y19s-kv-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .webp .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-image: url("../img/y19s-kv-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-kv .umx-kv-f1 {
    background-size: 100vw 200vw;
    width: 100vw;
    height: 200vw;
  }
}

.gb-lang-pt .y19s-battery .umx-section .umx-title .umx-main-title,
.gb-lang-pt .y19s-design .umx-current .umx-section .umx-title .umx-main-title {
  font-size: 50px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-battery .umx-section .umx-title .umx-main-title,
  .gb-lang-pt .y19s-design .umx-current .umx-section .umx-title .umx-main-title {
    font-size: 50px;
  }
}

@media (max-width:1024px) {
  .gb-lang-pt .y19s-battery .umx-section .umx-title .umx-main-title,
  .gb-lang-pt .y19s-design .umx-current .umx-section .umx-title .umx-main-title {
    font-size: 42.5px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-battery .umx-section .umx-title .umx-main-title,
  .gb-lang-pt .y19s-design .umx-current .umx-section .umx-title .umx-main-title {
    font-size: 40px;
  }
}

.gb-lang-pt .y19s-battery .umx-section .umx-title .umx-intro {
  width: 520px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-battery .umx-section .umx-title .umx-intro {
    width: 390px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-battery .umx-section .umx-title .umx-intro {
    width: auto;
  }
}

.gb-lang-pt .y19s-design .umx-section .umx-title .umx-innertips {
  width: 400px;
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-design .umx-section .umx-title .umx-innertips {
    width: auto;
  }
}

.gb-lang-pt .y19s-water .umx-section .umx-title .umx-innertips {
  width: 400px;
  margin-top: 300px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-water .umx-section .umx-title .umx-innertips {
    margin-top: 225px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-water .umx-section .umx-title .umx-innertips {
    width: auto;
    margin-top: 30px;
  }
}

.gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 {
  width: 620px;
  margin-left: 550px;
}

@media (min-width:1921px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 {
    width: 620px;
    margin-left: 733.7px;
  }
}

@media (max-width:1600px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 {
    width: 620px;
    margin-left: 500px;
    margin-top: 240px;
  }
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 {
    margin-top: 180px;
    margin-left: 380px;
    width: 450px;
  }
}

@media (max-width:1024px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 {
    margin-left: 300px;
    width: 400px;
    margin-top: 200px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 {
    width: auto;
    margin-top: 40px;
    margin-left: 0;
  }
}

@media (max-width:1600px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li {
    margin-bottom: 30px;
  }
}

.gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li strong {
  font-size: 28.5px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li strong {
    font-size: 28.5px;
  }
}

@media (max-width:1024px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li strong {
    font-size: 25.84px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li strong {
    font-size: 22px;
  }
}

.gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li p {
  font-size: 16px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li p {
    font-size: 12px;
  }
}

@media (max-width:1024px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li p {
    font-size: 10.88px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-battery .umx-stickyBox .umx-data-items1 li p {
    font-size: 14px;
  }
}

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

@media (min-width:1921px) {
  .gb-lang-pt .y19s-color-bottom .umx-figure .txt-box h3:nth-child(2) {
    margin: 0 0 0 125.396px;
  }
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-color-bottom .umx-figure .txt-box h3:nth-child(2) {
    margin: 0 0 0 70.5px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-color-bottom .umx-figure .txt-box h3:nth-child(2) {
    margin: 0 0 0 9.8vw;
  }
}

.gb-lang-pt .y19s-color-bottom .umx-figure .txt-box h3:nth-child(3) {
  display: none;
}

.gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box i {
  top: 16px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box i {
    top: 20px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box i {
    top: initial;
  }
}

.gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box1 i {
  right: -603px;
}

@media (min-width:1921px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box1 i {
    right: -729px;
  }
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box1 i {
    right: -494px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box1 i {
    right: 79px;
    height: 87px;
    bottom: -87px;
  }
}

.gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box2 i {
  right: -400px;
}

@media (min-width:1921px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box2 i {
    right: -487px;
  }
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box2 i {
    right: -347px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box2 i {
    right: 20px;
    height: 154px;
    bottom: -158px;
  }
}

.gb-lang-pt .y19s-screen .umx-section .umx-title {
  width: 1200px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-screen .umx-section .umx-title {
    width: 1000px;
  }
}

@media (max-width:1024px) {
  .gb-lang-pt .y19s-screen .umx-section .umx-title {
    width: 980px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-screen .umx-section .umx-title {
    width: auto;
  }
}

.gb-lang-pt .y19s-screen .umx-section .umx-title .umx-data-items li .umx-li-icon {
  position: relative;
}

.gb-lang-pt .y19s-screen .umx-section .umx-title .umx-data-items li .umx-li-icon sup {
  position: absolute;
  right: -16px;
  top: -7px;
  font-size: 16px;
}

@media (max-width:1440px) {
  .gb-lang-pt .y19s-screen .umx-section .umx-title .umx-data-items li .umx-li-icon sup {
    font-size: 12px;
  }
}

.gb-lang-pt .y19s-water .umx-item-box .umx-data-items li .water-icon.water-icon1 {
  background-image: url("../img/y19s-water-icon1.png");
  background-size: contain;
}

.gb-lang-pt .y19s-water .umx-item-box .umx-data-items li .water-icon.water-icon2 {
  background-image: url("../img/y19s-water-icon2.png");
  background-size: contain;
}

.gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
  background-image: url("../img/y19s-os-img0-lg.jpg");
  background-size: 1920px 1080px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 1080px;
  width: 100vw;
  height: 56.25vw;
  background-size: 100vw 56.25vw;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-image: url("../img/y19s-os-img0-lg-x2.jpg");
  }
}

.webp .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
  background-image: url("../img/y19s-os-img0-lg.jpg.webp");
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .webp .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-image: url("../img/y19s-os-img0-lg-x2.jpg.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-image: url("../img/y19s-os-img0-mb.jpg");
    background-size: 375px 581px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 581px;
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-image: url("../img/y19s-os-img0-mb-x2.jpg");
  }
}

@media (max-width:1000px) {
  .webp .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-image: url("../img/y19s-os-img0-mb.jpg.webp");
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .webp .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-image: url("../img/y19s-os-img0-mb-x2.jpg.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-os .umx-svg-box .figure-box figure.umx-f0 {
    background-size: 100vw 154.93333vw;
    width: 100vw;
    height: 154.93333vw;
  }
}

.gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box {
  background: -webkit-gradient(linear,left top,left bottom,from(#f2fdfe),to(#b5e8f4));
  background: -webkit-linear-gradient(top,#f2fdfe 0,#b5e8f4 100%);
  background: linear-gradient(180deg,#f2fdfe 0,#b5e8f4 100%);
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box {
    background: initial;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure {
    background: -webkit-gradient(linear,left top,left bottom,from(#f2fdfe),to(#b5e8f4));
    background: -webkit-linear-gradient(top,#f2fdfe 0,#b5e8f4 100%);
    background: linear-gradient(180deg,#f2fdfe 0,#b5e8f4 100%);
  }
}

.gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
  background-image: url("../img/y19s-color-img1-lg.png");
  background-size: 960px 1080px;
  background-position: center;
  background-repeat: no-repeat;
  width: 960px;
  height: 1080px;
  width: 100%;
  height: 100%;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y19s-color-img1-lg-x2.png");
  }
}

.webp .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
  background-image: url("../img/y19s-color-img1-lg.png.webp");
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .webp .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y19s-color-img1-lg-x2.png.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y19s-color-img1-mb.png");
    background-size: 375px 422px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 422px;
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y19s-color-img1-mb-x2.png");
  }
}

@media (max-width:1000px) {
  .webp .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y19s-color-img1-mb.png.webp");
  }
}

@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi) {
  .webp .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y19s-color-img1-mb-x2.png.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-color .umx-stickyBox1 .umx-figure-box .umx-figure .umx-f1 {
    background-size: 100vw 112.53333vw;
    width: 100vw;
    height: 112.53333vw;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box p {
    line-height: 1.5;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box2 {
    left: -137px;
    top: -288px;
  }
}

@media (max-width:1000px) {
  .gb-lang-pt .y19s-camera .umx-figure-box .line-box .txt-box.txt-box1 {
    left: 21px;
    top: -294px;
  }
}