@charset "UTF-8";
@import url(bytedesign-pc.css);
@import url(bytedesign-mobile.css);

.chj-message-fade2-enter {
  margin-top: -50px;
  opacity: 0
}

.chj-message-fade2-enter-active {
  margin-top: 0;
  opacity: 1;
  transition: all .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 .3s ease-in-out
}

.chj-message {
  position: fixed;
  top: 70px;
  left: 50%;
  max-width: 60%;
  z-index: 1000;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.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 span {
  word-break: break-all
}

.chj-message-wrapper {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 12px 24px;
  margin: 8px auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
  font-size: 14px;
  line-height: 22px;
  color: #222;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (max-width:720px) {
  .chj-message {
    z-index: 1010;
    top: 50%;
    max-width: auto;
    width: calc(100% - 40px);
    display: flex
  }

  .chj-message .iconfont {
    display: none
  }

  .chj-message .chj-message-wrapper {
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    background-color: rgba(0, 0, 0, .6) !important
  }

  .chj-message-fade2-enter-active,
  .chj-message-fade2-exit-active {
    margin-top: 0;
    transition: opacity .3s ease-in-out
  }
}

[scene-animate-group="1"] {
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .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 .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .4s
}

[scene-animate-group="3"] {
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .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 .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .6s
}

[scene-animate-group="5"] {
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .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 .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .8s
}

[scene-animate-group="7"] {
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: .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 .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: 1s
}

[scene-animate-group="9"] {
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .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 .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  transition-delay: 1.2s
}

.scene-animate-active[scene-animate-group],
.scene-animate-active [scene-animate-group] {
  transform: translateZ(0);
  opacity: 1
}

.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: .8571428571428571rem;
  padding-right: .9464285714285714rem
}

@media (max-width:1500px) {
  .scene-download-box-left {
    padding-right: .5rem
  }
}

@media (max-width:1440px) {
  .scene-download-box-left {
    padding-right: .9464285714285714rem
  }
}

@media (max-width:1160px) {
  .scene-download-box-left {
    padding-right: .7678571428571428rem
  }
}

@media (max-width:1024px) {
  .scene-download-box-left {
    padding: .5535714285714286rem 0;
    padding-right: .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: var(--font-mg);
  font-size: .2857142857142857rem;
  line-height: .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: rgba(0, 0, 0, 0)
}

.scene-download-box-left .scene-download-description {
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: #666;
  margin-top: .10714285714285714rem
}

.scene-download-box-left .scene-download-qrcode {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .21428571428571427rem;
  background-image: none !important
}

.scene-download-box-left .scene-download-caption {
  font-size: .10714285714285714rem;
  line-height: .17857142857142855rem;
  color: #191919;
  margin-top: .14285714285714285rem;
  margin-bottom: .21428571428571427rem
}

.scene-download-box-left .scene-download-developers,
.scene-download-box-left .scene-download-version {
  font-size: .10714285714285714rem;
  line-height: .17857142857142855rem;
  color: #666
}

.scene-download-box-left .scene-download-policy {
  display: flex;
  margin-top: .07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: .10714285714285714rem;
  line-height: .17857142857142855rem;
  color: #191919
}

.scene-download-box-left .scene-download-line {
  display: inline-block;
  width: .008928571428571428rem;
  height: .10714285714285714rem;
  margin: 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: .9464285714285714rem
}

@media (max-width:1500px) {
  .scene-download-box-right {
    padding-left: .5rem
  }
}

@media (max-width:1440px) {
  .scene-download-box-right {
    padding-left: .9464285714285714rem
  }
}

@media (max-width:1160px) {
  .scene-download-box-right {
    padding-left: .7678571428571428rem
  }
}

@media (max-width:1024px) {
  .scene-download-box-right {
    padding-left: .9464285714285714rem
  }
}

.scene-download-box-right .scene-download-box {
  display: flex;
  overflow: hidden;
  margin-top: .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: .21428571428571427rem;
  background-image: none !important
}

.scene-download-box-right .scene-download-title {
  display: inline;
  font-family: var(--font-mg);
  font-size: .19642857142857145rem;
  line-height: .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: rgba(0, 0, 0, 0)
}

.scene-download-box-right .scene-download-description {
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: #666;
  margin-top: .017857142857142856rem
}

.scene-download-box-right .scene-download-developers {
  font-size: .10714285714285714rem;
  line-height: .17857142857142855rem;
  color: #999;
  margin-top: .1607142857142857rem
}

.scene-download-box-right .scene-download-policy {
  display: flex;
  align-items: center;
  margin-top: .03571428571428571rem;
  font-size: .10714285714285714rem;
  line-height: .17857142857142855rem;
  color: #999
}

.scene-download-box-right .scene-download-line {
  display: inline-block;
  width: .008928571428571428rem;
  height: .10714285714285714rem;
  margin: 0 .10714285714285714rem;
  background-color: #999
}

.scene-download-cover-picture {
  width: 2.7678571428571432rem;
  margin-left: .8035714285714286rem
}

@media (max-width:1500px) {
  .scene-download-cover-picture {
    margin-left: .3571428571428571rem
  }
}

@media (max-width:1440px) {
  .scene-download-cover-picture {
    margin-left: .8035714285714286rem
  }
}

@media (max-width:1160px) {
  .scene-download-cover-picture {
    margin-left: .625rem
  }
}

@media (max-width:1024px) {
  .scene-download-cover-picture {
    width: 2.7678571428571432rem;
    margin-left: .8035714285714286rem;
    display: none
  }
}

.scene-download-img {
  width: 100%;
  object-fit: cover
}

@media (max-width:720px) {
  .product-wrap .scene-download {
    display: none !important
  }

  .product-wrap .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%, .6)
  }

  .scene-download-box .scene-download-title {
    font-family: var(--font-mg);
    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: rgba(0, 0, 0, 0)
  }

  .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;
    background-image: none !important
  }

  .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 .scene-download {
  display: none !important
}

.product-wrap .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(../images/app-qrcode.5480b982.jpg)
}

.scene.scene-download.loaded .scene-download-qrcode.qrcode-rc {
  background-image: url(../images/app-qrcode-rc.99d04ee0.png)
}

.scene-download-normal .scene-download-inner {
  position: relative;
  min-height: 5.25rem;
  padding: .8928571428571428rem 0
}

@media (max-width:1920px) {
  .scene-download-normal .scene-download-inner {
    padding: .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: .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: .8392857142857143rem
  }
}

@media (max-width:950px) {
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-bottom: .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: .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: .10714285714285714rem;
  font-size: .2857142857142857rem;
  font-family: var(--font-mg);
  line-height: .3928571428571429rem
}

@media (max-width:1920px) {
  .scene-download-normal .scene-download-title {
    margin-bottom: .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: .125rem;
  color: #757575;
  line-height: .19642857142857145rem
}

@media (max-width:1920px) {
  .scene-download-normal .scene-download-description {
    padding-bottom: .10714285714285714rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: .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: .21428571428571427rem 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: .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: .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 .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: .42857142857142855rem;
  border-radius: .42857142857142855rem;
  margin: 0 .07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: .14285714285714285rem;
  color: #fff;
  line-height: 1;
  transition: background .15s ease-in, opacity .15s ease-in, color .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%, .5);
  background-color: rgba(0, 0, 0, 0)
}

.product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, .26)
}

.product-button.link {
  width: auto;
  height: .21428571428571427rem;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-size: .125rem;
  opacity: .8
}

.product-button.link:hover {
  opacity: 1
}

.product-button.disabled {
  border-color: rgba(0, 0, 0, 0) !important;
  color: rgba(0, 0, 0, .6) !important;
  background-color: hsla(0, 0%, 100%, .4) !important;
  pointer-events: none
}

@media (max-width:1024px) {
  .product-button {
    width: 14.2578125vw;
    height: 3.90625vw;
    border-radius: 3.90625vw;
    margin: 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: rgba(0, 0, 0, 0)
  }

  .product-button.link {
    height: 20px;
    margin: 0 2.1333333333333333vw;
    font-size: 3.733333333333334vw
  }
}

.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: .5357142857142857rem
}

.product-fadebox.bottom-normal {
  bottom: .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: .3s
}

.product-fadebox.active .product-fadebox-item:nth-child(2) {
  transition-delay: .4s
}

.product-fadebox.active .product-fadebox-item:nth-child(3) {
  transition-delay: .5s
}

.product-fadebox.active .product-fadebox-item:nth-child(4) {
  transition-delay: .6s
}

.product-fadebox.active .product-fadebox-item:nth-child(5) {
  transition-delay: .7s
}

.product-fadebox.active .product-fadebox-item:nth-child(6) {
  transition-delay: .8s
}

.product-fadebox.active .product-fadebox-item:nth-child(7) {
  transition-delay: .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 .5s cubic-bezier(.39, .575, .565, 1), opacity .3s ease-in;
  opacity: 0;
  will-change: transform, opacity
}

.product-buttonlist,
.product-videoplayer {
  display: flex;
  justify-content: center
}

.product-videoplayer {
  font-size: .14285714285714285rem
}

.product-videoplayer span {
  display: flex;
  align-items: center;
  transition: opacity .15s ease-in;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.product-videoplayer span:hover {
  opacity: .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: .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: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border-radius: .3em;
  transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -.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, .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: .5em;
  z-index: 2
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, .8);
  background: linear-gradient(180deg, rgba(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: .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, .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 .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, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .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 .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 .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, .7)
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility .1s, opacity .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 .2s;
  height: .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: .9em;
  position: absolute;
  right: -.5em;
  top: -.333333333333333em;
  z-index: 1
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: .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: .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, .8)
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 .45em 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, .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 .1s, opacity .1s, height .1s, width .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 .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: .5em
}

.video-js .vjs-volume-panel {
  display: flex
}

.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
  width: .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: .9em
}

.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -.5em;
  left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -.3em;
  right: -.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, .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: .1em
}

.vjs-subtitles {
  color: #fff
}

.vjs-captions {
  color: #fc6
}

.vjs-tt-cue {
  display: block
}

