/**
 * Powered by uimix.com;
 * Vivo product project - 产品库页面开发框架;
 * Version: 3.12.6;
 * Released on: 2019-04-30;
 */

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-my .expand-container-button .ec-button-wrapper.ec-open-btn a.line p {
  font-family: languageFont!important;
}

.gb-lang-my .stage {
  font-family: languageFont!important;
}

.gb-lang-my .stage .data ul li h3 {
  font-family: languageFont!important;
  word-spacing: 0!important;
}

.gb-lang-my .stage .data ul li span {
  font-family: languageFont!important;
  word-spacing: 0!important;
}

.gb-lang-my .stage .tip-content p {
  font-family: languageFont!important;
}

.gb-lang-my .stage .data-items ul li i {
  font-family: languageFont!important;
}

.gb-lang-my .stage .section .title .multilink a {
  font-family: languageFont!important;
}

.gb-lang-my .stage .multilink a.line:before {
  font-family: languageFont!important;
}

.gb-lang-my .stage .data-items ul li label strong {
  font-family: languageFont!important;
}

.gb-lang-my .stage .title h2 {
  font-family: languageFont!important;
}

.gb-lang-my .stage .title p.intro {
  font-family: languageFont!important;
}

.gb-lang-my .stage .tip-content p {
  font-family: languageFont!important;
}

@media (max-width:720px) {
  .gb-lang-my .stage .tip-content p {
    text-align: left!important;
  }
}

.gb-lang-my .stage .title p.tips {
  font-family: languageFont!important;
}

.gb-lang-my .stage .data-items ul li::before {
  font-family: languageFont!important;
}

.gb-lang-my .v15pro-amoled-detail-1 .figure .swip a span {
  font-family: languageFont!important;
}

.gb-lang-my .v15pro-frontcamera-detail-3 .figure .replay-btn {
  font-family: languageFont!important;
}

.gb-lang-my .v15pro-frontcamera-detail-1 .figure .pagin a {
  border: 2px solid #fff;
  font-family: languageFont!important;
}

.gb-lang-my .v15pro-frontcamera-detail-2 .figure .pagin a {
  border: 2px solid #000;
  font-family: languageFont!important;
}

.gb-lang-my .v15pro-kv .figure {
  position: relative;
  z-index: 1;
  overflow: visible;
  width: 952px;
  height: 609px;
  left: 50%;
  margin-left: -476px;
  margin-top: 76px;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure {
    width: 1253px;
    height: 802px;
    margin-left: -626px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure {
    width: 751px;
    height: 481px;
    margin-left: -375px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure {
    width: 526px;
    height: 336px;
    margin-left: -263px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure {
    width: 601px;
    height: 384px;
    margin-left: -300px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure {
    height: 500px;
  }
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure {
    margin-top: 100px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure {
    margin-top: 60px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure {
    margin-top: 42px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure {
    margin-top: 40px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure {
    margin-top: 0;
  }
}

.gb-lang-my .v15pro-kv .figure figure {
  position: absolute;
}

.gb-lang-my .v15pro-kv .figure figure.f1 {
  z-index: 2;
  -webkit-transform: translate3d(-200px,0,0);
  transform: translate3d(-200px,0,0);
  opacity: 0;
  top: 213px;
  left: -114px;
  background-image: url("../img/v15pro-kv-tit.png");
  background-size: 512px 161px;
  width: 512px;
  height: 161px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    top: 280px;
    left: -150px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    top: 168px;
    left: -90px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    top: 118px;
    left: -63px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    top: 112px;
    left: -60px;
  }
}

@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-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-x2.png");
  }
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-lg.png");
    background-size: 674px 213px;
    width: 674px;
    height: 213px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-md.png");
    background-size: 404px 127px;
    width: 404px;
    height: 127px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-md-x2.png");
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-sm.png");
    background-size: 283px 89px;
    width: 283px;
    height: 89px;
  }
}

@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-sm-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-sm.png");
    background-size: 235px 74px;
    background-position: center;
    background-repeat: no-repeat;
    width: 235px;
    height: 74px;
    left: 50%;
    margin-left: -117px;
    top: 60px;
    -webkit-transform: translate3d(-100px,0,0);
    transform: translate3d(-100px,0,0);
  }
}

@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-my .v15pro-kv .figure figure.f1 {
    background-image: url("../img/v15pro-kv-tit-sm-x2.png");
  }
}

.gb-lang-my .v15pro-kv .figure figure.f2 {
  z-index: 1;
  -webkit-transform: translate3d(100px,0,0);
  transform: translate3d(100px,0,0);
  opacity: 0;
  top: 54px;
  left: 130px;
  background-image: url("../img/v15pro-kv-img1.jpg");
  background-size: 952px 609px;
  width: 952px;
  height: 609px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    top: 70px;
    left: 170px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    top: 42px;
    left: 102px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    top: 30px;
    left: 72px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    top: 28px;
    left: 68px;
  }
}

@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-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-lg.jpg");
    background-size: 1253px 802px;
    width: 1253px;
    height: 802px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-md.jpg");
    background-size: 751px 481px;
    width: 751px;
    height: 481px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-md-x2.jpg");
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-sm.jpg");
    background-size: 526px 336px;
    width: 526px;
    height: 336px;
  }
}

