@charset "UTF-8";
@import url(https://p.ampmake.com/fed/text/css/7bf2928f0440dc1d3e3c0c245f89c27d.css);
@import url(https://p.ampmake.com/fed/text/css/e70819406de13579d5c4e2fff28f7b84.css);

@font-face {
  font-family: "li-regular-temp";
  src:
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Regular.woff2)
      format("woff2"),
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Regular.woff)
      format("woff");
}
@font-face {
  font-family: "li-medium-temp";
  src:
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Medium.woff2)
      format("woff2"),
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Medium.woff)
      format("woff");
}

@font-face {
  font-family: "li-regular";
  src:
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Regular.woff2)
      format("woff2"),
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Regular.woff)
      format("woff");
}

@font-face {
  font-family: "li-medium";
  src:
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Medium.woff2)
      format("woff2"),
    url(https://s.ampmake.com/www/font2022/LiciumFont2022-Medium.woff)
      format("woff");
}

@media (max-width: 720px) {
  .chj-message {
    top: 60px;
    max-width: 75%;
  }
}
[scene-animate-group="1"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.3s;
}
[scene-animate-group="1"],
[scene-animate-group="2"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="2"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.4s;
}
[scene-animate-group="3"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.5s;
}
[scene-animate-group="3"],
[scene-animate-group="4"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="4"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.6s;
}
[scene-animate-group="5"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.7s;
}
[scene-animate-group="5"],
[scene-animate-group="6"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="6"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.8s;
}
[scene-animate-group="7"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.9s;
}
[scene-animate-group="7"],
[scene-animate-group="8"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="8"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 1s;
}
[scene-animate-group="9"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 1.1s;
}
[scene-animate-group="9"],
[scene-animate-group="10"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="10"] {
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 1.2s;
}
.scene-animate-active[scene-animate-group],
.scene-animate-active [scene-animate-group] {
  transform: translateZ(0);
  opacity: 1;
}
.chj-message-fade-enter,
.chj-message-fade-leave-to {
  margin-top: -50px;
  opacity: 0;
}
.chj-message-fade-enter-active,
.chj-message-fade-leave-active {
  transition: all 0.3s ease-in-out;
}
.chj-message .iconfont {
  margin-right: 8px;
  line-height: 1;
}
.chj-message .iconfont-message-error {
  color: red;
}
.chj-message .iconfont-message-success {
  color: #6ec440;
}
.chj-message .iconfont-message-info {
  color: #ff9d18;
}
.chj-message-wrapper {
  margin: 8px auto;
}
@media (max-width: 720px) {
  body .chj-message-fade-enter,
  body .chj-message-fade-leave-to {
    margin-top: 0;
  }
  body .chj-message {
    display: flex;
    width: 100%;
    margin-top: -44px;
    transform: translateX(-50%), translateY(-50%);
    top: 50%;
    max-width: 75%;
  }
  body .chj-message .chj-message-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    box-shadow: none;
  }
  body .chj-message .chj-message-wrapper .iconfont {
    display: none;
  }
}
.isapp .chj-message-fade-enter,
.isapp .chj-message-fade-leave-to {
  margin-top: 0;
}
.isapp .chj-message {
  display: flex;
  top: 50%;
  width: 100%;
  max-width: 70%;
  margin-top: -44px;
  transform: translateX(-50%), translateY(-50%);
}
.isapp .chj-message-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
  border-radius: 10px;
  box-shadow: none;
}
.isapp .chj-message-wrapper .iconfont {
  display: none;
}
@media (max-width: 720px) {
  .isapp .chj-message {
    top: 50%;
    max-width: 75%;
  }
}
.scene.scene-download {
  background-color: #fff;
}
.scene-download-new-pc .scene-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.scene-download-new-pc .scene-download-privacy {
  cursor: pointer;
}
.scene-download-bg-gray {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: #fafafa;
  z-index: 0;
}
.scene-download-layout-box {
  display: flex;
}
.scene-download-layout-left {
  background: #fff;
}
.scene-download-box-left {
  display: flex;
  justify-content: end;
  padding-top: 0.8571428571428571rem;
  padding-right: 0.9464285714285714rem;
}
@media (max-width: 1500px) {
  .scene-download-box-left {
    padding-right: 0.5rem;
  }
}
@media (max-width: 1440px) {
  .scene-download-box-left {
    padding-right: 0.9464285714285714rem;
  }
}
@media (max-width: 1160px) {
  .scene-download-box-left {
    padding-right: 0.7678571428571428rem;
  }
}
@media (max-width: 1024px) {
  .scene-download-box-left {
    padding: 0.5535714285714286rem 0;
    padding-right: 0.9464285714285714rem;
  }
}
.scene-download-box-left .scene-download-box {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
}
.scene-download-box-left .scene-download-title {
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.2857142857142857rem;
  line-height: 0.3928571428571429rem;
  color: #191919;
}
.scene-download-box-left .scene-download-title.gradient {
  background-image: linear-gradient(90deg, #5386f5, #e102c4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.scene-download-box-left .scene-download-description {
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #666;
  margin-top: 0.10714285714285714rem;
}
.scene-download-box-left .scene-download-qrcode {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.21428571428571427rem;
}
.scene-download-box-left .scene-download-caption {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #191919;
  margin-top: 0.14285714285714285rem;
  margin-bottom: 0.21428571428571427rem;
}
.scene-download-box-left .scene-download-developers,
.scene-download-box-left .scene-download-version {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #666;
}
.scene-download-box-left .scene-download-policy {
  display: flex;
  margin-top: 0.07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #191919;
}
.scene-download-box-left .scene-download-line {
  display: inline-block;
  width: 0.008928571428571428rem;
  height: 0.10714285714285714rem;
  margin: 0 0.10714285714285714rem;
  background-color: #191919;
}
.scene-download-layout-right {
  background: #fafafa;
  display: flex;
}
.scene-download-box-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  padding-left: 0.9464285714285714rem;
}
@media (max-width: 1500px) {
  .scene-download-box-right {
    padding-left: 0.5rem;
  }
}
@media (max-width: 1440px) {
  .scene-download-box-right {
    padding-left: 0.9464285714285714rem;
  }
}
@media (max-width: 1160px) {
  .scene-download-box-right {
    padding-left: 0.7678571428571428rem;
  }
}
@media (max-width: 1024px) {
  .scene-download-box-right {
    padding-left: 0.9464285714285714rem;
  }
}
.scene-download-box-right .scene-download-box {
  display: flex;
  overflow: hidden;
  margin-top: 0.5rem;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.scene-download-box-right .scene-download-box:first-child {
  margin-top: 0;
}
.scene-download-box-right .scene-download-qrcode {
  width: 1.0714285714285714rem;
  height: 1.0714285714285714rem;
  margin-right: 0.21428571428571427rem;
}
.scene-download-box-right .scene-download-title {
  display: inline;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.19642857142857145rem;
  line-height: 0.3035714285714286rem;
  color: #191919;
}
.scene-download-box-right .scene-download-title.gradient {
  background-image: linear-gradient(90deg, #5386f5, #e102c4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.scene-download-box-right .scene-download-description {
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #666;
  margin-top: 0.017857142857142856rem;
}
.scene-download-box-right .scene-download-developers {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #999;
  margin-top: 0.1607142857142857rem;
}
.scene-download-box-right .scene-download-policy {
  display: flex;
  align-items: center;
  margin-top: 0.03571428571428571rem;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #999;
}
.scene-download-box-right .scene-download-line {
  display: inline-block;
  width: 0.008928571428571428rem;
  height: 0.10714285714285714rem;
  margin: 0 0.10714285714285714rem;
  background-color: #999;
}
.scene-download-cover-picture {
  width: 2.7678571428571432rem;
  margin-left: 0.8035714285714286rem;
}
@media (max-width: 1500px) {
  .scene-download-cover-picture {
    margin-left: 0.3571428571428571rem;
  }
}
@media (max-width: 1440px) {
  .scene-download-cover-picture {
    margin-left: 0.8035714285714286rem;
  }
}
@media (max-width: 1160px) {
  .scene-download-cover-picture {
    margin-left: 0.625rem;
  }
}
@media (max-width: 1024px) {
  .scene-download-cover-picture {
    width: 2.7678571428571432rem;
    margin-left: 0.8035714285714286rem;
    display: none;
  }
}
.scene-download-img {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 720px) {
  .product-wrap.en .scene-download {
    display: none !important;
  }
  .product-wrap.en .scene-download-description {
    letter-spacing: 0;
  }
  .scene.scene-download {
    height: auto;
    min-height: unset;
    background-color: #fff;
  }
  .scene-download-box {
    padding: 80px 0;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 92.5%, 0.6);
  }
  .scene-download-box .scene-download-title {
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 32px;
    line-height: 40px;
    color: #191919;
  }
  .scene-download-box .scene-download-title.gradient {
    background-image: linear-gradient(90deg, #5386f5, #e102c4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .scene-download-box .scene-download-description {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    margin-top: 16px;
  }
  .scene-download-box .scene-download-qrcode {
    width: 167px;
    height: 167px;
    margin-top: 24px;
  }
  .scene-download-box .scene-download-caption {
    font-size: 12px;
    line-height: 20px;
    color: #191919;
    margin: 16px;
  }
  .scene-download-box .scene-download-button {
    display: flex;
    width: calc(100% - 80px);
    max-width: 400px;
    height: 44px;
    border-radius: 44px;
    margin: 0 40px 16px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #191919;
    background-color: #fff;
  }
  .scene-download-box .scene-download-developers,
  .scene-download-box .scene-download-version {
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
  .scene-download-box .scene-download-policy {
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    color: #191919;
  }
  .scene-download-box .scene-download-line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #191919;
    margin: 0 12px;
  }
}
.product-wrap.en .scene-download {
  display: none !important;
}
.product-wrap.en .scene-download-description {
  letter-spacing: 0;
}
.scene.scene-download {
  height: auto;
  min-height: unset;
}
.scene.scene-download.loaded .scene-inner {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-download.loaded .scene-inner {
    background-image: var(--bgM);
  }
}
.scene.scene-download.loaded .scene-download-qrcode {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/app-qrcode.5480b982.jpg);
}
.scene.scene-download.loaded .scene-download-qrcode.qrcode-rc {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/app-qrcode-rc.99d04ee0.png);
}
.scene-download-normal .scene-download-inner {
  position: relative;
  min-height: 5.25rem;
  padding: 0.8928571428571428rem 0;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-inner {
    padding: 0.7142857142857142rem 0;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-inner {
    min-height: 157.6vw;
    padding: 80px 0 64px;
  }
}
.scene-download-normal .scene-download-content {
  display: flex;
  width: 100%;
  padding-left: calc(50% + 2.28571rem);
  color: #000;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-content {
    display: block;
    padding-left: calc(50% + 1.86607rem);
  }
}
@media (max-width: 1100px) {
  .scene-download-normal .scene-download-content {
    padding-left: calc(45% + 1.86607rem);
  }
}
@media (max-width: 1000px) {
  .scene-download-normal .scene-download-content {
    padding-left: calc(45% + 1.42857rem);
  }
}
@media (max-width: 850px) {
  .scene-download-normal .scene-download-content {
    padding-left: calc(45% + 1.07143rem);
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-content {
    padding-left: 0;
  }
}
.scene-download-normal .scene-download-app {
  text-align: center;
}
.scene-download-normal .scene-download-app:not(:last-child) {
  margin-right: 0.7142857142857142rem;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-app {
    display: flex;
    text-align: left;
  }
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.8392857142857143rem;
  }
}
@media (max-width: 950px) {
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-bottom: 0.5357142857142857rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-app {
    text-align: center;
  }
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-bottom: 144px;
  }
}
.scene-download-normal .scene-download-left {
  display: none;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-left {
    display: block;
    margin-right: 0.21428571428571427rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-left {
    display: none;
  }
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-right .scene-download-row {
    display: none;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-right {
    width: 100%;
  }
  .scene-download-normal .scene-download-right .scene-download-row {
    display: flex;
  }
}
.scene-download-normal .scene-download-title {
  margin-bottom: 0.10714285714285714rem;
  font-size: 0.2857142857142857rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 0.3928571428571429rem;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-title {
    margin-bottom: 0.07142857142857142rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 44px;
  }
}
.scene-download-normal .scene-download-description {
  font-size: 0.125rem;
  color: #757575;
  line-height: 0.19642857142857145rem;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-description {
    padding-bottom: 0.10714285714285714rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.10714285714285714rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-description {
    padding-bottom: 0;
    border-bottom: 0 none;
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
    line-height: 20px;
  }
}
.scene-download-normal .scene-download-row {
  display: flex;
  padding: 0.21428571428571427rem 0 0.14285714285714285rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-row {
    justify-content: center;
    padding: 24px 0 16px;
  }
}
.scene-download-normal .scene-download-qrcode {
  width: 1.4910714285714286rem;
  height: 1.4910714285714286rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-qrcode {
    width: 167px;
    height: 167px;
  }
}
.scene-download-normal .scene-download-caption,
.scene-download-normal .scene-download-developers,
.scene-download-normal .scene-download-version {
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-caption,
  .scene-download-normal .scene-download-developers,
  .scene-download-normal .scene-download-version {
    margin-bottom: 0;
  }
}
.scene-download-normal .scene-download-developers,
.scene-download-normal .scene-download-version {
  color: #666;
}
.scene-download-normal .scene-download-caption {
  margin-bottom: 0.21428571428571427rem;
  color: #191919;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-caption {
    display: none;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-caption {
    display: block;
    margin-bottom: 16px;
  }
}
.scene-download-normal .scene-download-policy {
  display: flex;
  margin-top: 0.07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #191919;
  line-height: 20px;
}
.scene-download-normal .scene-download-policy span {
  cursor: pointer;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-policy {
    justify-content: unset;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-policy {
    margin-top: 8px;
    justify-content: center;
  }
}
.scene-download-normal .scene-download-line {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 0.10714285714285714rem;
  background-color: #191919;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-line {
    margin: 0 12px;
  }
}
.scene-download-normal .scene-download-button-m {
  display: none;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-button-m {
    display: flex;
    width: calc(100% - 80px);
    height: 44px;
    border-radius: 44px;
    margin: 0 40px 16px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    background-color: #fff;
  }
}
.product-button {
  display: flex;
  width: 1.6964285714285714rem;
  height: 0.42857142857142855rem;
  border-radius: 0.42857142857142855rem;
  margin: 0 0.07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 1;
  transition:
    background 0.15s ease-in,
    opacity 0.15s ease-in,
    color 0.15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product-button.main {
  background-color: #191919;
}
.product-button.main:hover {
  background-color: #3c3c3c;
}
.product-button.sub {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  background-color: transparent;
}
.product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, 0.26);
}
.product-button.link {
  width: auto;
  height: 0.21428571428571427rem;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-size: 0.125rem;
  opacity: 0.8;
}
.product-button.link:hover {
  opacity: 1;
}
.product-button.disabled {
  border-color: transparent !important;
  color: rgba(0, 0, 0, 0.6) !important;
  background-color: hsla(0, 0%, 100%, 0.4) !important;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .product-button {
    width: 14.2578125vw;
    height: 3.90625vw;
    border-radius: 3.90625vw;
    margin: 0 0.78125vw;
    font-size: 1.5625vw;
  }
  .product-button.link {
    height: 1.953125vw;
    font-size: 1.3671875vw;
  }
}
@media (max-width: 720px) {
  .product-button {
    width: 27.73333333333333vw;
    height: 36px;
    border-radius: 36px;
    margin: 0 1.0666666666666667vw;
    font-size: 3.733333333333334vw;
  }
  .product-button.main:hover {
    background-color: #3c3c3c;
  }
  .product-button.sub:hover {
    background-color: transparent;
  }
  .product-button.link {
    height: 20px;
    margin: 0 2.1333333333333333vw;
    font-size: 3.733333333333334vw;
  }
}
.chj-button-secondary:active,
.chj-button-secondary:hover {
  border-color: #191919;
}
.chj-dialog {
  z-index: 1000;
}
.chj-dialog-inner {
  width: 480px;
}
.chj-dialog-body {
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 720px) {
  .chj-dialog-inner {
    border-radius: 13px;
    width: 75vw;
  }
  .chj-dialog-header {
    padding: 20px 20px 0 20px;
    height: auto;
  }
  .chj-dialog-header-title {
    font-size: 17px;
    line-height: 22px;
  }
  .chj-dialog-header-title.header-title-center {
    width: 100%;
    text-align: center;
  }
  .chj-dialog-header-cancel {
    display: none;
  }
  .chj-dialog-body {
    padding: 10px 20px;
    min-height: 44px;
  }
  .chj-dialog-footer {
    padding: 0;
    height: 43px;
    border-top: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button {
    background-color: #fff;
    flex: 1;
    margin-left: 0;
    border: none;
    border-radius: 0;
    color: #191919;
    font-size: 16px;
    line-height: 42px;
  }
  .chj-dialog-footer .chj-button:first-of-type {
    border-bottom-left-radius: 13px;
  }
  .chj-dialog-footer .chj-button:last-of-type {
    border-bottom-right-radius: 13px;
  }
  .chj-dialog-footer .chj-button:not(:last-of-type) {
    border-right: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button:hover {
    background-color: #fff;
  }
}
.chj-inputline {
  width: 100%;
  position: relative;
}
.chj-inputline-title {
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 28px;
  color: #8c8985;
}
.chj-inputline-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d4d4d2;
}
.chj-inputline-box.disabled {
  border-bottom: none;
}
.chj-inputline-box-value {
  width: 100%;
  padding: 7px 0;
}
.chj-inputline-box-value input {
  background-color: #fff;
  padding: 0;
  width: 100%;
  border: none;
  font-size: 16px;
  color: #222;
  caret-color: #191919;
}
.chj-inputline-box-value input:-ms-input-placeholder {
  color: #c7c9c7;
}
.chj-inputline-box-value input::placeholder {
  color: #c7c9c7;
}
.chj-inputline-box-value input:disabled {
  background-color: #fff;
}
.chj-inputline-box-btn {
  text-align: right;
}
.chj-inputline-box-btn span {
  width: 120px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #8c8985;
}
.chj-inputline-box-btn span.vActive {
  color: #191919;
  cursor: pointer;
}
.inputErr {
  color: red;
}
#chj-security.dx_captcha {
  padding: 16px 32px 32px;
}
#chj-security .dx_captcha_basic_tr-btn-close {
  padding-bottom: 16px;
  box-sizing: content-box;
  margin: 0;
}
#chj-security .dx_captcha_basic_tr-btn-close img {
  opacity: 0.8;
}
.reverse-content {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.reverse-content .iconfont {
  color: #8c8985;
}
.reverse-content .modal-close {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.reverse-content .modal-close .iconfont {
  font-size: 20px;
  color: #999;
}
.reverse-content .chj-inputline {
  padding-bottom: 16px;
  margin-top: 24px;
}
.reverse-content .chj-inputline-box-btn span.vActive {
  color: #191919;
}
.reverse-content .chj-inputline-box,
.reverse-content .chj-inputline-box.disabled {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.reverse-modal {
  position: relative;
  width: 652px;
  padding: 32px 32px 40px;
  border-radius: 4px;
  background-color: #fff;
}
.reverse-modal .chj-inputline-box.disabled .btn-vcode {
  color: rgba(0, 0, 0, 0.2);
}
.reverse-title {
  font-size: 20px;
  color: #191919;
  line-height: 28px;
}
.reverse-second-title {
  margin-top: 3px;
  font-size: 12px;
  color: #191919;
  line-height: 20px;
}
.reverse-button-list {
  display: flex;
  justify-content: flex-end;
}
.reverse-submit {
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 100px;
  margin-top: 8px;
  justify-content: center;
  align-items: center;
  background-color: #191919;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.reverse-modal-content {
  display: flex;
}
.reverse-left {
  width: 308px;
  padding-right: 40px;
  border-right: 1px solid rgba(0, 0, 0, 0.04);
  box-sizing: content-box;
}
.reverse-right {
  padding-left: 40px;
  padding-top: 16px;
}
.reverse-qrcode {
  width: 160px;
  height: 160px;
  box-sizing: content-box;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/web-live.f1e34398.jpg);
  background-size: contain;
}
.reverse-text {
  width: 160px;
  padding-top: 16px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 720px) {
  .reverse-modal {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-radius: 16px 16px 0 0;
  }
  .reverse-modal .modal-close {
    right: 15px;
    top: 15px;
  }
  .reverse-modal .modal-close .iconfont {
    font-size: 16px;
  }
  .reverse-modal .chj-inputline {
    padding-bottom: 0;
  }
  .reverse-second-title,
  .reverse-title {
    text-align: center;
  }
  .reverse-left {
    width: 100%;
    padding-right: 0;
    border-right: 0;
  }
  .reverse-qrcode,
  .reverse-right {
    display: none;
  }
  .reverse-submit {
    height: 45px;
    margin-top: 24px;
  }
}
.product-fadebox {
  z-index: 2;
  position: absolute;
  left: 50%;
  width: 11.714285714285714rem;
  text-align: center;
  color: #fff;
  transform: translate3d(-50%, 0, 0);
}
.product-fadebox.top-default {
  top: 1.25rem;
}
.product-fadebox.top-main {
  top: 1.0714285714285714rem;
}
.product-fadebox.bottom-loopvideo {
  bottom: 0.5357142857142857rem;
}
.product-fadebox.bottom-normal {
  bottom: 0.6696428571428572rem;
}
.product-fadebox.bottom-safetest {
  bottom: 1.4285714285714284rem;
}
.product-fadebox.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-fadebox.active .product-fadebox-item {
  transform: translateZ(0);
  opacity: 1;
}
.product-fadebox.active .product-fadebox-item:first-child {
  transition-delay: 0.3s;
}
.product-fadebox.active .product-fadebox-item:nth-child(2) {
  transition-delay: 0.4s;
}
.product-fadebox.active .product-fadebox-item:nth-child(3) {
  transition-delay: 0.5s;
}
.product-fadebox.active .product-fadebox-item:nth-child(4) {
  transition-delay: 0.6s;
}
.product-fadebox.active .product-fadebox-item:nth-child(5) {
  transition-delay: 0.7s;
}
.product-fadebox.active .product-fadebox-item:nth-child(6) {
  transition-delay: 0.8s;
}
.product-fadebox.active .product-fadebox-item:nth-child(7) {
  transition-delay: 0.9s;
}
.product-fadebox.active .product-fadebox-item:nth-child(8) {
  transition-delay: 1s;
}
.product-fadebox.active .product-fadebox-item:nth-child(9) {
  transition-delay: 1.1s;
}
@media (max-width: 1024px) {
  .product-fadebox {
    width: 100%;
  }
  .product-fadebox.top-default {
    top: 7.8125vw;
  }
  .product-fadebox.top-main {
    top: 9.765625vw;
  }
  .product-fadebox.bottom-loopvideo {
    bottom: 2.9296875vw;
  }
  .product-fadebox.bottom-normal {
    bottom: 9.375vw;
  }
  .product-fadebox.bottom-safetest {
    bottom: 11.71875vw;
  }
}
@media (max-width: 720px) {
  .product-fadebox.top-default {
    top: 32vw;
  }
  .product-fadebox.top-main {
    top: 26.666666666666668vw;
  }
  .product-fadebox.bottom-loopvideo {
    bottom: 13.333333333333334vw;
  }
  .product-fadebox.bottom-normal {
    bottom: 8.533333333333333vw;
  }
  .product-fadebox.bottom-safetest {
    bottom: 28.000000000000004vw;
  }
}
.product-fadebox-item {
  transform: translate3d(0, 25px, 0);
  transition:
    transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  opacity: 0;
  will-change: transform, opacity;
}
.product-buttonlist,
.product-videoplayer {
  display: flex;
  justify-content: center;
}
.product-videoplayer {
  font-size: 0.14285714285714285rem;
}
.product-videoplayer span {
  display: flex;
  align-items: center;
  transition: opacity 0.15s ease-in;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product-videoplayer span:hover {
  opacity: 0.6;
}
.product-videoplayer .iconfont {
  margin-left: 4px;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 1024px) {
  .product-videoplayer {
    font-size: 12px;
  }
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==)
    format("woff");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.video-js:lang(en-AU)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\f10c";
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\f10d";
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: normal;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: 0;
}
.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill,
.video-js .vjs-tech {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
  .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), hsla(0, 0%, 100%, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition:
    visibility 0.1s,
    opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition:
    visibility 1s,
    opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 1s,
    opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel:hover .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition:
    visibility 0.1s,
    opacity 0.1s,
    height 0.1s,
    width 0.1s,
    left 0s,
    top 0s;
}
.video-js
  .vjs-volume-panel
  .vjs-mute-control:hover
  ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js
  .vjs-volume-panel
  .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: 9em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s 1s,
    left 1s 1s,
    top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition:
    visibility 1s,
    opacity 1s,
    height 1s 1s,
    width 1s,
    left 1s 1s,
    top 1s 1s;
}
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  animation:
    vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex
  .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen)
  .vjs-subtitles-button
  .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.vjs-track-setting > select {
  margin-right: 5px;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}
.video-js {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.video-js:hover .vjs-control-bar {
  opacity: 1;
  transform: translateY(0);
}
.video-js:hover .vjs-text-track-display {
  opacity: 1;
}
.video-js *,
.video-js :focus {
  outline: none;
}
.video-js.vjs-playing.vjs-user-inactive .vjs-text-track-display {
  bottom: 0;
}
.video-js.vjs-playing.vjs-has-started.vjs-user-inactive .vjs-control-bar {
  visibility: initial;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}
.video-js.vjs-playing.vjs-has-started.vjs-user-inactive
  .vjs-text-track-display {
  opacity: 0;
}
.video-js video {
  cursor: pointer;
}
.video-js .vjs-big-play-button {
  display: none !important;
  background: none;
  transition: none;
  pointer-events: none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none;
}
.video-js .vjs-control-bar {
  align-items: center;
  height: 48px;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}
.video-js .vjs-control:focus {
  text-shadow: none;
}
.video-js .vjs-icon-placeholder:before {
  position: relative;
  font-size: 24px;
}
.video-js .vjs-play-control {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 86'%3E%3Cpath d='M53 15h6c1.66 0 3 1.34 3 3v50c0 1.66-1.34 3-3 3h-6c-1.66 0-3-1.34-3-3V18c0-1.66 1.34-3 3-3zm-29 3v50c0 1.66 1.34 3 3 3h6c1.66 0 3-1.34 3-3V18c0-1.66-1.34-3-3-3h-6c-1.66 0-3 1.34-3 3z' fill='%23fff'/%3E%3Cpath fill='none' d='M0 0h86v86H0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 26px;
  cursor: pointer;
}
.video-js .vjs-play-control.vjs-paused {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 86'%3E%3Cpath d='M72.05 41.32c-.31-.53-.64-.86-1.21-1.24S29.7 13.49 29 13.12s-1.04-.62-1.85-.63-1.24.2-1.73.49-1.07.99-1.24 1.74-.17 2.16-.17 3v50.53c0 .85-.01 2.26.17 3s.75 1.45 1.24 1.74.92.51 1.73.49 1.15-.25 1.85-.63S70.37 46.2 70.84 45.89c.48-.31.9-.69 1.21-1.24s.45-1.1.45-1.67c0-.55-.14-1.13-.45-1.66z' fill='%23fff'/%3E%3Cpath fill='none' d='M0 0h86v86H0z'/%3E%3C/svg%3E");
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  display: none;
}
.video-js .vjs-current-time {
  display: block;
}
.video-js .vjs-time-control {
  font-size: 14px;
  line-height: 48px;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: 120px;
  transition-duration: 0.3s;
}
.video-js
  .vjs-volume-panel.vjs-volume-panel-horizontal:hover
  .vjs-volume-control.vjs-volume-horizontal {
  height: 48px;
  transition-duration: 0.3s;
}
.video-js .vjs-mute-control {
  background-repeat: no-repeat;
  background-position: 0 -96px;
  background-size: 48px;
}
.video-js .vjs-mute-control,
.video-js .vjs-mute-control.vjs-vol-0 {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/icon.78fdbcc9.png);
}
.video-js .vjs-mute-control.vjs-vol-0 {
  background-position: 0 -144px;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  display: none;
}
.video-js .vjs-volume-control {
  margin-right: 0;
}
.video-js .vjs-volume-bar {
  margin: 22px 0;
}
.video-js .vjs-volume-bar.vjs-slider-horizontal {
  height: 4px;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.video-js .vjs-volume-bar .vjs-volume-level {
  height: 100%;
  border-radius: 2px;
}
.video-js .vjs-volume-bar .vjs-volume-level:before {
  content: "";
  top: -4px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  font-size: 12px;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #fff;
}
.video-js .vjs-progress-holder {
  height: 4px;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.3);
}
.video-js .vjs-play-progress {
  border-radius: 2px;
}
.video-js .vjs-play-progress:before {
  content: "";
  top: -4px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}