video::-webkit-media-text-track-display {
  -ms-transform: translateY(-3em);
  transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -ms-transform: translateY(-1.5em);
  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: -.5em;
  position: absolute;
  text-shadow: .05em .05em .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: .85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, .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 .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: rgba(0, 0, 0, 0);
  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(.6, .2, 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: .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: -.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, .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, .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;
  -ms-transform: translateY(0);
  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;
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  transition: opacity .4s cubic-bezier(.4, 0, .6, 1) .05s, transform .5s cubic-bezier(.4, 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: rgba(0, 0, 0, 0);
  opacity: 0;
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  transition: opacity .4s cubic-bezier(.4, 0, .6, 1) .05s, transform .5s cubic-bezier(.4, 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: .3s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-volume-horizontal {
  height: 48px;
  transition-duration: .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(../images/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%, .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%, .2)
}

.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, .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(../images/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(../images/icon.78fdbcc9.png);
  background-position: 0 -48px
}

.video-js .vjs-fullscreen-control,
.video-js .vjs-mute-control,
.video-js .vjs-play-control {
  opacity: .8;
  transition: opacity .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, .04), rgba(0, 0, 0, .55));
  opacity: 0;
  transition: opacity 1s cubic-bezier(.4, 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 .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: .5357142857142857rem;
  height: .5357142857142857rem;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.layer-close .iconfont {
  height: .5357142857142857rem;
  font-size: .17857142857142855rem;
  line-height: .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 .4s cubic-bezier(.4, 0, .6, 1) .05s, transform .5s cubic-bezier(.4, 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 .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: .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: 1.4464285714285714rem
}

@media (max-width:720px) {
  .scene.scene-pre .product-fadebox {
    top: calc(100px + constant(safe-area-inset-top));
    top: calc(100px + env(safe-area-inset-top))
  }
}

.scene.scene-pre .product-button {
  width: unset;
  height: .3571428571428571rem;
  padding: .08035714285714285rem .17857142857142855rem
}

.scene.scene-pre .product-button.sub {
  border: 2px solid #fff;
  margin-bottom: .14285714285714285rem;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  background-color: hsla(0, 0%, 100%, .1)
}

.scene.scene-pre .product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, .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%, .1)
  }

  .scene.scene-pre .product-button.sub:hover {
    border: 2px solid #fff;
    background-color: hsla(0, 0%, 100%, .1)
  }
}

.scene.scene-pre .product-button.main {
  border: none;
  margin-bottom: .14285714285714285rem;
  color: #000;
  font-size: .125rem;
  line-height: .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: .41071428571428575rem;
    line-height: .5178571428571428rem;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="36"] {
    font-size: .3214285714285714rem;
    line-height: .42857142857142855rem;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="30"] {
    font-size: .26785714285714285rem;
    line-height: .375rem;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="24"] {
    font-size: .21428571428571427rem;
    line-height: .3214285714285714rem
  }

  .scene-pre-title[data-font="22"] {
    font-size: .19642857142857145rem;
    line-height: .3035714285714286rem
  }

  .scene-pre-title[data-font="20"] {
    font-size: .17857142857142855rem;
    line-height: .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;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="28"] {
    font-size: 28px;
    line-height: 40px;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="24"] {
    font-size: 24px;
    line-height: 36px;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="20"] {
    font-size: 20px;
    line-height: 32px;
    font-family: var(--font-mg)
  }

  .scene-pre-title[data-font="18"] {
    font-size: 18px;
    line-height: 26px;
    font-family: var(--font-mg)
  }

  .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: var(--font-mg)
  }

  .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, .04)
  }

  .chj-dialog .chj-dialog-footer .chj-button {
    line-height: 24px;
    color: #5a7cab
  }
}

.scene-live-bottom-bar {
  padding: .4910714285714286rem 0 1.0714285714285714rem;
  transform: translate3d(0, 100px, 0) scale(.7);
  transition: transform 1s cubic-bezier(.22, 1, .36, 1), opacity .5s cubic-bezier(.22, 1, .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: .07142857142857142rem;
  border-radius: 200px;
  align-items: center;
  background-color: rgba(72, 72, 72, .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 .21428571428571427rem 0 .1607142857142857rem;
  font-size: .14285714285714285rem;
  line-height: 1.5;
  font-family: var(--font-mg);
  color: #fff
}

@media (max-width:720px) {
  .scene-live-bottom-bar-text {
    padding: 0;
    padding-left: 4px;
    font-size: 12px;
    line-height: 20px;
    font-family: var(--font-rg)
  }
}

.scene-live-bottom-bar-more {
  display: flex;
  width: .3214285714285714rem;
  height: .3214285714285714rem;
  padding-right: .017857142857142856rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 0;
  background-color: #fff
}

.scene-live-bottom-bar-more i {
  font-size: .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: rgba(0, 0, 0, 0)
  }

  .scene-live-bottom-bar-more i {
    font-size: 18px;
    color: #fff
  }
}

body,
html {
  margin: 0;
  background-color: #191919;
  transition: opacity .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%, .9) !important;
  border: .5px solid hsla(0, 0%, 100%, .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%, .9) !important;
  font-size: 12px !important;
  -ms-transform: unset !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: .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(../images/bdad6778.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
  }
}

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 .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: .03571428571428571rem;
  font-size: .2857142857142857rem;
  line-height: .42857142857142855rem
}

.scene-live-title:nth-child(2) {
  font-size: .19642857142857145rem;
  font-family: var(--font-mg);
  line-height: .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: .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: var(--font-mg);
  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: .42857142857142855rem;
  border: 2px solid #fff;
  border-radius: 100px;
  margin-right: 16px;
  justify-content: center;
  align-items: center;
  font-size: .14285714285714285rem;
  background-color: rgba(0, 0, 0, 0);
  transition: background .15s ease-in, opacity .15s ease-in, color .15s ease-in, border-color .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%, .26)
  }
}

.scene-button.normal {
  background-color: hsla(0, 0%, 100%, .1)
}

@media (min-width:721px) {
  .scene-button.normal:hover {
    background-color: hsla(0, 0%, 100%, .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: .26785714285714285rem;
  font-size: .14285714285714285rem;
  color: #fff !important;
  line-height: .26785714285714285rem;
  background-color: rgba(0, 0, 0, 0) !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, .9);
  background-color: hsla(0, 0%, 100%, .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-produce {
  height: 37.08333vw;
  max-height: 712px;
  background-color: #fff
}

.scene-produce .scene-wrap {
  display: flex;
  background-color: #fff
}

.scene-produce .scene-inner {
  margin-left: .04464285714285714rem;
  margin-right: .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: .14285714285714285rem 10% 0;
  justify-content: center
}

@media (max-width:720px) {
  .scene-produce .scene-button-list {
    display: none;
    padding: 16px 40px 0
  }
}

.scene-produce .scene-button {
  width: unset;
  height: .3571428571428571rem;
  padding: .08035714285714285rem .17857142857142855rem;
  margin-right: .05357142857142857rem;
  margin-left: .05357142857142857rem;
  font-size: .125rem;
  line-height: .19642857142857145rem
}

.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: .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%, .26)
  }
}

@media (max-width:720px) {
  .scene-produce .scene-button {
    display: none;
    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+.scene-produce .scene-wrap {
  padding-top: .08928571428571427rem
}

@media (max-width:720px) {
  .scene-produce+.scene-produce .scene-wrap {
    padding-top: 4px
  }
}

.scene-produce .enhide {
  display: none
}

.scene-produce .scene-button {
  margin-right: unset
}

.scene-produce .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 {
    aspect-ratio: 2/3;
    margin: unset
  }
}

.scene-produce-item {
  flex: 1
}

@media (min-width:721px) {
  .scene-produce-item[data-length="1"] .scene-produce-content {
    top: 1.0714285714285714rem
  }
}

.scene-produce-content {
  position: absolute;
  top: .8035714285714286rem;
  left: 50%;
  width: 100%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  text-align: center
}

@media (max-width:720px) {
  .scene-produce-content {
    top: unset;
    bottom: 40px;
    text-align: left
  }
}

.scene-produce-logo {
  display: block;
  width: auto;
  height: .8035714285714286rem;
  margin: 0 auto
}

@media (max-width:720px) {
  .scene-produce-logo {
    height: 64px
  }
}

.scene-produce-container {
  color: #fff
}

.scene-produce-subtitle {
  margin-top: .10714285714285714rem;
  font-size: 14px;
  line-height: 24px
}

.scene-produce-subtitle span {
  font-size: 16px;
  font-family: var(--font-mg);
  line-height: 1.5
}

@media (max-width:720px) {
  .scene-produce-subtitle {
    margin-top: 8px
  }
}

.scene-produce-button-list {
  display: flex;
  margin-top: .17857142857142855rem;
  justify-content: center
}

@media (max-width:720px) {
  .scene-produce-button-list {
    padding: 0 3.2vw;
    margin-top: 16px;
    justify-content: center
  }

  .scene-produce-button-list:last-child {
    margin-top: 16px
  }
}

.scene-produce-list {
  padding: 0 11.45833%;
  background-color: #fff
}

.scene-produce-list[data-top-gap=big] {
  padding-top: 1.4285714285714284rem
}

.scene-produce-list[data-top-gap=small] {
  padding-top: .7142857142857142rem
}

.scene-produce-list[data-top-gap=zero] {
  padding-top: 0
}

.scene-produce-list[data-top-gap=multi] {
  padding-top: .14285714285714285rem
}

.scene-produce-list[data-bottom-gap=big] {
  padding-bottom: 1.4285714285714284rem
}

.scene-produce-list[data-bottom-gap=small] {
  padding-bottom: .7142857142857142rem
}

.scene-produce-list[data-bottom-bottom=zero] {
  padding-top: 0
}

.scene-produce-list.loaded .scene-produce-list-box-bg {
  background-image: var(--bgPc)
}

@media (max-width:720px) {
  .scene-produce-list.loaded .scene-produce-list-box-bg {
    background-image: var(--bgM)
  }
}

@media (max-width:720px) {
  .scene-produce-list {
    padding: 0;
    background-color: #fafafa
  }

  .scene-produce-list[data-top-gap=big] {
    padding-top: 80px
  }

  .scene-produce-list[data-top-gap=small] {
    padding-top: 40px
  }

  .scene-produce-list[data-top-gap=multi] {
    padding-top: 8px
  }

  .scene-produce-list[data-bottom-gap=big] {
    padding-bottom: 80px
  }

  .scene-produce-list[data-bottom-gap=small] {
    padding-bottom: 40px
  }
}

.scene-produce-list-content {
  padding-bottom: .5rem;
  text-align: center
}

@media (max-width:720px) {
  .scene-produce-list-content {
    padding-bottom: 40px
  }
}

.scene-produce-list-tag {
  margin-bottom: .07142857142857142rem;
  font-size: .14285714285714285rem;
  line-height: 1.5;
  color: #191919
}

@media (max-width:720px) {
  .scene-produce-list-tag {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px
  }
}

.scene-produce-list-title {
  font-size: .41071428571428575rem;
  line-height: .5535714285714286rem;
  color: #191919
}

@media (max-width:720px) {
  .scene-produce-list-title {
    font-size: 30px;
    line-height: 44px;
    font-family: var(--font-mg)
  }
}

.scene-produce-list-subtitle {
  margin-top: .07142857142857142rem;
  font-size: .17857142857142855rem;
  line-height: .25rem;
  color: #666
}

@media (max-width:720px) {
  .scene-produce-list-subtitle {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
  }

  .scene-produce-list-subtitle br {
    display: none
  }
}

.scene-produce-list-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: .14285714285714285rem;
  grid-row-gap: .14285714285714285rem
}

.scene-produce-list-main[data-length="1"] {
  display: block
}

.scene-produce-list-main[data-length="1"] .scene-produce-list-box {
  aspect-ratio: 2/1
}

@media (max-width:720px) {
  .scene-produce-list-main {
    display: block
  }

  .scene-produce-list-main[data-length="1"] .scene-produce-list-box {
    aspect-ratio: 1/1
  }
}

.scene-produce-list-box {
  position: relative;
  aspect-ratio: 1/1;
  padding: .7142857142857142rem .7142857142857142rem 0;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  cursor: pointer
}

@media (min-width:721px) {
  .scene-produce-list-box:hover .scene-produce-list-box-bg {
    -ms-transform: scale(1.03);
    transform: scale(1.03)
  }
}