@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-sm.jpg");
    background-size: 476px 304px;
    background-position: center;
    background-repeat: no-repeat;
    width: 476px;
    height: 304px;
    left: 50%;
    margin-left: -238px;
    top: 196px;
    margin-left: -310px;
    -webkit-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0);
  }
}

@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-my .v15pro-kv .figure figure.f2 {
    background-image: url("../img/v15pro-kv-img1-sm-x2.jpg");
  }
}

.gb-lang-my .v15pro-kv .figure.start figure {
  will-change: transform;
  -webkit-transition: opacity .3s linear,-webkit-transform .8s cubic-bezier(.2,0,.2,1);
  transition: opacity .3s linear,-webkit-transform .8s cubic-bezier(.2,0,.2,1);
  transition: transform .8s cubic-bezier(.2,0,.2,1),opacity .3s linear;
  transition: transform .8s cubic-bezier(.2,0,.2,1),opacity .3s linear,-webkit-transform .8s cubic-bezier(.2,0,.2,1);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}

.gb-lang-my .v15pro-kv .figure .sc {
  width: 899px;
  height: 505px;
  left: 50%;
  margin-left: -449px;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure .sc {
    width: 1184px;
    height: 665px;
    margin-left: -592px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure .sc {
    width: 710px;
    height: 399px;
    margin-left: -355px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure .sc {
    width: 497px;
    height: 279px;
    margin-left: -248px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure .sc {
    position: absolute;
    width: 331px;
    height: 186px;
    margin-left: -165px;
  }
}

.gb-lang-my .v15pro-kv .figure .sc picture {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/z3i-normal-slowlens-img1.jpg");
  background-size: 100% 100%;
  width: 898px;
  height: 505px;
  background-position: center;
  background-repeat: no-repeat;
}

@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-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-lg.jpg");
    background-size: 100% 100%;
    width: 1182px;
    height: 665px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-md.jpg");
    background-size: 100% 100%;
    width: 709px;
    height: 399px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-md-x2.jpg");
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-sm.jpg");
    background-size: 100% 100%;
    width: 496px;
    height: 279px;
  }
}

@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-sm.jpg");
    background-size: 331px 186px;
    background-position: center;
    background-repeat: no-repeat;
    width: 331px;
    height: 186px;
  }
}

@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-my .v15pro-kv .figure .sc picture {
    background-image: url("../img/z3i-normal-slowlens-img1-sm-x2.jpg");
  }
}

.gb-lang-my .v15pro-kv .figure .sc picture video {
  width: 100%;
  height: 100%;
}

.gb-lang-my .v15pro-kv .figure .replay-btn {
  top: auto;
  bottom: -53px;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-kv .figure .replay-btn {
    bottom: -70px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-kv .figure .replay-btn {
    bottom: -42px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure .replay-btn {
    bottom: -29px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure .replay-btn {
    bottom: -28px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-kv .figure .replay-btn {
    bottom: -60px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-kv .figure .replay-btn {
    bottom: -35px;
  }
}

.gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
  margin-top: 76px;
  margin-left: 76px;
  background-image: url("../img/v15pro-jovi-detail-img2-2.png");
  background-size: 248px 64px;
  width: 248px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    margin-top: 100px;
    margin-left: 100px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    margin-top: 60px;
    margin-left: 60px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    margin-top: 42px;
    margin-left: 42px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    margin-top: 40px;
    margin-left: 40px;
  }
}

@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-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-x2.png");
  }
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-lg.png");
    background-size: 327px 85px;
    width: 327px;
    height: 85px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-md.png");
    background-size: 196px 51px;
    width: 196px;
    height: 51px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-md-x2.png");
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-sm.png");
    background-size: 137px 35px;
    width: 137px;
    height: 35px;
  }
}

@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-sm-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-sm.png");
    background-size: 222px 58px;
    background-position: center;
    background-repeat: no-repeat;
    width: 222px;
    height: 58px;
    margin-left: 70px;
  }
}

@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-my .v15pro-jovi-detail-2 .figure figure.f2 {
    background-image: url("../img/v15pro-jovi-detail-img2-2-sm-x2.png");
  }
}

.gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
  margin-top: 76px;
  margin-left: -76px;
  background-image: url("../img/v15pro-jovi-detail-img2-3.png");
  background-size: 255px 64px;
  width: 255px;
  height: 64px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    margin-top: 100px;
    margin-left: -100px;
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    margin-top: 60px;
    margin-left: -60px;
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    margin-top: 42px;
    margin-left: -42px;
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    margin-top: 40px;
    margin-left: -40px;
  }
}

@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-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-x2.png");
  }
}

@media (min-width:1921px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-lg.png");
    background-size: 336px 85px;
    width: 336px;
    height: 85px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-md.png");
    background-size: 202px 51px;
    width: 202px;
    height: 51px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-md-x2.png");
  }
}

@media (max-width:1080px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-sm.png");
    background-size: 141px 35px;
    width: 141px;
    height: 35px;
  }
}

@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-sm-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-sm.png");
    background-size: 228px 58px;
    background-position: center;
    background-repeat: no-repeat;
    width: 228px;
    height: 58px;
    margin-left: 0;
  }
}

@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-my .v15pro-jovi-detail-2 .figure figure.f3 {
    background-image: url("../img/v15pro-jovi-detail-img2-3-sm-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-my .v15pro-frontcamera .figure {
    margin-top: -60px;
  }
}