.video-js .vjs-fullscreen-control {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/icon.78fdbcc9.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 48px;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  display: none;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/icon.78fdbcc9.png);
  background-position: 0 -48px;
}
.video-js .vjs-fullscreen-control,
.video-js .vjs-mute-control,
.video-js .vjs-play-control {
  opacity: 0.8;
  transition: opacity 0.5s ease;
}
.video-js .vjs-fullscreen-control:hover,
.video-js .vjs-mute-control:hover,
.video-js .vjs-play-control:hover {
  opacity: 1;
}
.video-js .vjs-text-track-display {
  right: auto;
  top: auto;
  bottom: -1px;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
}
.video-js .vjs-slider:focus {
  box-shadow: none;
  text-shadow: none;
}
.video-js .vjs-audio-button,
.video-js .vjs-chapters-button,
.video-js .vjs-descriptions-button,
.video-js .vjs-loading-spinner,
.video-js .vjs-modal-dialog,
.video-js .vjs-playback-rate {
  display: none;
}
.video-js .vjs-time-tooltip {
  font-size: 12px;
}
.video-js .vjs-control-text {
  display: none;
}
@media (max-width: 720px) {
  html.isandroid .layer-close {
    top: var(--statusbarHeight) !important;
  }
}
.layer {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  transition: opacity 0.6s ease-in-out;
  opacity: 0;
}
.layer.show {
  display: block;
}
.layer.active,
.layer.active video {
  opacity: 1;
}
.layer-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 56.25vw;
  max-height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.layer-inner.boxvideo {
  width: 100vw;
  height: 42.60417vw;
}
.layer-inner.boxvideo4-3 {
  width: 100vw;
  height: 75vw;
}
.layer-inner.boxvideo-4-6 {
  width: 100vw;
  height: 155.71776vw;
}
.layer-inner video {
  width: 100%;
  height: 100%;
}
.layer-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5357142857142857rem;
  height: 0.5357142857142857rem;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layer-close .iconfont {
  height: 0.5357142857142857rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.5357142857142857rem;
  color: #999;
  cursor: pointer;
}
.layer-close .iconfont:hover {
  color: #666;
}
@media (max-width: 1024px) {
  .layer-close {
    width: 7.8125vw;
    height: 7.8125vw;
  }
  .layer-close .iconfont {
    font-size: 2.604166666666667vw;
    line-height: 7.8125vw;
  }
}
@media (max-width: 720px) {
  .layer-close {
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
    width: 16.666666666666664vw;
    height: 16.666666666666664vw;
    margin-top: 12.222222222222221vw;
  }
  .layer-close .iconfont {
    height: 16.666666666666664vw;
    font-size: 5.555555555555555vw;
    line-height: 16.666666666666664vw;
  }
}
.layer-mask {
  z-index: 800;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.layer-mask.active {
  display: block;
}
.layer-inner .video-js.vjs-ended .vjs-big-play-button,
.layer-inner .video-js.vjs-ended .vjs-control-bar {
  transform: translate3d(0, 20px, 0);
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
}
.layer-inner .video-js .vjs-volume-control {
  margin-left: 10px;
}
:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}
html.isapp .scene-pre {
  min-height: 100vh;
}
@media (max-width: 720px) {
  .product-wrap.en .scene-pre .product-slogan {
    display: block;
    padding: 0 2.666666666666667vw;
    margin-bottom: 3.2vw;
    font-size: 20px;
    line-height: 28px;
  }
}
.scene.scene-pre {
  height: 37.5vw;
  padding-bottom: 0.08928571428571427rem;
  box-sizing: content-box;
  background-color: #fff;
}
@media (max-width: 720px) {
  .scene.scene-pre {
    height: 500px;
    min-height: unset;
    padding-bottom: unset;
    background-color: #000;
  }
}
.scene.scene-pre.loaded .scene-inner {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 1024px) {
  .scene.scene-pre.loaded .scene-inner {
    background-image: var(--backgroundImage1024);
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .scene.scene-pre.loaded .scene-inner {
    background-image: var(--backgroundImage768);
  }
}
@media (max-width: 820px) {
  .scene.scene-pre.loaded .scene-inner {
    background-image: var(--backgroundImage768);
  }
}
@media (max-width: 720px) {
  .scene.scene-pre.loaded .scene-inner {
    background-image: var(--backgroundImage720);
  }
}
.scene.scene-pre.fullscreen {
  height: 100vh;
  max-height: unset;
}
.scene.scene-pre.live {
  padding-bottom: 0;
}
@media (max-width: 720px) {
  .scene.scene-pre.live .scene-inner video {
    display: block;
  }
}
.scene.scene-pre.demotion video {
  display: none;
}
.scene.scene-pre.demotion .product-videoplayer {
  opacity: 1;
  pointer-events: unset;
}
.scene.scene-pre[data-color="black"] .product-fadebox {
  color: #191919;
}
.scene.scene-pre .fn-hide {
  display: none !important;
}
@media (max-width: 720px) {
  .scene.scene-pre .scene-wrap {
    overflow: hidden;
  }
}
@media (max-width: 720px) {
  .scene.scene-pre .scene-inner {
    background-position: 50%;
    background-size: cover;
  }
  .scene.scene-pre .scene-inner video {
    display: none;
  }
}
.scene.scene-pre video {
  width: 100%;
  height: 100%;
  background-color: #000;
  object-fit: cover;
}
@media (max-width: 720px) {
  .scene.scene-pre video {
    object-fit: contain;
  }
}
.scene.scene-pre .product-fadebox {
  top: 1rem;
}
@media (max-width: 720px) {
  .scene.scene-pre .product-fadebox {
    top: calc(13.33333vw + constant(safe-area-inset-top));
    top: calc(13.33333vw + env(safe-area-inset-top));
  }
}
.scene.scene-pre .product-button {
  width: unset;
  height: 0.3571428571428571rem;
  padding: 0.08035714285714285rem 0.17857142857142855rem;
}
.scene.scene-pre .product-button.sub {
  border: 2px solid #fff;
  margin-bottom: 0.14285714285714285rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.scene.scene-pre .product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, 0.26);
}
@media (max-width: 720px) {
  .scene.scene-pre .product-button.sub {
    width: 138px;
    height: 40px;
    margin-bottom: 4.266666666666667vw;
    font-size: 14px;
    line-height: 22px;
    background-color: hsla(0, 0%, 100%, 0.1);
  }
  .scene.scene-pre .product-button.sub:hover {
    border: 2px solid #fff;
    background-color: hsla(0, 0%, 100%, 0.1);
  }
}
.scene.scene-pre .product-button.main {
  border: none;
  margin-bottom: 0.14285714285714285rem;
  color: #000;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  background-color: #fff;
}
.scene.scene-pre .product-button.main:hover {
  color: #fff;
  background-color: #191919;
}
@media (max-width: 720px) {
  .scene.scene-pre .product-button.main {
    padding: unset;
    min-width: 139px;
    height: 40px;
    margin-bottom: 4.266666666666667vw;
    font-size: 14px;
    line-height: 22px;
  }
  .scene.scene-pre .product-button.main:hover {
    color: #000;
    background-color: #fff;
  }
}
@media (max-width: 720px) {
  .scene.scene-pre .product-videoplayer {
    font-size: 14px;
  }
}
@media (max-width: 720px) {
  .scene.scene-pre .scene-loopvideo-button {
    display: none !important;
  }
}
@media (min-width: 721px) {
  .scene-pre-title {
    margin-bottom: calc(var(--margin) * 0.00893rem);
  }
  .scene-pre-title[data-font="46"] {
    font-size: 0.41071428571428575rem;
    line-height: 0.5178571428571428rem;
  }
  .scene-pre-title[data-font="36"],
  .scene-pre-title[data-font="46"] {
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
  .scene-pre-title[data-font="36"] {
    font-size: 0.3214285714285714rem;
    line-height: 0.42857142857142855rem;
  }
  .scene-pre-title[data-font="30"] {
    font-size: 0.26785714285714285rem;
    line-height: 0.375rem;
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
  .scene-pre-title[data-font="24"] {
    font-size: 0.21428571428571427rem;
    line-height: 0.3214285714285714rem;
  }
  .scene-pre-title[data-font="22"] {
    font-size: 0.19642857142857145rem;
    line-height: 0.3035714285714286rem;
  }
  .scene-pre-title[data-font="20"] {
    font-size: 0.17857142857142855rem;
    line-height: 0.2857142857142857rem;
  }
}
@media (max-width: 720px) {
  .scene-pre-title {
    margin-bottom: calc(var(--margin) * 1px);
  }
  .scene-pre-title[data-font="32"] {
    font-size: 32px;
    line-height: 44px;
  }
  .scene-pre-title[data-font="28"],
  .scene-pre-title[data-font="32"] {
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
  .scene-pre-title[data-font="28"] {
    font-size: 28px;
    line-height: 40px;
  }
  .scene-pre-title[data-font="24"] {
    font-size: 24px;
    line-height: 36px;
  }
  .scene-pre-title[data-font="20"],
  .scene-pre-title[data-font="24"] {
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
  .scene-pre-title[data-font="20"] {
    font-size: 20px;
    line-height: 32px;
  }
  .scene-pre-title[data-font="18"] {
    font-size: 18px;
    line-height: 26px;
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
  .scene-pre-title[data-font="16"] {
    font-size: 16px;
    line-height: 24px;
  }
  .scene-pre-title[data-font="14"] {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 720px) {
  .chj-dialog .chj-dialog-header-title {
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
  .chj-dialog .chj-dialog-body {
    padding: 8px 20px 20px;
  }
  .chj-dialog .chj-dialog-footer {
    height: unset;
    padding: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }
  .chj-dialog .chj-dialog-footer .chj-button {
    line-height: 24px;
    color: #5a7cab;
  }
}
.chj-motion-shadow {
  transition: opacity 0.3s ease-in-out;
}
.chj-drawer-wrap {
  transition: transform 0.3s ease-in-out;
}
.chj-motion-drawer-left-enter {
  transform: translateX(100%);
}
.chj-motion-drawer-left-enter-active,
.chj-motion-drawer-left-exit {
  transform: translateX(0);
}
.chj-motion-drawer-left-exit-active {
  transform: translateX(100%);
}
.chj-motion-drawer-bottom-enter {
  transform: translateY(100%);
}
.chj-motion-drawer-bottom-enter-active,
.chj-motion-drawer-bottom-exit {
  transform: translateY(0);
}
.chj-motion-drawer-bottom-exit-active {
  transform: translateY(100%);
}
.chj-motion-opacity-enter {
  opacity: 0;
}
.chj-motion-opacity-enter-active,
.chj-motion-opacity-exit {
  opacity: 1;
}
.chj-motion-opacity-exit-active {
  opacity: 0;
}
::-webkit-scrollbar {
  scrollbar-width: none;
  display: none;
  -ms-overflow-style: none;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes show {
  0%,
  20% {
    opacity: 0;
  }
  21%,
  to {
    opacity: 1;
  }
}
@keyframes hide {
  0%,
  20% {
    opacity: 1;
  }
  21%,
  to {
    opacity: 0;
  }
}
body {
  padding-top: 50px;
  color: #222;
}
input {
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  outline: none;
}
input::-ms-clear {
  display: none;
}
.main {
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  padding-bottom: 20px;
  background-color: #f7f8f9;
}
.main-inner {
  width: 11.714285714285714rem;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .main-inner {
    width: 100%;
  }
}
.title {
  height: 50px;
  padding-top: 36px;
  box-sizing: content-box;
  font-size: 32px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 50px;
}
@media (max-width: 1024px) {
  .title {
    height: 28px;
    padding: 38px 5.208333333333334vw 7px;
    font-size: 0.21428571428571427rem;
    line-height: 0.25rem;
  }
}
.title-delivery {
  position: relative;
  width: 260px;
}
@media (max-width: 1024px) {
  .title-delivery {
    margin: 0 5.208333333333334vw;
  }
}
.title-delivery-display {
  font-size: 0.14285714285714285rem;
  line-height: 0.375rem;
}
.subtitle {
  height: 20px;
  padding-bottom: 13px;
  box-sizing: content-box;
  font-size: 12px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #8c8985;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .subtitle {
    padding-left: 5.208333333333334vw;
    padding-right: 5.208333333333334vw;
  }
}
@media (max-width: 768px) {
  .subtitle {
    padding-bottom: 9px;
  }
}
.main-tip {
  height: 28px;
  padding-top: 8px;
  box-sizing: content-box;
  font-size: 0.125rem;
  color: #97999b;
  line-height: 0.25rem;
}
@media (max-width: 1024px) {
  .main-tip {
    padding: 22px 5.208333333333334vw 0;
  }
}
.content {
  position: relative;
  width: 11.714285714285714rem;
  margin: 64px auto 0;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
@media (max-width: 1024px) {
  .content {
    width: calc(100% - 10.41667vw);
    margin: 40px 5.208333333333334vw 0;
  }
}
.detail {
  width: 752px;
}
@media (max-width: 1440px) {
  .detail {
    width: 564px;
  }
}
@media (max-width: 1024px) {
  .detail {
    width: 51.432291666666664vw;
  }
}
.detail-project {
  width: 564px;
}
@media (max-width: 1024px) {
  .detail-project {
    width: 395px;
  }
}
.detail-title {
  position: relative;
  padding-top: 24px;
  margin-bottom: 14px;
  font-size: 20px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 28px;
}
.detail-title p:not(:first-child) {
  padding-top: 8px;
  font-size: 12px;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}
.detail-title a {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  font-size: 0.125rem;
  color: #191919;
  line-height: 0.17857142857142855rem;
}
@media (max-width: 720px) {
  .detail-title a {
    font-size: 14px;
    line-height: 20px;
  }
}
.form {
  position: relative;
  width: 564px;
  padding-bottom: 28px;
}
@media (max-width: 1024px) {
  .form {
    width: 395px;
  }
}
.form-box {
  padding-bottom: 36px;
  position: relative;
}
.form-box:last-child {
  padding-bottom: 12px;
}
.confirm-box .form-box {
  padding: 0;
  margin-bottom: 12px;
}
.position-box {
  position: relative;
}
.form-label {
  margin-bottom: 8px;
  font-size: 0.125rem;
  color: #8c8985;
  line-height: 0.21428571428571427rem;
  width: 100px;
  color: rgba(0, 0, 0, 0.9);
}
.form-label.error {
  color: red;
}
@media (max-width: 720px) {
  .form-label {
    font-size: 14px;
    line-height: 20px;
  }
}
.position-label {
  position: absolute;
  top: 8px;
}
.form-value {
  flex-grow: 1;
  padding: 9px 0 8px;
  border-bottom: 1px solid #f7f8f9;
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
}
@media (max-width: 720px) {
  .form-value {
    font-size: 16px;
    line-height: 24px;
  }
}
.form-select {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 42px;
  padding: 9px 0 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  line-height: 0.21428571428571427rem;
  transition: border 0.3s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-select.active,
.form-select:hover {
  border-bottom: 1px solid #191919;
}
.form-select.active .form-select-icon,
.form-select:hover .form-select-icon {
  color: #191919;
}
@media (min-width: 1300px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .form-select:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  .form-select:hover .form-select-icon {
    color: rgba(0, 0, 0, 0.04);
  }
  .form-select.active {
    border-bottom: 1px solid #191919;
  }
  .form-select.active .form-select-icon {
    color: #191919;
  }
}
@media (max-width: 1024px) {
  .form-select:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  .form-select:hover .form-select-icon {
    color: rgba(0, 0, 0, 0.04);
  }
  .form-select.active {
    border-bottom: 1px solid #191919;
  }
  .form-select.active .form-select-icon {
    color: #191919;
  }
}
@media (max-width: 720px) {
  .form-select {
    line-height: 24px;
  }
}
.form-select-value {
  height: 24px;
  overflow: hidden;
  font-size: 0.14285714285714285rem;
  color: #c7c9c7;
  margin-right: 4px;
}
.form-select-value.current {
  color: #222;
}
@media (max-width: 720px) {
  .form-select-value {
    font-size: 16px;
  }
}
.form-select-icon {
  width: 24px;
  height: 24px;
  color: #8c8985;
  text-align: center;
  transition:
    color 0.3s ease-in,
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-select-icon.active {
  transform: rotate(90deg);
}
.form-select-icon .iconfont {
  font-size: 20px;
}
.form-input {
  position: relative;
  height: 42px;
}
.form-input.form-input-special {
  display: flex;
}
.form-input.form-input-special .form-input-inner:first-child {
  width: 80px;
}
.form-input.form-input-special .form-input-inner:first-child input {
  text-align: left;
}
.form-input.form-input-special .form-input-inner input {
  width: 100%;
}
.form-input.form-input-special span {
  padding: 9px 8px;
  font-size: 0.125rem;
  line-height: 0.21428571428571427rem;
  white-space: nowrap;
}
.form-input.form-input-special span:last-child {
  padding-right: 0;
}
.form-input-name {
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.form-input-inner {
  height: 100%;
  padding: 9px 0 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  transition: border 0.3s ease-in;
  display: flex;
}
.form-input-inner.active,
.form-input-inner:hover {
  border-bottom: 1px solid #191919;
}
.form-input-inner input {
  flex: 1;
  height: 24px;
  font-size: 0.14285714285714285rem;
  color: #222;
  line-height: 0.21428571428571427rem;
  vertical-align: top;
}
.form-input-inner input::-webkit-input-placeholder {
  color: #c7c9c7;
}
@media (max-width: 1024px) {
  .form-input-inner:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  }
  .form-input-inner.active {
    border-bottom: 1px solid #191919;
  }
}
@media (max-width: 720px) {
  .form-input-inner input {
    font-size: 16px;
    line-height: 24px;
  }
}
.form-recommender {
  height: 100%;
  padding: 9px 0 8px;
  border-bottom: 1px solid #f7f8f9;
}
.form-recommender-name {
  height: 24px;
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
}
@media (max-width: 720px) {
  .form-recommender-name {
    font-size: 16px;
    line-height: 24px;
  }
}
.form-input-getcode {
  position: absolute;
  right: 0;
  top: 9px;
  height: 24px;
  font-size: 0.14285714285714285rem;
  color: #c7c9c7;
  line-height: 0.21428571428571427rem;
  transition: color 0.3s ease-in;
}
.form-input-getcode.active {
  color: #191919;
  cursor: pointer;
}
.form-input-getcode.active:active,
.form-input-getcode.active:hover {
  color: #3c3c3c;
}
@media (max-width: 720px) {
  .form-input-getcode {
    font-size: 16px;
    line-height: 24px;
  }
}
.form-agreement {
  display: flex;
  align-items: center;
  padding-bottom: 36px;
}
.form-agreement-select {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding-top: 1px;
  border: 1px solid #8c8985;
  border-radius: 50%;
  transition:
    border 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.form-agreement-select .iconfont {
  font-size: 12px;
  color: #fff;
  opacity: 0;
}
.form-agreement-select.active {
  border: 1px solid #191919;
  background-color: #191919;
}
.form-agreement-select.active .iconfont {
  opacity: 1;
}
.form-agreement-text {
  padding-left: 6px;
  font-size: 0.125rem;
  color: #8c8985;
  line-height: 0.19642857142857145rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.form-agreement-text a {
  padding: 0 4px;
  color: #191919;
}
@media (max-width: 720px) {
  .form-agreement-text {
    font-size: 14px;
    line-height: 22px;
  }
}
.form-button {
  position: relative;
  width: 112px;
  height: 42px;
  border-radius: 21px;
  margin-bottom: 36px;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 0.375rem;
  text-align: center;
  background-color: #191919;
  cursor: pointer;
}
.form-button.loading span {
  animation: hide 1s linear forwards;
}
.form-button.loading .loading-wrap {
  animation: show 1s linear forwards;
}
.form-button .loading-wrap {
  opacity: 0;
}
@media (max-width: 720px) {
  .form-button {
    font-size: 16px;
    line-height: 42px;
  }
}
.form-row {
  position: relative;
  display: flex;
}
.form-row .form-input {
  flex-grow: 1;
}
.form-card {
  flex-shrink: 0;
  position: relative;
  width: 228px;
  margin-right: 24px;
  flex: 1;
}
@media (max-width: 1024px) {
  .form-card {
    width: 160px;
    margin-right: 16px;
  }
}
.form-select-wrap {
  z-index: 310;
  position: absolute;
  left: 0;
  top: 34px;
  width: 100%;
  height: 192px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  font-size: 0.14285714285714285rem;
  background-color: #fff;
}
@media (max-width: 720px) {
  .form-select-wrap {
    font-size: 16px;
  }
}
.form-select-list {
  height: 100%;
  padding: 16px 0;
  overflow: auto;
}
@media (max-width: 1024px) {
  .form-select-list {
    padding: 12px 0;
  }
}
.form-select-item {
  padding: 10px 24px;
  font-size: 0.14285714285714285rem;
  line-height: 0.17857142857142855rem;
  cursor: pointer;
}
.form-select-item.current {
  color: #191919;
}
.form-select-item:hover {
  background-color: #f7f8f9;
}
@media (max-width: 1024px) {
  .form-select-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 720px) {
  .form-select-item {
    font-size: 16px;
    line-height: 20px;
  }
}
.form-disabled {
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
}
.form-disabled span {
  color: red;
}
.form-disabled a {
  color: #191919;
}
.form-disabled em {
  font-size: 0.14285714285714285rem;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1;
}
@media (max-width: 1024px) {
  .form-disabled {
    font-size: 12px;
    line-height: 20px;
  }
  .form-disabled em {
    font-size: 0.125rem;
  }
}
@media (max-width: 720px) {
  .form-disabled {
    font-size: 14px;
    line-height: 22px;
  }
}
.form-title {
  padding: 27px 0;
  margin-bottom: 6px;
  line-height: 28px;
}
.form-title.form-title-city {
  margin-top: 12px;
}
.form-title-main {
  font-size: 0.21428571428571427rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.form-title-sub {
  margin-top: 2px;
  font-size: 0.125rem;
}
.form-title-sub p {
  display: inline;
}
@media (max-width: 720px) {
  .form-title-sub {
    font-size: 14px;
  }
}
.form-line {
  height: 1px;
  background-color: hsla(210, 2%, 60%, 0.5);
}
.loading-wrap {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  pointer-events: none;
}
.loading-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/mall/loading.0ee2398f.svg)
    no-repeat 50%;
  background-size: 100%;
}
.isms .loading-inner {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/mall/loading-static.6fe58d15.svg);
  animation: loading 0.6s linear infinite;
}
.confirm {
  position: absolute;
  right: 0;
  top: 0;
}
.confirm.fixed {
  position: fixed;
  left: 50%;
  right: auto;
  top: 64px;
  margin-left: 5.857142857142857rem;
  transform: translateX(-100%);
}
.confirm.bottom {
  position: absolute;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  margin-left: 0;
  transform: translateX(0);
}
@media (max-width: 1024px) {
  .confirm.fixed {
    left: auto;
    right: 5.208333333333334vw;
    top: 40px;
    margin-right: 0;
    transform: translateX(0);
  }
  .confirm.bottom {
    right: 0;
    top: auto;
  }
}
.confirm-inner {
  width: 4rem;
  padding: 59px 47px;
  border: 1px solid hsla(210, 2%, 60%, 0.5);
  background-color: #fff;
}
@media (max-width: 1440px) {
  .confirm-inner {
    padding: 43px 31px 27px;
  }
}
@media (max-width: 1024px) {
  .confirm-inner {
    width: 36.19791666666667vw;
    padding: 27px 1.953125vw 29px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-inner {
    width: 336px;
    padding: 43px 31px 27px;
  }
}
.confirm-title {
  margin-bottom: 20px;
  font-size: 0.21428571428571427rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 0.26785714285714285rem;
}
@media (max-width: 1024px) {
  .confirm-title {
    height: 28px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-title {
    height: 30px;
    margin-bottom: 20px;
    font-size: 0.21428571428571427rem;
    line-height: 0.26785714285714285rem;
  }
}
@media (max-width: 720px) {
  .confirm-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.confirm-row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  box-sizing: content-box;
  font-size: 12px;
  line-height: 20px;
}
.confirm-row.mainprice {
  padding-bottom: 8px;
  border-bottom: 1px dashed hsla(0, 0%, 59.2%, 0.5);
  margin-bottom: 12px;
  line-height: 28px;
}
.confirm-row.mainprice .confirm-row-right span {
  margin-right: 4px;
  font-size: 20px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  vertical-align: -2px;
}
@media (max-width: 1024px) {
  .confirm-row {
    padding-bottom: 8px;
  }
  .confirm-row.mainprice {
    padding-bottom: 8px;
    margin-bottom: 8px;
    line-height: 0.21428571428571427rem;
  }
  .confirm-row.mainprice .confirm-row-right span {
    font-size: 20px;
    vertical-align: -1px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-row {
    padding-bottom: 12px;
  }
  .confirm-row.mainprice {
    line-height: 28px;
  }
  .confirm-row.mainprice .confirm-row-right span {
    font-size: 20px;
    vertical-align: -2px;
  }
}
.confirm-row-right span {
  margin-right: 2px;
  font-size: 0.125rem;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1;
  vertical-align: -1px;
}
@media (max-width: 720px) {
  .confirm-row-right span {
    font-size: 14px;
  }
}
.confirm-agreement {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .confirm-agreement {
    margin-top: 22px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-agreement {
    margin-top: 24px;
  }
}
.confirm-agreement-select {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding-bottom: 1px;
  border: 2px solid #dedfe0;
  border-radius: 50%;
  margin-top: 1px;
  transition:
    border 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.confirm-agreement-select .lxiconfont {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  opacity: 0;
  transform: translateY(1px);
}
.confirm-agreement-select.active {
  border: 1px solid #191919;
  background-color: #191919;
}
.confirm-agreement-select.active .lxiconfont {
  opacity: 1;
}
.confirm-agreement-text {
  padding-left: 4px;
  font-size: 12px;
  color: #8c8985;
  line-height: 20px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.confirm-agreement-text a {
  color: #5a7cab;
}
@media (max-width: 1024px) {
  .confirm-agreement-text {
    padding-left: 8px;
    line-height: 20px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-agreement-text {
    padding-left: 4px;
    line-height: 20px;
  }
}
.confirm-price {
  padding-top: 15px;
  padding-bottom: 13px;
  font-size: 0.125rem;
  line-height: 1;
}
.confirm-price span {
  margin-left: 10px;
  margin-right: 4px;
  font-size: 32px;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 40px;
  vertical-align: -2px;
}
@media (max-width: 720px) {
  .confirm-price {
    font-size: 14px;
  }
}
.confirm-button {
  position: relative;
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 4px;
  margin-bottom: 14px;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  background-color: #c7c9c7;
  transition:
    background 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    border 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.confirm-button.white {
  padding: 12px 0;
  border: 1px solid #c7c9c7;
  margin-bottom: 0;
  color: #222;
  background-color: #fff;
  cursor: pointer;
}
.confirm-button.white:active,
.confirm-button.white:hover {
  border: 1px solid #191919;
  color: #191919;
}
.confirm-button.white.disabled {
  border: 1px solid #c7c9c7;
  color: #c7c9c7;
  cursor: default;
}
.confirm-button.active {
  cursor: pointer;
}
.confirm-button.active,
.confirm-button.active:active,
.confirm-button.active:hover {
  background-color: #191919;
}
.confirm-button.loading p {
  animation: hide 1s linear forwards;
}
.confirm-button.loading .loading-wrap {
  animation: show 1s linear forwards;
}
.confirm-button .loading-wrap {
  opacity: 0;
}
@media (max-width: 1024px) {
  .confirm-button {
    margin-bottom: 12px;
    font-size: 0.125rem;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-button {
    margin-bottom: 16px;
    font-size: 0.14285714285714285rem;
  }
}
@media (max-width: 720px) {
  .confirm-button {
    font-size: 16px;
  }
}
.confirm-tip {
  margin-bottom: 6px;
  font-size: 12px;
  color: #8c8985;
  line-height: 20px;
}
.confirm-tip p {
  padding-bottom: 4px;
}
@media (max-width: 1024px) {
  .confirm-tip {
    margin-bottom: 4px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-tip {
    margin-bottom: 12px;
  }
}
.confirm-support {
  display: flex;
  justify-content: flex-end;
  height: 20px;
  font-size: 12px;
  color: #8c8985;
  line-height: 20px;
}
.confirm-support-text {
  margin-left: 8px;
  margin-right: 4px;
}
.confirm-support-text:last-child {
  margin-right: 0;
}
.confirm-support-icon {
  width: 20px;
  height: 100%;
  margin-left: 8px;
  text-align: center;
}
.confirm-support-icon .iconfont {
  font-size: 0.14285714285714285rem;
  color: #97999b;
}
@media (max-width: 720px) {
  .confirm-support-icon .iconfont {
    font-size: 16px;
  }
}
.confirm-hotline {
  padding-top: 10px;
  padding-bottom: 68px;
  font-size: 12px;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #8c8985;
  line-height: 20px;
}
.confirm-hotline a {
  color: #191919;
}
.confirm-hotline span {
  font-size: 0.125rem;
  line-height: 1;
  vertical-align: -1px;
}
@media (max-width: 720px) {
  .confirm-hotline span {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .confirm-hotline {
    width: 36.19791666666667vw;
    white-space: nowrap;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .confirm-hotline {
    width: auto;
  }
}
.chj-content {
  display: flex;
  flex-direction: column;
}
.buy {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-grow: 1;
}
.buy-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-top: 16px;
  padding-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  background-color: #fff;
}
.buy-footer-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 3.7142857142857144rem;
  padding: 0 0.5357142857142857rem;
}
@media (max-width: 1440px) {
  .buy-footer-inner {
    padding: 0 0.38095238095238093rem;
  }
}
@media (max-width: 850px) {
  .buy-footer-inner {
    width: 310px;
    padding: 0 20px;
  }
  .buy-footer-inner .buy-configure {
    padding: 0 5px;
  }
}
.buy-footer-amount {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
.buy-footer-amount-item {
  display: flex;
  align-items: center;
}
.buy-footer-amount-item.pointer {
  cursor: pointer;
}
.buy-footer-amount-item .hr {
  display: block;
  width: 1px;
  height: 14px;
  margin: 0 14px;
  background-color: rgba(0, 0, 0, 0.2);
}
.buy-footer-amount-item .buy-footer-amount-button {
  font-size: 12px;
  color: #5a7cab;
  line-height: 20px;
}
.buy-footer-amount-price {
  font-size: 0.14285714285714285rem;
  color: rgba(0, 0, 0, 0.9);
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 0.21428571428571427rem;
}
.buy-footer-amount-price em {
  margin-right: 10px;
}
.buy-footer-amount-price .iconfont {
  margin-right: 10px;
  display: inline-block;
  transform: rotate(-90deg) translateX(-1px);
}
@media (max-width: 720px) {
  .buy-footer-amount-price {
    font-size: 16px;
    line-height: 24px;
  }
}
.buy-footer-amount-price-tip {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
}
.buy-footer-amount-divide {
  background-color: #97999b;
  margin: 0 12px;
  width: 1px;
  height: 18px;
}
.buy-footer-button {
  width: 100%;
  display: flex;
  align-items: center;
}
.buy-footer-button.disabled .buy-button {
  pointer-events: none;
}
.buy-footer-button.disabled .buy-button.primary {
  background-color: rgba(0, 0, 0, 0.04);
}
.buy-footer-button.disabled .buy-button.primary .buy-button-inner {
  color: #ccc;
}
.buy-footer-button.disabled .buy-button.second {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.buy-footer-button.disabled .buy-button.second .buy-button-inner {
  color: #ccc;
}
.buy-button {
  flex: 1;
  height: 48px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
}
.buy-button.primary {
  background-color: rgba(0, 0, 0, 0.9);
}
.buy-button.primary:hover {
  background-color: #3c3c3c;
}
.buy-button.second {
  border: 1px solid rgba(0, 0, 0, 0.9);
}
.buy-button.second:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.buy-button.radius {
  border-radius: 24px;
}
.buy-button-icon {
  cursor: pointer;
  min-width: 3em;
  padding-top: 4px;
  margin-right: 14px;
  display: flex;
  flex-direction: column;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 18px;
  text-align: center;
}
.buy-button-icon .lxiconfont {
  margin-bottom: 4px;
  font-size: 24px;
}
.buy-link {
  display: inline-block;
  font-size: 0.14285714285714285rem;
  line-height: 0.42857142857142855rem;
  height: 48px;
}
.buy-link:hover {
  opacity: 0.8;
}
@media (max-width: 720px) {
  .buy-link {
    font-size: 16px;
    line-height: 48px;
  }
}
.buy-button-inner {
  text-align: center;
  font-size: 0.14285714285714285rem;
  line-height: 0.42857142857142855rem;
  color: #fff;
}
@media (max-width: 720px) {
  .buy-button-inner {
    font-size: 16px;
    line-height: 48px;
  }
}
.draw-layer-box-pc {
  position: absolute;
  width: 580px;
  height: auto;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1440px) {
  .draw-layer-box-pc {
    width: 472px;
    padding: 16px 32px;
  }
}
.draw-layer-box-pc .draw-layer-header {
  height: 70px;
  position: relative;
}
@media (max-width: 1440px) {
  .draw-layer-box-pc .draw-layer-header {
    height: 50px;
  }
}
.draw-layer-box-pc .draw-layer-header .draw-layer-header-title {
  font-size: 20px;
  line-height: 70px;
  color: #191919;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 600;
}
@media (max-width: 1440px) {
  .draw-layer-box-pc .draw-layer-header .draw-layer-header-title {
    font-size: 15px;
    line-height: 50px;
  }
}
.draw-layer-box-pc .draw-layer-header .iconfont {
  font-size: 18px;
  color: #191919;
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
  padding: 2px;
}
@media (max-width: 1440px) {
  .draw-layer-box-pc .draw-layer-header .iconfont {
    font-size: 15px;
    top: 12px;
  }
}
.isbaiduminapp .chj-footer-icon-app {
  display: none;
}
.chj-footer {
  position: relative;
  bottom: 0;
  font-size: 12px;
  line-height: 20px;
  background-color: #000;
}
.chj-footer.islibrowser .chj-footer-text {
  pointer-events: none;
}
.chj-footer.islibrowser .footer-alink {
  text-decoration: unset;
}
@media (max-width: 850px) {
  .chj-footer {
    border-top: 1px solid #222;
  }
  .chj-footer.noMobileFooter {
    display: none;
  }
}
.chj-footer-inner {
  position: relative;
  padding: 0 48px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .chj-footer-inner {
    width: 100%;
    padding: 0 3.90625vw;
    box-sizing: border-box;
  }
}
@media (max-width: 850px) {
  .chj-footer-inner {
    width: 100%;
    padding: 0 5.555555555555555vw 23px;
  }
  .chj-footer-inner .mobile-hide {
    display: none;
  }
}
.chj-footer-link {
  display: flex;
  flex-wrap: wrap;
}
.chj-footer-link a {
  display: flex;
  width: auto;
  height: 40px;
  align-items: center;
  color: hsla(0, 0%, 100%, 0.8);
  text-align: left;
}
.chj-footer-link a:hover {
  color: #fff;
}
.chj-footer-link a:not(:last-of-type):after {
  margin: 0 20px;
  color: #222;
  content: "|";
}
@media (max-width: 850px) {
  .chj-footer-link a {
    height: 40px;
    padding-bottom: 20px;
  }
  .chj-footer-link a:not(:last-of-type):after {
    margin: 0 4.533333333333333vw;
  }
}
@media (max-width: 750px) {
  .chj-footer-link a:not(:last-of-type):after {
    margin: 0 2.933333333333333vw;
  }
}
.chj-footer-inner-cell {
  display: flex;
  justify-content: space-between;
}
.chj-footer-inner-cell.cell-top {
  height: auto;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #222;
  align-items: start;
}
.chj-footer-inner-cell.cell-bottom {
  padding-top: 0;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 850px) {
  .chj-footer-inner-cell {
    width: 100%;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
  }
  .chj-footer-inner-cell.cell-top {
    height: auto;
    padding-top: 20px;
    border-bottom: none;
    align-items: flex-start;
  }
}
.chj-footer-icon {
  display: flex;
  height: 40px;
  padding-left: 120px;
  flex-shrink: 0;
}
.chj-footer-icon a {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.chj-footer-icon a:not(:last-child) {
  margin-right: 16px;
}
.chj-footer-icon a .chj-footer-popover {
  position: absolute;
  z-index: 202;
  left: 50%;
  bottom: 30px;
  display: none;
  width: 172px;
  padding-top: 16px;
  padding-bottom: 12px;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  margin-left: -86px;
  background-color: #fff;
}
.chj-footer-icon a .chj-footer-popover.popshow {
  display: block;
}
.chj-footer-icon a .chj-footer-popover .popover-qrcode {
  width: 140px;
  height: 140px;
  overflow: hidden;
  margin: 0 auto;
}
.chj-footer-icon a .chj-footer-popover .popover-qrcode img {
  width: 100%;
  height: 100%;
}
.chj-footer-icon a .chj-footer-popover .popover-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  opacity: 0.7;
}
.chj-footer-icon a .chj-footer-popover .popover-close .iconfont {
  font-size: 14px;
  color: #8c8985;
}
.chj-footer-icon a .chj-footer-popover .popover-text {
  margin-top: 12px;
  font-size: 14px;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #222;
  line-height: 22px;
  text-align: center;
}
.chj-footer-icon a .chj-footer-popover:after {
  position: absolute;
  left: 50%;
  bottom: -16px;
  border: 10px solid transparent;
  margin-left: -10px;
  border-top-color: #f7f8f9;
  content: "";
}
@media (max-width: 720px) {
  .chj-footer-icon a .chj-footer-popover {
    left: 100%;
  }
  .chj-footer-icon a .chj-footer-popover:after {
    left: 40%;
  }
}
.chj-footer-icon .iconfont {
  font-size: 16px;
  color: #8c8985;
  line-height: 20px;
}
@media (max-width: 850px) {
  .chj-footer-icon {
    padding-left: 0;
  }
}
.chj-footer-text {
  display: flex;
  justify-content: center;
  line-height: 20px;
}
.chj-footer-text p > span {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.8);
}
.chj-footer-text p > span:hover {
  color: #fff;
}
.chj-footer-text p > span:not(:first-of-type):before {
  display: inline-block;
  margin: 0 16px;
  color: hsla(0, 0%, 100%, 0.8);
  content: "|";
}
.chj-footer-text p > span.last {
  margin-left: 18px;
}
@media (max-width: 850px) {
  .chj-footer-text {
    padding-bottom: 9px;
    flex-direction: column;
  }
  .chj-footer-text p > span:not(:first-of-type):before {
    margin: 0;
    content: "";
  }
  .chj-footer-text p > span:nth-child(2):before {
    margin: 0 16px;
    content: "|";
  }
  .chj-footer-text p > span.last {
    margin-left: 0;
  }
}
.chj-footer-copyright {
  display: flex;
  padding-bottom: 25px;
  justify-content: center;
  color: #8c8985;
  letter-spacing: 1;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.chj-footer-copyright i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: sub;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/other/emblem.8f49442a.png)
    no-repeat;
  background-size: 100% 100%;
}
.chj-footer-copyright a,
.chj-footer-copyright a:hover,
.chj-footer-copyright a:visited {
  color: #8c8985;
}
.chj-footer-copyright span {
  display: inline-block;
  margin-top: 10px;
  margin-right: 16px;
  line-height: 20px;
}
.chj-footer-copyright span a {
  color: #8c8985;
}
@media (max-width: 1024px) {
  .chj-footer-copyright {
    flex-direction: column;
  }
}
@media (max-width: 850px) {
  .chj-footer-copyright span {
    margin-right: 0;
  }
}
.chj-footer-copyright-top {
  text-align: center;
}
@media (max-width: 850px) {
  .chj-footer-copyright-top {
    text-align: left;
  }
}
@media (max-width: 850px) {
  .chj-footer-copyright-bottom span {
    margin-right: 0;
  }
}
.chj-footer-inner.en {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: space-between;
}
.chj-footer-inner.en .chj-footer-copyright {
  padding-bottom: 0;
}
.chj-footer-inner.en ul {
  display: flex;
}
.chj-footer-inner.en ul li {
  padding: 0 12px;
  margin: 0 12px;
  white-space: nowrap;
}
.chj-footer-inner.en ul li:hover {
  color: #8c8985;
}
.chj-footer-inner.en .chj-footer-icon a {
  width: 20px;
}
.chj-footer-inner.en .chj-footer-icon a:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 1024px) {
  .chj-footer-inner.en ul {
    padding: 16px 0;
  }
  .chj-footer-inner.en ul li {
    padding: 0 4px;
    margin: 0 4px;
    white-space: nowrap;
  }
  .chj-footer-inner.en ul li:hover {
    color: #8c8985;
  }
}
@media (max-width: 720px) {
  .chj-footer-inner.en .chj-footer-popover {
    margin-left: -132px;
  }
  .chj-footer-inner.en .chj-footer-popover:after {
    left: 70%;
  }
}
.footer-alink {
  text-decoration: underline;
}
@media (max-width: 850px) {
  .footer-mAlink {
    text-decoration: underline;
  }
}
.page-padding .chj-content {
  padding-top: 50px;
}
.header-relative header {
  position: relative;
  opacity: 1;
  transform: translateY(0);
}
.header-placeholder .lxheader-wrap {
  height: 50px;
}
.isapp .page-padding .chj-content,
.ishmi .page-padding .chj-content,
.isthirdapp .page-padding .chj-content {
  padding-top: 0;
}
.isapp .header-placeholder .lxheader-wrap,
.ishmi .header-placeholder .lxheader-wrap,
.isthirdapp .header-placeholder .lxheader-wrap {
  height: 0;
}
body.hasTopTip .lxheader .lxheader-panel {
  top: 44px;
}
.lxheader {
  position: fixed;
  width: 100%;
  top: 0;
  height: 50px;
  z-index: 500;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}
@media (max-width: 1440px) {
  .lxheader {
    font-size: 12px;
  }
}
.lxheader .lxheader-inner {
  position: relative;
  background-color: #fff;
  height: 50px;
  justify-content: space-between;
  padding: 0 40px;
  z-index: 600;
}
.lxheader .lxheader-inner,
.lxheader .lxheader-inner-aside {
  display: flex;
  align-items: center;
}
.lxheader .lxheader-inner-aside.flexEnd {
  justify-content: flex-end;
  line-height: 30px;
}
@media (min-width: 1310px) {
  .lxheader .lxheader-inner-aside {
    width: 270px;
  }
}
.lxheader .lxheader-inner-nav {
  flex: 1;
}
.lxheader .lxheader-logo {
  width: 96px;
  height: 20px;
}
.lxheader .header-logo-image {
  display: inline-block;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black.019a699a.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 98px;
  height: 20px;
}
.lxheader .header-logo-image.en {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black-en.e6782a94.svg);
}
.lxheader .lxheader-navlist {
  display: flex;
  justify-content: center;
}
.lxheader .lxheader-navlist-item {
  display: inline-block;
  cursor: pointer;
  margin: 0 18px;
  padding-left: 6px;
  padding-right: 6px;
}
.lxheader .lxheader-navlist-item > span {
  box-sizing: content-box;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
}
.lxheader .lxheader-navlist-item.current > span,
.lxheader .lxheader-navlist-item:hover > span {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1610px) {
  .lxheader .lxheader-navlist-item {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 10px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-navlist-item {
    margin: 0 5px;
  }
}
.lxheader .lxheader-language {
  position: relative;
  padding-right: 20px;
}
.lxheader .lxheader-language-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lxheader .lxheader-language-icon i {
  font-size: 28px;
  line-height: 28px;
}
.lxheader .lxheader-panel {
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  background-color: #fff;
  z-index: 550;
  width: 100%;
  padding-top: 50px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  opacity: 0;
  flex-direction: column;
  transform: translateY(-100%);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0, 0.75);
  flex-grow: 1;
}
.lxheader .lxheader-panel.open {
  opacity: 1;
  transform: translateY(0);
}
.lxheader .lxheader-panel-item {
  position: relative;
  display: none;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  overflow: hidden;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75);
}
.lxheader .lxheader-panel-item.current {
  display: flex;
}
.lxheader .lxheader-panel-content {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}
.lxheader .lxheader-panel-content.small .lxheader-panel-content-item {
  max-width: 1280px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-content.small .lxheader-panel-content-item {
    max-width: 1040px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-content.small .lxheader-panel-content-item {
    max-width: 760px;
  }
}
.lxheader .lxheader-panel-content-item {
  position: relative;
  display: grid;
  padding: 65px 30px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 32px 60px;
  max-width: 1400px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-content-item {
    gap: 32px 30px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-content-item {
    gap: 32px 15px;
  }
}
.lxheader .lxheader-panel-links {
  position: relative;
  display: flex;
  padding-top: 40px;
  padding-bottom: 60px;
  gap: 120px;
  width: 100%;
  margin: 0 18px;
  padding-left: 6px;
  padding-right: 6px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-links {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 10px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-links {
    margin: 0 5px;
  }
}
.lxheader .lxheader-panel-aside {
  display: flex;
  background-color: #fafafa;
  width: 480px;
  padding-left: 80px;
  padding-top: 40px;
  gap: 40px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-aside {
    width: 420px;
    gap: 40px;
  }
}
@media (max-width: 1440px) {
  .lxheader .lxheader-panel-aside {
    width: 380px;
    gap: 30px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-aside {
    padding-left: 50px;
    width: 320px;
    gap: 20px;
  }
}
.lxheader .lxheader-card {
  text-align: center;
  cursor: pointer;
}
.lxheader .lxheader-card,
.lxheader .lxheader-card-image {
  position: relative;
  width: 100%;
}
.lxheader .lxheader-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lxheader .lxheader-card-name {
  margin-top: 6px;
}
.lxheader .lxheader-link {
  width: 120px;
}
.lxheader .lxheader-link-title {
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.lxheader .lxheader-link-list {
  display: flex;
  flex-direction: column;
}
.lxheader .lxheader-link-list-item {
  margin-bottom: 16px;
  cursor: pointer;
}
.lxheader .lxheader-drive,
.lxheader .lxheader-login,
.lxheader .lxheader-profile {
  cursor: pointer;
  white-space: nowrap;
  margin-right: 50px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-drive,
  .lxheader .lxheader-login,
  .lxheader .lxheader-profile {
    margin-right: 34px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-drive,
  .lxheader .lxheader-login,
  .lxheader .lxheader-profile {
    margin-right: 30px;
  }
}
.lxheader .lxheader-drive {
  display: flex;
  align-items: center;
  padding: 0 16px;
  min-width: 57px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 15px;
}
.lxheader .lxheader-backdrop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  block-size: 100vh;
  inline-size: 100vw;
  left: 0;
  top: 0;
  display: none;
}
.lxheader .lxheader-backdrop.open {
  display: block;
}
.lxheader .lxheader-login {
  cursor: pointer;
}
.lxheader .lxheader-profile {
  position: relative;
  cursor: pointer;
}
.lxheader .lxheader-profile.current .lxheader-profile-card,
.lxheader .lxheader-profile:hover .lxheader-profile-card {
  opacity: 1;
  visibility: visible;
}
.lxheader .lxheader-profile-avatar {
  position: relative;
  display: flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.lxheader .lxheader-profile-avatar i.lxicon,
.lxheader .lxheader-profile-avatar i.lxiconfont {
  color: #fff;
  font-size: 26px;
  line-height: 26px;
  transition: color 0.2s ease-in;
}
.lxheader .lxheader-profile-avatar:hover i.lxicon,
.lxheader .lxheader-profile-avatar:hover i.lxiconfont {
  color: hsla(0, 0%, 100%, 0.6);
}
.lxheader .lxheader-profile-avatar-dot {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-block;
  width: 0;
  height: 0;
  border: 2px solid red;
  border-radius: 50%;
}
.lxheader .lxheader-profile-card {
  position: absolute;
  background-color: #fff;
  top: 47px;
  left: 14px;
  padding: 12px 0;
  border-radius: 8px;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.2));
  color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index: 800;
}
.lxheader .lxheader-profile-card:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 30%;
  width: 40%;
  height: 20px;
  background-color: #000;
  opacity: 0;
}
.lxheader .lxheader-profile-card-order {
  padding: 12px 20px;
  text-align: center;
}
.lxheader .lxheader-profile-card-orderName {
  font-size: 14px;
  line-height: 22px;
}
.lxheader .lxheader-profile-card-orderImg {
  margin: 12px 0;
  width: 200px;
  height: 113px;
  cursor: pointer;
}
.lxheader .lxheader-profile-card-orderImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lxheader .lxheader-profile-card-orderMoney {
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 20px;
}
.lxheader .lxheader-profile-card-orderMoney em {
  margin: 0 4px;
  font-size: 20px;
  line-height: 28px;
}
.lxheader .lxheader-profile-card-orderPay {
  background-color: #191919;
  width: 100%;
  height: 36px;
  border-radius: 18px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
}
.lxheader .lxheader-profile-card-list {
  padding: 0 8px;
  margin-top: 12px;
  width: 240px;
}
.lxheader .lxheader-profile-card-list li {
  display: block;
  height: 46px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 46px;
  color: #222;
  transition: background-color 0.1s ease-in;
}
.lxheader .lxheader-profile-card-list li.selected {
  color: #191919;
}
.lxheader .lxheader-profile-card-list li:hover {
  background-color: #f7f8f9;
}
.lxheader .lxheader-profile-card-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.lxLocaleModel {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.lxLocaleModel-container {
  background-color: #fff;
  width: 580px;
  padding: 20px 40px;
  border-radius: 8px;
}
.lxLocaleModel-container-header {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  margin-bottom: 40px;
}
.lxLocaleModel-container-header .locale-title {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.9);
}
.lxLocaleModel-container-header .locale-desc {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.lxLocaleModel-container-header-close {
  cursor: pointer;
}
.lxLocaleModel-container-header-close i {
  font-size: 28px;
  line-height: 28px;
}
.lxLocaleModel-container-content-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.lxLocaleModel-container-content-item .locale-nation {
  display: flex;
  margin-right: 40px;
  color: #191919;
}
.lxLocaleModel-container-content-item .locale-nation-flag {
  margin-right: 8px;
}
.lxLocaleModel-container-content-item .locale-nation-flag img {
  width: 24px;
  height: 16px;
  object-fit: cover;
}
.lxLocaleModel-container-content-item .locale-language {
  display: flex;
}
.lxLocaleModel-container-content-item .locale-language-item {
  margin-right: 12px;
  color: #666;
}
.lxmheader {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  overflow: hidden;
  z-index: 600;
}
.lxmheader.open {
  height: 100vh;
}
.lxmheader.open .lxmheader-main {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item {
  opacity: 1;
  transform: translateZ(0);
  transition:
    transform 0.3s cubic-bezier(0, 0, 0.2, 1),
    opacity 0.35s cubic-bezier(0, 0, 0.2, 1);
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:first-child {
  transition-delay: 0.1s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(2) {
  transition-delay: 0.15s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(3) {
  transition-delay: 0.2s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(4) {
  transition-delay: 0.25s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(5) {
  transition-delay: 0.3s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(6) {
  transition-delay: 0.35s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(7) {
  transition-delay: 0.4s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(8) {
  transition-delay: 0.45s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(9) {
  transition-delay: 0.5s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(10) {
  transition-delay: 0.55s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(11) {
  transition-delay: 0.6s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(12) {
  transition-delay: 0.65s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(13) {
  transition-delay: 0.7s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(14) {
  transition-delay: 0.75s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(15) {
  transition-delay: 0.8s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(16) {
  transition-delay: 0.85s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(17) {
  transition-delay: 0.9s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(18) {
  transition-delay: 0.95s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(19) {
  transition-delay: 1s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(20) {
  transition-delay: 1.05s;
}
.lxmheader .m-header-title-wrapper {
  display: none;
}
.lxmheader .lxmheader-top {
  display: flex;
  height: 50px;
  padding: 0 20px;
  align-items: center;
}
.lxmheader .lxmheader-top-logo {
  flex: 1;
  height: 20px;
}
.lxmheader .header-logo-image {
  display: inline-block;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black.019a699a.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 98px;
  height: 20px;
}
.lxmheader .header-logo-image.en {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black-en.e6782a94.svg);
}
.lxmheader .lxmheader-top-drive {
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin-right: 12px;
  min-width: 73px;
  height: 28px;
  border: 1px solid #191919;
  border-radius: 14px;
  font-size: 12px;
  text-align: center;
  color: #191919;
  cursor: pointer;
}
.lxmheader .lxmheader-top-icon span {
  display: block;
  background-color: #000;
  width: 20px;
  height: 2px;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.lxmheader .lxmheader-top-icon span:nth-child(2) {
  margin: 4px 0;
}
.lxmheader .lxmheader-top-icon.open span:nth-child(2) {
  opacity: 0;
}
.lxmheader .lxmheader-top-icon.open span:first-child {
  animation: lineTop 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-top-icon.open span:nth-child(3) {
  animation: lineBottom 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-top-icon.close span:nth-child(2) {
  opacity: 1;
}
.lxmheader .lxmheader-top-icon.close span:first-child {
  transform: translate3d(0, 6px, 0) rotate(135deg);
  animation: lineTopReverse 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-top-icon.close span:nth-child(3) {
  transform: translate3d(0, -6px, 0) rotate(45deg);
  animation: lineBottomReverse 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-main {
  position: relative;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  height: 0;
  color: #191919;
}
.lxmheader .lxmheader-nav {
  height: calc(100vh - 50px);
  overflow: scroll;
  padding-bottom: 100px;
}
.lxmheader .lxmheader-nav-line {
  margin: 12px 24px;
  background-color: rgba(0, 0, 0, 0.04);
  width: calc(100vw - 48px);
  height: 1px;
}
.lxmheader .lxmheader-nav-item {
  display: flex;
  justify-content: space-between;
  height: 48px;
  padding: 0 24px;
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  font-size: 16px;
  line-height: 48px;
}
.lxmheader .lxmheader-nav-item .lxicon,
.lxmheader .lxmheader-nav-item .lxiconfont {
  color: #999;
}
.lxmheader .lxmheader-nav-item-icon {
  transform: rotate(90deg);
  transition: rotate 0.3s cubic-bezier(0.5, 0, 0, 0.75);
}
.lxmheader .lxmheader-nav-item-icon .lxiconfont {
  display: inline-block;
}
.lxmheader .lxmheader-nav-item-icon.current {
  transform: rotate(-90deg);
}
.lxmheader .lxmheader-nav-item-language {
  background-color: #fafafa;
}
.lxmheader .lxmheader-nav-item-locale {
  padding: 0 24px;
  font-size: 14px;
  line-height: 22px;
}
.lxmheader .lxmheader-nav-item-locale .locale-nation {
  color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  padding: 24px 0 4px 0;
}
.lxmheader .lxmheader-nav-item-locale .locale-nation .locale-nation-flag {
  margin-right: 8px;
}
.lxmheader .lxmheader-nav-item-locale .locale-nation .locale-nation-flag img {
  width: 24px;
}
.lxmheader .lxmheader-nav-item-locale .locale-lan {
  height: 46px;
  line-height: 46px;
  color: #191919;
}
.lxmheader .lxmheader-subNav {
  position: absolute;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  top: -50px;
  transform: translateX(100%);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0, 0.75);
}
.lxmheader .lxmheader-subNav.show {
  transform: translateX(0);
}
.lxmheader .lxmheader-subNav-items {
  display: none;
  height: calc(100vh - 50px);
  overflow: scroll;
  padding-top: 12px;
  padding-bottom: 100px;
  padding-bottom: calc(100px + env(safe-area-inset-bottom));
  padding-bottom: calc(100px + constant(safe-area-inset-bottom));
}
.lxmheader .lxmheader-subNav-items.show {
  display: block;
}
.lxmheader .lxmheader-subNav-item {
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
}
.lxmheader .lxmheader-subNav-list-title {
  position: relative;
  padding: 24px 24px 0 24px;
  font-size: 14px;
  line-height: 22px;
  height: 46px;
  color: rgba(0, 0, 0, 0.4);
}
.lxmheader .lxmheader-subNav-line {
  margin-top: 12px;
  background-color: rgba(0, 0, 0, 0.04);
  margin-left: 24px;
  width: calc(100vw - 48px);
  height: 1px;
}
.lxmheader .lxmheader-subNav-list-item {
  padding: 0 24px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}
.lxmheader .lxmmheader-subNav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 48px;
  font-size: 14px;
  line-height: 48px;
}
.lxmheader .lxmmheader-subNav-header span {
  display: flex;
  align-items: center;
  color: #191919;
}
.lxmheader .lxmmheader-subNav-header span .lxicon,
.lxmheader .lxmmheader-subNav-header span .lxiconfont {
  font-size: 28px;
}
@keyframes lineTopReverse {
  0% {
    transform: translate3d(0, 6px, 0) rotate(135deg);
  }
  50% {
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  to {
    transform: translateZ(0) rotate(0);
  }
}
@keyframes lineBottomReverse {
  0% {
    transform: translate3d(0, -6px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  to {
    transform: translateZ(0) rotate(0);
  }
}
.chj-dialog {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.15);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1001;
}
.chj-dialog-inner {
  position: relative;
  background-color: #fff;
  top: 50%;
  margin: 0 auto;
  width: 580px;
  border-radius: 4px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
}
.chj-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px 0 32px;
  width: 100%;
}
.chj-dialog-headerDesc {
  padding: 0 32px;
  font-size: 12px;
  color: #222;
}
.chj-dialog-header-title {
  font-size: 20px;
  line-height: 30px;
  color: #222;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.chj-dialog-header-cancel:hover {
  cursor: pointer;
}
.chj-dialog-header-cancel .iconfont {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
  color: #8c8985;
}
.chj-dialog-body {
  position: relative;
  box-sizing: border-box;
  padding: 24px 32px;
  min-height: 56px;
}
.chj-dialog-body.bodyscroll {
  overflow-y: auto;
}
.chj-dialog-body.plain {
  padding: 0;
  min-height: 112px;
  max-height: 434px;
}
.chj-dialog-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 32px 24px 32px;
}
.chj-dialog-footer .chj-button {
  min-width: 88px;
  margin-left: 12px;
  border-radius: 50px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chj-dialog-fade-enter,
.chj-dialog-fade-leave-to {
  opacity: 0;
}
.chj-dialog-fade-enter-active,
.chj-dialog-fade-leave-active {
  transition: opacity 0.3s ease;
}
@media (max-width: 1024px) {
  .chj-dialog-inner {
    width: 480px;
  }
}
@media (max-width: 720px) {
  .chj-dialog-inner {
    border-radius: 15px;
    width: 75vw;
  }
  .chj-dialog-header {
    padding: 20px 20px 0 20px;
    height: auto;
  }
  .chj-dialog-header-title {
    font-size: 16px;
    font-family:
      PingFangSC-Medium,
      PingFang SC;
    color: #2f2f2f;
    line-height: 24px;
    font-weight: 500;
  }
  .chj-dialog-header-title,
  .chj-dialog-header-title.header-title-center {
    width: 100%;
    text-align: center;
  }
  .chj-dialog-header-cancel {
    display: none;
  }
  .chj-dialog-body {
    padding: 10px 20px;
    min-height: 44px;
    font-size: 14px;
    font-family:
      PingFangSC-Regular,
      PingFang SC;
    color: #2f2f2f;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
  }
  .chj-dialog-footer {
    padding: 0;
    height: 43px;
    border-top: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button {
    background-color: #fff;
    flex: 1;
    margin-left: 0;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #191919;
    line-height: 42px;
    font-family:
      PingFangSC-Regular,
      PingFang SC;
    font-weight: 400;
  }
  .chj-dialog-footer .chj-button:first-of-type {
    border-bottom-left-radius: 15px;
  }
  .chj-dialog-footer .chj-button:last-of-type {
    border-bottom-right-radius: 15px;
  }
  .chj-dialog-footer .chj-button:not(:last-of-type) {
    border-right: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button:hover {
    background-color: #fff;
  }
}
.chj-button {
  display: inline-block;
  min-width: 144px;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 42px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.chj-button.chj-button-disabled {
  cursor: default;
  pointer-events: none;
}
.chj-button.chj-button-round {
  height: 42px;
  border-radius: 21px;
}
.chj-button-small {
  line-height: 36px;
}
.chj-button-primary {
  background-color: #191919;
  color: #fff;
}
.chj-button-primary:active,
.chj-button-primary:hover {
  background-color: #3c3c3c;
}
.chj-button-primary.chj-button-disabled {
  background-color: #d4d4d2;
}
.chj-button-secondary {
  border: 1px solid #d4d4d2;
  line-height: 38px;
}
.chj-button-secondary:active,
.chj-button-secondary:hover {
  border-color: #3c3c3c;
}
.chj-button-secondary.chj-button-disabled {
  color: #8c8985;
}
.chj-button-secondary.chj-button-small {
  line-height: 32px;
}
html.isapp {
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
html.isapp::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
html.isapp body {
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
html.isapp body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
@media (max-width: 720px) {
  .product-wrap.en .lx-elevator {
    padding-bottom: 0;
  }
}
.product-wrap.en .lx-elevator-item:not(:last-child) {
  display: none;
}
.lx-elevator {
  z-index: 201;
  position: fixed;
  right: 40px;
  bottom: 90px;
}
.lx-elevator.active .lx-elevator-item:last-child {
  height: 48px;
  margin: 16px 0;
}
.lx-elevator.stay {
  position: absolute;
}
.lx-elevator.en .lx-elevator-item {
  display: none;
}
.lx-elevator.en .lx-elevator-item:last-child {
  display: block;
}
.lx-elevator.isli .lx-elevator-item.active .lx-elevator-item-inner {
  color: #fff;
  background-color: #191919;
}
.lx-elevator.isli .lx-elevator-item-inner:hover {
  color: #222;
  background-color: hsla(0, 0%, 92.5%, 0.6);
}
@media (max-width: 720px) {
  .lx-elevator {
    right: 16px;
    /* bottom: calc(16px + constant(safe-area-inset-bottom));
    bottom: calc(16px + env(safe-area-inset-bottom)); */
    /* transition: bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); */
  }
  .lx-elevator.active .lx-elevator-item:last-child {
    height: 40px;
    margin: 12px 0;
  }
}
.lx-elevator-item {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 16px 0;
}
.lx-elevator-item:last-child {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition:
    height 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    margin 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.lx-elevator-item.active .lx-elevator-item-inner {
  color: #fff;
  background-color: #191919;
}
@media (max-width: 720px) {
  .lx-elevator-item {
    width: 40px;
    height: 40px;
    margin: 12px 0;
  }
}
.lx-elevator-item-inner {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #222;
  background-color: hsla(0, 0%, 92.5%, 0.6);
  transition:
    color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  cursor: pointer;
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
}
.lx-elevator-item-inner:hover {
  color: #fff;
  background-color: #191919;
}
.lx-elevator-item-inner .lxiconfont {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
@media (max-width: 1024px) {
  .lx-elevator-item-inner:hover {
    color: #222;
    background-color: hsla(0, 0%, 92.5%, 0.6);
  }
}
@media (max-width: 720px) {
  .lx-elevator-item-inner {
    width: 40px;
    height: 40px;
  }
}
.lx-elevator-layer {
  position: absolute;
  right: 66px;
  bottom: 0;
  padding: 14px 34px;
  text-align: center;
  background-color: #fff;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0;
  visibility: hidden;
  cursor: default;
}
.lx-elevator-layer.show {
  opacity: 1;
  visibility: visible;
}
.lx-elevator-layer-item {
  font-size: 12px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
}
.lx-elevator-layer-triangle {
  position: absolute;
  right: -7px;
  bottom: 17px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  transform: rotate(45deg);
}
.lx-city-main-pc {
  color: hsla(0, 0%, 100%, 0.9);
  position: relative;
}
.lx-city-main-pc .lx-city-select {
  position: relative;
  display: flex;
  width: 100%;
  height: 54px;
  padding: 9px 0 8px;
  flex: 1 0;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-select {
    height: 43px;
  }
}
.lx-city-main-pc .lx-city-select .lxiconfont-youjiantou1 {
  display: none;
}
.lx-city-main-pc .lx-city-select.lx-city-select-border {
  border-bottom: 1px solid #8c8985;
}
.lx-city-main-pc .lx-city-select.lx-city-select-border .lxiconfont-youjiantou1 {
  display: block;
  font-size: 18px;
  color: #8c8985;
  transition:
    transform 0.15s ease-in,
    color 0.15s ease-in;
}
.lx-city-main-pc
  .lx-city-select.lx-city-select-border.active
  .lxiconfont-youjiantou1 {
  transform: rotate(-90deg);
}
.lx-city-main-pc .lx-city-select.lx-city-select-border.active,
.lx-city-main-pc .lx-city-select.lx-city-select-border:hover {
  border-bottom: 1px solid #191919;
}
.lx-city-main-pc
  .lx-city-select.lx-city-select-border.active
  .lxiconfont-youjiantou1,
.lx-city-main-pc
  .lx-city-select.lx-city-select-border:hover
  .lxiconfont-youjiantou1 {
  color: #191919;
}
.lx-city-main-pc .lx-city-select:last-child {
  margin-right: 0;
}
.lx-city-main-pc .lx-city-select-value {
  max-width: calc(100% - 40px);
  overflow: hidden;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1024px) {
  .lx-city-main-pc .lx-city-select-value {
    text-overflow: ellipsis;
  }
}
.lx-city-main-pc .lx-city-select-layer {
  z-index: 1;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  width: 100%;
}
.lx-city-main-pc .lx-city {
  width: 100%;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  background-color: #2f2f2f;
  border-radius: 4px;
  cursor: default;
}
.lx-city-main-pc .lx-city-top {
  padding: 18px 0.2857142857142857rem 0;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.lx-city-main-pc .lx-city-top.bottom {
  padding-bottom: 12px;
}
.lx-city-main-pc .lx-city-top-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.lx-city-main-pc .lx-city-top-label {
  padding-right: 16px;
  flex-shrink: 0;
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.7);
}
.lx-city-main-pc .lx-city-search {
  padding: 0.07142857142857142rem 16px;
  border-radius: 50px;
  flex-grow: 1;
  background-color: hsla(0, 0%, 100%, 0.04);
}
.lx-city-main-pc .lx-city-search input {
  width: 100%;
  font-size: 16px;
  color: hsla(0, 0%, 100%, 0.9);
  line-height: 24px;
}
.lx-city-main-pc .lx-city-search input:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
.lx-city-main-pc .lx-city-search input::placeholder {
  color: hsla(0, 0%, 100%, 0.3);
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-search input {
    font-size: 12px;
    line-height: 18px;
  }
}
.lx-city-main-pc .lx-city-table {
  display: flex;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  align-items: center;
}
.lx-city-main-pc .lx-city-table .lx-city-table-item {
  position: relative;
  top: 1px;
  margin-right: 24px;
  cursor: pointer;
}
.lx-city-main-pc .lx-city-table .lx-city-table-item span {
  position: relative;
  display: inline-block;
  max-width: 68px;
  padding: 5px 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-table .lx-city-table-item span {
    font-size: 12px;
  }
}
.lx-city-main-pc .lx-city-table .lx-city-table-item:after {
  position: absolute;
  left: 4px;
  bottom: 0;
  display: none;
  width: calc(100% - 8px);
  height: 2px;
  border-radius: 1px;
  background-color: #057568;
  content: "";
}
.lx-city-main-pc .lx-city-table .lx-city-table-item.current:after {
  display: block;
}
.lx-city-main-pc .lx-city-table.origin-index .lx-city-table-item span {
  max-width: 98px;
}
.lx-city-main-pc .lx-city-letter {
  display: flex;
  width: 100%;
  padding: 20px 0 8px;
  flex-wrap: wrap;
  align-items: center;
}
.lx-city-main-pc .lx-city-letter a {
  display: flex;
  width: 24px;
  height: 24px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.7);
  background-color: hsla(0, 0%, 100%, 0.04);
  transition:
    color 0.15s ease-in,
    border 0.15s ease-in;
}
.lx-city-main-pc .lx-city-letter a:hover {
  border: 1px solid #3c3c3c;
  color: #3c3c3c;
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-letter a {
    font-size: 12px;
  }
}
.lx-city-main-pc .lx-city-search-result {
  height: 386px;
  overflow: auto;
}
@media (max-width: 1024px) {
  .lx-city-main-pc .lx-city-search-result {
    height: 336px;
  }
}
.lx-city-main-pc .lx-city-search-list:first-child {
  padding-top: 8px;
  padding-bottom: 4px;
}
.lx-city-main-pc .lx-city-search-list:last-child {
  padding-bottom: 8px;
}
.lx-city-main-pc .lx-city-search-label {
  display: flex;
  height: 28px;
  padding: 0 16px;
  margin: 0 16px 4px;
  align-items: center;
  font-size: 12px;
  color: #999;
  background-color: hsla(0, 0%, 100%, 0.04);
}
.lx-city-main-pc .lx-city-search-item {
  padding: 6px 32px;
  font-size: 14px;
  line-height: 28px;
  transition: color 0.15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lx-city-main-pc .lx-city-search-item:hover {
  color: #3c3c3c;
}
.lx-city-main-pc .lx-city-search-empty {
  padding: 12px 32px;
  font-size: 14px;
  color: hsla(0, 0%, 100%, 0.9);
  line-height: 40px;
}
.lx-city-main-pc .lx-city-inner {
  display: flex;
  height: 350px;
  overflow-y: scroll;
  flex-direction: column;
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-inner {
    height: 260px;
  }
}
.lx-city-main-pc .lx-city-inner-placeholder {
  border-left: 24px solid #f7f8f9;
  flex-grow: 1;
}
.lx-city-main-pc .lx-city-loading {
  height: 60px;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/mall/loading.0ee2398f.svg)
    no-repeat 50%;
  background-size: 30px;
}
.lx-city-main-pc .lx-city-row {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 40px;
}
.lx-city-main-pc .lx-city-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 100%;
  font-size: 12px;
  color: #999;
  line-height: 40px;
  text-align: center;
  background-color: hsla(0, 0%, 100%, 0.04);
}
.lx-city-main-pc .lx-city-item {
  display: flex;
  width: calc(100% - 30px);
  height: 40px;
  padding-left: 8px;
  align-items: center;
  justify-content: space-between;
  transition: color 0.15s ease-in;
  cursor: pointer;
}
.lx-city-main-pc .lx-city-item .lxiconfont {
  font-size: 20px;
  color: #191919;
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.lx-city-main-pc .lx-city-item:hover {
  color: #3c3c3c;
}
.lx-city-main-pc .lx-city-item.current {
  color: #191919;
}
.lx-city-main-pc .lx-city-item.current .lxiconfont {
  display: flex;
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-item {
    font-size: 12px;
  }
}
.lx-city-main-pc .lx-store-list {
  padding: 0 0.2857142857142857rem;
}
.lx-city-main-pc .lx-store-item {
  position: relative;
  width: 100%;
  padding-right: 30px;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
  transition: color 0.15s ease-in;
  cursor: pointer;
}
.lx-city-main-pc .lx-store-item.distanceForShow {
  padding-right: 0.4642857142857143rem;
}
.lx-city-main-pc .lx-store-item:hover {
  color: #3c3c3c;
}
.lx-city-main-pc .lx-store-item.current {
  color: #191919;
}
.lx-city-main-pc .lx-store-item.current .lxiconfont {
  display: flex;
}
.lx-city-main-pc .lx-store-item.current .lx-city-name {
  color: #191919;
}
.lx-city-main-pc .lx-store-item .lxiconfont {
  position: absolute;
  right: 0;
  top: 50%;
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: 0.17857142857142855rem;
  color: #191919;
  transform: translate3d(0, -50%, 0);
}
.lx-city-main-pc .lx-city-name {
  font-size: 16px;
  line-height: 24px;
  color: hsla(0, 0%, 100%, 0.9);
}
.lx-city-main-pc .lx-city-name:hover {
  color: #3c3c3c;
}
@media (max-width: 1440px) {
  .lx-city-main-pc .lx-city-name {
    font-size: 14px;
    line-height: 22px;
  }
}
.lx-city-main-pc .lx-city-address,
.lx-city-main-pc .lx-city-distance {
  margin-top: 2px;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.lx-city-main-pc .lx-city-distance {
  width: auto;
  padding: 0;
  background: none;
}
.lx-city-main-pc.lx-city-main-pc-white {
  width: 100%;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-top {
  border-bottom: 1px solid #e8e8e8;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-top.no-border {
  border: none;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city {
  background-color: #fff;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-table-item span {
  color: rgba(0, 0, 0, 0.9);
  display: inline-block;
  max-width: 68px;
  padding: 5px 0;
  background: none;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-item.current span {
  color: #191919;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-item span {
  color: rgba(0, 0, 0, 0.9);
  background: none;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-item span:hover {
  color: #3c3c3c;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-item span.current {
  color: #191919;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-name {
  color: rgba(0, 0, 0, 0.9);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-name:hover {
  color: #3c3c3c;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-letter a {
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-letter a:hover {
  border: 1px solid #3c3c3c;
  color: #3c3c3c;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-letter {
  padding-bottom: 12px;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-select-value {
  color: rgba(0, 0, 0, 0.9);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-select-value.default {
  font-size: 16px;
  line-height: 28px;
  color: #999;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-top-label {
  color: rgba(0, 0, 0, 0.4);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-search {
  background-color: #fafafa;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-search input {
  color: rgba(0, 0, 0, 0.9);
  border: none;
  background: none;
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-search
  input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-search input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-search-list
  .lx-city-search-item {
  color: rgba(0, 0, 0, 0.9);
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-search-list
  .lx-city-search-item:hover {
  color: #3c3c3c;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-select.lx-city-select-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select.lx-city-select-border.active
  .lxiconfont-youjiantou1 {
  transform: rotate(-90deg);
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select.lx-city-select-border.active,
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select.lx-city-select-border:hover {
  border-bottom: 1px solid #191919;
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select.lx-city-select-border.active
  .lxiconfont-youjiantou1,
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select.lx-city-select-border:hover
  .lxiconfont-youjiantou1 {
  color: #191919;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-search-empty {
  color: #999;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-label {
  background-color: #fafafa;
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-search-label {
  background-color: #f7f8f9;
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select-new.lx-city-select-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select-new
  .lx-city-select-value-box {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 105px);
}
@media (max-width: 1440px) {
  .lx-city-main-pc.lx-city-main-pc-white
    .lx-city-select-new
    .lx-city-select-value-box {
    width: calc(100% - 78px);
  }
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select-new
  .lx-city-select-value-box
  .lx-city-select-value {
  color: #666;
  flex: 1;
  max-width: none;
  height: 37px;
  line-height: 37px;
  font-size: 14px;
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select-new
  .lx-city-select-value-box
  .lx-city-select-value.default {
  color: #ccc;
}
@media (max-width: 1440px) {
  .lx-city-main-pc.lx-city-main-pc-white
    .lx-city-select-new
    .lx-city-select-value-box
    .lx-city-select-value {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
  }
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select-new
  .lx-city-select-value-box
  .lxiconfont-youjiantou1 {
  color: #999;
  position: relative;
}
@media (max-width: 1440px) {
  .lx-city-main-pc.lx-city-main-pc-white
    .lx-city-select-new
    .lx-city-select-value-box
    .lxiconfont-youjiantou1 {
    font-size: 15px;
    right: -0.5px;
  }
}
.lx-city-main-pc.lx-city-main-pc-white
  .lx-city-select-new
  .lx-city-select-value-box
  .active
  .lxiconfont-youjiantou1 {
  transform: rotate(-90deg);
}
.lx-city-main-pc.lx-city-main-pc-white .lx-city-select-label {
  width: 105px;
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  color: #191919;
}
@media (max-width: 1440px) {
  .lx-city-main-pc.lx-city-main-pc-white .lx-city-select-label {
    width: 78px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
  }
}
input {
  caret-color: #191919;
}
.lx-city-main-m {
  color: hsla(0, 0%, 100%, 0.9);
  width: 100%;
}
.lx-city-main-m .lx-city-select {
  position: relative;
  display: flex;
  width: 100%;
  height: 20px;
  padding: 9px 0 8px;
  flex: 1 0;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lx-city-main-m .lx-city-select.lx-city-select-border {
  border-bottom: 1px solid #d4d4d2;
}
.lx-city-main-m .lx-city-select .lxiconfont-youjiantou1 {
  font-size: 20px;
  color: #999;
}
.lx-city-main-m .lx-city-select-value {
  flex: 1;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  color: #191919;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lx-city-main-m .lx-city-select-value.default {
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.4);
}
.lx-city-main-m .chiose-title {
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #191919;
  line-height: 44px;
}
.lx-city-main-m .chiose-title .iconfont {
  position: absolute;
  right: 12px;
  top: 8px;
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
}
.lx-city-main-m .lx-city-container-m {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  position: relative;
}
.lx-city-main-m .lx-city-top-row {
  display: flex;
  align-items: center;
}
.lx-city-main-m .lx-city-top-label {
  padding-right: 16px;
  flex-shrink: 0;
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.7);
}
.lx-city-main-m .search-box {
  height: 36px;
  line-height: 36px;
  width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
}
.lx-city-main-m .search-box .drive-search-box {
  height: 36px;
  line-height: 36px;
  flex: 1;
  background: #f7f8f9;
  border-radius: 18px;
  margin-top: 4px;
  margin-bottom: 12px;
  display: flex;
}
.lx-city-main-m .search-box .drive-search-box form {
  flex: 1;
  display: flex;
}
.lx-city-main-m .search-box .drive-search-box .iconfont-search2 {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.2);
  margin-left: 16px;
  margin-right: 10px;
  line-height: 36px;
}
.lx-city-main-m .search-box .drive-search-box .search-input {
  flex: 1;
  width: 100%;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
  color: #191919;
  border: none;
  background: none;
}
.lx-city-main-m
  .search-box
  .drive-search-box
  .search-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.lx-city-main-m .search-box .drive-search-box .search-input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.lx-city-main-m .search-box .cancel {
  width: 50px;
  font-size: 14px;
  color: #191919;
  padding-left: 16px;
  margin-top: 4px;
  line-height: 36px;
}
.lx-city-main-m .lx-city-table {
  display: flex;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  padding: 0 16px;
  margin-top: 16px;
  align-items: center;
}
.lx-city-main-m .lx-city-table-item {
  position: relative;
  flex: 1;
  max-width: 33.33333%;
  text-align: center;
  margin: 0;
  top: 1px;
  height: 40px;
  cursor: pointer;
}
.lx-city-main-m .lx-city-table-item span {
  position: relative;
  max-width: 7em;
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.lx-city-main-m .lx-city-table-item span:after {
  position: absolute;
  left: 4px;
  bottom: 0;
  display: none;
  width: calc(100% - 8px);
  height: 2px;
  border-radius: 1px;
  background-color: #057568;
  content: "";
}
.lx-city-main-m .lx-city-table-item.current span {
  color: #191919;
}
.lx-city-main-m .lx-city-table-item.current span:after {
  display: block;
}
.lx-city-main-m .lx-city-letter {
  position: absolute;
  width: 36px;
  right: 0;
  top: 50%;
  padding-left: 8px;
  transform: translateY(-50%);
  z-index: 10;
}
.lx-city-main-m .lx-city-letter a {
  display: block;
  width: 20px;
  font-size: 12px;
  color: #191919;
  line-height: 18px;
  text-align: center;
}
.lx-city-main-m .lx-city-search-result {
  height: calc(100vh - 140px);
  overflow: auto;
}
.lx-city-main-m .lx-city-search-list:first-child {
  padding-top: 8px;
  padding-bottom: 4px;
}
.lx-city-main-m .lx-city-search-list:last-child {
  padding-bottom: 8px;
}
.lx-city-main-m .lx-city-search-label {
  display: flex;
  height: 28px;
  padding: 0 26px;
  margin: 0 16px 4px;
  align-items: center;
  font-size: 12px;
  color: #999;
  background-color: hsla(0, 0%, 100%, 0.04);
}
.lx-city-main-m .lx-city-search-item {
  padding: 6px 42px;
  color: #191919;
  font-size: 14px;
  line-height: 28px;
  transition: color 0.15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lx-city-main-m .lx-city-search-item:hover {
  color: #191919;
}
.lx-city-main-m .lx-city-search-empty {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-top: 64px;
}
.lx-city-main-m .lx-city-inner {
  height: calc(100% - 140px);
  overflow-y: scroll;
  padding: 0 16px;
  padding-right: 20px;
}
.lx-city-main-m .lx-city-inner-placeholder {
  border-left: 24px solid hsla(0, 0%, 100%, 0.04);
  flex-grow: 1;
}
.lx-city-main-m .lx-city-loading {
  height: 60px;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/mall/loading.0ee2398f.svg)
    no-repeat 50%;
  background-size: 30px;
}
.lx-city-main-m .lx-city-row {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 40px;
}
.lx-city-main-m .lx-city-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 100%;
  font-size: 16px;
  color: #999;
  line-height: 57px;
  text-align: center;
  background-color: hsla(0, 0%, 100%, 0.04);
}
.lx-city-main-m .lx-city-item {
  display: flex;
  width: calc(100% + 16px);
  padding: 16px 0;
  padding-left: 8px;
  align-items: center;
  justify-content: space-between;
  line-height: 24px;
  transition: color 0.15s ease-in;
  border-bottom: 1px solid #f7f8f9;
  cursor: pointer;
}
.lx-city-main-m .lx-city-item span {
  color: #191919;
  font-size: 16px;
  line-height: 24px;
}
.lx-city-main-m .lx-city-item .lxiconfont {
  font-size: 20px;
  color: #191919;
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  right: 35px;
}
.lx-city-main-m .lx-city-item.current,
.lx-city-main-m .lx-city-item:hover {
  color: #191919;
}
.lx-city-main-m .lx-city-item.current .lxiconfont {
  display: flex;
}
.lx-city-main-m .lx-store-item {
  width: 100%;
  align-items: center;
  position: relative;
  justify-content: space-between;
  transition: color 0.15s ease-in;
  cursor: pointer;
  margin-top: 20px;
  padding-right: 42px;
}
.lx-city-main-m .lx-store-item .lxiconfont {
  font-size: 20px;
  color: #191919;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.lx-city-main-m .lx-store-item.current,
.lx-city-main-m .lx-store-item:hover {
  color: #191919;
}
.lx-city-main-m .lx-store-item.current .lxiconfont {
  display: flex;
}
.lx-city-main-m .lx-city-name-box {
  display: flex;
  line-height: 100%;
}
.lx-city-main-m .lx-city-name {
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  color: #191919;
}
.lx-city-main-m .lx-city-address {
  font-size: 12px;
  color: #191919;
  vertical-align: middle;
  text-align: justify;
}
.lx-city-main-m .lx-city-distance-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
}
.lx-city-main-m .lx-city-distance {
  font-size: 12px;
  color: #666;
}
.lx-city-main-m .chj-drawer-wrap {
  padding-top: calc(44px + constant(safe-area-inset-top));
  padding-top: calc(44px + env(safe-area-inset-top));
}
.lx-city-main-m.lx-city-main-m-white .lx-city {
  background-color: #fff;
}
.lx-city-main-m.lx-city-main-m-white .lx-city-address,
.lx-city-main-m.lx-city-main-m-white .lx-city-item span,
.lx-city-main-m.lx-city-main-m-white .lx-city-name {
  color: #191919;
}
.lx-city-main-m.lx-city-main-m-white .lx-city-distance {
  color: #666;
}
.lx-city-main-m.lx-city-main-m-white .lx-city-select-value {
  color: #191919;
}
.lx-city-main-m.lx-city-main-m-white .lx-city-select-value.default {
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.4);
}
html.isandroid .lx-city-main-m .chj-drawer-wrap {
  padding-top: calc(44px + var(--statusbarHeight));
}
.tab-box-pc-new {
  position: relative;
}
.tab-box-pc-new .new-drive-form-cell {
  cursor: pointer;
}
.tab-box-pc-new .new-drive-carModel-selecter {
  position: absolute;
  z-index: 1;
  left: 0;
  top: calc(100% + 2px);
  width: 100%;
  height: auto;
  padding: 0 24px;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  background: #fff;
  transition: all 0.5;
  opacity: 1;
}
.tab-box-pc-new .new-drive-carModel-selecter .new-drive-carModel-item {
  height: 40px;
  font-size: 0.125rem;
  line-height: 40px;
  color: #191919;
  cursor: pointer;
}
.tab-box-pc-new
  .new-drive-carModel-selecter
  .new-drive-carModel-item.new-drive-carModel-item-selected {
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/drive/shop/selected.5ab99eb7.png)
    no-repeat 100%;
  background-size: 20px;
}
.tab-box-pc-new
  .new-drive-carModel-selecter.new-drive-carModel-selecter-hidden {
  z-index: -1;
  height: 0;
  opacity: 0;
}
.tab-box-m-new {
  position: relative;
}
.tab-box-m-new .new-drive-form-cell {
  cursor: pointer;
}
.tab-box-m-new .lxiconfont-youjiantou1 {
  font-size: 20px;
  color: #999;
}
.tab-box-m-new .draw-layer-box {
  position: absolute;
  background-color: #fff;
  height: 534px;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media (max-height: 550px) {
  .tab-box-m-new .draw-layer-box {
    height: calc(100vh - 16px);
  }
}
.tab-box-m-new .draw-layer-header {
  padding: 14px 0 6px;
  position: relative;
}
.tab-box-m-new .draw-layer-header .draw-layer-header-title {
  font-size: 16px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 24px;
  color: #191919;
  text-align: center;
}
.tab-box-m-new .draw-layer-header .iconfont {
  font-size: 18px;
  color: #191919;
  position: absolute;
  right: 16px;
  top: 12px;
}
.tab-box-m-new .new-drive-carModel-item {
  display: flex;
  height: 96px;
  line-height: 96px;
  font-size: 16px;
  color: #191919;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tab-box-m-new .new-drive-carModel-item.new-drive-carModel-item-selected {
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/drive/shop/selected-m.f77f3e38.png)
    no-repeat calc(100% - 20px) 50%;
  background-size: 20px;
}
.tab-box-m-new .new-drive-carModel-item .new-drive-carModel-image-box {
  width: 128px;
  height: 96px;
}
.tab-box-m-new .new-drive-carModel-item .new-drive-carModel-image-box img {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.chj-message-fade2-enter {
  margin-top: -50px;
  opacity: 0;
}
.chj-message-fade2-enter-active {
  margin-top: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.chj-message-fade2-exit {
  margin-top: 0;
  opacity: 1;
}
.chj-message-fade2-exit-active {
  margin-top: -50px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.chj-message {
  position: fixed;
  top: 70px;
  left: 50%;
  max-width: 60%;
  z-index: 1000;
  transform: translateX(-50%);
}
.chj-message span {
  position: relative;
  display: inline-block;
  word-break: break-all;
  vertical-align: middle;
}
.chj-message-wrapper {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 22px;
  color: #222;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.chj-message-wrapper-icon {
  margin-right: 8px;
  width: 16px;
  height: 22px;
}
.chj-message-wrapper-icon .iconfont {
  position: absolute;
  line-height: 22px;
  top: 0;
}
.chj-message-wrapper-icon .iconfont-message-error {
  color: red;
}
.chj-message-wrapper-icon .iconfont-message-success {
  color: #6ec440;
}
.chj-message-wrapper-icon .iconfont-message-info {
  color: #ff9d18;
}
@media (max-width: 720px) {
  .chj-message {
    top: 60px;
    max-width: 85%;
  }
}
.drive-form-new {
  width: 416px;
  padding: 0 32px 28px;
  background-color: hsla(0, 0%, 100%, 0.96);
  border-radius: 4px;
}
@media (max-width: 1440px) {
  .drive-form-new {
    width: 312px;
  }
}
@media (max-width: 768px) {
  .drive-form-new {
    padding: 40px 0 52px;
    width: 336px;
    margin: 0 auto;
  }
}
.drive-form-new .drive-form-suc {
  text-align: center;
  overflow: hidden;
}
.drive-form-new .suc-title {
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  margin-top: 80px;
}
.drive-form-new .suc-des {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 8px;
}
.drive-form-new .suc-qrcode {
  width: 112px;
  height: 112px;
  margin: 0 auto;
  margin-top: 24px;
  text-align: center;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/app-qrcode.5480b982.jpg)
    no-repeat 50%;
  background-size: cover;
}
.drive-form-new .suc-download {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 14px;
  margin-bottom: 90px;
}
.drive-form-new .form-label {
  width: auto;
  margin-top: 28px;
  margin-bottom: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 28px;
}
.drive-form-new .form-row {
  margin-bottom: 28px;
}
.drive-form-new .form-select {
  border-bottom: 1px solid #8c8985;
}
@media (max-width: 1024px) {
  .drive-form-new .form-select:hover {
    border-bottom: 1px solid #8c8985;
  }
  .drive-form-new .form-select:hover .form-select-icon {
    color: #8c8985;
  }
  .drive-form-new .form-select.active {
    border-bottom: 1px solid #191919;
  }
  .drive-form-new .form-select.active .form-select-icon {
    color: #191919;
  }
}
.drive-form-new .form-select-value {
  font-size: 16px;
}
.drive-form-new .form-select-value.current {
  color: #fff;
}
.drive-form-new .form-select-wrap {
  display: none;
  height: auto;
}
.drive-form-new .form-select-wrap.active {
  display: block;
}
.drive-form-new .form-select-list {
  display: flex;
  padding: 16px 16px;
  flex-wrap: wrap;
}
.drive-form-new .form-select-item {
  width: 25%;
  padding: 10px 0 10px 12px;
  flex-shrink: 0;
  font-size: 16px;
  color: #222;
  line-height: 20px;
  cursor: pointer;
}
.drive-form-new .form-select-item.current {
  color: #191919;
}
.drive-form-new .form-select-item:hover {
  background-color: #f7f8f9;
}
.drive-form-new .form-input {
  margin-bottom: 20px;
}
.drive-form-new .form-input-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.drive-form-new .form-input-inner input {
  width: 100%;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  caret-color: #191919;
  text-align: left;
}
.drive-form-new .form-input-inner input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.drive-form-new .form-input-inner input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.drive-form-new .form-input-inner.active,
.drive-form-new .form-input-inner:hover {
  border-bottom: 1px solid #191919;
}
.drive-form-new .form-input-inner-value {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.drive-form-new .form-input-inner-value.default {
  color: #999;
}
.drive-form-new .drive-bottom-inner .form-button-wrap {
  padding-top: 70px;
}
.drive-form-new .drive-bottom-tip {
  padding-bottom: 24px;
  font-size: 12px;
  color: #666;
  line-height: 24px;
}
@media (max-width: 1024px) {
  .drive-form-new .drive-bottom-tip {
    padding-bottom: 14px;
  }
}
.drive-form-new .form-button {
  width: auto;
  margin-bottom: 0;
  height: 48px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 48px;
  border-radius: 24px;
  text-align: center;
  color: #fff;
  cursor: default;
}
.drive-form-new .form-button.active {
  background-color: #191919;
  cursor: pointer;
}
.drive-form-new .form-button.active:active,
.drive-form-new .form-button.active:hover {
  background-color: #3c3c3c;
}
.drive-form-new .drive-caption.closed {
  padding-top: 8px;
  padding-bottom: 32px;
}
.drive-form-new .drive-caption.closed .drive-caption-tip {
  padding-top: 0;
}
.drive-form-new .drive-caption-tip {
  padding-top: 46px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.drive-form-new .bottom-box {
  width: 100%;
  min-height: calc(100vh - 100.66667vw);
  padding: 34px 20px;
  padding-top: 0;
  background: #222;
}
.drive-form-new .form-box {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  padding: 24px 16px;
  padding-top: 8px;
}
.drive-form-new .city-enter {
  margin-top: 8px;
}
.drive-form-new .city-enter-inner {
  display: flex;
  height: 54px;
  align-items: center;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.drive-form-new .city-enter-inner .left {
  width: 100px;
  flex-shrink: 0;
}
.drive-form-new .city-enter-inner .right {
  display: flex;
  width: calc(100% - 100px);
  align-items: center;
}
.drive-form-new .city-enter-inner .right .iconfont {
  margin-left: 8px;
  flex-grow: 1;
  font-size: 14px;
  color: #cdcdcd;
  text-align: right;
}
.drive-form-new .city-value {
  width: calc(100% - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drive-form-new .city-value.default {
  color: #999;
}
.drive-form-new .drive-placeholder {
  height: 190px;
}
.drive-form-new .drive-title {
  padding: 20px;
  font-size: 16px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 22px;
}
.drive-form-new .drive-qrcode {
  min-height: 850px;
  padding-top: 260px;
  text-align: center;
  background-color: #fff;
}
.drive-form-new .drive-qrcode img {
  width: 140px;
  height: 140px;
  margin: 20px 20px 10px;
}
.drive-form-new .drive-qrcode p {
  font-size: 14px;
  color: #222;
  line-height: 2;
}
.drive-form-new .new-drive-form-cell {
  width: 100%;
  height: 54px;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.drive-form-new .new-drive-form-cell:hover {
  border-color: #191919;
}
.drive-form-new .new-drive-form-cell:hover .iconfont {
  color: #191919 !important;
}
.drive-form-new .new-drive-form-cell.new-drive-form-cell-active {
  border-color: #191919;
}
.drive-form-new .new-drive-form-cell.new-drive-form-cell-active .iconfont {
  color: #191919 !important;
}
.drive-form-new .new-drive-form-cell .new-drive-form-label {
  width: 105px;
  height: 100%;
  line-height: 54px;
  font-size: 14px;
  color: #191919;
}
@media (max-width: 1440px) {
  .drive-form-new .new-drive-form-cell .new-drive-form-label {
    width: 78px;
  }
}
.drive-form-new .new-drive-form-cell .new-drive-form-value-box {
  flex: 1;
  display: flex;
  line-height: 54px;
  position: relative;
}
.drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .drive-form-value {
  font-size: 14px;
  color: #666;
  flex: 1;
}
.drive-form-new .new-drive-form-cell .new-drive-form-value-box .iconfont-box {
  transition:
    transform 0.15s ease-in,
    color 0.15s ease-in;
}
.drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .iconfont-box.reverse {
  transform: rotate(-180deg);
}
.drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .iconfont-box
  .lxiconfont-youjiantou1 {
  font-size: 20px;
  color: #ccc;
}
.drive-form-new .new-drive-form-cell .new-drive-form-value-box #code {
  width: 104px;
}
.drive-form-new .new-drive-form-cell .new-drive-form-getcode-box {
  position: absolute;
  right: 0;
  top: 0;
  height: 108px;
  font-size: 14px;
}
@media (max-width: 1440px) {
  .drive-form-new .new-drive-form-cell .new-drive-form-getcode-box {
    font-size: 12px;
  }
}
.drive-form-new .new-drive-form-cell .new-drive-form-getcode-box .getcode {
  color: #ced8e6;
}
.drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getcode.active {
  cursor: pointer;
  color: #5a7cab;
}
.drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getcode.active:hover {
  color: #5a7cab;
}
.drive-form-new .new-drive-form-cell .new-drive-form-getcode-box .getvoice {
  cursor: pointer;
  color: #5a7cab;
}
.drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getvoice.disable {
  color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.city-enter-m .drive-center-info {
  word-break: break-all;
  padding-bottom: 15px;
}
.city-enter-m .drive-center-name {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 22px;
}
.city-enter-m .drive-center-address {
  font-size: 12px;
  color: #666;
  line-height: 16px;
}
.city-enter-m .drive-form-label {
  display: block;
  width: 100px;
  font-size: 14px;
  line-height: 20px;
}
.city-enter-m .form-input {
  height: 20px;
  margin: 0;
  width: calc(100% - 100px);
  display: flex;
  justify-content: space-around;
}
.city-enter-m .form-input-inner {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0;
  border-bottom: 0 none;
}
.city-enter-m .form-input-inner input {
  width: 100%;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  text-align: left;
}
.city-enter-m .form-input-inner.active {
  border-bottom: 1px solid #191919;
}
.city-enter-m .form-input-inner.active,
.city-enter-m .form-input-inner:hover {
  border-bottom: 0 none;
}
.city-enter-m .form-input-inner input {
  height: 20px;
  font-size: 14px;
  color: #2f2f2f;
  caret-color: #191919;
  line-height: 20px;
}
.city-enter-m .form-input-inner input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.city-enter-m .form-input-inner input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.city-enter-m .form-input-inner-value {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.city-enter-m .form-input-inner-value.default {
  color: #999;
}
.city-enter-m .form-input-getcode {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(0, 0, 0, 0.4);
  top: 50%;
  margin-top: -12px;
  font-size: 14px;
  color: #999;
}
.city-enter-m .form-input-getcode.active {
  color: #191919;
}
.city-enter-m .form-input-getvoice {
  display: none;
}
.city-enter-m .drive-bottom {
  box-sizing: content-box;
}
.city-enter-m .drive-bottom-inner.fixed {
  z-index: 300;
  position: fixed;
  left: 0;
  bottom: 0;
}
.city-enter-m .drive-bottom-tip {
  color: #666;
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 24px;
}
.city-enter-m .form-button {
  height: 44px;
  line-height: 44px;
  border-radius: 30px;
  flex-shrink: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: default;
  margin-bottom: 0;
}
.city-enter-m .form-button.active {
  background-color: #191919;
  cursor: pointer;
}
.city-enter-m .form-button.active:active,
.city-enter-m .form-button.active:hover {
  background-color: #3c3c3c;
}
.city-enter-m .drive-caption.closed {
  padding-top: 8px;
  padding-bottom: 32px;
}
.city-enter-m .drive-caption.closed .drive-caption-tip {
  padding-top: 0;
}
.city-enter-m .drive-caption.closed.agree-padding {
  padding-bottom: 24px;
}
.city-enter-m .drive-caption-tip {
  padding-top: 46px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.city-enter-m .drive-agreement {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}
.city-enter-m .drive-agreement .drive-agreement-select {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.city-enter-m .drive-agreement .drive-agreement-select .lxiconfont {
  font-size: 18px;
  color: #fff;
  opacity: 0;
}
.city-enter-m .drive-agreement .drive-agreement-select.active {
  background-color: #000;
  border: none;
}
.city-enter-m .drive-agreement .drive-agreement-select.active .lxiconfont {
  opacity: 1;
}
.city-enter-m .drive-agreement .drive-agreement-text {
  margin-left: 12px;
  font-size: 12px;
  color: #191919;
  line-height: 20px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.city-enter-m
  .drive-agreement
  .drive-agreement-text
  .drive-agreement-text-name {
  display: inline-block;
  color: #5a7cab;
}
.city-enter-m .bottom-box {
  width: 100%;
  min-height: calc(100vh - 120vw);
  padding: 34px 20px;
  padding-top: 0;
  background: #222;
}
.city-enter-m .form-box {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  padding: 24px 16px;
  padding-top: 8px;
}
.city-enter-m .form-cell {
  width: 100%;
  display: flex;
  height: 53px;
  box-sizing: content-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  align-items: center;
}
.city-enter-m .drive-placeholder {
  height: 190px;
}
.chj-drawerpage-wrap {
  position: relative;
  top: 10%;
  display: flex;
  height: 90%;
  width: 100%;
  padding: 0 5.555555555555555vw;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  background-color: #fff;
}
.chj-drawerpage-header {
  display: flex;
  height: 32px;
  padding: 10px 2.666666666666667vw 0 5.333333333333334vw;
  box-sizing: content-box;
  align-items: center;
  justify-content: space-between;
}
.chj-drawerpage-header span {
  flex: 1;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.chj-drawerpage-header i.iconfont {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.chj-drawerpage-header .iconfont-home-back {
  display: none !important;
}
.chj-motion-shadow {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100vh;
}
.chj-drawer-wrap,
.chj-motion-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.chj-drawer-wrap {
  padding: 0;
  height: 100%;
}
.chj-motion-opacity-enter,
.chj-motion-opacity-leave-to {
  opacity: 0;
}
.chj-motion-drawer-bottom-enter,
.chj-motion-drawer-bottom-leave-to {
  transform: translateY(100%);
}
.chj-motion-drawer-left-enter,
.chj-motion-drawer-left-leave-to {
  transform: translateX(100%);
}
.chj-motion-drawer-bottom-enter-active,
.chj-motion-drawer-bottom-leave-active,
.chj-motion-drawer-left-enter-active,
.chj-motion-drawer-left-leave-active,
.chj-motion-opacity-enter-active,
.chj-motion-opacity-leave-active {
  transition: all 0.3s ease-in-out;
}
.drive-drive-form-new {
  width: 416px;
  padding: 0 40px 28px;
  background-color: hsla(0, 0%, 100%, 0.96);
  border-radius: 4px;
}
@media (max-width: 1440px) {
  .drive-drive-form-new {
    width: 312px;
    padding: 0 30px 28px;
  }
}
@media (max-width: 768px) {
  .drive-drive-form-new {
    padding: 0;
    padding-bottom: 52px;
    width: 336px;
    margin: 0 auto;
  }
}
.drive-drive-form-new .drive-form-new-title {
  font-size: 20px;
  line-height: 28px;
  color: #191919;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 16px;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .drive-form-new-title {
    font-size: 15px;
    line-height: 21px;
    margin-top: 30px;
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) {
  .drive-drive-form-new .drive-form-new-title {
    text-align: center;
    margin-top: 40px;
  }
}
.drive-drive-form-new .drive-form-suc {
  text-align: center;
  overflow: hidden;
}
.drive-drive-form-new .form-label {
  width: auto;
  margin-top: 28px;
  margin-bottom: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 28px;
}
.drive-drive-form-new .exhibition-tips {
  padding: 16px;
  border-radius: 6px;
  background-color: rgba(250, 133, 75, 0.05);
  margin-top: 32px;
  margin-bottom: 8px;
}
.drive-drive-form-new .exhibition-tips .exhibition-tips-text {
  font-size: 14px;
  line-height: 22px;
  color: #fa854b;
  text-align: justify;
}
.drive-drive-form-new .exhibition-tips .exhibition-tips-text i {
  color: #5a7cab;
}
.drive-drive-form-new .form-row {
  margin-bottom: 28px;
}
.drive-drive-form-new .form-select {
  border-bottom: 1px solid #8c8985;
}
@media (max-width: 1024px) {
  .drive-drive-form-new .form-select:hover {
    border-bottom: 1px solid #8c8985;
  }
  .drive-drive-form-new .form-select:hover .form-select-icon {
    color: #8c8985;
  }
  .drive-drive-form-new .form-select.active {
    border-bottom: 1px solid #191919;
  }
  .drive-drive-form-new .form-select.active .form-select-icon {
    color: #191919;
  }
}
.drive-drive-form-new .form-select-value {
  font-size: 16px;
}
.drive-drive-form-new .form-select-value.current {
  color: #fff;
}
.drive-drive-form-new .form-select-wrap {
  display: none;
  height: auto;
}
.drive-drive-form-new .form-select-wrap.active {
  display: block;
}
.drive-drive-form-new .form-select-list {
  display: flex;
  padding: 16px 16px;
  flex-wrap: wrap;
}
.drive-drive-form-new .form-select-item {
  width: 25%;
  padding: 10px 0 10px 12px;
  flex-shrink: 0;
  font-size: 16px;
  color: #222;
  line-height: 20px;
  cursor: pointer;
}
.drive-drive-form-new .form-select-item.current {
  color: #191919;
}
.drive-drive-form-new .form-select-item:hover {
  background-color: #f7f8f9;
}
.drive-drive-form-new .form-input {
  margin-bottom: 20px;
}
.drive-drive-form-new .form-input-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.drive-drive-form-new .form-input-inner input {
  width: 100%;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  caret-color: #191919;
  text-align: left;
}
.drive-drive-form-new .form-input-inner input:-ms-input-placeholder {
  color: #999;
}
.drive-drive-form-new .form-input-inner input::placeholder {
  color: #999;
}
.drive-drive-form-new .form-input-inner.active,
.drive-drive-form-new .form-input-inner:hover {
  border-bottom: 1px solid #191919;
}
.drive-drive-form-new .form-input-inner-value {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.drive-drive-form-new .form-input-inner-value.default {
  color: #999;
}
.drive-drive-form-new .drive-bottom-inner .form-button-wrap {
  padding-top: 69px;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .drive-bottom-inner .form-button-wrap {
    padding-top: 55px;
  }
}
.drive-drive-form-new .drive-bottom-tip {
  font-size: 12px;
  color: #666;
  line-height: 24px;
  padding-bottom: 24px;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .drive-bottom-tip {
    padding-bottom: 16px;
  }
}
.drive-drive-form-new .drive-agreement {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .drive-agreement {
    padding-bottom: 16px;
  }
}
.drive-drive-form-new .drive-agreement .drive-agreement-select {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.drive-drive-form-new .drive-agreement .drive-agreement-select .lxiconfont {
  font-size: 18px;
  color: #fff;
  opacity: 0;
}
.drive-drive-form-new .drive-agreement .drive-agreement-select.active {
  background-color: #000;
  border: none;
}
.drive-drive-form-new
  .drive-agreement
  .drive-agreement-select.active
  .lxiconfont {
  opacity: 1;
}
.drive-drive-form-new .drive-agreement .drive-agreement-text {
  margin-left: 12px;
  font-size: 14px;
  color: #191919;
  line-height: 20px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .drive-agreement .drive-agreement-text {
    font-size: 12px;
  }
}
.drive-drive-form-new
  .drive-agreement
  .drive-agreement-text
  .drive-agreement-text-name {
  display: inline-block;
  color: #5a7cab;
}
.drive-drive-form-new .form-button {
  width: auto;
  margin-bottom: 0;
  height: 48px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 48px;
  border-radius: 24px;
  text-align: center;
  color: #fff;
  cursor: default;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .form-button {
    height: 36px;
    font-size: 12px;
    line-height: 36px;
  }
}
.drive-drive-form-new .form-button.active {
  background-color: #191919;
  cursor: pointer;
}
.drive-drive-form-new .form-button.active:active,
.drive-drive-form-new .form-button.active:hover {
  background-color: #3c3c3c;
}
.drive-drive-form-new .drive-caption.closed {
  padding-top: 8px;
  padding-bottom: 32px;
}
.drive-drive-form-new .drive-caption.closed .drive-caption-tip {
  padding-top: 0;
}
.drive-drive-form-new .drive-caption-tip {
  padding-top: 46px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.drive-drive-form-new .bottom-box {
  width: 100%;
  min-height: calc(100vh - 100.66667vw);
  padding: 34px 20px;
  padding-top: 0;
  background: #222;
}
.drive-drive-form-new .form-box {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  padding: 24px 16px;
  padding-top: 8px;
}
.drive-drive-form-new .city-enter {
  margin-top: 8px;
}
.drive-drive-form-new .city-enter-inner {
  display: flex;
  height: 54px;
  align-items: center;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.drive-drive-form-new .city-enter-inner .left {
  width: 100px;
  flex-shrink: 0;
}
.drive-drive-form-new .city-enter-inner .right {
  display: flex;
  width: calc(100% - 100px);
  align-items: center;
}
.drive-drive-form-new .city-enter-inner .right .iconfont {
  margin-left: 8px;
  flex-grow: 1;
  font-size: 14px;
  color: #999;
  text-align: right;
}
.drive-drive-form-new .city-value {
  width: calc(100% - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drive-drive-form-new .city-value.default {
  color: #999;
}
.drive-drive-form-new .drive-placeholder {
  height: 190px;
}
.drive-drive-form-new .drive-title {
  padding: 20px;
  font-size: 16px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 22px;
}
.drive-drive-form-new .drive-qrcode {
  min-height: 850px;
  padding-top: 260px;
  text-align: center;
  background-color: #fff;
}
.drive-drive-form-new .drive-qrcode img {
  width: 140px;
  height: 140px;
  margin: 20px 20px 10px;
}
.drive-drive-form-new .drive-qrcode p {
  font-size: 14px;
  color: #222;
  line-height: 2;
}
.drive-drive-form-new .new-drive-form-cell {
  width: 100%;
  height: 54px;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .new-drive-form-cell {
    height: 43px;
    line-height: 43px;
  }
  .drive-drive-form-new .new-drive-form-cell input {
    line-height: 43px;
  }
}
.drive-drive-form-new .new-drive-form-cell .new-drive-form-label {
  width: 105px;
  height: 100%;
  line-height: 54px;
  font-size: 14px;
  color: #191919;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .new-drive-form-cell .new-drive-form-label {
    width: 78px;
    line-height: 43px;
    font-size: 12px;
  }
}
.drive-drive-form-new .new-drive-form-cell .new-drive-form-value-box {
  flex: 1;
  display: flex;
  line-height: 54px;
  position: relative;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .new-drive-form-cell .new-drive-form-value-box {
    line-height: 43px;
    font-size: 12px;
  }
}
.drive-drive-form-new .new-drive-form-cell .new-drive-form-value-box input {
  width: 100%;
  font-size: 14px;
  color: #666;
  caret-color: #191919;
  text-align: left;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  input:-ms-input-placeholder {
  color: #ccc;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  input::placeholder {
  color: #ccc;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .new-drive-form-cell .new-drive-form-value-box input {
    font-size: 12px;
    line-height: 43px;
  }
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .drive-form-value {
  font-size: 14px;
  color: #666;
  flex: 1;
}
@media (max-width: 1440px) {
  .drive-drive-form-new
    .new-drive-form-cell
    .new-drive-form-value-box
    .drive-form-value {
    font-size: 12px;
  }
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .drive-form-value.placeholder {
  color: #ccc;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .iconfont-box {
  transition:
    transform 0.15s ease-in,
    color 0.15s ease-in;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .iconfont-box.reverse {
  transform: rotate(-90deg);
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-value-box
  .iconfont-box
  .lxiconfont-youjiantou1 {
  font-size: 20px;
  color: #999;
}
@media (max-width: 1440px) {
  .drive-drive-form-new
    .new-drive-form-cell
    .new-drive-form-value-box
    .iconfont-box
    .lxiconfont-youjiantou1 {
    font-size: 15px;
  }
}
.drive-drive-form-new .new-drive-form-cell .new-drive-form-value-box #code {
  width: 104px;
}
.drive-drive-form-new .new-drive-form-cell:hover {
  border-color: #191919;
}
.drive-drive-form-new
  .new-drive-form-cell:hover
  .iconfont-box
  .lxiconfont-youjiantou1 {
  color: #191919;
}
.drive-drive-form-new .new-drive-form-cell.new-drive-form-cell-active {
  border-color: #191919;
}
.drive-drive-form-new
  .new-drive-form-cell.new-drive-form-cell-active
  .iconfont-box
  .lxiconfont-youjiantou1 {
  color: #191919;
}
.drive-drive-form-new .new-drive-form-cell .new-drive-form-getcode-box {
  position: absolute;
  right: 0;
  top: 0;
  height: 108px;
  font-size: 14px;
  text-align: right;
}
@media (max-width: 1440px) {
  .drive-drive-form-new .new-drive-form-cell .new-drive-form-getcode-box {
    font-size: 12px;
  }
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getcode {
  color: #ced8e6;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getcode.active {
  cursor: pointer;
  color: #5a7cab;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getcode.active:hover {
  color: #5a7cab;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getvoice {
  cursor: pointer;
  color: #5a7cab;
}
.drive-drive-form-new
  .new-drive-form-cell
  .new-drive-form-getcode-box
  .getvoice.disable {
  color: #ced8e6;
  pointer-events: none;
}
.bottom-box-m-new {
  width: 100%;
  min-height: calc(100vh - 120vw);
  padding: 34px 20px;
  padding-top: 0;
  background: #222;
}
.bottom-box-m-new .form-label {
  width: auto;
  font-size: 16px;
  padding: 0 4.166666666666666vw 20px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #2f2f2f;
  line-height: 1;
}
.bottom-box-m-new .exhibition-tips {
  padding: 12px 20px;
  border-radius: 14px;
  background-color: #fff9f6;
}
.bottom-box-m-new .exhibition-tips .exhibition-tips-text {
  font-size: 14px;
  line-height: 22px;
  color: #fa854b;
  text-align: justify;
}
.bottom-box-m-new .exhibition-tips .exhibition-tips-text i {
  color: #5a7cab;
}
.bottom-box-m-new .form-row {
  padding: 0 4.166666666666666vw;
  margin-bottom: 0;
}
.bottom-box-m-new .form-select-value {
  font-size: 16px;
}
.bottom-box-m-new .form-select-value.current {
  color: #fff;
}
.bottom-box-m-new .form-select-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  padding-bottom: 5px;
}
.bottom-box-m-new .form-select-item {
  flex-shrink: 0;
  color: #222;
  width: 27.77777777777778vw;
  height: 40px;
  padding: 0;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  margin-right: 4.166666666666666vw;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
  transition-property: background, color, border;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.bottom-box-m-new .form-select-item:nth-child(3n) {
  margin-right: 0;
}
.bottom-box-m-new .form-select-item.current {
  border: 1px solid #191919;
  color: #fff;
  background-color: #191919;
}
.bottom-box-m-new .drive-center {
  width: 100%;
  max-height: 280px;
  overflow: auto;
  padding: 0 20px;
  border-top: 1px solid #eee;
  margin: 0;
  background-color: #fff;
}
.bottom-box-m-new .drive-center-item {
  display: flex;
  padding-top: 15px;
  padding-right: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}
.bottom-box-m-new .drive-center-item:last-child {
  border-bottom: 0 none;
  margin-bottom: 0;
}
.bottom-box-m-new .drive-center-checkbox {
  display: flex;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  border: 1px solid #a6a6a6;
  margin-right: 15px;
  margin-top: 1px;
  align-items: center;
  justify-content: center;
  transition-property: background, border;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
}
.bottom-box-m-new .drive-center-checkbox:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: -5px;
  margin-left: -5px;
  background-color: #191919;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  content: "";
}
.bottom-box-m-new .drive-center-checkbox.current:after {
  opacity: 1;
}
.bottom-box-m-new .drive-center-checkbox .iconfont,
.bottom-box-m-new .drive-center-checkbox:after {
  display: none;
}
.bottom-box-m-new .drive-center-checkbox .iconfont {
  display: block;
  font-size: 12px;
  color: #fff;
  opacity: 0;
}
.bottom-box-m-new .drive-center-checkbox.current {
  border: 1px solid #191919;
  background-color: #191919;
}
.bottom-box-m-new .drive-center-checkbox.current .iconfont {
  opacity: 1;
}
.bottom-box-m-new .drive-center-info {
  word-break: break-all;
  padding-bottom: 15px;
}
.bottom-box-m-new .drive-center-name {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 22px;
}
.bottom-box-m-new .drive-center-address {
  font-size: 12px;
  color: #666;
  line-height: 16px;
}
.bottom-box-m-new .drive-form-label {
  display: block;
  width: 100px;
  font-size: 14px;
  line-height: 20px;
  color: #191919;
}
.bottom-box-m-new .form-input {
  height: 20px;
  margin: 0;
  width: calc(100% - 100px);
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.bottom-box-m-new .form-input-inner {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  flex: 1;
  color: #191919;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0;
  border-bottom: 0 none;
}
.bottom-box-m-new .form-input-inner input {
  width: 100%;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  text-align: left;
}
.bottom-box-m-new .form-input-inner.active {
  border-bottom: 1px solid #191919;
}
.bottom-box-m-new .form-input-inner.placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.bottom-box-m-new .form-input-inner.active,
.bottom-box-m-new .form-input-inner:hover {
  border-bottom: 0 none;
}
.bottom-box-m-new .form-input-inner input {
  height: 20px;
  font-size: 14px;
  color: #2f2f2f;
  caret-color: #191919;
  line-height: 20px;
}
.bottom-box-m-new .form-input-inner input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.bottom-box-m-new .form-input-inner input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.bottom-box-m-new .form-input-inner-value {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.bottom-box-m-new .form-input-inner-value.default {
  color: #999;
}
.bottom-box-m-new .form-input-getcode {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #ced8e6;
  top: 50%;
  margin-top: -12px;
  font-size: 14px;
}
.bottom-box-m-new .form-input-getcode.active {
  color: #5a7cab;
}
.bottom-box-m-new .form-input-getvoice {
  display: none;
}
.bottom-box-m-new .drive-bottom {
  box-sizing: content-box;
}
.bottom-box-m-new .drive-bottom-inner.fixed {
  z-index: 300;
  position: fixed;
  left: 0;
  bottom: 0;
}
.bottom-box-m-new .drive-bottom-tip {
  color: #666;
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 24px;
}
.bottom-box-m-new .form-button {
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-radius: 30px;
  flex-shrink: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.bottom-box-m-new .form-button.active {
  background-color: #191919;
}
.bottom-box-m-new .form-button.active:active,
.bottom-box-m-new .form-button.active:hover {
  background-color: #3c3c3c;
}
.bottom-box-m-new .drive-caption.closed {
  padding-top: 8px;
  padding-bottom: 32px;
}
.bottom-box-m-new .drive-caption.closed .drive-caption-tip {
  padding-top: 0;
}
.bottom-box-m-new .drive-caption-tip {
  padding-top: 46px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.bottom-box-m-new .form-box-padding {
  width: 100%;
  background: #fff;
  border-radius: 14px;
}
.bottom-box-m-new .form-box-bottom {
  padding: 24px 16px;
  padding-top: 8px;
}
.bottom-box-m-new .form-cell {
  width: 100%;
  display: flex;
  height: 53px;
  box-sizing: content-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  align-items: center;
  padding-right: 20px;
}
.bottom-box-m-new .form-cell.hide-city {
  display: none;
}
.bottom-box-m-new .drive-placeholder {
  height: 190px;
}
.bottom-box-m-new .drive-title {
  padding: 20px;
  font-size: 16px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 22px;
}
.bottom-box-m-new .drive-inviter {
  z-index: 2;
  position: absolute;
  left: 10.666666666666668vw;
  bottom: 79.33333333333333vw;
  pointer-events: none;
}
.bottom-box-m-new .drive-inviter.isApp {
  left: 10.666666666666668vw;
  bottom: 78.66666666666666vw;
}
.bottom-box-m-new .drive-inviter-inner {
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  line-height: 1;
}
.bottom-box-m-new .chj-drawerpage-wrap {
  position: absolute;
  left: 0;
  top: unset;
  bottom: 0;
  height: calc(100% - 44px);
  padding: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.bottom-box-m-new .chj-drawerpage-header {
  display: none;
}
.bottom-box-m-new .drive-city {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.bottom-box-m-new .drive-city-top {
  position: relative;
  display: flex;
  height: 24px;
  padding: 12px 0 8px;
  box-sizing: content-box;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #2f2f2f;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.bottom-box-m-new .drive-city-top .iconfont {
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #666;
}
.bottom-box-m-new .search-box {
  height: 36px;
  line-height: 36px;
  width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
}
.bottom-box-m-new .search-box .drive-search-box {
  height: 36px;
  line-height: 36px;
  flex: 1;
  background: #f7f8f9;
  border-radius: 18px;
  margin-top: 4px;
  margin-bottom: 12px;
  display: flex;
}
.bottom-box-m-new .search-box .drive-search-box .iconfont-search2 {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.2);
  margin-left: 16px;
  margin-right: 10px;
  line-height: 36px;
}
.bottom-box-m-new .search-box .drive-search-box .search-input {
  flex: 1;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.9);
  margin-top: 9px;
  caret-color: #191919;
}
.bottom-box-m-new .search-box .cancel {
  width: 50px;
  font-size: 14px;
  color: #191919;
  padding-left: 16px;
  margin-top: 4px;
  line-height: 36px;
}
.bottom-box-m-new .search-box .drive-search-list {
  margin-top: 12px;
  padding: 0 20px;
  height: calc(100% - 104px);
  overflow: hidden;
  overflow-y: scroll;
}
.bottom-box-m-new .search-box .drive-search-list .drive-search-item {
  font-size: 16px;
  line-height: 56px;
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid #f7f8f9;
}
.bottom-box-m-new .search-box .drive-search-list .no-result {
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 60px;
  text-align: center;
}
.bottom-box-m-new .search-box .drive-qrcode {
  min-height: 850px;
  padding-top: 260px;
  text-align: center;
  background-color: #fff;
}
.bottom-box-m-new .search-box .drive-qrcode img {
  width: 140px;
  height: 140px;
  margin: 20px 20px 10px;
}
.bottom-box-m-new .search-box .drive-qrcode p {
  font-size: 14px;
  color: #222;
  line-height: 2;
}
.drive-pc-new-component {
  display: flex;
  flex: 1;
}
.drive-pc-new-component .drive-form {
  width: 100%;
  padding: 40px;
  background-color: #fff;
}
.drive-pc-new-component .drive-form .suc-title {
  margin-top: 40px;
}
.drive-pc-new-component .drive-form-suc {
  text-align: center;
  overflow: hidden;
}
.drive-pc-new-component .suc-title {
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  color: #191919;
  margin-top: 80px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.drive-pc-new-component .suc-des {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #666;
  margin-top: 8px;
}
.drive-pc-new-component .suc-qrcode {
  width: 132px;
  height: 132px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/app-qrcode.5480b982.jpg)
    no-repeat 50%;
  background-size: cover;
}
.drive-pc-new-component .suc-download {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #666;
  margin-top: 8px;
  margin-bottom: 90px;
}
.drive-pc-new-component .bottom-box {
  width: 100%;
  min-height: calc(100vh - 100.66667vw);
  padding: 34px 20px;
  padding-top: 0;
  background: #222;
}
.drive-pc-new-component .form-box {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  padding: 24px 16px;
  padding-top: 8px;
}
.drive-pc-new-component .drive-placeholder {
  height: 190px;
}
.drive-pc-new-component .drive-title {
  padding: 20px;
  font-size: 16px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 22px;
}
.drive-pc-new-component .drive-content {
  width: 100%;
  min-height: auto;
  background: none;
}
.drive-pc-new-component .drive-content .drive-drive-form-new {
  padding: 0;
  width: 100%;
  background: none;
  border-radius: 0;
}
.drive-pc-new-component .drive-content .drive-drive-form-new .drive-agreement {
  padding-bottom: 0;
}
.drive-pc-new-component .drive-content .form-button {
  width: 114px;
  height: 36px;
  line-height: 36px;
  margin-top: 40px;
  margin-bottom: 20px;
  left: 386px;
}
@media (max-width: 1440px) {
  .drive-pc-new-component .drive-content .form-button {
    margin-top: 30px;
    margin-bottom: 10px;
    left: 278px;
  }
}
.drive-pc-new-component .drive-content .form-button-wrap {
  padding-top: 58px;
}
.drive-pc-new-component .drive-form-new-title {
  display: none;
}
.drive-pc-new-component .form-input-getvoice {
  color: #666;
}
.draw-layer-box-m {
  position: absolute;
  background-color: #fff;
  height: auto;
  padding-bottom: 32px;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-height: 550px) {
  .draw-layer-box-m {
    height: calc(100vh - 16px);
  }
}
.draw-layer-box-m .draw-layer-header {
  padding: 14px 0 6px;
  position: relative;
}
.draw-layer-box-m .draw-layer-header .draw-layer-header-title {
  font-size: 16px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 24px;
  color: #191919;
  text-align: center;
}
.draw-layer-box-m .draw-layer-header .iconfont {
  font-size: 18px;
  color: #191919;
  position: absolute;
  right: 16px;
  top: 12px;
}
.drive-m-component {
  display: flex;
  flex: 1;
  padding-top: 50px;
  display: block;
  width: 100%;
  padding-top: 0;
  background-color: #fff;
  flex-grow: 1;
}
.drive-m-component.transparent .chj-drawerpage-wrap {
  height: calc(100% - constant(safe-area-inset-top) - 52px);
  height: calc(100% - env(safe-area-inset-top) - 52px);
}
.drive-m-component .drive-content {
  padding: 0;
  width: 100%;
  background: none;
}
.drive-m-component .bottom-box-m-new {
  background: none;
  padding: 0;
  min-height: auto;
}
.drive-m-component .form-box-bottom {
  padding: 8px 20px;
}
.drive-m-component .lx-city-main-m .chj-drawer-wrap {
  padding-top: 20vh;
}
.drive-m-component .exhibition-tips {
  display: none;
}
@media (max-width: 720px) {
  .chj-message-wrapper .chj-message-wrapper-icon {
    display: none;
  }
}
.drive-success-box-m {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.drive-success-box-m .drive-success-content .drive-success-title {
  font-size: 24px;
  line-height: 32px;
  color: #191919;
  text-align: center;
  margin-top: 80px;
}
.drive-success-box-m .drive-success-content .drive-success-title .suc-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.drive-success-box-m .drive-success-content .drive-success-desc {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  text-align: center;
}
.drive-success-box-m .drive-success-btn-box {
  width: 100%;
  height: 60px;
  padding: 8px 20px;
  margin-top: 180px;
}
.drive-success-box-m .drive-success-btn-box .drive-success-btn {
  width: 100%;
  height: 100%;
  background-color: #191919;
  color: #fff;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  border-radius: 20px;
}
.chj-message {
  z-index: 1002;
}
.scene-live-bottom-bar {
  padding: 0.4910714285714286rem 0 1.0714285714285714rem;
  transform: translate3d(0, 100px, 0) scale(0.7);
  transition:
    transform 1s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.scene-live-bottom-bar.show {
  transform: translateZ(0) scale(1);
  opacity: 1;
  pointer-events: unset;
}
@media (max-width: 720px) {
  .scene-live-bottom-bar {
    position: -webkit-sticky;
    position: sticky;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    display: flex;
    width: 100%;
    padding: 20px 20px 16px;
    flex-grow: 1;
    align-items: flex-end;
  }
}
.scene-live-bottom-bar-container {
  display: flex;
  width: 100%;
  padding: 0.07142857142857142rem;
  border-radius: 200px;
  align-items: center;
  background-color: rgba(72, 72, 72, 0.6);
  cursor: pointer;
}
@media (max-width: 720px) {
  .scene-live-bottom-bar-container {
    padding: 12px;
    border-radius: 4px;
    justify-content: space-between;
  }
}
.scene-live-bottom-bar-text {
  padding: 0 0.21428571428571427rem 0 0.1607142857142857rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-live-bottom-bar-text {
    padding: 0;
    padding-left: 4px;
    font-size: 12px;
    line-height: 20px;
    font-family:
      li-regular,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
  }
}
.scene-live-bottom-bar-more {
  display: flex;
  width: 0.3214285714285714rem;
  height: 0.3214285714285714rem;
  padding-right: 0.017857142857142856rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 0;
  background-color: #fff;
}
.scene-live-bottom-bar-more i {
  font-size: 0.19642857142857145rem;
  color: #000;
}
@media (max-width: 720px) {
  .scene-live-bottom-bar-more {
    width: auto;
    height: auto;
    padding-left: 0;
    border-radius: 0;
    font-size: 12px;
    line-height: 20px;
    background-color: transparent;
  }
  .scene-live-bottom-bar-more i {
    font-size: 18px;
    color: #fff;
  }
}
body,
html {
  margin: 0;
  background-color: #191919;
  transition: opacity 0.5s ease-in-out;
  padding-top: 0;
}
body {
  opacity: 0;
}
#li-self-player {
  width: 100%;
  height: 100%;
}
#li-self-player .xgplayer-unmute .xgplayer-unmute-bt {
  width: 140px !important;
  height: 48px !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  border-width: 1px;
  cursor: pointer;
}
#li-self-player .xgplayer-unmute .xgplayer-unmute-bt:hover {
  color: hsla(0, 0%, 100%, 0.9) !important;
  border: 0.5px solid hsla(0, 0%, 100%, 0.9) !important;
}
@media (max-width: 720px) {
  #li-self-player .xgplayer-unmute .xgplayer-unmute-bt {
    width: 120px !important;
    height: 44px !important;
    font-size: 12px ip !important;
  }
}
#li-self-player
  .xgplayer-pc
  .xgplayer-volume
  xg-slider.xgplayer-slider
  .xgplayer-drag {
  background-image: linear-gradient(120deg, #fff, #fff) !important;
}
#li-self-player .bytelive-Player-floatingWrapper {
  position: absolute;
  right: 20px;
  top: 1vw;
  bottom: 4vw;
  justify-content: space-between;
  z-index: 12;
}
#li-self-player .bytelive-Player-floatingWrapper,
#li-self-player
  .bytelive-Player-floatingWrapper
  .bytelive-Player-floatingContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#li-self-player .purePlayer .bytelive-Player-floatingWrapper {
  display: none;
}
#li-self-player
  .bytelive-PcNewPlayer-livePlayer
  .bytelive-PcNewPlayer-innerPlayer {
  width: 100%;
  height: 100%;
}
#li-self-player
  .bytelive-PcNewPlayer-livePlayer
  .bytelive-PcNewPlayer-innerPlayer
  video {
  background: #000;
}
#li-self-player .bytelive-PcNewPlayer-livePlayer {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-size: cover;
}
#li-self-player .bytelive-PcIndex-playerWide .playerContent {
  height: 100% !important;
  width: 100% !important;
  max-height: none !important;
}
#li-self-player .bytelive-PcNewPlayer-liveplayerAdapt {
  height: 100% !important;
  width: 100% !important;
}
#li-self-player .bytelive-PcNewPlayer-liveplayerAdapt .playerContent {
  height: 100% !important;
  width: 100% !important;
  min-height: 180px !important;
  max-height: none !important;
}
#li-self-player .bytelive-DefaultLayoutPlayer-playerMask {
  display: none !important;
}
#li-self-player .bytelive-player-like-button {
  position: absolute;
  z-index: 10;
  right: 12px;
  bottom: 70px;
}
#li-self-player .bytelive-Thumbs-thumbs canvas {
  bottom: 35px !important;
}
#li-self-player
  .bytelive-Thumbs-thumbs
  .bytelive-Thumbs-thumbsItem
  .bytelive-Thumbs-core {
  top: 100% !important;
  background: unset !important;
  color: hsla(0, 0%, 100%, 0.9) !important;
  font-size: 12px !important;
  transform: unset !important;
}
#li-self-player .xg-tips {
  top: -16px !important;
}
#li-self-player .bytelive-LinkNotice-link-notice-container,
#li-self-player .bytelive-Mask-playerMask {
  display: none !important;
}
#li-self-player .xgplayer-controls.controls-autohide {
  border-radius: 0;
}
#li-self-player
  .xgplayer-source-list
  .bytelive-Source-sourceList
  .bytelive-Source-title {
  padding: 10px 10px 5px;
}
#li-self-player
  .xgplayer-source-list
  .bytelive-Source-sourceList
  .bytelive-Source-itemBox
  .bytelive-Source-sourceItem {
  padding-right: 10px;
}
#li-self-player .xgplayer-extend-icon {
  display: none !important;
}
#li-self-player .xgplayer.xgplayer-mobile .xg-options-list.active {
  display: flex;
}
#li-self-player.ispadsafari .xgplayer-volume.slide-show .xgplayer-slider {
  display: none;
}
.purePlayer video {
  height: calc(100% + 4px) !important;
  width: calc(100% + 4px) !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
}
#baidu-player {
  width: 100%;
  height: 100%;
}
#baidu-player .jw-controlbar {
  width: 100%;
}
#baidu-player .jw-controlbar .jw-text-alt {
  display: none;
}
#baidu-player .jw-controlbar-left-group .jw-icon-playlist {
  position: absolute;
  top: 3px;
}
#baidu-player .jw-playlist-container .jw-icon-playlist,
#baidu-player .jw-playlist-container .jw-tooltip-title {
  display: none;
}
#baidu-player .jw-icon-playlist:before {
  content: attr(data-attr);
}
#baidu-player .jw-icon-next,
#baidu-player .jw-icon-prev,
#baidu-player .jw-rightclick,
#baidu-player .jw-title,
#baidu-player .jw-volume-value-tip {
  display: none;
}
#baidu-player .jw-icon.jw-icon-playlist:before {
  font-size: 14px;
}
#baidu-player .jw-icon.jw-icon-hd .jw-hd-label {
  margin-top: 0;
  padding-top: 2px;
  font-size: 14px;
  line-height: 22px;
  height: unset;
  vertical-align: text-top;
}
#baidu-player .jw-icon.jw-icon-volume {
  margin-top: 10px;
}
#baidu-player .jw-icon.jw-icon-volume .jw-slider-container .jw-progress {
  opacity: 1;
}
#baidu-player .jw-icon.jw-icon-fullscreen {
  margin-top: 10px;
}
#baidu-player .jw-playlist .jw-option {
  margin-right: 0;
  padding-left: 0.5em;
}
#baidu-player .jw-playlist .jw-name {
  width: auto;
}
#baidu-player.jw-state-buffering .jw-controls .jw-display-icon-container {
  border: none;
}
#baidu-player.jw-state-buffering
  .jw-controls
  .jw-display-icon-container
  .jw-icon-display:before {
  display: block;
  width: 2em;
  height: 2em;
  content: "";
  background-image: url(https://p.ampmake.com/fed/image/png/bdad677840933cfd8f738c9c542c01ce.png);
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  #baidu-player {
    font-size: 10px;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-playlist {
    top: 2px;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-hd .jw-hd-label {
    background: unset;
    color: #fff;
    vertical-align: unset;
    padding: 0;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-playlist .jw-playlist {
    width: 100%;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-playlist .jw-playlist .jw-option {
    margin-right: 0;
    padding-left: 0;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-playlist .jw-playlist .jw-label {
    width: 22px;
    text-align: center;
  }
  #baidu-player
    .jw-group
    .jw-icon.jw-icon-playlist
    .jw-playlist
    .jw-label
    .jw-icon-play:before {
    padding: 0;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-playlist .jw-playlist .jw-name {
    width: unset;
  }
  #baidu-player .jw-group .jw-icon.jw-icon-fullscreen,
  #baidu-player .jw-group .jw-icon.jw-icon-volume {
    margin-top: 0;
    line-height: 2.2;
  }
}
.lxplayer {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  font-weight: 400;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  --webkit-font-smooth: antialiased;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.lxplayer * {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  white-space: normal;
  word-wrap: normal;
  overflow-wrap: normal;
}
.lxplayer.lxplayer-is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.lxplayer.lxplayer-is-inactive {
  cursor: none;
}
.lxplayer-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
}
.lxplayer-icon svg {
  display: block;
}
.lxplayer-button {
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.lxplayer-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.lxplayer-menu-label {
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 600;
  font-size: 16px;
}
.lxplayer-is-mobile .lxplayer-menu-label,
.lxplayer-menu-label.hovered {
  color: #fff;
}
.lxplayer-menu-popover {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: flex;
  flex-direction: column;
  padding: 12px 8px;
  width: 176px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  color: #fff;
  transform: translate(-50%);
}
.lxplayer-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 12px;
  height: 46px;
  border-radius: 4px;
  background-color: transparent;
}
.lxplayer-menu-item:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
.lxplayer-mobile-menu-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 601;
}
.lxplayer-mobile-menu {
  position: absolute;
  bottom: 0;
  z-index: 101;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  box-sizing: border-box;
  padding-bottom: 40px;
  max-height: 100%;
  width: 100%;
  height: auto;
  border-radius: 20px 20px 0 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.lxplayer-mobile-menu-header {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  padding: 0 20px;
  height: 56px;
  font-weight: 600;
}
.lxplayer-mobile-menu-close {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.lxplayer-mobile-menu-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1;
  min-height: 0;
}
.lxplayer-mobile-menu-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 0 20px;
  height: 56px;
  color: hsla(0, 0%, 100%, 0.5);
}
.lxplayer-mobile-menu-item.selected {
  color: #fff;
  font-weight: 600;
}
@media (orientation: landscape) {
  .lxplayer-mobile-menu {
    right: 0;
    padding-bottom: 0;
    width: 220px;
    height: 100%;
    border-radius: 20px 0 0 20px;
  }
  .lxplayer-mobile-menu-header {
    justify-content: flex-start;
  }
  .lxplayer-mobile-menu-close {
    right: 11px;
  }
}
.lxplayer-volume {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.lxplayer-volume-slider {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 12px 0;
  width: 44px;
  height: 136px;
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.8);
  transform: translate(-50%);
}
.lxplayer-volume-label {
  color: #fff;
}
.lxplayer-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 86px;
  transform: rotate(270deg);
  transform-origin: center center;
}
.lxplayer-slider input[type="range"] {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 6px;
  border-radius: 9px;
  background: hsla(0, 0%, 100%, 0.2);
  background-image: linear-gradient(#fff, #fff);
  background-size: 30% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.lxplayer-slider input[type="range"]::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-appearance: none;
  appearance: none;
}
.lxplayer-fullscreen,
.lxplayer-unmute {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lxplayer-unmute {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.lxplayer-main-button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 60px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.lxplayer-main-button.small {
  padding: 0 42px;
  height: 36px;
  border-width: 1.5px;
  font-size: 14px;
  line-height: 22px;
}
.lxplayer-main-button:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.lxplayer-is-mobile .lxplayer-main-button {
  padding: 0 50px;
  height: 44px;
  background-color: hsla(0, 0%, 100%, 0.1);
  font-size: 14px;
  line-height: 22px;
}
.lxplayer-is-mobile .lxplayer-main-button:hover {
  background-color: inherit;
}
.lxplayer-error {
  z-index: 6;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.lxplayer-error,
.lxplayer-error:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lxplayer-error:before {
  content: "";
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
}
.lxplayer-error > * + * {
  margin-top: 20px;
}
.lxplayer-loading {
  z-index: 5;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.lxplayer-loading,
.lxplayer-loading:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lxplayer-loading:before {
  z-index: -1;
  background: rgba(0, 0, 0, 0.4);
  content: "";
}
.lxplayer-loading > * + * {
  margin-top: 16px;
}
.lxplayer-loading-spinning {
  display: block;
  animation: lxplayer-spinning 1s linear infinite;
}
.lxplayer-loading-spinning > svg {
  display: block;
}
.lxplayer-loading-text {
  font-size: 16px;
  line-height: 24px;
}
@keyframes lxplayer-spinning {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.lxplayer-is-mobile .lxplayer-loading {
  flex-direction: row;
}
.lxplayer-is-mobile .lxplayer-loading > * + * {
  margin-top: 0;
  margin-left: 4px;
}
.lxplayer-is-mobile .lxplayer-loading-spinning svg {
  width: 24px;
  height: 24px;
}
.lxplayer-is-mobile .lxplayer-loading-text {
  color: hsla(0, 0%, 100%, 0.5);
}
.lxplayer-controls {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  height: 68px;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease;
}
.lxplayer-controls-background {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 178px;
  background: linear-gradient(1turn, rgba(0, 0, 0, 0.8) 5%, transparent);
  pointer-events: none;
}
.lxplayer-controls-inner {
  position: absolute;
  right: 40px;
  bottom: 0;
  left: 40px;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.lxplayer-controls-left,
.lxplayer-controls-right {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-shrink: 1;
  height: 100%;
}
.lxplayer-controls-left > * + *,
.lxplayer-controls-right > * + * {
  margin-left: 32px;
}
.lxplayer-is-mobile .lxplayer-controls,
.lxplayer-is-mobile .lxplayer-controls-background {
  height: 44px;
}
.lxplayer-is-mobile .lxplayer-controls-inner {
  right: 16px;
  left: 16px;
}
.lxplayer-is-mobile .lxplayer-controls-left > * + *,
.lxplayer-is-mobile .lxplayer-controls-right > * + * {
  margin-left: 24px;
}
.lxplayer-is-inactive .lxplayer-controls {
  visibility: hidden;
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
button:focus {
  outline: none !important;
}
body.scene-live-body.hasTopTip,
body.scene-live-body.hasTopTip-2 {
  padding-top: 0;
}
body.scene-live-body.hasTopTip-2 header,
body.scene-live-body.hasTopTip header {
  top: 0;
}
body.scene-live-body.hasTopTip-2 .lx-toptip,
body.scene-live-body.hasTopTip .lx-toptip {
  display: none;
}
body.scene-live-body .scene-live-player {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100vw;
  height: calc(100vh + 1px);
  margin-top: 0;
}
body.scene-live-body video {
  object-fit: cover;
}
@media (max-width: 720px) {
  .product-wrap.en .scene-live-title {
    padding: 0 2.666666666666667vw;
    text-align: center;
  }
}
.scene-live {
  position: relative;
  height: 100vh;
  min-height: 9.642857142857142rem;
  background-color: #000;
}
.scene-live .scene-inner {
  display: flex;
  padding-top: 1.1785714285714286rem;
  overflow: unset;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
  .scene-live {
    height: unset;
    min-height: unset;
  }
  .scene-live.fullscreen {
    height: 100vh;
  }
  .scene-live.fullscreen .scene-inner {
    padding-bottom: 0;
  }
  .scene-live .scene-inner {
    padding-bottom: 60px;
  }
}
@media (max-width: 720px) {
  .scene-live {
    height: calc(100vh - 50px);
  }
  .scene-live .scene-inner {
    width: 100%;
    height: 100%;
    padding-top: calc(16vh + constant(safe-area-inset-top));
    padding-top: calc(16vh + env(safe-area-inset-top));
    padding-bottom: 120px;
  }
  .scene-live .product-model-image {
    height: 20.266666666666666vw;
    margin-bottom: 0;
  }
}
.scene-live.scene-live-pure {
  height: unset;
  min-height: unset;
}
.scene-live.scene-live-pure .scene-inner {
  height: 100%;
  padding-top: 0;
}
.scene-live-title {
  margin-bottom: 0.03571428571428571rem;
  font-size: 0.2857142857142857rem;
  line-height: 0.42857142857142855rem;
}
.scene-live-title:nth-child(2) {
  font-size: 0.19642857142857145rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 0.26785714285714285rem;
}
@media (max-width: 720px) {
  .scene-live-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .scene-live-title:nth-child(2) {
    font-size: 22px;
    line-height: 30px;
  }
}
.scene-live-player {
  width: 11.714285714285714rem;
  height: 6.589285714285715rem;
  margin-top: 0.3214285714285714rem;
}
@media (max-width: 720px) {
  .scene-live-player {
    width: 100%;
    height: 56.266666666666666vw;
    margin-top: 8.533333333333333vw;
  }
}
.scene-live-over {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-live-over {
    font-size: 16px;
    line-height: 24px;
  }
}
.scene-button {
  display: flex;
  width: 1.6071428571428572rem;
  height: 0.42857142857142855rem;
  border: 2px solid #fff;
  border-radius: 100px;
  margin-right: 16px;
  justify-content: center;
  align-items: center;
  font-size: 0.14285714285714285rem;
  background-color: transparent;
  transition:
    background 0.15s ease-in,
    opacity 0.15s ease-in,
    color 0.15s ease-in,
    border-color 0.15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 721px) {
  .scene-button:hover {
    background-color: hsla(0, 0%, 100%, 0.26);
  }
}
.scene-button.normal {
  background-color: hsla(0, 0%, 100%, 0.1);
}
@media (min-width: 721px) {
  .scene-button.normal:hover {
    background-color: hsla(0, 0%, 100%, 0.26);
  }
}
.scene-button.primary {
  border: none;
  color: #000;
  background-color: #fff;
}
@media (min-width: 721px) {
  .scene-button.primary:hover {
    background-color: #191919;
    color: #fff;
  }
}
.scene-button.fill {
  border: none;
  color: #fff;
  background-color: #191919;
}
@media (min-width: 721px) {
  .scene-button.fill:hover {
    background-color: #3c3c3c;
    color: #fff;
  }
}
.scene-button.link {
  width: unset;
  height: unset;
  border: 0 !important;
  margin-right: 0.26785714285714285rem;
  font-size: 0.14285714285714285rem;
  color: #fff !important;
  line-height: 0.26785714285714285rem;
  background-color: transparent !important;
}
@media (max-width: 720px) {
  .scene-button.link {
    display: flex;
    border-radius: 0;
    border-bottom: 1px solid #fff !important;
    font-size: 14px;
    line-height: 1.5;
  }
}
.scene-button:last-child {
  margin-right: 0;
}
.scene-button.disabled {
  color: rgba(0, 0, 0, 0.9);
  background-color: hsla(0, 0%, 100%, 0.5);
  cursor: unset;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .scene-button {
    width: 14.2578125vw;
    height: 3.90625vw;
    font-size: 1.5625vw;
  }
}
@media (max-width: 720px) {
  .scene-button {
    width: 35.733333333333334vw;
    height: 40px;
    font-size: 3.733333333333334vw;
  }
}
.scene-product {
  height: 100vh;
}
.scene-product.loaded .scene-inner {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-product.loaded .scene-inner {
    background-image: var(--backgroundImage720);
  }
}
.scene-product .scene-button {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.scene-product .scene-button.link .iconfont {
  margin-top: 1px;
  font-size: 0.1607142857142857rem;
  line-height: 1;
}
.scene-product .scene-button:last-child {
  border: none;
  color: #000;
  background-color: #fff;
}
@media (min-width: 721px) {
  .scene-product .scene-button:last-child:hover {
    background-color: #191919;
    color: #fff;
  }
}
@media (min-width: 721px) {
  .scene-product .scene-button:hover {
    background-color: hsla(0, 0%, 100%, 0.26);
  }
}
@media (max-width: 1024px) {
  .scene-product .scene-button {
    width: 146px;
    height: 40px;
    font-size: 16px;
  }
  .scene-product .scene-button.link {
    width: unset;
    height: unset;
    font-size: 12px;
  }
}
@media (max-width: 720px) {
  .scene-product .scene-button {
    width: 35.733333333333334vw;
    height: 40px;
    font-size: 14px;
  }
}
.scene-product.en .enhide {
  display: none;
}
.scene-product.en .scene-button {
  width: 2.3214285714285716rem;
}
.scene-product.en .scene-button.link {
  width: auto;
}
@media (max-width: 720px) {
  .scene-product.en .scene-button {
    width: 220px;
  }
}
.scene-product.en .scene-product-content .scene-button-list .scene-button {
  margin-right: unset;
}
.scene-product .scene-product-content {
  position: fixed;
  top: 2.142857142857143rem;
  left: 15.8vw;
  display: none;
  opacity: 0;
}
@media (max-width: 720px) {
  .scene-product .scene-product-content {
    left: 50%;
    top: 160px;
    text-align: center;
    transform: translate(-50%);
  }
}
.scene-product .scene-logo {
  height: 1.1785714285714286rem;
}
@media (max-width: 1024px) {
  .scene-product .scene-logo {
    height: 100px;
  }
}
@media (max-width: 720px) {
  .scene-product .scene-logo {
    height: 70px;
  }
}
.scene-product .scene-button-list {
  display: flex;
  margin-top: 24px;
}
@media (max-width: 720px) {
  .scene-product .scene-button-list {
    justify-content: center;
  }
  .scene-product .scene-button-list:last-child {
    margin-top: 16px;
  }
}
.scene-produce {
  height: 37.5vw;
  max-height: 720px;
  background-color: #fff;
}
.scene-produce .scene-wrap {
  display: flex;
  background-color: #fff;
}
.scene-produce .scene-inner {
  margin-left: 0.04464285714285714rem;
  margin-right: 0.04464285714285714rem;
}
.scene-produce .scene-inner:first-child {
  margin-left: 0;
}
.scene-produce .scene-inner:last-child {
  margin-right: 0;
}
.scene-produce .scene-button-list {
  display: flex;
  padding: 0.14285714285714285rem 10% 0;
  justify-content: center;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.4s;
}
@media (max-width: 720px) {
  .scene-produce .scene-button-list {
    padding: 16px 40px 0;
  }
}
.scene-produce .scene-button {
  width: unset;
  height: 0.3571428571428571rem;
  padding: 0.08035714285714285rem 0.17857142857142855rem;
  margin-right: 0.05357142857142857rem;
  margin-left: 0.05357142857142857rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.scene-produce .scene-button.link {
  height: unset;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: unset;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
  line-height: 1.5;
  text-decoration: underline;
}
.scene-produce .scene-button.link .iconfont {
  margin-top: 1px;
  font-size: 0.1607142857142857rem;
  line-height: 1;
}
.scene-produce .scene-button:last-child {
  border-color: #fff;
  color: #000;
  background-color: #fff;
}
@media (min-width: 721px) {
  .scene-produce .scene-button:last-child:hover {
    border-color: #191919;
    color: #fff;
    background-color: #191919;
  }
}
@media (min-width: 721px) {
  .scene-produce .scene-button:hover {
    background-color: hsla(0, 0%, 100%, 0.26);
  }
}
@media (max-width: 720px) {
  .scene-produce .scene-button {
    height: 40px;
    min-width: 139px;
    padding: 9px 16px;
    margin-right: 8px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .scene-produce .scene-button.link {
    border-bottom: 0 !important;
  }
  .scene-produce .scene-button:last-child {
    margin-right: 0;
  }
  .scene-produce .scene-button:first-child {
    margin-left: 0;
  }
}
.scene-produce.active .scene-button-list,
.scene-produce.active .scene-produce-buttonlist,
.scene-produce.active .scene-produce-container,
.scene-produce.active .scene-produce-logo {
  transform: translateZ(0);
  opacity: 1;
}
.scene-produce + .scene-produce .scene-wrap {
  padding-top: 0.08928571428571427rem;
}
@media (max-width: 720px) {
  .scene-produce + .scene-produce .scene-wrap {
    padding-top: unset;
  }
}
.scene-produce.en .enhide {
  display: none;
}
.scene-produce.en .scene-button {
  margin-right: unset;
}
.scene-produce.en .scene-button.link {
  width: auto;
}
.scene-produce.loaded .scene-inner {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-produce.loaded .scene-inner {
    background-image: var(--backgroundImage720);
  }
}
@media (max-width: 720px) {
  .scene-produce {
    height: auto;
    max-height: unset;
  }
  .scene-produce .scene-wrap {
    display: block;
    padding-bottom: unset;
  }
  .scene-produce .scene-inner {
    height: 500px;
    margin: unset;
  }
}
.scene-produce-item {
  flex: 1;
}
.single .scene-produce-content {
  top: 1.0714285714285714rem;
}
.scene-produce-content {
  position: absolute;
  top: 0.7142857142857142rem;
  left: 50%;
  width: 100%;
  transform: translate(-50%);
  text-align: center;
}
@media (max-width: 720px) {
  .scene-produce-content {
    top: 100px !important;
  }
}
.scene-produce-logo {
  height: 0.7142857142857142rem;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
@media (max-width: 720px) {
  .scene-produce-logo {
    height: 64px;
  }
}
.scene-produce-container {
  color: #fff;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
.scene-produce-title {
  margin-top: 0.07142857142857142rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.41071428571428575rem;
  line-height: 0.6428571428571428rem;
}
@media (max-width: 720px) {
  .scene-produce-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 32px;
  }
}
.scene-produce-subtitle {
  margin-top: 0.17857142857142855rem;
  margin-bottom: -0.03571428571428571rem;
  font-size: 0.1607142857142857rem;
  line-height: 1.4444;
}
@media (max-width: 820px) {
  .scene-produce-subtitle {
    font-size: 12px;
  }
}
@media (max-width: 720px) {
  .scene-produce-subtitle {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-produce-buttonlist {
  display: flex;
  margin-top: 0.17857142857142855rem;
  justify-content: center;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.4s;
}
@media (max-width: 720px) {
  .scene-produce-buttonlist {
    padding: 0 3.2vw;
    margin-top: 16px;
    justify-content: center;
  }
  .scene-produce-buttonlist:last-child {
    margin-top: 16px;
  }
}
.scene-producelist {
  background-color: #fff;
}
.scene-producelist.loaded .scene-producelist-block-content {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-producelist.loaded .scene-producelist-block-content {
    background-image: var(--backgroundImage720);
  }
}
.scene-producelist.active .scene-producelist-container,
.scene-producelist.active .scene-producelist-item {
  opacity: 1;
  transform: translateZ(0);
}
.scene-producelist[data-bottom="true"] {
  padding-bottom: 0.5357142857142857rem;
}
@media (max-width: 720px) {
  .scene-producelist .scene-inner {
    height: unset;
  }
  .scene-producelist[data-bottom="true"] {
    padding-bottom: 0;
  }
}
@media (max-width: 720px) {
  .scene-producelist-content {
    padding: unset;
  }
}
.scene-producelist-container {
  width: 100%;
  padding-top: 1.0714285714285714rem;
  padding-bottom: 0.5rem;
  text-align: center;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
@media (max-width: 720px) {
  .scene-producelist-container {
    padding: 64px 40px 40px;
  }
}
.scene-producelist-title {
  font-size: 0.41071428571428575rem;
  line-height: 0.6428571428571428rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #191919;
}
@media (max-width: 720px) {
  .scene-producelist-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.scene-producelist-subtitle {
  margin-top: 8px;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #666;
}
@media (max-width: 720px) {
  .scene-producelist-subtitle {
    font-size: 14px;
    line-height: 22px;
  }
  .scene-producelist-subtitle br {
    display: none;
  }
}
.scene-producelist-link {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
.scene-producelist-link .scene-button {
  border-radius: 0;
  border-bottom: 1px solid #191919 !important;
  font-size: 16px;
  line-height: 1;
  color: #191919 !important;
}
@media (max-width: 720px) {
  .scene-producelist-link {
    margin-top: 12px;
  }
  .scene-producelist-link .scene-button {
    font-size: 14px;
  }
}
.scene-producelist-item {
  display: flex;
  width: 83.33333vw;
  max-width: 1600px;
  margin: 0 auto;
  justify-content: center;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
.scene-producelist-item.square .scene-producelist-block {
  position: relative;
  height: 38.02083vw;
  max-height: 730px;
}
.scene-producelist-item.square .scene-producelist-block-content {
  display: flex;
  padding: 0.3571428571428571rem 0.7142857142857142rem;
  margin: 0 auto;
  flex-direction: column;
  justify-content: flex-end;
}
.scene-producelist-item.square .scene-producelist-block-subtitle {
  margin-top: 0.14285714285714285rem;
  margin-bottom: 0.17857142857142855rem;
}
@media (max-width: 720px) {
  .scene-producelist-item {
    display: block;
    width: 100%;
  }
  .scene-producelist-item.square .scene-producelist-block {
    height: 93.6vw;
  }
  .scene-producelist-item.square .scene-producelist-block-content {
    position: unset;
    justify-content: flex-start;
    padding: 0 40px;
  }
}
.scene-producelist-block {
  height: 25vw;
  max-height: 480px;
  border-radius: 4px;
  margin-bottom: 0.17857142857142855rem;
  margin-left: 10px;
  margin-right: 10px;
  flex: 1;
  cursor: pointer;
}
.scene-producelist-block:first-child {
  margin-left: 0;
}
.scene-producelist-block:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  .scene-producelist-block {
    height: 93.6vw;
    border-radius: 0;
    margin: 0 0 8px 0;
  }
}
.scene-producelist-block-content {
  height: 100%;
  padding-top: 0.5rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.scene-producelist-block-content .scene-button {
  padding-left: 0.75em;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-producelist-block-content {
    padding-top: unset;
  }
  .scene-producelist-block-content .scene-button.link {
    border-bottom: unset !important;
  }
}
.scene-producelist-block-title {
  font-size: 0.2857142857142857rem;
  line-height: 0.3571428571428571rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-producelist-block-title {
    padding-top: 40px;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
  }
}
.scene-producelist-block-subtitle {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  margin-top: 0.14285714285714285rem;
  margin-bottom: 0.21428571428571427rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.25rem;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-producelist-block-subtitle {
    margin-top: 4px;
    margin-bottom: 8px !important;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
  }
}
.scene-aboutnew {
  background-color: #fff;
}
.scene-aboutnew.en .scene-aboutnew-block-title {
  padding-left: unset;
}
.scene-aboutnew.active .scene-aboutnew-block,
.scene-aboutnew.active .scene-aboutnew-subtitle,
.scene-aboutnew.active .scene-aboutnew-title {
  transform: translateZ(0);
  opacity: 1;
}
.scene-aboutnew.loaded .scene-aboutnew-block {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-aboutnew.loaded .scene-aboutnew-block {
    background-image: var(--backgroundImage720);
  }
}
@media (max-width: 720px) {
  .scene-aboutnew .scene-inner {
    height: unset;
  }
}
.scene-aboutnew-content {
  width: 83.33333vw;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-aboutnew-content {
    width: 100%;
  }
}
.scene-aboutnew-container {
  width: 100%;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-aboutnew-container {
    padding: 0 40px;
  }
}
.scene-aboutnew-title {
  padding-top: 0.8928571428571428rem;
  font-size: 0.41071428571428575rem;
  line-height: 0.6428571428571428rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #191919;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
@media (max-width: 720px) {
  .scene-aboutnew-title {
    padding-top: 64px;
    font-size: 24px;
    line-height: 32px;
  }
}
.scene-aboutnew-subtitle {
  padding-bottom: 0.42857142857142855rem;
  margin-top: 0.07142857142857142rem;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #666;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.4s;
}
@media (max-width: 720px) {
  .scene-aboutnew-subtitle {
    padding-bottom: 40px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }
  .scene-aboutnew-subtitle br {
    display: none;
  }
}
.scene-aboutnew-block {
  position: relative;
  height: 38.02083vw;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 0.7142857142857142rem;
  background-position: 50%;
  background-size: cover;
  text-align: center;
  transform: translate3d(0, 90px, 0);
  transition:
    opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
@media (max-width: 720px) {
  .scene-aboutnew-block {
    width: 100vw !important;
    height: 93.6vw !important;
    border-radius: 0;
    margin-bottom: 0;
  }
}
.scene-aboutnew-block-buttonlist {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
}
.scene-aboutnew-block-buttonlist .scene-button {
  padding: 0.08035714285714285rem 0.1875rem;
  margin: 0 auto;
  height: 0.3571428571428571rem;
  width: unset;
  text-align: center;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
}
@media (max-width: 720px) {
  .scene-aboutnew-block-buttonlist .scene-button {
    height: 40px;
    padding: 9px 25px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-aboutnew-block-title {
  width: 100%;
  padding-top: 1.0714285714285714rem;
  padding-bottom: 0.3571428571428571rem;
  font-size: 0.2857142857142857rem;
  line-height: 0.3571428571428571rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #fff;
  text-align: center;
}
.scene-aboutnew-block-title br {
  display: none;
}
@media (max-width: 720px) {
  .scene-aboutnew-block-title {
    padding-left: 1em;
    padding-top: 40px;
    padding-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
  }
  .scene-aboutnew-block-title br {
    display: block;
  }
}
.scene-operate {
  background-color: #fff;
}
.scene-operate .scene-inner {
  position: unset;
}
.scene-operate.loaded .scene-operate-item-bg {
  background-image: var(--icon);
}
@media (max-width: 720px) {
  .scene-operate {
    padding: 30px 0;
  }
}
.scene-operate-list {
  display: flex;
  height: 100%;
  width: 83.33333vw;
  margin: 0 auto;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 720px) {
  .scene-operate-list {
    display: block;
    width: 100%;
    margin: unset;
  }
}
.scene-operate-item {
  margin: 1.0714285714285714rem 0.5803571428571429rem;
  flex: 1;
  color: #000;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 720px) {
  .scene-operate-item {
    position: relative;
    display: flex;
    margin: 0.4464285714285714rem 16px;
    align-items: center;
    text-align: start;
  }
}
.scene-operate-item-bg {
  display: flex;
  width: 0.7857142857142858rem;
  height: 0.7857142857142858rem;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
@media (max-width: 720px) {
  .scene-operate-item-bg {
    height: 84px;
    width: 56px;
    margin-right: 16px;
  }
}
.scene-operate-item-container {
  margin-top: 0.14285714285714285rem;
  flex: 1;
}
@media (max-width: 720px) {
  .scene-operate-item-container {
    margin-top: 0;
  }
}
.scene-operate-item-title {
  font-size: 0.21428571428571427rem;
  line-height: 0.3571428571428571rem;
  color: #1a1a1a;
}
@media (max-width: 720px) {
  .scene-operate-item-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.scene-operate-item-description {
  margin-top: 0.03571428571428571rem;
  font-size: 0.14285714285714285rem;
  line-height: 0.25rem;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 3px;
}
@media (max-width: 720px) {
  .scene-operate-item-description {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.1em;
  }
}
.scene-operate-link {
  display: flex;
  margin-top: 0.14285714285714285rem;
  padding-left: 1em;
  justify-content: center;
  align-items: center;
  font-size: 0.14285714285714285rem;
  line-height: 0.26785714285714285rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  letter-spacing: 2px;
  color: #191919;
}
.scene-operate-link:hover {
  color: #3c3c3c;
}
.scene-operate-link .iconfont {
  font-size: 0.14285714285714285rem;
}
@media (max-width: 720px) {
  .scene-operate-link {
    display: none;
  }
}
.scene-operate-link-content {
  position: absolute;
  right: 0;
  display: none;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 720px) {
  .scene-operate-link-content {
    display: flex;
  }
}
.scene-operate-item-link {
  width: 6px;
  height: 12px;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/main/icon/arrow-right.48bf7007.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.scene.scene-table-common video {
  opacity: 0;
}
.scene.scene-table-common.shadow .scene-table-common-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.3214285714285716rem;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
  content: "";
}
@media (max-width: 720px) {
  .scene.scene-table-common {
    height: auto;
    color: #000;
    background-color: #fff;
  }
  .scene.scene-table-common .scene-inner {
    padding: 17.77777777777778vw 0;
  }
  .scene.scene-table-common .scene-table-common-item:after {
    display: none;
  }
  .scene.scene-table-common .product-fadebox {
    pointer-events: none;
  }
  .scene.scene-table-common.demotion video {
    display: none;
  }
  .scene.scene-table-common.demotion .scene-table-common-button {
    display: block;
  }
}
.scene-table-common-list {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  .scene-table-common-list {
    display: flex;
    margin: 0;
  }
}
.scene-table-common-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: opacity 0.3s ease-in;
  opacity: 0;
  will-change: opacity;
}
.scene-table-common-item.current {
  z-index: 1;
  opacity: 1;
}
@media (max-width: 720px) {
  .scene-table-common-item {
    position: relative;
    display: flex;
    padding: 0 6.4vw;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    background-color: #fff;
    background-image: none !important;
    transition: none;
    opacity: 1;
    will-change: unset;
  }
}
.scene-table-common-image {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-image {
    display: block;
    width: 87.2vw;
    height: 65.4vw;
    margin-bottom: 11.11111111111111vw;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
  }
}
.scene-table-common-content {
  position: relative;
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-content {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.scene-table-common-title {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-title {
    display: block;
    margin-bottom: 2.1333333333333333vw;
    font-size: 5.333333333333334vw;
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    line-height: 7.466666666666668vw;
  }
}
.scene-table-common-description {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-description {
    display: block;
    padding-bottom: 5.866666666666666vw;
    font-size: 3.733333333333334vw;
    color: #666;
    line-height: 5.866666666666666vw;
  }
}
.scene-table-common-tip {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-tip {
    display: block;
    padding-bottom: 5.866666666666666vw;
    font-size: 3.2vw;
    color: #999;
    line-height: 5.333333333333334vw;
  }
}
.scene-table-common-dotlist {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-dotlist {
    display: flex;
    width: 100%;
    justify-content: center;
    pointer-events: none;
  }
}
.scene-table-common-dot {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-dot {
    display: block;
    width: 2.1333333333333333vw;
    height: 2.1333333333333333vw;
    border-radius: 2.1333333333333333vw;
    margin: 0 1.3333333333333335vw;
    background-color: #ccc;
  }
  .scene-table-common-dot.current {
    background-color: #dbad76;
  }
}
.scene-table-common-button {
  display: none;
  height: 42.66666666666667vw;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 18.666666666666668vw;
}
@media (max-width: 720px) {
  .scene-table-common-button {
    position: absolute;
    left: 6.4vw;
    top: 0;
    width: 87.2vw;
    height: 65.4vw;
  }
  .scene-table-common-button:after {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    width: 48px;
    height: 48px;
    padding-left: 4px;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translate3d(-50%, -50%, 0);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    content: "\e97d";
    font-family: lxiconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (max-width: 720px) {
  .scene-table-common-bottomtip {
    padding: 24px 6.4vw 0;
    font-size: 3.733333333333334vw;
    color: #666;
    line-height: 5.866666666666666vw;
    text-align: center;
  }
}
.scene.scene-table-horizontal2 {
  width: 100vw;
  height: auto;
  min-height: unset;
  overflow: hidden;
  padding-bottom: 0.5357142857142857rem;
}
.scene.scene-table-horizontal2 .scene-wrap {
  height: auto;
}
.scene.scene-table-horizontal2 .scene-inner {
  width: 100%;
  height: 100%;
  overflow: unset;
}
.scene.scene-table-horizontal2 .scene-table-common-button {
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 70px;
}
.scene.scene-table-horizontal2 .scene-table-common-button:after {
  display: none;
}
.scene.scene-table-horizontal2[data-top-gap="small"] {
  padding-top: 1.0714285714285714rem;
}
.scene.scene-table-horizontal2[data-top-gap="big"] {
  padding-top: 1.4285714285714284rem;
}
.scene.scene-table-horizontal2.loaded .scene-table-horizontal2-media {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal2.loaded .scene-table-horizontal2-media {
    background-image: var(--bgM);
  }
  .scene.scene-table-horizontal2.loaded
    .scene-table-horizontal2-media
    .scene-table-common-button {
    background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/btn-play.ea9f89fd.png);
  }
}
.scene.scene-table-horizontal2.demotion video {
  display: none;
}
.scene.scene-table-horizontal2.demotion .scene-table-common-button {
  display: block;
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal2 {
    padding-bottom: 24px;
  }
  .scene.scene-table-horizontal2[data-top-gap="small"] {
    padding-top: 84px;
  }
  .scene.scene-table-horizontal2[data-top-gap="big"] {
    padding-top: 64px;
  }
}
.scene-table-horizontal2-top {
  padding-bottom: 0.5rem;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-top {
    padding: 0 40px 40px;
  }
}
.scene-table-horizontal2-title {
  margin-bottom: 0.1607142857142857rem;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #191919;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 36px;
  }
}
.scene-table-horizontal2-desc {
  margin-bottom: 0.14285714285714285rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.2857142857142857rem;
  color: #666;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-desc {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-table-horizontal2-link {
  display: flex;
  justify-content: center;
}
.scene-table-horizontal2-link .scene-button {
  border-radius: 0;
  border-bottom: 1px solid #191919 !important;
  font-size: 0.14285714285714285rem;
  line-height: 1;
  color: #191919 !important;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-link .scene-button {
    font-size: 14px;
  }
}
.scene-table-horizontal2-main {
  position: relative;
  width: calc(83.33333vw + 20px);
  max-width: 1640px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-main {
    width: calc(100vw - 32px);
  }
}
.scene-table-horizontal2-list {
  display: flex;
}
.scene-table-horizontal2-item {
  padding: 0 10px;
  flex-shrink: 0;
  transition: opacity 0.6s ease;
  opacity: 0.6;
}
.scene-table-horizontal2-item.current {
  opacity: 1;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-item {
    padding: 0 4px;
  }
}
.scene-table-horizontal2-content {
  position: relative;
  aspect-ratio: 2/1;
  width: 83.33333vw;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-content {
    aspect-ratio: unset;
    width: calc(100vw - 40px);
    border-radius: 0;
    overflow: unset;
  }
}
.scene-table-horizontal2-media {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.scene-table-horizontal2-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-media {
    position: relative;
    aspect-ratio: 16/9;
    height: auto;
  }
}
.scene-table-horizontal2-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1.4285714285714284rem 0.8928571428571428rem;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-info {
    position: static;
    height: auto;
    padding: 8px 20px 0;
    color: #191919;
  }
}
.scene-table-horizontal2-info-title {
  margin-bottom: 0.10714285714285714rem;
  font-size: 0.2857142857142857rem;
  line-height: 0.3928571428571429rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-info-title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 24px;
  }
}
.scene-table-horizontal2-info-content {
  margin-bottom: 0.17857142857142855rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.2857142857142857rem;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-info-content {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
}
.scene-table-horizontal2-info-link {
  display: inline-flex;
}
.scene-table-horizontal2-info-link .scene-button {
  padding: 0.0625rem 0.1607142857142857rem;
  border: 0.017857142857142856rem solid #fff !important;
  margin-right: 0;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  background-color: hsla(0, 0%, 100%, 0.1) !important;
}
@media (min-width: 1025px) {
  .scene-table-horizontal2-info-link .scene-button:hover {
    background-color: hsla(0, 0%, 100%, 0.26) !important;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal2-info-link .scene-button {
    padding: 8px 16px;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 200px;
    font-size: 12px;
    line-height: 28px;
    color: #191919 !important;
    font-family:
      li-medium,
      Microsoft YaHei,
      SF Pro SC,
      SF Pro Display,
      PingFang SC,
      Segoe UI,
      Helvetica Neue,
      Helvetica,
      Arial,
      sans-serif;
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
.scene-table-horizontal2-dot-wrap {
  position: absolute;
  bottom: 0.3571428571428571rem;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 720px) {
  .scene-table-horizontal2-dot-wrap {
    display: none;
  }
}
.scene-table-horizontal2-dot {
  width: 16px;
  height: 2px;
  border-radius: 200px;
  margin: 0 2px;
  background-color: hsla(0, 0%, 100%, 0.2);
  transition: background-color 0.3s ease;
}
.scene-table-horizontal2-dot.current {
  background-color: #fff;
}
.scene-table-horizontal2-arrow {
  position: absolute;
  top: 50%;
  display: flex;
  width: 0.42857142857142855rem;
  height: 0.42857142857142855rem;
  padding-right: 0.03571428571428571rem;
  border-radius: 50%;
  margin-top: -0.21428571428571427rem;
  align-items: center;
  justify-content: center;
  color: #191919;
  background-color: hsla(0, 0%, 92.5%, 0.6);
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene-table-horizontal2-arrow .lxiconfont {
  font-size: 0.21428571428571427rem;
}
.scene-table-horizontal2-arrow.prev {
  left: 0.5357142857142857rem;
  transform: rotate(180deg);
}
.scene-table-horizontal2-arrow.next {
  right: 0.5357142857142857rem;
}
@media (min-width: 1025px) {
  .scene-table-horizontal2-arrow:hover {
    color: #fff;
    background-color: #000;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal2-arrow {
    display: none;
  }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
abbr[title] {
  border-bottom: none;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  display: table;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}

/*! 修改自bootstrap v4 | MIT License | https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss */
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  font-family:
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Microsoft YaHei,
    Arial,
    sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-size: 14px;
  text-align: left;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin: 0;
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dd,
dl,
dt,
li,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: 700;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: inherit;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
code,
kbd,
pre,
samp {
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
svg {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  -webkit-appearance: listbox;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
[type="search"] {
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
output {
  display: inline-block;
}

/*! 公司的基础样式 */
a,
input,
select,
textarea {
  outline: none;
}
[v-cloak] {
  display: none !important;
}
body,
button,
input,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table {
  width: 100%;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input:focus::-webkit-contacts-auto-fill-button {
  opacity: 0;
}
.fn-clear:after {
  display: block;
  clear: both;
  content: "";
}
body .fn-hide {
  display: none;
}
body .fn-hidden {
  visibility: hidden;
}
.fn-left {
  float: left;
}
.fn-right {
  float: right;
}
.has-lx-track [lxtrack-event] {
  position: relative;
}
.has-lx-track [lxtrack-event]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid green;
  opacity: 0.25;
}
.has-lx-track [lxtrack-page] {
  position: relative;
}
.has-lx-track [lxtrack-page]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 1px solid green;
  opacity: 0.25;
}
.has-lx-track [lxtrack-event]:before {
  background-color: red;
}
.has-lx-track [lxtrack-event=""]:before {
  display: none;
}
.has-lx-track [lxtrack-page]:after {
  background-color: #ff0;
}
.has-lx-track [lxtrack-page=""]:after {
  display: none;
}
.has-lx-track .track-tool {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 320px;
  height: 300px;
  padding: 16px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  background-color: rgba(255, 0, 0, 0.4);
}
html {
  font-size: 112px;
}
@media (max-width: 1440px) {
  html {
    font-size: 84px;
  }
}
@media (max-width: 1024px) and (orientation: landscape),
  (max-width: 1024px) and (orientation: portrait) {
  html {
    font-size: 8.33333vw;
  }
}
@media (max-width: 720px) and (orientation: landscape),
  (max-width: 720px) and (orientation: portrait) {
  html {
    font-size: 8.33333vw;
  }
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
a {
  text-decoration: none;
}
dd,
dl,
dt,
em,
i {
  font-style: normal;
  font-weight: 400;
}
.iconfont {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chj-one,
.Helvetica-Bold {
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif !important;
}
.chj-logo-one {
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
.special {
  font-family: SF Pro SC !important;
}
html {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #fff;
}
html.noheader body {
  padding-top: 0;
}
html.noheader body > .chj-header {
  display: none;
}
html.isapp body,
html.isthirdapp body {
  padding-top: 0;
}
html.isapp body footer,
html.isapp body header,
html.isthirdapp body footer,
html.isthirdapp body header {
  display: none;
}
html.isthirdapp {
  -webkit-touch-callout: none !important;
}
html.isthirdapp img {
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: 0.14285714285714285rem;
}
body.noscroll {
  height: 100vh;
  overflow-y: hidden;
}
body.noscrollFix {
  position: fixed;
  width: 100%;
}
.noscroll,
.noscroll body,
body.stopScroll {
  overflow: hidden;
}
.noscroll body {
  position: relative;
}
.app,
.chj-content {
  flex-grow: 1;
}
.app {
  display: flex;
  flex-direction: column;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  body {
    min-height: 100vh;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-weight: 400;
}
.fn-h1,
h1 {
  font-size: 58px;
  line-height: 70px;
}
@media (max-width: 1680px) {
  .fn-h1,
  h1 {
    font-size: 50.75px;
    line-height: 61.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h1,
  h1 {
    font-size: 43.5px;
    line-height: 52.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h1,
  h1 {
    font-size: 38.66667px;
    line-height: 46.66667px;
  }
}
.fn-h2,
h2 {
  font-size: 46px;
  line-height: 60px;
}
@media (max-width: 1680px) {
  .fn-h2,
  h2 {
    font-size: 40.25px;
    line-height: 52.5px;
  }
}
@media (max-width: 1440px) {
  .fn-h2,
  h2 {
    font-size: 34.5px;
    line-height: 45px;
  }
}
@media (max-width: 1280px) {
  .fn-h2,
  h2 {
    font-size: 30.66667px;
    line-height: 40px;
  }
}
.fn-h3,
h3 {
  font-size: 28px;
  line-height: 40px;
}
@media (max-width: 1680px) {
  .fn-h3,
  h3 {
    font-size: 24.5px;
    line-height: 35px;
  }
}
@media (max-width: 1440px) {
  .fn-h3,
  h3 {
    font-size: 21px;
    line-height: 30px;
  }
}
@media (max-width: 1280px) {
  .fn-h3,
  h3 {
    font-size: 18.66667px;
    line-height: 26.66667px;
  }
}
.fn-h4,
h4 {
  font-size: 24px;
  line-height: 30px;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
}
@media (max-width: 1680px) {
  .fn-h4,
  h4 {
    font-size: 21px;
    line-height: 26.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h4,
  h4 {
    font-size: 18px;
    line-height: 22.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h4,
  h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
.fn-h5,
h5 {
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 1680px) {
  .fn-h5,
  h5 {
    font-size: 21px;
    line-height: 26.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h5,
  h5 {
    font-size: 18px;
    line-height: 22.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h5,
  h5 {
    font-size: 16px;
    line-height: 20px;
  }
}
.fn-h6,
h6 {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 1680px) {
  .fn-h6,
  h6 {
    font-size: 17.5px;
    line-height: 26.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h6,
  h6 {
    font-size: 15px;
    line-height: 22.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h6,
  h6 {
    font-size: 13.33333px;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .fn-h1,
  h1 {
    font-size: 44px;
    line-height: 50px;
  }
  .fn-h2,
  h2 {
    font-size: 34px;
    line-height: 45px;
  }
  .fn-h4,
  .fn-h5,
  h4,
  h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .fn-h6,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 800px) {
  .fn-h1,
  h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .fn-h2,
  h2 {
    font-size: 34px;
    line-height: 45px;
  }
  .fn-h4,
  .fn-h5,
  h4,
  h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .fn-h6,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 720px) {
  .fn-h1,
  h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .fn-h2,
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .fn-h4,
  h4 {
    font-size: 18px;
    line-height: 20px;
  }
  .fn-h5,
  h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .fn-h6,
  h6 {
    font-size: 14px;
    line-height: 24px;
  }
}
.fn-mshow {
  display: none !important;
}
@media (max-width: 720px) {
  .fn-mblock span {
    display: block;
  }
  .fn-mshow {
    display: block !important;
  }
  .fn-mhide,
  .fn-pcshow {
    display: none !important;
  }
}
.flex-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .flex-mdisplay {
    display: flex;
    flex-direction: column;
  }
}
@keyframes lineTop {
  0% {
    transform: translateZ(0) rotate(0);
  }
  50% {
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  to {
    transform: translate3d(0, 6px, 0) rotate(135deg);
  }
}
@keyframes lineBottom {
  0% {
    transform: translateZ(0) rotate(0);
  }
  50% {
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  to {
    transform: translate3d(0, -6px, 0) rotate(45deg);
  }
}
.body-animation {
  opacity: 0;
  transition: opacity 666ms ease-in-out;
}
.body-animation.act {
  opacity: 1;
}
.skeleton {
  animation: skeleton 1.4s ease infinite;
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
}
@keyframes skeleton {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.motion-drawer-enter,
.motion-leave-to {
  bottom: 0;
}
.motion-drawer-enter-active,
.motion-drawer-leave-active {
  transition: all 1s ease-in-out;
}
@font-face {
  font-family: iconfont;
  src:
    url(//at.alicdn.com/t/c/font_773121_dmhbut5du9k.woff2?t=1700977361118)
      format("woff2"),
    url(//at.alicdn.com/t/c/font_773121_dmhbut5du9k.woff?t=1700977361118)
      format("woff"),
    url(//at.alicdn.com/t/c/font_773121_dmhbut5du9k.ttf?t=1700977361118)
      format("truetype");
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-icon_20_xiajiantou:before {
  content: "\ea3a";
}
.iconfont-arrow1:before {
  content: "\e897";
}
.iconfont-select2:before {
  content: "\e899";
}
.iconfont-huaban24:before {
  content: "\e651";
}
.iconfont-didian:before {
  content: "\e667";
}
.iconfont-rencai:before {
  content: "\e60d";
}
.iconfont-shijian:before {
  content: "\e87e";
}
.iconfont-guanbi:before {
  content: "\e893";
}
.iconfont-player-1:before {
  content: "\e892";
}
.iconfont-select1:before {
  content: "\e890";
}
.iconfont-CombinedShape:before {
  content: "\e864";
}
.iconfont-add:before {
  content: "\e862";
}
.iconfont-del:before {
  content: "\e863";
}
.iconfont-iasi-road:before {
  content: "\e859";
}
.iconfont-iasi-car:before {
  content: "\e857";
}
.iconfont-iasi-repair:before {
  content: "\e858";
}
.iconfont-iasi-people:before {
  content: "\e85a";
}
.iconfont-comment:before {
  content: "\e853";
}
.iconfont-biaoqing:before {
  content: "\e852";
}
.iconfont-triangle_down:before {
  content: "\e82e";
}
.iconfont-location:before {
  content: "\e808";
}
.iconfont-flag:before {
  content: "\e7fb";
}
.iconfont-muted:before {
  content: "\e7f9";
}
.iconfont-unmuted:before {
  content: "\e7fa";
}
.iconfont-fusion-energy:before {
  content: "\e7f7";
}
.iconfont-fusion-intelligent:before {
  content: "\e7f8";
}
.iconfont-wenjian:before {
  content: "\e793";
}
.iconfont-tupian:before {
  content: "\e669";
}
.iconfont-shipin:before {
  content: "\e61e";
}
.iconfont-lianjie:before {
  content: "\e6d9";
}
.iconfont-calc:before {
  content: "\e7ee";
}
.iconfont-tel:before {
  content: "\e7cc";
}
.iconfont-fenzu1:before {
  content: "\e7be";
}
.iconfont-home-share:before {
  content: "\e7b7";
}
.iconfont-home-download:before {
  content: "\e7b8";
}
.iconfont-acticle-video:before {
  content: "\e7bc";
}
.iconfont-preview:before {
  content: "\e7b9";
}
.iconfont-icon_choice:before {
  content: "\e7b5";
}
.iconfont-switch:before {
  content: "\e7b4";
}
.iconfont-lixiang:before {
  content: "\e7b3";
}
.iconfont-home-fixed-arrow-top:before {
  content: "\e7ac";
}
.iconfont-home-fixed-close:before {
  content: "\e7ad";
}
.iconfont-arrowup2:before {
  content: "\e7ef";
}
.iconfont-link:before {
  content: "\e7ab";
}
.iconfont-ic_more:before {
  content: "\e7aa";
}
.iconfont-icon_successful:before {
  content: "\e7a9";
}
.iconfont-home-back:before {
  content: "\e7bd";
}
.iconfont-Rectangle:before {
  content: "\e7a8";
}
.iconfont-arrow__lixianghuiyuan:before {
  content: "\e7a7";
}
.iconfont-autoinfo-index-1-5:before {
  content: "\e799";
}
.iconfont-autoinfo-index-2-2:before {
  content: "\e79a";
}
.iconfont-autoinfo-index-1-3:before {
  content: "\e79b";
}
.iconfont-autoinfo-index-1-1:before {
  content: "\e79c";
}
.iconfont-autoinfo-index-1-4:before {
  content: "\e79d";
}
.iconfont-autoinfo-index-1-2:before {
  content: "\e79e";
}
.iconfont-autoinfo-index-2-1:before {
  content: "\e79f";
}
.iconfont-ic_conectionx:before {
  content: "\e792";
}
.iconfont-Positioningx:before {
  content: "\e791";
}
.iconfont-gaoxingnengshuangxitongshuangxinpianx:before {
  content: "\e78b";
}
.iconfont-zhengcheOTAx:before {
  content: "\e78c";
}
.iconfont-shoujiwufengliandongx:before {
  content: "\e78d";
}
.iconfont-lanyayuechix:before {
  content: "\e78e";
}
.iconfont-quanchezhinengyuyinx:before {
  content: "\e784";
}
.iconfont-xinghuandadengx:before {
  content: "\e785";
}
.iconfont-shuangdianjizhinengsiqux:before {
  content: "\e786";
}
.iconfont-zengchengdiandongpingtaix:before {
  content: "\e787";
}
.iconfont-sipingjiaohufengfuyingyongx:before {
  content: "\e788";
}
.iconfont-ic_deletex:before {
  content: "\e77f";
}
.iconfont-icon_post:before {
  content: "\e77e";
}
.iconfont-icon_car_bar_normalbeifenx:before {
  content: "\e77d";
}
.iconfont-lujing:before {
  content: "\e77b";
}
.iconfont-sharp:before {
  content: "\e77a";
}
.iconfont-cancel2:before {
  content: "\e634";
}
.iconfont-more2:before {
  content: "\e643";
}
.iconfont-help:before {
  content: "\e777";
}
.iconfont-book:before {
  content: "\e778";
}
.iconfont-arrow:before {
  content: "\e773";
}
.iconfont-owner-plus:before {
  content: "\e76f";
}
.iconfont-android:before {
  content: "\e76e";
}
.iconfont-bianzu:before {
  content: "\e76c";
}
.iconfont-success:before {
  content: "\e768";
}
.iconfont-icon_start_business_notice1:before {
  content: "\e767";
}
.iconfont-icon_makeaphonecall1:before {
  content: "\e765";
}
.iconfont-icon_navgation1:before {
  content: "\e764";
}
.iconfont-icon_test_drive2:before {
  content: "\e763";
}
.iconfont-icon_test_drive:before {
  content: "\e752";
}
.iconfont-owner-maintain:before {
  content: "\e756";
}
.iconfont-owner-music:before {
  content: "\e750";
}
.iconfont-owner-free:before {
  content: "\e751";
}
.iconfont-owner-consume:before {
  content: "\e753";
}
.iconfont-owner-flow:before {
  content: "\e754";
}
.iconfont-manu:before {
  content: "\e74f";
}
.iconfont-mobile:before {
  content: "\e74e";
}
.iconfont-profile-m:before {
  content: "\e741";
}
.iconfont-xinchejiaofu:before {
  content: "\e735";
}
.iconfont-weixiu:before {
  content: "\e734";
}
.iconfont-gouchezixun:before {
  content: "\e733";
}
.iconfont-design-halotop2:before {
  content: "\e731";
}
.iconfont-design-luxury:before {
  content: "\e732";
}
.iconfont-jianhao:before {
  content: "\e72c";
}
.iconfont-map_zoomin:before {
  content: "\e722";
}
.iconfont-adas:before {
  content: "\e720";
}
.iconfont-wiki:before {
  content: "\e71e";
}
.iconfont-drivemode:before {
  content: "\e71f";
}
.iconfont-Group:before {
  content: "\e71c";
}
.iconfont-fenzu:before {
  content: "\e71b";
}
.iconfont-logo_image_loading:before {
  content: "\e71a";
}
.iconfont-tupianjiazaishibai:before {
  content: "\e719";
}
.iconfont-shijia:before {
  content: "\e715";
}
.iconfont-chanpintiyan:before {
  content: "\e714";
}
.iconfont-baoyang:before {
  content: "\e710";
}
.iconfont-cheliangdingwei:before {
  content: "\e70f";
}
.iconfont-power-1:before {
  content: "\e708";
}
.iconfont-power-2:before {
  content: "\e709";
}
.iconfont-power-4:before {
  content: "\e70a";
}
.iconfont-power-3:before {
  content: "\e70b";
}
.iconfont-pay-wechat:before {
  content: "\e706";
}
.iconfont-pay-alipay:before {
  content: "\e707";
}
.iconfont-message-info:before {
  content: "\e702";
}
.iconfont-message-error:before {
  content: "\e703";
}
.iconfont-message-success:before {
  content: "\e704";
}
.iconfont-sharecopy:before {
  content: "\e701";
}
.iconfont-top:before {
  content: "\e684";
}
.iconfont-info-hover:before {
  content: "\e6f8";
}
.iconfont-info:before {
  content: "\e6f9";
}
.iconfont-select-small:before {
  content: "\e6f7";
}
.iconfont-select-small2:before {
  content: "\e770";
}
.iconfont-hover:before {
  content: "\e6f6";
}
.iconfont-moren:before {
  content: "\e6f5";
}
.iconfont-search2:before {
  content: "\e6f4";
}
.iconfont-kefu:before {
  content: "\e6f3";
}
.iconfont-arrowright3:before {
  content: "\e637";
}
.iconfont-less:before {
  content: "\e6e7";
}
.iconfont-profile:before {
  content: "\e6f2";
}
.iconfont-app:before {
  content: "\e6ec";
}
.iconfont-arrowdown:before {
  content: "\e6da";
}
.iconfont-arrowleft2:before {
  content: "\e6db";
}
.iconfont-arrowright2:before {
  content: "\e6dc";
}
.iconfont-arrowup:before {
  content: "\e6dd";
}
.iconfont-arrowright4:before {
  content: "\e736";
}
.iconfont-more:before {
  content: "\e6d8";
}
.iconfont-player:before {
  content: "\e6d7";
}
.iconfont-player-small:before {
  content: "\e7f0";
}
.iconfont-fusion-range:before {
  content: "\e6b7";
}
.iconfont-top-screen:before {
  content: "\e6b8";
}
.iconfont-top-seater:before {
  content: "\e6b9";
}
.iconfont-top-star:before {
  content: "\e6ba";
}
.iconfont-top-anxious:before {
  content: "\e6bb";
}
.iconfont-fusion-winter:before {
  content: "\e6bc";
}
.iconfont-fusion-sec:before {
  content: "\e6bd";
}
.iconfont-fusion-car:before {
  content: "\e6be";
}
.iconfont-fusion-gas:before {
  content: "\e6bf";
}
.iconfont-fusion-charge:before {
  content: "\e6c0";
}
.iconfont-fusion-homecharge:before {
  content: "\e6c1";
}
.iconfont-Pliangdian9:before {
  content: "\e6c2";
}
.iconfont-Pliangdian11:before {
  content: "\e6c4";
}
.iconfont-design-halobottom:before {
  content: "\e6c5";
}
.iconfont-design-halotop:before {
  content: "\e6c6";
}
.iconfont-design-space:before {
  content: "\e6c7";
}
.iconfont-design-length:before {
  content: "\e6c8";
}
.iconfont-design-it:before {
  content: "\e6c9";
}
.iconfont-Pliangdian13:before {
  content: "\e6ca";
}
.iconfont-safety-rain:before {
  content: "\e6cb";
}
.iconfont-safety-gasbag:before {
  content: "\e6cc";
}
.iconfont-design-leather:before {
  content: "\e6cd";
}
.iconfont-experience-chip:before {
  content: "\e6ce";
}
.iconfont-safety-body:before {
  content: "\e6cf";
}
.iconfont-experience-system:before {
  content: "\e6d0";
}
.iconfont-experience-ota:before {
  content: "\e6d1";
}
.iconfont-experience-learn:before {
  content: "\e6d2";
}
.iconfont-experience-chassis:before {
  content: "\e6d3";
}
.iconfont-experience-cover:before {
  content: "\e6d4";
}
.iconfont-experience-upgrade:before {
  content: "\e6d5";
}
.iconfont-experience-esystem:before {
  content: "\e6d6";
}
.iconfont-back:before {
  content: "\e695";
}
.iconfont-search:before {
  content: "\e693";
}
.iconfont-select:before {
  content: "\e694";
}
.iconfont-charging:before {
  content: "\e683";
}
.iconfont-cancel:before {
  content: "\e682";
}
.iconfont-share:before {
  content: "\e681";
}
.iconfont-create:before {
  content: "\e674";
}
.iconfont-upload:before {
  content: "\e675";
}
.iconfont-arrowright:before {
  content: "\e67f";
}
.iconfont-arrowleft-copy:before {
  content: "\e7a0";
}
.iconfont-arrowleft:before {
  content: "\e61c";
}
.iconfont-star:before {
  content: "\e680";
}
.iconfont-album:before {
  content: "\e670";
}
.iconfont-video:before {
  content: "\e671";
}
.iconfont-download2:before {
  content: "\e672";
}
.iconfont-download:before {
  content: "\e66d";
}
.iconfont-weixin:before {
  content: "\e66a";
}
.iconfont-weibo:before {
  content: "\e66b";
}
@font-face {
  font-family: lxiconfont;
  src:
    url(//at.alicdn.com/t/c/font_3195258_eksyenj63hw.woff2?t=1724722149694)
      format("woff2"),
    url(//at.alicdn.com/t/c/font_3195258_eksyenj63hw.woff?t=1724722149694)
      format("woff"),
    url(//at.alicdn.com/t/c/font_3195258_eksyenj63hw.ttf?t=1724722149694)
      format("truetype");
}
.lxiconfont {
  font-family: lxiconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lxiconfont-unmute2:before {
  content: "\ea44";
}
.lxiconfont-back:before {
  content: "\ea43";
}
.lxiconfont-neishi:before {
  content: "\ea41";
}
.lxiconfont-waiguan:before {
  content: "\ea42";
}
.lxiconfont-icon_28_yuyanqiehuan:before {
  content: "\ea40";
}
.lxiconfont-icon_28_shouqi:before {
  content: "\ea3e";
}
.lxiconfont-icon_28_quanping:before {
  content: "\ea3f";
}
.lxiconfont-icon_20_xiajiantou:before {
  content: "\ea3d";
}
.lxiconfont-dipan:before {
  content: "\ea3c";
}
.lxiconfont-vrday:before {
  content: "\ea37";
}
.lxiconfont-vrnight:before {
  content: "\ea38";
}
.lxiconfont-icon_28_xiala_new:before {
  content: "\ea33";
}
.lxiconfont-icon_20_youjiantou:before {
  content: "\ea31";
}
.lxiconfont-icon_20_zuojiantou:before {
  content: "\ea32";
}
.lxiconfont-icon_20_youjiantou-copy:before {
  content: "\ea39";
}
.lxiconfont-chakanvr:before {
  content: "\ea2f";
}
.lxiconfont-icon_28_fanhui:before {
  content: "\ea30";
}
.lxiconfont-icon_28_kefu:before {
  content: "\ea2d";
}
.lxiconfont-icon_28_xiala:before {
  content: "\ea2e";
}
.lxiconfont-cheshenjiegou:before {
  content: "\ea2a";
}
.lxiconfont-xiazai:before {
  content: "\ea29";
}
.lxiconfont-pc-config:before {
  content: "\ea28";
}
.lxiconfont-icon_28_jiahao:before {
  content: "\ea1e";
}
.lxiconfont-more:before {
  content: "\ea19";
}
.lxiconfont-selected-circle:before {
  content: "\ea12";
}
.lxiconfont-icon_28_guanbi:before {
  content: "\ea0a";
}
.lxiconfont-icon_20_guanbi:before {
  content: "\ea0b";
}
.lxiconfont-tanhuang:before {
  content: "\ea04";
}
.lxiconfont-select1:before {
  content: "\ea03";
}
.lxiconfont-youjiantou1:before {
  content: "\ea00";
}
.lxiconfont-youjiantou:before {
  content: "\e9fe";
}
.lxiconfont-a-Group2661:before {
  content: "\e9ff";
}
.lxiconfont-loadImg:before {
  content: "\e9f8";
}
.lxiconfont-arrowdown:before {
  content: "\e9f7";
}
.lxiconfont-mute:before {
  content: "\e9f6";
}
.lxiconfont-unmute:before {
  content: "\e9f5";
}
.lxiconfont-share:before {
  content: "\e9ec";
}
.lxiconfont-arrowleft:before {
  content: "\e9d1";
}
.lxiconfont-pc-bangzhu:before {
  content: "\e9cf";
}
.lxiconfont-pc-zhihuan:before {
  content: "\e9d0";
}
.lxiconfont-pc-kefu:before {
  content: "\e9ce";
}
.lxiconfont-tel1:before {
  content: "\e9c9";
}
.lxiconfont-icon_search:before {
  content: "\e9c8";
}
.lxiconfont-shouqi:before {
  content: "\e9c7";
}
.lxiconfont-godrv:before {
  content: "\e9c6";
}
.lxiconfont-map:before {
  content: "\e9c5";
}
.lxiconfont-read:before {
  content: "\e9c3";
}
.lxiconfont-zhibao2:before {
  content: "\e9c2";
}
.lxiconfont-zan:before {
  content: "\e9c1";
}
.lxiconfont-zan-selected:before {
  content: "\e9c0";
}
.lxiconfont-arrowup:before {
  content: "\e9bf";
}
.lxiconfont-filter:before {
  content: "\e9bd";
}
.lxiconfont-drop-down:before {
  content: "\e9bc";
}
.lxiconfont-picture:before {
  content: "\e9bb";
}
.lxiconfont-vr:before {
  content: "\e9ba";
}
.lxiconfont-huati:before {
  content: "\e9b7";
}
.lxiconfont-write:before {
  content: "\e9b6";
}
.lxiconfont-publish:before {
  content: "\e9b5";
}
.lxiconfont-replay:before {
  content: "\e9b3";
}
.lxiconfont-select:before {
  content: "\e9b1";
}
.lxiconfont-download:before {
  content: "\e9b0";
}
.lxiconfont-refresh:before {
  content: "\e9af";
}
.lxiconfont-icon_xinyuandan:before {
  content: "\e9ae";
}
.lxiconfont-siqu:before {
  content: "\e9ac";
}
.lxiconfont-nengyuan:before {
  content: "\e9a6";
}
.lxiconfont-jiachongdian:before {
  content: "\e9a8";
}
.lxiconfont-jiuyuan:before {
  content: "\e9a9";
}
.lxiconfont-zhibao:before {
  content: "\e9aa";
}
.lxiconfont-liuliang:before {
  content: "\e9ab";
}
.lxiconfont-chenei:before {
  content: "\e9a2";
}
.lxiconfont-chewai:before {
  content: "\e9a3";
}
.lxiconfont-fuzhu:before {
  content: "\e9a4";
}
.lxiconfont-naizhuang:before {
  content: "\e9a5";
}
.lxiconfont-huazhonghua:before {
  content: "\e9a1";
}
.lxiconfont-pause:before {
  content: "\e9a0";
}
.lxiconfont-rotate:before {
  content: "\e99f";
}
.lxiconfont-weixin:before {
  content: "\e99d";
}
.lxiconfont-star-fill:before {
  content: "\e99a";
}
.lxiconfont-star:before {
  content: "\e99b";
}
.lxiconfont-weibo:before {
  content: "\e99c";
}
.lxiconfont-arrow-right:before {
  content: "\e996";
}
.lxiconfont-cross:before {
  content: "\e994";
}
.lxiconfont-min-kefu:before {
  content: "\e98f";
}
.lxiconfont-kefu:before {
  content: "\e98e";
}
.lxiconfont-zhihuan:before {
  content: "\e98a";
}
.lxiconfont-bangzhu:before {
  content: "\e98b";
}
.lxiconfont-dianhua:before {
  content: "\e986";
}
.lxiconfont-zhiding:before {
  content: "\e988";
}
.lxiconfont-quanping:before {
  content: "\e97e";
}
.lxiconfont-play:before {
  content: "\e97d";
}
.lxiconfont-goout:before {
  content: "\e97c";
}
.lxiconfont-moon:before {
  content: "\e97a";
}
.lxiconfont-sun:before {
  content: "\e97b";
}
.lxiconfont-list:before {
  content: "\e979";
}
.lxiconfont-tel:before {
  content: "\e976";
}
.lxiconfont-comment:before {
  content: "\e975";
}
.lxiconfont-logo:before {
  content: "\e949";
}
.lxiconfont-imglist-arrow-up:before {
  content: "\e96a";
}
.lxiconfont-wode:before {
  content: "\e961";
}
.lxiconfont-arrowdown-small:before {
  content: "\e95f";
}
html {
  margin: 0;
  transition: opacity 0.5s ease-in-out;
}
@media (max-width: 720px) {
  html.isapp .one-wrap {
    padding-bottom: calc(67px + constant(safe-area-inset-bottom));
    padding-bottom: calc(67px + env(safe-area-inset-bottom));
  }
}
body {
  width: 100%;
  overflow-x: hidden;
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  color: #fff;
  background-color: #fff;
  transition: opacity 0.5s ease-in-out;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
body::-webkit-scrollbar {
  width: 0;
}
body.one-hide {
  opacity: 0;
}
body.lx-font {
  font-family:
    li-regular,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
.product-wrap {
  max-width: 2560px;
  margin: 0 auto;
}
.product-wrap.en .scene-operate,
.product-wrap.en .scene-producelist-buy {
  display: none;
}
.product-wrap.en .scene-about .product-slogan {
  text-indent: 0;
}
.product-wrap.en .scene-about .product-slogan span {
  white-space: nowrap;
}
.scene-wrap {
  height: 100%;
}
.scene-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
.layer video {
  object-fit: cover;
}
.product-model-image {
  display: none;
}
@media (max-width: 720px) {
  .product-model-image {
    display: block;
    width: 100%;
    height: 12.8vw;
    margin-bottom: 6.4vw;
    background: var(--logo) no-repeat 50%;
    background-size: contain;
  }
}
.scene-loopvideo.loaded .scene-inner {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-loopvideo.loaded .scene-inner {
    background-image: var(--backgroundImage720);
  }
}
.scene-download .scene-inner {
  background-position: top;
}
.scene-about {
  height: 42vw;
}
.scene-about .scene-inner {
  display: flex;
  align-items: center;
}
.scene-about .product-slogan {
  margin-bottom: 0.21428571428571427rem;
  font-size: 0.3214285714285714rem;
  font-family:
    li-medium,
    Microsoft YaHei,
    SF Pro SC,
    SF Pro Display,
    PingFang SC,
    Segoe UI,
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
  line-height: 0.42857142857142855rem;
  text-align: center;
  white-space: nowrap;
}
.scene-about .product-button.sub {
  border: 2px solid #fff;
  border-radius: 100px;
  background-color: transparent;
}
.scene-about .product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, 0.26);
}
.scene-about video {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in;
  opacity: 0;
  object-fit: cover;
}
.scene-about.type-replay .one-videoplayer {
  transition: opacity 0.3s ease-in;
  opacity: 0;
  pointer-events: none;
}
.scene-about.ended video {
  opacity: 0;
}
.scene-about.ended .one-videoplayer {
  opacity: 1;
  pointer-events: unset;
}
.scene-about.replay video {
  opacity: 1;
}
.scene-about.replay .one-videoplayer {
  opacity: 0;
  pointer-events: none;
}
.scene-about.demotion video {
  display: none;
}
.scene-about.demotion .one-videoplayer {
  opacity: 1;
  pointer-events: unset;
}
@media (max-width: 720px) {
  .scene-about {
    height: 100vh;
  }
  .scene-about .product-fadebox {
    top: 108px;
  }
  .scene-about .product-slogan {
    padding: 0 5.555555555555555vw;
    margin-bottom: 6.4vw;
    font-size: 27px;
    line-height: 40px;
    white-space: unset;
    text-indent: 1em;
    letter-spacing: 0.03em;
  }
  .scene-about .product-slogan span {
    display: block;
  }
  .scene-about .product-button.sub {
    width: 35.199999999999996vw;
    height: 40px;
  }
  .scene-about video {
    display: none;
  }
}