/**
 * Powered by uimix.com;
 * Vivo product project - 产品库页面开发框架;
 * Version: 3.9.4;
 * Released on: 2020-11-05;
 */

@charset "UTF-8";

.hide {
  display: none;
}

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

.gb-lang-th .stage .title p.intro {
  font-family: languageFont;
}

@media (max-width:720px) {
  .gb-lang-th .stage .title p.intro {
    text-align: left!important;
  }
}

.gb-lang-th .stage .tip-content p {
  font-family: languageFont!important;
  text-align: left!important;
}

.gb-lang-th .stage .section .title .innertips {
  font-family: languageFont!important;
}

.gb-lang-th .stage .section .data ul li h3 strong {
  font-family: languageFont!important;
}

.gb-lang-th .stage .section .data ul li span {
  font-family: languageFont!important;
}

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

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

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

.gb-lang-th .v15-photo .section .title h2 {
  text-align: left;
}

.gb-lang-th .v15-design-detail-1 .section .content {
  width: 1200px;
}

@media (min-width:1921px) {
  .gb-lang-th .v15-design-detail-1 .section .content {
    width: 1450px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-design-detail-1 .section .content {
    width: 1100px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-design-detail-1 .section .content {
    width: 830px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design-detail-1 .section .content {
    width: auto;
  }
}

.gb-lang-th .v15-design .section .title {
  width: 608px;
  width: 630px;
}

@media (min-width:1921px) {
  .gb-lang-th .v15-design .section .title {
    width: 800px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-design .section .title {
    width: 480px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-design .section .title {
    width: 336px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design .section .title {
    width: 320px;
  }
}

@media (min-width:1921px) {
  .gb-lang-th .v15-design .section .title {
    width: 800px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-design .section .title {
    width: 510px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-design .section .title {
    width: 400px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design .section .title {
    width: auto;
  }
}

@media (max-width:720px) {
  .gb-lang-th .ai-detail-2 .figure {
    margin-top: 20px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-camera .figure {
    margin-top: 50px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-performance .bg:before {
    background-image: url("../img/v15-performance-bg-sm.jpg");
    background-size: 1177px 783px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1177px;
    height: 783px;
    left: 50%;
    margin-left: -588px;
  }
}

@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-th .v15-performance .bg:before {
    background-image: url("../img/v15-performance-bg-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-performance .figure {
    margin-top: 286px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design .bg:before {
    background-image: url("../img/v15-design-bg-sm.jpg");
    background-size: 768px 750px;
    background-position: center;
    background-repeat: no-repeat;
    width: 768px;
    height: 750px;
    left: 50%;
    margin-left: -384px;
  }
}

@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-th .v15-design .bg:before {
    background-image: url("../img/v15-design-bg-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design .figure {
    top: 480px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design-detail-1 .bg:before {
    background-image: url("../img/v15-design-detail-1-bg-sm.jpg");
    background-size: 1228px 672px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1228px;
    height: 672px;
    left: 50%;
    margin-left: -614px;
  }
}

@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-th .v15-design-detail-1 .bg:before {
    background-image: url("../img/v15-design-detail-1-bg-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design-detail-1 .figure {
    margin-top: -354px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-design-detail-2 .bg:before {
    background-image: url("../img/v15-design-detail-2-bg-sm.jpg");
    background-size: 1280px 700px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1280px;
    height: 700px;
    left: 50%;
    margin-left: -640px;
  }
}

@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-th .v15-design-detail-2 .bg:before {
    background-image: url("../img/v15-design-detail-2-bg-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-performance-detail-1 .bg:before {
    background-image: url("../img/v15-performance-detail-bg1-sm.jpg");
    background-size: 1075px 588px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1075px;
    height: 588px;
    left: 50%;
    margin-left: -537px;
  }
}

@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-th .v15-performance-detail-1 .bg:before {
    background-image: url("../img/v15-performance-detail-bg1-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-photo-detail-2 .figure {
    margin-left: -210px;
  }
}

.gb-lang-th .v15-kv {
  background-color: #fff;
}

.gb-lang-th .v15-kv .figure {
  position: relative;
  z-index: 1;
  overflow: visible;
  width: 1516px;
  height: 770px;
  left: 50%;
  margin-left: -758px;
  margin-left: -366px;
  top: 165px;
}

@media (min-width:1921px) {
  .gb-lang-th .v15-kv .figure {
    width: 1995px;
    height: 1014px;
    margin-left: -997px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-kv .figure {
    width: 1197px;
    height: 608px;
    margin-left: -598px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure {
    width: 837px;
    height: 425px;
    margin-left: -418px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure {
    width: 498px;
    height: 253px;
    margin-left: -249px;
  }
}

@media (min-width:1921px) {
  .gb-lang-th .v15-kv .figure {
    margin-left: -482px;
    top: 217px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-kv .figure {
    margin-left: -289px;
    top: 131px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure {
    margin-left: -202px;
    top: 92px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure {
    margin-left: -192px;
    top: 87px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure {
    z-index: 1;
    margin-top: 27px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure {
    margin-top: 260px;
    margin-left: -100px;
    margin-bottom: 8px;
  }
}

.gb-lang-th .v15-kv .figure figure {
  position: absolute;
}

.gb-lang-th .v15-kv .figure figure.f1 {
  position: absolute;
  z-index: 1;
  -webkit-transform: translate3d(-200px,0,0);
  transform: translate3d(-200px,0,0);
  opacity: 0;
  top: -121px;
  left: -582px;
  background-image: url("../img/v15-kv-img2.jpg");
  background-size: 1516px 770px;
  width: 1516px;
  height: 770px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width:1921px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    top: -160px;
    left: -766px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    top: -96px;
    left: -459px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    top: -67px;
    left: -321px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    top: -64px;
    left: -306px;
  }
}

@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-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-lg.jpg");
    background-size: 1995px 1014px;
    width: 1995px;
    height: 1014px;
  }
}

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

@media (max-width:1440px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-md.jpg");
    background-size: 1197px 608px;
    width: 1197px;
    height: 608px;
  }
}

@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-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-md-x2.jpg");
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-sm.jpg");
    background-size: 837px 425px;
    width: 837px;
    height: 425px;
  }
}

@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-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-sm.jpg");
    background-size: 718px 365px;
    background-position: center;
    background-repeat: no-repeat;
    width: 718px;
    height: 365px;
    left: -35%;
    top: -180px;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,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-th .v15-kv .figure figure.f1 {
    background-image: url("../img/v15-kv-img2-sm-x2.jpg");
  }
}

.gb-lang-th .v15-kv .figure figure.f2 {
  z-index: 2;
  -webkit-transform: translate3d(200px,0,0);
  transform: translate3d(200px,0,0);
  opacity: 0;
  top: 99px;
  left: 350px;
  background-image: url("../img/v15-kv-img1.png");
  background-size: 627px 198px;
  width: 627px;
  height: 198px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width:1921px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    top: 130px;
    left: 460px;
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    top: 78px;
    left: 276px;
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    top: 55px;
    left: 194px;
  }
}

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    top: 52px;
    left: 184px;
  }
}

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

@media (min-width:1921px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-lg.png");
    background-size: 826px 261px;
    width: 826px;
    height: 261px;
  }
}

@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-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-md.png");
    background-size: 495px 156px;
    width: 495px;
    height: 156px;
  }
}

@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-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-md-x2.png");
  }
}

@media (max-width:1080px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-sm.png");
    background-size: 346px 109px;
    width: 346px;
    height: 109px;
  }
}

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

@media (max-width:720px) {
  .gb-lang-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-sm.png");
    background-size: 330px 104px;
    background-position: center;
    background-repeat: no-repeat;
    width: 330px;
    height: 104px;
    left: -13%;
    top: -312px;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,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-th .v15-kv .figure figure.f2 {
    background-image: url("../img/v15-kv-img1-sm-x2.png");
  }
}

.gb-lang-th .v15-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;
}