/**
 * Powered by ;
 * vivo-product-2023 - ;
 * Version: 1.34.0;
 * Released on: 2026-05-07;
 */

@charset "UTF-8";

.hide {
  display: none;
}

@-webkit-keyframes antRipple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: inset 0 0 12px #676d92;
    box-shadow: inset 0 0 12px #676d92;
  }

  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: .5;
    -webkit-box-shadow: inset 0 0 24px #676d92;
    box-shadow: inset 0 0 24px #676d92;
  }

  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
    -webkit-box-shadow: inset 0 0 48px #676d92;
    box-shadow: inset 0 0 48px #676d92;
  }
}

@keyframes antRipple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: inset 0 0 12px #676d92;
    box-shadow: inset 0 0 12px #676d92;
  }

  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: .5;
    -webkit-box-shadow: inset 0 0 24px #676d92;
    box-shadow: inset 0 0 24px #676d92;
  }

  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
    -webkit-box-shadow: inset 0 0 48px #676d92;
    box-shadow: inset 0 0 48px #676d92;
  }
}

.gb-lang-y11d_id .y11-cpu {
  display: none;
}

.gb-lang-y11d_id .y11-flashlight {
  display: none;
}

.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure {
  opacity: 1!important;
}

.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure.umx-figure1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure.umx-figure4 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure.umx-figure2 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure.umx-figure3 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure.umx-figure5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.gb-lang-y11d_id .umx-stage.umx-stage-tips .umx-tip-content li:nth-child(14),
.gb-lang-y11d_id .umx-stage.umx-stage-tips .umx-tip-content li:nth-child(15) {
  display: none;
}

.gb-lang-y11d_id .y11-camera .umx-figure-box .line-box .umx-txt-box.txt-box3 {
  display: none;
}

.gb-lang-y11d_id .y11-os .umx-btn-box .umx-btn li:last-child,
.gb-lang-y11d_id .y11-os .umx-figure-current-box .umx-figure-current .umx-figure-box .umx-os-box .umx-figure:last-child {
  display: none;
}

