/**
 * Powered by uimix.com;
 * Vivo product project - 产品库页面开发框架;
 * Version: 3.11.1;
 * Released on: 2021-08-09;
 */

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-tw .kv-bottom .data-vertical ul li p {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .data-items ul li label strong {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .nex3-performance .figure .data-items ul .li1 i {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .title h2,
.gb-lang-tw .stage h3 {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .title p.intro {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .section .title .innertips {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .section .title span {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .tip-content p {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .data ul li h3 {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .data ul li span {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .data ul li h3 {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .stage .section .data ul li h3 strong {
  font-family: languageFont,'微軟正黑體','Microsoft JhengHei'!important;
}

.gb-lang-tw .y15-kv .figure {
  width: 364px;
  height: 167px;
  left: 50%;
  margin-left: -182px;
  margin-left: -532px;
  margin-top: -7px;
  top: 342px;
}

@media (min-width:1921px) {
  .gb-lang-tw .y15-kv .figure {
    width: 480px;
    height: 221px;
    margin-left: -240px;
  }
}

@media (max-width:1440px) {
  .gb-lang-tw .y15-kv .figure {
    width: 288px;
    height: 132px;
    margin-left: -144px;
  }
}

@media (max-width:1080px) {
  .gb-lang-tw .y15-kv .figure {
    width: 201px;
    height: 92px;
    margin-left: -100px;
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-kv .figure {
    width: 216px;
    height: 99px;
    margin-left: -108px;
  }
}

@media (min-width:1921px) {
  .gb-lang-tw .y15-kv .figure {
    margin-left: -700px;
    margin-top: -10px;
    top: 450px;
  }
}

@media (max-width:1440px) {
  .gb-lang-tw .y15-kv .figure {
    margin-left: -420px;
    margin-top: -6px;
    top: 270px;
  }
}

@media (max-width:1080px) {
  .gb-lang-tw .y15-kv .figure {
    margin-left: -294px;
    margin-top: -4px;
    top: 189px;
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-kv .figure {
    margin-left: -280px;
    margin-top: -4px;
    top: 180px;
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-kv .figure {
    margin-top: 200px;
    margin-left: -108px;
    margin-bottom: 150px;
  }
}

.gb-lang-tw .y15-kv .figure figure.f1 {
  -webkit-transform: translate3d(-200px,0,0);
  transform: translate3d(-200px,0,0);
  background-image: url("../img/y15-kv-tit.png");
  background-size: 364px 167px;
  width: 364px;
  height: 167px;
  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-tw .y15-kv .figure figure.f1 {
    background-image: url("../img/y15-kv-tit-x2.png");
  }
}

@media (min-width:1921px) {
  .gb-lang-tw .y15-kv .figure figure.f1 {
    background-image: url("../img/y15-kv-tit-lg.png");
    background-size: 480px 221px;
    width: 480px;
    height: 221px;
  }
}

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

@media (max-width:1440px) {
  .gb-lang-tw .y15-kv .figure figure.f1 {
    background-image: url("../img/y15-kv-tit-md.png");
    background-size: 288px 132px;
    width: 288px;
    height: 132px;
  }
}

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

@media (max-width:1080px) {
  .gb-lang-tw .y15-kv .figure figure.f1 {
    background-image: url("../img/y15-kv-tit-sm.png");
    background-size: 201px 92px;
    width: 201px;
    height: 92px;
  }
}

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

@media (max-width:720px) {
  .gb-lang-tw .y15-kv .figure figure.f1 {
    background-image: url("../img/y15-kv-tit-sm.png");
    background-size: 216px 99px;
    background-position: center;
    background-repeat: no-repeat;
    width: 216px;
    height: 99px;
    left: 0;
    top: -350px;
    -webkit-transform: translate3d(-30px,0,0);
    transform: translate3d(-30px,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-tw .y15-kv .figure figure.f1 {
    background-image: url("../img/y15-kv-tit-sm-x2.png");
  }
}

.gb-lang-tw .y15-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;
}

@media (max-width:720px) {
  .gb-lang-tw .y15-color .figure figure.f3 {
    left: 440px;
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-color .figure figure.f6 {
    left: 440px;
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-screen .section .data ul li {
    padding-left: 5%;
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-triple .figure {
    margin-left: -150px;
  }
}

.gb-lang-tw .y15-game .figure figure.f1 {
  background-image: url("../img/y15-game-img1.jpg");
  background-size: 911px 1177px;
  width: 911px;
  height: 1177px;
  left: 50%;
  margin-left: -455px;
  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-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-lg.jpg");
    background-size: 1199px 1549px;
    width: 1199px;
    height: 1549px;
    margin-left: -599px;
  }
}

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

@media (max-width:1440px) {
  .gb-lang-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-md.jpg");
    background-size: 719px 929px;
    width: 719px;
    height: 929px;
    margin-left: -359px;
  }
}

@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-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-md-x2.jpg");
  }
}

@media (max-width:1080px) {
  .gb-lang-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-sm.jpg");
    background-size: 503px 650px;
    width: 503px;
    height: 650px;
    margin-left: -251px;
  }
}

@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-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-sm-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-sm.jpg");
    background-size: 287px 371px;
    background-position: center;
    background-repeat: no-repeat;
    width: 287px;
    height: 371px;
    left: 50%;
    margin-left: -143px;
  }
}

@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-tw .y15-game .figure figure.f1 {
    background-image: url("../img/y15-game-img1-sm-x2.jpg");
  }
}