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

@charset "UTF-8";

.hide {
  display: none;
}

@font-face {
  font-family: Battambang-Bold;
  src: url("../css/Battambang-Bold.woff2");
  src: url("../css/Battambang-Bold.woff2") format("woff2"),url("../css/Battambang-Bold.woff") format("woff"),url("../css/Battambang-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

@font-face {
  font-family: Battambang-Regular;
  src: url("../css/Battambang-Regular.woff2");
  src: url("../css/Battambang-Regular.woff2") format("woff2"),url("../css/Battambang-Regular.woff") format("woff"),url("../css/Battambang-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
}

.gb-lang-kh .section .content .title .description-text,
.gb-lang-kh .section .content .title .main-title {
  line-height: 1.8;
}

.gb-lang-kh .stage .section .content .title .main-title {
  font-family: vivotypeEN-Medium,Battambang-Bold;
}

@media (max-width:1080px) {
  .gb-lang-kh .stage .section .content .title .main-title {
    font-size: 24px;
  }
}

.gb-lang-kh .stage .section .content .title .description-text {
  font-family: vivotypeEN-Medium,Battambang-Regular;
}

.gb-lang-kh .stage .section .content .title .data-items ul li strong {
  font-family: vivotypeEN-Bold,Battambang-Bold;
}

.gb-lang-kh .stage .section .content .title .data-items ul li p {
  font-family: vivotypeEN-Medium,Battambang-Regular;
}

.gb-lang-kh .tips-stage .tip-content .case li {
  font-family: vivotypeEN-Medium,Battambang-Regular!important;
}

.gb-lang-kh .tips-stage .tip-content .case li:nth-child(n+16) {
  display: none;
}

.gb-lang-kh .x60-gloss,
.gb-lang-kh .x60-macro {
  display: none;
}

.gb-lang-kh .x60-hdrnight .section .content .title .description-text,
.gb-lang-kh .x60-hdrnight .section .content .title .main-title {
  line-height: 1.3;
}

.gb-lang-kh .x60-kv .figure-box .figure figure.f1 {
  background-image: url("../img/x60-kv-title-lg.png");
  background-size: 428px 130px;
  background-position: center;
  background-repeat: no-repeat;
  width: 428px;
  height: 130px;
  margin-left: -350px;
}

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

@media (max-width:1440px) {
  .gb-lang-kh .x60-kv .figure-box .figure figure.f1 {
    background-image: url("../img/x60-kv-title-lg.png");
    background-size: 428px 130px;
    background-position: center;
    background-repeat: no-repeat;
    width: 428px;
    height: 130px;
    margin-top: 0;
  }
}

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

@media (min-width:1921px) {
  .gb-lang-kh .x60-kv .figure-box .figure figure.f1 {
    background-image: url("../img/x60-kv-title-xl.png");
    background-size: 560px 170px;
    background-position: center;
    background-repeat: no-repeat;
    width: 560px;
    height: 170px;
    margin-left: -330px;
  }
}

@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-kh .x60-kv .figure-box .figure figure.f1 {
    background-image: url("../img/x60-kv-title-xl-x2.png");
  }
}

@media (max-width:1080px) {
  .gb-lang-kh .x60-kv .figure-box .figure figure.f1 {
    background-image: url("../img/x60-kv-title-mb.png");
    background-size: 280px 85px;
    background-position: center;
    background-repeat: no-repeat;
    width: 280px;
    height: 85px;
  }
}

@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-kh .x60-kv .figure-box .figure figure.f1 {
    background-image: url("../img/x60-kv-title-mb-x2.png");
  }
}

@media (max-width:1080px) {
  .gb-lang-kh .x60-kv .figure-box .figure figure.f1 {
    background-size: 74.66667vw 22.66667vw;
    width: 74.66667vw;
    height: 22.66667vw;
    margin-left: 0;
    margin-top: -40vw;
  }
}

@media (max-width:1440px) {
  .gb-lang-kh .x60-optics .stickyBox .section1 .content {
    width: 1100px;
  }
}

@media (max-width:720px) {
  .gb-lang-kh .x60-optics .stickyBox .section1 .content {
    width: auto;
  }
}

@media (max-width:1366px) {
  .gb-lang-kh .x60-portrait .section2 .content .title {
    -webkit-transform: translate3d(0,1070px,0);
    transform: translate3d(0,1070px,0);
  }
}

@media (max-width:1080px) {
  .gb-lang-kh .x60-portrait .section2 .content .title {
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
  }
}

@media (max-width:1366px) {
  .gb-lang-kh .x60-display .section .content .title {
    width: 420px;
  }
}

@media (max-width:1366px) {
  .firefox .gb-lang-kh .x60-display .section .content .title {
    word-break: break-all;
  }
}

@media (max-width:1366px) and (max-width:1080px) {
  .firefox .gb-lang-kh .x60-display .section .content .title {
    word-break: initial;
  }
}

@media (max-width:1366px) {
  .firefox .gb-lang-kh .x60-display .section .content .title .main-title {
    font-size: 36px;
  }
}

@media (max-width:1366px) and (max-width:1080px) {
  .firefox .gb-lang-kh .x60-display .section .content .title .main-title {
    font-size: initial;
  }
}

@media (max-width:1080px) {
  .gb-lang-kh .x60-display .section .content .title {
    width: auto;
  }
}