.gb-lang-y11d_id .y11-kv .umx-figure-box {
  height: 47.91667vw;
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-kv .umx-figure-box {
    width: 100vw;
    height: 181.06667vw;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure1 {
    -webkit-box-ordinal-group: 2!important;
    -ms-flex-order: 1!important;
    order: 1!important;
    width: 84vw!important;
    height: 82.66667vw!important;
  }

  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure1 .f-box svg circle,
  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure1 path {
    stroke: #888;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure2 {
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important;
    width: 84vw!important;
    height: 122.66667vw!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure3 {
    -webkit-box-ordinal-group: 5!important;
    -ms-flex-order: 4!important;
    order: 4!important;
    width: 84vw!important;
    height: 122.66667vw!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure4 {
    -webkit-box-ordinal-group: 4!important;
    -ms-flex-order: 3!important;
    order: 3!important;
    width: 84vw!important;
    height: 122.66667vw!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-ksp .umx-figure-box .umx-figure.umx-figure5 {
    -webkit-box-ordinal-group: 6!important;
    -ms-flex-order: 5!important;
    order: 5!important;
    width: 84vw!important;
    height: 122.66667vw!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .umx-data-linear {
    font-size: 42px!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-design .umx-figure-box .umx-figure .umx-txt-box h3 {
    font-size: 24px;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-battery-bottom .umx-s2 .umx-title .umx-data-items li {
    width: 100%;
  }
}

.gb-lang-y11d_id .y11-water .umx-section .umx-title .umx-main-title sup {
  top: -9px;
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-water .umx-section .umx-title .umx-main-title sup {
    top: -5px;
  }
}

.gb-lang-y11d_id .y11-screen .umx-data-items li.umx-icon-box p {
  position: relative;
  top: -8px;
}

@media (max-width:1470px) {
  .gb-lang-y11d_id .y11-screen .umx-data-items li.umx-icon-box p {
    top: -6px;
  }
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-screen .umx-data-items li.umx-icon-box p {
    top: 3px;
  }
}

.gb-lang-y11d_id .y11-speaker .umx-figure {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100px;
  height: 100px;
  margin-left: -500px;
}

@media (max-width:1600px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure {
    margin-left: -375px;
  }
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure {
    -webkit-transform: translate(-50%,-50%) scale(.52);
    -ms-transform: translate(-50%,-50%) scale(.52);
    transform: translate(-50%,-50%) scale(.52);
    margin-left: -26.66667vw;
  }
}

.gb-lang-y11d_id .y11-speaker .umx-figure .umx-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: antRipple linear infinite 3s 0s;
  animation: antRipple linear infinite 3s 0s;
}

.gb-lang-y11d_id .y11-speaker .umx-figure .umx-ripple.umx-ripple2 {
  -webkit-animation: antRipple linear infinite 3s 1s;
  animation: antRipple linear infinite 3s 1s;
}

.gb-lang-y11d_id .y11-speaker .umx-figure .umx-ripple.umx-ripple3 {
  -webkit-animation: antRipple linear infinite 3s 2s;
  animation: antRipple linear infinite 3s 2s;
}

.gb-lang-y11d_id .y11-speaker .umx-figure-box {
  position: relative;
  width: 100%;
}

.gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
  margin-left: 0;
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb.png");
    background-size: 375px 188px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 188px;
  }
}

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

@media (max-width:720px) {
  .webp .gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb.png.webp");
  }
}

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

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
    background-size: 100vw 50.13333vw;
    width: 100vw;
    height: 50.13333vw;
    margin-left: 0;
  }
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-camera .umx-figure-box .line-box .umx-txt-box.txt-box2 i {
    top: 84px;
  }
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-camera .umx-figure-box .line-box .umx-txt-box.txt-box1 i {
    top: 81px;
  }
}

.gb-lang-y11d_id .y11-charge .umx-s1 .umx-title .umx-data-items li:last-child {
  display: none;
}

.gb-lang-y11d_id .y11-speaker .umx-figure {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100px;
  height: 100px;
  margin-left: -500px;
}

@media (max-width:1600px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure {
    margin-left: -375px;
  }
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure {
    -webkit-transform: translate(-50%,-50%) scale(.52);
    -ms-transform: translate(-50%,-50%) scale(.52);
    transform: translate(-50%,-50%) scale(.52);
    margin-left: -26.66667vw;
  }
}

.gb-lang-y11d_id .y11-speaker .umx-figure .umx-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: antRipple linear infinite 3s 0s;
  animation: antRipple linear infinite 3s 0s;
}

.gb-lang-y11d_id .y11-speaker .umx-figure .umx-ripple.umx-ripple2 {
  -webkit-animation: antRipple linear infinite 3s 1s;
  animation: antRipple linear infinite 3s 1s;
}

.gb-lang-y11d_id .y11-speaker .umx-figure .umx-ripple.umx-ripple3 {
  -webkit-animation: antRipple linear infinite 3s 2s;
  animation: antRipple linear infinite 3s 2s;
}

.gb-lang-y11d_id .y11-speaker .umx-figure-box {
  position: relative;
  width: 100%;
}

.gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
  margin-left: 0;
}

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb.png");
    background-size: 375px 188px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 188px;
  }
}

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

@media (max-width:720px) {
  .webp .gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb.png.webp");
  }
}

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

@media (max-width:720px) {
  .gb-lang-y11d_id .y11-speaker .umx-figure-box .umx-f1 {
    background-size: 100vw 50.13333vw;
    width: 100vw;
    height: 50.13333vw;
    margin-left: 0;
  }
}

.gb-lang-y11d_id .y11-sturdy .umx-s1 .umx-title .umx-txt-box .umx-strong-box p span {
  font-family: vivoSansGlobal-ExtraBold;
  color: #000;
}

.gb-lang-y11d_id .y11-os-top .umx-figure .umx-f1 {
  width: 1000px;
  height: 183px;
}

@media (max-width:1470px) {
  .gb-lang-y11d_id .y11-os-top .umx-figure .umx-f1 {
    width: 750px;
    height: 137.25px;
  }
}

@media (max-width:1000px) {
  .gb-lang-y11d_id .y11-os-top .umx-figure .umx-f1 {
    width: 74.66667vw;
    height: 13.664vw;
  }
}