/**
 * Powered by uimix.com;
 * Vivo product project - 产品库页面开发框架;
 * Version: 3.6.9;
 * Released on: 2026-01-26;
 */

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-in .iqoo13-kv .umx-stickyBox {
  height: 53.33333vw;
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-kv .umx-stickyBox {
    height: auto;
    margin: 0;
  }
}

.gb-lang-in .iqoo13-kv .umx-figure {
  width: 100vw;
  height: 53.33333vw;
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-kv .umx-figure {
    width: 100vw;
    height: 200vw;
  }
}

.gb-lang-in .iqoo13-kv .umx-figure figure {
  display: none;
  opacity: 1;
}

.gb-lang-in .iqoo13-kv .umx-figure figure.umx-f1 {
  display: block;
  margin-left: 0!important;
  margin-top: 0!important;
  left: 50%!important;
  top: 50%!important;
  background-image: url("../img/iqoo13-kv-img1-lg.jpg");
  background-size: 1920px 1024px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 1024px;
  background-size: 100vw 53.33333vw;
  width: 100vw;
  height: 53.33333vw;
}

@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-in .iqoo13-kv .umx-figure figure.umx-f1 {
    background-image: url("../img/iqoo13-kv-img1-lg-x2.jpg");
  }
}

.webp .gb-lang-in .iqoo13-kv .umx-figure figure.umx-f1 {
  background-image: url("../img/iqoo13-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-in .iqoo13-kv .umx-figure figure.umx-f1 {
    background-image: url("../img/iqoo13-kv-img1-lg-x2.jpg.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-kv .umx-figure figure.umx-f1 {
    background-image: url("../img/iqoo13-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-in .iqoo13-kv .umx-figure figure.umx-f1 {
    background-image: url("../img/iqoo13-kv-img1-mb-x2.jpg");
  }
}

@media (max-width:1000px) {
  .webp .gb-lang-in .iqoo13-kv .umx-figure figure.umx-f1 {
    background-image: url("../img/iqoo13-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-in .iqoo13-kv .umx-figure figure.umx-f1 {
    background-image: url("../img/iqoo13-kv-img1-mb-x2.jpg.webp");
  }
}

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

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-color .color-button-box .umx-figure-arrow-wrapper.active1 {
    left: 130px;
  }
}

@media (max-width:1440px) {
  .gb-lang-in .iqoo13-cpu .umx-s1 .umx-title {
    position: relative;
    top: 50px;
  }
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-cpu .umx-s1 .umx-title {
    top: 0;
  }
}

.gb-lang-in .iqoo13-screen .umx-stickyBox .umx-figure-box .umx-figure .umx-video-box {
  display: none;
  visibility: hidden;
}

.gb-lang-in .iqoo13-battery .umx-s1 .umx-title .umx-main-title .umx-highlight {
  color: #f0b31c;
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-ksp .umx-figure-content .umx-figure.umx-figure7 .f7-box .umx-txt {
    top: 30px;
  }
}

.gb-lang-in .iqoo13-monster .umx-stickyBox .umx-figure-box .umx-figure:last-child .umx-txt-box {
  margin-top: -120px;
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-monster .umx-stickyBox .umx-figure-box .umx-figure:last-child .umx-txt-box {
    margin-top: 0;
  }
}

.gb-lang-in .iqoo13-monster .umx-stickyBox .umx-figure-box .umx-figure:last-child .umx-txt-box span {
  font-weight: 700;
}

.gb-lang-in .iqoo13-funtouch .umx-figure-list .umx-figure-item:nth-of-type(2) .umx-figure-text .umx-figure-intro {
  color: #6e6e73;
}

.gb-lang-in .iqoo13-funtouch .umx-figure-list.umx-figure-list-last .umx-figure-item:nth-of-type(2) .umx-figure-text .umx-figure-intro {
  color: #fff;
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-screen .umx-stickyBox .umx-figure-box .umx-figure figure.umx-f2 {
    background-image: url("../img/iqoo13-screen-img2-mb.jpg");
    background-size: 327px 575px;
    background-position: center;
    background-repeat: no-repeat;
    width: 327px;
    height: 575px;
  }
}

@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-in .iqoo13-screen .umx-stickyBox .umx-figure-box .umx-figure figure.umx-f2 {
    background-image: url("../img/iqoo13-screen-img2-mb-x2.jpg");
  }
}

@media (max-width:1000px) {
  .webp .gb-lang-in .iqoo13-screen .umx-stickyBox .umx-figure-box .umx-figure figure.umx-f2 {
    background-image: url("../img/iqoo13-screen-img2-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-in .iqoo13-screen .umx-stickyBox .umx-figure-box .umx-figure figure.umx-f2 {
    background-image: url("../img/iqoo13-screen-img2-mb-x2.jpg.webp");
  }
}

@media (max-width:1000px) {
  .gb-lang-in .iqoo13-screen .umx-stickyBox .umx-figure-box .umx-figure figure.umx-f2 {
    background-size: 87.2vw 153.33333vw;
    width: 87.2vw;
    height: 153.33333vw;
  }
}

.gb-lang-in .iqoo13-funtouch .umx-figure-list .umx-figure-item.umx-figure-item4 {
  display: none;
}