@charset "UTF-8";
.chj-message-fade2-enter {
  margin-top: -50px;
  opacity: 0;
}
.chj-message-fade2-enter-active {
  margin-top: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.chj-message-fade2-exit {
  margin-top: 0;
  opacity: 1;
}
.chj-message-fade2-exit-active {
  margin-top: -50px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 720px) {
  .chj-message {
    top: 60px;
    max-width: 75%;
  }
}
[scene-animate-group="1"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.3s;
}
[scene-animate-group="1"],
[scene-animate-group="2"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="2"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.4s;
}
[scene-animate-group="3"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.5s;
}
[scene-animate-group="3"],
[scene-animate-group="4"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="4"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.6s;
}
[scene-animate-group="5"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.7s;
}
[scene-animate-group="5"],
[scene-animate-group="6"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="6"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.8s;
}
[scene-animate-group="7"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.9s;
}
[scene-animate-group="7"],
[scene-animate-group="8"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="8"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 1s;
}
[scene-animate-group="9"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 1.1s;
}
[scene-animate-group="9"],
[scene-animate-group="10"] {
  transform: translate3d(0, 90px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
[scene-animate-group="10"] {
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 1.2s;
}
.scene-animate-active[scene-animate-group],
.scene-animate-active [scene-animate-group] {
  transform: translateZ(0);
  opacity: 1;
}
.chj-message-fade-enter,
.chj-message-fade-leave-to {
  margin-top: -50px;
  opacity: 0;
}
.chj-message-fade-enter-active,
.chj-message-fade-leave-active {
  transition: all 0.3s ease-in-out;
}
.chj-message {
  position: fixed;
  top: 70px;
  left: 50%;
  max-width: 60%;
  z-index: 1000;
  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, 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) {
  body .chj-message-fade-enter,
  body .chj-message-fade-leave-to {
    margin-top: 0;
  }
  body .chj-message {
    display: flex;
    width: 100%;
    margin-top: -44px;
    transform: translateX(-50%), translateY(-50%);
    top: 50%;
    max-width: 75%;
  }
  body .chj-message .chj-message-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    box-shadow: none;
  }
  body .chj-message .chj-message-wrapper .iconfont {
    display: none;
  }
}
.isapp .chj-message-fade-enter,
.isapp .chj-message-fade-leave-to {
  margin-top: 0;
}
.isapp .chj-message {
  display: flex;
  top: 50%;
  width: 100%;
  max-width: 70%;
  margin-top: -44px;
  transform: translateX(-50%), translateY(-50%);
}
.isapp .chj-message-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
  border-radius: 10px;
  box-shadow: none;
}
.isapp .chj-message-wrapper .iconfont {
  display: none;
}
@media (max-width: 720px) {
  .isapp .chj-message {
    top: 50%;
    max-width: 75%;
  }
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==)
    format("woff");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\f103";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\f104";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\f105";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\f106";
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\f107";
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.video-js:lang(en-AU)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ)
  .vjs-subs-caps-button
  .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\f10c";
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\f10d";
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\f115";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\f11d";
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: normal;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: 0;
}
.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill,
.video-js .vjs-tech {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
  .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), hsla(0, 0%, 100%, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js
  .vjs-progress-control:hover
  .vjs-progress-holder:focus
  .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel:hover .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s,
    top 0s;
}
.video-js
  .vjs-volume-panel
  .vjs-mute-control:hover
  ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js
  .vjs-volume-panel
  .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: 9em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s,
    top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s,
    top 1s 1s;
}
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
  .vjs-volume-panel
  .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  to {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js
  .vjs-subs-caps-button
  + .vjs-menu
  .vjs-captions-menu-item
  .vjs-menu-item-text
  .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex
  .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen)
  .vjs-subtitles-button
  .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}
.vjs-track-setting > select {
  margin-right: 5px;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > :not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  visibility: hidden;
}
.video-js {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.video-js:hover .vjs-control-bar {
  opacity: 1;
  transform: translateY(0);
}
.video-js:hover .vjs-text-track-display {
  opacity: 1;
}
.video-js *,
.video-js :focus {
  outline: none;
}
.video-js.vjs-playing.vjs-user-inactive .vjs-text-track-display {
  bottom: 0;
}
.video-js.vjs-playing.vjs-has-started.vjs-user-inactive .vjs-control-bar {
  visibility: initial;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}
.video-js.vjs-playing.vjs-has-started.vjs-user-inactive
  .vjs-text-track-display {
  opacity: 0;
}
.video-js video {
  cursor: pointer;
}
.video-js .vjs-big-play-button {
  display: none !important;
  background: none;
  transition: none;
  pointer-events: none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none;
}
.video-js .vjs-control-bar {
  align-items: center;
  height: 48px;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}
.video-js .vjs-control:focus {
  text-shadow: none;
}
.video-js .vjs-icon-placeholder:before {
  position: relative;
  font-size: 24px;
}
.video-js .vjs-play-control {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 86'%3E%3Cpath d='M53 15h6c1.66 0 3 1.34 3 3v50c0 1.66-1.34 3-3 3h-6c-1.66 0-3-1.34-3-3V18c0-1.66 1.34-3 3-3zm-29 3v50c0 1.66 1.34 3 3 3h6c1.66 0 3-1.34 3-3V18c0-1.66-1.34-3-3-3h-6c-1.66 0-3 1.34-3 3z' fill='%23fff'/%3E%3Cpath fill='none' d='M0 0h86v86H0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 26px;
  cursor: pointer;
}
.video-js .vjs-play-control.vjs-paused {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 86'%3E%3Cpath d='M72.05 41.32c-.31-.53-.64-.86-1.21-1.24S29.7 13.49 29 13.12s-1.04-.62-1.85-.63-1.24.2-1.73.49-1.07.99-1.24 1.74-.17 2.16-.17 3v50.53c0 .85-.01 2.26.17 3s.75 1.45 1.24 1.74.92.51 1.73.49 1.15-.25 1.85-.63S70.37 46.2 70.84 45.89c.48-.31.9-.69 1.21-1.24s.45-1.1.45-1.67c0-.55-.14-1.13-.45-1.66z' fill='%23fff'/%3E%3Cpath fill='none' d='M0 0h86v86H0z'/%3E%3C/svg%3E");
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  display: none;
}
.video-js .vjs-current-time {
  display: block;
}
.video-js .vjs-time-control {
  font-size: 14px;
  line-height: 48px;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: 120px;
  transition-duration: 0.3s;
}
.video-js
  .vjs-volume-panel.vjs-volume-panel-horizontal:hover
  .vjs-volume-control.vjs-volume-horizontal {
  height: 48px;
  transition-duration: 0.3s;
}
.video-js .vjs-mute-control {
  background-repeat: no-repeat;
  background-position: 0 -96px;
  background-size: 48px;
}
.video-js .vjs-mute-control,
.video-js .vjs-mute-control.vjs-vol-0 {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/icon.78fdbcc9.png);
}
.video-js .vjs-mute-control.vjs-vol-0 {
  background-position: 0 -144px;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  display: none;
}
.video-js .vjs-volume-control {
  margin-right: 0;
}
.video-js .vjs-volume-bar {
  margin: 22px 0;
}
.video-js .vjs-volume-bar.vjs-slider-horizontal {
  height: 4px;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.video-js .vjs-volume-bar .vjs-volume-level {
  height: 100%;
  border-radius: 2px;
}
.video-js .vjs-volume-bar .vjs-volume-level:before {
  content: "";
  top: -4px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  font-size: 12px;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: #fff;
}
.video-js .vjs-progress-holder {
  height: 4px;
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.video-js .vjs-load-progress,
.video-js .vjs-load-progress div {
  border-radius: 2px;
  background-color: hsla(0, 0%, 100%, 0.3);
}
.video-js .vjs-play-progress {
  border-radius: 2px;
}
.video-js .vjs-play-progress:before {
  content: "";
  top: -4px;
  right: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}
.video-js .vjs-fullscreen-control {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/icon.78fdbcc9.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 48px;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  display: none;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/icon.78fdbcc9.png);
  background-position: 0 -48px;
}
.video-js .vjs-fullscreen-control,
.video-js .vjs-mute-control,
.video-js .vjs-play-control {
  opacity: 0.8;
  transition: opacity 0.5s ease;
}
.video-js .vjs-fullscreen-control:hover,
.video-js .vjs-mute-control:hover,
.video-js .vjs-play-control:hover {
  opacity: 1;
}
.video-js .vjs-text-track-display {
  right: auto;
  top: auto;
  bottom: -1px;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
}
.video-js .vjs-slider:focus {
  box-shadow: none;
  text-shadow: none;
}
.video-js .vjs-audio-button,
.video-js .vjs-chapters-button,
.video-js .vjs-descriptions-button,
.video-js .vjs-loading-spinner,
.video-js .vjs-modal-dialog,
.video-js .vjs-playback-rate {
  display: none;
}
.video-js .vjs-time-tooltip {
  font-size: 12px;
}
.video-js .vjs-control-text {
  display: none;
}
@media (max-width: 720px) {
  html.isandroid .layer-close {
    top: var(--statusbarHeight) !important;
  }
}
.layer {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  transition: opacity 0.6s ease-in-out;
  opacity: 0;
}
.layer.show {
  display: block;
}
.layer.active,
.layer.active video {
  opacity: 1;
}
.layer-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 56.25vw;
  max-height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
.layer-inner.boxvideo {
  width: 100vw;
  height: 42.60417vw;
}
.layer-inner.boxvideo4-3 {
  width: 100vw;
  height: 75vw;
}
.layer-inner.boxvideo-4-6 {
  width: 100vw;
  height: 155.71776vw;
}
.layer-inner video {
  width: 100%;
  height: 100%;
}
.layer-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.5357142857142857rem;
  height: 0.5357142857142857rem;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.layer-close .iconfont {
  height: 0.5357142857142857rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.5357142857142857rem;
  color: #999;
  cursor: pointer;
}
.layer-close .iconfont:hover {
  color: #666;
}
@media (max-width: 1024px) {
  .layer-close {
    width: 7.8125vw;
    height: 7.8125vw;
  }
  .layer-close .iconfont {
    font-size: 2.604166666666667vw;
    line-height: 7.8125vw;
  }
}
@media (max-width: 720px) {
  .layer-close {
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
    width: 16.666666666666664vw;
    height: 16.666666666666664vw;
    margin-top: 12.222222222222221vw;
  }
  .layer-close .iconfont {
    height: 16.666666666666664vw;
    font-size: 5.555555555555555vw;
    line-height: 16.666666666666664vw;
  }
}
.layer-mask {
  z-index: 800;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.layer-mask.active {
  display: block;
}
.layer-inner .video-js.vjs-ended .vjs-big-play-button,
.layer-inner .video-js.vjs-ended .vjs-control-bar {
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s,
    transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
}
.layer-inner .video-js .vjs-volume-control {
  margin-left: 10px;
}
:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}
.scene-mega-btn {
  position: absolute;
  z-index: 3;
  top: 0.3571428571428571rem;
  right: 0.3571428571428571rem;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  transform-origin: right top;
  transition: opacity 0.15s ease-in;
  cursor: pointer;
  pointer-events: unset;
}
.scene-mega-btn .lxiconfont {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
  opacity: 0;
}
.scene-mega-btn .lxiconfont-play {
  padding-left: 8%;
  opacity: 1;
}
.scene-mega-btn.playing .lxiconfont-play {
  opacity: 0;
}
.scene-mega-btn.playing .lxiconfont-pause {
  opacity: 1;
}
.scene-mega-btn.hide {
  display: none;
}
.scene-mega-btn.unvisible {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1440px) {
  .scene-mega-btn {
    transform: scale(0.75);
  }
}
@media (max-width: 1024px) {
  .scene-mega-btn {
    top: 16px;
    right: 24px;
    transform: scale(0.5);
  }
}
.scene-mega-btn-svg {
  stroke: #fff;
  stroke-width: 6px;
  stroke-linecap: round;
  transform: rotate(-90deg);
  fill: transparent;
  pointer-events: none;
}
.scene-mega-btn-svg-bg {
  stroke: #999;
}
.scene-mega-btn-svg-bg,
.scene-mega-btn-svg-circle {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene-product-mask {
  position: absolute;
  top: 0;
  z-index: 5;
  height: 100%;
  width: var(--MaskWidth);
  background-color: var(--bgColor);
  pointer-events: none;
}
.scene-product-mask.left {
  left: 0;
}
.scene-product-mask.right {
  right: 0;
}
.scene.scene-megaoverview2 {
  background-color: #fff;
  --bgColor: #fff;
}
.scene.scene-megaoverview2 .scene-inner {
  background-image: none !important;
}
.scene.scene-megaoverview2 video {
  transition: opacity 0.3s ease-in;
  opacity: 0;
}
.scene.scene-megaoverview2.loaded .scene-megaoverview2-video {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.scene-megaoverview2.loaded .scene-megaoverview2-video {
    background-image: var(--backgroundImage720);
  }
}
.scene.scene-megaoverview2[data-theme="dark"] {
  background-color: #000;
  --bgColor: #000;
}
.scene.scene-megaoverview2[data-theme="dark"] .scene-megaoverview2-title {
  color: #fff;
}
.scene.scene-megaoverview2[data-theme="dark"] .scene-megaoverview2-list {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.scene.scene-megaoverview2[data-theme="dark"] .scene-megaoverview2-item {
  border-color: hsla(0, 0%, 100%, 0.3);
}
.scene.scene-megaoverview2[data-theme="dark"] .scene-megaoverview2-item-title {
  color: #8c8c8c;
}
.scene.scene-megaoverview2[data-theme="dark"] .scene-megaoverview2-item-desc {
  color: #bababa;
}
@media (max-width: 1024px) {
  .scene.scene-megaoverview2 {
    height: 56.25vw;
  }
}
@media (max-width: 720px) {
  .scene.scene-megaoverview2 {
    height: auto;
    padding-top: 80px;
  }
  .scene.scene-megaoverview2 .scene-inner {
    display: flex;
    flex-direction: column;
  }
}
.scene-megaoverview2-video {
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-megaoverview2-video {
    height: 100vw;
    order: 2;
  }
}
.scene-megaoverview2-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 720px) {
  .scene-megaoverview2-content {
    position: static;
    display: block;
    height: auto;
    order: 1;
  }
}
.scene-megaoverview2-content-inner {
  width: 100%;
  padding: 0 20% 1.4285714285714284rem;
}
@media (max-width: 820px) {
  .scene-megaoverview2-content-inner {
    padding-bottom: 64px;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-content-inner {
    padding: 0 40px 40px;
  }
}
.scene-megaoverview2-subtitle {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.25rem;
  line-height: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-megaoverview2-subtitle {
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-subtitle {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }
}
.scene-megaoverview2-title {
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
  color: #191919;
}
@media (max-width: 820px) {
  .scene-megaoverview2-title {
    font-size: 20px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-title {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
  }
}
.scene-megaoverview2-group {
  display: flex;
  padding-top: 0.5rem;
}
@media (max-width: 820px) {
  .scene-megaoverview2-group {
    padding-top: 24px;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-group {
    display: block;
    padding-top: 40px;
  }
}
.scene-megaoverview2-list {
  display: flex;
  padding: 0 0.5714285714285714rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.scene-megaoverview2-list:first-child {
  padding-left: 0;
}
.scene-megaoverview2-list:last-child {
  padding-right: 0;
  border-right: 0;
}
@media (max-width: 720px) {
  .scene-megaoverview2-list {
    display: block;
    padding: 0;
    border: 0;
  }
  .scene-megaoverview2-list:not(:first-child) {
    padding-top: 32px;
  }
}
.scene-megaoverview2-item {
  padding: 0 0.21428571428571427rem;
}
.scene-megaoverview2-item:first-child {
  padding-left: 0;
}
.scene-megaoverview2-item:last-child {
  padding-right: 0;
}
@media (max-width: 820px) {
  .scene-megaoverview2-item {
    padding: 0 12px;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-item {
    padding: 0;
    border-right: 0;
    text-align: center;
  }
  .scene-megaoverview2-item + .scene-megaoverview2-item {
    padding-top: 8px;
  }
}
.scene-megaoverview2-item-title {
  height: 0.19642857142857145rem;
  padding-bottom: 0.03571428571428571rem;
  box-sizing: content-box;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #999;
  white-space: nowrap;
}
@media (max-width: 820px) {
  .scene-megaoverview2-item-title {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-item-title {
    height: auto;
    padding-bottom: 0;
  }
}
.scene-megaoverview2-item-desc {
  font-size: 0.17857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.37;
  color: #666;
}
@media (max-width: 820px) {
  .scene-megaoverview2-item-desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 720px) {
  .scene-megaoverview2-item-desc {
    font-size: 16px;
    line-height: 28px;
  }
}
.scene-megacontentdraw {
  position: relative;
  color: #191919;
  background-color: #fff;
  transition: height 1.2s;
}
.scene-megacontentdraw .scene-wrap {
  position: relative;
  height: auto;
  padding: 0 11.45833%;
}
.scene-megacontentdraw .scene-inner {
  overflow: unset;
}
.scene-megacontentdraw.close {
  overflow: hidden;
}
.scene-megacontentdraw.loaded .scene-megacontentdraw-selectitem {
  background-image: var(--img);
}
.scene-megacontentdraw.loaded .scene-megacontentdraw-item {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene-megacontentdraw.loaded .scene-megacontentdraw-item {
    background-image: var(--bgM);
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw .scene-wrap {
    padding: 0;
  }
  .scene-megacontentdraw .scene-inner {
    overflow: hidden;
  }
}
.scene-megacontentdraw-btn {
  display: flex;
  justify-content: center;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
}
.scene-megacontentdraw-btn.active {
  opacity: 1;
  pointer-events: unset;
}
.scene-megacontentdraw-btn.scene-megacontentdraw-btn-open[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene-megacontentdraw-btn.scene-megacontentdraw-btn-open[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-megacontentdraw-btn.scene-megacontentdraw-btn-close {
  z-index: 5;
  position: absolute;
  top: 0.3571428571428571rem;
  right: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-btn.scene-megacontentdraw-btn-open[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene-megacontentdraw-btn.scene-megacontentdraw-btn-open[data-gap="small"] {
    padding-bottom: 32px;
  }
  .scene-megacontentdraw-btn.scene-megacontentdraw-btn-close {
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-btn.scene-megacontentdraw-btn-open[data-gap="big"],
  .scene-megacontentdraw-btn.scene-megacontentdraw-btn-open[data-gap="small"] {
    padding-bottom: 80px;
  }
  .scene-megacontentdraw-btn.scene-megacontentdraw-btn-close {
    top: 20px;
    right: 20px;
  }
}
.scene-megacontentdraw-btn-inner {
  display: flex;
  padding: 0.07142857142857142rem 0.07142857142857142rem 0.07142857142857142rem
    0.21428571428571427rem;
  border-radius: 200px;
  justify-content: space-between;
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-btn-inner {
    padding: 8px 8px 8px 16px;
  }
}
.scene-megacontentdraw-btn-text {
  display: flex;
  padding-right: 0.14285714285714285rem;
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #191919;
  line-height: 1.75;
  text-align: right;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-btn-text {
    padding-right: 8px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-megacontentdraw-btn-icon {
  display: flex;
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: var(--color);
}
.scene-megacontentdraw-btn-icon .lxiconfont {
  display: block;
  color: #fff;
}
.scene-megacontentdraw-btn-icon .lxiconfont-arrowleft {
  font-size: 0.21428571428571427rem;
  transform: rotate(-90deg);
}
.scene-megacontentdraw-btn-icon .lxiconfont-icon_20_guanbi {
  font-size: 0.17857142857142855rem;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-btn-icon {
    width: 24px;
    height: 24px;
  }
  .scene-megacontentdraw-btn-icon .lxiconfont-arrowleft {
    font-size: 20px;
  }
  .scene-megacontentdraw-btn-icon .lxiconfont-icon_20_guanbi {
    font-size: 16px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-btn-icon {
    width: 32px;
    height: 32px;
  }
  .scene-megacontentdraw-btn-icon .lxiconfont-arrowleft {
    font-size: 24px;
  }
  .scene-megacontentdraw-btn-icon .lxiconfont-icon_20_guanbi {
    font-size: 18px;
  }
}
.scene-megacontentdraw-content {
  padding-top: 0.7142857142857142rem;
}
.scene-megacontentdraw-content[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene-megacontentdraw-content[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-content {
    padding-top: 32px;
  }
  .scene-megacontentdraw-content[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene-megacontentdraw-content[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-content {
    display: flex;
    padding-top: 92px;
    flex-direction: column;
  }
  .scene-megacontentdraw-content[data-gap="big"],
  .scene-megacontentdraw-content[data-gap="small"] {
    padding-bottom: 80px;
  }
}
.scene-megacontentdraw-caption {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-caption {
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-caption {
    padding: 0 40px 40px;
    order: 1;
    font-size: 20px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
  }
}
.scene-megacontentdraw-title {
  padding-bottom: 0.2857142857142857rem;
  font-size: 0.2857142857142857rem;
  line-height: 1.375;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-title {
    padding-bottom: 16px;
    font-size: 20px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-title {
    padding: 8px 40px 24px;
    order: 3;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
}
.scene-megacontentdraw-menu {
  display: flex;
  padding-bottom: 0.2857142857142857rem;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-menu {
    padding-bottom: 16px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-menu {
    display: flex;
    padding-bottom: 0;
    flex-direction: column;
    order: 3;
  }
}
.scene-megacontentdraw-buy {
  display: flex;
  height: 0.3214285714285714rem;
  padding: 0 0.14285714285714285rem;
  border: 1px solid #191919;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  font-size: 0.125rem;
  line-height: 1.5;
  transition: background-color 0.15s ease-in;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .scene-megacontentdraw-buy:hover {
    background-color: rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 820px) {
  .scene-megacontentdraw-buy {
    height: 26px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-buy {
    height: 40px;
    padding: 0 26px;
    margin-top: 64px;
    order: 2;
    font-size: 14px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
.scene-megacontentdraw-select {
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  .scene-megacontentdraw-select {
    padding: 4px 0;
    order: 1;
  }
}
.scene-megacontentdraw-label {
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-megacontentdraw-label {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-label {
    display: none;
  }
}
.scene-megacontentdraw-selectitem {
  position: relative;
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  border-radius: 50%;
  margin-left: 0.2857142857142857rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  cursor: pointer;
}
.scene-megacontentdraw-selectitem:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3928571428571429rem;
  height: 0.3928571428571429rem;
  border: 2px solid #057568;
  border-radius: 100px;
  margin-top: -0.19642857142857145rem;
  margin-left: -0.19642857142857145rem;
  transition: opacity 0.3s ease-in;
  opacity: 0;
  content: "";
}
.scene-megacontentdraw-selectitem.current:after {
  opacity: 1;
}
@media (max-width: 720px) {
  .scene-megacontentdraw-selectitem {
    width: 22px;
    height: 22px;
    margin-left: 0;
    margin-right: 24px;
  }
  .scene-megacontentdraw-selectitem:last-child {
    margin-right: 0;
  }
  .scene-megacontentdraw-selectitem:after {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdraw-list-wrap {
    padding: 0 16px;
    order: 2;
  }
}
.scene-megacontentdraw-list {
  position: relative;
  height: 43.35941vw;
}
@media (max-width: 720px) {
  .scene-megacontentdraw-list {
    display: flex;
    width: 100%;
    height: 56.25vw;
  }
}
.scene-megacontentdraw-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  opacity: 0;
}
.scene-megacontentdraw-item.current {
  opacity: 1;
}
@media (max-width: 720px) {
  .scene-megacontentdraw-item {
    position: relative;
    width: 100%;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    opacity: 1;
  }
}
.scene-megacontentdrawvideo {
  position: relative;
  color: #191919;
  background-color: #fff;
  transition: height 0.8s;
}
.scene-megacontentdrawvideo .scene-wrap {
  position: relative;
  height: auto;
  padding: 0 11.45833%;
}
.scene-megacontentdrawvideo .scene-inner {
  overflow: unset;
}
.scene-megacontentdrawvideo .scene-inner[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene-megacontentdrawvideo .scene-inner[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-megacontentdrawvideo.close {
  overflow: hidden;
}
.scene-megacontentdrawvideo.loaded .scene-mega-playbtn {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/btn-play.ea9f89fd.png);
}
.scene-megacontentdrawvideo.loaded .scene-megacontentdrawvideo-media {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo.loaded .scene-megacontentdrawvideo-media {
    background-image: var(--bgM);
  }
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo .scene-inner[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene-megacontentdrawvideo .scene-inner[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo .scene-wrap {
    padding: 0;
  }
  .scene-megacontentdrawvideo .scene-inner {
    overflow: hidden;
  }
  .scene-megacontentdrawvideo .scene-inner[data-gap="big"],
  .scene-megacontentdrawvideo .scene-inner[data-gap="small"] {
    padding-bottom: 80px;
  }
}
.scene-megacontentdrawvideo-btn {
  display: flex;
  justify-content: center;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
}
.scene-megacontentdrawvideo-btn.active {
  opacity: 1;
  pointer-events: unset;
}
.scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-open[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-open[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-close {
  z-index: 5;
  position: absolute;
  top: 0.3571428571428571rem;
  right: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-open[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-open[data-gap="small"] {
    padding-bottom: 32px;
  }
  .scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-close {
    top: 16px;
    right: 16px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-open[data-gap="big"],
  .scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-open[data-gap="small"] {
    padding-bottom: 80px;
  }
  .scene-megacontentdrawvideo-btn.scene-megacontentdrawvideo-btn-close {
    top: 20px;
    right: 20px;
  }
}
.scene-megacontentdrawvideo-btn-inner {
  display: flex;
  padding: 0.07142857142857142rem 0.07142857142857142rem 0.07142857142857142rem
    0.21428571428571427rem;
  border-radius: 200px;
  justify-content: space-between;
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-btn-inner {
    padding: 8px 8px 8px 16px;
  }
}
.scene-megacontentdrawvideo-btn-text {
  display: flex;
  padding-right: 0.14285714285714285rem;
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #191919;
  line-height: 1.75;
  text-align: right;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-btn-text {
    padding-right: 8px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-megacontentdrawvideo-btn-icon {
  display: flex;
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: var(--color);
}
.scene-megacontentdrawvideo-btn-icon .lxiconfont {
  display: block;
  color: #fff;
}
.scene-megacontentdrawvideo-btn-icon .lxiconfont-arrowleft {
  font-size: 0.21428571428571427rem;
  transform: rotate(-90deg);
}
.scene-megacontentdrawvideo-btn-icon .lxiconfont-icon_20_guanbi {
  font-size: 0.17857142857142855rem;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-btn-icon {
    width: 24px;
    height: 24px;
  }
  .scene-megacontentdrawvideo-btn-icon .lxiconfont-arrowleft {
    font-size: 20px;
  }
  .scene-megacontentdrawvideo-btn-icon .lxiconfont-icon_20_guanbi {
    font-size: 16px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo-btn-icon {
    width: 32px;
    height: 32px;
  }
  .scene-megacontentdrawvideo-btn-icon .lxiconfont-arrowleft {
    font-size: 24px;
  }
  .scene-megacontentdrawvideo-btn-icon .lxiconfont-icon_20_guanbi {
    font-size: 18px;
  }
}
.scene-megacontentdrawvideo-content {
  padding: 0.3571428571428571rem 11.08108% 0.7142857142857142rem;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-content {
    padding: 32px 0;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo-content {
    display: flex;
    padding: 80px 40px 40px;
    flex-direction: column;
  }
}
.scene-megacontentdrawvideo-title {
  max-width: 7.5rem;
  padding-bottom: 0.21428571428571427rem;
  font-size: 0.41071428571428575rem;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-title {
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo-title {
    max-width: unset;
    padding-bottom: 8px;
    font-size: 20px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4;
  }
}
.scene-megacontentdrawvideo-caption {
  max-width: 7.5rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  color: #666;
}
@media (max-width: 820px) {
  .scene-megacontentdrawvideo-caption {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo-caption {
    max-width: unset;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-megacontentdrawvideo-media {
  position: relative;
  height: 43.35941vw;
}
@media (max-width: 720px) {
  .scene-megacontentdrawvideo-media {
    width: calc(100vw - 40px);
    height: calc(56.25vw - 22.5px);
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
  }
}
.scene.scene-megacontentpictext {
  height: auto;
  min-height: unset;
  color: #191919;
  background-color: #fafafa;
}
.scene.scene-megacontentpictext .scene-wrap {
  padding: 0 11.45833%;
}
.scene.scene-megacontentpictext .scene-wrap[data-top-gap="0"] {
  padding-top: 0;
}
.scene.scene-megacontentpictext .scene-wrap[data-top-gap="1"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-megacontentpictext .scene-wrap[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-megacontentpictext .scene-wrap[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene.scene-megacontentpictext .scene-wrap[data-gap="zero"] {
  padding-bottom: 0;
}
.scene.scene-megacontentpictext .scene-inner {
  display: flex;
  height: 43.35941vw;
}
.scene.scene-megacontentpictext video {
  transition: opacity 0.3s ease-in;
  opacity: 0;
}
.scene.scene-megacontentpictext.ended video {
  opacity: 0;
}
.scene.scene-megacontentpictext.replay video {
  opacity: 1;
}
.scene.scene-megacontentpictext.loaded .scene-megacontentpictext-media {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-megacontentpictext.loaded .scene-megacontentpictext-media {
    background-image: var(--bgM);
  }
}
@media (max-width: 820px) {
  .scene.scene-megacontentpictext .scene-wrap[data-top-gap="1"] {
    padding-top: 32px;
  }
  .scene.scene-megacontentpictext .scene-wrap[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-megacontentpictext .scene-wrap[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene.scene-megacontentpictext {
    background-color: var(--bgColor) !important;
  }
  .scene.scene-megacontentpictext .scene-wrap {
    padding: 0 20px;
  }
  .scene.scene-megacontentpictext .scene-wrap[data-top-gap="1"] {
    padding-top: 40px;
  }
  .scene.scene-megacontentpictext .scene-wrap[data-gap="big"],
  .scene.scene-megacontentpictext .scene-wrap[data-gap="small"] {
    padding-bottom: 80px;
  }
  .scene.scene-megacontentpictext .scene-inner {
    height: auto;
    flex-direction: column;
  }
}
.scene-megacontentpictext-content {
  max-width: 7.5rem;
  padding: 0 11.08108%;
  box-sizing: content-box;
}
@media (max-width: 720px) {
  .scene-megacontentpictext-content {
    max-width: unset;
    padding: 0 20px;
  }
}
.scene-megacontentpictext-title {
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-title {
    font-size: 20px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-title {
    padding-top: 40px;
  }
}
.scene-megacontentpictext-caption {
  padding-top: 0.14285714285714285rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  color: #666;
}
.scene-megacontentpictext-caption[data-gap="big"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-megacontentpictext-caption[data-gap="small"] {
  padding-bottom: 0.5rem;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-caption {
    padding-top: 4px;
    font-size: 12px;
    line-height: 20px;
  }
  .scene-megacontentpictext-caption[data-gap="big"] {
    padding-bottom: 32px;
  }
  .scene-megacontentpictext-caption[data-gap="small"] {
    padding-bottom: 24px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-caption {
    padding-top: 8px;
  }
  .scene-megacontentpictext-caption[data-gap="big"],
  .scene-megacontentpictext-caption[data-gap="small"] {
    padding-bottom: 80px;
  }
}
.scene-megacontentpictext-media {
  width: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-megacontentpictext-media {
    width: 100%;
    height: calc(111.9403vw - 44.77612px);
    order: 2;
  }
}
.scene-megacontentpictext-info {
  display: flex;
  width: 50%;
  padding: 9.46% 5.41% 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .scene-megacontentpictext-info {
    padding-top: 0;
    justify-content: center;
  }
}
@media (max-width: 820px) {
  .scene-megacontentpictext-info {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-info {
    width: 100%;
    padding: 0 20px;
    order: 1;
    align-items: flex-start;
    text-align: left;
    background-color: transparent;
  }
}
.scene-megacontentpictext-subtitlein {
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-subtitlein {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-megacontentpictext-titlein {
  padding-top: 1.62%;
  font-size: 0.2857142857142857rem;
  line-height: 1.375;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-titlein {
    padding-top: 4px;
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-titlein {
    padding-top: 0;
    font-size: 24px;
    line-height: 1.4;
  }
}
.scene-megacontentpictext-captionin {
  padding-top: 8.65%;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  color: #999;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-captionin {
    padding-top: 20px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-captionin {
    padding-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
}
.scene-megacontentpictext-list {
  display: flex;
  width: 100%;
  padding-top: 10.81%;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-list {
    padding-top: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-list {
    padding-top: 24px;
    padding-bottom: 28px;
    flex-wrap: wrap;
  }
}
.scene-megacontentpictext-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.scene-megacontentpictext-item:last-child {
  border-right: 0 none;
}
@media (max-width: 720px) {
  .scene-megacontentpictext-item {
    border-right: 0;
    margin-right: 24px;
    margin-bottom: 12px;
    flex: unset;
    align-items: unset;
  }
}
.scene-megacontentpictext-item-row {
  display: flex;
  align-items: flex-end;
}
.scene-megacontentpictext-item-value {
  margin-right: 0.07142857142857142rem;
  flex-shrink: 0;
  font-size: 0.2857142857142857rem;
  line-height: 1.25;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-item-value {
    margin-right: 2px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-item-value {
    line-height: 28px;
  }
}
.scene-megacontentpictext-item-unit {
  flex-shrink: 0;
  font-size: 0.14285714285714285rem;
  line-height: 1.9;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-item-unit {
    font-size: 12px;
    line-height: 26px;
  }
}
.scene-megacontentpictext-item-title {
  padding-top: 0.03571428571428571rem;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-item-title {
    padding-top: 2px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-item-title {
    padding-top: 0;
  }
}
.scene-megacontentpictext-tipin {
  margin-top: 10.81%;
  font-size: 12px;
  line-height: 20px;
  color: #ccc;
}
.scene-megacontentpictext-tipin + .scene-megacontentpictext-button {
  margin-top: 4.63%;
}
@media (max-width: 720px) {
  .scene-megacontentpictext-tipin {
    margin-top: 40px;
    text-align: center;
  }
  .scene-megacontentpictext-tipin + .scene-megacontentpictext-button {
    margin-top: 10px;
  }
}
.scene-megacontentpictext-button {
  display: flex;
  margin-top: 10.81%;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-button {
    margin-top: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-button {
    margin-top: 40px;
  }
}
.scene-megacontentpictext-button-inner {
  display: flex;
  padding: 0.07142857142857142rem;
  border-radius: 200px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.75;
  color: #191919;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.scene-megacontentpictext-button-inner span {
  margin: 0 0.14285714285714285rem;
}
.scene-megacontentpictext-button-inner .lxiconfont {
  display: flex;
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  padding-right: 0.026785714285714284rem;
  border-radius: 200px;
  align-items: center;
  justify-content: center;
  font-size: 0.19642857142857145rem;
  color: #fff;
}
@media (max-width: 820px) {
  .scene-megacontentpictext-button-inner {
    padding: 8px;
    font-size: 12px;
    line-height: 20px;
  }
  .scene-megacontentpictext-button-inner span {
    margin: 0 8px;
  }
  .scene-megacontentpictext-button-inner .lxiconfont {
    width: 24px;
    height: 24px;
    padding-left: 0;
    font-size: 18px;
  }
}
@media (max-width: 720px) {
  .scene-megacontentpictext-button-inner .lxiconfont {
    width: 32px;
    height: 32px;
    font-size: 22px;
  }
}
.scene.scene-megathreecard {
  height: auto;
  min-height: unset;
  color: #191919;
  background-color: #fafafa;
}
.scene.scene-megathreecard .scene-wrap {
  padding: 0 11.45833%;
}
.scene.scene-megathreecard .scene-inner[data-gap="big"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-megathreecard .scene-inner[data-gap="small"] {
  padding-top: 0.5rem;
}
.scene.scene-megathreecard .scene-inner[data-gap="zero"] {
  padding-top: 0;
}
.scene.scene-megathreecard[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-megathreecard[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene.scene-megathreecard[data-theme="grayOnWhite"] {
  background-color: #fff;
}
.scene.scene-megathreecard[data-theme="grayOnWhite"] .scene-megathreecard-item {
  background-color: #fafafa;
}
@media (max-width: 820px) {
  .scene.scene-megathreecard .scene-inner[data-gap="big"] {
    padding-top: 32px;
  }
  .scene.scene-megathreecard .scene-inner[data-gap="small"] {
    padding-top: 24px;
  }
  .scene.scene-megathreecard[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-megathreecard[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene.scene-megathreecard .scene-wrap {
    padding: 0 20px;
  }
  .scene.scene-megathreecard .scene-inner[data-gap="big"],
  .scene.scene-megathreecard .scene-inner[data-gap="small"] {
    padding-top: 40px;
  }
  .scene.scene-megathreecard[data-gap="big"],
  .scene.scene-megathreecard[data-gap="small"] {
    padding-bottom: 80px;
  }
}
.scene-megathreecard-top {
  padding: 0 11.08108%;
}
@media (max-width: 720px) {
  .scene-megathreecard-top {
    padding: 0 20px;
  }
}
.scene-megathreecard-title {
  max-width: 7.5rem;
  padding-top: 0.7142857142857142rem;
  padding-bottom: 0.14285714285714285rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-megathreecard-title {
    padding-top: 32px;
    padding-bottom: 4px;
    font-size: 20px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-title {
    max-width: unset;
    padding-top: 80px;
    padding-bottom: 8px;
  }
}
.scene-megathreecard-caption {
  max-width: 7.5rem;
  font-size: 0.14285714285714285rem;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-megathreecard-caption {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-caption {
    max-width: unset;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-megathreecard-list {
  display: flex;
}
@media (max-width: 720px) {
  .scene-megathreecard-list {
    display: block;
  }
}
.scene-megathreecard-item {
  padding: 0.5357142857142857rem;
  flex: 1;
  flex-shrink: 0;
  background-color: #fff;
}
.scene-megathreecard-item:not(:last-child) {
  margin-right: 0.17857142857142855rem;
}
@media (max-width: 820px) {
  .scene-megathreecard-item {
    padding: 24px;
  }
  .scene-megathreecard-item:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-item {
    padding: 20px 20px 12px;
  }
  .scene-megathreecard-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.scene-megathreecard-item-tag {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.125rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-megathreecard-item-tag {
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-item-tag {
    padding-bottom: 0;
  }
}
.scene-megathreecard-item-title {
  padding-bottom: 0.5357142857142857rem;
  font-size: 0.2857142857142857rem;
  line-height: 1.25;
}
@media (max-width: 820px) {
  .scene-megathreecard-item-title {
    padding-bottom: 24px;
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-item-title {
    padding-bottom: 8px;
    border-bottom: 1px solid hsla(0, 0%, 85.1%, 0.2);
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-sublist {
    display: flex;
    flex-wrap: wrap;
  }
}
.scene-megathreecard-subitem:not(:last-child) {
  padding-bottom: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-megathreecard-subitem:not(:last-child) {
    padding-bottom: 16px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-subitem {
    min-width: 50%;
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .scene-megathreecard-subitem:not(:last-child) {
    padding-bottom: 8px;
  }
}
.scene-megathreecard-subitem-title {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.17857142857142855rem;
  line-height: 1.4;
}
@media (max-width: 820px) {
  .scene-megathreecard-subitem-title {
    padding-bottom: 0;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-megathreecard-subitem-title {
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
.scene-megathreecard-subitem-content {
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.scene.scene-mega-three-text {
  height: auto;
  min-height: unset;
  overflow: hidden;
  color: #191919;
  background-color: var(--bgColor);
}
.scene.scene-mega-three-text .scene-wrap {
  padding: 0 20%;
}
.scene.scene-mega-three-text .scene-inner {
  overflow: unset;
}
.scene.scene-mega-three-text[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-mega-three-text[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
@media (max-width: 820px) {
  .scene.scene-mega-three-text[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-mega-three-text[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene.scene-mega-three-text .scene-wrap {
    padding: 0 40px;
  }
  .scene.scene-mega-three-text[data-gap="big"],
  .scene.scene-mega-three-text[data-gap="small"] {
    padding-bottom: 80px;
  }
}
.scene-mega-three-text-title {
  max-width: 7.5rem;
  padding-top: 1.4285714285714284rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
.scene-mega-three-text-title[data-gap="big"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-mega-three-text-title[data-gap="small"] {
  padding-bottom: 0.5rem;
}
@media (max-width: 820px) {
  .scene-mega-three-text-title {
    padding-top: 32px;
    font-size: 20px;
    line-height: 1.4;
  }
  .scene-mega-three-text-title[data-gap="big"] {
    padding-bottom: 32px;
  }
  .scene-mega-three-text-title[data-gap="small"] {
    padding-bottom: 24px;
  }
}
@media (max-width: 720px) {
  .scene-mega-three-text-title {
    max-width: unset;
    padding-top: 80px;
    font-size: 24px;
    line-height: 32px;
  }
  .scene-mega-three-text-title[data-gap="big"],
  .scene-mega-three-text-title[data-gap="small"] {
    padding-bottom: 40px;
  }
}
.scene-mega-three-text-list {
  display: flex;
  width: 100%;
  margin-bottom: -0.7142857142857142rem;
  flex-wrap: wrap;
}
@media (max-width: 820px) {
  .scene-mega-three-text-list {
    margin-bottom: -32px;
  }
}
@media (max-width: 720px) {
  .scene-mega-three-text-list {
    display: block;
    margin-bottom: 0;
  }
}
.scene-mega-three-text-item {
  width: calc(33.33333% - 0.2381rem);
  margin-bottom: 0.7142857142857142rem;
  flex-shrink: 0;
}
.scene-mega-three-text-item:not(:nth-child(3n)) {
  margin-right: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-mega-three-text-item {
    width: calc(33.33333% - 10.66667px);
    margin-bottom: 32px;
  }
  .scene-mega-three-text-item:not(:nth-child(3n)) {
    margin-right: 16px;
  }
}
@media (max-width: 720px) {
  .scene-mega-three-text-item {
    width: auto;
    margin-bottom: 0;
  }
  .scene-mega-three-text-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.scene-mega-three-text-item-title {
  padding-bottom: 0.14285714285714285rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-mega-three-text-item-title {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 720px) {
  .scene-mega-three-text-item-title {
    padding-bottom: 4px;
  }
}
.scene-mega-three-text-item-content {
  font-size: 0.125rem;
  line-height: 1.5;
  color: #999;
}
@media (max-width: 820px) {
  .scene-mega-three-text-item-content {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-mega-three-text-item-content {
    color: #666;
  }
}
.scene.scene-megascrollvideo {
  --bgColor: #fff;
  background-color: #000;
}
.product-tablelist-3 .product-tablelist-inner {
  position: relative;
}
.product-tablelist-3 .product-tablelist-slider {
  position: absolute;
  top: 0;
  left: -2px;
  display: none;
  width: 2px;
  background-color: #191919;
  transition: top 0.3s ease, height 0.3s ease;
}
.product-tablelist-3 .product-tablelist-slider[data-mode="left"] {
  width: 0;
  height: 2px;
  left: 0;
  top: unset;
  bottom: 0;
  transition: left 0.3s ease, width 0.3s ease;
}
.product-tablelist-3 .product-tablelist-item-wrap {
  cursor: pointer;
}
.product-tablelist-3
  .product-tablelist-item-wrap.current
  .product-tablelist-desc {
  cursor: default;
  pointer-events: unset;
}
.product-tablelist-3 .product-tablelist-item {
  margin-right: 0;
  text-align: center;
}
.product-tablelist-3 .product-tablelist-item p {
  transform: none;
  opacity: 1;
}
.product-tablelist-3 .product-tablelist-bar {
  top: unset;
  bottom: 0;
  transition: opacity 0.6s linear, width 0.6s ease;
}
.product-tablelist-3 .product-tablelist-bar.blue {
  background-color: var(--barColor);
}
.product-tablelist-3 .product-tablelist-desc {
  position: absolute;
  bottom: 0.3571428571428571rem;
  left: 0;
  width: 100%;
  height: 0.19642857142857145rem;
  font-size: 0.125rem;
  color: #8c8c8c;
  line-height: 1.5;
  text-align: center;
  transition: opacity 0.6s linear;
  transition-delay: 0.2s;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene.scene-table-y.scene-megascrollvideowithlist canvas {
  display: block;
}
.scene.scene-table-y.scene-megascrollvideowithlist .scene-sticky {
  min-height: 8.928571428571429rem;
}
.scene.scene-table-y.scene-megascrollvideowithlist .product-tablelist {
  pointer-events: none;
}
.scene.scene-table-y.scene-megascrollvideowithlist .scene-table-y-primary {
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
}
.scene.scene-table-y.scene-megascrollvideowithlist
  .scene-table-y-primary
  > span:first-child {
  display: inline-flex;
  height: 1.5em;
  overflow: hidden;
  font-size: 46px;
  line-height: 1.5;
}
@media (max-width: 1440px) {
  .scene.scene-table-y.scene-megascrollvideowithlist
    .scene-table-y-primary
    > span:first-child {
    font-size: 34px;
  }
}
@media (max-width: 820px) {
  .scene.scene-table-y.scene-megascrollvideowithlist
    .scene-table-y-primary
    > span:first-child {
    font-size: 18px;
  }
}
.scene.scene-table-y.scene-megascrollvideowithlist
  .scene-table-y-primary.active {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-table-y.scene-megascrollvideowithlist
  .scene-table-y-primary.active
  .scene-megascrollvideowithlist-num:first-child {
  transform: translate3d(0, -1.5em, 0);
  transition: transform 1.5s ease-out 0.25s;
}
.scene.scene-table-y.scene-megascrollvideowithlist
  .scene-table-y-primary.active
  .scene-megascrollvideowithlist-num:nth-child(2) {
  transform: translate3d(0, -7.5em, 0);
  transition: transform 1.5s ease-out 0.25s;
}
.scene.scene-table-y.scene-megascrollvideowithlist[data-theme="light"]
  .scene-megascrollvideowithlist-item-title {
  color: #191919;
}
.scene.scene-table-y.scene-megascrollvideowithlist[data-hide-list="true"]
  .product-tablelist-3 {
  opacity: 0;
  pointer-events: none;
}
.scene.scene-table-y.scene-megascrollvideowithlist[data-hide-list="true"]
  .scene-megascrollvideowithlist-content {
  padding-top: 0;
}
@media (max-width: 720px) {
  .scene.scene-table-y.scene-megascrollvideowithlist {
    padding-top: 0;
  }
  .scene.scene-table-y.scene-megascrollvideowithlist .scene-sticky {
    position: static;
    height: 100%;
    min-height: unset;
    padding: 0 !important;
    overflow: unset;
  }
  .scene.scene-table-y.scene-megascrollvideowithlist .scene-table-y-content {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .scene.scene-table-y.scene-megascrollvideowithlist .scene-table-y-primary {
    transform: translateZ(0);
    opacity: 1;
  }
  .scene.scene-table-y.scene-megascrollvideowithlist
    .scene-table-y-primary
    .scene-megascrollvideowithlist-num:first-child {
    transform: translate3d(0, -1.5em, 0);
    transition: transform 1.5s ease-out 0.25s;
  }
  .scene.scene-table-y.scene-megascrollvideowithlist
    .scene-table-y-primary
    .scene-megascrollvideowithlist-num:nth-child(2) {
    transform: translate3d(0, -7.5em, 0);
    transition: transform 1.5s ease-out 0.25s;
  }
  .scene.scene-table-y.scene-megascrollvideowithlist .scene-table-y-button {
    margin-left: 0;
  }
}
.scene-megascrollvideowithlist-num {
  display: flex;
  flex-direction: column;
  transform: translate3d(0, -18em, 0);
}
.scene-megascrollvideowithlist-num span {
  text-align: center;
}
.scene-megascrollvideowithlist-content {
  min-height: 8.928571428571429rem;
}
@media (max-width: 720px) {
  .scene-megascrollvideowithlist-content {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: flex;
    min-height: unset;
    padding-top: 80px;
    flex-direction: column;
    align-items: center;
  }
}
.scene-megascrollvideowithlist-list {
  position: relative;
  width: 100%;
  height: 142px;
  padding: 0 40px 40px;
}
.scene-megascrollvideowithlist-item {
  position: absolute;
  left: 40px;
  top: 0;
  width: calc(100% - 80px);
  opacity: 0;
}
.scene-megascrollvideowithlist-item.current {
  opacity: 1;
}
.scene-megascrollvideowithlist-item-title {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}
.scene-megascrollvideowithlist-item-desc {
  padding-top: 14px;
  font-size: 12px;
  line-height: 20px;
  color: #bababa;
}
.product-button {
  display: flex;
  width: 1.6964285714285714rem;
  height: 0.42857142857142855rem;
  border-radius: 0.42857142857142855rem;
  margin: 0 0.07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 1;
  transition: background 0.15s ease-in, opacity 0.15s ease-in,
    color 0.15s ease-in;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product-button.main {
  background-color: #191919;
}
.product-button.main:hover {
  background-color: #3c3c3c;
}
.product-button.sub {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  background-color: transparent;
}
.product-button.sub:hover {
  background-color: hsla(0, 0%, 100%, 0.26);
}
.product-button.link {
  width: auto;
  height: 0.21428571428571427rem;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-size: 0.125rem;
  opacity: 0.8;
}
.product-button.link:hover {
  opacity: 1;
}
.product-button.disabled {
  border-color: transparent !important;
  color: rgba(0, 0, 0, 0.6) !important;
  background-color: hsla(0, 0%, 100%, 0.4) !important;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .product-button {
    width: 14.2578125vw;
    height: 3.90625vw;
    border-radius: 3.90625vw;
    margin: 0 0.78125vw;
    font-size: 1.5625vw;
  }
  .product-button.link {
    height: 1.953125vw;
    font-size: 1.3671875vw;
  }
}
@media (max-width: 720px) {
  .product-button {
    width: 27.73333333333333vw;
    height: 36px;
    border-radius: 36px;
    margin: 0 1.0666666666666667vw;
    font-size: 3.733333333333334vw;
  }
  .product-button.main:hover {
    background-color: #3c3c3c;
  }
  .product-button.sub:hover {
    background-color: transparent;
  }
  .product-button.link {
    height: 20px;
    margin: 0 2.1333333333333333vw;
    font-size: 3.733333333333334vw;
  }
}
.chj-button-secondary:active,
.chj-button-secondary:hover {
  border-color: #191919;
}
.chj-dialog {
  z-index: 1000;
}
.chj-dialog-inner {
  width: 480px;
}
.chj-dialog-body {
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 720px) {
  .chj-dialog-inner {
    border-radius: 13px;
    width: 75vw;
  }
  .chj-dialog-header {
    padding: 20px 20px 0 20px;
    height: auto;
  }
  .chj-dialog-header-title {
    font-size: 17px;
    line-height: 22px;
  }
  .chj-dialog-header-title.header-title-center {
    width: 100%;
    text-align: center;
  }
  .chj-dialog-header-cancel {
    display: none;
  }
  .chj-dialog-body {
    padding: 10px 20px;
    min-height: 44px;
  }
  .chj-dialog-footer {
    padding: 0;
    height: 43px;
    border-top: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button {
    background-color: #fff;
    flex: 1;
    margin-left: 0;
    border: none;
    border-radius: 0;
    color: #191919;
    font-size: 16px;
    line-height: 42px;
  }
  .chj-dialog-footer .chj-button:first-of-type {
    border-bottom-left-radius: 13px;
  }
  .chj-dialog-footer .chj-button:last-of-type {
    border-bottom-right-radius: 13px;
  }
  .chj-dialog-footer .chj-button:not(:last-of-type) {
    border-right: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button:hover {
    background-color: #fff;
  }
}
.chj-inputline {
  width: 100%;
  position: relative;
}
.chj-inputline-title {
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 28px;
  color: #8c8985;
}
.chj-inputline-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d4d4d2;
}
.chj-inputline-box.disabled {
  border-bottom: none;
}
.chj-inputline-box-value {
  width: 100%;
  padding: 7px 0;
}
.chj-inputline-box-value input {
  background-color: #fff;
  padding: 0;
  width: 100%;
  border: none;
  font-size: 16px;
  color: #222;
  caret-color: #191919;
}
.chj-inputline-box-value input:-ms-input-placeholder {
  color: #c7c9c7;
}
.chj-inputline-box-value input::placeholder {
  color: #c7c9c7;
}
.chj-inputline-box-value input:disabled {
  background-color: #fff;
}
.chj-inputline-box-btn {
  text-align: right;
}
.chj-inputline-box-btn span {
  width: 120px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  color: #8c8985;
}
.chj-inputline-box-btn span.vActive {
  color: #191919;
  cursor: pointer;
}
.inputErr {
  color: red;
}
#chj-security.dx_captcha {
  padding: 16px 32px 32px;
}
#chj-security .dx_captcha_basic_tr-btn-close {
  padding-bottom: 16px;
  box-sizing: content-box;
  margin: 0;
}
#chj-security .dx_captcha_basic_tr-btn-close img {
  opacity: 0.8;
}
.reverse-content {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.reverse-content .iconfont {
  color: #8c8985;
}
.reverse-content .modal-close {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.reverse-content .modal-close .iconfont {
  font-size: 20px;
  color: #999;
}
.reverse-content .chj-inputline {
  padding-bottom: 16px;
  margin-top: 24px;
}
.reverse-content .chj-inputline-box-btn span.vActive {
  color: #191919;
}
.reverse-content .chj-inputline-box,
.reverse-content .chj-inputline-box.disabled {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.reverse-modal {
  position: relative;
  width: 652px;
  padding: 32px 32px 40px;
  border-radius: 4px;
  background-color: #fff;
}
.reverse-modal .chj-inputline-box.disabled .btn-vcode {
  color: rgba(0, 0, 0, 0.2);
}
.reverse-title {
  font-size: 20px;
  color: #191919;
  line-height: 28px;
}
.reverse-second-title {
  margin-top: 3px;
  font-size: 12px;
  color: #191919;
  line-height: 20px;
}
.reverse-button-list {
  display: flex;
  justify-content: flex-end;
}
.reverse-submit {
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 100px;
  margin-top: 8px;
  justify-content: center;
  align-items: center;
  background-color: #191919;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.reverse-modal-content {
  display: flex;
}
.reverse-left {
  width: 308px;
  padding-right: 40px;
  border-right: 1px solid rgba(0, 0, 0, 0.04);
  box-sizing: content-box;
}
.reverse-right {
  padding-left: 40px;
  padding-top: 16px;
}
.reverse-qrcode {
  width: 160px;
  height: 160px;
  box-sizing: content-box;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/web-live.f1e34398.jpg);
  background-size: contain;
}
.reverse-text {
  width: 160px;
  padding-top: 16px;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 720px) {
  .reverse-modal {
    position: fixed;
    bottom: 0;
    width: 100%;
    border-radius: 16px 16px 0 0;
  }
  .reverse-modal .modal-close {
    right: 15px;
    top: 15px;
  }
  .reverse-modal .modal-close .iconfont {
    font-size: 16px;
  }
  .reverse-modal .chj-inputline {
    padding-bottom: 0;
  }
  .reverse-second-title,
  .reverse-title {
    text-align: center;
  }
  .reverse-left {
    width: 100%;
    padding-right: 0;
    border-right: 0;
  }
  .reverse-qrcode,
  .reverse-right {
    display: none;
  }
  .reverse-submit {
    height: 45px;
    margin-top: 24px;
  }
}
.product-fadebox {
  z-index: 2;
  position: absolute;
  left: 50%;
  width: 11.714285714285714rem;
  text-align: center;
  color: #fff;
  transform: translate3d(-50%, 0, 0);
}
.product-fadebox.top-default {
  top: 1.25rem;
}
.product-fadebox.top-main {
  top: 1.0714285714285714rem;
}
.product-fadebox.bottom-loopvideo {
  bottom: 0.5357142857142857rem;
}
.product-fadebox.bottom-normal {
  bottom: 0.6696428571428572rem;
}
.product-fadebox.bottom-safetest {
  bottom: 1.4285714285714284rem;
}
.product-fadebox.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-fadebox.active .product-fadebox-item {
  transform: translateZ(0);
  opacity: 1;
}
.product-fadebox.active .product-fadebox-item:first-child {
  transition-delay: 0.3s;
}
.product-fadebox.active .product-fadebox-item:nth-child(2) {
  transition-delay: 0.4s;
}
.product-fadebox.active .product-fadebox-item:nth-child(3) {
  transition-delay: 0.5s;
}
.product-fadebox.active .product-fadebox-item:nth-child(4) {
  transition-delay: 0.6s;
}
.product-fadebox.active .product-fadebox-item:nth-child(5) {
  transition-delay: 0.7s;
}
.product-fadebox.active .product-fadebox-item:nth-child(6) {
  transition-delay: 0.8s;
}
.product-fadebox.active .product-fadebox-item:nth-child(7) {
  transition-delay: 0.9s;
}
.product-fadebox.active .product-fadebox-item:nth-child(8) {
  transition-delay: 1s;
}
.product-fadebox.active .product-fadebox-item:nth-child(9) {
  transition-delay: 1.1s;
}
@media (max-width: 1024px) {
  .product-fadebox {
    width: 100%;
  }
  .product-fadebox.top-default {
    top: 7.8125vw;
  }
  .product-fadebox.top-main {
    top: 9.765625vw;
  }
  .product-fadebox.bottom-loopvideo {
    bottom: 2.9296875vw;
  }
  .product-fadebox.bottom-normal {
    bottom: 9.375vw;
  }
  .product-fadebox.bottom-safetest {
    bottom: 11.71875vw;
  }
}
@media (max-width: 720px) {
  .product-fadebox.top-default {
    top: 32vw;
  }
  .product-fadebox.top-main {
    top: 26.666666666666668vw;
  }
  .product-fadebox.bottom-loopvideo {
    bottom: 13.333333333333334vw;
  }
  .product-fadebox.bottom-normal {
    bottom: 8.533333333333333vw;
  }
  .product-fadebox.bottom-safetest {
    bottom: 28.000000000000004vw;
  }
}
.product-fadebox-item {
  transform: translate3d(0, 25px, 0);
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  opacity: 0;
  will-change: transform, opacity;
}
.product-buttonlist,
.product-videoplayer {
  display: flex;
  justify-content: center;
}
.product-videoplayer {
  font-size: 0.14285714285714285rem;
}
.product-videoplayer span {
  display: flex;
  align-items: center;
  transition: opacity 0.15s ease-in;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product-videoplayer span:hover {
  opacity: 0.6;
}
.product-videoplayer .iconfont {
  margin-left: 4px;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 1024px) {
  .product-videoplayer {
    font-size: 12px;
  }
}
.scene.scene-l7-overview {
  z-index: 2;
}
.scene.scene-l7-overview .product-fadebox {
  top: 1.8571428571428572rem;
  width: 100%;
  padding: 0 20%;
}
@media (min-width: 1921px) {
  .scene.scene-l7-overview .product-fadebox {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1024px) {
  .scene.scene-l7-overview .product-fadebox {
    top: 11.71875vw;
  }
}
@media (max-width: 720px) {
  .scene.scene-l7-overview .product-fadebox {
    top: 42.66666666666667vw;
    left: 0;
    width: 100%;
    padding: 0 10.666666666666668vw;
    transform: none;
  }
}
.scene.scene-l7-overview .product-title {
  margin-bottom: 0.14285714285714285rem;
  font-size: 0.21428571428571427rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  text-align: left;
  text-indent: unset;
}
@media (max-width: 720px) {
  .scene.scene-l7-overview .product-title {
    padding: 0 !important;
    margin-bottom: 2.1333333333333333vw;
    font-size: 14px;
  }
}
.scene.scene-l7-overview .product-slogan {
  margin-bottom: 0.21428571428571427rem;
  font-size: 0.5714285714285714rem;
  line-height: 0.7142857142857142rem;
  text-align: left;
}
@media (max-width: 720px) {
  .scene.scene-l7-overview .product-slogan {
    padding: 0;
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 44px;
  }
}
.scene.scene-l7-overview .product-videoplayer {
  justify-content: flex-start;
}
@media (max-width: 720px) {
  .scene.scene-l7-overview .product-videoplayer {
    font-size: 14px;
    line-height: 22px;
  }
  .scene.scene-l7-overview .product-videoplayer .iconfont {
    font-size: 16px;
  }
}
.scene.scene-l7-overview.leftbottom .product-fadebox {
  top: unset;
  bottom: 1.9642857142857144rem;
}
@media (max-width: 1024px) {
  .scene.scene-l7-overview.leftbottom .product-fadebox {
    bottom: 11.71875vw;
  }
}
@media (max-width: 1024px) {
  .scene.scene-l7-overview {
    height: 56.25vw;
  }
}
@media (max-width: 720px) {
  .scene.scene-l7-overview {
    height: 100vh;
  }
}
.product-tablelist-2 {
  width: 7.142857142857142rem;
  padding-bottom: 0.9464285714285714rem;
}
.product-tablelist-2.ready .product-tablelist-item p {
  transition: color 0.3s ease-in;
}
.product-tablelist-2.ready .product-tablelist-desc {
  transition: opacity 0.3s ease-in;
}
.product-tablelist-2.active
  .product-tablelist-item.current
  + .product-tablelist-desc {
  opacity: 1;
}
.product-tablelist-2 .product-tablelist-inner {
  position: relative;
  bottom: 0;
  padding: 0;
}
.product-tablelist-2 .product-tablelist-slider {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #dbad76;
  transition: left 0.3s ease, width 0.3s ease;
}
.product-tablelist-2 .product-tablelist-item-wrap {
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.1);
}
.product-tablelist-2 .product-tablelist-item-wrap:not(:last-child) {
  padding-right: 0.3571428571428571rem;
}
.product-tablelist-2 .product-tablelist-item {
  height: 100%;
  min-width: 98px;
  padding: 0 0 0.07142857142857142rem;
  margin-right: 0;
  text-align: center;
}
.product-tablelist-2 .product-tablelist-item p {
  transition: opacity 0.6s linear,
    transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.product-tablelist-2 .product-tablelist-item p:first-child {
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  color: #fff;
}
.product-tablelist-2 .product-tablelist-item p:nth-child(2) {
  display: none;
}
.product-tablelist-2 .product-tablelist-bar {
  top: unset;
  bottom: 0;
  transition: opacity 0.6s linear,
    width 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.product-tablelist-2 .product-tablelist-bar.gray {
  display: none;
}
.product-tablelist-2 .product-tablelist-bar.blue {
  bottom: -4px;
  height: 4px;
}
.product-tablelist-2 .product-tablelist-desc {
  position: absolute;
  bottom: -0.5714285714285714rem;
  left: 0;
  width: 100%;
  height: 0.3928571428571429rem;
  font-size: 0.125rem;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  transition: opacity 0.6s linear;
  transition-delay: 0.2s;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene.scene-l7-content-table {
  height: auto;
  min-height: unset;
  padding: 1.4285714285714284rem 5.20833% 0;
}
.scene.scene-l7-content-table .scene-wrap {
  height: auto;
}
.scene.scene-l7-content-table .scene-inner {
  max-width: 15.357142857142856rem;
  height: 50.391vw;
  max-height: 8.633928571428573rem;
  margin: 0 auto;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.6s;
}
.scene.scene-l7-content-table .scene-inner[data-length="1"] .product-tablelist {
  pointer-events: none;
}
.scene.scene-l7-content-table
  .scene-inner[data-length="1"]
  .product-tablelist-item-wrap {
  border-bottom: 0;
}
.scene.scene-l7-content-table
  .scene-inner[data-length="1"]
  .product-tablelist-slider {
  display: none;
}
.scene.scene-l7-content-table
  .scene-inner[data-length="1"]
  .product-tablelist-item {
  padding-bottom: 0;
}
.scene.scene-l7-content-table
  .scene-inner[data-length="1"]
  .product-tablelist-item
  p {
  font-size: 0.17857142857142855rem;
  line-height: 0.25rem;
}
.scene.scene-l7-content-table
  .scene-inner[data-length="1"]
  .product-tablelist-desc {
  color: #bababa;
}
.scene.scene-l7-content-table .product-tablelist {
  z-index: 3;
}
.scene.scene-l7-content-table.dark {
  color: #fff;
  background-color: #000;
}
.scene.scene-l7-content-table.light {
  background-color: #fff;
}
.scene.scene-l7-content-table.light .scene-l7-content-table-content {
  color: #191919;
}
.scene.scene-l7-content-table.light .scene-l7-content-table-desc {
  color: #666;
}
.scene.scene-l7-content-table.light .scene-l7-content-table-videobtn,
.scene.scene-l7-content-table.light .scene-table-common-title {
  color: #191919;
}
.scene.scene-l7-content-table.light .scene-table-common-description {
  color: #666;
}
.scene.scene-l7-content-table.light .scene-l7-content-table-bottom p {
  color: #999;
}
.scene.scene-l7-content-table.bottomarea .scene-l7-content-table-bottom {
  height: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-l7-content-table.bottomarea .scene-l7-content-table-bottom {
    height: 120px;
  }
}
.scene.scene-l7-content-table.center-style .scene-l7-content-table-content {
  display: block;
  padding-bottom: 0.6071428571428572rem;
}
.scene.scene-l7-content-table.center-style .scene-l7-content-table-title {
  width: 100%;
  font-size: 0.3571428571428571rem;
  text-align: center;
  line-height: 0.5rem;
}
.scene.scene-l7-content-table.center-style .scene-l7-content-table-desc {
  width: 4.5982142857142865rem;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
}
.scene.scene-l7-content-table.center-style .scene-l7-content-table-videobtn {
  text-align: center;
}
@media (max-width: 720px) {
  .scene.scene-l7-content-table.center-style .scene-l7-content-table-content {
    padding-bottom: 24px;
  }
  .scene.scene-l7-content-table.center-style .scene-l7-content-table-title {
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
  }
  .scene.scene-l7-content-table.center-style .scene-l7-content-table-desc {
    width: 100%;
    margin: 0;
    color: #bababa;
    text-align: left;
  }
  .scene.scene-l7-content-table.center-style .scene-l7-content-table-videobtn {
    text-align: left;
  }
}
.scene.scene-l7-content-table.active .scene-inner,
.scene.scene-l7-content-table.active .scene-l7-content-table-bottom p,
.scene.scene-l7-content-table.active .scene-l7-content-table-data,
.scene.scene-l7-content-table.active .scene-l7-content-table-desc,
.scene.scene-l7-content-table.active .scene-l7-content-table-title,
.scene.scene-l7-content-table.active .scene-l7-content-table-videobtn {
  transform: translateZ(0);
  opacity: 1;
}
@media (max-width: 720px) {
  .scene.scene-l7-content-table {
    padding: 120px 0 0;
    color: #fff;
    background-color: transparent;
  }
  .scene.scene-l7-content-table .scene-inner {
    max-width: unset;
    width: 100%;
    max-height: unset;
    height: auto;
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
  }
  .scene.scene-l7-content-table .scene-table-common-item {
    padding: 0 20px;
    background-color: transparent;
  }
  .scene.scene-l7-content-table .scene-table-common-image {
    width: 100%;
    height: calc(56.25vw - 22.5px);
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .scene.scene-l7-content-table .scene-table-common-content {
    padding-top: 20px;
    text-align: left;
  }
  .scene.scene-l7-content-table .scene-table-common-title {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
  }
  .scene.scene-l7-content-table .scene-table-common-description {
    padding-bottom: 40px;
    color: #bababa;
  }
  .scene.scene-l7-content-table .scene-table-common-dot {
    width: 6px;
    height: 6px;
  }
  .scene.scene-l7-content-table .scene-table-common-button {
    left: 20px;
    width: calc(100% - 40px);
    height: calc(56.25vw - 22.5px);
  }
}
.scene-l7-content-table-content {
  position: relative;
  padding: 0 16.51163% 0.7142857142857142rem;
}
@media (min-width: 1921px) {
  .scene-l7-content-table-content {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-l7-content-table-content {
    padding: 0 20px 40px;
  }
}
.scene-l7-content-table-title {
  width: 5.7142857142857135rem;
  font-size: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.375;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
.scene-l7-content-table-title:nth-child(2) {
  transition-delay: 0.4s;
}
@media (max-width: 720px) {
  .scene-l7-content-table-title {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
  }
}
.scene-l7-content-table-desc {
  width: 5.7142857142857135rem;
  margin-top: 0.14285714285714285rem;
  font-size: 0.14285714285714285rem;
  color: #bababa;
  line-height: 1.5;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
@media (max-width: 720px) {
  .scene-l7-content-table-desc {
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-l7-content-table-videobtn {
  display: flex;
  margin-top: 0.21428571428571427rem;
  align-items: center;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 0.25rem;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
.scene-l7-content-table-videobtn i,
.scene-l7-content-table-videobtn span {
  cursor: pointer;
}
.scene-l7-content-table-videobtn i {
  margin-left: 4px;
  font-size: 0.14285714285714285rem;
}
@media (max-width: 720px) {
  .scene-l7-content-table-videobtn {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
  }
  .scene-l7-content-table-videobtn i {
    margin-left: 3px;
    font-size: 16px;
  }
}
.scene-l7-content-table-data {
  margin-top: 0.3571428571428571rem;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.6s;
}
.scene-l7-content-table-data p:first-child {
  font-size: 0.125rem;
  line-height: 1.5;
}
.scene-l7-content-table-data p:nth-child(2) {
  font-size: 0.10714285714285714rem;
  line-height: 1.6667;
}
.scene-l7-content-table-data p:nth-child(3) {
  padding-top: 0.03571428571428571rem;
  font-size: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #dbad76;
  line-height: 1.375;
}
@media (max-width: 720px) {
  .scene-l7-content-table-data {
    margin-top: 40px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
  .scene-l7-content-table-data p:first-child {
    font-size: 12px;
    line-height: 20px;
  }
  .scene-l7-content-table-data p:nth-child(2) {
    font-size: 10px;
    line-height: 18px;
  }
  .scene-l7-content-table-data p:nth-child(3) {
    padding-top: 4px;
    font-size: 20px;
    line-height: 28px;
  }
}
.scene-l7-content-table-shadow {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.821428571428571rem;
  background: linear-gradient(180deg, rgba(7, 8, 10, 0), #07080a);
  pointer-events: none;
}
@media (max-width: 720px) {
  .scene-l7-content-table-shadow {
    display: none;
  }
}
.scene-l7-content-table-bottom p {
  padding: 0.17857142857142855rem 16.51163% 0;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.9s;
}
@media (min-width: 1921px) {
  .scene-l7-content-table-bottom p {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-l7-content-table-bottom p {
    padding: 8px 20px 0 20px;
    color: #8c8c8c;
  }
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot
  .scene-l7-content-table-title {
  width: 100%;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot
  .scene-l7-content-table-desc {
  width: 100%;
  transition-delay: 0.4s;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.loaded
  .scene-l7-content-table-lightspotitem-image {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot.loaded
    .scene-l7-content-table-lightspotitem-image {
    background-image: var(--backgroundImage720);
  }
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.active
  .scene-l7-content-table-datalist,
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.active
  .scene-l7-content-table-lightspotitem,
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.active
  .scene-l7-content-table-lightspotlist-bottom,
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.active
  .scene-l7-content-table-lightspotlist-tip {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
  .scene-l7-content-table-lightspotitem {
  background-color: #fafafa;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
  .scene-l7-content-table-lightspotitem
  p:first-of-type {
  color: #191919;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
  .scene-l7-content-table-lightspotitem
  p:nth-of-type(2) {
  color: #666;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot.bottomarea {
  padding-bottom: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot .scene-inner {
    max-width: unset;
    max-height: unset;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot
    .scene-l7-content-table-content {
    display: block;
    padding-bottom: 16px;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot
    .scene-table-common-dotlist {
    padding-bottom: 40px;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
    .scene-l7-content-table-lightspotlist-button {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
    .scene-l7-content-table-lightspotlist-button
    .lxiconfont {
    color: #666;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
    .scene-l7-content-table-lightspotlist-dot {
    background-color: #ccc;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot.light
    .scene-l7-content-table-lightspotlist-dot.current {
    background-color: #666;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot.bottomarea {
    padding-bottom: 120px;
  }
}
.scene-l7-content-table-datalist {
  display: flex;
  padding-top: 0.3571428571428571rem;
  flex-wrap: wrap;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transition-delay: 0.5s;
  opacity: 0;
  will-change: transform, opacity;
}
@media (max-width: 720px) {
  .scene-l7-content-table-datalist {
    display: flex;
    padding-top: 40px;
    flex-wrap: wrap;
  }
}
.scene-l7-content-table-dataitem {
  padding: 0 0.5714285714285714rem;
  border-right: 1px solid hsla(0, 0%, 50.2%, 0.4);
}
.scene-l7-content-table-dataitem p:first-child {
  margin-bottom: 0.07142857142857142rem;
  font-size: 0.125rem;
  line-height: 1.5;
}
.scene-l7-content-table-dataitem p:nth-child(2) {
  font-size: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #dbad76;
  line-height: 1.375;
}
.scene-l7-content-table-dataitem:first-child {
  padding-left: 0;
}
.scene-l7-content-table-dataitem:last-child {
  padding-right: 0;
  border-right: 0 none;
}
@media (max-width: 720px) {
  .scene-l7-content-table-dataitem {
    padding: 0 40px 24px 0;
    border-right: 0;
  }
  .scene-l7-content-table-dataitem p:first-child {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 20px;
  }
  .scene-l7-content-table-dataitem p:nth-child(2) {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 720px) {
  .scene-l7-content-table-lightspotlist-wrap {
    overflow: hidden;
    margin: 40px 20px 0;
  }
}
.scene-l7-content-table-lightspotlist {
  display: flex;
  width: 100%;
  max-width: 1720px;
  padding-top: 0.3571428571428571rem;
  margin: 0 auto;
}
.scene-l7-content-table-lightspotlist.lightspot4
  .scene-l7-content-table-lightspotitem
  p {
  padding: 0 0.3571428571428571rem;
}
@media (max-width: 720px) {
  .scene-l7-content-table-lightspotlist {
    max-width: unset;
    padding-top: 0;
    overflow: hidden;
    margin: 0;
  }
}
.scene-l7-content-table-lightspotitem {
  padding-bottom: 0.3214285714285714rem;
  margin-right: 0.21428571428571427rem;
  flex: 1;
  text-align: center;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
}
.scene-l7-content-table-lightspotitem p {
  padding: 0 0.7142857142857142rem;
}
.scene-l7-content-table-lightspotitem p:first-of-type {
  margin-bottom: 0.10714285714285714rem;
  font-size: 0.1607142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.4444;
}
.scene-l7-content-table-lightspotitem p:nth-of-type(2) {
  font-size: 0.125rem;
  color: #bababa;
  line-height: 1.5;
}
.scene-l7-content-table-lightspotitem:first-child {
  transition-delay: 0.6s;
}
.scene-l7-content-table-lightspotitem:nth-child(2) {
  transition-delay: 0.7s;
}
.scene-l7-content-table-lightspotitem:nth-child(3) {
  transition-delay: 0.8s;
}
.scene-l7-content-table-lightspotitem:nth-child(4) {
  transition-delay: 0.9s;
}
.scene-l7-content-table-lightspotitem:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  .scene-l7-content-table-lightspotitem {
    width: 100%;
    padding: 0;
    margin: 0;
    flex: unset;
    flex-shrink: 0;
    background-color: #191919;
    transition-delay: 0.6s;
  }
  .scene-l7-content-table-lightspotitem p {
    padding: 20px !important;
  }
  .scene-l7-content-table-lightspotitem p:first-of-type {
    padding-bottom: 8px !important;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
  }
  .scene-l7-content-table-lightspotitem p:nth-of-type(2) {
    padding-top: 0 !important;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-l7-content-table-lightspotitem-image {
  padding-top: 75%;
  margin-bottom: 0.17857142857142855rem;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-l7-content-table-lightspotitem-image {
    height: calc(56.25vw - 22.5px);
    padding-top: 0;
    margin-bottom: 0;
  }
}
.scene-l7-content-table-lightspotlist-bottom {
  display: none;
}
@media (max-width: 720px) {
  .scene-l7-content-table-lightspotlist-bottom {
    display: flex;
    padding-top: 24px;
    align-items: center;
    justify-content: center;
    transform: translate3d(0, 90px, 0);
    transition: opacity 0.8s linear,
      transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    transition-delay: 0.6s;
    opacity: 0;
    will-change: transform, opacity;
  }
}
.scene-l7-content-table-lightspotlist-button {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 11px;
  align-items: center;
  justify-content: center;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.scene-l7-content-table-lightspotlist-button .lxiconfont {
  font-size: 24px;
  color: #999;
}
.scene-l7-content-table-lightspotlist-button.next {
  transform: rotate(180deg);
}
.scene-l7-content-table-lightspotlist-dotlist {
  display: flex;
}
.scene-l7-content-table-lightspotlist-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 0 5px;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.scene-l7-content-table-lightspotlist-dot.current {
  background-color: #999;
}
.scene-l7-content-table-lightspotlist-tip {
  padding: 0.17857142857142855rem 16.51163% 0;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.9s;
}
@media (min-width: 1921px) {
  .scene-l7-content-table-lightspotlist-tip {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-l7-content-table-lightspotlist-tip {
    padding: 8px 20px 0;
    color: #bababa;
    line-height: 18px;
  }
}
.product-tablelist {
  z-index: 2;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 11.714285714285714rem;
  transform: translate3d(-50%, 0, 0);
}
.product-tablelist.short {
  width: 9.714285714285715rem;
}
.product-tablelist.active .product-tablelist-bar {
  width: 100%;
}
.product-tablelist.active .product-tablelist-tip,
.product-tablelist.active p {
  transform: translateZ(0);
  opacity: 1;
}
.product-tablelist.ready .product-tablelist-bar {
  transition: opacity 0.3s ease-in;
  transition-delay: 0s !important;
}
.product-tablelist.ready p {
  transition: color 0.3s ease-in;
  transition-delay: 0s !important;
}
@media (max-width: 1024px) {
  .product-tablelist {
    width: 73.53515625vw;
  }
}
.product-tablelist-inner {
  display: flex;
  padding-bottom: 0.8928571428571428rem;
  justify-content: center;
}
@media (max-width: 1024px) {
  .product-tablelist-inner {
    bottom: 8.203125vw;
  }
}
.product-tablelist-item {
  position: relative;
  padding-top: 0.21428571428571427rem;
  margin-right: 0.2857142857142857rem;
  flex: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.product-tablelist-item:last-child {
  margin-right: 0;
}
.product-tablelist-item p {
  color: #999;
  transform: translate3d(0, 20px, 0);
  transition: color 0.3s ease-in,
    transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.3s ease-in;
  opacity: 0;
  will-change: transform, opacity;
}
.product-tablelist-item p:first-child {
  font-size: 0.21428571428571427rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.3571428571428571rem;
}
.product-tablelist-item p:nth-child(2) {
  min-height: 0.42857142857142855rem;
  margin-top: 0.07142857142857142rem;
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
}
.product-tablelist-item p:nth-child(3) {
  margin-top: 0.07142857142857142rem;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
}
.product-tablelist-item.current .product-tablelist-bar.blue {
  opacity: 1;
}
.product-tablelist-item.current p {
  color: #fff;
}
.product-tablelist-item:first-child .product-tablelist-bar {
  transition-delay: 0s;
}
.product-tablelist-item:first-child p:first-child {
  transition-delay: 0.1s;
}
.product-tablelist-item:first-child p:nth-child(2),
.product-tablelist-item:first-child p:nth-child(3) {
  transition-delay: 0.2s;
}
.product-tablelist-item:nth-child(2) .product-tablelist-bar {
  transition-delay: 0.1s;
}
.product-tablelist-item:nth-child(2) p:first-child {
  transition-delay: 0.2s;
}
.product-tablelist-item:nth-child(2) p:nth-child(2),
.product-tablelist-item:nth-child(2) p:nth-child(3) {
  transition-delay: 0.3s;
}
.product-tablelist-item:nth-child(3) .product-tablelist-bar {
  transition-delay: 0.2s;
}
.product-tablelist-item:nth-child(3) p:first-child {
  transition-delay: 0.3s;
}
.product-tablelist-item:nth-child(3) p:nth-child(2),
.product-tablelist-item:nth-child(3) p:nth-child(3) {
  transition-delay: 0.4s;
}
.product-tablelist-item:nth-child(4) .product-tablelist-bar {
  transition-delay: 0.3s;
}
.product-tablelist-item:nth-child(4) p:first-child {
  transition-delay: 0.4s;
}
.product-tablelist-item:nth-child(4) p:nth-child(2),
.product-tablelist-item:nth-child(4) p:nth-child(3) {
  transition-delay: 0.5s;
}
.product-tablelist-item:nth-child(5) .product-tablelist-bar {
  transition-delay: 0.4s;
}
.product-tablelist-item:nth-child(5) p:first-child {
  transition-delay: 0.5s;
}
.product-tablelist-item:nth-child(5) p:nth-child(2),
.product-tablelist-item:nth-child(5) p:nth-child(3) {
  transition-delay: 0.6s;
}
@media (max-width: 1024px) {
  .product-tablelist-item {
    padding-top: 1.171875vw;
    margin-right: 2.34375vw;
  }
  .product-tablelist-item p:first-child {
    font-size: 1.5625vw;
    line-height: 2.734375vw;
  }
  .product-tablelist-item p:nth-child(2) {
    min-height: 3.90625vw;
  }
  .product-tablelist-item p:nth-child(2),
  .product-tablelist-item p:nth-child(3) {
    margin-top: 0.390625vw;
    font-size: 12px;
    line-height: 1.953125vw;
  }
}
.product-tablelist-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  transition: width 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  will-change: width;
}
.product-tablelist-bar.gray {
  background-color: #999;
}
.product-tablelist-bar.blue {
  background-color: #dbad76;
  opacity: 0;
}
.product-tablelist-mute {
  position: relative;
  width: 0.21428571428571427rem;
  height: 0.21428571428571427rem;
  margin-left: 0.14285714285714285rem;
}
.product-tablelist-mute .lxiconfont {
  position: absolute;
  left: -0.03571428571428571rem;
  top: -0.03571428571428571rem;
  display: flex;
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 0.21428571428571427rem;
  color: #fff;
  line-height: 1;
  background-color: hsla(0, 0%, 100%, 0.3);
}
@media (max-width: 720px) {
  .product-tablelist-mute {
    z-index: 1;
    position: absolute;
    left: 4.444444444444445vw;
    top: -22.22222222222222vw;
    width: 7.777777777777778vw;
    height: 7.777777777777778vw;
    margin-left: 0;
  }
  .product-tablelist-mute .lxiconfont {
    position: static;
    width: 100%;
    height: 100%;
    font-size: 7.777777777777778vw;
    background-color: transparent;
  }
}
.product-tablelist-tip {
  padding-bottom: 0.3571428571428571rem;
  margin-top: -0.4642857142857143rem;
  font-size: 0.14285714285714285rem;
  color: hsla(0, 0%, 100%, 0.6);
  line-height: 0.25rem;
  text-align: center;
  transform: translate3d(0, 20px, 0);
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  transition-delay: 0.7s;
  opacity: 0;
}
.product-tablelist-tech.ready .product-tablelist-item p {
  transition: color 0.3s ease-in;
}
.product-tablelist-tech.ready .product-tablelist-desc {
  transition: opacity 0.3s ease-in;
}
.product-tablelist-tech.active
  .product-tablelist-item.current
  + .product-tablelist-desc {
  opacity: 1;
}
.product-tablelist-tech .product-tablelist-inner {
  position: relative;
  bottom: 0;
  padding-bottom: 0.6964285714285714rem;
}
.product-tablelist-tech .product-tablelist-inner > div {
  width: 2.571428571428571rem;
}
@media (max-width: 820px) {
  .product-tablelist-tech .product-tablelist-inner {
    padding-bottom: 50px;
  }
}
.product-tablelist-tech .product-tablelist-item {
  height: 100%;
  padding: 0 0.14285714285714285rem 0.14285714285714285rem;
  margin-right: 0;
  text-align: center;
}
.product-tablelist-tech .product-tablelist-item p {
  transition: opacity 0.6s linear,
    transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.product-tablelist-tech .product-tablelist-item p:first-child {
  font-size: 0.17857142857142855rem;
  color: #bababa;
  line-height: 1.4;
}
.product-tablelist-tech .product-tablelist-item p:nth-child(2) {
  display: none;
}
.product-tablelist-tech .product-tablelist-bar {
  top: unset;
  bottom: 0;
  transition: opacity 0.6s linear,
    width 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.product-tablelist-tech .product-tablelist-bar.blue {
  background-color: var(--barColor);
}
.product-tablelist-tech .product-tablelist-desc {
  position: absolute;
  bottom: 0.3571428571428571rem;
  left: 0;
  width: 100%;
  height: 0.19642857142857145rem;
  font-size: 0.125rem;
  color: #8c8c8c;
  line-height: 1.5;
  text-align: center;
  transition: opacity 0.6s linear;
  transition-delay: 0.2s;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 820px) {
  .product-tablelist-tech .product-tablelist-desc {
    bottom: 18px;
    height: 24px;
  }
}
.product-tablelist-tech .product-tablelist-slider {
  display: none;
}
@media (max-width: 720px) {
  .scene-techoverview + .scene.scene-techtable {
    padding-top: 80px;
  }
}
.scene.scene-techtable {
  height: auto;
  min-height: unset;
  padding: 1.0714285714285714rem 0.8928571428571428rem 0;
  color: #191919;
}
.scene.scene-techtable .scene-wrap {
  height: auto;
}
.scene.scene-techtable .scene-inner {
  max-width: 15.357142857142856rem;
  height: calc(56.25vw - 1.00446rem);
  max-height: 8.633928571428573rem;
  border-radius: 4px;
  margin: 0 auto;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
.scene.scene-techtable .product-tablelist {
  z-index: 3;
}
.scene.scene-techtable .scene-table-common-item {
  border-radius: 4px;
}
.scene.scene-techtable.active .scene-inner,
.scene.scene-techtable.active .scene-techtable-bottom p,
.scene.scene-techtable.active .scene-techtable-btn,
.scene.scene-techtable.active .scene-techtable-caption,
.scene.scene-techtable.active .scene-techtable-datalist,
.scene.scene-techtable.active .scene-techtable-desc,
.scene.scene-techtable.active .scene-techtable-labellist,
.scene.scene-techtable.active .scene-techtable-rightlist,
.scene.scene-techtable.active .scene-techtable-single p,
.scene.scene-techtable.active .scene-techtable-title,
.scene.scene-techtable.active .scene-techtable-videobtn {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-techtable.position1 .product-tablelist-item p {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.scene.scene-techtable.position2 .product-tablelist {
  left: unset;
  right: 0;
  width: unset;
  transform: none;
}
.scene.scene-techtable.position2 .product-tablelist-inner {
  padding-bottom: 0;
}
.scene.scene-techtable.position2 .product-tablelist-inner > div {
  width: unset;
}
.scene.scene-techtable.position2 .product-tablelist-item {
  padding: 0 0.17857142857142855rem 0.08928571428571427rem;
}
.scene.scene-techtable.position2 .product-tablelist-item p {
  color: #999;
}
.scene.scene-techtable.position2 .product-tablelist-item.current p {
  color: #191919;
}
.scene.scene-techtable.position2 .product-tablelist-bar.gray {
  background-color: rgba(0, 0, 0, 0.1);
}
.scene.scene-techtable.position2 .product-tablelist-desc {
  display: none;
}
.scene.scene-techtable.position3 .product-tablelist {
  display: flex;
  justify-content: center;
}
.scene.scene-techtable.position3 .product-tablelist-inner {
  display: inline-flex;
  padding: 0.03571428571428571rem;
  border-radius: 100px;
  margin-bottom: 0.3571428571428571rem;
  background-color: #fff;
}
.scene.scene-techtable.position3 .product-tablelist-inner > div {
  width: unset;
}
.scene.scene-techtable.position3 .product-tablelist-item {
  display: flex;
  min-width: 1.3035714285714286rem;
  height: 0.4642857142857143rem;
  border-radius: 100px;
  padding: 0 0.2857142857142857rem;
  align-items: center;
  justify-content: center;
  font-size: 0.17857142857142855rem;
  line-height: 1.4;
  background-color: #fff;
  transition: background-color 0.3s ease-in;
}
.scene.scene-techtable.position3 .product-tablelist-item p {
  color: #666;
}
.scene.scene-techtable.position3 .product-tablelist-item.current {
  background-color: #191919;
}
.scene.scene-techtable.position3 .product-tablelist-item.current p {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
}
.scene.scene-techtable.position3 .product-tablelist-bar,
.scene.scene-techtable.position3 .product-tablelist-desc {
  display: none;
}
.scene.scene-techtable.position4 .scene-inner {
  height: auto;
  max-height: unset;
  overflow: unset;
}
@media (max-width: 720px) {
  .scene.scene-techtable.position4 .scene-inner {
    overflow: hidden;
  }
}
.scene.scene-techtable.position4 .scene-table-common-list {
  height: calc(42.55vw - 0.75982rem);
  max-height: 6.535714285714285rem;
}
.scene.scene-techtable.position4 .product-tablelist {
  position: static;
  padding-top: 0.3571428571428571rem;
  margin: 0 auto;
  transform: none;
}
.scene.scene-techtable.position4 .product-tablelist-item p {
  color: #999;
}
.scene.scene-techtable.position4 .product-tablelist-item.current p {
  color: #191919;
}
.scene.scene-techtable.position4 .product-tablelist-bar.gray {
  background-color: #ebebeb;
}
.scene.scene-techtable.position4 .product-tablelist-desc {
  color: #666;
}
@media (max-width: 720px) {
  .scene.scene-techtable.position4 .scene-table-common-list {
    height: auto;
    max-height: unset;
  }
}
.scene.scene-techtable.position5 .product-tablelist {
  display: flex;
  justify-content: center;
}
.scene.scene-techtable.position5
  .product-tablelist.current0
  .product-tablelist-slider {
  left: 32px;
}
.scene.scene-techtable.position5
  .product-tablelist.current1
  .product-tablelist-slider {
  left: 120px;
}
.scene.scene-techtable.position5
  .product-tablelist.current2
  .product-tablelist-slider {
  left: 208px;
}
.scene.scene-techtable.position5
  .product-tablelist.current3
  .product-tablelist-slider {
  left: 296px;
}
.scene.scene-techtable.position5
  .product-tablelist.current4
  .product-tablelist-slider {
  left: 384px;
}
.scene.scene-techtable.position5 .product-tablelist-inner,
.scene.scene-techtable.position5 .scene-techtable-labellist {
  display: inline-flex;
  height: 24px;
  padding: 0;
  border-radius: 100px;
  margin-bottom: 0.4017857142857143rem;
  align-items: center;
  background-color: #fff;
}
.scene.scene-techtable.position5 .product-tablelist-inner > div,
.scene.scene-techtable.position5 .scene-techtable-labellist > div {
  width: unset;
}
.scene.scene-techtable.position5
  .product-tablelist-inner
  > div:last-child
  .product-tablelist-item,
.scene.scene-techtable.position5
  .scene-techtable-labellist
  > div:last-child
  .product-tablelist-item {
  margin-right: 0;
}
@media (max-width: 720px) {
  .scene.scene-techtable.position5 .product-tablelist-inner,
  .scene.scene-techtable.position5 .scene-techtable-labellist {
    width: 100%;
    height: 30px;
    border-radius: 30px;
    margin: 11px 0 31px;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.04);
  }
}
.scene.scene-techtable.position5 div.product-tablelist-slider,
.scene.scene-techtable.position5 div.scene-techtable-slider {
  z-index: 1;
  position: absolute;
  top: 50%;
  display: flex;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  background-color: #191919;
  transition: left 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91),
    background-color 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform: translate3d(-50%, -50%, 0);
  cursor: pointer;
}
.scene.scene-techtable.position5 div.product-tablelist-slider i,
.scene.scene-techtable.position5 div.scene-techtable-slider i {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 3px;
  height: 20px;
  border-radius: 30px;
  background-color: #fff;
  transform: translate3d(-50%, -50%, 0);
}
.scene.scene-techtable.position5 div.product-tablelist-slider i:first-child,
.scene.scene-techtable.position5 div.scene-techtable-slider i:first-child {
  margin-left: -8px;
}
.scene.scene-techtable.position5 div.product-tablelist-slider i:last-child,
.scene.scene-techtable.position5 div.scene-techtable-slider i:last-child {
  margin-left: 8px;
}
.scene.scene-techtable.position5 div.product-tablelist-slider.position0,
.scene.scene-techtable.position5 div.scene-techtable-slider.position0 {
  left: 27px;
}
.scene.scene-techtable.position5 div.product-tablelist-slider.position1,
.scene.scene-techtable.position5 div.scene-techtable-slider.position1 {
  left: calc(13.5px + 25%);
}
.scene.scene-techtable.position5 div.product-tablelist-slider.position2,
.scene.scene-techtable.position5 div.scene-techtable-slider.position2 {
  left: 50%;
}
.scene.scene-techtable.position5 div.product-tablelist-slider.position3,
.scene.scene-techtable.position5 div.scene-techtable-slider.position3 {
  left: calc(-13.5px + 75%);
}
.scene.scene-techtable.position5 div.product-tablelist-slider.position4,
.scene.scene-techtable.position5 div.scene-techtable-slider.position4 {
  left: calc(-27px + 100%);
}
@media (max-width: 720px) {
  .scene.scene-techtable.position5 div.product-tablelist-slider,
  .scene.scene-techtable.position5 div.scene-techtable-slider {
    width: 44px;
    height: 44px;
    box-shadow: 0 2.75px 16.5px rgba(0, 0, 0, 0.2);
  }
  .scene.scene-techtable.position5 div.product-tablelist-slider i,
  .scene.scene-techtable.position5 div.scene-techtable-slider i {
    height: 16px;
  }
  .scene.scene-techtable.position5 div.product-tablelist-slider i:first-child,
  .scene.scene-techtable.position5 div.scene-techtable-slider i:first-child {
    margin-left: -7px;
  }
  .scene.scene-techtable.position5 div.product-tablelist-slider i:last-child,
  .scene.scene-techtable.position5 div.scene-techtable-slider i:last-child {
    margin-left: 7px;
  }
}
.scene.scene-techtable.position5 .product-tablelist-item,
.scene.scene-techtable.position5 div.scene-techtable-label {
  position: relative;
  display: flex;
  width: 32px;
  padding: 0 16px;
  margin: 0;
  margin-right: 24px;
  box-sizing: content-box;
  align-items: center;
  justify-content: center;
}
.scene.scene-techtable.position5 .product-tablelist-item p,
.scene.scene-techtable.position5 div.scene-techtable-label p {
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #999;
  line-height: 1;
}
@media (max-width: 720px) {
  .scene.scene-techtable.position5 .product-tablelist-item,
  .scene.scene-techtable.position5 div.scene-techtable-label {
    width: 30px;
    padding: 0 12px;
    margin: 0;
    color: #999;
  }
}
.scene.scene-techtable.position5 .product-tablelist-bar {
  display: none;
}
.scene.scene-techtable.position5 .product-tablelist-desc {
  bottom: 42px;
  height: 28px;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .scene.scene-techtable.position5 .scene-techtable-bottom p {
    padding-top: 0;
  }
}
.scene.scene-techtable.position6 .product-tablelist {
  width: 10.285714285714285rem;
  pointer-events: none;
}
.scene.scene-techtable.position6
  .product-tablelist.active
  .product-tablelist-desc {
  opacity: 1 !important;
}
.scene.scene-techtable.position6
  .product-tablelist.ready
  .product-tablelist-desc {
  transition-delay: 0s;
}
.scene.scene-techtable.position6 .product-tablelist-inner {
  padding-bottom: 0.4464285714285714rem;
}
.scene.scene-techtable.position6 .product-tablelist-inner > div {
  position: relative;
  width: 3.375rem;
  padding: 0 0.3571428571428571rem;
}
.scene.scene-techtable.position6 .product-tablelist-inner > div:after {
  position: absolute;
  right: 0;
  top: 50%;
  height: 0.2857142857142857rem;
  width: 1px;
  margin-top: -0.14285714285714285rem;
  background-color: hsla(0, 0%, 100%, 0.7);
  content: "";
}
.scene.scene-techtable.position6 .product-tablelist-inner > div:nth-child(2) {
  padding-left: 0;
}
.scene.scene-techtable.position6 .product-tablelist-inner > div:last-child {
  padding-right: 0;
}
.scene.scene-techtable.position6
  .product-tablelist-inner
  > div:last-child:after {
  display: none;
}
.scene.scene-techtable.position6 .product-tablelist-item {
  height: unset;
  padding: 0;
  text-align: left;
}
.scene.scene-techtable.position6 .product-tablelist-item p {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.14285714285714285rem !important;
  color: #fff !important;
  line-height: 1.75;
}
.scene.scene-techtable.position6 .product-tablelist-bar {
  display: none;
}
.scene.scene-techtable.position6 .product-tablelist-desc {
  position: static;
  height: unset;
  text-align: left;
  color: hsla(0, 0%, 100%, 0.5);
  transition-delay: 0.2s;
  opacity: 0 !important;
}
.scene.scene-techtable.position6 .scene-table-common-item:nth-child(n + 2) {
  display: none;
}
.scene.scene-techtable[data-language="en"] .product-tablelist-item p {
  font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
@media (max-width: 1024px) {
  .scene.scene-techtable.position1 .product-tablelist {
    width: calc(100% - 32px);
  }
  .scene.scene-techtable.position6 .product-tablelist {
    width: 100%;
    padding: 0 16px;
  }
  .scene.scene-techtable.position6 .product-tablelist-inner {
    padding-bottom: 40px;
  }
}
@media (max-width: 720px) {
  .scene.scene-techtable {
    padding: 40px 0 24px;
  }
  .scene.scene-techtable .scene-inner {
    max-width: unset;
    width: 100%;
    max-height: unset;
    height: auto;
    padding: 0 14px !important;
    border-radius: 0;
    margin: 0;
  }
  .scene.scene-techtable .scene-table-common-list {
    padding-bottom: 16px;
  }
  .scene.scene-techtable .scene-table-common-item {
    padding: 0 6px;
    border-radius: 0;
  }
  .scene.scene-techtable .scene-table-common-image {
    width: 100%;
    height: calc(75vw - 30px);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .scene.scene-techtable .scene-table-common-image video {
    border-radius: 8px;
  }
  .scene.scene-techtable .scene-techtable-caption {
    color: #666;
  }
  .scene.scene-techtable .scene-table-common-button {
    left: 6px;
    width: calc(100% - 12px);
    height: 100%;
  }
  .scene.scene-techtable.position6 .scene-table-common-list {
    padding-bottom: 0;
  }
  .scene.scene-techtable.position6 .scene-techtable-caption {
    display: none;
  }
  .scene.scene-techtable.position6 .scene-techtable-labellist {
    border-left: 0;
    pointer-events: none;
  }
  .scene.scene-techtable.position6 .scene-techtable-slider {
    display: none;
  }
  .scene.scene-techtable.position6 .scene-techtable-label {
    padding-left: 0;
    margin-bottom: 16px;
  }
  .scene.scene-techtable.position6 .scene-techtable-label b,
  .scene.scene-techtable.position6 .scene-techtable-label em {
    display: block;
  }
  .scene.scene-techtable.position6 .scene-techtable-label b {
    color: #191919;
  }
  .scene.scene-techtable.position6 .scene-techtable-label em {
    padding-top: 4px;
    font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
  }
}
.scene-techtable-content {
  position: relative;
  width: 10.285714285714285rem;
  padding-bottom: 0.3571428571428571rem;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-techtable-content {
    width: 100%;
    padding: 0 20px 40px;
  }
}
.scene-techtable-row {
  position: relative;
}
.scene-techtable-title {
  width: 5.7142857142857135rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.5652;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
@media (max-width: 720px) {
  .scene-techtable-title {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }
}
.scene-techtable-desc {
  width: 6.607142857142858rem;
  padding-top: 0.21428571428571427rem;
  font-size: 0.17857142857142855rem;
  color: #666;
  line-height: 1.4;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.4s;
}
@media (max-width: 720px) {
  .scene-techtable-desc {
    width: 100%;
    padding-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-techtable-rightlist {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
@media (max-width: 720px) {
  .scene-techtable-rightlist {
    position: static;
    padding-top: 24px;
    flex-wrap: wrap;
  }
}
.scene-techtable-rightitem {
  margin-left: 0.5714285714285714rem;
}
@media (max-width: 720px) {
  .scene-techtable-rightitem {
    margin-left: 0;
    margin-right: 64px;
  }
}
.scene-techtable-rightitem-title {
  margin-bottom: 0.03571428571428571rem;
  font-size: 0.14285714285714285rem;
  color: #999;
  line-height: 1.75;
}
@media (max-width: 720px) {
  .scene-techtable-rightitem-title {
    margin-bottom: 4px;
    font-size: 12px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #666;
    line-height: 20px;
  }
}
.scene-techtable-rightitem-content {
  font-size: 0.21428571428571427rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3333;
}
@media (max-width: 720px) {
  .scene-techtable-rightitem-content {
    font-size: 20px;
    line-height: 1.4;
  }
}
.scene-techtable-btn {
  margin-top: 16px;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
.scene-techtable-btn .product-button {
  width: 0.9285714285714286rem;
  height: 0.3928571428571429rem;
  margin: 0;
  font-size: 0.125rem;
}
@media (max-width: 720px) {
  .scene-techtable-btn .product-button {
    width: 80px;
    height: 32px;
    font-size: 14px;
  }
}
.scene-techtable-videobtn {
  display: flex;
  margin-top: 0.21428571428571427rem;
  align-items: center;
  font-size: 0.14285714285714285rem;
  color: #191919;
  line-height: 1.75;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
.scene-techtable-videobtn i,
.scene-techtable-videobtn span {
  cursor: pointer;
}
.scene-techtable-videobtn i {
  margin-left: 4px;
}
@media (max-width: 720px) {
  .scene-techtable-videobtn {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
  }
  .scene-techtable-videobtn i {
    margin-left: 3px;
  }
}
.scene-techtable-datalist {
  display: flex;
  margin-top: 24px;
  flex-wrap: wrap;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.5s;
}
.scene-techtable-datalist.notitle .scene-techtable-dataitem-content {
  padding-top: 0;
}
@media (max-width: 720px) {
  .scene-techtable-datalist {
    margin-top: 8px;
  }
}
.scene-techtable-dataitem {
  margin-right: 0.7142857142857142rem;
  flex-shrink: 0;
}
@media (max-width: 720px) {
  .scene-techtable-dataitem {
    padding-top: 16px;
    margin-right: 64px;
  }
}
.scene-techtable-dataitem-title {
  font-size: 0.125rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.4286;
}
.scene-techtable-dataitem-title + .scene-techtable-dataitem-content {
  padding-top: 0;
}
@media (max-width: 720px) {
  .scene-techtable-dataitem-title {
    margin-bottom: 4px;
    font-size: 12px;
    color: #666;
    line-height: 20px;
  }
}
.scene-techtable-dataitem-content {
  padding-top: 0.17857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-techtable-dataitem-content {
    padding-top: 24px;
  }
}
.scene-techtable-dataitem-value {
  margin-right: 0.03571428571428571rem;
  font-size: 0.41071428571428575rem;
  line-height: 1.5652;
}
.scene-techtable-dataitem-value[data-right="0"] {
  margin-right: 0;
}
@media (max-width: 720px) {
  .scene-techtable-dataitem-value {
    margin-right: 4px;
    font-size: 20px;
    line-height: 1.4;
  }
}
.scene-techtable-dataitem-unit {
  font-size: 0.21428571428571427rem;
  line-height: 1.3333;
}
@media (max-width: 720px) {
  .scene-techtable-dataitem-unit {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-techtable-dataitem-tip {
  font-size: 12px;
  color: #999;
  line-height: 1.6666;
}
@media (max-width: 720px) {
  .scene-techtable-dataitem-tip {
    line-height: 1.5;
  }
}
.scene-techtable-single {
  z-index: 3;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 10.285714285714285rem;
  padding-bottom: 0.42857142857142855rem;
  text-align: center;
  transform: translate3d(-50%, 0, 0);
}
@media (max-width: 720px) {
  .scene-techtable-single {
    position: static;
    width: 100%;
    padding: 0 6px;
    text-align: left;
    transform: none;
  }
}
.scene-techtable-single-title {
  font-size: 0.17857142857142855rem;
  color: #fff;
  line-height: 1.4;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.6s;
}
@media (max-width: 720px) {
  .scene-techtable-single-title {
    padding-top: 8px;
    font-size: 14px;
    color: #191919;
    line-height: 22px;
  }
}
.scene-techtable-single-desc {
  padding-top: 0.14285714285714285rem;
  font-size: 0.125rem;
  color: #bababa;
  line-height: 1.5;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.7s;
}
@media (max-width: 720px) {
  .scene-techtable-single-desc {
    padding-top: 8px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
  }
}
.scene-techtable-shadow {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.7857142857142856rem;
  background: linear-gradient(
    180deg,
    rgba(7, 8, 10, 0),
    transparent 0.01%,
    #000
  );
  pointer-events: none;
}
@media (max-width: 720px) {
  .scene-techtable-shadow {
    display: none;
  }
}
.scene-techtable-bottom {
  padding-bottom: 0.3571428571428571rem;
}
.scene-techtable-bottom p {
  width: 10.285714285714285rem;
  padding-top: 0.17857142857142855rem;
  margin: 0 auto;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.7s;
}
@media (max-width: 720px) {
  .scene-techtable-bottom {
    padding-bottom: 0;
  }
  .scene-techtable-bottom p {
    width: auto;
    padding: 0 20px 16px;
    margin: 0;
    line-height: 1.5;
    color: #666;
    transition-delay: 0.9s;
  }
}
.scene-techtable-caption {
  display: none;
}
@media (max-width: 720px) {
  .scene-techtable-caption {
    display: block;
    padding: 0 6px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
    transform: translate3d(0, 90px, 0);
    transition: opacity 0.8s linear,
      transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
    will-change: transform, opacity;
    transition-delay: 0.7s;
  }
}
.scene-techtable-labellist {
  display: none;
}
@media (max-width: 720px) {
  .scene-techtable-labellist {
    position: relative;
    display: block;
    border-left: 1px solid hsla(0, 0%, 85.1%, 0.2);
    margin: 24px 6px 16px;
    transform: translate3d(0, 90px, 0);
    transition: opacity 0.8s linear,
      transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
    will-change: transform, opacity;
    transition-delay: 0.8s;
  }
}
.scene-techtable-label {
  display: none;
}
@media (max-width: 720px) {
  .scene-techtable-label {
    position: relative;
    display: block;
    padding-left: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #999;
    line-height: 28px;
    transition: color 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
  .scene-techtable-label:last-child {
    margin-bottom: 0;
  }
  .scene-techtable-label.current {
    color: #191919;
  }
}
.scene-techtable-slider,
.scene-techtable-slider i {
  display: none;
}
@media (max-width: 720px) {
  .scene-techtable-slider {
    position: absolute;
    left: -1px;
    top: 0;
    display: block;
    width: 1px;
    height: 28px;
    background-color: var(--barColor);
    transition: top 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
  .scene-techtable-slider.position0 {
    top: 0;
  }
  .scene-techtable-slider.position1 {
    top: 36px;
  }
  .scene-techtable-slider.position2 {
    top: 72px;
  }
  .scene-techtable-slider.position3 {
    top: 108px;
  }
  .scene-techtable-slider.position4 {
    top: 144px;
  }
}
#chj-header header {
  transition: background-color 0.2s ease-in, opacity 0.2s ease-in,
    transform 0.2s ease-in;
}
#chj-header.hide header {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
@media (max-width: 720px) {
  .lx-elevator.active {
    bottom: calc(68px + constant(safe-area-inset-bottom));
    bottom: calc(68px + env(safe-area-inset-bottom));
  }
}
.product-header {
  z-index: 500;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: hsla(0, 0%, 100%, 0.8);
  transform: translateZ(0);
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 1;
  will-change: transform, opacity;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.product-header.hide {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
@media (max-width: 720px) {
  .product-header.bottom {
    top: unset;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .product-header.bottom.hide {
    transform: translate3d(0, 100%, 0);
  }
  .product-header.bottom .product-header-inner {
    height: 52px;
  }
  .product-header.bottom .product-header-inner .product-button {
    width: auto;
    height: 36px;
    margin: 0;
    font-size: 14px;
  }
  .product-header.bottom .product-header-inner .product-button.link {
    width: auto;
    color: #191919;
  }
  .product-header.bottom .product-header-inner .product-button.main {
    width: 170px;
  }
  .product-header.bottom
    .product-header-inner[data-length="1"]
    .product-button {
    width: 100%;
  }
}
.product-header-inner {
  display: flex;
  width: 11.714285714285714rem;
  height: 0.5rem;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.product-header-inner .product-button {
  width: 1.4821428571428572rem;
  height: 0.3214285714285714rem;
  margin: 0 0.10714285714285714rem;
  font-size: 0.125rem;
}
.product-header-inner .product-button.link {
  width: auto;
  border-bottom: 0 none;
  color: #1a1a1a;
  opacity: 1;
}
.product-header-inner .product-button.sub {
  border: 1px solid #c7c9c7;
  color: rgba(0, 0, 0, 0.9);
}
.product-header-inner .product-button.sub:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.product-header-inner .product-button:first-child {
  margin-left: 0;
}
@media (max-width: 1024px) {
  .product-header-inner {
    width: 100%;
    height: 5.46875vw;
    padding: 0 3.90625vw;
  }
  .product-header-inner .product-button {
    width: 11.23046875vw;
    height: 3.515625vw;
    margin: 0 0.5859375vw;
    font-size: 1.3671875vw;
  }
}
@media (max-width: 720px) {
  .product-header-inner {
    height: 50px;
    padding: 0 20px;
  }
  .product-header-inner .product-button {
    width: 80px;
    height: 32px;
    margin: 0;
    margin-left: 20px;
    font-size: 12px;
  }
}
.product-header-left,
.product-header-right {
  display: flex;
  align-items: center;
}
.product-header-logo {
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #000;
  line-height: 1;
}
@media (max-width: 1024px) {
  .product-header-logo {
    font-size: 1.3671875vw;
  }
}
@media (max-width: 720px) {
  .product-header-logo {
    font-size: 14px;
  }
}
.product-header-slogan {
  padding-left: 0.08928571428571427rem;
  border-left: 1px solid rgba(0, 0, 0, 0.9);
  margin-left: 0.08928571428571427rem;
  font-size: 0.14285714285714285rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
.product-header-slogan span {
  color: rgba(0, 0, 0, 0.9);
}
@media (max-width: 1024px) {
  .product-header-slogan {
    padding-left: 0.5859375vw;
    margin-left: 0.5859375vw;
    font-size: 1.3671875vw;
  }
  .product-header-slogan span {
    margin: 0 0.29296875vw;
  }
}
@media (max-width: 720px) {
  .product-header-slogan {
    display: none;
  }
}
@media (max-width: 720px) {
  .product-wrap.en .lx-elevator {
    padding-bottom: 0;
  }
}
.product-wrap.en .lx-elevator-item:not(:last-child) {
  display: none;
}
.lx-elevator {
  z-index: 201;
  position: fixed;
  right: 40px;
  bottom: 24px;
}
.lx-elevator.active .lx-elevator-item:last-child {
  height: 48px;
  margin: 16px 0;
}
.lx-elevator.stay {
  position: absolute;
}
.lx-elevator.en .lx-elevator-item {
  display: none;
}
.lx-elevator.en .lx-elevator-item:last-child {
  display: block;
}
.lx-elevator.isli .lx-elevator-item.active .lx-elevator-item-inner {
  color: #fff;
  background-color: #191919;
}
.lx-elevator.isli .lx-elevator-item-inner:hover {
  color: #222;
  background-color: hsla(0, 0%, 92.5%, 0.6);
}
@media (max-width: 720px) {
  .lx-elevator {
    right: 16px;
    bottom: calc(16px + constant(safe-area-inset-bottom));
    bottom: calc(16px + env(safe-area-inset-bottom));
    transition: bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .lx-elevator.active .lx-elevator-item:last-child {
    height: 40px;
    margin: 12px 0;
  }
}
.lx-elevator-item {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 16px 0;
}
.lx-elevator-item:last-child {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: height 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    margin 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.lx-elevator-item.active .lx-elevator-item-inner {
  color: #fff;
  background-color: #191919;
}
@media (max-width: 720px) {
  .lx-elevator-item {
    width: 40px;
    height: 40px;
    margin: 12px 0;
  }
}
.lx-elevator-item-inner {
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #222;
  background-color: hsla(0, 0%, 92.5%, 0.6);
  transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),
    background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  cursor: pointer;
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
}
.lx-elevator-item-inner:hover {
  color: #fff;
  background-color: #191919;
}
.lx-elevator-item-inner .lxiconfont {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
@media (max-width: 1024px) {
  .lx-elevator-item-inner:hover {
    color: #222;
    background-color: hsla(0, 0%, 92.5%, 0.6);
  }
}
@media (max-width: 720px) {
  .lx-elevator-item-inner {
    width: 40px;
    height: 40px;
  }
}
.lx-elevator-layer {
  position: absolute;
  right: 66px;
  bottom: 0;
  padding: 14px 34px;
  text-align: center;
  background-color: #fff;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0;
  visibility: hidden;
  cursor: default;
}
.lx-elevator-layer.show {
  opacity: 1;
  visibility: visible;
}
.lx-elevator-layer-item {
  font-size: 12px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
}
.lx-elevator-layer-triangle {
  position: absolute;
  right: -7px;
  bottom: 17px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  transform: rotate(45deg);
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translate3d(-50%, 0, 0);
  }
  40% {
    transform: translate3d(-50%, 5px, 0);
  }
  60% {
    transform: translate3d(-50%, 3px, 0);
  }
}
.scene-first-bottom {
  top: unset;
  bottom: calc(30px + 0.21429rem);
}
.scene-first-arrow {
  position: absolute;
  left: 50%;
  bottom: 0.21428571428571427rem;
  animation: bounce 2s ease infinite;
}
.scene-first-arrow .iconfont {
  display: block;
  font-size: 30px;
  color: hsla(0, 0%, 100%, 0.6);
  line-height: 1;
}
@media (min-width: 721px) {
  .scene-first-title {
    margin-bottom: calc(var(--margin) * 0.00893rem);
  }
  .scene-first-title[data-font="30"] {
    font-size: 0.26785714285714285rem;
    line-height: 0.375rem;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
  .scene-first-title[data-font="24"] {
    font-size: 0.21428571428571427rem;
    line-height: 0.3214285714285714rem;
  }
  .scene-first-title[data-font="22"] {
    font-size: 0.19642857142857145rem;
    line-height: 0.3035714285714286rem;
  }
  .scene-first-title[data-font="20"] {
    font-size: 0.17857142857142855rem;
    line-height: 0.2857142857142857rem;
  }
}
@media (max-width: 720px) {
  .scene-first-title {
    margin-bottom: calc(var(--margin) * 1px);
  }
  .scene-first-title[data-font="18"] {
    font-size: 18px;
    line-height: 26px;
  }
  .scene-first-title[data-font="14"] {
    font-size: 14px;
    line-height: 22px;
  }
  .scene-first-title[data-font="12"] {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-loopvideo.type-replay .product-videoplayer {
  transition: opacity 0.3s ease-in;
  opacity: 0;
  pointer-events: none;
}
.scene-loopvideo.ended video {
  opacity: 0;
}
.scene-loopvideo.ended .product-videoplayer {
  opacity: 1;
  pointer-events: unset;
}
.scene-loopvideo.replay video {
  opacity: 1;
}
.scene-loopvideo.replay .product-videoplayer {
  opacity: 0;
  pointer-events: none;
}
.scene-loopvideo.demotion video {
  display: none;
}
.scene-loopvideo.demotion .product-videoplayer {
  opacity: 1;
  pointer-events: unset;
}
.scene-loopvideo video {
  transition: opacity 0.3s ease-in;
  opacity: 0;
}
.scene-loopvideo-button {
  z-index: 3;
  position: absolute;
  left: 50%;
  bottom: 0.3571428571428571rem;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 93.7%, 0.3);
  transform: translate3d(-50%, 0, 0);
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  cursor: pointer;
}
.scene-loopvideo-button .lxiconfont {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #000;
  line-height: 1;
  transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0.6;
}
.scene-loopvideo-button.play {
  display: none;
}
.scene-loopvideo-button.play .lxiconfont {
  padding-left: 4px;
}
.scene-loopvideo-button.play .lxiconfont:before {
  content: "\e97d";
}
.scene-loopvideo-button.replay .lxiconfont:before {
  content: "\e9b3";
}
.scene-loopvideo-button.pause {
  display: none;
}
.scene-loopvideo-button.pause .lxiconfont:before {
  content: "\e9a0";
}
.scene-loopvideo-button:hover {
  background-color: hsla(0, 0%, 93.7%, 0.7);
}
@media (max-width: 720px) {
  .scene-loopvideo-button {
    bottom: 50%;
    margin-bottom: -24px;
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .scene-loopvideo-button.play {
    display: block;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
    background-color: rgba(0, 0, 0, 0.5);
  }
  .scene-loopvideo-button.play .lxiconfont {
    color: #fff;
    opacity: 1;
  }
  .scene-loopvideo-button.replay {
    margin-bottom: -12px;
  }
  .scene-loopvideo-button.replay:after {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    content: "重播";
  }
  .scene-loopvideo-button.replay .lxiconfont {
    color: #fff;
    opacity: 1;
  }
  .scene-loopvideo-button:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .scene-loopvideo-button:hover.play {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.scene.scene-special-config {
  height: unset;
  min-height: unset;
  color: #fff;
}
.scene.scene-special-config .scene-inner {
  padding-top: 1.0714285714285714rem;
}
.scene.scene-special-config .transform-animation {
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
}
.scene.scene-special-config[data-theme="light"] {
  background-color: #fff;
}
.scene.scene-special-config[data-theme="light"]
  .scene-special-config-item-title,
.scene.scene-special-config[data-theme="light"] .scene-special-config-subtitle,
.scene.scene-special-config[data-theme="light"] .scene-special-config-title {
  color: #191919;
}
.scene.scene-special-config[data-theme="light"] .scene-special-config-tip {
  color: #999;
}
.scene.scene-special-config[data-theme="dark"] {
  background-color: #000;
}
.scene.scene-special-config[data-theme="dark"] .scene-special-config-item-title,
.scene.scene-special-config[data-theme="dark"] .scene-special-config-subtitle,
.scene.scene-special-config[data-theme="dark"] .scene-special-config-title {
  color: #fff;
}
.scene.scene-special-config[data-theme="dark"] .scene-special-config-tip {
  color: #bababa;
}
.scene.scene-special-config.loaded .scene-special-config-imagelist-item {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.scene-special-config.loaded .scene-special-config-imagelist-item {
    background-image: var(--backgroundImage720);
  }
}
.scene.scene-special-config.active .transform-animation {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-special-config.bottomarea {
  padding-bottom: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-special-config .scene-inner {
    padding-top: 120px;
  }
  .scene.scene-special-config.bottomarea {
    padding-bottom: 120px;
  }
}
.scene-special-config-content {
  padding: 0 20%;
}
@media (min-width: 1921px) {
  .scene-special-config-content {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-special-config-content {
    padding: 0 20px;
  }
}
.scene-special-config-subtitle {
  font-size: 0.21428571428571427rem;
  line-height: 1.3333;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  transition-delay: 0.3s !important;
}
@media (max-width: 720px) {
  .scene-special-config-subtitle {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-special-config-title {
  padding-top: 0.21428571428571427rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.5714285714285714rem;
  line-height: 1.25;
  transition-delay: 0.4s !important;
}
@media (max-width: 720px) {
  .scene-special-config-title {
    padding-top: 16px;
    font-size: 24px;
    line-height: 1.5;
  }
}
.scene-special-config-list {
  max-width: 1600px;
  padding: 0.05357142857142857rem 11.45833% 0;
  box-sizing: content-box;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-special-config-list {
    width: 100%;
    padding: 0;
  }
}
.scene-special-config-item {
  position: relative;
}
.scene-special-config-item:first-child {
  transition-delay: 0.5s !important;
}
.scene-special-config-item:nth-child(2) {
  transition-delay: 0.6s !important;
}
.scene-special-config-item:nth-child(3) {
  transition-delay: 0.7s !important;
}
.scene-special-config-item:nth-child(4) {
  transition-delay: 0.8s !important;
}
.scene-special-config-item:nth-child(5) {
  transition-delay: 0.9s !important;
}
.scene-special-config-item:nth-child(6) {
  transition-delay: 1s !important;
}
.scene-special-config-item:nth-child(7) {
  transition-delay: 1.1s !important;
}
.scene-special-config-item:nth-child(8) {
  transition-delay: 1.2s !important;
}
.scene-special-config-item-title {
  padding: 0.6607142857142857rem 11.08108% 0.3571428571428571rem;
  font-size: 0.21428571428571427rem;
  line-height: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (min-width: 1921px) {
  .scene-special-config-item-title {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-special-config-item-title {
    padding: 40px 20px;
    font-size: 16px;
    line-height: 1.5;
    font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 720px) {
  .scene-special-config-imagelist {
    padding-bottom: 8px;
    margin-bottom: 40px;
    overflow-x: scroll;
  }
  .scene-special-config-imagelist::-webkit-scrollbar {
    display: none;
  }
}
.scene-special-config-imagelist-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .scene-special-config-imagelist-container {
    width: 872px;
    padding: 0 20px;
    box-sizing: content-box;
  }
}
.scene-special-config-imagelist-item {
  width: calc(33.33333% - 0.03571rem);
  padding-top: calc(18.75% - 0.02009rem);
  max-width: 529px;
  max-height: 297px;
  border-radius: 10px;
  margin-right: 0.05357142857142857rem;
  margin-bottom: 0.05357142857142857rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.scene-special-config-imagelist-item:nth-child(3n) {
  margin-right: unset;
}
@media (max-width: 720px) {
  .scene-special-config-imagelist-item {
    width: 280px;
    height: 158px;
    border-radius: 4px;
    margin: 0 16px 16px 0;
  }
}
.scene-special-config-tip {
  padding: 0.17857142857142855rem 20% 0;
  font-size: 12px;
  line-height: 20px;
  color: #bababa;
  transition-delay: 1s !important;
}
@media (min-width: 1921px) {
  .scene-special-config-tip {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-special-config-tip {
    padding: 0 20px;
    font-size: 10px;
    line-height: 18px;
  }
}
.scene-special-config-item-scrollbar {
  display: none;
}
@media (max-width: 720px) {
  .scene-special-config-item-scrollbar {
    position: absolute;
    bottom: 0;
    display: block;
    height: 1px;
    width: 60px;
    margin-left: 20px;
    background-color: hsla(0, 0%, 85.1%, 0.2);
  }
}
.scene-special-config-item-scrollbar-inner {
  position: absolute;
  height: 100%;
  width: 6.180572vw;
  background-color: #dbad76;
}
.scene.scene-param {
  height: unset;
  min-height: unset;
}
.scene.scene-param .scene-inner {
  color: #000;
  background-color: #fff;
}
.scene.scene-param .scene-inner .top-default {
  top: 1.1785714285714286rem;
}
.scene.scene-param .product-slogan {
  color: #000;
}
.scene.scene-param .product-button {
  margin-left: 0;
}
.scene.scene-param.active .scene-param-content {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-param.loaded .scene-param-image {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.scene-param.loaded .scene-param-image {
    background-image: var(--backgroundImage720);
  }
}
@media (max-width: 720px) {
  .scene.scene-param .scene-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .scene.scene-param .product-fadebox {
    z-index: unset;
    position: static;
    transform: none;
  }
  .scene.scene-param .product-button {
    width: 81.94444444444444vw;
    height: 12.222222222222221vw;
    border: 0.5555555555555556vw solid #191919;
    margin: 0 auto;
    color: #191919;
    background-color: transparent;
  }
}
.scene-param-content {
  position: relative;
  width: 6.5rem;
  padding-top: 2.357142857142857rem;
  padding-left: 46.25%;
  padding-bottom: 1.5178571428571428rem;
  box-sizing: content-box;
  transform: translate3d(0, 25px, 0);
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  transition-delay: 0.4s;
  opacity: 0;
  will-change: transform, opacity;
}
@media (max-width: 1024px) {
  .scene-param-content {
    width: 44.921875vw;
  }
}
@media (max-width: 720px) {
  .scene-param-content {
    width: auto;
    padding: 0;
  }
}
.scene-param-image {
  position: absolute;
  left: 11.66667%;
  top: 1.1785714285714286rem;
  width: 33.33333vw;
  max-width: 640px;
  height: 4.285714285714286rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
@media (min-width: 1921px) {
  .scene-param-image {
    right: 752px;
    left: unset;
  }
}
@media (max-width: 1024px) {
  .scene-param-image {
    top: 10.7421875vw;
  }
}
@media (max-width: 720px) {
  .scene-param-image {
    position: static;
    width: 100%;
    height: 56.266666666666666vw;
    margin-top: -2.666666666666667vw;
  }
}
.scene-param-vr {
  position: absolute;
  left: 11.66667%;
  top: 4.946428571428571rem;
  width: 33.33333vw;
  max-width: 640px;
  font-size: 0.14285714285714285rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.25rem;
  text-align: center;
}
.scene-param-vr span {
  margin-left: 0.07142857142857142rem;
  color: #5a7cab;
  cursor: pointer;
}
.scene-param-vr .lxiconfont {
  font-size: 0.21428571428571427rem;
  line-height: 1;
  vertical-align: -0.026785714285714284rem;
}
@media (min-width: 1921px) {
  .scene-param-vr {
    right: 752px;
    left: unset;
  }
}
@media (max-width: 1024px) {
  .scene-param-vr {
    top: 40.0390625vw;
  }
}
@media (max-width: 720px) {
  .scene-param-vr {
    position: static;
    width: 100%;
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
  }
  .scene-param-vr span {
    margin-left: 1.6vw;
  }
  .scene-param-vr .lxiconfont {
    font-size: 4.8vw;
    line-height: 1;
    vertical-align: -0.6666666666666667vw;
  }
}
.scene-param-tab {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 0.3571428571428571rem;
}
@media (max-width: 720px) {
  .scene-param-tab {
    width: calc(100% - 32px);
    margin: 16px 16px -2.1333333333333333vw;
  }
}
.scene-param-tab-slider {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.017857142857142856rem;
  background-color: rgba(0, 0, 0, 0.9);
  transition: left 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.scene-param-tab-slider.length2 {
  width: 50%;
}
.scene-param-tab-slider.length2.position1 {
  left: 50%;
}
.scene-param-tab-slider.length3 {
  width: 33.3333%;
}
.scene-param-tab-slider.length3.position1 {
  left: 33.3333%;
}
.scene-param-tab-slider.length3.position2 {
  left: 66.6666%;
}
.scene-param-tab-slider.length4 {
  width: 25%;
}
.scene-param-tab-slider.length4.position1 {
  left: 25%;
}
.scene-param-tab-slider.length4.position2 {
  left: 50%;
}
.scene-param-tab-slider.length4.position3 {
  left: 75%;
}
@media (max-width: 720px) {
  .scene-param-tab-slider {
    height: 2px;
  }
}
.scene-param-tab-item {
  display: flex;
  height: 0.5rem;
  border-bottom: 0.017857142857142856rem solid rgba(0, 0, 0, 0.04);
  margin-top: -0.4464285714285714rem;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 0.17857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #666;
  line-height: 0.2857142857142857rem;
  transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  cursor: pointer;
}
.scene-param-tab-item.current {
  color: #191919;
}
@media (max-width: 720px) {
  .scene-param-tab-item {
    height: 56px;
    border-bottom: 2px solid rgba(247, 248, 249, 0.9);
    margin-top: 0;
    font-size: 12px;
    line-height: 1.5;
  }
}
.scene-param-list {
  display: flex;
  width: 100%;
  padding-bottom: 0.14285714285714285rem;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .scene-param-list {
    width: auto;
    padding: 10.666666666666668vw 10.666666666666668vw 2.1333333333333333vw;
  }
}
.scene-param-item {
  width: calc(33.33333% - 0.19048rem);
  margin-right: 0.2857142857142857rem;
  margin-bottom: 0.3571428571428571rem;
}
.scene-param-item:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 720px) {
  .scene-param-item {
    width: 50%;
    margin-right: 0;
    margin-bottom: 8.533333333333333vw;
  }
  .scene-param-item:nth-child(2n) {
    padding-left: 5.555555555555555vw;
  }
}
.scene-param-label {
  margin-bottom: 0.07142857142857142rem;
  font-size: 0.125rem;
  color: #999;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .scene-param-label {
    margin-bottom: 2.2222222222222223vw;
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
  }
}
.scene-param-value {
  font-size: 0.1607142857142857rem;
  color: #000;
  line-height: 0.23214285714285715rem;
}
@media (max-width: 720px) {
  .scene-param-value {
    font-size: 3.733333333333334vw;
    color: #222;
    line-height: 6.4vw;
  }
}
.scene.scene-power2 {
  height: auto;
  min-height: unset;
}
.scene.scene-power2 .scene-inner {
  padding: 0;
  background-position: 50%;
}
@media (max-width: 1024px) {
  .scene.scene-power2 .scene-inner {
    background-position: 40%;
  }
}
.scene.scene-power2.loaded .scene-power2-icon {
  background-image: var(--icon);
}
@media (max-width: 720px) {
  .scene.scene-power2 .scene-inner {
    background-position: top;
  }
}
.scene-power2-wrap {
  padding: 1.1785714285714286rem 15.83333%;
}
@media (min-width: 1921px) {
  .scene-power2-wrap {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1024px) {
  .scene-power2-wrap {
    padding: 80px 40px 80px 0;
  }
}
@media (max-width: 720px) {
  .scene-power2-wrap {
    padding: 180px 40px 64px;
  }
}
.scene-power2-content {
  margin-left: 49%;
}
.scene-power2-content + .scene-power2-content {
  padding-top: 0.42857142857142855rem;
  border-top: 1px solid #5e5e5e;
  margin-top: 0.42857142857142855rem;
}
@media (max-width: 720px) {
  .scene-power2-content + .scene-power2-content {
    padding-top: 40px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    margin-top: 40px;
  }
}
@media (max-width: 720px) {
  .scene-power2-content {
    margin-left: 0;
  }
}
.scene-power2-title {
  padding-left: 0.07142857142857142rem;
  padding-bottom: 0.3571428571428571rem;
  font-size: 0.2857142857142857rem;
  line-height: 1.375;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-power2-title {
    padding-left: 0;
    padding-bottom: 24px;
    font-size: 18px;
    line-height: 26px;
  }
}
.scene-power2-list {
  display: flex;
  flex-wrap: wrap;
}
.scene-power2-item {
  display: flex;
  min-width: 50%;
  margin-bottom: 0.3571428571428571rem;
  align-items: center;
}
@media (max-width: 720px) {
  .scene-power2-item {
    display: block;
    min-width: calc(50% - 12px);
    margin-bottom: 16px;
  }
  .scene-power2-item:nth-child(odd) {
    margin-right: 24px;
  }
}
.scene-power2-icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.14285714285714285rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-power2-icon {
    width: 40px;
    height: 40px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: -4px;
  }
}
.scene-power2-info {
  font-size: 0.17857142857142855rem;
  line-height: 1.6;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .scene-power2-info {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-power2-tip {
  padding-left: 0.07142857142857142rem;
  font-size: 0.125rem;
  color: hsla(0, 0%, 100%, 0.7);
  line-height: 1.5;
}
@media (max-width: 720px) {
  .scene-power2-tip {
    padding-left: 0;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.5);
    line-height: 20px;
  }
}
.product-wrap.en .scene-summarycommon-item-top {
  height: 2.607142857142857rem;
}
@media (max-width: 720px) {
  .product-wrap.en .scene-summarycommon-item-top {
    height: unset;
  }
}
.scene.scene-summarycommon {
  height: unset;
  min-height: unset;
  padding: 1.1785714285714286rem 0;
  color: #000;
  background-color: #191919;
}
.scene.scene-summarycommon .scene-wrap {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.scene.scene-summarycommon .scene-inner {
  padding: 0 23.64583%;
  text-align: center;
}
.scene.scene-summarycommon .scene-inner.has-4 {
  padding: 0 15.83333%;
}
@media (max-width: 720px) {
  .scene.scene-summarycommon .scene-inner.has-4 {
    padding: 0;
  }
}
.scene.scene-summarycommon .scene-inner.has-4 .scene-summarycommon-item {
  padding: 0.42857142857142855rem 0.2857142857142857rem 0.3571428571428571rem;
}
.scene.scene-summarycommon .scene-inner.has-4 .scene-summarycommon-item-top {
  height: 2.357142857142857rem;
}
@media (max-width: 720px) {
  .scene.scene-summarycommon .scene-inner.has-4 .scene-summarycommon-item-top {
    height: unset;
  }
}
.scene.scene-summarycommon .scene-inner.has-4 .scene-summarycommon-item-year {
  font-size: 0.25rem;
  line-height: 0.3571428571428571rem;
}
@media (max-width: 1024px) {
  .scene.scene-summarycommon .scene-inner {
    padding: 0 11.45833%;
  }
}
@media (max-width: 720px) {
  .scene.scene-summarycommon {
    padding: 80px 0;
  }
  .scene.scene-summarycommon .scene-inner {
    padding: 0 !important;
  }
}
.scene-summarycommon-title {
  display: flex;
  padding-bottom: 0.2857142857142857rem;
  justify-content: center;
  color: #fff;
  font-size: 0.3214285714285714rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.42857142857142855rem;
}
.scene-summarycommon-title br {
  display: none;
}
@media (max-width: 720px) {
  .scene-summarycommon-title {
    padding-bottom: 3.733333333333334vw;
    font-size: 8.533333333333333vw;
    line-height: 12.8vw;
  }
  .scene-summarycommon-title br {
    display: block;
  }
}
.scene-summarycommon-link {
  display: inline-block;
  margin: 0 auto 0.42857142857142855rem;
  font-size: 0.14285714285714285rem;
  color: #fff;
  line-height: 1.5;
  cursor: pointer;
}
.scene-summarycommon-link .iconfont {
  margin-left: 0.03571428571428571rem;
  font-size: 0.14285714285714285rem;
}
.scene-summarycommon-link:hover {
  opacity: 0.6;
}
@media (max-width: 720px) {
  .scene-summarycommon-link {
    margin: 0 auto 10.666666666666668vw;
    line-height: 5.866666666666666vw;
  }
  .scene-summarycommon-link,
  .scene-summarycommon-link .iconfont {
    font-size: 3.733333333333334vw;
  }
}
.scene-summarycommon-tips {
  padding-top: 0.19642857142857145rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #8c8c8c;
  text-align: left;
}
@media (max-width: 720px) {
  .scene-summarycommon-tips {
    padding: 24px 24px 0 24px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-summarycommon-wrap {
  display: flex;
  justify-content: center;
}
@media (max-width: 720px) {
  .scene-summarycommon-wrap {
    display: block;
    padding: 0 6.4vw;
  }
}
.scene-summarycommon-item {
  padding: 0.5714285714285714rem 0.3571428571428571rem;
  border-radius: 16px;
  margin: 0 0.83333vw;
  flex: 1;
  text-align: left;
  background-image: linear-gradient(180deg, #161616 -67.47%, #353535);
}
.scene-summarycommon-item:first-child {
  margin-left: 0;
}
.scene-summarycommon-item:last-child {
  margin-right: 0;
}
@media (min-width: 1921px) {
  .scene-summarycommon-item {
    margin: 0 16px;
  }
}
@media (max-width: 720px) {
  .scene-summarycommon-item {
    padding: 24px 40px 24px 24px !important;
  }
  .scene-summarycommon-item:not(:last-child) {
    margin: 0 0 4.266666666666667vw;
  }
}
.scene-summarycommon-item-top {
  height: 2.2142857142857144rem;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-top {
    height: unset;
  }
}
.scene-summarycommon-item-name {
  color: #fff;
}
.scene-summarycommon-item-name br {
  display: none;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-name {
    font-size: 24px;
    line-height: 36px;
  }
}
.scene-summarycommon-item-year {
  padding-bottom: 0.03571428571428571rem;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-year {
    font-size: 24px;
    line-height: 36px;
  }
}
.scene-summarycommon-item-title {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-title {
    font-size: 24px;
    line-height: 36px;
  }
  .scene-summarycommon-item-title br {
    display: none;
  }
}
.scene-summarycommon-item-desc {
  margin-top: 0.14285714285714285rem;
  font-size: 0.17857142857142855rem;
  line-height: 1.4;
  color: #bababa;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-desc {
    width: 100%;
    margin-top: 2.1333333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 5.866666666666666vw;
  }
}
@media (max-width: 720px) {
  .scene-summarycommon-item-bottom {
    display: flex;
    margin-top: 18px;
    flex-wrap: wrap;
  }
}
.scene-summarycommon-item-config {
  margin-top: 0.21428571428571427rem;
}
.scene-summarycommon-item-config:first-child {
  margin-top: 0;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-config {
    margin-top: 14px;
  }
  .scene-summarycommon-item-config:first-child {
    width: 60%;
    margin-top: 14px;
  }
}
.scene-summarycommon-item-config-title {
  padding-bottom: 0.03571428571428571rem;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .scene-summarycommon-item-config-title {
    padding-bottom: 0;
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
  }
}
.scene-summarycommon-item-config-desc {
  font-size: 0.21428571428571427rem;
  line-height: 0.2857142857142857rem;
  color: hsla(0, 0%, 100%, 0.7);
}
@media (max-width: 720px) {
  .scene-summarycommon-item-config-desc {
    font-size: 4.266666666666667vw;
    line-height: 7.466666666666668vw;
  }
  .scene-summarycommon-item-config-desc br {
    display: none;
  }
}
.scene.scene-summarydetailnew {
  height: unset;
  min-height: unset;
  padding: 1.4285714285714284rem 0;
  color: #000;
  background-color: #fafafa;
}
.scene.scene-summarydetailnew .scene-wrap {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.scene.scene-summarydetailnew .scene-inner {
  padding: 0 15.83333%;
  text-align: center;
}
@media (max-width: 720px) {
  .scene.scene-summarydetailnew .scene-inner {
    width: unset;
  }
}
@media (max-width: 1024px) {
  .scene.scene-summarydetailnew .scene-inner {
    padding: 0 11.45833%;
  }
}
@media (max-width: 720px) {
  .scene.scene-summarydetailnew {
    padding: 80px 0;
  }
  .scene.scene-summarydetailnew .scene-inner {
    padding: 0;
  }
}
.scene-summarydetailnew-title {
  margin-bottom: 0.2857142857142857rem;
  color: #191919;
  font-size: 0.3214285714285714rem;
  line-height: 0.42857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-title {
    padding: 0 6.4vw;
    font-size: 6.4vw;
    line-height: 8.533333333333333vw;
    text-align: left;
  }
}
.scene-summarydetailnew-tips {
  padding-top: 0.17857142857142855rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #666;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-tips {
    padding: 24px 24px 0;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .scene-summarydetailnew-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
.scene-summarydetailnew-content {
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(180deg, #000 -67.47%, #353535);
}
@media (max-width: 720px) {
  .scene-summarydetailnew-content {
    border-radius: 0;
    overflow: unset;
    background: unset;
  }
}
.scene-summarydetailnew-list {
  display: flex;
}
.scene-summarydetailnew-item {
  position: relative;
  display: flex;
  margin: 0.5714285714285714rem 0.7142857142857142rem;
  align-items: flex-start;
}
.scene-summarydetailnew-item.gray .scene-summarydetailnew-item-subtitle span,
.scene-summarydetailnew-item.gray .scene-summarydetailnew-item-title span {
  background: linear-gradient(90deg, #919191, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item {
    position: relative;
    display: block;
    padding: unset;
    border-radius: 16px;
    overflow: hidden;
    margin: 0 6.4vw;
    background: none;
    background-color: #fff;
  }
}
.scene-summarydetailnew-item-left {
  width: 56.76173%;
  text-align: left;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-left {
    position: unset;
    width: 100%;
  }
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-main {
    padding: 4.266666666666667vw 0 3.5999999999999996vw;
    text-align: center;
    background: linear-gradient(180deg, #000 -67.47%, #2f2317);
  }
}
.scene-summarydetailnew-item-subtitle {
  font-size: 0.17857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.25rem;
}
.scene-summarydetailnew-item-subtitle span {
  color: transparent;
  background: linear-gradient(90deg, #d2aa7b, #fdf7f1);
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-subtitle {
    font-size: 4.266666666666667vw;
    line-height: 5.6000000000000005vw;
  }
}
.scene-summarydetailnew-item-title {
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.6428571428571428rem;
}
.scene-summarydetailnew-item-title span {
  color: transparent;
  background: linear-gradient(90deg, #d2aa7b, #fdf7f1);
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-title {
    font-size: 11.200000000000001vw;
    line-height: 12.533333333333333vw;
  }
}
.scene-summarydetailnew-item-desc {
  max-width: 3.0267857142857144rem;
  margin-top: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.125rem;
  line-height: 1.5;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-desc {
    max-width: unset;
    padding: 3.2vw 4.266666666666667vw;
    margin-top: unset;
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
    color: #666;
  }
}
.scene-summarydetailnew-item-tip {
  position: absolute;
  bottom: 0.5714285714285714rem;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #8c8c8c;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-tip {
    left: 3.2vw;
    bottom: 4.266666666666667vw;
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
    color: #999;
  }
}
.scene-summarydetailnew-item-right {
  width: 43.23827%;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-right {
    width: unset;
    padding: 0 4.266666666666667vw 20px;
  }
}
.scene-summarydetailnew-item-config {
  width: calc(50% - 0.28571rem);
  padding-bottom: 0.14285714285714285rem;
  box-sizing: content-box;
}
.scene-summarydetailnew-item-config:nth-of-type(odd) {
  padding-right: 0.5714285714285714rem;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-config {
    width: calc(50% - 8px);
    padding-bottom: 12px;
  }
  .scene-summarydetailnew-item-config:nth-of-type(odd) {
    padding-right: 16px;
  }
}
.scene-summarydetailnew-item-config-title {
  font-size: 0.10714285714285714rem;
  line-height: 1.66;
  color: #bababa;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-config-title {
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
    color: #666;
  }
}
.scene-summarydetailnew-item-config-content {
  font-size: 0.17857142857142855rem;
  line-height: 1.4;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
}
.scene-summarydetailnew-item-config-content span {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-item-config-content {
    font-size: 4.266666666666667vw;
    line-height: 7.466666666666668vw;
    color: #000;
  }
  .scene-summarydetailnew-item-config-content span {
    font-size: 3.2vw;
    line-height: 5.333333333333334vw;
  }
}
.scene-summarydetailnew-buttonlist {
  position: relative;
  display: flex;
  margin: auto 0;
  padding: 0.42857142857142855rem 0 0;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-buttonlist {
    padding: 0 6.4vw 6.4vw;
  }
}
.scene-summarydetailnew-buttonlist-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-buttonlist-inner {
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
  .scene-summarydetailnew-buttonlist-inner::-webkit-scrollbar {
    display: none;
  }
}
.scene-summarydetailnew-buttonlist-item {
  white-space: nowrap;
  padding-bottom: 0.07142857142857142rem;
  border-bottom: 2px solid hsla(0, 0%, 85.1%, 0.4);
  flex: 1;
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
  color: #999;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.scene-summarydetailnew-buttonlist-item:not(:last-child) {
  padding-right: 0.3571428571428571rem;
}
.scene-summarydetailnew-buttonlist-item.current,
.scene-summarydetailnew-buttonlist-item:hover {
  color: #191919;
}
@media (max-width: 720px) {
  .scene-summarydetailnew-buttonlist-item {
    position: relative;
    padding: 2.1333333333333333vw 0;
    border-bottom: unset;
    justify-content: center;
    font-size: 3.733333333333334vw;
    line-height: 5.866666666666666vw;
    white-space: nowrap;
  }
  .scene-summarydetailnew-buttonlist-item:not(:last-child) {
    padding-right: 20px;
  }
  .scene-summarydetailnew-buttonlist-item:hover {
    border-bottom: unset;
    color: unset;
  }
  .scene-summarydetailnew-buttonlist-item.current {
    border-bottom: unset;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
.scene-summarydetailnew-slider {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 50px;
  height: 2px;
  background-color: #dbad76;
  transition: left 0.3s ease, width 0.3s ease;
}
.scene.scene-cardlist {
  height: unset;
  min-height: unset;
  padding: 1.4285714285714284rem 0;
  color: #000;
  background-color: #fafafa;
}
.scene.scene-cardlist .scene-wrap {
  max-width: 1920px;
  padding: 0 11.45833%;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene.scene-cardlist .scene-wrap {
    padding: unset;
  }
}
.scene.scene-cardlist .scene-inner {
  margin: 0 auto;
  text-align: center;
}
.scene.scene-cardlist .product-slogan {
  padding: 0 11.08108%;
  margin-bottom: 0.7142857142857142rem;
  font-size: 0.2857142857142857rem;
  line-height: 0.3928571428571429rem;
  text-align: left;
  transform: translate3d(0, 25px, 0);
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  transition-delay: 0.3s;
  opacity: 0;
  will-change: transform, opacity;
}
@media (min-width: 1921px) {
  .scene.scene-cardlist .product-slogan {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.scene.scene-cardlist.loaded .scene-cardlist-cover,
.scene.scene-cardlist.loaded .scene-cardlist-icon {
  background-image: var(--backgroundImage);
}
.scene.scene-cardlist.active .product-slogan,
.scene.scene-cardlist.active .scene-cardlist-wrap {
  transform: translateZ(0);
  opacity: 1;
}
@media (max-width: 720px) {
  .scene.scene-cardlist {
    padding: 120px 0 0;
  }
  .scene.scene-cardlist .scene-inner {
    width: unset;
  }
  .scene.scene-cardlist .product-slogan {
    padding: 0 20px;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 32px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
  .scene.scene-cardlist .product-slogan,
  .scene.scene-cardlist .scene-cardlist-wrap {
    transform: translateZ(0);
    transition: transform 0s cubic-bezier(0.39, 0.575, 0.565, 1),
      opacity 0.3s ease-in;
    transition-delay: 0s;
  }
}
.scene-cardlist-wrap {
  display: flex;
  justify-content: space-between;
  color: #000;
  text-align: left;
  transform: translate3d(0, 25px, 0);
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in;
  transition-delay: 0.5s;
  opacity: 0;
  will-change: transform, opacity;
}
@media (max-width: 720px) {
  .scene-cardlist-wrap {
    display: block;
    padding: 0 6.4vw;
    justify-content: unset;
  }
}
.scene-cardlist-box {
  position: relative;
  display: flex;
  padding-top: 0.3571428571428571rem;
  border-radius: 0.03571428571428571rem;
  overflow: hidden;
  margin-left: 0.3571428571428571rem;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
}
.scene-cardlist-box:first-child {
  margin-left: 0;
}
@media (max-width: 720px) {
  .scene-cardlist-box {
    padding-top: 0;
    padding-bottom: 40px;
    border-radius: 4px;
    margin: 0;
    margin-bottom: 20px;
  }
}
.scene-cardlist-icon {
  width: 0.9821428571428572rem;
  height: 0.9821428571428572rem;
  margin-left: 0.5357142857142857rem;
  margin-bottom: 0.17857142857142855rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-cardlist-icon {
    display: none;
  }
}
.scene-cardlist-cover {
  height: 3.125rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-cardlist-cover {
    height: 251px;
    margin-bottom: 40px;
    order: -1;
  }
}
.scene-cardlist-title {
  padding-left: 0.7589285714285714rem;
  padding-bottom: 0.10714285714285714rem;
  font-size: 0.21428571428571427rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.3214285714285714rem;
}
@media (max-width: 720px) {
  .scene-cardlist-title {
    padding: 0 20px 8px;
    font-size: 16px;
    color: #191919;
    line-height: 24px;
  }
}
.scene-cardlist-content {
  padding: 0 0.7589285714285714rem 0.14285714285714285rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
}
@media (max-width: 720px) {
  .scene-cardlist-content {
    padding: 0 20px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
  }
}
.scene-cardlist-tip {
  padding: 0 0.7589285714285714rem 0.14285714285714285rem;
  font-size: 12px;
  color: #999;
  line-height: 0.17857142857142855rem;
}
@media (max-width: 720px) {
  .scene-cardlist-tip {
    padding: 8px 20px 0;
    font-size: 12px;
    line-height: 1.5;
  }
}
.scene-cardlist-placeholder {
  padding-top: 0.26785714285714285rem;
  flex-grow: 1;
}
.scene.scene-common-btn {
  display: flex;
  height: unset;
  min-height: unset;
  padding-top: calc(var(--marginTop) * 0.00893rem);
  padding-bottom: calc(var(--marginBottom) * 0.00893rem);
  justify-content: center;
}
@media (max-width: 720px) {
  .scene.scene-common-btn {
    padding-top: calc(var(--marginTop) * 1px);
    padding-bottom: calc(var(--marginBottom) * 1px);
  }
}
.scene-common-btn-main {
  border-radius: 200px;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  transform: translate3d(0, 25px, 0);
  transition: transform 0.5s cubic-bezier(0.39, 0.575, 0.565, 1),
    opacity 0.3s ease-in, background-color 0.15s ease-in;
  opacity: 0;
  will-change: transform, opacity;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene-common-btn-main,
.scene-common-btn-main i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scene-common-btn-main i {
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  padding-right: 0.017857142857142856rem;
  border-radius: 50%;
  font-size: 0.17857142857142855rem;
  color: #fff;
  background-color: #dbad76;
}
.scene-common-btn-main[data-type="line"] {
  padding: 0.08928571428571427rem 0.375rem;
  border: 0.017857142857142856rem solid rgba(0, 0, 0, 0.9);
  color: #191919;
}
.scene-common-btn-main[data-type="line"] i {
  display: none;
}
.scene-common-btn-main[data-type="line"][data-style="white"] {
  border-color: #fff;
  color: #fff;
}
.scene-common-btn-main[data-type="gold"] {
  padding: 0.07142857142857142rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #191919;
  background-color: rgba(0, 0, 0, 0.1);
}
.scene-common-btn-main[data-type="gold"] span {
  margin: 0 0.14285714285714285rem;
}
.scene-common-btn-main[data-type="gold"][data-style="white"] {
  color: #fff;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.scene-common-btn-main.active {
  transform: translateZ(0);
  opacity: 1;
}
@media (min-width: 1025px) {
  .scene-common-btn-main:hover[data-type="line"] {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .scene-common-btn-main:hover[data-type="line"][data-style="white"] {
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .scene-common-btn-main:hover[data-type="gold"] {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .scene-common-btn-main:hover[data-type="gold"][data-style="white"] {
    background-color: hsla(0, 0%, 100%, 0.4);
  }
}
@media (max-width: 720px) {
  .scene-common-btn-main {
    font-size: 16px;
  }
  .scene-common-btn-main i {
    width: 32px;
    height: 32px;
    padding-right: 2px;
    font-size: 20px;
  }
  .scene-common-btn-main[data-type="line"] {
    width: calc(100% - 80px);
    padding: 8px;
    border-width: 2px;
  }
  .scene-common-btn-main[data-type="gold"] {
    padding: 6px 8px;
  }
  .scene-common-btn-main[data-type="gold"] span {
    margin: 0 8px;
  }
}
.product-wrap.en .scene-ending {
  display: none !important;
}
.scene.scene-ending {
  height: 6.517857142857142rem;
  min-height: unset;
  box-sizing: content-box;
}
.scene.scene-ending[data-top-gap="true"] {
  padding-top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-ending[data-top-gap="true"] {
    padding-top: 120px;
  }
}
.scene.scene-ending.loaded .scene-inner {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-ending.loaded .scene-inner {
    background-image: var(--bgM);
  }
}
.scene.scene-ending .scene-inner {
  background-position: 50%;
}
.scene.scene-ending .product-fadebox {
  width: 100%;
  padding: 0 15.83333%;
}
@media (min-width: 1921px) {
  .scene.scene-ending .product-fadebox {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.scene.scene-ending .product-slogan {
  margin-bottom: 0.21428571428571427rem;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
}
.scene.scene-ending .ending-btn {
  min-width: 1.7142857142857142rem;
  width: auto;
  padding: 0 0.14285714285714285rem;
  color: #000;
  background-color: #fff;
}
.scene.scene-ending .ending-btn:hover {
  color: #fff;
  background-color: #191919;
}
.scene.scene-ending .ending-btn.sub {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}
.scene.scene-ending .ending-btn.sub:hover {
  background-color: hsla(0, 0%, 100%, 0.26);
}
@media (max-width: 1024px) {
  .scene.scene-ending .ending-btn {
    min-width: 18.75vw;
    padding: 0 1.5625vw;
  }
  .scene.scene-ending .ending-btn:hover {
    color: #000;
    background-color: #fff;
  }
  .scene.scene-ending .ending-btn.sub:hover {
    color: #fff;
    background-color: transparent;
  }
}
@media (max-width: 720px) {
  .scene.scene-ending {
    height: 100vh;
  }
  .scene.scene-ending .scene-inner {
    background-position: top;
    height: 100%;
  }
  .scene.scene-ending .product-fadebox {
    padding: 0;
    top: 140px;
  }
  .scene.scene-ending .product-slogan {
    padding: 0 13.333333333333334vw 0 21.333333333333336vw;
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 48px;
  }
  .scene.scene-ending .ending-btn {
    min-width: 140px;
    height: 40px;
    padding: 0 16px;
  }
}
.scene.scene-download {
  background-color: #fff;
}
.scene-download-new-pc .scene-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.scene-download-new-pc .scene-download-privacy {
  cursor: pointer;
}
.scene-download-bg-gray {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: #fafafa;
  z-index: 0;
}
.scene-download-layout-box {
  display: flex;
}
.scene-download-layout-left {
  background: #fff;
}
.scene-download-box-left {
  display: flex;
  justify-content: end;
  padding-top: 0.8571428571428571rem;
  padding-right: 0.9464285714285714rem;
}
@media (max-width: 1500px) {
  .scene-download-box-left {
    padding-right: 0.5rem;
  }
}
@media (max-width: 1440px) {
  .scene-download-box-left {
    padding-right: 0.9464285714285714rem;
  }
}
@media (max-width: 1160px) {
  .scene-download-box-left {
    padding-right: 0.7678571428571428rem;
  }
}
@media (max-width: 1024px) {
  .scene-download-box-left {
    padding: 0.5535714285714286rem 0;
    padding-right: 0.9464285714285714rem;
  }
}
.scene-download-box-left .scene-download-box {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
}
.scene-download-box-left .scene-download-title {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.2857142857142857rem;
  line-height: 0.3928571428571429rem;
  color: #191919;
}
.scene-download-box-left .scene-download-title.gradient {
  background-image: linear-gradient(90deg, #5386f5, #e102c4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.scene-download-box-left .scene-download-description {
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #666;
  margin-top: 0.10714285714285714rem;
}
.scene-download-box-left .scene-download-qrcode {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.21428571428571427rem;
}
.scene-download-box-left .scene-download-caption {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #191919;
  margin-top: 0.14285714285714285rem;
  margin-bottom: 0.21428571428571427rem;
}
.scene-download-box-left .scene-download-developers,
.scene-download-box-left .scene-download-version {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #666;
}
.scene-download-box-left .scene-download-policy {
  display: flex;
  margin-top: 0.07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #191919;
}
.scene-download-box-left .scene-download-line {
  display: inline-block;
  width: 0.008928571428571428rem;
  height: 0.10714285714285714rem;
  margin: 0 0.10714285714285714rem;
  background-color: #191919;
}
.scene-download-layout-right {
  background: #fafafa;
  display: flex;
}
.scene-download-box-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  padding-left: 0.9464285714285714rem;
}
@media (max-width: 1500px) {
  .scene-download-box-right {
    padding-left: 0.5rem;
  }
}
@media (max-width: 1440px) {
  .scene-download-box-right {
    padding-left: 0.9464285714285714rem;
  }
}
@media (max-width: 1160px) {
  .scene-download-box-right {
    padding-left: 0.7678571428571428rem;
  }
}
@media (max-width: 1024px) {
  .scene-download-box-right {
    padding-left: 0.9464285714285714rem;
  }
}
.scene-download-box-right .scene-download-box {
  display: flex;
  overflow: hidden;
  margin-top: 0.5rem;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.scene-download-box-right .scene-download-box:first-child {
  margin-top: 0;
}
.scene-download-box-right .scene-download-qrcode {
  width: 1.0714285714285714rem;
  height: 1.0714285714285714rem;
  margin-right: 0.21428571428571427rem;
}
.scene-download-box-right .scene-download-title {
  display: inline;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.19642857142857145rem;
  line-height: 0.3035714285714286rem;
  color: #191919;
}
.scene-download-box-right .scene-download-title.gradient {
  background-image: linear-gradient(90deg, #5386f5, #e102c4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.scene-download-box-right .scene-download-description {
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #666;
  margin-top: 0.017857142857142856rem;
}
.scene-download-box-right .scene-download-developers {
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #999;
  margin-top: 0.1607142857142857rem;
}
.scene-download-box-right .scene-download-policy {
  display: flex;
  align-items: center;
  margin-top: 0.03571428571428571rem;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #999;
}
.scene-download-box-right .scene-download-line {
  display: inline-block;
  width: 0.008928571428571428rem;
  height: 0.10714285714285714rem;
  margin: 0 0.10714285714285714rem;
  background-color: #999;
}
.scene-download-cover-picture {
  width: 2.7678571428571432rem;
  margin-left: 0.8035714285714286rem;
}
@media (max-width: 1500px) {
  .scene-download-cover-picture {
    margin-left: 0.3571428571428571rem;
  }
}
@media (max-width: 1440px) {
  .scene-download-cover-picture {
    margin-left: 0.8035714285714286rem;
  }
}
@media (max-width: 1160px) {
  .scene-download-cover-picture {
    margin-left: 0.625rem;
  }
}
@media (max-width: 1024px) {
  .scene-download-cover-picture {
    width: 2.7678571428571432rem;
    margin-left: 0.8035714285714286rem;
    display: none;
  }
}
.scene-download-img {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 720px) {
  .product-wrap.en .scene-download {
    display: none !important;
  }
  .product-wrap.en .scene-download-description {
    letter-spacing: 0;
  }
  .scene.scene-download {
    height: auto;
    min-height: unset;
    background-color: #fff;
  }
  .scene-download-box {
    padding: 80px 0;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 92.5%, 0.6);
  }
  .scene-download-box .scene-download-title {
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 40px;
    color: #191919;
  }
  .scene-download-box .scene-download-title.gradient {
    background-image: linear-gradient(90deg, #5386f5, #e102c4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .scene-download-box .scene-download-description {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    margin-top: 16px;
  }
  .scene-download-box .scene-download-qrcode {
    width: 167px;
    height: 167px;
    margin-top: 24px;
  }
  .scene-download-box .scene-download-caption {
    font-size: 12px;
    line-height: 20px;
    color: #191919;
    margin: 16px;
  }
  .scene-download-box .scene-download-button {
    display: flex;
    width: calc(100% - 80px);
    max-width: 400px;
    height: 44px;
    border-radius: 44px;
    margin: 0 40px 16px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #191919;
    background-color: #fff;
  }
  .scene-download-box .scene-download-developers,
  .scene-download-box .scene-download-version {
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
  .scene-download-box .scene-download-policy {
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    color: #191919;
  }
  .scene-download-box .scene-download-line {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #191919;
    margin: 0 12px;
  }
}
.product-wrap.en .scene-download {
  display: none !important;
}
.product-wrap.en .scene-download-description {
  letter-spacing: 0;
}
.scene.scene-download {
  height: auto;
  min-height: unset;
}
.scene.scene-download.loaded .scene-inner {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-download.loaded .scene-inner {
    background-image: var(--bgM);
  }
}
.scene.scene-download.loaded .scene-download-qrcode {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/app-qrcode.5480b982.jpg);
}
.scene.scene-download.loaded .scene-download-qrcode.qrcode-rc {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/qrcode/app-qrcode-rc.99d04ee0.png);
}
.scene-download-normal .scene-download-inner {
  position: relative;
  min-height: 5.25rem;
  padding: 0.8928571428571428rem 0;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-inner {
    padding: 0.7142857142857142rem 0;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-inner {
    min-height: 157.6vw;
    padding: 80px 0 64px;
  }
}
.scene-download-normal .scene-download-content {
  display: flex;
  width: 100%;
  padding-left: calc(50% + 2.28571rem);
  color: #000;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-content {
    display: block;
    padding-left: calc(50% + 1.86607rem);
  }
}
@media (max-width: 1100px) {
  .scene-download-normal .scene-download-content {
    padding-left: calc(45% + 1.86607rem);
  }
}
@media (max-width: 1000px) {
  .scene-download-normal .scene-download-content {
    padding-left: calc(45% + 1.42857rem);
  }
}
@media (max-width: 850px) {
  .scene-download-normal .scene-download-content {
    padding-left: calc(45% + 1.07143rem);
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-content {
    padding-left: 0;
  }
}
.scene-download-normal .scene-download-app {
  text-align: center;
}
.scene-download-normal .scene-download-app:not(:last-child) {
  margin-right: 0.7142857142857142rem;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-app {
    display: flex;
    text-align: left;
  }
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.8392857142857143rem;
  }
}
@media (max-width: 950px) {
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-bottom: 0.5357142857142857rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-app {
    text-align: center;
  }
  .scene-download-normal .scene-download-app:not(:last-child) {
    margin-bottom: 144px;
  }
}
.scene-download-normal .scene-download-left {
  display: none;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-left {
    display: block;
    margin-right: 0.21428571428571427rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-left {
    display: none;
  }
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-right .scene-download-row {
    display: none;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-right {
    width: 100%;
  }
  .scene-download-normal .scene-download-right .scene-download-row {
    display: flex;
  }
}
.scene-download-normal .scene-download-title {
  margin-bottom: 0.10714285714285714rem;
  font-size: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.3928571428571429rem;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-title {
    margin-bottom: 0.07142857142857142rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 44px;
  }
}
.scene-download-normal .scene-download-description {
  font-size: 0.125rem;
  color: #757575;
  line-height: 0.19642857142857145rem;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-description {
    padding-bottom: 0.10714285714285714rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.10714285714285714rem;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-description {
    padding-bottom: 0;
    border-bottom: 0 none;
    margin-bottom: 0;
    font-size: 12px;
    color: #666;
    line-height: 20px;
  }
}
.scene-download-normal .scene-download-row {
  display: flex;
  padding: 0.21428571428571427rem 0 0.14285714285714285rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-row {
    justify-content: center;
    padding: 24px 0 16px;
  }
}
.scene-download-normal .scene-download-qrcode {
  width: 1.4910714285714286rem;
  height: 1.4910714285714286rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-qrcode {
    width: 167px;
    height: 167px;
  }
}
.scene-download-normal .scene-download-caption,
.scene-download-normal .scene-download-developers,
.scene-download-normal .scene-download-version {
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-caption,
  .scene-download-normal .scene-download-developers,
  .scene-download-normal .scene-download-version {
    margin-bottom: 0;
  }
}
.scene-download-normal .scene-download-developers,
.scene-download-normal .scene-download-version {
  color: #666;
}
.scene-download-normal .scene-download-caption {
  margin-bottom: 0.21428571428571427rem;
  color: #191919;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-caption {
    display: none;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-caption {
    display: block;
    margin-bottom: 16px;
  }
}
.scene-download-normal .scene-download-policy {
  display: flex;
  margin-top: 0.07142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #191919;
  line-height: 20px;
}
.scene-download-normal .scene-download-policy span {
  cursor: pointer;
}
@media (max-width: 1920px) {
  .scene-download-normal .scene-download-policy {
    justify-content: unset;
  }
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-policy {
    margin-top: 8px;
    justify-content: center;
  }
}
.scene-download-normal .scene-download-line {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 0.10714285714285714rem;
  background-color: #191919;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-line {
    margin: 0 12px;
  }
}
.scene-download-normal .scene-download-button-m {
  display: none;
}
@media (max-width: 720px) {
  .scene-download-normal .scene-download-button-m {
    display: flex;
    width: calc(100% - 80px);
    height: 44px;
    border-radius: 44px;
    margin: 0 40px 16px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
    background-color: #fff;
  }
}
body sup {
  position: relative;
  top: -0.2em;
  display: none;
  font-feature-settings: "numr";
  font-size: 0.5em;
  vertical-align: super;
  text-underline-offset: 0.2em;
  letter-spacing: 0.1em;
  line-height: 1;
  transition: color 0.1s ease-in;
}
body sup:hover {
  color: #3c81fa;
}
body.sup-show sup {
  display: inline;
}
.scene.scene-note {
  height: auto;
  min-height: unset;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  color: #8c8c8c;
  background-color: #000;
}
.scene.scene-note .scene-wrap {
  padding: 0.3571428571428571rem 0.42857142857142855rem;
}
.scene.scene-note .scene-inner {
  overflow: unset;
}
@media (max-width: 720px) {
  .scene.scene-note .scene-wrap {
    padding: 20px 24px 40px;
  }
}
.scene-note-list {
  padding-bottom: 0.3571428571428571rem;
}
@media (max-width: 720px) {
  .scene-note-list {
    padding-bottom: 40px;
  }
}
.scene-note-item:not(:last-child) {
  padding-bottom: 0.07142857142857142rem;
}
@media (max-width: 720px) {
  .scene-note-item:not(:last-child) {
    padding-bottom: 8px;
  }
}
.scene.scene-table-common.scene-table-x-image {
  height: auto;
  min-height: unset;
  color: #191919;
  background-color: #fff;
}
.scene.scene-table-common.scene-table-x-image .scene-wrap {
  position: relative;
  padding: 0 11.45833%;
}
.scene.scene-table-common.scene-table-x-image .scene-inner {
  overflow: unset;
}
.scene.scene-table-common.scene-table-x-image .scene-table-common-list {
  display: flex;
  margin: 0 auto;
}
.scene.scene-table-common.scene-table-x-image .scene-table-common-item {
  position: static;
  border-left: 0.08928571428571427rem solid #fff;
  border-right: 0.08928571428571427rem solid #fff;
  flex-shrink: 0;
  background-color: transparent;
  opacity: 1;
}
.scene.scene-table-common.scene-table-x-image[data-top-gap="big"] {
  padding-top: 1.4285714285714284rem;
}
.scene.scene-table-common.scene-table-x-image[data-top-gap="small"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-table-common.scene-table-x-image[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-table-common.scene-table-x-image[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene.scene-table-common.scene-table-x-image[data-gap="connect"] {
  padding-bottom: 0.5714285714285714rem;
}
@media (max-width: 820px) {
  .scene.scene-table-common.scene-table-x-image[data-top-gap="big"] {
    padding-top: 64px;
  }
  .scene.scene-table-common.scene-table-x-image[data-top-gap="small"] {
    padding-top: 32px;
  }
  .scene.scene-table-common.scene-table-x-image[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-table-common.scene-table-x-image[data-gap="small"] {
    padding-bottom: 32px;
  }
  .scene.scene-table-common.scene-table-x-image[data-gap="connect"] {
    padding-bottom: 24px;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-common.scene-table-x-image {
    background-color: var(--bgColor) !important;
  }
  .scene.scene-table-common.scene-table-x-image .scene-wrap {
    padding: 0;
  }
  .scene.scene-table-common.scene-table-x-image .scene-inner {
    padding: 0 !important;
  }
  .scene.scene-table-common.scene-table-x-image .scene-table-common-item {
    padding: 0;
    border-width: 4px;
    border-color: var(--bgColor);
  }
  .scene.scene-table-common.scene-table-x-image[data-top-gap="big"] {
    padding-top: 80px;
  }
  .scene.scene-table-common.scene-table-x-image[data-top-gap="small"] {
    padding-top: 40px;
  }
  .scene.scene-table-common.scene-table-x-image[data-gap="big"],
  .scene.scene-table-common.scene-table-x-image[data-gap="small"] {
    padding-bottom: 80px;
  }
  .scene.scene-table-common.scene-table-x-image[data-gap="connect"] {
    padding-bottom: 64px;
  }
  .scene.scene-table-common.scene-table-x-image.loaded
    .scene-table-common-item {
    background-image: var(--backgroundImage720) !important;
  }
}
.scene-table-x-image-top {
  padding: 0 11.08108%;
}
.scene-table-x-image-top[data-gap="big"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-table-x-image-top[data-gap="small"] {
  padding-bottom: 0.5rem;
}
@media (max-width: 820px) {
  .scene-table-x-image-top[data-gap="big"] {
    padding-bottom: 32px;
  }
  .scene-table-x-image-top[data-gap="small"] {
    padding-bottom: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-image-top {
    padding: 0 40px;
  }
  .scene-table-x-image-top[data-gap="big"],
  .scene-table-x-image-top[data-gap="small"] {
    padding-bottom: 40px;
  }
}
.scene-table-x-image-title {
  max-width: 7.5rem;
  padding-bottom: 0.14285714285714285rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-table-x-image-title {
    padding-bottom: 4px;
    font-size: 24px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-table-x-image-title {
    max-width: unset;
    padding-bottom: 8px;
  }
}
.scene-table-x-image-caption {
  max-width: 7.5rem;
  font-size: 0.14285714285714285rem;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-table-x-image-caption {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-image-caption {
    max-width: unset;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-table-x-image-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.scene-table-x-image-main {
  position: relative;
  width: calc(53.6458vw + 0.17857rem);
  height: 30.17576vw;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-table-x-image-main {
    width: calc(100vw - 32px);
    height: calc(56.25vw - 22.5px);
  }
}
.scene-table-x-image-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.scene-table-x-image-mask.prev {
  transform: translate3d(-100%, 0, 0);
}
.scene-table-x-image-mask.next {
  transform: translate3d(100%, 0, 0);
}
.scene-table-x-image-arrow {
  position: absolute;
  top: 50%;
  display: flex;
  width: 0.42857142857142855rem;
  height: 0.42857142857142855rem;
  padding-left: 0.03571428571428571rem;
  border-radius: 50%;
  margin-top: -0.21428571428571427rem;
  align-items: center;
  justify-content: center;
  color: #666;
  background-color: #ececec;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}
.scene-table-x-image-arrow .lxiconfont {
  font-size: 0.21428571428571427rem;
}
.scene-table-x-image-arrow.prev {
  left: -0.6071428571428572rem;
  transform: rotate(180deg);
}
.scene-table-x-image-arrow.next {
  right: -0.6071428571428572rem;
}
@media (min-width: 1025px) {
  .scene-table-x-image-arrow:hover {
    color: #fff;
    background-color: #000;
  }
}
@media (max-width: 820px) {
  .scene-table-x-image-arrow {
    width: 20px;
    height: 20px;
    padding-left: 2px;
    margin-top: -10px;
  }
  .scene-table-x-image-arrow .lxiconfont {
    font-size: 12px;
  }
  .scene-table-x-image-arrow.prev {
    left: -30px;
  }
  .scene-table-x-image-arrow.next {
    right: -30px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-image-arrow {
    position: static;
    width: 40px;
    height: 40px;
    margin: 0 11px;
  }
  .scene-table-x-image-arrow .lxiconfont {
    font-size: 16px;
  }
}
.scene-table-x-image-bottom {
  padding-top: 0.14285714285714285rem;
}
@media (max-width: 820px) {
  .scene-table-x-image-bottom {
    padding-top: 8px;
  }
}
.scene-table-x-image-infolist {
  position: relative;
  height: 0.4553571428571428rem;
}
.scene-table-x-image-infolist[data-desc="0"] {
  height: 0.25rem;
}
@media (max-width: 820px) {
  .scene-table-x-image-infolist {
    height: 42px;
  }
  .scene-table-x-image-infolist[data-desc="0"] {
    height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-image-infolist {
    height: 68px;
  }
  .scene-table-x-image-infolist[data-desc="0"] {
    height: 20px;
  }
}
.scene-table-x-image-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.scene-table-x-image-info p:first-child {
  padding-bottom: 0.017857142857142856rem;
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.75;
}
.scene-table-x-image-info p:nth-child(2) {
  font-size: 0.125rem;
  line-height: 1.5;
  color: #666;
}
.scene-table-x-image-info.current {
  transition: opacity 0.6s ease;
  opacity: 1;
}
@media (max-width: 820px) {
  .scene-table-x-image-info p:first-child {
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 20px;
  }
  .scene-table-x-image-info p:nth-child(2) {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-image-info {
    padding: 0 40px;
  }
  .scene-table-x-image-info p:first-child {
    padding-bottom: 8px;
  }
}
.scene-table-x-image-dotlist {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .scene-table-x-image-dotlist {
    display: flex;
    margin-top: 24px;
  }
}
.scene-table-x-image-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 0 5px;
  background-color: #ccc;
}
.scene-table-x-image-dot.current {
  background-color: #666;
}
.scene.scene-multiple-image {
  height: auto;
  min-height: unset;
  color: #191919;
  background-color: #fff;
}
.scene.scene-multiple-image .scene-wrap {
  padding: 0 11.45833%;
}
.scene.scene-multiple-image .scene-inner {
  height: 77.0834vw;
  box-sizing: content-box;
  overflow: unset;
}
.scene.scene-multiple-image .scene-inner[data-gap="big"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-multiple-image .scene-inner[data-gap="small"] {
  padding-top: 0.5rem;
}
.scene.scene-multiple-image[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-multiple-image[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene.scene-multiple-image.loaded .scene-multiple-image-image {
  background-image: var(--img);
}
@media (max-width: 820px) {
  .scene.scene-multiple-image .scene-inner[data-gap="big"] {
    padding-top: 24px;
  }
  .scene.scene-multiple-image .scene-inner[data-gap="small"] {
    padding-top: 16px;
  }
  .scene.scene-multiple-image[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-multiple-image[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene.scene-multiple-image .scene-wrap {
    padding: 0 20px;
  }
  .scene.scene-multiple-image .scene-inner {
    height: calc(230vw - 92px);
  }
  .scene.scene-multiple-image .scene-inner[data-gap="big"],
  .scene.scene-multiple-image .scene-inner[data-gap="small"] {
    padding-top: 40px;
  }
  .scene.scene-multiple-image[data-gap="big"],
  .scene.scene-multiple-image[data-gap="small"] {
    padding-bottom: 80px;
  }
}
.scene-multiple-image-top {
  padding: 0 11.08108%;
}
@media (max-width: 720px) {
  .scene-multiple-image-top {
    padding: 0 20px;
  }
}
.scene-multiple-image-title {
  max-width: 7.5rem;
  padding-top: 0.7142857142857142rem;
  padding-bottom: 0.14285714285714285rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-multiple-image-title {
    padding-top: 32px;
    padding-bottom: 6px;
    font-size: 24px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-multiple-image-title {
    max-width: unset;
    padding-top: 40px;
    padding-bottom: 8px;
  }
}
.scene-multiple-image-caption {
  max-width: 7.5rem;
  font-size: 0.14285714285714285rem;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-multiple-image-caption {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-multiple-image-caption {
    max-width: unset;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-multiple-image-list {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 0.17857142857142855rem;
  grid-row-gap: 0.17857142857142855rem;
}
@media (max-width: 820px) {
  .scene-multiple-image-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}
@media (max-width: 720px) {
  .scene-multiple-image-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, 1fr);
  }
}
.scene-multiple-image-item {
  position: relative;
  overflow: hidden;
}
.scene-multiple-image-item:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 4;
}
.scene-multiple-image-item:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 6;
}
.scene-multiple-image-item:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 6;
  grid-row-end: 7;
}
.scene-multiple-image-item:nth-child(4) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 6;
  grid-row-end: 7;
}
.scene-multiple-image-item:nth-child(5) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}
.scene-multiple-image-item:nth-child(6) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 5;
}
.scene-multiple-image-item:nth-child(7) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 5;
}
.scene-multiple-image-item:nth-child(8) {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 7;
}
.scene-multiple-image-item:nth-child(n + 9) {
  display: none;
}
@media (max-width: 720px) {
  .scene-multiple-image-item:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 5;
  }
  .scene-multiple-image-item:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 8;
  }
  .scene-multiple-image-item:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 8;
    grid-row-end: 10;
  }
  .scene-multiple-image-item:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 10;
    grid-row-end: 13;
  }
  .scene-multiple-image-item:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 7;
  }
  .scene-multiple-image-item:nth-child(6) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 9;
  }
  .scene-multiple-image-item:nth-child(7) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 11;
  }
  .scene-multiple-image-item:nth-child(8) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 13;
  }
}
.scene-multiple-image-image {
  position: absolute;
  top: -20%;
  left: -20%;
  bottom: -20%;
  right: -20%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transform: translate3d(0, var(--moveValue), 0);
}
.scene-multiple-image-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 0.14285714285714285rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media (max-width: 1440px) {
  .scene-multiple-image-desc {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-multiple-image-desc {
    padding-bottom: 8px;
  }
}
.scene-multiple-image-tip {
  padding: 0.14285714285714285rem 11.08108% 0;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
@media (max-width: 720px) {
  .scene-multiple-image-tip {
    padding: 8px 20px 0;
  }
}
.scene-table-x.scene-three-image .scene-table-common-list {
  display: grid;
  margin-top: 0.5rem;
  aspect-ratio: 16/9;
  grid-template-columns: 9fr 7fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 0.17857142857142855rem;
}
.scene-table-x.scene-three-image .scene-table-common-item {
  position: static;
  width: auto;
  height: auto;
  opacity: unset;
}
.scene-table-x.scene-three-image .scene-table-common-item.item-1 {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media (max-width: 720px) {
  .scene-table-x.scene-three-image.loaded .scene-table-common-item {
    background-image: var(--backgroundImage720) !important;
  }
  .scene-table-x.scene-three-image .scene-table-common-list {
    display: block;
    padding: 0 4px;
    margin-top: 0;
    aspect-ratio: unset;
  }
  .scene-table-x.scene-three-image .scene-table-common-item {
    border: 0 !important;
  }
  .scene-table-x.scene-three-image .scene-table-common-item.item-1 {
    aspect-ratio: 1/1;
  }
  .scene-table-x.scene-three-image .scene-table-common-item.item-2,
  .scene-table-x.scene-three-image .scene-table-common-item.item-3 {
    aspect-ratio: 4/2.6;
  }
  .scene-table-x.scene-three-image .scene-table-common-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.scene-three-image-content {
  display: flex;
  height: 100%;
  padding: 0.3571428571428571rem;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 720px) {
  .scene-three-image-content {
    padding: 24px 20px;
  }
}
.scene-three-image-content-title {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.14285714285714285rem;
  line-height: 0.25rem;
}
@media (max-width: 720px) {
  .scene-three-image-content-title {
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-three-image-content-desc {
  margin-top: 0.07142857142857142rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #bababa;
}
@media (max-width: 720px) {
  .scene-three-image-content-desc {
    margin-top: 4px;
    font-size: 10px;
    line-height: 18px;
  }
}
.scene-three-image-content-link {
  display: flex;
  margin-top: 0.14285714285714285rem;
  align-items: center;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
}
.scene-three-image-content-link i {
  font-size: 0.14285714285714285rem;
  line-height: 1;
}
@media (max-width: 720px) {
  .scene-three-image-content-link {
    margin-top: 4px;
    font-size: 10px;
    line-height: 18px;
  }
  .scene-three-image-content-link i {
    font-size: 14px;
  }
}
.scene.scene-table-y {
  box-sizing: content-box;
  color: #191919;
  background-color: var(--bgColor);
}
.scene.scene-table-y .scene-wrap {
  position: relative;
}
.scene.scene-table-y .scene-inner {
  background-color: #000;
}
.scene.scene-table-y .scene-table-common-item {
  background-position: 0;
}
.scene.scene-table-y .product-tablelist {
  position: relative;
  left: unset;
  bottom: unset;
  width: 348px;
  padding-top: 1.0714285714285714rem;
  transform: none;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.4s;
}
@media (max-width: 1440px) {
  .scene.scene-table-y .product-tablelist {
    width: 295px;
  }
}
@media (max-width: 820px) {
  .scene.scene-table-y .product-tablelist {
    padding-top: 32px;
  }
}
.scene.scene-table-y .product-tablelist-inner {
  bottom: unset;
  display: block;
  padding-left: 22px;
  padding-bottom: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1440px) {
  .scene.scene-table-y .product-tablelist-inner {
    padding-left: 15px;
  }
}
@media (max-width: 1024px) {
  .scene.scene-table-y .product-tablelist-inner {
    padding-left: 10px;
    border-width: 1px;
  }
}
.scene.scene-table-y .product-tablelist-item-wrap {
  width: auto;
  margin-bottom: 0.3571428571428571rem;
  cursor: pointer;
}
.scene.scene-table-y .product-tablelist-item-wrap:last-child {
  margin-bottom: 0 !important;
}
.scene.scene-table-y
  .product-tablelist-item-wrap.current
  .product-tablelist-item
  p {
  color: #191919;
}
.scene.scene-table-y
  .product-tablelist-item-wrap.current
  .product-tablelist-desc {
  height: 63px;
  padding-top: 4px;
}
@media (max-width: 1024px) {
  .scene.scene-table-y .product-tablelist-item-wrap {
    margin-bottom: 30px;
  }
}
@media (max-width: 820px) {
  .scene.scene-table-y .product-tablelist-item-wrap {
    margin-bottom: 12px;
  }
}
.scene.scene-table-y .product-tablelist-slider {
  display: block;
}
.scene.scene-table-y .product-tablelist-slider[data-disabled-height="true"] {
  height: 93px !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="1"] {
  top: calc(26px + 0.35714rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="2"] {
  top: calc(52px + 0.71429rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="3"] {
  top: calc(78px + 1.07143rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="4"] {
  top: calc(104px + 1.42857rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="5"] {
  top: calc(130px + 1.78571rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="6"] {
  top: calc(156px + 2.14286rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="7"] {
  top: calc(182px + 2.5rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="8"] {
  top: calc(208px + 2.85714rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="9"] {
  top: calc(234px + 3.21429rem) !important;
}
.scene.scene-table-y .product-tablelist-slider[data-index="10"] {
  top: calc(260px + 3.57143rem) !important;
}
@media (max-width: 1024px) {
  .scene.scene-table-y .product-tablelist-slider[data-index="1"] {
    top: 56px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="2"] {
    top: 112px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="3"] {
    top: 168px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="4"] {
    top: 224px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="5"] {
    top: 280px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="6"] {
    top: 336px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="7"] {
    top: 392px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="8"] {
    top: 448px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="9"] {
    top: 504px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="10"] {
    top: 560px !important;
  }
}
@media (max-width: 820px) {
  .scene.scene-table-y .product-tablelist-slider {
    left: -1px;
    width: 1px;
  }
  .scene.scene-table-y .product-tablelist-slider[data-disabled-height="true"] {
    height: 87px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="1"] {
    top: 32px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="2"] {
    top: 64px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="3"] {
    top: 96px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="4"] {
    top: 128px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="5"] {
    top: 160px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="6"] {
    top: 192px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="7"] {
    top: 224px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="8"] {
    top: 256px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="9"] {
    top: 288px !important;
  }
  .scene.scene-table-y .product-tablelist-slider[data-index="10"] {
    top: 320px !important;
  }
}
.scene.scene-table-y .product-tablelist-item {
  padding: 0;
  text-align: left;
}
.scene.scene-table-y .product-tablelist-item p {
  font-size: 0.1607142857142857rem;
  line-height: 26px;
  color: #999;
  transition: color 0.15s ease-in;
}
@media (max-width: 820px) {
  .scene.scene-table-y .product-tablelist-item p {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene.scene-table-y .product-tablelist-bar {
  display: none;
}
.scene.scene-table-y .product-tablelist-desc {
  position: static;
  height: 0;
  padding-top: 0;
  box-sizing: content-box;
  overflow: hidden;
  font-size: 0.125rem;
  line-height: 21px;
  color: #666;
  text-align: left;
  transition: height 0.15s linear, padding-top 0.15s linear;
  opacity: 1;
}
@media (max-width: 1440px) {
  .scene.scene-table-y .product-tablelist-desc {
    font-size: 12px;
  }
}
.scene.scene-table-y.active .product-tablelist {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-table-y[data-theme="dark"] .scene-table-y-title {
  color: #fff;
}
.scene.scene-table-y[data-theme="dark"] .scene-table-y-caption {
  color: #bababa;
}
.scene.scene-table-y[data-theme="dark"] .product-tablelist-inner {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.scene.scene-table-y[data-theme="dark"] .product-tablelist-slider,
.scene.scene-table-y[data-theme="dark"] .scene-table-y-slider {
  background-color: #fff;
}
.scene.scene-table-y[data-theme="dark"] .product-tablelist-item p,
.scene.scene-table-y[data-theme="dark"] .scene-table-y-label {
  color: #8c8c8c;
}
.scene.scene-table-y[data-theme="dark"]
  .product-tablelist-item-wrap.current
  .product-tablelist-item
  p,
.scene.scene-table-y[data-theme="dark"] .scene-table-y-label.current {
  color: #fff;
}
.scene.scene-table-y[data-theme="dark"] .product-tablelist-desc,
.scene.scene-table-y[data-theme="dark"] .scene-table-y-label-desc {
  color: #bababa;
}
.scene.scene-table-y[data-theme="dark"]
  .scene-table-y-primary
  > span:nth-child(2) {
  border-color: hsla(0, 0%, 100%, 0.3);
  color: #fff;
}
.scene.scene-table-y[data-theme="dark"]
  .scene-table-y-primary
  > span:nth-child(3) {
  color: #bababa;
}
.scene.scene-table-y[data-theme="dark"] .scene-table-y-button {
  color: #fff;
  background-color: hsla(0, 0%, 100%, 0.2);
}
.scene.scene-table-y[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene.scene-table-y[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-table-y[data-gap="zero"] {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .scene.scene-table-y {
    height: 56.25vw;
  }
}
@media (max-width: 820px) {
  .scene.scene-table-y[data-gap="small"] {
    padding-bottom: 32px;
  }
  .scene.scene-table-y[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-table-y[data-gap="zero"] {
    padding-bottom: 0;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-y {
    height: auto;
    padding: 80px 0 0;
  }
  .scene.scene-table-y .scene-wrap {
    max-width: unset;
  }
  .scene.scene-table-y .scene-inner {
    width: 100%;
    max-height: unset;
    height: auto;
    padding: 0 16px 80px !important;
    border-radius: 0;
    margin: 0;
    background-color: #fff;
  }
  .scene.scene-table-y .scene-table-common-list {
    padding-bottom: 8px;
  }
  .scene.scene-table-y .scene-table-common-item {
    padding: 0;
    border-left: 4px solid var(--bgColor);
    border-right: 4px solid var(--bgColor);
    background-color: transparent;
  }
  .scene.scene-table-y .scene-table-common-image {
    width: 100%;
    height: 56.25vw;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .scene.scene-table-y[data-theme="dark"],
  .scene.scene-table-y[data-theme="dark"] .scene-inner {
    background-color: #000;
  }
  .scene.scene-table-y[data-gap="big"],
  .scene.scene-table-y[data-gap="small"],
  .scene.scene-table-y[data-gap="zero"] {
    padding-bottom: 0;
  }
}
.scene-table-y-content {
  position: absolute;
  top: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
@media (max-width: 720px) {
  .scene-table-y-content {
    position: static;
    display: block;
    height: auto;
    padding: 0 40px 40px;
  }
}
.scene-table-y-content-inner {
  width: 100%;
  padding: 0 20%;
}
@media (max-width: 720px) {
  .scene-table-y-content-inner {
    padding: 0;
  }
}
.scene-table-y-subtitle {
  font-size: 0.17857142857142855rem;
  line-height: 1.4;
}
@media (max-width: 820px) {
  .scene-table-y-subtitle {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-y-subtitle {
    font-size: 12px;
    line-height: 28px;
  }
}
.scene-table-y-title {
  padding-bottom: 0.14285714285714285rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-table-y-title {
    padding-bottom: 4px;
    font-size: 24px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-table-y-title {
    padding-bottom: 8px;
  }
}
.scene-table-y-caption {
  font-size: 0.14285714285714285rem;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-table-y-caption {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-y-caption {
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-table-y-primary {
  display: none;
  padding-top: 1.0714285714285714rem;
}
.scene-table-y-primary > span:first-child {
  margin-right: 0.03571428571428571rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
.scene-table-y-primary > span:nth-child(2) {
  display: inline-block;
  padding-right: 0.14285714285714285rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 0.14285714285714285rem;
  font-size: 0.125rem;
  line-height: 1;
  color: #666;
}
.scene-table-y-primary > span:nth-child(3) {
  font-size: 0.125rem;
  line-height: 1;
  color: #999;
}
.scene-table-y-primary.show {
  display: block;
}
@media (max-width: 820px) {
  .scene-table-y-primary {
    padding-top: 32px;
  }
  .scene-table-y-primary > span:first-child {
    margin-right: 8px;
    font-size: 18px;
  }
  .scene-table-y-primary > span:nth-child(2) {
    padding-right: 8px;
    margin-right: 8px;
    font-size: 12px;
    line-height: 20px;
  }
  .scene-table-y-primary > span:nth-child(3) {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-y-primary {
    padding-top: 40px;
  }
}
.scene-table-y-button {
  display: inline-flex;
  min-width: 1.3035714285714286rem;
  min-height: 0.42857142857142855rem;
  padding: 0.07142857142857142rem;
  border-radius: 200px;
  margin-top: 0.7142857142857142rem;
  align-items: center;
  justify-content: center;
  font-size: 0.14285714285714285rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.75;
  color: #191919;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.scene-table-y-button span {
  margin: 0 0.14285714285714285rem;
}
.scene-table-y-button .lxiconfont {
  display: flex;
  width: 0.2857142857142857rem;
  height: 0.2857142857142857rem;
  padding-right: 0.026785714285714284rem;
  border-radius: 200px;
  align-items: center;
  justify-content: center;
  font-size: 0.19642857142857145rem;
  color: #fff;
}
@media (max-width: 820px) {
  .scene-table-y-button {
    min-width: 105px;
    min-height: 40px;
    padding: 8px;
    margin-top: 32px;
    font-size: 12px;
    line-height: 1;
  }
  .scene-table-y-button span {
    margin: 0 8px;
  }
  .scene-table-y-button .lxiconfont {
    width: 24px;
    height: 24px;
    padding-right: 3px;
    font-size: 18px;
  }
}
@media (max-width: 720px) {
  .scene-table-y-button {
    min-height: 48px;
    margin-left: 40px;
  }
  .scene-table-y-button .lxiconfont {
    width: 32px;
    height: 32px;
    font-size: 24px;
  }
}
.scene-table-y-label-desc {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-y-label-desc {
    display: block;
    padding: 0 24px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
}
.scene-table-y-slider {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-y-slider {
    position: absolute;
    left: -1px;
    top: 0;
    display: block;
    width: 1px;
    height: 28px;
    background-color: #dbad76;
    transition: top 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
}
.scene-table-y-labellist {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-y-labellist {
    position: relative;
    display: block;
    border-left: 1px solid hsla(0, 0%, 85.1%, 0.2);
    margin: 40px 24px 0;
  }
}
.scene-table-y-label {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-y-label {
    position: relative;
    display: block;
    padding-left: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    transition: color 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
  .scene-table-y-label:last-child {
    margin-bottom: 0;
  }
  .scene-table-y-label.current {
    color: #191919;
  }
}
.scene.scene-table-y.scene-table-y-small {
  height: auto;
  min-height: unset;
  background-color: #fff;
}
.scene.scene-table-y.scene-table-y-small .scene-wrap {
  padding: 0 11.45833%;
}
.scene.scene-table-y.scene-table-y-small .scene-inner {
  width: 100%;
  height: 43.35941vw;
  margin: 0 auto;
}
.scene.scene-table-y.scene-table-y-small .product-tablelist,
.scene.scene-table-y.scene-table-y-small .scene-table-y-button,
.scene.scene-table-y.scene-table-y-small .scene-table-y-caption,
.scene.scene-table-y.scene-table-y-small .scene-table-y-labellist,
.scene.scene-table-y.scene-table-y-small .scene-table-y-primary,
.scene.scene-table-y.scene-table-y-small .scene-table-y-subtitle,
.scene.scene-table-y.scene-table-y-small .scene-table-y-title {
  transform: translateZ(0) !important;
  transition-delay: 0ms !important;
  opacity: 1 !important;
}
.scene.scene-table-y.scene-table-y-small .scene-table-y-primary.hide {
  opacity: 0 !important;
}
.scene.scene-table-y.scene-table-y-small .scene-table-y-content {
  left: 6.7568%;
  width: 93.2432%;
  align-items: unset;
}
.scene.scene-table-y.scene-table-y-small .scene-table-y-content-inner {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  padding-bottom: 0.7142857142857142rem;
  flex-direction: column;
  justify-content: flex-end;
}
.scene.scene-table-y.scene-table-y-small
  .scene-table-y-content-inner[data-center="true"] {
  padding-bottom: 0 !important;
  justify-content: center;
}
.scene.scene-table-y.scene-table-y-small .product-tablelist {
  padding-top: 0 !important;
}
.scene.scene-table-y.scene-table-y-small .product-tablelist-slider {
  background-color: var(--barColor) !important;
}
.scene.scene-table-y.scene-table-y-small[data-top-gap="big"] {
  padding-top: 1.4285714285714284rem;
}
.scene.scene-table-y.scene-table-y-small[data-top-gap="small"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-table-y.scene-table-y-small[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-table-y.scene-table-y-small[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
@media (max-width: 820px) {
  .scene.scene-table-y.scene-table-y-small .scene-table-y-content-inner {
    padding-bottom: 32px;
  }
  .scene.scene-table-y.scene-table-y-small[data-top-gap="big"] {
    padding-top: 64px;
  }
  .scene.scene-table-y.scene-table-y-small[data-top-gap="small"] {
    padding-top: 32px;
  }
  .scene.scene-table-y.scene-table-y-small[data-gap="big"] {
    padding-bottom: 64px;
  }
  .scene.scene-table-y.scene-table-y-small[data-gap="small"] {
    padding-bottom: 32px;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-y.scene-table-y-small {
    background-color: var(--bgColor) !important;
  }
  .scene.scene-table-y.scene-table-y-small .scene-wrap {
    width: 100vw;
    padding: 0;
    overflow: hidden;
  }
  .scene.scene-table-y.scene-table-y-small .scene-inner {
    height: auto;
    padding: 0 16px !important;
    overflow: unset;
    background-color: transparent !important;
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-y-content {
    display: none;
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-y-content-inner {
    padding-bottom: 16px;
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-common-list {
    padding-bottom: 0;
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-common-item {
    border-left: 4px solid var(--bgColor);
    border-right: 4px solid var(--bgColor);
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-y-primary {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 0 0 16px 20px;
  }
  .scene.scene-table-y.scene-table-y-small
    .scene-table-y-primary
    > span:first-child {
    display: block;
    font-size: 18px;
    line-height: 26px;
  }
  .scene.scene-table-y.scene-table-y-small
    .scene-table-y-primary
    > span:nth-child(2),
  .scene.scene-table-y.scene-table-y-small
    .scene-table-y-primary
    > span:nth-child(3) {
    display: inline-block;
    margin: 3px 0;
    font-size: 12px;
    line-height: 1.2;
  }
  .scene.scene-table-y.scene-table-y-small
    .scene-table-y-primary
    > span:nth-child(2) {
    padding-right: 4px;
    margin-right: 4px;
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-y-label.current {
    color: #191919 !important;
  }
  .scene.scene-table-y.scene-table-y-small .scene-mega-btn {
    right: 40px;
  }
  .scene.scene-table-y.scene-table-y-small .scene-table-y-label-desc {
    padding-top: 8px;
    color: #666 !important;
  }
  .scene.scene-table-y.scene-table-y-small[data-top-gap="big"] {
    padding-top: 40px;
  }
  .scene.scene-table-y.scene-table-y-small[data-top-gap="small"] {
    padding-top: 0;
  }
  .scene.scene-table-y.scene-table-y-small[data-gap="big"] {
    padding-bottom: 80px;
  }
  .scene.scene-table-y.scene-table-y-small[data-gap="small"] {
    padding-bottom: 40px;
  }
}
.scene-table-y-small-top {
  padding: 0 11.08108%;
}
.scene-table-y-small-top .scene-table-y-title {
  width: auto;
  max-width: 7.5rem;
  color: #191919 !important;
}
.scene-table-y-small-top .scene-table-y-caption {
  width: auto;
  max-width: 7.5rem;
  color: #666 !important;
}
.scene-table-y-small-top[data-gap="big"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene-table-y-small-top[data-gap="small"] {
  padding-bottom: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-table-y-small-top[data-gap="big"] {
    padding-bottom: 32px;
  }
  .scene-table-y-small-top[data-gap="small"] {
    padding-bottom: 24px;
  }
}
@media (max-width: 720px) {
  .scene-table-y-small-top {
    padding: 0 40px 20px;
  }
  .scene-table-y-small-top .scene-table-y-title {
    max-width: unset;
    padding-top: 40px;
  }
  .scene-table-y-small-top .scene-table-y-caption {
    max-width: unset;
  }
  .scene-table-y-small-top .scene-table-y-caption[data-gap="big"],
  .scene-table-y-small-top .scene-table-y-caption[data-gap="small"] {
    padding-bottom: 0;
  }
}
.scene-table-y-btn {
  display: inline-flex;
  margin-top: 0.3571428571428571rem;
  align-items: center;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  cursor: pointer;
}
.scene-table-y-btn span {
  margin-right: 0.03571428571428571rem;
}
@media (max-width: 820px) {
  .scene-table-y-btn {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-y-btn {
    margin-top: 16px;
  }
}
.scene.scene-table-horizontal {
  width: 100vw;
  height: auto;
  min-height: unset;
  overflow: hidden;
}
.scene.scene-table-horizontal .scene-wrap {
  height: auto;
}
.scene.scene-table-horizontal .scene-inner {
  width: calc(10.71429rem + 40px);
  height: auto;
  overflow: unset;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .scene.scene-table-horizontal .scene-inner {
    width: 670px;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal .scene-inner {
    width: 100%;
  }
}
.scene.scene-table-horizontal.loaded .scene-table-horizontal-media {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal.loaded .scene-table-horizontal-media {
    background-image: var(--bgM);
  }
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal[data-theme="light"]
    .scene-table-horizontal-info-item-title {
    color: #bababa;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal[data-theme="dark"]
    .scene-table-horizontal-info-item-title {
    color: #666;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal[data-bg-color="white"]
    .scene-table-horizontal-info {
    background-color: #fafafa;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal[data-bg-color="gray"]
    .scene-table-horizontal-info {
    background-color: #fff;
  }
}
.scene.scene-table-horizontal[data-bg-color="black"]
  .scene-table-horizontal-tip {
  color: #5e5e5e;
}
.scene.scene-table-horizontal[data-bg-color="black"]
  .scene-table-horizontal-dot {
  background-color: #191919;
}
.scene.scene-table-horizontal[data-bg-color="black"]
  .scene-table-horizontal-dot.current {
  background-color: #999;
}
@media (max-width: 720px) {
  .scene.scene-table-horizontal[data-bg-color="black"]
    .scene-table-horizontal-info {
    background-color: #191919;
  }
}
.scene.scene-table-horizontal[data-bg-color="gray"] .scene-table-horizontal-tip,
.scene.scene-table-horizontal[data-bg-color="white"]
  .scene-table-horizontal-tip {
  color: #ccc;
}
.scene.scene-table-horizontal[data-bg-color="gray"] .scene-table-horizontal-dot,
.scene.scene-table-horizontal[data-bg-color="white"]
  .scene-table-horizontal-dot {
  background-color: #ccc;
}
.scene.scene-table-horizontal[data-bg-color="gray"]
  .scene-table-horizontal-dot.current,
.scene.scene-table-horizontal[data-bg-color="white"]
  .scene-table-horizontal-dot.current {
  background-color: #191919;
}
.scene-table-horizontal-list {
  display: flex;
}
.scene-table-horizontal-item {
  padding: 0 20px;
  flex-shrink: 0;
}
@media (max-width: 720px) {
  .scene-table-horizontal-item {
    display: flex;
    flex-direction: column;
  }
}
.scene-table-horizontal-content {
  position: relative;
  width: 10.714285714285715rem;
  height: 6.017857142857142rem;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .scene-table-horizontal-content {
    width: 630px;
    height: 354px;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal-content {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    flex-grow: 1;
  }
}
.scene-table-horizontal-media {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-table-horizontal-media {
    height: auto;
    padding-top: 56.25%;
  }
}
.scene-table-horizontal-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 60px 60px 40px;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .scene-table-horizontal-info {
    padding: 60px 40px 32px;
  }
}
@media (max-width: 1024px) {
  .scene-table-horizontal-info {
    padding: 40px 20px 24px;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal-info {
    position: static;
    height: auto;
    padding: 20px 20px 28px;
    flex-wrap: wrap;
    flex-grow: 1;
    justify-content: unset;
  }
}
.scene-table-horizontal-info-title {
  font-size: 36px;
  line-height: 48px;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align: center;
}
@media (max-width: 1440px) {
  .scene-table-horizontal-info-title {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 1024px) {
  .scene-table-horizontal-info-title {
    font-size: 22px;
    line-height: 34px;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal-info-title {
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
  }
}
.scene-table-horizontal-info-list {
  display: flex;
  justify-content: center;
}
@media (max-width: 720px) {
  .scene-table-horizontal-info-list {
    flex-wrap: wrap;
    justify-content: unset;
  }
}
.scene-table-horizontal-info-item:not(:last-child) {
  margin-right: 60px;
}
@media (max-width: 1440px) {
  .scene-table-horizontal-info-item:not(:last-child) {
    margin-right: 40px;
  }
}
@media (max-width: 1024px) {
  .scene-table-horizontal-info-item:not(:last-child) {
    margin-right: 32px;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal-info-item {
    min-width: 50%;
    padding: 0 8px 12px;
    margin-right: 0 !important;
  }
}
.scene-table-horizontal-info-item-title {
  font-size: 12px;
  line-height: 20px;
}
.scene-table-horizontal-info-item-content {
  font-size: 22px;
  line-height: 34px;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 1440px) {
  .scene-table-horizontal-info-item-content {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1024px) {
  .scene-table-horizontal-info-item-content {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal-info-item-content {
    padding-top: 4px;
    font-size: 18px;
    line-height: 26px;
  }
}
.scene-table-horizontal-tip {
  padding-top: 12px;
  font-size: 12px;
  line-height: 20px;
}
.scene-table-horizontal-menu {
  display: flex;
  width: 10.714285714285715rem;
  padding-top: 20px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .scene-table-horizontal-menu {
    width: 630px;
  }
}
@media (max-width: 720px) {
  .scene-table-horizontal-menu {
    width: 100%;
    justify-content: center;
  }
}
.scene-table-horizontal-dot-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scene-table-horizontal-dot {
  width: 20px;
  height: 2px;
  border-radius: 50px;
  margin: 0 2px;
  transition: background-color 0.3s ease;
}
.scene-table-horizontal-arrow-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  .scene-table-horizontal-arrow-wrap {
    display: none;
  }
}
.scene-table-horizontal-arrow {
  display: flex;
  width: 46px;
  height: 46px;
  padding-right: 4px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: #191919;
  background-color: hsla(0, 0%, 92.5%, 0.6);
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene-table-horizontal-arrow .lxiconfont {
  font-size: 24px;
}
.scene-table-horizontal-arrow.prev {
  transform: rotate(180deg);
}
.scene-table-horizontal-arrow.next {
  margin-left: 16px;
}
@media (min-width: 1025px) {
  .scene-table-horizontal-arrow:hover {
    color: #fff;
    background-color: #000;
  }
}
.scene.scene-scroll-video canvas {
  display: block;
}
.scene.scene-scroll-video[data-theme="light"] .scene-scroll-video-item-desc,
.scene.scene-scroll-video[data-theme="light"]
  .scene-scroll-video-sub-item-content {
  color: #bababa;
}
@media (max-width: 720px) {
  .scene.scene-scroll-video[data-theme="light"]
    .scene-scroll-video-sub-item-content {
    color: #fff;
  }
}
.scene.scene-scroll-video[data-theme="dark"] .scene-scroll-video-item-desc,
.scene.scene-scroll-video[data-theme="dark"]
  .scene-scroll-video-sub-item-content {
  color: #666;
}
.scene.scene-scroll-video[data-position="top"] .scene-scroll-video-item {
  top: 0;
}
.scene.scene-scroll-video[data-position="bottom"] .scene-scroll-video-item {
  bottom: 0;
}
.scene-scroll-video-content {
  position: relative;
  height: 100%;
}
.scene-scroll-video-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1.4285714285714284rem 20%;
}
@media (max-width: 720px) {
  .scene-scroll-video-inner {
    padding: 100px 40px;
  }
}
.scene-scroll-video-list {
  height: 100%;
  pointer-events: none;
}
.scene-scroll-video-item {
  position: absolute;
  left: 0;
  width: 100%;
}
.scene-scroll-video-item[data-status="in"] {
  transform: translate3d(0, 50px, 0);
  opacity: 0;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.scene-scroll-video-item[data-status="current"] {
  transform: translateZ(0);
  opacity: 1;
  transition: opacity 0.3s ease-in 0.1s, transform 0.3s ease-in 0.1s;
}
.scene-scroll-video-item[data-status="out"] {
  transform: translate3d(0, -50px, 0);
  opacity: 0;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.scene-scroll-video-item-title {
  font-size: 0.3214285714285714rem;
  line-height: 0.42857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-scroll-video-item-title {
    font-size: 20px;
    line-height: 32px;
  }
}
.scene-scroll-video-item-desc {
  padding-top: 16px;
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
}
@media (max-width: 720px) {
  .scene-scroll-video-item-desc {
    padding-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-scroll-video-sub-list {
  display: flex;
  padding-top: 0.25rem;
}
@media (max-width: 720px) {
  .scene-scroll-video-sub-list {
    padding-top: 20px;
    flex-wrap: wrap;
  }
}
.scene-scroll-video-sub-item {
  margin-right: 0.4821428571428572rem;
}
@media (max-width: 720px) {
  .scene-scroll-video-sub-item {
    min-width: 50%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.scene-scroll-video-sub-item-title {
  font-size: 0.21428571428571427rem;
  line-height: 0.3214285714285714rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.scene-scroll-video-sub-item-title span {
  margin-left: 0.03571428571428571rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
}
@media (max-width: 720px) {
  .scene-scroll-video-sub-item-title {
    font-size: 16px;
    line-height: 28px;
    font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
  .scene-scroll-video-sub-item-title span {
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-scroll-video-sub-item-content {
  padding-top: 0.03571428571428571rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
}
@media (max-width: 720px) {
  .scene-scroll-video-sub-item-content {
    padding-top: 0;
    font-size: 10px;
    line-height: 18px;
  }
}
.scene.scene-guide {
  height: auto;
  min-height: unset;
}
.scene.scene-guide.loaded .scene-guide-item {
  background-image: var(--bgPc);
}
@media (max-width: 720px) {
  .scene.scene-guide.loaded .scene-guide-item {
    background-image: var(--bgM);
  }
}
@media (max-width: 720px) {
  .scene-guide-list {
    padding: 0 20px;
  }
}
@media (max-width: 720px) {
  .scene-guide-item {
    height: calc(56.25vw - 22.5px);
    padding: 20px;
    border-radius: 4px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
  }
  .scene-guide-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 720px) {
  .scene-guide-info-title {
    padding-bottom: 4px;
    font-size: 20px;
    line-height: 32px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 720px) {
  .scene-guide-info-desc {
    font-size: 12px;
    line-height: 12px;
  }
}
.scene-beginning.scene {
  height: unset;
  min-height: unset;
  background-color: #fff;
  color: #191919;
}
.scene-beginning.scene.loaded .scene-beginning-video {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-beginning.scene.loaded .scene-beginning-video {
    background-image: var(--backgroundImage720);
  }
}
.scene-beginning.hasBlank .scene-wrap {
  padding-top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-beginning.hasBlank .scene-wrap {
    padding-top: 120px;
  }
}
.scene-beginning.black {
  background-color: #000;
}
.scene-beginning.white {
  background-color: #fff;
}
.scene-beginning.gray {
  background-color: #fafafa;
}
@media (max-width: 720px) {
  .scene-beginning.m-hide-title .scene-beginning-container {
    display: none;
  }
}
.scene-beginning.dark {
  color: #191919;
}
.scene-beginning.light {
  color: #fff;
}
.scene-beginning-container {
  position: absolute;
  width: 5.357142857142858rem;
  margin: 0 20%;
}
@media (max-width: 720px) {
  .scene-beginning-container {
    width: 100%;
    margin: 0;
    padding: 0 40px;
  }
}
.scene-beginning-container.bottom.center {
  bottom: 1.4285714285714284rem;
  width: 60%;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-beginning-container.bottom.center {
    width: 100%;
    bottom: 160px;
  }
}
.scene-beginning-container.bottom.left {
  bottom: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-beginning-container.bottom.left {
    bottom: 160px;
  }
}
.scene-beginning-container.bottom.right {
  bottom: 1.4285714285714284rem;
  right: 0;
  text-align: end;
}
@media (max-width: 720px) {
  .scene-beginning-container.bottom.right {
    bottom: 160px;
  }
}
.scene-beginning-container.top.center {
  top: 1.4285714285714284rem;
  width: 60%;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-beginning-container.top.center {
    top: 160px;
    width: 100%;
  }
}
.scene-beginning-container.top.left {
  top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-beginning-container.top.left {
    top: 160px;
  }
}
.scene-beginning-container.top.right {
  top: 1.4285714285714284rem;
  right: 0;
  text-align: end;
}
@media (max-width: 720px) {
  .scene-beginning-container.top.right {
    top: 160px;
  }
}
.scene-beginning-little-title {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.2857142857142857rem;
}
@media (max-width: 720px) {
  .scene-beginning-little-title {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-beginning-title {
  padding-bottom: 0.14285714285714285rem;
  white-space: pre-line;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-beginning-title {
    padding-bottom: 8px;
    font-size: 24px;
    line-height: 36px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
.scene-beginning-desc {
  white-space: pre-line;
  font-size: 0.1607142857142857rem;
  line-height: 0.23214285714285715rem;
}
@media (max-width: 720px) {
  .scene-beginning-desc {
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-beginning-video {
  position: relative;
  padding-top: 56.25%;
  background-position: 50%;
  background-size: cover;
}
.scene-beginning-video video {
  position: absolute;
  top: 0;
}
@media (max-width: 720px) {
  .scene-beginning-video {
    height: 100vh;
    padding-top: 0;
  }
}
.scene-beginning-content-table-videobtn {
  margin-top: 24px;
  font-size: 0.14285714285714285rem;
  line-height: 0.25rem;
}
.scene-beginning-content-table-videobtn .iconfont-player-small {
  font-size: 0.14285714285714285rem;
  margin-left: 4px;
}
.scene-beginning-content-table-videobtn
  .scene-beginning-content-table-videobtn-click-area:hover {
  cursor: pointer;
}
@media (max-width: 720px) {
  .scene-beginning-content-table-videobtn {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
  }
  .scene-beginning-content-table-videobtn .iconfont-player-small {
    font-size: 14px;
  }
}
@media (max-width: 720px) {
  .scene-beginning-playbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .scene-beginning-playbtn:after {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    width: 48px;
    height: 48px;
    padding-left: 4px;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translate3d(-50%, -50%, 0);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    content: "\e97d";
    font-family: lxiconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.scene-beginning-note {
  position: absolute;
  left: 20%;
  bottom: 20px;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #ccc;
}
@media (max-width: 720px) {
  .scene-beginning-note {
    left: 40px;
    right: 40px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene.scene-picture-group {
  height: unset;
  min-height: unset;
  padding: 0.7142857142857142rem 0;
  background-color: #fff;
  color: #191919;
  color: #fff;
}
@media (max-width: 720px) {
  .scene.scene-picture-group {
    padding: 60px 0;
  }
}
.scene.scene-picture-group .transform-animation {
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
}
.scene.scene-picture-group.white {
  background-color: #fff;
}
.scene.scene-picture-group.black {
  background-color: #000;
}
.scene.scene-picture-group.gray {
  background-color: #fafafa;
}
.scene.scene-picture-group.dark {
  color: #191919;
}
.scene.scene-picture-group.light {
  color: #fff;
}
.scene.scene-picture-group.top-gad-big {
  padding-top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-picture-group.top-gad-big {
    padding-top: 80px;
  }
}
.scene.scene-picture-group.top-gad-small {
  padding-top: 0.7142857142857142rem;
}
@media (max-width: 720px) {
  .scene.scene-picture-group.top-gad-small {
    padding-top: 60px;
  }
}
.scene.scene-picture-group.top-gad-zero {
  padding-top: 0;
}
@media (max-width: 720px) {
  .scene.scene-picture-group.top-gad-zero {
    padding-top: 0;
  }
}
.scene.scene-picture-group.bottom-gad-big {
  padding-bottom: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-picture-group.bottom-gad-big {
    padding-bottom: 80px;
  }
}
.scene.scene-picture-group.bottom-gad-small {
  padding-bottom: 0.7142857142857142rem;
}
@media (max-width: 720px) {
  .scene.scene-picture-group.bottom-gad-small {
    padding-bottom: 60px;
  }
}
.scene.scene-picture-group.bottom-gad-zero {
  padding-bottom: 0;
}
@media (max-width: 720px) {
  .scene.scene-picture-group.bottom-gad-zero {
    padding-bottom: 0;
  }
}
.scene.scene-picture-group.loaded .scene-picture-group-imagelist-item {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.scene-picture-group.loaded .scene-picture-group-imagelist-item {
    background-image: var(--backgroundImage720);
  }
}
.scene.scene-picture-group.active .transform-animation {
  transform: translateZ(0);
  opacity: 1;
}
.scene.scene-picture-group.bottomarea {
  padding-bottom: 1.4285714285714284rem;
}
.scene-picture-group-content {
  padding: 0 20%;
}
@media (min-width: 1921px) {
  .scene-picture-group-content {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-picture-group-content {
    padding: 0 40px;
  }
}
.scene-picture-group-subtitle {
  font-size: 0.21428571428571427rem;
  line-height: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  transition-delay: 0.3s !important;
}
@media (max-width: 720px) {
  .scene-picture-group-subtitle {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-picture-group-title {
  padding-top: 0.21428571428571427rem;
  white-space: pre-line;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
  transition-delay: 0.4s !important;
}
@media (max-width: 720px) {
  .scene-picture-group-title {
    padding-top: 16px;
    font-size: 36px;
    line-height: 1.5;
  }
}
.scene-picture-group-list {
  max-width: 1600px;
  padding: 0 11.45833% 0;
  box-sizing: content-box;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .scene-picture-group-list {
    width: 100%;
    padding: 0;
  }
}
.scene-picture-group-item {
  position: relative;
}
.scene-picture-group-item:first-child {
  transition-delay: 0.5s !important;
}
.scene-picture-group-item:nth-child(2) {
  transition-delay: 0.6s !important;
}
.scene-picture-group-item:nth-child(3) {
  transition-delay: 0.7s !important;
}
.scene-picture-group-item:nth-child(4) {
  transition-delay: 0.8s !important;
}
.scene-picture-group-item:nth-child(5) {
  transition-delay: 0.9s !important;
}
.scene-picture-group-item:nth-child(6) {
  transition-delay: 1s !important;
}
.scene-picture-group-item:nth-child(7) {
  transition-delay: 1.1s !important;
}
.scene-picture-group-item:nth-child(8) {
  transition-delay: 1.2s !important;
}
.scene-picture-group-item-title {
  padding: 0.7142857142857142rem 11.08108% 0.3571428571428571rem;
  font-size: 0.21428571428571427rem;
  line-height: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (min-width: 1921px) {
  .scene-picture-group-item-title {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-picture-group-item-title {
    padding: 40px 40px;
    font-size: 16px;
    line-height: 24px;
    font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 720px) {
  .scene-picture-group-imagelist {
    padding-bottom: 8px;
    margin-bottom: 40px;
    overflow-x: scroll;
  }
  .scene-picture-group-imagelist::-webkit-scrollbar {
    display: none;
  }
}
.scene-picture-group-imagelist-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .scene-picture-group-imagelist-container {
    width: 872px;
    padding: 0 20px;
    box-sizing: content-box;
  }
}
.scene-picture-group-imagelist-item {
  position: relative;
  width: calc(33.33333% - 0.03571rem);
  padding-top: calc(18.75% - 0.02009rem);
  max-width: 489px;
  max-height: 275px;
  border-radius: 10px;
  margin-right: 0.05357142857142857rem;
  margin-bottom: 0.05357142857142857rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.scene-picture-group-imagelist-item:nth-child(3n) {
  margin-right: unset;
}
@media (max-width: 720px) {
  .scene-picture-group-imagelist-item {
    width: 280px;
    height: 158px;
    border-radius: 4px;
    margin: 0 16px 16px 0;
    position: relative;
  }
}
.scene-picture-group-imagelist-item-text {
  padding: 0 0.3571428571428571rem 0.14285714285714285rem;
  position: absolute;
  bottom: 0;
}
.scene-picture-group-imagelist-item-text.img-font-black {
  color: #191919;
}
.scene-picture-group-imagelist-item-text.img-font-white {
  color: #fff;
}
@media (max-width: 720px) {
  .scene-picture-group-imagelist-item-text {
    padding: 0 12px 12px;
  }
}
.scene-picture-group-imagelist-item-text
  .scene-picture-group-imagelist-item-text-title {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 0.19642857142857145rem;
  line-height: 0.3035714285714286rem;
  white-space: pre-line;
}
@media (max-width: 720px) {
  .scene-picture-group-imagelist-item-text
    .scene-picture-group-imagelist-item-text-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.scene-picture-group-imagelist-item-text
  .scene-picture-group-imagelist-item-text-desc {
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
  white-space: pre-line;
}
@media (max-width: 720px) {
  .scene-picture-group-imagelist-item-text
    .scene-picture-group-imagelist-item-text-desc {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-picture-group-tip {
  padding: 0.17857142857142855rem 20% 0;
  font-size: 0.10714285714285714rem;
  line-height: 0.17857142857142855rem;
  color: #bababa;
  transition-delay: 1s !important;
}
@media (min-width: 1921px) {
  .scene-picture-group-tip {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-picture-group-tip {
    padding: 0 40px;
    font-size: 10px;
    line-height: 18px;
  }
}
.scene-picture-group-item-scrollbar {
  display: none;
}
@media (max-width: 720px) {
  .scene-picture-group-item-scrollbar {
    position: absolute;
    bottom: 0;
    display: block;
    height: 1px;
    width: 60px;
    margin-left: 20px;
    background-color: hsla(0, 0%, 85.1%, 0.2);
  }
}
.scene-picture-group-item-scrollbar-inner {
  position: absolute;
  height: 100%;
  width: 6.180572vw;
  background-color: #dbad76;
}
.scene-long-video.scene {
  height: unset;
  min-height: unset;
  background-color: #fff;
  color: #191919;
}
.scene-long-video.scene.loaded .scene-long-video-video {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-long-video.scene.loaded .scene-long-video-video {
    background-image: var(--backgroundImage720);
  }
}
.scene-long-video.hasBlank .scene-wrap {
  padding-top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-long-video.hasBlank .scene-wrap {
    padding-top: 120px;
  }
}
.scene-long-video.black {
  background-color: #000;
}
.scene-long-video.white {
  background-color: #fff;
}
.scene-long-video.gray {
  background-color: #fafafa;
}
@media (max-width: 720px) {
  .scene-long-video.m-hide-title .scene-long-video-container {
    display: none;
  }
}
.scene-long-video.dark {
  color: #191919;
}
.scene-long-video.light {
  color: #fff;
}
.scene-long-video-container {
  position: absolute;
  margin: 0 20%;
}
.scene-long-video-container.bottom {
  bottom: 1.4285714285714284rem;
}
.scene-long-video-container.top {
  top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-long-video-container {
    position: static;
    width: 100%;
    margin: 0;
    padding: 0 40px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-container.big.bottom {
    margin-bottom: 120px;
    margin-top: 40px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-container.big.top {
    margin-top: 120px;
    margin-bottom: 40px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-container.small.bottom {
    margin-bottom: 60px;
    margin-top: 40px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-container.small.top {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-container.zero.bottom {
    margin-bottom: 0;
    margin-top: 40px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-container.zero.top {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.scene-long-video-little-title {
  padding-bottom: 0.07142857142857142rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.2857142857142857rem;
}
@media (max-width: 720px) {
  .scene-long-video-little-title {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-long-video-title {
  padding-bottom: 0.14285714285714285rem;
  white-space: pre-line;
  font-size: 0.3214285714285714rem;
  line-height: 0.42857142857142855rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-long-video-title {
    padding-bottom: 8px;
    font-size: 24px;
    line-height: 36px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
.scene-long-video-desc {
  white-space: pre-line;
  font-size: 0.14285714285714285rem;
  line-height: 0.21428571428571427rem;
  color: #bababa;
}
@media (max-width: 720px) {
  .scene-long-video-desc {
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-long-video-video {
  position: relative;
  padding-top: 56.25%;
  background-position: 50%;
  background-size: cover;
}
.scene-long-video-video video {
  position: absolute;
  top: 0;
}
@media (max-width: 720px) {
  .scene-long-video-video {
    height: 100vh;
    padding-top: 0;
  }
}
.scene-long-video-sublist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 0.03571428571428571rem;
}
@media (max-width: 720px) {
  .scene-long-video-sublist {
    width: 100%;
    padding-top: 16px;
  }
}
.scene-long-video-sublist .scene-long-video-sublist-item {
  padding-right: 0.3571428571428571rem;
  padding-top: 0.21428571428571427rem;
}
@media (max-width: 720px) {
  .scene-long-video-sublist .scene-long-video-sublist-item {
    padding-right: 24px;
    padding-top: 8px;
  }
}
.scene-long-video-sublist
  .scene-long-video-sublist-item
  .scene-long-video-sublist-item-title {
  font-size: 0.25rem;
  line-height: 0.3571428571428571rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-long-video-sublist
    .scene-long-video-sublist-item
    .scene-long-video-sublist-item-title {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 720px) {
  .scene-long-video-sublist
    .scene-long-video-sublist-item
    .scene-long-video-sublist-item-title
    .scene-long-video-sublist-item-title-unit {
    padding-left: 4px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-long-video-sublist
  .scene-long-video-sublist-item
  .scene-long-video-sublist-item-content {
  padding-top: 0.03571428571428571rem;
  font-size: 0.125rem;
  line-height: 0.19642857142857145rem;
  color: #bababa;
}
@media (max-width: 720px) {
  .scene-long-video-sublist
    .scene-long-video-sublist-item
    .scene-long-video-sublist-item-content {
    padding-top: 2px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene.scene-table-common.scene-table-x {
  height: auto;
  min-height: unset;
  color: #191919;
  background-color: var(--bgColor);
}
.scene.scene-table-common.scene-table-x .scene-inner {
  padding: 0 11.45833%;
  box-sizing: content-box;
}
.scene.scene-table-common.scene-table-x .scene-inner[data-gap="big"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-table-common.scene-table-x .scene-inner[data-gap="small"] {
  padding-top: 0.5rem;
}
.scene.scene-table-common.scene-table-x .scene-inner[data-ratio="16-9"] {
  height: 43.35941vw;
}
.scene.scene-table-common.scene-table-x .scene-inner[data-ratio="2.35-1"] {
  height: 32.80145vw;
}
.scene.scene-table-common.scene-table-x .scene-inner[data-ratio="4-3"] {
  height: 57.81255vw;
}
.scene.scene-table-common.scene-table-x .product-tablelist-3 {
  position: relative;
  left: unset;
  top: unset;
  z-index: unset;
  display: flex;
  width: auto;
  padding: 0 11.45833% 0.6071428571428572rem;
  justify-content: center;
  transform: none;
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  opacity: 0;
  will-change: transform, opacity;
  transition-delay: 0.6s;
}
.scene.scene-table-common.scene-table-x .product-tablelist-inner {
  position: static;
  display: inline-flex;
  padding-top: 0.21428571428571427rem;
  padding-bottom: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.04);
}
.scene.scene-table-common.scene-table-x .product-tablelist-slider {
  bottom: 0.6071428571428572rem;
  display: block;
  background-color: var(--barColor);
}
.scene.scene-table-common.scene-table-x .product-tablelist-item-wrap {
  min-width: 98px;
  margin: 0 0.17857142857142855rem;
}
.scene.scene-table-common.scene-table-x
  .product-tablelist-item-wrap[data-first="true"] {
  margin-left: 0;
}
.scene.scene-table-common.scene-table-x
  .product-tablelist-item-wrap[data-last="true"] {
  margin-right: 0;
}
.scene.scene-table-common.scene-table-x
  .product-tablelist-item-wrap.current
  .product-tablelist-item
  p {
  color: #191919;
}
.scene.scene-table-common.scene-table-x
  .product-tablelist-item-wrap.current
  .product-tablelist-desc {
  opacity: 1;
}
.scene.scene-table-common.scene-table-x .product-tablelist-item {
  padding: 0.07142857142857142rem 0;
}
.scene.scene-table-common.scene-table-x .product-tablelist-item p {
  font-size: 0.14285714285714285rem;
  font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #999;
  transition: color 0.3s ease-in;
}
.scene.scene-table-common.scene-table-x .product-tablelist-bar {
  display: none;
}
.scene.scene-table-common.scene-table-x .product-tablelist-desc {
  bottom: 0;
  height: 0.3928571428571429rem;
  padding: 0 20%;
  transition: opacity 0.3s ease-in;
}
.scene.scene-table-common.scene-table-x[data-top-gap="big"] {
  padding-top: 1.4285714285714284rem;
}
.scene.scene-table-common.scene-table-x[data-top-gap="small"] {
  padding-top: 0.7142857142857142rem;
}
.scene.scene-table-common.scene-table-x[data-top-gap="zero"] {
  padding-top: 0;
}
.scene.scene-table-common.scene-table-x[data-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene.scene-table-common.scene-table-x[data-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene.scene-table-common.scene-table-x[data-gap="zero"] {
  padding-bottom: 0;
}
.scene.scene-table-common.scene-table-x[data-theme="light"] {
  color: #fff;
}
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .product-tablelist-desc,
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .scene-table-x-caption,
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .scene-table-x-toplist-desc {
  color: #bababa;
}
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .scene-table-x-toplist-list {
  border-right-color: hsla(0, 0%, 100%, 0.1);
}
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .product-tablelist-inner {
  border-bottom-color: hsla(0, 0%, 100%, 0.1);
}
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .product-tablelist-item
  p {
  color: #8c8c8c;
}
.scene.scene-table-common.scene-table-x[data-theme="light"]
  .product-tablelist-item-wrap.current
  .product-tablelist-item
  p {
  color: #fff;
}
@media (max-width: 720px) {
  .scene.scene-table-common.scene-table-x[data-theme="light"]
    .scene-table-x-label {
    color: #8c8c8c;
  }
  .scene.scene-table-common.scene-table-x[data-theme="light"]
    .scene-table-x-label.current {
    color: #fff;
  }
  .scene.scene-table-common.scene-table-x[data-theme="light"]
    .scene-table-x-label-desc {
    color: #bababa;
  }
}
.scene.scene-table-common.scene-table-x.loaded .scene-table-x-toplist-img {
  background-image: var(--img);
}
.scene.scene-table-common.scene-table-x.loaded .scene-table-common-button {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/btn-play.ea9f89fd.png);
}
.scene.scene-table-common.scene-table-x.active .product-tablelist-3 {
  transform: translateZ(0);
  opacity: 1;
}
@media (max-width: 820px) {
  .scene.scene-table-common.scene-table-x[data-top-gap="big"] {
    padding-top: 64px;
  }
  .scene.scene-table-common.scene-table-x[data-top-gap="small"] {
    padding-top: 32px;
  }
  .scene.scene-table-common.scene-table-x[data-gap="big"],
  .scene.scene-table-common.scene-table-x[data-gap="small"] {
    padding-bottom: 40px;
  }
  .scene.scene-table-common.scene-table-x .scene-inner[data-gap="big"] {
    padding-top: 32px;
  }
  .scene.scene-table-common.scene-table-x .scene-inner[data-gap="small"] {
    padding-top: 24px;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-3 {
    padding-bottom: 68px;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-inner {
    padding-top: 8px;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-slider {
    bottom: 68px;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-item-wrap {
    margin: 0 4px;
  }
  .scene.scene-table-common.scene-table-x
    .product-tablelist-item-wrap[data-first="true"] {
    margin-left: 0;
  }
  .scene.scene-table-common.scene-table-x
    .product-tablelist-item-wrap[data-last="true"] {
    margin-right: 0;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-item {
    padding: 8px 0;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-item p {
    font-size: 14px;
    line-height: 22px;
  }
  .scene.scene-table-common.scene-table-x .product-tablelist-desc {
    height: 60px;
    padding: 0 calc(50vw - 200px);
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene.scene-table-common.scene-table-x {
    padding: 0 0 80px;
  }
  .scene.scene-table-common.scene-table-x[data-top-gap="big"] {
    padding-top: 80px;
  }
  .scene.scene-table-common.scene-table-x[data-top-gap="small"] {
    padding-top: 40px;
  }
  .scene.scene-table-common.scene-table-x .scene-inner {
    height: auto;
    padding: 40px 16px 0 !important;
    border-radius: 0;
    margin: 0;
    background-color: transparent;
  }
  .scene.scene-table-common.scene-table-x .scene-inner[data-ratio="16-9"] {
    height: calc(56.25vw - 22.5px);
  }
  .scene.scene-table-common.scene-table-x .scene-inner[data-ratio="2.35-1"] {
    height: calc(42.55319vw - 17.02128px);
  }
  .scene.scene-table-common.scene-table-x .scene-inner[data-ratio="4-3"] {
    height: calc(75vw - 30px);
  }
  .scene.scene-table-common.scene-table-x .scene-table-common-item {
    padding: 0;
    border-left: 4px solid var(--bgColor);
    border-right: 4px solid var(--bgColor);
    background-color: transparent;
  }
  .scene.scene-table-common.scene-table-x .scene-table-common-image {
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .scene.scene-table-common.scene-table-x .scene-table-common-button {
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70px;
  }
  .scene.scene-table-common.scene-table-x .scene-table-common-button:after {
    display: none;
  }
}
.scene-table-x-content {
  padding: 0 20%;
}
@media (max-width: 720px) {
  .scene-table-x-content {
    padding: 0 40px;
  }
}
.scene-table-x-title {
  max-width: 7.5rem;
  font-size: 0.41071428571428575rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.3478;
}
@media (max-width: 820px) {
  .scene-table-x-title {
    font-size: 24px;
    line-height: 1.4;
  }
}
@media (max-width: 720px) {
  .scene-table-x-title {
    max-width: unset;
  }
}
.scene-table-x-caption {
  max-width: 7.5rem;
  padding-top: 0.14285714285714285rem;
  font-size: 0.14285714285714285rem;
  color: #666;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-table-x-caption {
    padding-top: 4px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-caption {
    max-width: unset;
    padding-top: 8px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-table-x-btn {
  display: inline-flex;
  margin-top: 0.21428571428571427rem;
  align-items: center;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  cursor: pointer;
}
.scene-table-x-btn span {
  margin-right: 0.03571428571428571rem;
}
@media (max-width: 820px) {
  .scene-table-x-btn {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-btn {
    margin-top: 16px;
  }
}
.scene-table-x-toplist {
  display: flex;
  padding-left: 20%;
  padding-right: 11.45833%;
  flex-wrap: wrap;
  align-items: center;
}
.scene-table-x-toplist[data-gap="big"] {
  padding-top: 0.17857142857142855rem;
}
.scene-table-x-toplist[data-gap="small"] {
  padding-top: 0;
}
@media (max-width: 820px) {
  .scene-table-x-toplist[data-gap="big"] {
    padding-top: 8px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist {
    padding: 0 40px;
    align-items: unset;
  }
  .scene-table-x-toplist[data-gap="big"],
  .scene-table-x-toplist[data-gap="small"] {
    padding-top: 0;
  }
}
.scene-table-x-toplist-img {
  width: 1.0714285714285714rem;
  height: 1.0714285714285714rem;
  border-radius: 0.03571428571428571rem;
  margin-right: 0.3571428571428571rem;
  margin-top: 0.3571428571428571rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 820px) {
  .scene-table-x-toplist-img {
    width: 66px;
    height: 66px;
    border-radius: 2px;
    margin-right: 16px;
    margin-top: 16px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist-img {
    width: 60px;
    height: 60px;
    border-radius: 2px;
    margin-top: 20px;
    margin-right: calc(100vw - 140px);
  }
}
.scene-table-x-toplist-list {
  display: flex;
  max-width: 100%;
  margin-top: 0.3571428571428571rem;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: flex-end;
}
.scene-table-x-toplist-list:not(:last-child) {
  padding-right: 0.3571428571428571rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-table-x-toplist-list {
    margin-top: 16px;
  }
  .scene-table-x-toplist-list:not(:last-child) {
    padding-right: 16px;
    margin-right: 16px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist-list {
    min-width: 50%;
    margin-top: 14px;
  }
  .scene-table-x-toplist-list:not(:last-child) {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
  }
  .scene-table-x-toplist-list[data-single="false"] {
    min-width: unset;
    width: 100%;
  }
}
.scene-table-x-toplist-item {
  max-width: 100%;
  flex-shrink: 0;
}
.scene-table-x-toplist-item:not(:last-child) {
  margin-right: 0.3571428571428571rem;
}
@media (max-width: 820px) {
  .scene-table-x-toplist-item:not(:last-child) {
    margin-right: 16px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist-item {
    min-width: 50%;
    padding-top: 10px;
  }
  .scene-table-x-toplist-item:not(:last-child) {
    margin-right: 0;
  }
}
.scene-table-x-toplist-tag {
  height: 20px;
  margin-bottom: 0.14285714285714285rem;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 820px) {
  .scene-table-x-toplist-tag {
    margin-bottom: 2px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist-tag {
    height: auto;
    margin-bottom: 4px;
  }
}
.scene-table-x-toplist-title {
  display: flex;
  margin-bottom: 0.03571428571428571rem;
  align-items: flex-end;
  font-size: 0.2857142857142857rem;
  line-height: 1.25;
}
.scene-table-x-toplist-title span {
  margin-left: 0.07142857142857142rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
.scene-table-x-toplist-title sup {
  top: 0.2em;
  align-self: flex-start;
}
@media (max-width: 820px) {
  .scene-table-x-toplist-title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
  }
  .scene-table-x-toplist-title span {
    margin-left: 2px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist-title {
    line-height: 28px;
  }
  .scene-table-x-toplist-title span {
    margin-left: 3px;
    line-height: 26px;
  }
}
.scene-table-x-toplist-desc {
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
  color: #666;
}
@media (max-width: 820px) {
  .scene-table-x-toplist-desc {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-toplist-desc {
    color: #999;
  }
}
.scene-table-x-bottomlist {
  padding: 0 11.45833%;
}
@media (max-width: 720px) {
  .scene-table-x-bottomlist {
    padding: 0;
  }
}
.scene-table-x-bottomlist-inner {
  display: flex;
  padding: 0.3571428571428571rem 11.08108%;
  justify-content: space-between;
}
@media (max-width: 820px) {
  .scene-table-x-bottomlist-inner {
    padding: 16px 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-bottomlist-inner {
    padding: 16px 40px 0;
    flex-wrap: wrap;
  }
}
.scene-table-x-bottomlist-item {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 720px) {
  .scene-table-x-bottomlist-item {
    width: 50%;
    align-items: unset;
  }
}
.scene-table-x-bottomlist-value {
  margin-right: 0.07142857142857142rem;
  font-size: 0.2857142857142857rem;
  line-height: 1.25;
}
@media (max-width: 820px) {
  .scene-table-x-bottomlist-value {
    margin-right: 4px;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (max-width: 720px) {
  .scene-table-x-bottomlist-value {
    margin-right: 0;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-table-x-bottomlist-title {
  margin-right: 0.10714285714285714rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-table-x-bottomlist-title {
    margin-right: 4px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (max-width: 720px) {
  .scene-table-x-bottomlist-title {
    margin-right: 2px;
  }
}
.scene-table-x-bottomlist-unit {
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 820px) {
  .scene-table-x-bottomlist-unit {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-table-x-label-desc {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-x-label-desc {
    display: block;
    padding: 16px 40px 0;
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
}
.scene-table-x-slider {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-x-slider {
    position: absolute;
    left: -1px;
    top: 0;
    display: block;
    width: 1px;
    height: 28px;
    background-color: var(--barColor);
    transition: top 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
}
.scene-table-x-labellist {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-x-labellist {
    position: relative;
    display: block;
    border-left: 1px solid hsla(0, 0%, 85.1%, 0.2);
    margin: 40px 40px 0;
  }
}
.scene-table-x-label {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-x-label {
    position: relative;
    display: block;
    padding-left: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    transition: color 0.3s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  }
  .scene-table-x-label:last-child {
    margin-bottom: 0;
  }
  .scene-table-x-label.current {
    color: #191919;
  }
}
.scene-image-layer {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scene-image-layer-btn-wrap {
  display: flex;
}
.scene-image-layer-btn-wrap .scene-table-x-btn:not(:last-child) {
  margin-right: 0.5357142857142857rem;
}
.scene-image-layer-main {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 1.25rem 2.8571428571428568rem;
  background-color: rgba(0, 0, 0, 0.9);
}
@media (max-width: 720px) {
  .scene-image-layer-main {
    padding: 0;
  }
}
.scene-image-layer-close {
  z-index: 1;
  position: absolute;
  left: 0.3571428571428571rem;
  top: 0.3571428571428571rem;
  display: flex;
  width: 0.3571428571428571rem;
  height: 0.3571428571428571rem;
  align-items: center;
  justify-content: center;
  color: #bababa;
  cursor: pointer;
}
.scene-image-layer-close:hover {
  opacity: 0.6;
}
.scene-image-layer-close i {
  font-size: 0.19642857142857145rem;
}
@media (max-width: 720px) {
  .scene-image-layer-close {
    top: 8px;
    left: 16px;
    width: 28px;
    height: 28px;
    color: #fff;
  }
  .scene-image-layer-close i {
    font-size: 16px;
  }
}
.scene-image-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.scene-image-layer-item,
.scene-image-layer-list {
  display: flex;
  width: 100%;
  height: 100%;
}
.scene-image-layer-item {
  align-items: center;
  justify-content: center;
}
.scene-image-layer-image {
  max-width: 100%;
  max-height: 100%;
}
.scene-image-layer-pagination {
  display: none;
}
@media (max-width: 720px) {
  .scene-image-layer-pagination {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #bababa;
    text-align: center;
    transform: translateY(calc(33.3333vw + 20px));
  }
  .scene-image-layer-pagination span {
    margin: 0 -0.2em;
  }
}
.scene-image-layer-arrow {
  position: absolute;
  top: 50%;
  display: flex;
  width: 0.41071428571428575rem;
  height: 0.41071428571428575rem;
  border-radius: 50%;
  margin-top: -0.20535714285714288rem;
  align-items: center;
  justify-content: center;
  color: #191919;
  background-color: hsla(0, 0%, 92.5%, 0.6);
  cursor: pointer;
}
.scene-image-layer-arrow.prev {
  left: 0.5357142857142857rem;
  transform: rotate(180deg);
}
.scene-image-layer-arrow.next {
  right: 0.5357142857142857rem;
}
.scene-image-layer-arrow:hover {
  color: #fff;
  background-color: #191919;
}
.scene-image-layer-arrow i {
  font-size: 0.1607142857142857rem;
}
@media (max-width: 720px) {
  .scene-image-layer-arrow {
    display: none;
  }
}
.scene.scene-table-common video {
  opacity: 0;
}
.scene.scene-table-common.shadow .scene-table-common-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.3214285714285716rem;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
  content: "";
}
@media (max-width: 720px) {
  .scene.scene-table-common {
    height: auto;
    color: #000;
    background-color: #fff;
  }
  .scene.scene-table-common .scene-inner {
    padding: 17.77777777777778vw 0;
  }
  .scene.scene-table-common .scene-table-common-item:after {
    display: none;
  }
  .scene.scene-table-common .product-fadebox {
    pointer-events: none;
  }
  .scene.scene-table-common.demotion video {
    display: none;
  }
  .scene.scene-table-common.demotion .scene-table-common-button {
    display: block;
  }
}
.scene-table-common-list {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  .scene-table-common-list {
    display: flex;
    margin: 0;
  }
}
.scene-table-common-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: opacity 0.3s ease-in;
  opacity: 0;
  will-change: opacity;
}
.scene-table-common-item.current {
  z-index: 1;
  opacity: 1;
}
@media (max-width: 720px) {
  .scene-table-common-item {
    position: relative;
    display: flex;
    padding: 0 6.4vw;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    background-color: #fff;
    background-image: none !important;
    transition: none;
    opacity: 1;
    will-change: unset;
  }
}
.scene-table-common-image {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-image {
    display: block;
    width: 87.2vw;
    height: 65.4vw;
    margin-bottom: 11.11111111111111vw;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
  }
}
.scene-table-common-content {
  position: relative;
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-content {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.scene-table-common-title {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-title {
    display: block;
    margin-bottom: 2.1333333333333333vw;
    font-size: 5.333333333333334vw;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 7.466666666666668vw;
  }
}
.scene-table-common-description {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-description {
    display: block;
    padding-bottom: 5.866666666666666vw;
    font-size: 3.733333333333334vw;
    color: #666;
    line-height: 5.866666666666666vw;
  }
}
.scene-table-common-tip {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-tip {
    display: block;
    padding-bottom: 5.866666666666666vw;
    font-size: 3.2vw;
    color: #999;
    line-height: 5.333333333333334vw;
  }
}
.scene-table-common-dotlist {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-dotlist {
    display: flex;
    width: 100%;
    justify-content: center;
    pointer-events: none;
  }
}
.scene-table-common-dot {
  display: none;
}
@media (max-width: 720px) {
  .scene-table-common-dot {
    display: block;
    width: 2.1333333333333333vw;
    height: 2.1333333333333333vw;
    border-radius: 2.1333333333333333vw;
    margin: 0 1.3333333333333335vw;
    background-color: #ccc;
  }
  .scene-table-common-dot.current {
    background-color: #dbad76;
  }
}
.scene-table-common-button {
  display: none;
  height: 42.66666666666667vw;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 18.666666666666668vw;
}
@media (max-width: 720px) {
  .scene-table-common-button {
    position: absolute;
    left: 6.4vw;
    top: 0;
    width: 87.2vw;
    height: 65.4vw;
  }
  .scene-table-common-button:after {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    width: 48px;
    height: 48px;
    padding-left: 4px;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translate3d(-50%, -50%, 0);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    content: "\e97d";
    font-family: lxiconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (max-width: 720px) {
  .scene-table-common-bottomtip {
    padding: 24px 6.4vw 0;
    font-size: 3.733333333333334vw;
    color: #666;
    line-height: 5.866666666666666vw;
    text-align: center;
  }
}
.scene.scene-my-content-table {
  height: auto;
  min-height: unset;
  padding: 1.4285714285714284rem 5.20833% 0;
  color: #191919;
  background-color: #fff;
}
.scene.scene-my-content-table .scene-inner,
.scene.scene-my-content-table .scene-table-common-list {
  max-width: 15.357142857142856rem;
  max-height: 8.633928571428573rem;
  margin: 0 auto;
}
.scene.scene-my-content-table .scene-table-common-list {
  width: 100%;
  height: 50.391vw;
  border-radius: 4px;
  overflow: hidden;
}
.scene.scene-my-content-table .product-tablelist {
  z-index: 3;
}
.scene.scene-my-content-table.loaded .scene-my-content-table-toplist-img {
  background-image: var(--img);
}
@media (min-width: 721px) {
  .scene.scene-my-content-table[data-align="center"]
    .scene-my-content-table-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.41071428571428575rem;
    line-height: 0.5535714285714286rem;
    text-align: center;
  }
  .scene.scene-my-content-table[data-align="center"]
    .scene-my-content-table-desc {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.19642857142857145rem;
    line-height: 0.3035714285714286rem;
    text-align: center;
  }
}
.scene.scene-my-content-table[data-list-position="out"] .product-tablelist {
  position: relative;
  padding-top: 0.3571428571428571rem;
}
.scene.scene-my-content-table[data-list-position="out"] .product-tablelist p {
  color: #191919;
}
.scene.scene-my-content-table[data-list-position="out"]
  .product-tablelist-inner
  > div {
  border-color: rgba(0, 0, 0, 0.1);
}
.scene.scene-my-content-table[data-list-position="out"]
  .product-tablelist-desc {
  color: #191919;
}
.scene.scene-my-content-table[data-list-position="out"]
  .scene-my-content-table-shadow {
  display: none;
}
.scene.scene-my-content-table[data-theme="dark"] {
  background-color: #000;
}
.scene.scene-my-content-table[data-theme="dark"] .scene-my-content-table-title {
  color: #fff;
}
.scene.scene-my-content-table[data-theme="dark"] .scene-my-content-table-desc {
  color: #bababa;
}
.scene.scene-my-content-table[data-theme="dark"]
  .scene-my-content-table-toplist-tag,
.scene.scene-my-content-table[data-theme="dark"]
  .scene-my-content-table-toplist-title
  span:nth-child(2) {
  color: #fff;
}
.scene.scene-my-content-table[data-theme="dark"] .scene-my-content-table-tip,
.scene.scene-my-content-table[data-theme="dark"]
  .scene-my-content-table-toplist-desc {
  color: #8c8c8c;
}
.scene.scene-my-content-table[data-theme="dark"][data-list-position="out"]
  .product-tablelist
  p {
  color: #fff;
}
.scene.scene-my-content-table[data-theme="dark"][data-list-position="out"]
  .product-tablelist-inner
  > div {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.scene.scene-my-content-table[data-theme="dark"][data-list-position="out"]
  .product-tablelist-desc {
  color: #bababa;
}
@media (max-width: 720px) {
  .scene.scene-my-content-table[data-theme="dark"] .scene-table-common-title {
    color: #fff;
  }
  .scene.scene-my-content-table[data-theme="dark"]
    .scene-table-common-description {
    color: #8c8c8c;
  }
  .scene.scene-my-content-table[data-theme="dark"] .scene-table-common-dot {
    background-color: #666;
  }
  .scene.scene-my-content-table[data-theme="dark"]
    .scene-table-common-dot.current {
    background-color: #dbad76;
  }
}
@media (max-width: 720px) {
  .scene.scene-my-content-table {
    padding: 120px 0 0;
  }
  .scene.scene-my-content-table .scene-inner {
    max-width: unset;
    width: 100%;
    max-height: unset;
    height: auto;
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
  }
  .scene.scene-my-content-table .scene-table-common-list {
    width: auto;
    max-width: unset;
    height: auto;
    max-height: unset;
  }
  .scene.scene-my-content-table .scene-table-common-item {
    padding: 0 20px;
    background-color: transparent;
  }
  .scene.scene-my-content-table .scene-table-common-image {
    width: 100%;
    height: calc(56.25vw - 22.5px);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .scene.scene-my-content-table .scene-table-common-content {
    padding-top: 20px;
    text-align: left;
  }
  .scene.scene-my-content-table .scene-table-common-title {
    font-size: 16px;
    line-height: 1.5;
  }
  .scene.scene-my-content-table .scene-table-common-description {
    padding-bottom: 40px;
  }
  .scene.scene-my-content-table .scene-table-common-dot {
    width: 6px;
    height: 6px;
  }
  .scene.scene-my-content-table .scene-table-common-button {
    left: 20px;
    width: calc(100% - 40px);
    height: calc(56.25vw - 22.5px);
  }
}
.scene-my-content-table-content {
  position: relative;
  padding: 0 16.51163% 0.7142857142857142rem;
}
@media (min-width: 1921px) {
  .scene-my-content-table-content {
    width: 1152px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 720px) {
  .scene-my-content-table-content {
    padding: 0 20px 40px;
  }
}
.scene-my-content-table-title {
  width: 7.5rem;
  font-size: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.375;
}
@media (max-width: 720px) {
  .scene-my-content-table-title {
    width: 100%;
    font-size: 20px;
    line-height: 32px;
  }
}
.scene-my-content-table-desc {
  width: 7.5rem;
  margin-top: 0.14285714285714285rem;
  font-size: 0.14285714285714285rem;
  color: #666;
  line-height: 1.5;
}
.scene-my-content-table-desc i {
  display: inline-block;
  color: transparent;
  background: linear-gradient(90deg, var(--color1), var(--color2));
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 720px) {
  .scene-my-content-table-desc {
    width: 100%;
    margin-top: 8px;
    font-size: 16px;
  }
}
.scene-my-content-table-toplist {
  display: flex;
  padding-top: 0.17857142857142855rem;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist {
    display: block;
    padding-top: 20px;
  }
}
.scene-my-content-table-toplist-img {
  width: 1.0714285714285714rem;
  height: 1.0714285714285714rem;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 0.3571428571428571rem;
  margin-top: 0.3571428571428571rem;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist-img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 0;
    margin-top: 20px;
  }
}
.scene-my-content-table-toplist-list {
  display: flex;
  margin-top: 0.3571428571428571rem;
  flex-shrink: 0;
}
.scene-my-content-table-toplist-list:not(:last-child) {
  margin-right: 0.7142857142857142rem;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist-list {
    display: inline-flex;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .scene-my-content-table-toplist-list:not(:last-child) {
    margin-right: 0;
  }
}
.scene-my-content-table-toplist-item:not(:last-child) {
  margin-right: 0.3571428571428571rem;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist-item {
    width: calc(50vw - 20px);
    flex-shrink: 0;
  }
  .scene-my-content-table-toplist-item:not(:last-child) {
    margin-right: 0;
  }
}
.scene-my-content-table-toplist-tag {
  height: 20px;
  padding-bottom: 0.14285714285714285rem;
  box-sizing: content-box;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist-tag {
    padding-bottom: 4px;
  }
}
.scene-my-content-table-toplist-title span:first-child {
  font-size: 0.2857142857142857rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.3928571428571429rem;
  color: transparent;
  background: linear-gradient(90deg, var(--color1), var(--color2));
  -webkit-background-clip: text;
  background-clip: text;
}
.scene-my-content-table-toplist-title span:nth-child(2) {
  margin-left: 0.07142857142857142rem;
  font-size: 0.14285714285714285rem;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist-title span:first-child {
    font-size: 20px;
    line-height: 32px;
  }
  .scene-my-content-table-toplist-title span:nth-child(2) {
    margin-left: 2px;
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-my-content-table-toplist-desc {
  font-size: 0.125rem;
  color: #999;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .scene-my-content-table-toplist-desc {
    font-size: 12px;
    line-height: 20px;
  }
}
.scene-my-content-table-shadow {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.821428571428571rem;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(180deg, rgba(7, 8, 10, 0), rgba(7, 8, 10, 0.5));
  pointer-events: none;
}
@media (max-width: 720px) {
  .scene-my-content-table-shadow {
    display: none;
  }
}
.scene-my-content-table-tip {
  padding: 0.17857142857142855rem 16.51163% 0;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
@media (max-width: 720px) {
  .scene-my-content-table-tip {
    padding: 12px 20px 0;
  }
}
.scene-mybeginning.scene {
  height: unset;
  min-height: unset;
  background-color: #fff;
}
.scene-mybeginning.scene.loaded .scene-mybeginning-video {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene-mybeginning.scene.loaded .scene-mybeginning-video {
    background-image: var(--backgroundImage720);
  }
}
.scene-mybeginning.hasBlank .scene-wrap {
  padding-top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-mybeginning.hasBlank .scene-wrap {
    padding-top: 120px;
  }
}
@media (max-width: 720px) {
  .scene-mybeginning.m-hide-title .scene-mybeginning-container {
    display: none;
  }
}
.scene-mybeginning-container {
  position: absolute;
  width: 100%;
  padding: 0 20%;
}
@media (max-width: 720px) {
  .scene-mybeginning-container {
    left: 40px;
    padding: 0;
    width: calc(100% - 80px);
  }
}
.scene-mybeginning-container.bottom.center {
  bottom: 1.6071428571428572rem;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-mybeginning-container.bottom.center {
    bottom: 120px;
  }
}
.scene-mybeginning-container.bottom.left {
  bottom: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-mybeginning-container.bottom.left {
    bottom: 120px;
  }
}
.scene-mybeginning-container.top.center {
  top: 1.25rem;
  text-align: center;
}
@media (max-width: 720px) {
  .scene-mybeginning-container.top.center {
    top: 140px;
  }
}
.scene-mybeginning-container.top.left {
  top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene-mybeginning-container.top.left {
    top: 120px;
  }
}
.scene-mybeginning-title {
  padding-bottom: 0.10714285714285714rem;
  font-size: 0.41071428571428575rem;
  line-height: 0.5535714285714286rem;
  color: #fff;
}
@media (max-width: 720px) {
  .scene-mybeginning-title {
    font-size: 32px;
    line-height: 44px;
    font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
      PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}
.scene-mybeginning-desc {
  font-size: 0.1607142857142857rem;
  line-height: 0.23214285714285715rem;
  color: #fff;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 720px) {
  .scene-mybeginning-desc {
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-mybeginning-video {
  position: relative;
  padding-top: 56.25%;
  background-position: 50%;
  background-size: cover;
}
.scene-mybeginning-video video {
  position: absolute;
  top: 0;
}
@media (max-width: 720px) {
  .scene-mybeginning-video {
    height: 100vh;
    padding-top: 0;
  }
}
@media (max-width: 720px) {
  .scene-mybeginning-playbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .scene-mybeginning-playbtn:after {
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    width: 48px;
    height: 48px;
    padding-left: 4px;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translate3d(-50%, -50%, 0);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    content: "\e97d";
    font-family: lxiconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.isbaiduminapp .chj-footer-icon-app {
  display: none;
}
.chj-footer {
  position: relative;
  bottom: 0;
  font-size: 12px;
  line-height: 20px;
  background-color: #000;
}
.chj-footer.islibrowser .chj-footer-text {
  pointer-events: none;
}
.chj-footer.islibrowser .footer-alink {
  text-decoration: unset;
}
@media (max-width: 850px) {
  .chj-footer {
    border-top: 1px solid #222;
  }
  .chj-footer.noMobileFooter {
    display: none;
  }
}
.chj-footer-inner {
  position: relative;
  padding: 0 48px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .chj-footer-inner {
    width: 100%;
    padding: 0 3.90625vw;
    box-sizing: border-box;
  }
}
@media (max-width: 850px) {
  .chj-footer-inner {
    width: 100%;
    padding: 0 5.555555555555555vw 23px;
  }
  .chj-footer-inner .mobile-hide {
    display: none;
  }
}
.chj-footer-link {
  display: flex;
  flex-wrap: wrap;
}
.chj-footer-link a {
  display: flex;
  width: auto;
  height: 40px;
  align-items: center;
  color: hsla(0, 0%, 100%, 0.8);
  text-align: left;
}
.chj-footer-link a:hover {
  color: #fff;
}
.chj-footer-link a:not(:last-of-type):after {
  margin: 0 20px;
  color: #222;
  content: "|";
}
@media (max-width: 850px) {
  .chj-footer-link a {
    height: 40px;
    padding-bottom: 20px;
  }
  .chj-footer-link a:not(:last-of-type):after {
    margin: 0 4.533333333333333vw;
  }
}
@media (max-width: 750px) {
  .chj-footer-link a:not(:last-of-type):after {
    margin: 0 2.933333333333333vw;
  }
}
.chj-footer-inner-cell {
  display: flex;
  justify-content: space-between;
}
.chj-footer-inner-cell.cell-top {
  height: auto;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #222;
  align-items: start;
}
.chj-footer-inner-cell.cell-bottom {
  padding-top: 0;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 850px) {
  .chj-footer-inner-cell {
    width: 100%;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
  }
  .chj-footer-inner-cell.cell-top {
    height: auto;
    padding-top: 20px;
    border-bottom: none;
    align-items: flex-start;
  }
}
.chj-footer-icon {
  display: flex;
  height: 40px;
  padding-left: 120px;
  flex-shrink: 0;
}
.chj-footer-icon a {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.chj-footer-icon a:not(:last-child) {
  margin-right: 16px;
}
.chj-footer-icon a .chj-footer-popover {
  position: absolute;
  z-index: 202;
  left: 50%;
  bottom: 30px;
  display: none;
  width: 172px;
  padding-top: 16px;
  padding-bottom: 12px;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  margin-left: -86px;
  background-color: #fff;
}
.chj-footer-icon a .chj-footer-popover.popshow {
  display: block;
}
.chj-footer-icon a .chj-footer-popover .popover-qrcode {
  width: 140px;
  height: 140px;
  overflow: hidden;
  margin: 0 auto;
}
.chj-footer-icon a .chj-footer-popover .popover-qrcode img {
  width: 100%;
  height: 100%;
}
.chj-footer-icon a .chj-footer-popover .popover-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  opacity: 0.7;
}
.chj-footer-icon a .chj-footer-popover .popover-close .iconfont {
  font-size: 14px;
  color: #8c8985;
}
.chj-footer-icon a .chj-footer-popover .popover-text {
  margin-top: 12px;
  font-size: 14px;
  font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #222;
  line-height: 22px;
  text-align: center;
}
.chj-footer-icon a .chj-footer-popover:after {
  position: absolute;
  left: 50%;
  bottom: -16px;
  border: 10px solid transparent;
  margin-left: -10px;
  border-top-color: #f7f8f9;
  content: "";
}
@media (max-width: 720px) {
  .chj-footer-icon a .chj-footer-popover {
    left: 100%;
  }
  .chj-footer-icon a .chj-footer-popover:after {
    left: 40%;
  }
}
.chj-footer-icon .iconfont {
  font-size: 16px;
  color: #8c8985;
  line-height: 20px;
}
@media (max-width: 850px) {
  .chj-footer-icon {
    padding-left: 0;
  }
}
.chj-footer-text {
  display: flex;
  justify-content: center;
  line-height: 20px;
}
.chj-footer-text p > span {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.8);
}
.chj-footer-text p > span:hover {
  color: #fff;
}
.chj-footer-text p > span:not(:first-of-type):before {
  display: inline-block;
  margin: 0 16px;
  color: hsla(0, 0%, 100%, 0.8);
  content: "|";
}
.chj-footer-text p > span.last {
  margin-left: 18px;
}
@media (max-width: 850px) {
  .chj-footer-text {
    padding-bottom: 9px;
    flex-direction: column;
  }
  .chj-footer-text p > span:not(:first-of-type):before {
    margin: 0;
    content: "";
  }
  .chj-footer-text p > span:nth-child(2):before {
    margin: 0 16px;
    content: "|";
  }
  .chj-footer-text p > span.last {
    margin-left: 0;
  }
}
.chj-footer-copyright {
  display: flex;
  padding-bottom: 25px;
  justify-content: center;
  color: #8c8985;
  letter-spacing: 1;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.chj-footer-copyright i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: sub;
  background: url(https://p.ampmake.com/fed/m01/asset-1907/image/other/emblem.8f49442a.png)
    no-repeat;
  background-size: 100% 100%;
}
.chj-footer-copyright a,
.chj-footer-copyright a:hover,
.chj-footer-copyright a:visited {
  color: #8c8985;
}
.chj-footer-copyright span {
  display: inline-block;
  margin-top: 10px;
  margin-right: 16px;
  line-height: 20px;
}
.chj-footer-copyright span a {
  color: #8c8985;
}
@media (max-width: 1024px) {
  .chj-footer-copyright {
    flex-direction: column;
  }
}
@media (max-width: 850px) {
  .chj-footer-copyright span {
    margin-right: 0;
  }
}
.chj-footer-copyright-top {
  text-align: center;
}
@media (max-width: 850px) {
  .chj-footer-copyright-top {
    text-align: left;
  }
}
@media (max-width: 850px) {
  .chj-footer-copyright-bottom span {
    margin-right: 0;
  }
}
.chj-footer-inner.en {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: space-between;
}
.chj-footer-inner.en .chj-footer-copyright {
  padding-bottom: 0;
}
.chj-footer-inner.en ul {
  display: flex;
}
.chj-footer-inner.en ul li {
  padding: 0 12px;
  margin: 0 12px;
  white-space: nowrap;
}
.chj-footer-inner.en ul li:hover {
  color: #8c8985;
}
.chj-footer-inner.en .chj-footer-icon a {
  width: 20px;
}
.chj-footer-inner.en .chj-footer-icon a:not(:last-child) {
  margin-right: 16px;
}
@media (max-width: 1024px) {
  .chj-footer-inner.en ul {
    padding: 16px 0;
  }
  .chj-footer-inner.en ul li {
    padding: 0 4px;
    margin: 0 4px;
    white-space: nowrap;
  }
  .chj-footer-inner.en ul li:hover {
    color: #8c8985;
  }
}
@media (max-width: 720px) {
  .chj-footer-inner.en .chj-footer-popover {
    margin-left: -132px;
  }
  .chj-footer-inner.en .chj-footer-popover:after {
    left: 70%;
  }
}
.footer-alink {
  text-decoration: underline;
}
@media (max-width: 850px) {
  .footer-mAlink {
    text-decoration: underline;
  }
}
.page-padding .chj-content {
  padding-top: 50px;
}
.header-relative header {
  position: relative;
  opacity: 1;
  transform: translateY(0);
}
.header-placeholder .lxheader-wrap {
  height: 50px;
}
.isapp .page-padding .chj-content,
.ishmi .page-padding .chj-content,
.isthirdapp .page-padding .chj-content {
  padding-top: 0;
}
.isapp .header-placeholder .lxheader-wrap,
.ishmi .header-placeholder .lxheader-wrap,
.isthirdapp .header-placeholder .lxheader-wrap {
  height: 0;
}
body.hasTopTip .lxheader .lxheader-panel {
  top: 44px;
}
.lxheader {
  position: fixed;
  width: 100%;
  top: 0;
  height: 50px;
  z-index: 500;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}
@media (max-width: 1440px) {
  .lxheader {
    font-size: 12px;
  }
}
.lxheader .lxheader-inner {
  position: relative;
  background-color: #fff;
  height: 50px;
  justify-content: space-between;
  padding: 0 40px;
  z-index: 600;
}
.lxheader .lxheader-inner,
.lxheader .lxheader-inner-aside {
  display: flex;
  align-items: center;
}
.lxheader .lxheader-inner-aside.flexEnd {
  justify-content: flex-end;
  line-height: 30px;
}
@media (min-width: 1310px) {
  .lxheader .lxheader-inner-aside {
    width: 270px;
  }
}
.lxheader .lxheader-inner-nav {
  flex: 1;
}
.lxheader .lxheader-logo {
  width: 96px;
  height: 20px;
}
.lxheader .header-logo-image {
  display: inline-block;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black.019a699a.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 98px;
  height: 20px;
}
.lxheader .header-logo-image.en {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black-en.e6782a94.svg);
}
.lxheader .lxheader-navlist {
  display: flex;
  justify-content: center;
}
.lxheader .lxheader-navlist-item {
  display: inline-block;
  cursor: pointer;
  margin: 0 18px;
  padding-left: 6px;
  padding-right: 6px;
}
.lxheader .lxheader-navlist-item > span {
  box-sizing: content-box;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
}
.lxheader .lxheader-navlist-item.current > span,
.lxheader .lxheader-navlist-item:hover > span {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1610px) {
  .lxheader .lxheader-navlist-item {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 10px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-navlist-item {
    margin: 0 5px;
  }
}
.lxheader .lxheader-language {
  position: relative;
  padding-right: 20px;
}
.lxheader .lxheader-language-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lxheader .lxheader-language-icon i {
  font-size: 28px;
  line-height: 28px;
}
.lxheader .lxheader-panel {
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  background-color: #fff;
  z-index: 550;
  width: 100%;
  padding-top: 50px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  opacity: 0;
  flex-direction: column;
  transform: translateY(-100%);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0, 0.75);
  flex-grow: 1;
}
.lxheader .lxheader-panel.open {
  opacity: 1;
  transform: translateY(0);
}
.lxheader .lxheader-panel-item {
  position: relative;
  display: none;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  overflow: hidden;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0, 0.75);
}
.lxheader .lxheader-panel-item.current {
  display: flex;
}
.lxheader .lxheader-panel-content {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}
.lxheader .lxheader-panel-content.small .lxheader-panel-content-item {
  max-width: 1280px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-content.small .lxheader-panel-content-item {
    max-width: 1040px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-content.small .lxheader-panel-content-item {
    max-width: 760px;
  }
}
.lxheader .lxheader-panel-content-item {
  position: relative;
  display: grid;
  padding: 65px 30px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 32px 60px;
  max-width: 1400px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-content-item {
    gap: 32px 30px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-content-item {
    gap: 32px 15px;
  }
}
.lxheader .lxheader-panel-links {
  position: relative;
  display: flex;
  padding-top: 40px;
  padding-bottom: 60px;
  gap: 120px;
  width: 100%;
  margin: 0 18px;
  padding-left: 6px;
  padding-right: 6px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-links {
    padding-left: 5px;
    padding-right: 5px;
    margin: 0 10px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-links {
    margin: 0 5px;
  }
}
.lxheader .lxheader-panel-aside {
  display: flex;
  background-color: #fafafa;
  width: 480px;
  padding-left: 80px;
  padding-top: 40px;
  gap: 40px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-panel-aside {
    width: 420px;
    gap: 40px;
  }
}
@media (max-width: 1440px) {
  .lxheader .lxheader-panel-aside {
    width: 380px;
    gap: 30px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-panel-aside {
    padding-left: 50px;
    width: 320px;
    gap: 20px;
  }
}
.lxheader .lxheader-card {
  text-align: center;
  cursor: pointer;
}
.lxheader .lxheader-card,
.lxheader .lxheader-card-image {
  position: relative;
  width: 100%;
}
.lxheader .lxheader-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lxheader .lxheader-card-name {
  margin-top: 6px;
}
.lxheader .lxheader-link {
  width: 120px;
}
.lxheader .lxheader-link-title {
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.lxheader .lxheader-link-list {
  display: flex;
  flex-direction: column;
}
.lxheader .lxheader-link-list-item {
  margin-bottom: 16px;
  cursor: pointer;
}
.lxheader .lxheader-drive,
.lxheader .lxheader-login,
.lxheader .lxheader-profile {
  cursor: pointer;
  white-space: nowrap;
  margin-right: 50px;
}
@media (max-width: 1610px) {
  .lxheader .lxheader-drive,
  .lxheader .lxheader-login,
  .lxheader .lxheader-profile {
    margin-right: 34px;
  }
}
@media (max-width: 1280px) {
  .lxheader .lxheader-drive,
  .lxheader .lxheader-login,
  .lxheader .lxheader-profile {
    margin-right: 30px;
  }
}
.lxheader .lxheader-drive {
  display: flex;
  align-items: center;
  padding: 0 16px;
  min-width: 57px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 15px;
}
.lxheader .lxheader-backdrop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  block-size: 100vh;
  inline-size: 100vw;
  left: 0;
  top: 0;
  display: none;
}
.lxheader .lxheader-backdrop.open {
  display: block;
}
.lxheader .lxheader-login {
  cursor: pointer;
}
.lxheader .lxheader-profile {
  position: relative;
  cursor: pointer;
}
.lxheader .lxheader-profile.current .lxheader-profile-card,
.lxheader .lxheader-profile:hover .lxheader-profile-card {
  opacity: 1;
  visibility: visible;
}
.lxheader .lxheader-profile-avatar {
  position: relative;
  display: flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.lxheader .lxheader-profile-avatar i.lxicon,
.lxheader .lxheader-profile-avatar i.lxiconfont {
  color: #fff;
  font-size: 26px;
  line-height: 26px;
  transition: color 0.2s ease-in;
}
.lxheader .lxheader-profile-avatar:hover i.lxicon,
.lxheader .lxheader-profile-avatar:hover i.lxiconfont {
  color: hsla(0, 0%, 100%, 0.6);
}
.lxheader .lxheader-profile-avatar-dot {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-block;
  width: 0;
  height: 0;
  border: 2px solid red;
  border-radius: 50%;
}
.lxheader .lxheader-profile-card {
  position: absolute;
  background-color: #fff;
  top: 47px;
  left: 14px;
  padding: 12px 0;
  border-radius: 8px;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.2));
  color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index: 800;
}
.lxheader .lxheader-profile-card:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 30%;
  width: 40%;
  height: 20px;
  background-color: #000;
  opacity: 0;
}
.lxheader .lxheader-profile-card-order {
  padding: 12px 20px;
  text-align: center;
}
.lxheader .lxheader-profile-card-orderName {
  font-size: 14px;
  line-height: 22px;
}
.lxheader .lxheader-profile-card-orderImg {
  margin: 12px 0;
  width: 200px;
  height: 113px;
  cursor: pointer;
}
.lxheader .lxheader-profile-card-orderImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lxheader .lxheader-profile-card-orderMoney {
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 20px;
}
.lxheader .lxheader-profile-card-orderMoney em {
  margin: 0 4px;
  font-size: 20px;
  line-height: 28px;
}
.lxheader .lxheader-profile-card-orderPay {
  background-color: #191919;
  width: 100%;
  height: 36px;
  border-radius: 18px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
}
.lxheader .lxheader-profile-card-list {
  padding: 0 8px;
  margin-top: 12px;
  width: 240px;
}
.lxheader .lxheader-profile-card-list li {
  display: block;
  height: 46px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 46px;
  color: #222;
  transition: background-color 0.1s ease-in;
}
.lxheader .lxheader-profile-card-list li.selected {
  color: #191919;
}
.lxheader .lxheader-profile-card-list li:hover {
  background-color: #f7f8f9;
}
.lxheader .lxheader-profile-card-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.lxLocaleModel {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.lxLocaleModel-container {
  background-color: #fff;
  width: 580px;
  padding: 20px 40px;
  border-radius: 8px;
}
.lxLocaleModel-container-header {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  margin-bottom: 40px;
}
.lxLocaleModel-container-header .locale-title {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.9);
}
.lxLocaleModel-container-header .locale-desc {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
}
.lxLocaleModel-container-header-close {
  cursor: pointer;
}
.lxLocaleModel-container-header-close i {
  font-size: 28px;
  line-height: 28px;
}
.lxLocaleModel-container-content-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.lxLocaleModel-container-content-item .locale-nation {
  display: flex;
  margin-right: 40px;
  color: #191919;
}
.lxLocaleModel-container-content-item .locale-nation-flag {
  margin-right: 8px;
}
.lxLocaleModel-container-content-item .locale-nation-flag img {
  width: 24px;
  height: 16px;
  object-fit: cover;
}
.lxLocaleModel-container-content-item .locale-language {
  display: flex;
}
.lxLocaleModel-container-content-item .locale-language-item {
  margin-right: 12px;
  color: #666;
}
.lxmheader {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  overflow: hidden;
  z-index: 600;
}
.lxmheader.open {
  height: 100vh;
}
.lxmheader.open .lxmheader-main {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1),
    opacity 0.35s cubic-bezier(0, 0, 0.2, 1);
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:first-child {
  transition-delay: 0.1s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(2) {
  transition-delay: 0.15s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(3) {
  transition-delay: 0.2s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(4) {
  transition-delay: 0.25s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(5) {
  transition-delay: 0.3s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(6) {
  transition-delay: 0.35s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(7) {
  transition-delay: 0.4s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(8) {
  transition-delay: 0.45s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(9) {
  transition-delay: 0.5s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(10) {
  transition-delay: 0.55s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(11) {
  transition-delay: 0.6s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(12) {
  transition-delay: 0.65s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(13) {
  transition-delay: 0.7s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(14) {
  transition-delay: 0.75s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(15) {
  transition-delay: 0.8s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(16) {
  transition-delay: 0.85s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(17) {
  transition-delay: 0.9s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(18) {
  transition-delay: 0.95s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(19) {
  transition-delay: 1s;
}
.lxmheader.open .lxmheader-main .lxmheader-nav-item:nth-child(20) {
  transition-delay: 1.05s;
}
.lxmheader .m-header-title-wrapper {
  display: none;
}
.lxmheader .lxmheader-top {
  display: flex;
  height: 50px;
  padding: 0 20px;
  align-items: center;
}
.lxmheader .lxmheader-top-logo {
  flex: 1;
  height: 20px;
}
.lxmheader .header-logo-image {
  display: inline-block;
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black.019a699a.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 98px;
  height: 20px;
}
.lxmheader .header-logo-image.en {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image2.0/logo/logo-text-black-en.e6782a94.svg);
}
.lxmheader .lxmheader-top-drive {
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin-right: 12px;
  min-width: 73px;
  height: 28px;
  border: 1px solid #191919;
  border-radius: 14px;
  font-size: 12px;
  text-align: center;
  color: #191919;
  cursor: pointer;
}
.lxmheader .lxmheader-top-icon span {
  display: block;
  background-color: #000;
  width: 20px;
  height: 2px;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.lxmheader .lxmheader-top-icon span:nth-child(2) {
  margin: 4px 0;
}
.lxmheader .lxmheader-top-icon.open span:nth-child(2) {
  opacity: 0;
}
.lxmheader .lxmheader-top-icon.open span:first-child {
  animation: lineTop 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-top-icon.open span:nth-child(3) {
  animation: lineBottom 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-top-icon.close span:nth-child(2) {
  opacity: 1;
}
.lxmheader .lxmheader-top-icon.close span:first-child {
  transform: translate3d(0, 6px, 0) rotate(135deg);
  animation: lineTopReverse 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-top-icon.close span:nth-child(3) {
  transform: translate3d(0, -6px, 0) rotate(45deg);
  animation: lineBottomReverse 0.3s ease-in-out forwards;
}
.lxmheader .lxmheader-main {
  position: relative;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  height: 0;
  color: #191919;
}
.lxmheader .lxmheader-nav {
  height: calc(100vh - 50px);
  overflow: scroll;
  padding-bottom: 100px;
}
.lxmheader .lxmheader-nav-line {
  margin: 12px 24px;
  background-color: rgba(0, 0, 0, 0.04);
  width: calc(100vw - 48px);
  height: 1px;
}
.lxmheader .lxmheader-nav-item {
  display: flex;
  justify-content: space-between;
  height: 48px;
  padding: 0 24px;
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  font-size: 16px;
  line-height: 48px;
}
.lxmheader .lxmheader-nav-item .lxicon,
.lxmheader .lxmheader-nav-item .lxiconfont {
  color: #999;
}
.lxmheader .lxmheader-nav-item-icon {
  transform: rotate(90deg);
  transition: rotate 0.3s cubic-bezier(0.5, 0, 0, 0.75);
}
.lxmheader .lxmheader-nav-item-icon .lxiconfont {
  display: inline-block;
}
.lxmheader .lxmheader-nav-item-icon.current {
  transform: rotate(-90deg);
}
.lxmheader .lxmheader-nav-item-language {
  background-color: #fafafa;
}
.lxmheader .lxmheader-nav-item-locale {
  padding: 0 24px;
  font-size: 14px;
  line-height: 22px;
}
.lxmheader .lxmheader-nav-item-locale .locale-nation {
  color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  padding: 24px 0 4px 0;
}
.lxmheader .lxmheader-nav-item-locale .locale-nation .locale-nation-flag {
  margin-right: 8px;
}
.lxmheader .lxmheader-nav-item-locale .locale-nation .locale-nation-flag img {
  width: 24px;
}
.lxmheader .lxmheader-nav-item-locale .locale-lan {
  height: 46px;
  line-height: 46px;
  color: #191919;
}
.lxmheader .lxmheader-subNav {
  position: absolute;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  top: -50px;
  transform: translateX(100%);
  transition: transform 0.15s cubic-bezier(0.5, 0, 0, 0.75);
}
.lxmheader .lxmheader-subNav.show {
  transform: translateX(0);
}
.lxmheader .lxmheader-subNav-items {
  display: none;
  height: calc(100vh - 50px);
  overflow: scroll;
  padding-top: 12px;
  padding-bottom: 100px;
  padding-bottom: calc(100px + env(safe-area-inset-bottom));
  padding-bottom: calc(100px + constant(safe-area-inset-bottom));
}
.lxmheader .lxmheader-subNav-items.show {
  display: block;
}
.lxmheader .lxmheader-subNav-item {
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
}
.lxmheader .lxmheader-subNav-list-title {
  position: relative;
  padding: 24px 24px 0 24px;
  font-size: 14px;
  line-height: 22px;
  height: 46px;
  color: rgba(0, 0, 0, 0.4);
}
.lxmheader .lxmheader-subNav-line {
  margin-top: 12px;
  background-color: rgba(0, 0, 0, 0.04);
  margin-left: 24px;
  width: calc(100vw - 48px);
  height: 1px;
}
.lxmheader .lxmheader-subNav-list-item {
  padding: 0 24px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}
.lxmheader .lxmmheader-subNav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 48px;
  font-size: 14px;
  line-height: 48px;
}
.lxmheader .lxmmheader-subNav-header span {
  display: flex;
  align-items: center;
  color: #191919;
}
.lxmheader .lxmmheader-subNav-header span .lxicon,
.lxmheader .lxmmheader-subNav-header span .lxiconfont {
  font-size: 28px;
}
@keyframes lineTopReverse {
  0% {
    transform: translate3d(0, 6px, 0) rotate(135deg);
  }
  50% {
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  to {
    transform: translateZ(0) rotate(0);
  }
}
@keyframes lineBottomReverse {
  0% {
    transform: translate3d(0, -6px, 0) rotate(45deg);
  }
  50% {
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  to {
    transform: translateZ(0) rotate(0);
  }
}
.chj-dialog {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.15);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1001;
}
.chj-dialog-inner {
  position: relative;
  background-color: #fff;
  top: 50%;
  margin: 0 auto;
  width: 580px;
  border-radius: 4px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
}
.chj-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px 0 32px;
  width: 100%;
}
.chj-dialog-headerDesc {
  padding: 0 32px;
  font-size: 12px;
  color: #222;
}
.chj-dialog-header-title {
  font-size: 20px;
  line-height: 30px;
  color: #222;
  font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.chj-dialog-header-cancel:hover {
  cursor: pointer;
}
.chj-dialog-header-cancel .iconfont {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  line-height: 14px;
  color: #8c8985;
}
.chj-dialog-body {
  position: relative;
  box-sizing: border-box;
  padding: 24px 32px;
  min-height: 56px;
}
.chj-dialog-body.bodyscroll {
  overflow-y: auto;
}
.chj-dialog-body.plain {
  padding: 0;
  min-height: 112px;
  max-height: 434px;
}
.chj-dialog-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 32px 24px 32px;
}
.chj-dialog-footer .chj-button {
  min-width: 88px;
  margin-left: 12px;
  border-radius: 50px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chj-dialog-fade-enter,
.chj-dialog-fade-leave-to {
  opacity: 0;
}
.chj-dialog-fade-enter-active,
.chj-dialog-fade-leave-active {
  transition: opacity 0.3s ease;
}
@media (max-width: 1024px) {
  .chj-dialog-inner {
    width: 480px;
  }
}
@media (max-width: 720px) {
  .chj-dialog-inner {
    border-radius: 15px;
    width: 75vw;
  }
  .chj-dialog-header {
    padding: 20px 20px 0 20px;
    height: auto;
  }
  .chj-dialog-header-title {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #2f2f2f;
    line-height: 24px;
    font-weight: 500;
  }
  .chj-dialog-header-title,
  .chj-dialog-header-title.header-title-center {
    width: 100%;
    text-align: center;
  }
  .chj-dialog-header-cancel {
    display: none;
  }
  .chj-dialog-body {
    padding: 10px 20px;
    min-height: 44px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #2f2f2f;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
  }
  .chj-dialog-footer {
    padding: 0;
    height: 43px;
    border-top: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button {
    background-color: #fff;
    flex: 1;
    margin-left: 0;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #191919;
    line-height: 42px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
  }
  .chj-dialog-footer .chj-button:first-of-type {
    border-bottom-left-radius: 15px;
  }
  .chj-dialog-footer .chj-button:last-of-type {
    border-bottom-right-radius: 15px;
  }
  .chj-dialog-footer .chj-button:not(:last-of-type) {
    border-right: 1px solid #e4e4e4;
  }
  .chj-dialog-footer .chj-button:hover {
    background-color: #fff;
  }
}
.chj-button {
  display: inline-block;
  min-width: 144px;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 42px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.chj-button.chj-button-disabled {
  cursor: default;
  pointer-events: none;
}
.chj-button.chj-button-round {
  height: 42px;
  border-radius: 21px;
}
.chj-button-small {
  line-height: 36px;
}
.chj-button-primary {
  background-color: #191919;
  color: #fff;
}
.chj-button-primary:active,
.chj-button-primary:hover {
  background-color: #3c3c3c;
}
.chj-button-primary.chj-button-disabled {
  background-color: #d4d4d2;
}
.chj-button-secondary {
  border: 1px solid #d4d4d2;
  line-height: 38px;
}
.chj-button-secondary:active,
.chj-button-secondary:hover {
  border-color: #3c3c3c;
}
.chj-button-secondary.chj-button-disabled {
  color: #8c8985;
}
.chj-button-secondary.chj-button-small {
  line-height: 32px;
}
html.isapp {
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
html.isapp::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
html.isapp body {
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
html.isapp body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
abbr[title] {
  border-bottom: none;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  display: table;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}

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

/*! 公司的基础样式 */
a,
input,
select,
textarea {
  outline: none;
}
[v-cloak] {
  display: none !important;
}
body,
button,
input,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table {
  width: 100%;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input:focus::-webkit-contacts-auto-fill-button {
  opacity: 0;
}
.fn-clear:after {
  display: block;
  clear: both;
  content: "";
}
body .fn-hide {
  display: none;
}
body .fn-hidden {
  visibility: hidden;
}
.fn-left {
  float: left;
}
.fn-right {
  float: right;
}
.has-lx-track [lxtrack-event] {
  position: relative;
}
.has-lx-track [lxtrack-event]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid green;
  opacity: 0.25;
}
.has-lx-track [lxtrack-page] {
  position: relative;
}
.has-lx-track [lxtrack-page]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 1px solid green;
  opacity: 0.25;
}
.has-lx-track [lxtrack-event]:before {
  background-color: red;
}
.has-lx-track [lxtrack-event=""]:before {
  display: none;
}
.has-lx-track [lxtrack-page]:after {
  background-color: #ff0;
}
.has-lx-track [lxtrack-page=""]:after {
  display: none;
}
.has-lx-track .track-tool {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 320px;
  height: 300px;
  padding: 16px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  background-color: rgba(255, 0, 0, 0.4);
}
html {
  font-size: 112px;
}
@media (max-width: 1440px) {
  html {
    font-size: 84px;
  }
}
@media (max-width: 1024px) and (orientation: landscape),
  (max-width: 1024px) and (orientation: portrait) {
  html {
    font-size: 8.33333vw;
  }
}
@media (max-width: 720px) and (orientation: landscape),
  (max-width: 720px) and (orientation: portrait) {
  html {
    font-size: 8.33333vw;
  }
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
a {
  text-decoration: none;
}
dd,
dl,
dt,
em,
i {
  font-style: normal;
  font-weight: 400;
}
.iconfont {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chj-one,
.Helvetica-Bold {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.chj-logo-one {
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.special {
  font-family: SF Pro SC !important;
}
html {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #fff;
}
html.noheader body {
  padding-top: 0;
}
html.noheader body > .chj-header {
  display: none;
}
html.isapp body,
html.isthirdapp body {
  padding-top: 0;
}
html.isapp body footer,
html.isapp body header,
html.isthirdapp body footer,
html.isthirdapp body header {
  display: none;
}
html.isthirdapp {
  -webkit-touch-callout: none !important;
}
html.isthirdapp img {
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
body {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: 0.14285714285714285rem;
}
body.noscroll {
  height: 100vh;
  overflow-y: hidden;
}
body.noscrollFix {
  position: fixed;
  width: 100%;
}
.noscroll,
.noscroll body,
body.stopScroll {
  overflow: hidden;
}
.noscroll body {
  position: relative;
}
.app,
.chj-content {
  flex-grow: 1;
}
.app {
  display: flex;
  flex-direction: column;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  body {
    min-height: 100vh;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-weight: 400;
}
.fn-h1,
h1 {
  font-size: 58px;
  line-height: 70px;
}
@media (max-width: 1680px) {
  .fn-h1,
  h1 {
    font-size: 50.75px;
    line-height: 61.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h1,
  h1 {
    font-size: 43.5px;
    line-height: 52.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h1,
  h1 {
    font-size: 38.66667px;
    line-height: 46.66667px;
  }
}
.fn-h2,
h2 {
  font-size: 46px;
  line-height: 60px;
}
@media (max-width: 1680px) {
  .fn-h2,
  h2 {
    font-size: 40.25px;
    line-height: 52.5px;
  }
}
@media (max-width: 1440px) {
  .fn-h2,
  h2 {
    font-size: 34.5px;
    line-height: 45px;
  }
}
@media (max-width: 1280px) {
  .fn-h2,
  h2 {
    font-size: 30.66667px;
    line-height: 40px;
  }
}
.fn-h3,
h3 {
  font-size: 28px;
  line-height: 40px;
}
@media (max-width: 1680px) {
  .fn-h3,
  h3 {
    font-size: 24.5px;
    line-height: 35px;
  }
}
@media (max-width: 1440px) {
  .fn-h3,
  h3 {
    font-size: 21px;
    line-height: 30px;
  }
}
@media (max-width: 1280px) {
  .fn-h3,
  h3 {
    font-size: 18.66667px;
    line-height: 26.66667px;
  }
}
.fn-h4,
h4 {
  font-size: 24px;
  line-height: 30px;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
@media (max-width: 1680px) {
  .fn-h4,
  h4 {
    font-size: 21px;
    line-height: 26.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h4,
  h4 {
    font-size: 18px;
    line-height: 22.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h4,
  h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
.fn-h5,
h5 {
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 1680px) {
  .fn-h5,
  h5 {
    font-size: 21px;
    line-height: 26.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h5,
  h5 {
    font-size: 18px;
    line-height: 22.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h5,
  h5 {
    font-size: 16px;
    line-height: 20px;
  }
}
.fn-h6,
h6 {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 1680px) {
  .fn-h6,
  h6 {
    font-size: 17.5px;
    line-height: 26.25px;
  }
}
@media (max-width: 1440px) {
  .fn-h6,
  h6 {
    font-size: 15px;
    line-height: 22.5px;
  }
}
@media (max-width: 1280px) {
  .fn-h6,
  h6 {
    font-size: 13.33333px;
    line-height: 20px;
  }
}
@media (max-width: 1024px) {
  .fn-h1,
  h1 {
    font-size: 44px;
    line-height: 50px;
  }
  .fn-h2,
  h2 {
    font-size: 34px;
    line-height: 45px;
  }
  .fn-h4,
  .fn-h5,
  h4,
  h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .fn-h6,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 800px) {
  .fn-h1,
  h1 {
    font-size: 48px;
    line-height: 60px;
  }
  .fn-h2,
  h2 {
    font-size: 34px;
    line-height: 45px;
  }
  .fn-h4,
  .fn-h5,
  h4,
  h5 {
    font-size: 18px;
    line-height: 20px;
  }
  .fn-h6,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 720px) {
  .fn-h1,
  h1 {
    font-size: 36px;
    line-height: 44px;
  }
  .fn-h2,
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .fn-h4,
  h4 {
    font-size: 18px;
    line-height: 20px;
  }
  .fn-h5,
  h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .fn-h6,
  h6 {
    font-size: 14px;
    line-height: 24px;
  }
}
.fn-mshow {
  display: none !important;
}
@media (max-width: 720px) {
  .fn-mblock span {
    display: block;
  }
  .fn-mshow {
    display: block !important;
  }
  .fn-mhide,
  .fn-pcshow {
    display: none !important;
  }
}
.flex-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .flex-mdisplay {
    display: flex;
    flex-direction: column;
  }
}
@keyframes lineTop {
  0% {
    transform: translateZ(0) rotate(0);
  }
  50% {
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  to {
    transform: translate3d(0, 6px, 0) rotate(135deg);
  }
}
@keyframes lineBottom {
  0% {
    transform: translateZ(0) rotate(0);
  }
  50% {
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  to {
    transform: translate3d(0, -6px, 0) rotate(45deg);
  }
}
.body-animation {
  opacity: 0;
  transition: opacity 666ms ease-in-out;
}
.body-animation.act {
  opacity: 1;
}
.skeleton {
  animation: skeleton 1.4s ease infinite;
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
}
@keyframes skeleton {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.motion-drawer-enter,
.motion-leave-to {
  bottom: 0;
}
.motion-drawer-enter-active,
.motion-drawer-leave-active {
  transition: all 1s ease-in-out;
}
@font-face {
  font-family: iconfont;
  src: url(//at.alicdn.com/t/c/font_773121_dmhbut5du9k.woff2?t=1700977361118)
      format("woff2"),
    url(//at.alicdn.com/t/c/font_773121_dmhbut5du9k.woff?t=1700977361118)
      format("woff"),
    url(//at.alicdn.com/t/c/font_773121_dmhbut5du9k.ttf?t=1700977361118)
      format("truetype");
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-icon_20_xiajiantou:before {
  content: "\ea3a";
}
.iconfont-arrow1:before {
  content: "\e897";
}
.iconfont-select2:before {
  content: "\e899";
}
.iconfont-huaban24:before {
  content: "\e651";
}
.iconfont-didian:before {
  content: "\e667";
}
.iconfont-rencai:before {
  content: "\e60d";
}
.iconfont-shijian:before {
  content: "\e87e";
}
.iconfont-guanbi:before {
  content: "\e893";
}
.iconfont-player-1:before {
  content: "\e892";
}
.iconfont-select1:before {
  content: "\e890";
}
.iconfont-CombinedShape:before {
  content: "\e864";
}
.iconfont-add:before {
  content: "\e862";
}
.iconfont-del:before {
  content: "\e863";
}
.iconfont-iasi-road:before {
  content: "\e859";
}
.iconfont-iasi-car:before {
  content: "\e857";
}
.iconfont-iasi-repair:before {
  content: "\e858";
}
.iconfont-iasi-people:before {
  content: "\e85a";
}
.iconfont-comment:before {
  content: "\e853";
}
.iconfont-biaoqing:before {
  content: "\e852";
}
.iconfont-triangle_down:before {
  content: "\e82e";
}
.iconfont-location:before {
  content: "\e808";
}
.iconfont-flag:before {
  content: "\e7fb";
}
.iconfont-muted:before {
  content: "\e7f9";
}
.iconfont-unmuted:before {
  content: "\e7fa";
}
.iconfont-fusion-energy:before {
  content: "\e7f7";
}
.iconfont-fusion-intelligent:before {
  content: "\e7f8";
}
.iconfont-wenjian:before {
  content: "\e793";
}
.iconfont-tupian:before {
  content: "\e669";
}
.iconfont-shipin:before {
  content: "\e61e";
}
.iconfont-lianjie:before {
  content: "\e6d9";
}
.iconfont-calc:before {
  content: "\e7ee";
}
.iconfont-tel:before {
  content: "\e7cc";
}
.iconfont-fenzu1:before {
  content: "\e7be";
}
.iconfont-home-share:before {
  content: "\e7b7";
}
.iconfont-home-download:before {
  content: "\e7b8";
}
.iconfont-acticle-video:before {
  content: "\e7bc";
}
.iconfont-preview:before {
  content: "\e7b9";
}
.iconfont-icon_choice:before {
  content: "\e7b5";
}
.iconfont-switch:before {
  content: "\e7b4";
}
.iconfont-lixiang:before {
  content: "\e7b3";
}
.iconfont-home-fixed-arrow-top:before {
  content: "\e7ac";
}
.iconfont-home-fixed-close:before {
  content: "\e7ad";
}
.iconfont-arrowup2:before {
  content: "\e7ef";
}
.iconfont-link:before {
  content: "\e7ab";
}
.iconfont-ic_more:before {
  content: "\e7aa";
}
.iconfont-icon_successful:before {
  content: "\e7a9";
}
.iconfont-home-back:before {
  content: "\e7bd";
}
.iconfont-Rectangle:before {
  content: "\e7a8";
}
.iconfont-arrow__lixianghuiyuan:before {
  content: "\e7a7";
}
.iconfont-autoinfo-index-1-5:before {
  content: "\e799";
}
.iconfont-autoinfo-index-2-2:before {
  content: "\e79a";
}
.iconfont-autoinfo-index-1-3:before {
  content: "\e79b";
}
.iconfont-autoinfo-index-1-1:before {
  content: "\e79c";
}
.iconfont-autoinfo-index-1-4:before {
  content: "\e79d";
}
.iconfont-autoinfo-index-1-2:before {
  content: "\e79e";
}
.iconfont-autoinfo-index-2-1:before {
  content: "\e79f";
}
.iconfont-ic_conectionx:before {
  content: "\e792";
}
.iconfont-Positioningx:before {
  content: "\e791";
}
.iconfont-gaoxingnengshuangxitongshuangxinpianx:before {
  content: "\e78b";
}
.iconfont-zhengcheOTAx:before {
  content: "\e78c";
}
.iconfont-shoujiwufengliandongx:before {
  content: "\e78d";
}
.iconfont-lanyayuechix:before {
  content: "\e78e";
}
.iconfont-quanchezhinengyuyinx:before {
  content: "\e784";
}
.iconfont-xinghuandadengx:before {
  content: "\e785";
}
.iconfont-shuangdianjizhinengsiqux:before {
  content: "\e786";
}
.iconfont-zengchengdiandongpingtaix:before {
  content: "\e787";
}
.iconfont-sipingjiaohufengfuyingyongx:before {
  content: "\e788";
}
.iconfont-ic_deletex:before {
  content: "\e77f";
}
.iconfont-icon_post:before {
  content: "\e77e";
}
.iconfont-icon_car_bar_normalbeifenx:before {
  content: "\e77d";
}
.iconfont-lujing:before {
  content: "\e77b";
}
.iconfont-sharp:before {
  content: "\e77a";
}
.iconfont-cancel2:before {
  content: "\e634";
}
.iconfont-more2:before {
  content: "\e643";
}
.iconfont-help:before {
  content: "\e777";
}
.iconfont-book:before {
  content: "\e778";
}
.iconfont-arrow:before {
  content: "\e773";
}
.iconfont-owner-plus:before {
  content: "\e76f";
}
.iconfont-android:before {
  content: "\e76e";
}
.iconfont-bianzu:before {
  content: "\e76c";
}
.iconfont-success:before {
  content: "\e768";
}
.iconfont-icon_start_business_notice1:before {
  content: "\e767";
}
.iconfont-icon_makeaphonecall1:before {
  content: "\e765";
}
.iconfont-icon_navgation1:before {
  content: "\e764";
}
.iconfont-icon_test_drive2:before {
  content: "\e763";
}
.iconfont-icon_test_drive:before {
  content: "\e752";
}
.iconfont-owner-maintain:before {
  content: "\e756";
}
.iconfont-owner-music:before {
  content: "\e750";
}
.iconfont-owner-free:before {
  content: "\e751";
}
.iconfont-owner-consume:before {
  content: "\e753";
}
.iconfont-owner-flow:before {
  content: "\e754";
}
.iconfont-manu:before {
  content: "\e74f";
}
.iconfont-mobile:before {
  content: "\e74e";
}
.iconfont-profile-m:before {
  content: "\e741";
}
.iconfont-xinchejiaofu:before {
  content: "\e735";
}
.iconfont-weixiu:before {
  content: "\e734";
}
.iconfont-gouchezixun:before {
  content: "\e733";
}
.iconfont-design-halotop2:before {
  content: "\e731";
}
.iconfont-design-luxury:before {
  content: "\e732";
}
.iconfont-jianhao:before {
  content: "\e72c";
}
.iconfont-map_zoomin:before {
  content: "\e722";
}
.iconfont-adas:before {
  content: "\e720";
}
.iconfont-wiki:before {
  content: "\e71e";
}
.iconfont-drivemode:before {
  content: "\e71f";
}
.iconfont-Group:before {
  content: "\e71c";
}
.iconfont-fenzu:before {
  content: "\e71b";
}
.iconfont-logo_image_loading:before {
  content: "\e71a";
}
.iconfont-tupianjiazaishibai:before {
  content: "\e719";
}
.iconfont-shijia:before {
  content: "\e715";
}
.iconfont-chanpintiyan:before {
  content: "\e714";
}
.iconfont-baoyang:before {
  content: "\e710";
}
.iconfont-cheliangdingwei:before {
  content: "\e70f";
}
.iconfont-power-1:before {
  content: "\e708";
}
.iconfont-power-2:before {
  content: "\e709";
}
.iconfont-power-4:before {
  content: "\e70a";
}
.iconfont-power-3:before {
  content: "\e70b";
}
.iconfont-pay-wechat:before {
  content: "\e706";
}
.iconfont-pay-alipay:before {
  content: "\e707";
}
.iconfont-message-info:before {
  content: "\e702";
}
.iconfont-message-error:before {
  content: "\e703";
}
.iconfont-message-success:before {
  content: "\e704";
}
.iconfont-sharecopy:before {
  content: "\e701";
}
.iconfont-top:before {
  content: "\e684";
}
.iconfont-info-hover:before {
  content: "\e6f8";
}
.iconfont-info:before {
  content: "\e6f9";
}
.iconfont-select-small:before {
  content: "\e6f7";
}
.iconfont-select-small2:before {
  content: "\e770";
}
.iconfont-hover:before {
  content: "\e6f6";
}
.iconfont-moren:before {
  content: "\e6f5";
}
.iconfont-search2:before {
  content: "\e6f4";
}
.iconfont-kefu:before {
  content: "\e6f3";
}
.iconfont-arrowright3:before {
  content: "\e637";
}
.iconfont-less:before {
  content: "\e6e7";
}
.iconfont-profile:before {
  content: "\e6f2";
}
.iconfont-app:before {
  content: "\e6ec";
}
.iconfont-arrowdown:before {
  content: "\e6da";
}
.iconfont-arrowleft2:before {
  content: "\e6db";
}
.iconfont-arrowright2:before {
  content: "\e6dc";
}
.iconfont-arrowup:before {
  content: "\e6dd";
}
.iconfont-arrowright4:before {
  content: "\e736";
}
.iconfont-more:before {
  content: "\e6d8";
}
.iconfont-player:before {
  content: "\e6d7";
}
.iconfont-player-small:before {
  content: "\e7f0";
}
.iconfont-fusion-range:before {
  content: "\e6b7";
}
.iconfont-top-screen:before {
  content: "\e6b8";
}
.iconfont-top-seater:before {
  content: "\e6b9";
}
.iconfont-top-star:before {
  content: "\e6ba";
}
.iconfont-top-anxious:before {
  content: "\e6bb";
}
.iconfont-fusion-winter:before {
  content: "\e6bc";
}
.iconfont-fusion-sec:before {
  content: "\e6bd";
}
.iconfont-fusion-car:before {
  content: "\e6be";
}
.iconfont-fusion-gas:before {
  content: "\e6bf";
}
.iconfont-fusion-charge:before {
  content: "\e6c0";
}
.iconfont-fusion-homecharge:before {
  content: "\e6c1";
}
.iconfont-Pliangdian9:before {
  content: "\e6c2";
}
.iconfont-Pliangdian11:before {
  content: "\e6c4";
}
.iconfont-design-halobottom:before {
  content: "\e6c5";
}
.iconfont-design-halotop:before {
  content: "\e6c6";
}
.iconfont-design-space:before {
  content: "\e6c7";
}
.iconfont-design-length:before {
  content: "\e6c8";
}
.iconfont-design-it:before {
  content: "\e6c9";
}
.iconfont-Pliangdian13:before {
  content: "\e6ca";
}
.iconfont-safety-rain:before {
  content: "\e6cb";
}
.iconfont-safety-gasbag:before {
  content: "\e6cc";
}
.iconfont-design-leather:before {
  content: "\e6cd";
}
.iconfont-experience-chip:before {
  content: "\e6ce";
}
.iconfont-safety-body:before {
  content: "\e6cf";
}
.iconfont-experience-system:before {
  content: "\e6d0";
}
.iconfont-experience-ota:before {
  content: "\e6d1";
}
.iconfont-experience-learn:before {
  content: "\e6d2";
}
.iconfont-experience-chassis:before {
  content: "\e6d3";
}
.iconfont-experience-cover:before {
  content: "\e6d4";
}
.iconfont-experience-upgrade:before {
  content: "\e6d5";
}
.iconfont-experience-esystem:before {
  content: "\e6d6";
}
.iconfont-back:before {
  content: "\e695";
}
.iconfont-search:before {
  content: "\e693";
}
.iconfont-select:before {
  content: "\e694";
}
.iconfont-charging:before {
  content: "\e683";
}
.iconfont-cancel:before {
  content: "\e682";
}
.iconfont-share:before {
  content: "\e681";
}
.iconfont-create:before {
  content: "\e674";
}
.iconfont-upload:before {
  content: "\e675";
}
.iconfont-arrowright:before {
  content: "\e67f";
}
.iconfont-arrowleft-copy:before {
  content: "\e7a0";
}
.iconfont-arrowleft:before {
  content: "\e61c";
}
.iconfont-star:before {
  content: "\e680";
}
.iconfont-album:before {
  content: "\e670";
}
.iconfont-video:before {
  content: "\e671";
}
.iconfont-download2:before {
  content: "\e672";
}
.iconfont-download:before {
  content: "\e66d";
}
.iconfont-weixin:before {
  content: "\e66a";
}
.iconfont-weibo:before {
  content: "\e66b";
}
@font-face {
  font-family: lxiconfont;
  src: url(//at.alicdn.com/t/c/font_3195258_eksyenj63hw.woff2?t=1724722149694)
      format("woff2"),
    url(//at.alicdn.com/t/c/font_3195258_eksyenj63hw.woff?t=1724722149694)
      format("woff"),
    url(//at.alicdn.com/t/c/font_3195258_eksyenj63hw.ttf?t=1724722149694)
      format("truetype");
}
.lxiconfont {
  font-family: lxiconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lxiconfont-unmute2:before {
  content: "\ea44";
}
.lxiconfont-back:before {
  content: "\ea43";
}
.lxiconfont-neishi:before {
  content: "\ea41";
}
.lxiconfont-waiguan:before {
  content: "\ea42";
}
.lxiconfont-icon_28_yuyanqiehuan:before {
  content: "\ea40";
}
.lxiconfont-icon_28_shouqi:before {
  content: "\ea3e";
}
.lxiconfont-icon_28_quanping:before {
  content: "\ea3f";
}
.lxiconfont-icon_20_xiajiantou:before {
  content: "\ea3d";
}
.lxiconfont-dipan:before {
  content: "\ea3c";
}
.lxiconfont-vrday:before {
  content: "\ea37";
}
.lxiconfont-vrnight:before {
  content: "\ea38";
}
.lxiconfont-icon_28_xiala_new:before {
  content: "\ea33";
}
.lxiconfont-icon_20_youjiantou:before {
  content: "\ea31";
}
.lxiconfont-icon_20_zuojiantou:before {
  content: "\ea32";
}
.lxiconfont-icon_20_youjiantou-copy:before {
  content: "\ea39";
}
.lxiconfont-chakanvr:before {
  content: "\ea2f";
}
.lxiconfont-icon_28_fanhui:before {
  content: "\ea30";
}
.lxiconfont-icon_28_kefu:before {
  content: "\ea2d";
}
.lxiconfont-icon_28_xiala:before {
  content: "\ea2e";
}
.lxiconfont-cheshenjiegou:before {
  content: "\ea2a";
}
.lxiconfont-xiazai:before {
  content: "\ea29";
}
.lxiconfont-pc-config:before {
  content: "\ea28";
}
.lxiconfont-icon_28_jiahao:before {
  content: "\ea1e";
}
.lxiconfont-more:before {
  content: "\ea19";
}
.lxiconfont-selected-circle:before {
  content: "\ea12";
}
.lxiconfont-icon_28_guanbi:before {
  content: "\ea0a";
}
.lxiconfont-icon_20_guanbi:before {
  content: "\ea0b";
}
.lxiconfont-tanhuang:before {
  content: "\ea04";
}
.lxiconfont-select1:before {
  content: "\ea03";
}
.lxiconfont-youjiantou1:before {
  content: "\ea00";
}
.lxiconfont-youjiantou:before {
  content: "\e9fe";
}
.lxiconfont-a-Group2661:before {
  content: "\e9ff";
}
.lxiconfont-loadImg:before {
  content: "\e9f8";
}
.lxiconfont-arrowdown:before {
  content: "\e9f7";
}
.lxiconfont-mute:before {
  content: "\e9f6";
}
.lxiconfont-unmute:before {
  content: "\e9f5";
}
.lxiconfont-share:before {
  content: "\e9ec";
}
.lxiconfont-arrowleft:before {
  content: "\e9d1";
}
.lxiconfont-pc-bangzhu:before {
  content: "\e9cf";
}
.lxiconfont-pc-zhihuan:before {
  content: "\e9d0";
}
.lxiconfont-pc-kefu:before {
  content: "\e9ce";
}
.lxiconfont-tel1:before {
  content: "\e9c9";
}
.lxiconfont-icon_search:before {
  content: "\e9c8";
}
.lxiconfont-shouqi:before {
  content: "\e9c7";
}
.lxiconfont-godrv:before {
  content: "\e9c6";
}
.lxiconfont-map:before {
  content: "\e9c5";
}
.lxiconfont-read:before {
  content: "\e9c3";
}
.lxiconfont-zhibao2:before {
  content: "\e9c2";
}
.lxiconfont-zan:before {
  content: "\e9c1";
}
.lxiconfont-zan-selected:before {
  content: "\e9c0";
}
.lxiconfont-arrowup:before {
  content: "\e9bf";
}
.lxiconfont-filter:before {
  content: "\e9bd";
}
.lxiconfont-drop-down:before {
  content: "\e9bc";
}
.lxiconfont-picture:before {
  content: "\e9bb";
}
.lxiconfont-vr:before {
  content: "\e9ba";
}
.lxiconfont-huati:before {
  content: "\e9b7";
}
.lxiconfont-write:before {
  content: "\e9b6";
}
.lxiconfont-publish:before {
  content: "\e9b5";
}
.lxiconfont-replay:before {
  content: "\e9b3";
}
.lxiconfont-select:before {
  content: "\e9b1";
}
.lxiconfont-download:before {
  content: "\e9b0";
}
.lxiconfont-refresh:before {
  content: "\e9af";
}
.lxiconfont-icon_xinyuandan:before {
  content: "\e9ae";
}
.lxiconfont-siqu:before {
  content: "\e9ac";
}
.lxiconfont-nengyuan:before {
  content: "\e9a6";
}
.lxiconfont-jiachongdian:before {
  content: "\e9a8";
}
.lxiconfont-jiuyuan:before {
  content: "\e9a9";
}
.lxiconfont-zhibao:before {
  content: "\e9aa";
}
.lxiconfont-liuliang:before {
  content: "\e9ab";
}
.lxiconfont-chenei:before {
  content: "\e9a2";
}
.lxiconfont-chewai:before {
  content: "\e9a3";
}
.lxiconfont-fuzhu:before {
  content: "\e9a4";
}
.lxiconfont-naizhuang:before {
  content: "\e9a5";
}
.lxiconfont-huazhonghua:before {
  content: "\e9a1";
}
.lxiconfont-pause:before {
  content: "\e9a0";
}
.lxiconfont-rotate:before {
  content: "\e99f";
}
.lxiconfont-weixin:before {
  content: "\e99d";
}
.lxiconfont-star-fill:before {
  content: "\e99a";
}
.lxiconfont-star:before {
  content: "\e99b";
}
.lxiconfont-weibo:before {
  content: "\e99c";
}
.lxiconfont-arrow-right:before {
  content: "\e996";
}
.lxiconfont-cross:before {
  content: "\e994";
}
.lxiconfont-min-kefu:before {
  content: "\e98f";
}
.lxiconfont-kefu:before {
  content: "\e98e";
}
.lxiconfont-zhihuan:before {
  content: "\e98a";
}
.lxiconfont-bangzhu:before {
  content: "\e98b";
}
.lxiconfont-dianhua:before {
  content: "\e986";
}
.lxiconfont-zhiding:before {
  content: "\e988";
}
.lxiconfont-quanping:before {
  content: "\e97e";
}
.lxiconfont-play:before {
  content: "\e97d";
}
.lxiconfont-goout:before {
  content: "\e97c";
}
.lxiconfont-moon:before {
  content: "\e97a";
}
.lxiconfont-sun:before {
  content: "\e97b";
}
.lxiconfont-list:before {
  content: "\e979";
}
.lxiconfont-tel:before {
  content: "\e976";
}
.lxiconfont-comment:before {
  content: "\e975";
}
.lxiconfont-logo:before {
  content: "\e949";
}
.lxiconfont-imglist-arrow-up:before {
  content: "\e96a";
}
.lxiconfont-wode:before {
  content: "\e961";
}
.lxiconfont-arrowdown-small:before {
  content: "\e95f";
}
html {
  background-color: #fff;
}
@media (max-width: 720px) {
  html.isapp {
    overflow-x: unset;
    overflow-y: unset;
  }
  html.isapp .product-wrap {
    padding-bottom: calc(67px + constant(safe-area-inset-bottom));
    padding-bottom: calc(67px + env(safe-area-inset-bottom));
  }
  html.isapp .scene-first,
  html.isthirdapp .scene-first {
    height: 100vh;
  }
}
body {
  width: 100%;
  padding-top: 0;
  overflow-x: hidden;
  font-family: li-regular, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #fff;
  background-color: #fff;
  transition: opacity 0.5s ease-in-out;
}
body.product-hide {
  opacity: 0;
}
@media (max-width: 720px) {
  body {
    font-size: 12px;
  }
}
canvas,
video {
  width: 100%;
  height: 100%;
}
video {
  display: block;
  background-color: #000;
  object-fit: cover;
}
b {
  font-weight: 400;
}
.product-model-image {
  width: 4.0267857142857135rem;
  height: 0.9464285714285714rem;
  margin: 0 auto 0.2857142857142857rem;
  background: var(--logo) no-repeat 50%;
  background-size: contain;
}
@media (max-width: 720px) {
  .product-model-image {
    width: 282px;
    height: 66px;
    margin-bottom: 24px;
  }
}
.product-wrap {
  width: 100%;
}
.product-wrap.en .product-model-image {
  width: 4.464285714285714rem;
  height: 1.0178571428571428rem;
}
@media (max-width: 720px) {
  .product-wrap.en .product-model-image {
    width: 80vw;
    height: 20.266666666666666vw;
    margin-bottom: 6.4vw;
  }
}
.product-wrap.en .indent,
.product-wrap.en .product-slogan {
  text-indent: unset;
}
@media (max-width: 720px) {
  .product-wrap.en .indent,
  .product-wrap.en .product-slogan {
    font-size: 5.333333333333334vw;
    line-height: 7.466666666666668vw;
  }
}
.product-wrap.en .product-title {
  text-indent: unset;
}
.product-wrap.en .scene-first .product-buttonlist,
.product-wrap.en .scene-guide,
.product-wrap.en .scene-power,
.product-wrap.en .scene-power2 {
  display: none;
}
.scene {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 56.25vw;
  background-color: #000;
}
.scene.loaded .scene-inner {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.loaded .scene-inner {
    background-image: var(--backgroundImage720);
  }
}
.scene.loaded .scene-table-common-item {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 720px) {
  .scene.loaded .scene-table-common-item .scene-table-common-image {
    background-image: var(--backgroundImage720);
  }
}
.scene[data-scene-v1][data-theme="light"] {
  color: #fff;
}
.scene[data-scene-v1][data-theme="dark"] {
  color: #191919;
}
.scene[data-scene-v1][data-bg-color="white"] {
  background-color: #fff;
}
.scene[data-scene-v1][data-bg-color="black"] {
  background-color: #000;
}
.scene[data-scene-v1][data-bg-color="gray"] {
  background-color: #fafafa;
}
.scene[data-scene-v1][data-top-gap="big"] {
  padding-top: 1.4285714285714284rem;
}
.scene[data-scene-v1][data-top-gap="small"] {
  padding-top: 0.7142857142857142rem;
}
.scene[data-scene-v1][data-top-gap="zero"] {
  padding-top: 0;
}
.scene[data-scene-v1][data-bottom-gap="big"] {
  padding-bottom: 1.4285714285714284rem;
}
.scene[data-scene-v1][data-bottom-gap="small"] {
  padding-bottom: 0.7142857142857142rem;
}
.scene[data-scene-v1][data-bottom-gap="zero"] {
  padding-bottom: 0;
}
@media (max-width: 820px) {
  .scene {
    height: 56.25vw;
  }
}
@media (max-width: 720px) {
  .scene {
    height: 100vh;
  }
  .scene[data-scene-v1][data-top-gap="big"] {
    padding-top: 80px;
  }
  .scene[data-scene-v1][data-top-gap="small"] {
    padding-top: 60px;
  }
  .scene[data-scene-v1][data-bottom-gap="big"] {
    padding-bottom: 80px;
  }
  .scene[data-scene-v1][data-bottom-gap="small"] {
    padding-bottom: 60px;
  }
}
.scene-wrap {
  height: 100%;
}
.scene-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.scene-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
}
.product-slogan {
  margin-bottom: 0.14285714285714285rem;
  font-size: 0.3214285714285714rem;
  font-family: li-medium, Microsoft YaHei, SF Pro SC, SF Pro Display,
    PingFang SC, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 0.42857142857142855rem;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .product-slogan {
    padding: 0 5.555555555555555vw;
    margin-bottom: 2.2222222222222223vw;
    font-size: 8.533333333333333vw;
    line-height: 1.5;
    white-space: unset;
  }
}
.product-title {
  margin-bottom: 0.2857142857142857rem;
  font-size: 0.17857142857142855rem;
  line-height: 0.25rem;
  text-align: center;
  text-indent: 1em;
}
@media (max-width: 720px) {
  .product-title {
    margin-bottom: 3.888888888888889vw;
    font-size: 3.733333333333334vw;
    line-height: 1.5;
  }
}
.scene-first {
  height: calc(100vh - 50px);
}
.scene-first.loaded .scene-inner {
  background-image: var(--backgroundImage1920);
}
@media (max-width: 1024px) {
  .scene-first.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-first.loaded .scene-inner {
    background-image: var(--backgroundImage768);
  }
}
@media (max-width: 820px) {
  .scene-first.loaded .scene-inner {
    background-image: var(--backgroundImage768);
  }
}
@media (max-width: 720px) {
  .scene-first.loaded .scene-inner {
    background-image: var(--backgroundImage720);
  }
}
@media (min-width: 1921px) {
  .scene-first {
    min-height: 600px;
  }
}
.scene-first .product-fadebox {
  display: flex;
  padding-top: 0.2857142857142857rem;
  flex-direction: column;
}
@media (max-width: 820px) {
  .scene-first .product-fadebox {
    padding-top: 82px;
  }
}
@media (max-width: 720px) {
  .scene-first .product-fadebox {
    padding-top: 16px;
  }
}
.scene-first .product-title {
  margin-top: -0.07142857142857142rem;
  font-size: 0.17857142857142855rem;
  line-height: 1.4;
  text-indent: unset;
}
@media (max-width: 820px) {
  .scene-first .product-title {
    font-size: 12px;
  }
}
@media (max-width: 720px) {
  .scene-first .product-title {
    margin-top: -8px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
  }
}
.scene-first .product-buttonlist {
  margin-bottom: 24px;
}
.scene-first .product-buttonlist .product-button.main {
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent;
}
.scene-first .product-buttonlist .product-button.main:hover {
  background-color: hsla(0, 0%, 100%, 0.26);
}
.scene-first .product-buttonlist .product-button.main:last-child {
  border: 0;
  color: #000;
  background-color: #fff;
}
.scene-first .product-buttonlist .product-button.main:last-child:hover {
  color: #fff;
  background-color: #191919;
}
.scene-first .product-buttonlist .product-button.scene-first-btn-media {
  margin-top: 0;
}
@media (max-width: 720px) {
  .scene-first .product-buttonlist {
    padding: 0 3.2vw;
  }
  .scene-first .product-buttonlist .product-button.main {
    max-width: 140px;
    max-height: 40px;
    font-size: 14px;
  }
  .scene-first .product-buttonlist .product-button.main:hover {
    background-color: transparent;
  }
  .scene-first .product-buttonlist .product-button.main:last-child:hover {
    color: #000;
    background-color: #fff;
  }
}
.scene-first[data-darken="true"] .product-buttonlist .product-button.main {
  border: 2px solid rgba(0, 0, 0, 0.9);
  color: #191919;
  background-color: transparent;
}
.scene-first[data-darken="true"]
  .product-buttonlist
  .product-button.main:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.scene-first[data-darken="true"]
  .product-buttonlist
  .product-button.main:last-child {
  border: 0;
  color: #fff;
  background-color: #191919;
}
.scene-first[data-darken="true"]
  .product-buttonlist
  .product-button.main:last-child:hover {
  color: #fff;
  background-color: #3c3c3c;
}
@media (max-width: 720px) {
  .scene-first[data-darken="true"]
    .product-buttonlist
    .product-button.main:hover {
    background-color: transparent;
  }
  .scene-first[data-darken="true"]
    .product-buttonlist
    .product-button.main:last-child:hover {
    color: #fff;
    background-color: #191919;
  }
}
.scene-video-play-btn {
  display: none;
}
@media (max-width: 720px) {
  .scene-video-play-btn {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/btn-play.ea9f89fd.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70px;
  }
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-disabled-height="true"] {
  height: 182px !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="1"] {
  top: calc(52px + 0.35714rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="2"] {
  top: calc(104px + 0.71429rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="3"] {
  top: calc(156px + 1.07143rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="4"] {
  top: calc(208px + 1.42857rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="5"] {
  top: calc(260px + 1.78571rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="6"] {
  top: calc(312px + 2.14286rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="7"] {
  top: calc(364px + 2.5rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="8"] {
  top: calc(416px + 2.85714rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="9"] {
  top: calc(468px + 3.21429rem) !important;
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-slider[data-index="10"] {
  top: calc(520px + 3.57143rem) !important;
}
@media (max-width: 1024px) {
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="1"] {
    top: 82px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="2"] {
    top: 164px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="3"] {
    top: 246px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="4"] {
    top: 328px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="5"] {
    top: 410px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="6"] {
    top: 492px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="7"] {
    top: 574px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="8"] {
    top: 656px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="9"] {
    top: 738px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="10"] {
    top: 820px !important;
  }
}
@media (max-width: 820px) {
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-disabled-height="true"] {
    height: 170px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="1"] {
    top: 52px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="2"] {
    top: 104px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="3"] {
    top: 156px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="4"] {
    top: 208px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="5"] {
    top: 260px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="6"] {
    top: 312px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="7"] {
    top: 364px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="8"] {
    top: 416px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="9"] {
    top: 468px !important;
  }
  .product-wrap.en
    .scene-suspension-flagship
    .product-tablelist-slider[data-index="10"] {
    top: 520px !important;
  }
}
.product-wrap.en
  .scene-suspension-flagship
  .product-tablelist-item-wrap.current
  .product-tablelist-desc {
  height: 126px;
  padding-top: 4px;
}
.product-wrap.en .scene-param {
  display: none;
}
.scene.loaded .scene-mega-playbtn,
.scene.loaded .scene-table-common-button {
  background-image: url(https://p.ampmake.com/fed/m01/asset-1907/image/video/btn-play.ea9f89fd.png);
}
.scene-inner {
  background-position: 50%;
}
.scene-first-btn-normal.main {
  color: #000;
  background-color: #fff;
}
.scene-first-btn-normal.main:hover {
  color: #fff;
  background-color: #191919;
}
@media (max-width: 720px) {
  .scene-first-btn-normal.main {
    width: 38.88888888888889vw;
    height: 11.11111111111111vw;
  }
  .scene-first-btn-normal.main:hover {
    background-color: #fff;
  }
}
.scene-mega-playbtn {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 70px;
}
@media (max-width: 720px) {
  .scene-table-common-button {
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70px;
  }
  .scene-table-common-button:after {
    display: none;
  }
}
.scene-normal .scene-first-btn-vr {
  display: none;
}
@media (max-width: 720px) {
  .scene-normal .scene-first-btn-vr {
    display: flex;
    width: 38.88888888888889vw;
    height: 11.11111111111111vw;
    border: 2px solid #fff;
  }
}
.scene-normal .scene-first-btn-media {
  border-bottom: 0;
  margin-top: 24px;
  font-size: 0.14285714285714285rem;
  opacity: 1;
}
.scene-normal .scene-first-btn-media:hover {
  opacity: 0.6;
}
.scene-normal .scene-first-btn-media .lxiconfont {
  margin-left: 4px;
  font-size: 16px;
  line-height: 1;
}
.scene-normal .scene-first-btn-media.hide {
  display: none;
}
@media (max-width: 720px) {
  .scene-normal .scene-first-btn-media {
    margin-top: 16px;
    font-size: 14px;
    line-height: 24px;
  }
  .scene-normal .scene-first-btn-media .lxiconfont {
    font-size: 18px;
  }
}
.scene.scene-ending .product-slogan br {
  display: none;
}
@media (max-width: 720px) {
  .scene.scene-ending .product-slogan {
    padding-left: calc(17.33333vw + 0.75em);
    padding-right: 17.333333333333336vw;
    font-size: 28px;
    line-height: 40px;
  }
  .scene.scene-ending .product-slogan br {
    display: block;
  }
}
.product-fadebox-item {
  transform: translate3d(0, 90px, 0);
  transition: opacity 0.8s linear,
    transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
.scene.scene-l7-content-table {
  background-color: #000;
}
.scene.scene-l7-content-table .scene-inner:after,
.scene.scene-l7-content-table .scene-inner:before {
  display: none;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot {
  padding-bottom: 0;
}
.scene.scene-l7-content-table.scene-l7-content-table-lightspot .scene-inner {
  max-width: 15.357142857142856rem;
  height: calc(56.25vw - 1.00446rem);
  max-height: 8.633928571428573rem;
  border-radius: 0;
}
@media (max-width: 720px) {
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot {
    padding-bottom: 8px;
  }
  .scene.scene-l7-content-table.scene-l7-content-table-lightspot .scene-inner {
    max-width: unset;
    max-height: unset;
    height: auto;
  }
}
.scene-l7-content-table-lightspotlist-wrap {
  display: none;
}
.scene-l7-overview .product-slogan {
  font-size: 0.5rem;
  line-height: 1.4571;
}
@media (max-width: 720px) {
  .scene-l7-overview .product-slogan {
    font-size: 28px;
    line-height: 40px;
  }
}
.product-tablelist-2 .product-tablelist-bar.blue {
  background-color: #dbad76;
}
.product-tablelist-2 {
  width: 10.285714285714285rem;
}
.scene.scene-fortress-safe .scene-inner {
  background-color: #e0e5e9;
}
.scene.scene-fortress-safe .scene-table-y-content {
  display: block;
  padding-top: 1.4285714285714284rem;
}
@media (max-width: 720px) {
  .scene.scene-fortress-safe .scene-inner {
    background-color: #fff;
  }
}
@media (max-width: 720px) {
  .scene.scene-drive-park .scene-inner,
  .scene.scene-drive-scene .scene-inner {
    height: calc(84.74576vw - 33.89831px) !important;
  }
  .scene-car-system:after,
  .scene-charging-5c:after,
  .scene-drive-park:after,
  .scene-drive-scene:after,
  .scene-face-to-face:after,
  .scene-lixiangtongxue:after,
  .scene-more-enjoy:after,
  .scene-seat-bigger:after,
  .scene-seat-detail:after,
  .scene-seat-flagship:after,
  .scene-seat-function:after,
  .scene-seat-magic:after,
  .scene-seat-protector:after,
  .scene-seat-table:after,
  .scene-space-use:after,
  .scene-voice-flagship:after,
  .scene-voice-system:after {
    display: block;
    height: 40px;
    content: "";
  }
  .scene-ad-chip,
  .scene-charging-battery {
    padding-top: 40px;
  }
  .scene.scene-exterior-highlight {
    --bgColor: #000 !important;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-title {
    color: #fff;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-caption {
    color: #bababa;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-info p:first-child {
    color: #fff;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-info p:nth-child(2) {
    color: #bababa;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-dot {
    background-color: #5e5e5e;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-dot.current {
    background-color: #fff;
  }
  .scene.scene-exterior-highlight .scene-table-x-image-arrow {
    color: #fff;
    background-color: hsla(0, 0%, 100%, 0.1);
  }
  .scene.scene-table-y-small.scene-ph-1,
  .scene.scene-table-y-small.scene-ph-2,
  .scene.scene-table-y-small.scene-seat-bigger {
    --bgColor: #000 !important;
  }
  .scene.scene-table-y-small.scene-ph-1 .scene-table-y-title,
  .scene.scene-table-y-small.scene-ph-2 .scene-table-y-title,
  .scene.scene-table-y-small.scene-seat-bigger .scene-table-y-title {
    color: #fff !important;
  }
  .scene.scene-table-y-small.scene-ph-1 .scene-table-y-caption,
  .scene.scene-table-y-small.scene-ph-1 .scene-table-y-label,
  .scene.scene-table-y-small.scene-ph-2 .scene-table-y-caption,
  .scene.scene-table-y-small.scene-ph-2 .scene-table-y-label,
  .scene.scene-table-y-small.scene-seat-bigger .scene-table-y-caption,
  .scene.scene-table-y-small.scene-seat-bigger .scene-table-y-label {
    color: #bababa !important;
  }
  .scene.scene-table-y-small.scene-ph-1 .scene-table-y-label.current,
  .scene.scene-table-y-small.scene-ph-2 .scene-table-y-label.current,
  .scene.scene-table-y-small.scene-seat-bigger .scene-table-y-label.current {
    color: #fff !important;
  }
  .scene.scene-back-home,
  .scene.scene-drive-park,
  .scene.scene-drive-scene,
  .scene.scene-face-to-face,
  .scene.scene-more-enjoy,
  .scene.scene-seat-detail,
  .scene.scene-seat-flagship,
  .scene.scene-seat-function,
  .scene.scene-seat-magic,
  .scene.scene-seat-protector,
  .scene.scene-seat-table,
  .scene.scene-space-use {
    --bgColor: #000 !important;
    background-color: #000;
  }
  .scene.scene-back-home .scene-table-x-btn,
  .scene.scene-back-home .scene-table-x-title,
  .scene.scene-back-home .scene-table-x-toplist-title,
  .scene.scene-drive-park .scene-table-x-btn,
  .scene.scene-drive-park .scene-table-x-title,
  .scene.scene-drive-park .scene-table-x-toplist-title,
  .scene.scene-drive-scene .scene-table-x-btn,
  .scene.scene-drive-scene .scene-table-x-title,
  .scene.scene-drive-scene .scene-table-x-toplist-title,
  .scene.scene-face-to-face .scene-table-x-btn,
  .scene.scene-face-to-face .scene-table-x-title,
  .scene.scene-face-to-face .scene-table-x-toplist-title,
  .scene.scene-more-enjoy .scene-table-x-btn,
  .scene.scene-more-enjoy .scene-table-x-title,
  .scene.scene-more-enjoy .scene-table-x-toplist-title,
  .scene.scene-seat-detail .scene-table-x-btn,
  .scene.scene-seat-detail .scene-table-x-title,
  .scene.scene-seat-detail .scene-table-x-toplist-title,
  .scene.scene-seat-flagship .scene-table-x-btn,
  .scene.scene-seat-flagship .scene-table-x-title,
  .scene.scene-seat-flagship .scene-table-x-toplist-title,
  .scene.scene-seat-function .scene-table-x-btn,
  .scene.scene-seat-function .scene-table-x-title,
  .scene.scene-seat-function .scene-table-x-toplist-title,
  .scene.scene-seat-magic .scene-table-x-btn,
  .scene.scene-seat-magic .scene-table-x-title,
  .scene.scene-seat-magic .scene-table-x-toplist-title,
  .scene.scene-seat-protector .scene-table-x-btn,
  .scene.scene-seat-protector .scene-table-x-title,
  .scene.scene-seat-protector .scene-table-x-toplist-title,
  .scene.scene-seat-table .scene-table-x-btn,
  .scene.scene-seat-table .scene-table-x-title,
  .scene.scene-seat-table .scene-table-x-toplist-title,
  .scene.scene-space-use .scene-table-x-btn,
  .scene.scene-space-use .scene-table-x-title,
  .scene.scene-space-use .scene-table-x-toplist-title {
    color: #fff;
  }
  .scene.scene-back-home .scene-table-x-caption,
  .scene.scene-back-home .scene-table-x-label-desc,
  .scene.scene-drive-park .scene-table-x-caption,
  .scene.scene-drive-park .scene-table-x-label-desc,
  .scene.scene-drive-scene .scene-table-x-caption,
  .scene.scene-drive-scene .scene-table-x-label-desc,
  .scene.scene-face-to-face .scene-table-x-caption,
  .scene.scene-face-to-face .scene-table-x-label-desc,
  .scene.scene-more-enjoy .scene-table-x-caption,
  .scene.scene-more-enjoy .scene-table-x-label-desc,
  .scene.scene-seat-detail .scene-table-x-caption,
  .scene.scene-seat-detail .scene-table-x-label-desc,
  .scene.scene-seat-flagship .scene-table-x-caption,
  .scene.scene-seat-flagship .scene-table-x-label-desc,
  .scene.scene-seat-function .scene-table-x-caption,
  .scene.scene-seat-function .scene-table-x-label-desc,
  .scene.scene-seat-magic .scene-table-x-caption,
  .scene.scene-seat-magic .scene-table-x-label-desc,
  .scene.scene-seat-protector .scene-table-x-caption,
  .scene.scene-seat-protector .scene-table-x-label-desc,
  .scene.scene-seat-table .scene-table-x-caption,
  .scene.scene-seat-table .scene-table-x-label-desc,
  .scene.scene-space-use .scene-table-x-caption,
  .scene.scene-space-use .scene-table-x-label-desc {
    color: #bababa;
  }
  .scene.scene-back-home .scene-table-x-bottomlist-title,
  .scene.scene-back-home .scene-table-x-bottomlist-value,
  .scene.scene-drive-park .scene-table-x-bottomlist-title,
  .scene.scene-drive-park .scene-table-x-bottomlist-value,
  .scene.scene-drive-scene .scene-table-x-bottomlist-title,
  .scene.scene-drive-scene .scene-table-x-bottomlist-value,
  .scene.scene-face-to-face .scene-table-x-bottomlist-title,
  .scene.scene-face-to-face .scene-table-x-bottomlist-value,
  .scene.scene-more-enjoy .scene-table-x-bottomlist-title,
  .scene.scene-more-enjoy .scene-table-x-bottomlist-value,
  .scene.scene-seat-detail .scene-table-x-bottomlist-title,
  .scene.scene-seat-detail .scene-table-x-bottomlist-value,
  .scene.scene-seat-flagship .scene-table-x-bottomlist-title,
  .scene.scene-seat-flagship .scene-table-x-bottomlist-value,
  .scene.scene-seat-function .scene-table-x-bottomlist-title,
  .scene.scene-seat-function .scene-table-x-bottomlist-value,
  .scene.scene-seat-magic .scene-table-x-bottomlist-title,
  .scene.scene-seat-magic .scene-table-x-bottomlist-value,
  .scene.scene-seat-protector .scene-table-x-bottomlist-title,
  .scene.scene-seat-protector .scene-table-x-bottomlist-value,
  .scene.scene-seat-table .scene-table-x-bottomlist-title,
  .scene.scene-seat-table .scene-table-x-bottomlist-value,
  .scene.scene-space-use .scene-table-x-bottomlist-title,
  .scene.scene-space-use .scene-table-x-bottomlist-value {
    color: #fff;
  }
  .scene.scene-back-home .scene-table-x-label,
  .scene.scene-drive-park .scene-table-x-label,
  .scene.scene-drive-scene .scene-table-x-label,
  .scene.scene-face-to-face .scene-table-x-label,
  .scene.scene-more-enjoy .scene-table-x-label,
  .scene.scene-seat-detail .scene-table-x-label,
  .scene.scene-seat-flagship .scene-table-x-label,
  .scene.scene-seat-function .scene-table-x-label,
  .scene.scene-seat-magic .scene-table-x-label,
  .scene.scene-seat-protector .scene-table-x-label,
  .scene.scene-seat-table .scene-table-x-label,
  .scene.scene-space-use .scene-table-x-label {
    color: #bababa;
  }
  .scene.scene-back-home .scene-table-x-label.current,
  .scene.scene-drive-park .scene-table-x-label.current,
  .scene.scene-drive-scene .scene-table-x-label.current,
  .scene.scene-face-to-face .scene-table-x-label.current,
  .scene.scene-more-enjoy .scene-table-x-label.current,
  .scene.scene-seat-detail .scene-table-x-label.current,
  .scene.scene-seat-flagship .scene-table-x-label.current,
  .scene.scene-seat-function .scene-table-x-label.current,
  .scene.scene-seat-magic .scene-table-x-label.current,
  .scene.scene-seat-protector .scene-table-x-label.current,
  .scene.scene-seat-table .scene-table-x-label.current,
  .scene.scene-space-use .scene-table-x-label.current {
    color: #fff;
  }
  .scene.scene-multi-image {
    background-color: #000;
  }
  .scene.scene-multi-image .scene-multiple-image-title {
    color: #fff;
  }
  .scene.scene-multi-image .scene-multiple-image-caption {
    color: #bababa;
  }
  .scene.scene-ad-chip {
    --bgColor: #000 !important;
  }
  .scene.scene-ad-chip .scene-megacontentpictext-titlein {
    color: #fff;
  }
  .scene.scene-ad-chip .scene-megacontentpictext-captionin {
    color: #bababa;
  }
  .scene.scene-ad-chip .scene-megacontentpictext-item-value {
    color: #fff;
  }
  .scene.scene-ad-chip .scene-megacontentpictext-item-title,
  .scene.scene-ad-chip .scene-megacontentpictext-item-unit {
    color: #bababa;
  }
  .scene-draw-color {
    background-color: #000;
  }
  .scene-draw-color .scene-megacontentdraw-btn-inner {
    background-color: hsla(0, 0%, 100%, 0.1);
  }
  .scene-draw-color .scene-megacontentdraw-btn-text,
  .scene-draw-color .scene-megacontentdraw-caption,
  .scene-draw-color .scene-megacontentdraw-title {
    color: #fff;
  }
  .scene-draw-color .scene-megacontentdraw-item {
    border-color: #000;
  }
  .scene-draw-color .scene-megacontentdraw-buy {
    border-color: #fff;
    color: #fff;
  }
}
@media (min-width: 721px) {
  .scene.scene-techtable.position6 {
    padding: 0.7142857142857142rem 11.45833%;
    background-color: #fafafa;
  }
  .scene.scene-techtable.position6 .scene-inner {
    max-width: unset;
    max-height: unset;
    border-radius: 0;
  }
  .scene.scene-techtable.position6 .scene-table-common-item {
    border-radius: 0;
  }
  .scene.scene-techtable.position6 .product-tablelist {
    width: 100%;
    padding: 0 11.08108%;
  }
  .scene.scene-techtable.position6 .product-tablelist-inner {
    padding-bottom: 0.7142857142857142rem;
  }
  .scene.scene-techtable.position6 .product-tablelist-inner > div:after {
    height: 0.6428571428571428rem;
    margin-top: -0.3214285714285714rem;
    background-color: #5e5e5e;
  }
  .scene.scene-techtable.position6 .product-tablelist-item p {
    padding-bottom: 0.10714285714285714rem;
  }
  .scene.scene-techtable.position6 .product-tablelist-desc {
    color: #bababa;
  }
  .scene.scene-techtable.position6 .scene-techtable-content {
    width: auto;
    margin: 0 11.08108%;
  }
  .scene.scene-techtable.position6 .scene-techtable-title {
    width: 7.5rem;
    max-width: 100%;
    line-height: 0.5535714285714286rem;
  }
  .scene.scene-techtable.position6 .scene-techtable-desc {
    width: 7.5rem;
    max-width: 100%;
    font-size: 0.14285714285714285rem;
    line-height: 1.5;
  }
  .scene.scene-techtable.position6 .scene-techtable-bottom {
    padding-bottom: 0;
  }
}
@media (max-width: 720px) {
  .scene.scene-techtable.position6 {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #000;
  }
  .scene.scene-techtable.position6 .scene-techtable-title {
    color: #fff;
  }
  .scene.scene-techtable.position6 .scene-techtable-desc {
    color: #bababa;
  }
  .scene.scene-techtable.position6 .scene-inner {
    padding: 0 !important;
  }
  .scene.scene-techtable.position6 .scene-table-common-item {
    padding: 0;
    background-color: transparent;
  }
  .scene.scene-techtable.position6 .scene-table-common-image {
    height: calc(56.25vw - 22.5px);
    border-radius: 0;
  }
  .scene.scene-techtable.position6 .scene-techtable-labellist {
    margin: 36px 20px 0;
  }
  .scene.scene-techtable.position6 .scene-techtable-label {
    font-size: 14px;
    line-height: 1.5;
  }
  .scene.scene-techtable.position6 .scene-techtable-label b {
    color: #fff;
  }
  .scene.scene-techtable.position6 .scene-techtable-label em {
    color: #bababa;
  }
}
@media (max-width: 720px) {
  .scene-l7-content-table-bottom {
    display: none;
  }
}
.scene.scene-suspension-flagship .scene-inner {
  background-color: #fff;
}
@media (min-width: 1441px) {
  .scene.scene-suspension-flagship .product-tablelist {
    width: 360px;
  }
}
html.isapp body.hasTopTip {
  padding-top: 36px;
}
html.isapp body.hasTopTip-2 {
  padding-top: 56px;
}
html.isapp body.hasTransparent.hasTopTip {
  padding-top: calc(80px + constant(safe-area-inset-top));
  padding-top: calc(80px + env(safe-area-inset-top));
}
html.isapp body.hasTransparent.hasTopTip-2 {
  padding-top: calc(100px + constant(safe-area-inset-top));
  padding-top: calc(100px + env(safe-area-inset-top));
}
html.isandroid body.hasTransparent.hasTopTip {
  padding-top: calc(80px + var(--statusbarHeight));
}
html.isandroid body.hasTransparent.hasTopTip-2 {
  padding-top: calc(100px + var(--statusbarHeight));
}
body.hasTopTip {
  padding-top: 44px;
}
body.hasTopTip .product-header,
body.hasTopTip header {
  top: 44px;
}
@media (max-width: 850px) {
  body.hasTopTip {
    padding-top: 36px;
    background-color: #f8f8f8;
  }
  body.hasTopTip .product-header,
  body.hasTopTip header {
    top: 36px;
  }
  body.hasTopTip .product-header.bottom,
  body.hasTopTip header.bottom {
    top: unset;
  }
  body.hasTopTip-2 {
    padding-top: 56px;
  }
  body.hasTopTip-2 .product-header,
  body.hasTopTip-2 header {
    top: 56px;
  }
  body.hasTopTip-2 .product-header.bottom,
  body.hasTopTip-2 header.bottom {
    top: unset;
  }
}
.lx-toptip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 601;
  display: flex;
  width: 100%;
  height: 44px;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
}
@media (max-width: 850px) {
  .lx-toptip {
    height: 36px;
  }
  .lx-toptip[data-length="2"] {
    height: 56px;
  }
  .lx-toptip[data-length="2"] .lx-toptip-inner span {
    display: block;
  }
  .lx-toptip.isapp-black {
    border-top: calc(44px + constant(safe-area-inset-top)) solid #000;
    border-top: calc(44px + env(safe-area-inset-top)) solid #000;
    box-sizing: content-box;
  }
  .lx-toptip.isapp-white {
    border-top: calc(44px + constant(safe-area-inset-top)) solid #fff;
    border-top: calc(44px + env(safe-area-inset-top)) solid #fff;
    box-sizing: content-box;
  }
}
.lx-toptip-inner {
  font-size: 12px;
  line-height: 20px;
  color: #999;
  text-align: center;
}