@media (max-width:720px) {
  .scene-produce-list-box {
    padding: 40px 40px 0;
    border-radius: 0
  }

  .scene-produce-list-box:not(:last-child) {
    margin-bottom: 8px
  }
}

.scene-produce-list-box-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: transform .6s ease-in-out
}

.scene-produce-list-box-title {
  font-size: .2857142857142857rem;
  line-height: .3928571428571429rem;
  font-family: var(--font-mg);
  color: #fff
}

@media (max-width:720px) {
  .scene-produce-list-box-title {
    font-size: 22px;
    line-height: 34px
  }
}

.scene-produce-list-box-subtitle {
  margin-top: .10714285714285714rem;
  font-size: .17857142857142855rem;
  line-height: .2857142857142857rem;
  color: hsla(0, 0%, 100%, .7)
}

@media (max-width:720px) {
  .scene-produce-list-box-subtitle {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #fff
  }
}

.scene-produce-list-box-btn {
  display: flex;
  padding-left: .75em;
  margin-top: .14285714285714285rem;
  align-items: center;
  justify-content: center
}

@media (max-width:720px) {
  .scene-produce-list-box-btn {
    margin-top: 10px
  }

  .scene-produce-list-box-btn .scene-button {
    border-bottom: unset !important
  }
}

.scene-aboutnew {
  background-color: #fff
}

.scene-aboutnew .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: .8928571428571428rem;
  font-size: .41071428571428575rem;
  line-height: .6428571428571428rem;
  font-family: var(--font-mg);
  color: #191919;
  transform: translate3d(0, 90px, 0);
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: .3s
}

@media (max-width:720px) {
  .scene-aboutnew-title {
    padding-top: 64px;
    font-size: 24px;
    line-height: 32px
  }
}

.scene-aboutnew-subtitle {
  padding-bottom: .42857142857142855rem;
  margin-top: .07142857142857142rem;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #666;
  transform: translate3d(0, 90px, 0);
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: .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: .7142857142857142rem;
  background-position: 50%;
  background-size: cover;
  text-align: center;
  transform: translate3d(0, 90px, 0);
  transition: opacity .8s linear, transform .8s cubic-bezier(.26, .67, .48, .91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: .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: .08035714285714285rem .1875rem;
  margin: 0 auto;
  height: .3571428571428571rem;
  width: unset;
  text-align: center;
  font-size: .125rem;
  line-height: .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: .3571428571428571rem;
  font-size: .2857142857142857rem;
  line-height: .3571428571428571rem;
  font-family: var(--font-mg);
  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.loaded .scene-operate-item-icon {
  background-image: var(--icon)
}

.scene-operate-list {
  display: flex;
  padding: .7142857142857142rem 11.45833%
}

@media (max-width:720px) {
  .scene-operate-list {
    display: block;
    padding: 80px 16px
  }
}

.scene-operate-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #000;
  text-align: center;
  cursor: pointer
}

.scene-operate-item:not(:last-child) {
  margin-right: .17857142857142855rem
}

@media (max-width:720px) {
  .scene-operate-item {
    display: flex;
    flex-direction: unset;
    align-items: center;
    justify-content: unset
  }

  .scene-operate-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 48px
  }
}

.scene-operate-item-icon {
  width: .8035714285714286rem;
  height: .8035714285714286rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

@media (max-width:720px) {
  .scene-operate-item-icon {
    height: 56px;
    width: 56px;
    margin-right: 16px
  }
}

.scene-operate-item-container {
  margin-top: .07142857142857142rem
}

@media (max-width:720px) {
  .scene-operate-item-container {
    margin-top: 0
  }
}

.scene-operate-item-title {
  font-size: .19642857142857145rem;
  line-height: .3035714285714286rem;
  font-family: var(--font-mg);
  color: #191919
}

@media (max-width:720px) {
  .scene-operate-item-title {
    font-size: 20px;
    line-height: 28px
  }
}

.scene-operate-item-description {
  margin-top: .03571428571428571rem;
  font-size: .14285714285714285rem;
  line-height: .25rem;
  color: #666;
  letter-spacing: .2em
}

@media (max-width:720px) {
  .scene-operate-item-description {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0
  }
}

.scene-operate-link {
  display: flex;
  padding-left: .1607142857142857rem;
  margin-top: .21428571428571427rem;
  align-items: center;
  justify-content: center;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: #999
}

.scene-operate-link .lxiconfont {
  font-size: .1607142857142857rem;
  line-height: 1;
  color: #ccc
}

.scene-operate-link:hover {
  color: #3c3c3c
}

@media (max-width:720px) {
  .scene-operate-link {
    display: none
  }
}

.scene-operate-link-m {
  display: none
}

@media (max-width:720px) {
  .scene-operate-link-m {
    display: flex;
    width: 40px;
    height: 40px;
    margin-left: auto;
    justify-content: center;
    align-items: center
  }

  .scene-operate-link-m .lxiconfont {
    font-size: 20px;
    line-height: 1;
    color: #666
  }
}

.scene-table-common-button {
  display: none
}

@media (max-width:720px) {
  .scene-table-common-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/btn-play.ea9f89fd.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70px
  }

  .scene-table-common-button:after {
    display: none
  }
}

.loaded .scene-table-common-button {
  background-image: url(../images/btn-play.ea9f89fd.png)
}

.demotion video {
  display: none
}

.demotion .scene-table-common-button {
  display: block
}

.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, .7), rgba(0, 0, 0, 0));
  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-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 .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: var(--font-mg);
    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
  }
}

@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-table-horizontal2 {
  width: 100vw;
  height: auto;
  min-height: unset;
  overflow: hidden
}

.scene-table-horizontal2 .scene-wrap {
  height: auto
}

.scene-table-horizontal2 .scene-inner {
  width: 100%;
  height: 100%;
  overflow: unset
}

.scene-table-horizontal2[data-top-gap=small] {
  padding-top: .7142857142857142rem
}

.scene-table-horizontal2[data-top-gap=big] {
  padding-top: 1.4285714285714284rem
}

.scene-table-horizontal2[data-bottom-gap=small] {
  padding-bottom: .7142857142857142rem
}

.scene-table-horizontal2[data-bottom-gap=big] {
  padding-bottom: 1.4285714285714284rem
}

@media (min-width:1025px) {
  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-media {
    transition: transform .6s ease-in-out
  }

  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-info {
    padding-top: .7142857142857142rem;
    transition: padding-top .3s ease-in-out
  }

  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-info-link,
  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-info-play {
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    opacity: 0
  }

  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-content:hover .scene-table-horizontal2-media {
    -ms-transform: scale(1.03);
    transform: scale(1.03)
  }

  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-content:hover .scene-table-horizontal2-info {
    padding-top: .8928571428571428rem
  }

  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-content:hover .scene-table-horizontal2-info-link,
  .scene-table-horizontal2[data-enable-hover=true] .scene-table-horizontal2-content:hover .scene-table-horizontal2-info-play {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

.scene-table-horizontal2.loaded .scene-table-horizontal2-media {
  background-image: var(--bgPc)
}

@media (max-width:720px) {
  .scene-table-horizontal2.loaded .scene-table-horizontal2-media {
    background-image: var(--bgM)
  }
}

@media (max-width:720px) {
  .scene-table-horizontal2 {
    background-color: #fafafa
  }

  .scene-table-horizontal2[data-top-gap=small] {
    padding-top: 40px
  }

  .scene-table-horizontal2[data-top-gap=big] {
    padding-top: 80px
  }

  .scene-table-horizontal2[data-bottom-gap=small] {
    padding-bottom: 40px
  }

  .scene-table-horizontal2[data-bottom-gap=big] {
    padding-bottom: 80px
  }
}

.scene-table-horizontal2-top {
  padding: 0 20% .5rem;
  text-align: center
}

@media (max-width:720px) {
  .scene-table-horizontal2-top {
    padding: 0 40px 40px
  }
}

.scene-table-horizontal2-tag {
  margin-bottom: .07142857142857142rem;
  font-size: .14285714285714285rem;
  line-height: 1.5;
  color: #191919
}

@media (max-width:720px) {
  .scene-table-horizontal2-tag {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.5
  }
}

.scene-table-horizontal2-title {
  font-size: .41071428571428575rem;
  line-height: .5535714285714286rem;
  color: #191919
}

@media (max-width:720px) {
  .scene-table-horizontal2-title {
    font-size: 30px;
    line-height: 38px;
    font-family: var(--font-mg)
  }
}

.scene-table-horizontal2-desc {
  margin-top: .1607142857142857rem;
  font-size: .17857142857142855rem;
  line-height: .2857142857142857rem;
  color: #666
}

@media (max-width:720px) {
  .scene-table-horizontal2-desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
  }
}

.scene-table-horizontal2-link {
  display: flex;
  margin-top: .14285714285714285rem;
  justify-content: center
}

.scene-table-horizontal2-link .scene-button {
  border-radius: 0;
  border-bottom: 1px solid #191919 !important;
  font-size: .14285714285714285rem;
  line-height: 1;
  color: #191919 !important
}

@media (max-width:720px) {
  .scene-table-horizontal2-link {
    margin-top: 16px
  }

  .scene-table-horizontal2-link .scene-button {
    font-size: 14px
  }
}

.scene-table-horizontal2-main {
  position: relative;
  width: calc(77.08333vw + 16px);
  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 8px;
  flex-shrink: 0;
  transition: opacity .6s ease;
  opacity: .6;
  pointer-events: none
}

.scene-table-horizontal2-item.current {
  opacity: 1;
  pointer-events: auto
}

@media (max-width:720px) {
  .scene-table-horizontal2-item {
    padding: 0 4px
  }
}

.scene-table-horizontal2-content {
  position: relative;
  aspect-ratio: 16/9;
  width: 77.08333vw;
  height: auto;
  border-radius: 4px;
  overflow: hidden
}

@media (max-width:720px) {
  .scene-table-horizontal2-content {
    aspect-ratio: unset;
    width: calc(100vw - 40px);
    height: 100%;
    overflow: unset;
    background-color: #fff
  }
}

.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;
    border-radius: 4px 4px 0 0;
    overflow: hidden
  }
}

.scene-table-horizontal2-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: .8928571428571428rem 11.08108%;
  flex-direction: column;
  align-items: center;
  text-align: center
}

@media (max-width:720px) {
  .scene-table-horizontal2-info {
    position: static;
    height: auto;
    padding: 24px 20px 28px;
    color: #191919
  }
}

.scene-table-horizontal2-info-title {
  font-size: .2857142857142857rem;
  line-height: .3928571428571429rem;
  font-family: var(--font-mg)
}

@media (max-width:720px) {
  .scene-table-horizontal2-info-title {
    font-size: 16px;
    line-height: 1.5
  }
}

.scene-table-horizontal2-info-content {
  margin-top: .10714285714285714rem;
  font-size: .17857142857142855rem;
  line-height: .2857142857142857rem
}

@media (max-width:720px) {
  .scene-table-horizontal2-info-content {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #666
  }
}

.scene-table-horizontal2-info-link {
  display: flex;
  margin-top: .17857142857142855rem
}

.scene-table-horizontal2-info-link .scene-button {
  padding: .0625rem .1607142857142857rem;
  border: .017857142857142856rem solid #fff !important;
  margin-right: 0;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  background-color: hsla(0, 0%, 100%, .1) !important
}

.scene-table-horizontal2-info-link .scene-button i {
  display: none
}

@media (min-width:1025px) {
  .scene-table-horizontal2-info-link .scene-button:hover {
    background-color: hsla(0, 0%, 100%, .26) !important
  }
}

@media (max-width:720px) {
  .scene-table-horizontal2-info-link {
    margin-top: 16px
  }

  .scene-table-horizontal2-info-link .scene-button {
    padding: 0;
    border: 0 !important;
    border-bottom: 0 !important;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    color: #191919 !important;
    background-color: rgba(0, 0, 0, 0) !important
  }

  .scene-table-horizontal2-info-link .scene-button i {
    display: block
  }
}

.scene-table-horizontal2-info-play {
  display: flex;
  margin-top: .17857142857142855rem;
  align-items: center;
  font-size: .14285714285714285rem;
  line-height: .25rem;
  cursor: pointer
}

.scene-table-horizontal2-info-play i {
  margin-left: .03571428571428571rem;
  font-size: .1607142857142857rem;
  line-height: 1
}

@media (max-width:720px) {
  .scene-table-horizontal2-info-play {
    margin-top: 28px;
    font-size: 12px;
    line-height: 20px
  }

  .scene-table-horizontal2-info-play i {
    margin-left: 2px;
    font-size: 14px
  }
}

.scene-table-horizontal2-dot-wrap {
  position: absolute;
  bottom: .5357142857142857rem;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none
}

@media (max-width:720px) {
  .scene-table-horizontal2-dot-wrap {
    position: static;
    padding-top: 20px;
    margin: 0 auto;
    -ms-transform: unset;
    transform: unset
  }
}

.scene-table-horizontal2-dot {
  width: 16px;
  height: 2px;
  border-radius: 200px;
  margin: 0 2px;
  background-color: hsla(0, 0%, 100%, .2);
  transition: background-color .3s ease
}

.scene-table-horizontal2-dot.current {
  background-color: #fff
}

@media (max-width:720px) {
  .scene-table-horizontal2-dot {
    background-color: #ccc
  }

  .scene-table-horizontal2-dot.current {
    background-color: #191919
  }
}

.scene-table-horizontal2-arrow {
  position: absolute;
  top: 50%;
  width: .42857142857142855rem;
  height: .42857142857142855rem;
  margin-top: -.21428571428571427rem;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-table-horizontal2-arrow .lxiconfont {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: .03571428571428571rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: .21428571428571427rem;
  color: #191919;
  background-color: hsla(0, 0%, 92.5%, .6);
  transition: background-color .3s ease, color .3s ease
}

@media (min-width:1025px) {
  .scene-table-horizontal2-arrow .lxiconfont:hover {
    color: #fff;
    background-color: #000
  }
}

.scene-table-horizontal2-arrow:before {
  position: absolute;
  top: 50%;
  left: 1.0357142857142856rem;
  aspect-ratio: 16/9;
  width: 77.08333vw;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: ""
}

.scene-table-horizontal2-arrow.prev {
  left: .5357142857142857rem;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.scene-table-horizontal2-arrow.next {
  right: .5357142857142857rem
}

@media (max-width:720px) {
  .scene-table-horizontal2-arrow {
    display: none
  }
}

.scene-multi-grid {
  display: flex;
  width: 100vw;
  height: auto;
  min-height: unset;
  overflow: hidden;
  flex-direction: column;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-multi-grid [scene-animate-group] {
  transform: translate3d(0, 30px, 0)
}

.scene-multi-grid.loaded .scene-multi-grid-bg {
  background-image: var(--bg)
}

.scene-multi-grid.loaded .scene-multi-grid-logo {
  background-image: var(--logo)
}

.scene-multi-grid.scene-animate-active .scene-multi-grid-bg {
  -ms-transform: unset;
  transform: unset;
  opacity: 1
}

.scene-multi-grid.scene-animate-active [scene-animate-group] {
  transform: translateZ(0)
}

.scene-multi-grid.ready .scene-multi-grid-bg {
  transition-delay: 0s !important
}

.scene-multi-grid-main {
  display: grid;
  height: 100vh;
  grid-template: repeat(2, 1fr)/repeat(4, 1fr)
}

@media (max-width:1024px) {
  .scene-multi-grid-main {
    display: flex;
    height: auto;
    flex-wrap: wrap
  }
}

@media (max-width:720px) {
  .scene-multi-grid-main {
    display: block
  }
}

.scene-multi-grid-item {
  position: relative;
  overflow: hidden;
  background-color: #000
}

.scene-multi-grid-item:first-child .scene-multi-grid-bg {
  transition-delay: .3s
}

.scene-multi-grid-item:nth-child(2) .scene-multi-grid-bg {
  transition-delay: .4s
}

.scene-multi-grid-item:nth-child(3) .scene-multi-grid-bg {
  transition-delay: .5s
}

.scene-multi-grid-item:nth-child(4) .scene-multi-grid-bg {
  transition-delay: .6s
}

.scene-multi-grid-item:nth-child(5) .scene-multi-grid-bg {
  transition-delay: .7s
}

.scene-multi-grid-item:nth-child(6) .scene-multi-grid-bg {
  transition-delay: .8s
}

.scene-multi-grid-item:nth-child(7) .scene-multi-grid-bg {
  transition-delay: .9s
}

.scene-multi-grid-item:nth-child(8) .scene-multi-grid-bg {
  transition-delay: 1s
}

.scene-multi-grid-item:nth-child(9) .scene-multi-grid-bg {
  transition-delay: 1.1s
}

.scene-multi-grid-item:nth-child(10) .scene-multi-grid-bg {
  transition-delay: 1.2s
}

.scene-multi-grid-item[data-size=big] {
  grid-column: span 2
}

@media (min-width:1025px) {
  .scene-multi-grid-item:hover .scene-multi-grid-bg {
    -ms-transform: scale(1.03);
    transform: scale(1.03)
  }

  .scene-multi-grid-item:hover .scene-multi-grid-top {
    opacity: .4
  }

  .scene-multi-grid-item:hover .scene-multi-grid-mask {
    opacity: 1
  }

  .scene-multi-grid-item:hover .scene-multi-grid-bottom:after {
    height: .17857142857142855rem
  }

  .scene-multi-grid-item:hover .scene-multi-grid-btn-wrap {
    opacity: 1;
    pointer-events: unset
  }
}

@media (max-width:1024px) {
  .scene-multi-grid-item {
    width: 100%;
    aspect-ratio: 16/9;
    flex-shrink: 0
  }
}

@media (max-width:1024px) and (min-width:721px) {
  .scene-multi-grid-item:first-child .scene-multi-grid-top {
    padding-top: .9523809523809523rem
  }

  .scene-multi-grid-item:first-child .scene-multi-grid-bottom {
    padding-bottom: .5714285714285714rem
  }

  .scene-multi-grid-item:nth-child(n+2) {
    width: 50%
  }

  .scene-multi-grid-item:nth-child(n+2) .scene-multi-grid-top {
    padding-top: .5952380952380952rem
  }

  .scene-multi-grid-item:nth-child(n+2) .scene-multi-grid-bottom {
    padding-bottom: .2857142857142857rem
  }
}

@media (max-width:720px) {
  .scene-multi-grid-item {
    margin-bottom: 4px
  }

  .scene-multi-grid-item[data-type=charging] .scene-multi-grid-bottom {
    padding-bottom: 14px
  }

  .scene-multi-grid-item[data-type=charging] .scene-multi-grid-text i,
  .scene-multi-grid-item[data-type=charging] .scene-multi-grid-text span,
  .scene-multi-grid-item[data-type=charging] .scene-multi-grid-text strong {
    font-size: 20px;
    line-height: 32px
  }

  .scene-multi-grid-item[data-type=car] .scene-multi-grid-bottom {
    width: 100%
  }
}

.scene-multi-grid-bg {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: opacity .5s linear, transform .5s linear
}

@media (min-width:1025px) {
  .scene-multi-grid-bg {
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    opacity: 0
  }
}

.scene-multi-grid-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: .8035714285714286rem .3571428571428571rem;
  text-align: center;
  transition: opacity .5s linear
}

@media (max-width:720px) {
  .scene-multi-grid-top {
    display: flex;
    width: 60%;
    padding: 16px 0 16px 24px;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left
  }
}

.scene-multi-grid-logo {
  height: .4464285714285714rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

@media (max-width:720px) {
  .scene-multi-grid-logo {
    height: 36px;
    background-position: 0
  }
}

.scene-multi-grid-title {
  font-family: var(--font-mg);
  font-size: .2857142857142857rem;
  line-height: .3928571428571429rem;
  color: hsla(0, 0%, 100%, .9)
}

@media (max-width:720px) {
  .scene-multi-grid-title {
    font-size: 20px;
    line-height: 32px;
    color: #fff
  }
}

.scene-multi-grid-desc {
  margin-top: .03571428571428571rem;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: hsla(0, 0%, 100%, .8)
}

@media (max-width:720px) {
  .scene-multi-grid-desc {
    margin-top: 2px;
    font-size: 10px;
    line-height: 18px;
    color: hsla(0, 0%, 100%, .7)
  }
}

.scene-multi-grid-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
  transition: opacity .5s linear;
  opacity: 0
}

@media (max-width:720px) {
  .scene-multi-grid-mask {
    display: none
  }
}

.scene-multi-grid-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: .3571428571428571rem .7142857142857142rem .17857142857142855rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center
}

.scene-multi-grid-bottom:after {
  display: block;
  width: 100%;
  height: 0;
  transition: height .5s linear;
  content: ""
}

@media (max-width:1024px) {
  .scene-multi-grid-bottom {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media (max-width:720px) {
  .scene-multi-grid-bottom {
    width: 34%;
    padding: 10px 24px 10px 0;
    align-items: flex-end
  }

  .scene-multi-grid-bottom:after {
    display: none
  }
}

.scene-multi-grid-text {
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: hsla(0, 0%, 100%, .7);
  text-align: center
}

.scene-multi-grid-text i,
.scene-multi-grid-text span,
.scene-multi-grid-text strong {
  margin: 0 .017857142857142856rem 0 .03571428571428571rem;
  font-weight: 400;
  font-size: .17857142857142855rem;
  line-height: .2857142857142857rem;
  font-family: var(--font-mg);
  color: #fff
}

.scene-multi-grid-text:not(:first-child) {
  margin-top: .07142857142857142rem
}

@media (max-width:720px) {
  .scene-multi-grid-text {
    font-size: 14px;
    line-height: 22px;
    text-align: right
  }

  .scene-multi-grid-text i,
  .scene-multi-grid-text span,
  .scene-multi-grid-text strong {
    margin: 0 2px;
    font-size: 16px;
    line-height: 28px
  }

  .scene-multi-grid-text:not(:first-child) {
    margin-top: 27px
  }
}

.scene-multi-grid-btn-wrap {
  display: flex;
  margin-top: .07142857142857142rem;
  transition: opacity .5s linear;
  opacity: 0;
  pointer-events: none
}

@media (max-width:1024px) {
  .scene-multi-grid-btn-wrap {
    display: none
  }
}

.scene-multi-grid-btn {
  padding: .0625rem .20535714285714288rem;
  border: 1px solid #fff;
  border-radius: 200px;
  margin: 0 .07142857142857142rem;
  flex-shrink: 0;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: #fff;
  transition: background-color .15s ease-in, opacity .15s ease-in, border-color .15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-multi-grid-btn[data-type=primary] {
  color: #191919;
  background-color: #fff
}

@media (min-width:1025px) {
  .scene-multi-grid-btn:hover {
    background-color: hsla(0, 0%, 100%, .26)
  }

  .scene-multi-grid-btn[data-type=primary]:hover {
    border-color: rgba(0, 0, 0, 0);
    background-color: hsla(0, 0%, 100%, .8)
  }
}

@media (max-width:720px) {
  .scene-multi-grid-btn {
    display: none
  }
}

.scene-multi-banner {
  display: flex;
  width: 100vw;
  height: auto;
  min-height: unset;
  overflow: hidden;
  flex-direction: column;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-multi-banner [scene-animate-group] {
  transform: translate3d(0, 30px, 0)
}

.scene-multi-banner.loaded .scene-multi-banner-list-bg {
  background-image: var(--bg)
}

.scene-multi-banner.loaded .scene-multi-banner-list-logo {
  background-image: var(--logo)
}

.scene-multi-banner.scene-animate-active [scene-animate-group] {
  transform: translateZ(0)
}

@media (max-width:720px) {
  .scene-multi-banner {
    margin-bottom: 4px
  }
}

.scene-multi-banner-text {
  margin-top: .3571428571428571rem;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: hsla(0, 0%, 100%, .7);
  text-align: center
}

.scene-multi-banner-text i,
.scene-multi-banner-text span,
.scene-multi-banner-text strong {
  margin: 0 .017857142857142856rem 0 .03571428571428571rem;
  font-weight: 400;
  font-size: .17857142857142855rem;
  line-height: .2857142857142857rem;
  font-family: var(--font-mg);
  color: #fff
}

@media (max-width:720px) {
  .scene-multi-banner-text {
    position: absolute;
    right: 24px;
    bottom: 40px;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    line-height: 22px;
    text-align: right
  }

  .scene-multi-banner-text i,
  .scene-multi-banner-text span,
  .scene-multi-banner-text strong {
    margin: 0 2px;
    font-size: 16px;
    line-height: 28px
  }

  .scene-multi-banner-text[data-has-link=true] {
    bottom: 79px
  }
}

.scene-multi-banner-btn-wrap {
  display: flex;
  margin-top: .21428571428571427rem
}

@media (max-width:720px) {
  .scene-multi-banner-btn-wrap {
    display: none
  }
}

.scene-multi-banner-btn {
  padding: .0625rem .20535714285714288rem;
  border: 1px solid #fff;
  border-radius: 200px;
  margin: 0 .07142857142857142rem;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: #fff;
  transition: background-color .15s ease-in, opacity .15s ease-in, border-color .15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-multi-banner-btn[data-type=primary] {
  color: #191919;
  background-color: #fff
}

@media (min-width:1025px) {
  .scene-multi-banner-btn:hover {
    background-color: hsla(0, 0%, 100%, .26)
  }

  .scene-multi-banner-btn[data-type=primary]:hover {
    border-color: rgba(0, 0, 0, 0);
    background-color: hsla(0, 0%, 100%, .8)
  }
}

@media (max-width:720px) {
  .scene-multi-banner-btn {
    display: none
  }
}

.scene-multi-banner-link {
  margin-top: .21428571428571427rem
}

.scene-multi-banner-link span {
  display: flex;
  align-items: center;
  font-size: .14285714285714285rem;
  line-height: .25rem;
  font-family: var(--font-mg);
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-multi-banner-link .lxiconfont {
  margin-left: .03571428571428571rem;
  font-size: .1607142857142857rem
}

@media (max-width:720px) {
  .scene-multi-banner-link {
    display: inline-flex;
    width: 60%;
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: -20px
  }

  .scene-multi-banner-link span {
    font-size: 14px;
    line-height: 22px
  }

  .scene-multi-banner-link .lxiconfont {
    margin-left: 4px;
    font-size: 16px
  }
}

.scene-multi-banner-main {
  position: relative
}

.scene-multi-banner-swiper {
  aspect-ratio: 2.35/1;
  overflow: hidden
}

@media (max-width:1024px) {
  .scene-multi-banner-swiper {
    aspect-ratio: 16/9
  }
}

@media (max-width:720px) {
  .scene-multi-banner-swiper {
    aspect-ratio: 2/3
  }
}

.scene-multi-banner-list {
  display: flex;
  height: 100%
}

@media (min-width:1025px) {
  .scene-multi-banner-list:hover .scene-multi-banner-list-bg {
    -ms-transform: scale(1.03);
    transform: scale(1.03)
  }
}

.scene-multi-banner-list-item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.scene-multi-banner-list-bg {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: transform .5s linear
}

.scene-multi-banner-list-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: .625rem;
  flex-direction: column;
  align-items: center
}

@media (max-width:720px) {
  .scene-multi-banner-list-content {
    top: unset;
    bottom: 0;
    padding: 40px 24px;
    align-items: unset;
    justify-content: flex-end
  }
}

.scene-multi-banner-list-logo {
  width: 100%;
  height: .625rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

@media (max-width:720px) {
  .scene-multi-banner-list-logo {
    width: 60%;
    height: 68px;
    background-position: 0
  }
}

.scene-multi-banner-dot-wrap {
  position: absolute;
  bottom: .4821428571428572rem;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(-50%, 0, 0)
}

@media (max-width:720px) {
  .scene-multi-banner-dot-wrap {
    bottom: 5px
  }
}

.scene-multi-banner-dot {
  display: flex;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  align-items: center;
  cursor: pointer
}

.scene-multi-banner-dot:after {
  width: 100%;
  height: 2px;
  border-radius: 200px;
  background-color: hsla(0, 0%, 100%, .2);
  transition: background-color .15s ease-in;
  content: ""
}

.scene-multi-banner-dot.current:after {
  background-color: #fff
}

.scene-image-banner {
  width: 100vw;
  height: calc(var(--height)*0.00893rem);
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-image-banner [scene-animate-group] {
  transform: translate3d(0, 30px, 0)
}

.scene-image-banner[data-full=true] {
  height: 100vh
}

.scene-image-banner[data-full=true] .scene-image-banner-content {
  padding-top: 1.4285714285714284rem
}

@media (max-width:720px) {
  .scene-image-banner[data-full=true] .scene-image-banner-content {
    padding-top: 100px
  }
}

.scene-image-banner.scene-animate-active [scene-animate-group] {
  transform: translateZ(0)
}

@media (max-width:720px) {
  .scene-image-banner {
    height: calc(var(--height)*1px);
    margin-bottom: 4px
  }
}

.scene-image-banner-main {
  position: relative;
  height: 100%
}

.scene-image-banner-swiper {
  height: 100%;
  overflow: hidden
}

.scene-image-banner-list {
  display: flex;
  height: 100%
}

.scene-image-banner-list-item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.scene-image-banner-list-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.scene-image-banner-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: .8035714285714286rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
  pointer-events: none
}

@media (max-width:720px) {
  .scene-image-banner-content {
    padding: 100px 24px
  }
}

.scene-image-banner-title {
  font-size: .3214285714285714rem;
  line-height: .42857142857142855rem;
  font-family: var(--font-mg)
}

@media (max-width:720px) {
  .scene-image-banner-title {
    font-size: 28px;
    line-height: 40px
  }
}

.scene-image-banner-caption {
  margin-top: .10714285714285714rem;
  font-size: .17857142857142855rem;
  line-height: 1.4
}

@media (max-width:720px) {
  .scene-image-banner-caption {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
  }
}

.scene-image-banner-btn-wrap {
  display: flex;
  margin-top: .21428571428571427rem;
  pointer-events: auto
}

@media (max-width:720px) {
  .scene-image-banner-btn-wrap {
    margin-top: 20px
  }
}

.scene-image-banner-btn {
  padding: .0625rem .1607142857142857rem;
  border: 1px solid #fff;
  border-radius: 200px;
  margin: 0 .05357142857142857rem;
  font-size: .125rem;
  line-height: .19642857142857145rem;
  color: #fff;
  transition: background-color .15s ease-in, opacity .15s ease-in, border-color .15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-image-banner-btn[data-type=primary] {
  color: #191919;
  background-color: #fff
}

@media (min-width:1025px) {
  .scene-image-banner-btn:hover {
    background-color: hsla(0, 0%, 100%, .26)
  }

  .scene-image-banner-btn:hover[data-type=primary] {
    border-color: rgba(0, 0, 0, 0);
    background-color: hsla(0, 0%, 100%, .8)
  }
}

@media (max-width:720px) {
  .scene-image-banner-btn {
    padding: 5px 18px;
    margin: 0 8px;
    font-size: 12px;
    line-height: 20px
  }
}

.scene-image-banner-dot-wrap {
  position: absolute;
  bottom: .4821428571428572rem;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(-50%, 0, 0)
}

@media (max-width:720px) {
  .scene-image-banner-dot-wrap {
    bottom: 12px
  }
}

.scene-image-banner-dot {
  display: flex;
  width: 16px;
  height: 16px;
  margin: 0 2px;
  align-items: center;
  cursor: pointer
}

.scene-image-banner-dot:after {
  width: 100%;
  height: 2px;
  border-radius: 200px;
  background-color: hsla(0, 0%, 100%, .2);
  transition: background-color .15s ease-in;
  content: ""
}

.scene-image-banner-dot.current:after {
  background-color: #fff
}

.scene-mail-subscribe {
  padding: .7142857142857142rem 0 .8214285714285715rem;
  color: #000;
  background-color: #f8f8f8
}

.scene-mail-subscribe-inner {
  width: 6.964285714285715rem;
  margin: 0 auto;
  text-align: center
}

.scene-mail-subscribe-title {
  padding-bottom: .6785714285714286rem;
  font-size: .41071428571428575rem;
  line-height: .5714285714285714rem
}

.scene-mail-subscribe-bar {
  display: flex;
  width: 100%;
  height: .7857142857142858rem;
  border-radius: 200px;
  align-items: center;
  justify-content: space-between;
  background-color: #fff
}

.scene-mail-subscribe-input {
  height: 100%;
  padding: 0 .21428571428571427rem 0 .42857142857142855rem;
  flex-grow: 1
}

.scene-mail-subscribe-input input {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  border: none;
  outline: none;
  font-size: .17857142857142855rem;
  line-height: 1.4;
  color: #191919;
  letter-spacing: .08em;
  background-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  appearance: none
}

.scene-mail-subscribe-input input:-ms-input-placeholder {
  color: #999
}

.scene-mail-subscribe-input input::placeholder {
  color: #999
}

.scene-mail-subscribe-btn {
  display: flex;
  width: 1.4910714285714286rem;
  height: .5714285714285714rem;
  border-radius: 200px;
  margin: 0 .14285714285714285rem;
  align-items: center;
  justify-content: center;
  font-size: .14285714285714285rem;
  line-height: .25rem;
  font-family: var(--font-mg);
  color: #fff;
  background-color: #000;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.scene-mail-subscribe-error {
  padding: .10714285714285714rem .42857142857142855rem;
  font-size: .125rem;
  line-height: .17857142857142855rem;
  color: #f05151;
  text-align: left;
  opacity: 0
}

.scene-mail-subscribe-tip {
  padding-top: .25rem;
  font-size: .125rem;
  line-height: .17857142857142855rem;
  color: #999;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.scene-mail-subscribe-tip span {
  text-decoration: underline;
  color: #5a7cab;
  cursor: pointer
}

.lx-elevator {
  z-index: 201;
  position: fixed;
  right: 40px;
  bottom: 24px
}

.lx-elevator.active .lx-elevator-item:last-child {
  height: 48px;
  margin: 16px 0
}

.lx-elevator.stay {
  position: absolute
}

.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%, .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 .3s cubic-bezier(.39, .575, .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 .3s cubic-bezier(.39, .575, .565, 1), margin .3s cubic-bezier(.39, .575, .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%, .6);
  transition: color .3s cubic-bezier(.39, .575, .565, 1), background .3s cubic-bezier(.39, .575, .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%, .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 .3s cubic-bezier(.39, .575, .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;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.lx-cookie {
  z-index: 450;
  position: fixed;
  left: 0;
  bottom: 0
}

@media (max-width:720px) {
  .lx-cookie {
    z-index: 501;
    bottom: calc(constant(safe-area-inset-bottom));
    bottom: calc(env(safe-area-inset-bottom))
  }
}

.lx-cookie-inner {
  display: flex;
  padding: 20px 80px;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .04);
  align-items: center;
  background-color: hsla(0, 0%, 100%, .9);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  font-size: 12px;
  color: #191919;
  line-height: 1.5
}

@media (max-width:720px) {
  .lx-cookie-inner {
    display: block;
    padding: 20px 20px 30px;
    border-radius: 16px 16px 0 0;
    box-shadow: unset;
    background-color: #fff;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset
  }
}

.lx-cookie-content {
  padding-right: 80px
}

@media (max-width:720px) {
  .lx-cookie-content {
    padding-right: 0
  }
}

.lx-cookie-title {
  padding-bottom: 8px;
  font-family: var(--font-mg)
}

@media (max-width:720px) {
  .lx-cookie-title {
    padding-bottom: 5px;
    font-size: 14px
  }
}

.lx-cookie-desc {
  color: #666
}

.lx-cookie-desc i {
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.lx-cookie-menu {
  display: flex;
  flex-shrink: 0
}

@media (max-width:720px) {
  .lx-cookie-menu {
    display: block;
    padding-top: 20px
  }
}

.lx-cookie-btn {
  display: flex;
  min-width: 135px;
  padding: 10px 20px;
  min-height: 44px;
  border: 1px solid #000;
  border-radius: 200px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: var(--font-mg);
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.lx-cookie-btn:not(:last-child) {
  margin-right: 16px
}

@media (max-width:720px) {
  .lx-cookie-btn {
    width: 100%;
    border: unset;
    background-color: #f5f5f5
  }

  .lx-cookie-btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8px
  }
}

.page-padding .chj-content {
  padding-top: 50px
}

.header-relative header {
  position: relative;
  opacity: 1;
  -ms-transform: translateY(0);
  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, .05);
  color: rgba(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-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 98px;
  height: 20px;
  background-image: url(../images/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 8px;
  padding: 0 20px
}

.lxheader .lxheader-navlist-item>span {
  box-sizing: content-box;
  padding: 8px 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.lxheader .lxheader-navlist-item.current>span,
.lxheader .lxheader-navlist-item:hover>span {
  border-bottom: 2px solid rgba(0, 0, 0, .1)
}

.lxheader .lxheader-language {
  position: relative;
  padding-right: 20px
}

.lxheader .lxheader-language-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-right: 20px;
  color: inherit;
  text-decoration: none
}

.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, .05);
  opacity: 0;
  flex-direction: column;
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform .5s cubic-bezier(.5, 0, 0, .75);
  flex-grow: 1
}

.lxheader .lxheader-panel.open {
  opacity: 1;
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.lxheader .lxheader-panel-item {
  position: relative;
  display: none;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  overflow: hidden;
  transition: opacity .5s cubic-bezier(.5, 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 8px;
  padding: 0 20px
}

.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, .9);
  font-size: 12px;
  line-height: 20px;
  color: rgba(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, .9);
  border-radius: 15px
}

.lxheader .lxheader-backdrop {
  position: fixed;
  background-color: rgba(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, .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 .2s ease-in
}

.lxheader .lxheader-profile-avatar:hover i.lxicon,
.lxheader .lxheader-profile-avatar:hover i.lxiconfont {
  color: hsla(0, 0%, 100%, .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;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, .2));
  color: rgba(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-payableTime {
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, .6)
}

.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 .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%
}

.lxheader.new .lxheader-inner-nav {
  position: absolute;
  left: 0;
  width: 100%;
  justify-content: center
}

.lxheader.new .lxheader-navlist {
  justify-content: center;
  width: 100%;
  padding-left: 11.45833%
}

.lxheader.new .lxheader-navlist-wrap {
  width: 100%;
  margin-left: -40px
}

.lxheader.new .lxheader-inner-aside {
  z-index: 100
}

@media (min-width:1310px) {
  .lxheader.new .lxheader-inner-aside {
    width: auto
  }
}

.lxheader.new .lxheader-inner-aside .lxheader-drive,
.lxheader.new .lxheader-inner-aside .lxheader-login,
.lxheader.new .lxheader-inner-aside .lxheader-profile {
  margin-right: 40px
}

@media (max-width:1610px) {

  .lxheader.new .lxheader-inner-aside .lxheader-drive,
  .lxheader.new .lxheader-inner-aside .lxheader-login,
  .lxheader.new .lxheader-inner-aside .lxheader-profile {
    margin-right: 40px
  }
}

@media (max-width:1280px) {

  .lxheader.new .lxheader-inner-aside .lxheader-drive,
  .lxheader.new .lxheader-inner-aside .lxheader-login,
  .lxheader.new .lxheader-inner-aside .lxheader-profile {
    margin-right: 40px
  }
}

.lxheader.new .lxheader-logo {
  width: 47px;
  height: 20px
}

.lxheader.new .header-logo-image {
  width: 100%;
  height: 100%
}

.lxheader.new .header-logo-image,
.lxheader.new .header-logo-image.en {
  background-image: url(../images/92d2ec5c.svg)
}

.lxheader.new .lxheader-navlist-item {
  margin: 0 8px 0 0;
  padding: 0 20px
}

.lxheader.new .lxheader-navlist-item>span:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #191919;
  transition: width .3s ease-in-out
}

.lxheader.new .lxheader-navlist-item>span.current,
.lxheader.new .lxheader-navlist-item>span:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.lxheader.new .lxheader-navlist-item>span.current:after,
.lxheader.new .lxheader-navlist-item>span:hover:after {
  width: 100%
}

.lxheader.new .lxheader-navlist-item.current>span,
.lxheader.new .lxheader-navlist-item:hover>span {
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.lxheader.new .lxheader-navlist-item.current>span:after,
.lxheader.new .lxheader-navlist-item:hover>span:after {
  width: 100%
}

.lxheader.new.transparent .lxheader-inner {
  background: linear-gradient(1turn, rgba(0, 0, 0, 0), rgba(0, 0, 0, .36) 89.42%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: #fff
}

.lxheader.new.transparent .lxheader-drive {
  border: 1px solid #fff;
  color: #fff
}

.lxheader.new.transparent .header-logo-image,
.lxheader.new.transparent .header-logo-image.en {
  background-image: url(../images/01b87d68.svg)
}

.lxheader.new .lxheader-backdrop {
  background-color: hsla(0, 0%, 100%, .4);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px)
}

.lxheader.new .lxheader-panel {
  background-color: #fff;
  transition: all .3s cubic-bezier(.5, 0, 0, .75)
}

.lxheader.new .lxheader-panel.open {
  min-height: 343px
}

.liheadernav-panel-item {
  flex: 1;
  position: absolute;
  display: flex;
  top: 50px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding: 40px 60px;
  padding-left: 11.45833%;
  transition: opacity .15s cubic-bezier(.5, 0, 0, .75)
}

.liheadernav-panel-item.current {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s cubic-bezier(.5, 0, 0, .75) .1s
}

.liheadernav-panel-content {
  position: relative;
  display: flex
}

.liheadernav-panel-aside {
  padding-top: 0
}

.liheadernav-panel-content-item {
  position: relative;
  display: flex;
  flex-direction: column
}

.liheadernav-panel-links {
  position: relative;
  display: flex;
  gap: 160px
}

.liheadernav-panel-aside {
  display: flex;
  margin-left: 80px
}

@media (max-width:1680px) {
  .liheadernav-panel-aside {
    margin-left: 40px
  }
}

@media (max-width:1512px) {
  .liheadernav-panel-aside {
    margin-left: 20px
  }
}

.content-item-cell {
  margin-bottom: 24px
}

.content-item-desc {
  font-size: 10px;
  line-height: 18px;
  color: rgba(0, 0, 0, .4)
}

.content-item-cell-title {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, .4)
}

.content-item-cell-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1160px
}

@media (max-width:1680px) {
  .content-item-cell-list {
    max-width: 1040px
  }
}

.content-item-cell-list-card {
  position: relative;
  width: 278px;
  height: 209px;
  margin-right: 12px;
  margin-top: 12px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  cursor: pointer
}

.content-item-cell-list-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: transform .3s ease-in-out
}

.content-item-cell-list-card .card-bgImgUrl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden
}

.content-item-cell-list-card .card-carImgUrl {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
  transition: transform .3s ease-in-out;
  width: 250px;
  height: 188px
}

.content-item-cell-list-card .card-title {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 20px;
  line-height: 32px;
  color: #fff
}

.content-item-cell-list-card .card-subTitle {
  position: absolute;
  top: 56px;
  left: 24px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .2em;
  color: rgba(0, 0, 0, .4)
}

.content-item-cell-list-card .card-priceDesc {
  position: absolute;
  left: 24px;
  bottom: 10%;
  font-size: 12px;
  line-height: 22px;
  color: rgba(0, 0, 0, .6);
  transition: transform .3s ease-in-out
}

.content-item-cell-list-card .card-priceDesc-text {
  padding-right: 12px
}

.content-item-cell-list-card .card-priceDesc-text strong {
  font-weight: 400;
  margin-right: 4px;
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, .6)
}

.content-item-cell-list-card .card-btns {
  position: absolute;
  display: flex;
  opacity: 0;
  visibility: hidden;
  gap: 8px;
  bottom: 0;
  left: 16px;
  transition: all .3s ease-in-out;
  -ms-transform: translateY(10%);
  transform: translateY(10%)
}

.content-item-cell-list-card .card-btns-item {
  display: flex;
  padding: 10px;
  text-decoration: underline;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, .9)
}

@media (max-width:1680px) {
  .content-item-cell-list-card {
    width: 220px;
    height: 165px
  }

  .content-item-cell-list-card .card-carImgUrl {
    width: 187px;
    height: 141px
  }
}

@media (max-width:1512px) {
  .content-item-cell-list-card {
    width: 180px;
    height: 135px
  }

  .content-item-cell-list-card .card-carImgUrl {
    width: 150px;
    height: 113px
  }

  .content-item-cell-list-card .card-priceDesc {
    font-size: 12px;
    line-height: 20px;
    left: 16px
  }

  .content-item-cell-list-card .card-priceDesc-text strong {
    font-size: 14px;
    line-height: 22px
  }

  .content-item-cell-list-card .card-btns {
    left: 10px
  }

  .content-item-cell-list-card .card-btns-item {
    font-size: 12px;
    line-height: 20px;
    padding: 8px
  }

  .content-item-cell-list-card .card-title {
    top: 16px;
    left: 16px;
    font-size: 16px;
    line-height: 24px
  }

  .content-item-cell-list-card .card-subTitle {
    top: 40px;
    left: 16px;
    font-size: 12px;
    line-height: 18px
  }
}

@media (max-width:1280px) {
  .content-item-cell-list-card {
    margin-right: 6px
  }
}

.content-item-cell-list-card.hasCarModel {
  width: 278px;
  height: 278px
}

.content-item-cell-list-card.hasCarModel .card-title {
  color: #000
}

@media (max-width:1680px) {
  .content-item-cell-list-card.hasCarModel {
    width: 220px;
    height: 220px
  }
}

@media (max-width:1512px) {
  .content-item-cell-list-card.hasCarModel {
    width: 180px;
    height: 180px
  }
}

.content-item-cell-list-card.hasCarModel:hover {
  border: 1px solid #ccc
}

.content-item-cell-list-card:hover .card-btns {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateY(-10%);
  transform: translateY(-10%)
}

.content-item-cell-list-card:hover .card-carImgUrl {
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.content-item-cell-list-card:hover .card-priceDesc {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.content-item-cell-list-card:hover .card-bgImgUrl.scaleImg img {
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.liheadernav-link-title {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, .4)
}

.liheadernav-link-list {
  display: flex;
  flex-direction: column
}

.liheadernav-link-list-item {
  margin-bottom: 16px;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.liheadernav-link-list-item:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #191919;
  transition: width .3s ease-in-out
}

.liheadernav-link-list-item.current,
.liheadernav-link-list-item:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.liheadernav-link-list-item.current:after,
.liheadernav-link-list-item:hover:after {
  width: 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, .5);
  z-index: 1000
}

.lxLocaleModel-container {
  background-color: #fff;
  width: 580px;
  padding: 20px 40px;
  border-radius: 8px;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif
}

.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, .9)
}

.lxLocaleModel-container-header .locale-desc {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, .4)
}

.lxLocaleModel-container-header-close {
  cursor: pointer
}

.lxLocaleModel-container-header-close i {
  font-size: 28px;
  line-height: 28px;
  color: rgba(0, 0, 0, .9)
}

.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-language {
  display: flex
}

.lxLocaleModel-container-content-item .locale-language-item {
  margin-right: 12px;
  color: #7295c6;
  text-decoration: underline
}

.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 .3s cubic-bezier(0, 0, .2, 1), opacity .35s cubic-bezier(0, 0, .2, 1)
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:first-child {
  transition-delay: .1s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(2) {
  transition-delay: .15s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(3) {
  transition-delay: .2s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(4) {
  transition-delay: .25s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(5) {
  transition-delay: .3s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(6) {
  transition-delay: .35s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(7) {
  transition-delay: .4s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(8) {
  transition-delay: .45s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(9) {
  transition-delay: .5s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(10) {
  transition-delay: .55s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(11) {
  transition-delay: .6s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(12) {
  transition-delay: .65s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(13) {
  transition-delay: .7s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(14) {
  transition-delay: .75s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(15) {
  transition-delay: .8s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(16) {
  transition-delay: .85s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(17) {
  transition-delay: .9s
}

.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(18) {
  transition-delay: .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-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 98px;
  height: 20px;
  background-image: url(../images/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 .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 .3s ease-in-out forwards
}

.lxmheader .lxmheader-top-icon.open span:nth-child(3) {
  animation: lineBottom .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 .3s ease-in-out forwards
}

.lxmheader .lxmheader-top-icon.close span:nth-child(3) {
  transform: translate3d(0, -6px, 0) rotate(45deg);
  animation: lineBottomReverse .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;
  margin-top: 0;
  background-color: rgba(0, 0, 0, .04);
  width: calc(100vw - 48px);
  height: 1px
}

.lxmheader .lxmheader-nav-line.hasTop {
  margin-top: 12px
}

.lxmheader .lxmheader-nav-item {
  display: flex;
  justify-content: space-between;
  height: 48px;
  padding-left: 24px;
  padding-right: 5px;
  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 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform-origin: center center;
  transform-origin: center center;
  transition: transform .3s cubic-bezier(.5, 0, 0, .75)
}

.lxmheader .lxmheader-nav-item-icon .lxiconfont {
  display: inline-block
}

.lxmheader .lxmheader-nav-item-icon.current {
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.lxmheader .lxmheader-nav-item-icon.current .lxiconfont {
  color: #191919
}

.lxmheader .lxmheader-nav-item-language {
  background-color: #fafafa;
  padding-bottom: 12px
}

.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, .9);
  display: flex;
  align-items: center;
  padding: 24px 0 4px 0
}

.lxmheader .lxmheader-nav-item-locale .locale-lan-wrap {
  display: flex;
  gap: 16px
}

.lxmheader .lxmheader-nav-item-locale .locale-lan {
  font-size: 12px;
  line-height: 2px;
  height: 46px;
  line-height: 46px;
  color: rgba(0, 0, 0, .4);
  text-decoration: underline
}

.lxmheader .lxmheader-subNav {
  position: absolute;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  top: -50px;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform .15s cubic-bezier(.5, 0, 0, .75)
}

.lxmheader .lxmheader-subNav.show {
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.lxmheader .lxmheader-subNav-items {
  display: none;
  background-color: #f8f8f8
}

.lxmheader .lxmheader-subNav-items.show {
  display: block;
  padding-top: 14px;
  height: auto;
  visibility: visible
}

.lxmheader .lxmheader-subNav-items.last-sub-nav {
  padding-top: 14px
}

.lxmheader .lxmheader-subNav-items-cell {
  padding-bottom: 14px
}

.lxmheader .lxmheader-subNav-items-cell-title {
  padding: 10px 24px;
  font-size: 14px;
  line-height: 22px;
  color: #dbad76
}

.lxmheader .lxmheader-subNav-items-cell-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: rgba(0, 0, 0, .9)
}

.lxmheader .lxmheader-subNav-items-cell-list-item .item-price {
  font-size: 14px;
  color: rgba(0, 0, 0, .4)
}

.lxmheader .lxmheader-subNav-items-cell-list-item .item-price strong {
  padding-right: 4px;
  font-weight: 400;
  color: rgba(0, 0, 0, .6)
}

.lxmheader .lxmheader-subNav-line {
  margin-top: 12px;
  background-color: rgba(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)
  }
}

.lxmheader.new {
  z-index: 601
}

.lxmheader.new.open .lxmheader-top-drive {
  display: none
}

.lxmheader.new .lxmheader-nav-item {
  font-size: 18px;
  line-height: 50px
}

.lxmheader.new .lxmheader-nav-item.small {
  font-size: 14px;
  line-height: 48px;
  color: inherit;
  text-decoration: none
}

.lxmheader.new .lxmmheader-subNav-header span .lxicon.lxiconfont-icon_28_guanbi,
.lxmheader.new .lxmmheader-subNav-header span .lxiconfont.lxiconfont-icon_28_guanbi {
  font-size: 26px;
  font-weight: 700
}

.lxmheader.new .lxmmheader-subNav-header span .lxicon.lxiconfont-arrowleft,
.lxmheader.new .lxmmheader-subNav-header span .lxiconfont.lxiconfont-arrowleft {
  font-size: 34px;
  font-weight: 200
}

.lxmheader.new .header-logo-image {
  width: 48px;
  height: 20px
}

.lxmheader.new .header-logo-image,
.lxmheader.new .header-logo-image.en {
  background-image: url(../images/92d2ec5c.svg)
}

.lxmheader.new.transparent {
  background-color: rgba(0, 0, 0, 0);
  color: #fff
}

.lxmheader.new.transparent .lxmheader-top-drive {
  border: 1px solid #fff;
  color: #fff
}

.lxmheader.new.transparent .lxmheader-top-icon span {
  background-color: #fff
}

.lxmheader.new.transparent .header-logo-image,
.lxmheader.new.transparent .header-logo-image.en {
  background-image: url(../images/01b87d68.svg)
}

.limheadernav-subNav {
  position: absolute;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  top: -50px;
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform .15s cubic-bezier(.5, 0, 0, .75)
}

.limheadernav-subNav.show {
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.limheadernav-subNav-desc {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: 10px;
  line-height: 18px;
  padding: 0 24px;
  color: rgba(0, 0, 0, .2)
}

.limheadernav-subNav-items {
  display: none;
  height: calc(100vh - 50px);
  overflow: scroll;
  padding-bottom: 100px;
  padding-bottom: calc(100px + env(safe-area-inset-bottom));
  padding-bottom: calc(100px + constant(safe-area-inset-bottom))
}

.limheadernav-subNav-items.show {
  display: block
}

.limheadernav-subNav-content:first-child {
  margin-top: 24px
}

.limheadernav-subNav-content:not(:first-child) {
  margin-top: 40px
}

.limheadernav-subNav-item {
  height: 48px;
  line-height: 48px;
  padding: 0 24px
}

.limheadernav-subNav-list {
  margin-bottom: 12px
}

.limheadernav-subNav-list .limheadernav-subNav-list-title {
  margin: 24px 0 12px 0
}

.limheadernav-subNav-list-title {
  position: relative;
  padding: 0 24px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, .4)
}

.limheadernav-subNav-line {
  margin-top: 12px;
  background-color: rgba(0, 0, 0, .04);
  margin-left: 24px;
  width: calc(100vw - 48px);
  height: 1px
}

.limheadernav-subNav-list-item {
  padding: 0 24px;
  font-size: 16px;
  line-height: 52px
}

.limheadernav-subNav-card {
  position: relative;
  display: flex;
  padding: 0 24px;
  margin-top: 8px;
  height: 124px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, .4)
}

.limheadernav-subNav-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px 0 0 4px
}

.limheadernav-subNav-card .card-carImgUrl {
  width: 106px;
  height: 124px
}

.limheadernav-subNav-card .card-content {
  position: relative;
  background-color: #f8f8f8;
  flex: 1;
  padding-left: 16px;
  padding-top: 16px;
  border-radius: 0 4px 4px 0
}

.limheadernav-subNav-card .card-content-title {
  font-size: 18px;
  line-height: 26px;
  color: rgba(0, 0, 0, .9)
}

.limheadernav-subNav-card .card-content-subTitle {
  margin-top: 4px;
  display: flex;
  font-size: 12px;
  line-height: 20px
}

.limheadernav-subNav-card .card-content-subTitle-mDesc {
  display: flex;
  height: 20px;
  align-items: center;
  color: rgba(0, 0, 0, .4)
}

.limheadernav-subNav-card .card-content-subTitle-mDesc:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #ccc;
  margin: 0 8px
}

.limheadernav-subNav-card .card-content-subTitle-priceDesc-text strong {
  font-weight: 400
}

.limheadernav-subNav-card .card-content-btns {
  position: absolute;
  display: flex;
  gap: 8px;
  bottom: 0;
  left: 8px
}

.limheadernav-subNav-card .card-content-btn-item {
  right: 16px;
  font-size: 14px;
  line-height: 22px;
  padding: 8px;
  text-decoration: underline;
  color: rgba(0, 0, 0, .9)
}

body.is12123 {
  padding-top: 46px;
  padding-top: calc(46px + constant(safe-area-inset-top));
  padding-top: calc(46px + env(safe-area-inset-top))
}

body.is12123 .protocol {
  padding-top: 50px
}

.M12123 {
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  height: calc(46px + constant(safe-area-inset-top));
  height: calc(46px + env(safe-area-inset-top));
  width: 100%;
  z-index: 501;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top)
}

.M12123,
.M12123-back {
  display: flex;
  align-items: center
}

.M12123-back {
  margin-left: 16px;
  width: 28px;
  height: 28px;
  justify-content: center
}

.M12123-back i.lxiconfont {
  color: #191919;
  font-size: 28px
}

.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.noMobileFooter {
    display: none
  }
}

#chj-footer-nav {
  min-height: 80px
}

.chj-footer-nav {
  display: flex;
  padding: 80px 0;
  width: 1152px;
  margin: 0 auto;
  justify-content: space-between
}

.chj-footer-nav.small {
  justify-content: flex-start;
  gap: 10%
}

@media (max-width:1440px) {
  .chj-footer-nav {
    width: 100%;
    padding: 80px 40px
  }
}

.chj-footer-copyright {
  padding-bottom: 80px
}

.chj-footer-nav-item {
  display: flex;
  flex-direction: column
}

.chj-footer-nav-item-title {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  font-family: var(--font-mg)
}

.chj-footer-nav-item-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  line-height: 20px;
  color: #ccc;
  cursor: pointer
}

.chj-footer-inner {
  position: relative
}

.chj-footer-link {
  display: flex;
  flex-wrap: wrap
}

.chj-footer-link a {
  display: flex;
  width: auto;
  height: 40px;
  white-space: nowrap;
  align-items: center;
  color: hsla(0, 0%, 100%, .8);
  text-align: left
}

.chj-footer-link a:hover {
  color: #fff
}

.chj-footer-link a:not(:last-of-type):after {
  margin: 0 16px;
  color: #222;
  content: "|"
}

.chj-footer-inner-cell {
  display: flex;
  gap: 32px;
  margin: 0 auto;
  color: hsla(0, 0%, 100%, .8);
  width: 1152px
}

@media (max-width:1440px) {
  .chj-footer-inner-cell {
    width: 100%;
    padding: 0 40px
  }
}

.chj-footer-inner-cell.cell-top {
  height: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
  align-items: start
}

.chj-footer-inner-cell.cell-bottom {
  margin-top: 10px
}

@media (max-width:720px) {
  .chj-footer-inner-cell {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 24px
  }
}

.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, .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-text {
  margin-top: 12px;
  font-size: 14px;
  font-family: var(--font-rg);
  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 rgba(0, 0, 0, 0);
  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%, .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%, .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: var(--font-mg)
}

.chj-footer-copyright i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: sub;
  background: url(../images/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:850px) {
  .chj-footer-copyright span {
    margin-right: 0
  }
}

.chj-footer-copyright-top {
  text-align: left
}

.chj-footer-inner.en {
  padding-top: 14px;
  padding-bottom: 14px
}

.chj-footer-inner.en .chj-footer-copyright {
  padding-bottom: 0;
  justify-content: flex-start
}

@media (max-width:850px) {
  .chj-footer-inner.en .chj-footer-copyright {
    flex-direction: column
  }
}

.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
  }
}

@media (max-width:720px) {
  #chj-footer-nav {
    min-height: 0
  }

  .chj-footer-copyright {
    padding-bottom: 40px
  }

  .chj-footer-inner-cell.cell-top {
    display: none
  }

  .chj-footer-mobile {
    display: flex;
    flex-direction: column;
    padding: 24px
  }

  .chj-footer-mobile-cell {
    padding: 12px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #222
  }

  .chj-footer-mobile-cell.open .chj-footer-mobile-cell-list {
    padding: 12px;
    gap: 16px;
    visibility: visible;
    height: auto;
    opacity: 1
  }

  .chj-footer-mobile-cell.open .chj-footer-mobile-cell-box-arrow {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .chj-footer-mobile-cell-box {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
  }

  .chj-footer-mobile-cell-box-arrow {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all .3s ease-in-out
  }

  .chj-footer-mobile-cell-box-arrow .lxiconfont {
    color: #999
  }

  .chj-footer-mobile-cell-list {
    display: flex;
    flex-direction: column;
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out
  }
}

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
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15
}

h1 {
  font-size: 2em;
  margin: .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: .35em .75em .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: Segoe UI, Helvetica Neue, Helvetica, 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: .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: -.25em
}

sup {
  top: -.5em
}

a {
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  -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: .75rem;
  padding-bottom: .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: .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
}

input {
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  outline: none
}

input::-ms-clear {
  display: none
}

.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: .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: .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, .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: var(--font-mg) !important
}

.chj-logo-one {
  font-family: var(--font-mg)
}

.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 #chj-footer,
html.isapp body footer,
html.isapp body header,
html.isthirdapp body #chj-footer,
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: .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: var(--font-mg)
}

@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(../fonts/iconfont/font_773121_dmhbut5du9k.woff2) format("woff2"), url(../fonts/iconfont/font_773121_dmhbut5du9k.woff) format("woff"), url(../fonts/iconfont/font_773121_dmhbut5du9k.ttf) 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(../fonts/iconfont/font_3195258_eksyenj63hw.woff2) format("woff2"), url(../fonts/iconfont/font_3195258_eksyenj63hw.woff) format("woff"), url(../fonts/iconfont/font_3195258_eksyenj63hw.ttf) 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"
}

@font-face {
  font-family: licium-regular;
  src: url(../fonts/lilibrary/20260107/d9e1ec18-975d-409c-ab26-b3224badb123.woff2) format("woff2"), url(../fonts/lilibrary/20260107/d8670ed2-e08e-4d62-b2a4-bb76739460c7.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: licium-medium;
  src: url(../fonts/lilibrary/20260107/14d31356-9e3d-4b06-969b-4c0f51c6a3cb.woff2) format("woff2"), url(../fonts/lilibrary/20260107/52619020-b1f5-4f60-b641-f16b3cd6ef0d.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-cyrillic-regular;
  src: url(../fonts/lilibrary/20251225/8e015508-3ee7-432f-bee2-6619ee6a196c.woff2) format("woff2"), url(../fonts/lilibrary/20251225/fd1a9f3c-364b-44c6-81c6-4d62c2bd2a65.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-cyrillic-medium;
  src: url(../fonts/lilibrary/20251225/8d600e1e-ab98-4d2e-b604-abd2d1e880b7.woff2) format("woff2"), url(../fonts/lilibrary/20251225/2c93176d-4246-40d1-aeb7-9f4d7dbc0310.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-cyrillic-ext-regular;
  src: url(../fonts/lilibrary/20251225/9ebe79f9-4384-4f61-bbe4-921deb870c57.woff2) format("woff2"), url(../fonts/lilibrary/20251225/1ab924c5-65a1-4603-a754-097f05d0b101.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-cyrillic-ext-medium;
  src: url(../fonts/lilibrary/20251225/ee1b3990-75a1-497a-8ae1-ca23a2103212.woff2) format("woff2"), url(../fonts/lilibrary/20251225/5802e6d6-3184-4ba1-a9b7-015c320624aa.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-latin-regular;
  src: url(../fonts/lilibrary/20251225/0bd536d9-70c2-4912-b011-6e8b5fb0d4f8.woff2) format("woff2"), url(../fonts/lilibrary/20251225/82b74395-528a-4f88-8834-c1ab96f7f6f7.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-latin-medium;
  src: url(../fonts/lilibrary/20251225/f27e4ad5-8d91-41eb-ad7e-270307711096.woff2) format("woff2"), url(../fonts/lilibrary/20251225/15490d96-7fa3-41e1-a2dc-277281706c5d.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-latin-ext-regular;
  src: url(../fonts/lilibrary/20251225/e8ee74be-9308-4add-a66a-ede42106a60d.woff2) format("woff2"), url(../fonts/lilibrary/20251225/dca758d3-5cb3-4bee-a314-99d969b35d08.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: fira-sans-latin-ext-medium;
  src: url(../fonts/lilibrary/20251225/0e6739a9-1774-47ce-aade-3f1fc2de32ff.woff2) format("woff2"), url(../fonts/lilibrary/20251225/950c4633-bada-4b53-969f-805a537a618d.woff) format("woff");
  font-display: swap
}

:root {
  --font-base: "Segoe UI", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --font-rg: var(--font-base);
  --font-mg: var(--font-base)
}

html:lang(en) {
  --font-rg: "licium-regular", var(--font-base);
  --font-mg: "licium-medium", var(--font-base)
}

html:lang(kk) {
  --font-rg: "fira-sans-cyrillic-ext-regular", "fira-sans-cyrillic-regular", "fira-sans-latin-regular", "fira-sans-latin-ext-regular", var(--font-base);
  --font-mg: "fira-sans-cyrillic-ext-medium", "fira-sans-cyrillic-medium", "fira-sans-latin-medium", "fira-sans-latin-ext-medium", var(--font-base)
}

html:lang(ru),
html:lang(uz) {
  --font-rg: "fira-sans-cyrillic-regular", "fira-sans-cyrillic-ext-regular", "fira-sans-latin-regular", "fira-sans-latin-ext-regular", var(--font-base);
  --font-mg: "fira-sans-cyrillic-medium", "fira-sans-cyrillic-ext-medium", "fira-sans-latin-medium", "fira-sans-latin-ext-medium", var(--font-base)
}

html {
  margin: 0;
  transition: opacity .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: var(--font-rg);
  color: #fff;
  background-color: #fff;
  transition: opacity .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: var(--font-rg);
  font-size: .14285714285714285rem;
  line-height: 1.5
}

.product-wrap .scene-operate,
.product-wrap .scene-producelist-buy {
  display: none
}

.product-wrap .scene-about .product-slogan {
  text-indent: 0
}

.product-wrap .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: .21428571428571427rem;
  font-size: .3214285714285714rem;
  font-family: var(--font-mg);
  line-height: .42857142857142855rem;
  text-align: center;
  white-space: nowrap
}

.scene-about .product-button.sub {
  border: 2px solid #fff;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0)
}

.scene-about .product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, .26)
}

.scene-about video {
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in;
  opacity: 0;
  object-fit: cover
}

.scene-about.type-replay .one-videoplayer {
  transition: opacity .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: .03em
  }

  .scene-about .product-slogan span {
    display: block
  }

  .scene-about .product-button.sub {
    width: 35.199999999999996vw;
    height: 40px
  }

  .scene-about video {
    display: none
  }
}