@font-face {
  font-family: AlibabaPuHuiTi-3-55-Regular;
  src: url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.eot) format('embedded-opentype'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.otf) format('opentype'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.ttf) format('TrueType'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff) format('woff'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
}

@font-face {
  font-family: Source Han Sans CN-Medium;
  src: url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.eot) format('embedded-opentype'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.otf) format('opentype'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.ttf) format('TrueType'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff) format('woff'),
    url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
}

@font-face {
  font-family: YouSheBiaoTiHei;
  src: url(https://ow-static.oss-cn-chengdu.aliyuncs.com/font/YouSheBiaoTiHei.woff2) format('TrueType');
}

* {
  font-family: AlibabaPuHuiTi-3-55-Regular, serif;
}

.main {
  max-width: 7.5rem;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 1500px) {
  .main {
    padding: 0 0.10416667rem;
  }
}

@media screen and (min-width: 1440px) {
  html {
    font-size: 0.125rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  html {
    font-size: 0.125rem;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 0.125rem;
  }
}

@font-face {
  font-family: "AlimamaShuHeiTi-Bold";
  font-weight: 700;
  src: url(../font/07ba6db10d150b84b341.woff2) format('woff2');
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.00520833rem dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -0.01041667rem;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
@charset "UTF-8";

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}

/* Attention seekers  */

@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -0.15625rem, 0) scaleY(1.1);
    transform: translate3d(0, -0.15625rem, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -0.078125rem, 0) scaleY(1.05);
    transform: translate3d(0, -0.078125rem, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -0.02083333rem, 0) scaleY(1.02);
    transform: translate3d(0, -0.02083333rem, 0) scaleY(1.02);
  }
}

@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -0.15625rem, 0) scaleY(1.1);
    transform: translate3d(0, -0.15625rem, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -0.078125rem, 0) scaleY(1.05);
    transform: translate3d(0, -0.078125rem, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -0.02083333rem, 0) scaleY(1.02);
    transform: translate3d(0, -0.02083333rem, 0) scaleY(1.02);
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-0.05208333rem, 0, 0);
    transform: translate3d(-0.05208333rem, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0.05208333rem, 0, 0);
    transform: translate3d(0.05208333rem, 0, 0);
  }
}

@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-0.05208333rem, 0, 0);
    transform: translate3d(-0.05208333rem, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0.05208333rem, 0, 0);
    transform: translate3d(0.05208333rem, 0, 0);
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -0.05208333rem, 0);
    transform: translate3d(0, -0.05208333rem, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 0.05208333rem, 0);
    transform: translate3d(0, 0.05208333rem, 0);
  }
}

@keyframes shakeY {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -0.05208333rem, 0);
    transform: translate3d(0, -0.05208333rem, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 0.05208333rem, 0);
    transform: translate3d(0, 0.05208333rem, 0);
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-0.03125rem) rotateY(-9deg);
    transform: translateX(-0.03125rem) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(0.02604167rem) rotateY(7deg);
    transform: translateX(0.02604167rem) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-0.015625rem) rotateY(-5deg);
    transform: translateX(-0.015625rem) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(0.01041667rem) rotateY(3deg);
    transform: translateX(0.01041667rem) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-0.03125rem) rotateY(-9deg);
    transform: translateX(-0.03125rem) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(0.02604167rem) rotateY(7deg);
    transform: translateX(0.02604167rem) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-0.015625rem) rotateY(-5deg);
    transform: translateX(-0.015625rem) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(0.01041667rem) rotateY(3deg);
    transform: translateX(0.01041667rem) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

/* Back entrances */

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-6.25rem) scale(0.7);
    transform: translateY(-6.25rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-6.25rem) scale(0.7);
    transform: translateY(-6.25rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-10.41666667rem) scale(0.7);
    transform: translateX(-10.41666667rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-10.41666667rem) scale(0.7);
    transform: translateX(-10.41666667rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(10.41666667rem) scale(0.7);
    transform: translateX(10.41666667rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(10.41666667rem) scale(0.7);
    transform: translateX(10.41666667rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(6.25rem) scale(0.7);
    transform: translateY(6.25rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInUp {
  0% {
    -webkit-transform: translateY(6.25rem) scale(0.7);
    transform: translateY(6.25rem) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}

/* Back exits */

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(3.64583333rem) scale(0.7);
    transform: translateY(3.64583333rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(3.64583333rem) scale(0.7);
    transform: translateY(3.64583333rem) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-10.41666667rem) scale(0.7);
    transform: translateX(-10.41666667rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-10.41666667rem) scale(0.7);
    transform: translateX(-10.41666667rem) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(10.41666667rem) scale(0.7);
    transform: translateX(10.41666667rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(10.41666667rem) scale(0.7);
    transform: translateX(10.41666667rem) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-3.64583333rem) scale(0.7);
    transform: translateY(-3.64583333rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-3.64583333rem) scale(0.7);
    transform: translateY(-3.64583333rem) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}

/* Bouncing entrances  */

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -15.625rem, 0) scaleY(3);
    transform: translate3d(0, -15.625rem, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.13020833rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.13020833rem, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -0.05208333rem, 0) scaleY(0.95);
    transform: translate3d(0, -0.05208333rem, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 0.02604167rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.02604167rem, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -15.625rem, 0) scaleY(3);
    transform: translate3d(0, -15.625rem, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.13020833rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.13020833rem, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -0.05208333rem, 0) scaleY(0.95);
    transform: translate3d(0, -0.05208333rem, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 0.02604167rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.02604167rem, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15.625rem, 0, 0) scaleX(3);
    transform: translate3d(-15.625rem, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0.13020833rem, 0, 0) scaleX(1);
    transform: translate3d(0.13020833rem, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-0.05208333rem, 0, 0) scaleX(0.98);
    transform: translate3d(-0.05208333rem, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(0.02604167rem, 0, 0) scaleX(0.995);
    transform: translate3d(0.02604167rem, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-15.625rem, 0, 0) scaleX(3);
    transform: translate3d(-15.625rem, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0.13020833rem, 0, 0) scaleX(1);
    transform: translate3d(0.13020833rem, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-0.05208333rem, 0, 0) scaleX(0.98);
    transform: translate3d(-0.05208333rem, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(0.02604167rem, 0, 0) scaleX(0.995);
    transform: translate3d(0.02604167rem, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(15.625rem, 0, 0) scaleX(3);
    transform: translate3d(15.625rem, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-0.13020833rem, 0, 0) scaleX(1);
    transform: translate3d(-0.13020833rem, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(0.05208333rem, 0, 0) scaleX(0.98);
    transform: translate3d(0.05208333rem, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-0.02604167rem, 0, 0) scaleX(0.995);
    transform: translate3d(-0.02604167rem, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(15.625rem, 0, 0) scaleX(3);
    transform: translate3d(15.625rem, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-0.13020833rem, 0, 0) scaleX(1);
    transform: translate3d(-0.13020833rem, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(0.05208333rem, 0, 0) scaleX(0.98);
    transform: translate3d(0.05208333rem, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-0.02604167rem, 0, 0) scaleX(0.995);
    transform: translate3d(-0.02604167rem, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15.625rem, 0) scaleY(5);
    transform: translate3d(0, 15.625rem, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 0.05208333rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.05208333rem, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -0.02604167rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.02604167rem, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15.625rem, 0) scaleY(5);
    transform: translate3d(0, 15.625rem, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 0.05208333rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.05208333rem, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -0.02604167rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.02604167rem, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

/* Bouncing exits  */

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 0.05208333rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.05208333rem, 0) scaleY(0.985);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10.41666667rem, 0) scaleY(3);
    transform: translate3d(0, 10.41666667rem, 0) scaleY(3);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 0.05208333rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.05208333rem, 0) scaleY(0.985);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.10416667rem, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10.41666667rem, 0) scaleY(3);
    transform: translate3d(0, 10.41666667rem, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0.10416667rem, 0, 0) scaleX(0.9);
    transform: translate3d(0.10416667rem, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10.41666667rem, 0, 0) scaleX(2);
    transform: translate3d(-10.41666667rem, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0.10416667rem, 0, 0) scaleX(0.9);
    transform: translate3d(0.10416667rem, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10.41666667rem, 0, 0) scaleX(2);
    transform: translate3d(-10.41666667rem, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-0.10416667rem, 0, 0) scaleX(0.9);
    transform: translate3d(-0.10416667rem, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10.41666667rem, 0, 0) scaleX(2);
    transform: translate3d(10.41666667rem, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-0.10416667rem, 0, 0) scaleX(0.9);
    transform: translate3d(-0.10416667rem, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10.41666667rem, 0, 0) scaleX(2);
    transform: translate3d(10.41666667rem, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -0.05208333rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.05208333rem, 0) scaleY(0.985);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.10416667rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.10416667rem, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10.41666667rem, 0) scaleY(3);
    transform: translate3d(0, -10.41666667rem, 0) scaleY(3);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -0.05208333rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.05208333rem, 0) scaleY(0.985);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.10416667rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.10416667rem, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10.41666667rem, 0) scaleY(3);
    transform: translate3d(0, -10.41666667rem, 0) scaleY(3);
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

/* Fading entrances  */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10.41666667rem, 0);
    transform: translate3d(0, -10.41666667rem, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10.41666667rem, 0);
    transform: translate3d(0, -10.41666667rem, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10.41666667rem, 0, 0);
    transform: translate3d(-10.41666667rem, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10.41666667rem, 0, 0);
    transform: translate3d(-10.41666667rem, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10.41666667rem, 0, 0);
    transform: translate3d(10.41666667rem, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10.41666667rem, 0, 0);
    transform: translate3d(10.41666667rem, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10.41666667rem, 0);
    transform: translate3d(0, 10.41666667rem, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10.41666667rem, 0);
    transform: translate3d(0, 10.41666667rem, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}

/* Fading exits */

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10.41666667rem, 0);
    transform: translate3d(0, 10.41666667rem, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10.41666667rem, 0);
    transform: translate3d(0, 10.41666667rem, 0);
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10.41666667rem, 0, 0);
    transform: translate3d(-10.41666667rem, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10.41666667rem, 0, 0);
    transform: translate3d(-10.41666667rem, 0, 0);
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10.41666667rem, 0, 0);
    transform: translate3d(10.41666667rem, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10.41666667rem, 0, 0);
    transform: translate3d(10.41666667rem, 0, 0);
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10.41666667rem, 0);
    transform: translate3d(0, -10.41666667rem, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10.41666667rem, 0);
    transform: translate3d(0, -10.41666667rem, 0);
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}

@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}

@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}

@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}

@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}

/* Flippers */

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(2.08333333rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(2.08333333rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0.78125rem)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(2.08333333rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(2.08333333rem) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(2.08333333rem) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 10deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -5deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 10deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -5deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -20deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 10deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -5deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -20deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 10deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -5deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }

  30% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }

  30% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }

  30% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -15deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(2.08333333rem);
    transform: perspective(2.08333333rem);
  }

  30% {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -15deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    transform: perspective(2.08333333rem) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

/* Lightspeed */

@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

/* Rotating entrances */

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Rotating exits */

@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* Specials */

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 3.64583333rem, 0);
    transform: translate3d(0, 3.64583333rem, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 3.64583333rem, 0);
    transform: translate3d(0, 3.64583333rem, 0);
    opacity: 0;
  }
}

.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* Zooming entrances */

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -5.20833333rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -5.20833333rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -5.20833333rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -5.20833333rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-5.20833333rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-5.20833333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.05208333rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.05208333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-5.20833333rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-5.20833333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.05208333rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.05208333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(5.20833333rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(5.20833333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.05208333rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.05208333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(5.20833333rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(5.20833333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.05208333rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.05208333rem, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 5.20833333rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 5.20833333rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 5.20833333rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 5.20833333rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

/* Zooming exits */

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10.41666667rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10.41666667rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10.41666667rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10.41666667rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.21875rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.21875rem, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-10.41666667rem, 0, 0);
    transform: scale(0.1) translate3d(-10.41666667rem, 0, 0);
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.21875rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.21875rem, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-10.41666667rem, 0, 0);
    transform: scale(0.1) translate3d(-10.41666667rem, 0, 0);
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.21875rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.21875rem, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(10.41666667rem, 0, 0);
    transform: scale(0.1) translate3d(10.41666667rem, 0, 0);
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.21875rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.21875rem, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(10.41666667rem, 0, 0);
    transform: scale(0.1) translate3d(10.41666667rem, 0, 0);
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10.41666667rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10.41666667rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.3125rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10.41666667rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10.41666667rem, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/* Sliding entrances */

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* Sliding exits */

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.relative[data-v-d6903498] {
  position: relative;
}
.w-full[data-v-d6903498] {
  width: 100%;
}
.relative-center[data-v-d6903498] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-d6903498] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-d6903498] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-d6903498] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-d6903498] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-d6903498] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-d6903498] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-d6903498] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-d6903498] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-d6903498] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-d6903498] {
  justify-content: space-between;
}
.flex[data-v-d6903498] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-d6903498] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-d6903498],
.card-list-no-padding .ci-description[data-v-d6903498] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.container[data-v-d6903498] {
  overflow-x: hidden;
}
video[data-v-d6903498] {
  object-fit: cover;
  display: block;
}
.msks[data-v-d6903498] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .4;
}
.about[data-v-d6903498] {
  padding: 0.41666667rem 0;
  padding-bottom: 0;
}
.about .tabs[data-v-d6903498] {
  display: flex;
  align-items: center;
  gap: 0.10416667rem;
  margin-top: 0.20833333rem;
}
.about .tabs .item[data-v-d6903498] {
  width: 1.57291667rem;
  flex: 1;
  display: flex;
  padding: 0.20833333rem;
  background: #fff !important;
  position: relative;
  cursor: pointer;
  gap: 0.08333333rem;
}
.about .tabs .item .img[data-v-d6903498] {
  width: 0.125rem;
  object-fit: contain;
  flex-shrink: 0;
}
.about .tabs .item .right[data-v-d6903498] {
  display: flex;
  flex-direction: column;
}
.about .tabs .item .right .title[data-v-d6903498] {
  font-size: 0.125rem;
  color: #333;
  margin-left: 0.04166667rem;
}
.about .tabs .item .right .brief[data-v-d6903498] {
  font-size: 0.08333333rem;
  color: #666;
  margin-top: 0.08333333rem;
  line-height: 0.125rem;
}
.about .tabs .active[data-v-d6903498] {
  box-shadow: 0 0.015625rem 0.03125rem 0.00520833rem rgba(0,0,0,.16);
}
.about .tabs .active[data-v-d6903498]::before {
  content: "";
  position: absolute;
  width: 0.09375rem;
  height: 0.09375rem;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 0 0.015625rem 0.03125rem 0.00520833rem rgba(0,0,0,.16);
  background: #fff;
}
.about .tabs .active[data-v-d6903498]::after {
  content: "";
  position: absolute;
  width: 0.14583333rem;
  height: 0.14583333rem;
  bottom: 0;
  left: 50%;
  background: #fff;
  transform: translateX(-50%);
}
.display[data-v-d6903498] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 0.26041667rem;
}
.display .info[data-v-d6903498] {
  width: 2.60416667rem;
  height: 1.14583333rem;
  margin-top: 0.3125rem;
  padding: 0.3125rem;
  padding-right: 0.15625rem;
  border-left: 0.05208333rem solid #ddd;
  border-bottom: 0.05208333rem solid #ddd;
}
.display .info .title[data-v-d6903498] {
  font-size: 0.125rem;
  color: #4e99fd;
  margin-bottom: 0.15625rem;
}
.display .info .info-item[data-v-d6903498] {
  position: relative;
  font-size: 0.09375rem;
  color: #666;
  line-height: 2;
  padding-left: 0.10416667rem;
}
.display .info .info-item[data-v-d6903498]::after {
  content: "";
  width: 0.0625rem;
  height: 0.0625rem;
  border-radius: 50%;
  background: #4e99fd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.display .info-img[data-v-d6903498] {
  width: 6.66666667rem;
  height: 2.31770833rem;
}
.drive[data-v-d6903498] {
  line-height: 1;
  padding: 0.41666667rem 0;
  transition: .5s all;
}
.drive .en-title[data-v-d6903498] {
  font-size: 0.1875rem;
  color: rgba(255,255,255,.4);
  margin-bottom: 0.05208333rem;
  text-align: center;
}
.drive .ch-title[data-v-d6903498] {
  font-size: 0.1875rem;
  color: #fff;
  margin-bottom: 0.17708333rem;
  text-align: center;
  font-family: YouSheBiaoTiHei;
}
.drive .ch-brief[data-v-d6903498] {
  font-size: 0.10416667rem;
  color: rgba(255,255,255,.6);
  text-align: center;
  margin-bottom: 0.41666667rem;
}
.drive .content[data-v-d6903498] {
  display: flex;
  height: 2.1875rem;
}
.drive .content .left[data-v-d6903498] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-right: 0.01041667rem solid rgba(255,255,255,.6);
  flex-shrink: 0;
}
.drive .content .left .item[data-v-d6903498] {
  display: flex;
  align-items: center;
  gap: 0.04166667rem;
  padding-right: 0.20833333rem;
  cursor: pointer;
}
.drive .content .left .item .item-icon[data-v-d6903498] {
  width: 0.10416667rem;
}
.drive .content .left .item .item-txt[data-v-d6903498] {
  font-size: 0.10416667rem;
  font-weight: bold;
  color: #fff;
}
.drive .content .left .item .item-active[data-v-d6903498] {
  font-size: 0.10416667rem;
  color: #fff;
  opacity: .8;
}
.drive .content .left .item-strip[data-v-d6903498] {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%);
  width: 0.02083333rem;
  height: 20%;
  transition: all .5s;
  margin-right: -0.00520833rem;
  background: #4e99fd;
}
.drive .content .right[data-v-d6903498] {
  padding-left: 0.41666667rem;
}
.drive .content .right .item .title[data-v-d6903498] {
  font-size: 0.1875rem;
  color: #fff;
}
.drive .content .right .item .brief[data-v-d6903498] {
  font-size: 0.10416667rem;
  line-height: 2;
  margin: 0.20833333rem 0;
  color: rgba(255,255,255,.6);
}
.more-button[data-v-d6903498] {
  width: 1.13020833rem;
  height: 0.31770833rem;
  margin: 0 auto;
  background: #4e99fd;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.0625rem;
  margin-top: 0.3125rem;
  cursor: pointer;
}
.more-button .more-icon[data-v-d6903498] {
  width: 0.15625rem;
}
.advantage[data-v-d6903498] {
  padding: 0.41666667rem 0;
}
.advantage .content[data-v-d6903498] {
  display: flex;
  justify-content: center;
  gap: 0.125rem;
  margin-top: 0.3125rem;
}
.advantage .content .left[data-v-d6903498] {
  color: #fff;
  background: url(../img/b1ce825ded1e7cbe6dd4.png) no-repeat center/cover;
  padding: 0.15625rem 0.20833333rem 0.36458333rem 0.20833333rem;
  width: 2.22395833rem;
  height: 3.47395833rem;
  box-sizing: border-box;
  flex-shrink: 0;
}
.advantage .content .left .icon[data-v-d6903498] {
  width: 0.3125rem;
  margin-bottom: 0.20833333rem;
}
.advantage .content .left .title[data-v-d6903498] {
  font-size: 0.14583333rem;
  margin-bottom: 0.04166667rem;
}
.advantage .content .left .en-title[data-v-d6903498] {
  font-size: 0.0625rem;
  margin-bottom: 0.10416667rem;
  color: rgba(255,255,255,.8);
}
.advantage .content .left .brief[data-v-d6903498] {
  font-size: 0.09375rem;
  line-height: 1.2;
  color: #f9fafa;
}
.advantage .content .right[data-v-d6903498] {
  display: flex;
  flex-wrap: wrap;
  width: 3.59375rem;
  gap: 0.125rem;
}
.advantage .content .right .item[data-v-d6903498] {
  padding: 0.20833333rem;
  width: 1.70833333rem;
  height: 1.66666667rem;
  box-sizing: border-box;
  border: 0.00520833rem solid #4e99fd;
  border-radius: 0.02083333rem;
}
.advantage .content .right .item .icon[data-v-d6903498] {
  height: 0.3125rem;
  margin-bottom: 0.125rem;
}
.advantage .content .right .item .title[data-v-d6903498] {
  font-size: 0.14583333rem;
  margin-bottom: 0.04166667rem;
}
.advantage .content .right .item .en-title[data-v-d6903498] {
  font-size: 0.0625rem;
  margin-bottom: 0.125rem;
  color: rgba(153,153,153,.8);
}
.advantage .content .right .item .brief[data-v-d6903498] {
  font-size: 0.08333333rem;
  line-height: 2;
  color: #666;
}
.case[data-v-d6903498] {
  padding: 0.41666667rem 0;
  background: url(../img/90fce4496f6d55dadb84.png) no-repeat center/cover;
}
.case .list[data-v-d6903498] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.41666667rem;
  margin-bottom: 0.125rem;
}
.case .list .img-box[data-v-d6903498] {
  background: #fff;
  width: 1.109375rem;
  height: 1.00520833rem;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-top: 0.21875rem;
}
.case .list .img-box img[data-v-d6903498] {
  width: 100%;
}
.case .list .item[data-v-d6903498] {
  width: 1.57291667rem;
  height: 1.5625rem;
  position: relative;
  border-radius: 0.04166667rem !important;
  background: #fff !important;
}
.case .list .item .hover[data-v-d6903498] {
  background: rgba(255,255,255,.8);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all .5s;
  box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.case .list .item .hover .title[data-v-d6903498] {
  color: #333;
  font-size: 0.125rem;
  margin-bottom: 0.08333333rem;
}
.case .list .item .hover .sub[data-v-d6903498] {
  color: #666;
  font-size: 0.07291667rem;
  padding-bottom: 0.109375rem;
}
.case .list .item .hover .brief[data-v-d6903498] {
  color: #fff;
  font-size: 0.08333333rem;
  line-height: 2;
  margin-top: 0.20833333rem;
  transition: .5s all;
}
.case .list .item:hover .hover[data-v-d6903498] {
  display: flex;
  justify-content: center;
  width: 1.4375rem;
  height: 0.703125rem;
  background: #4e99fd;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  opacity: .6;
  line-height: 0.703125rem;
  margin-left: 0.06770833rem;
  margin-bottom: 0.06770833rem;
}
.case .list .item:hover .title[data-v-d6903498],
.case .list .item:hover .sub[data-v-d6903498] {
  color: #fff;
}
.case .list .item[data-v-d6903498]:hover {
  box-shadow: 0.02604167rem 0.04166667rem 0.10416667rem 0 #c9d4e4;
  border-radius: 0.04166667rem !important;
}
.confirm[data-v-d6903498] {
  padding-top: 0.5rem;
}
.confirm .video-img[data-v-d6903498] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 44% !important;
  left: 50%;
  margin-left: -0.10416667rem;
}
.confirm .video-title[data-v-d6903498] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
  text-align: center;
  line-height: 0.54166667rem;
}
.confirm .content[data-v-d6903498] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 10rem;
  margin: 0 auto;
  margin-top: 0.35416667rem;
}
.confirm .content .swiper-list[data-v-d6903498] {
  position: relative;
  height: 2.63020833rem;
  flex-grow: 1;
  overflow: hidden;
}
.confirm .content .swiper-list .swiper-item[data-v-d6903498] {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: .5s all;
  text-align: center;
  display: flex;
  align-items: flex-start;
  gap: 0.41666667rem;
}
.confirm .content .swiper-list .swiper-item .swiper-img[data-v-d6903498] {
  width: 5rem;
  height: 2.63020833rem;
}
.confirm .content .swiper-list .swiper-item .swiper-right[data-v-d6903498] {
  text-align: left;
  padding-right: 0.98958333rem;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-num[data-v-d6903498] {
  margin-bottom: 0.20833333rem;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-num .sp[data-v-d6903498] {
  font-size: 0.20833333rem;
  color: #4e99fd;
  font-weight: bold;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-num .count[data-v-d6903498] {
  font-size: 0.09375rem;
  color: #ddd;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-en[data-v-d6903498] {
  color: #ddd;
  font-size: 0.125rem;
  position: relative;
  margin-bottom: 0.08333333rem;
  display: inline-block;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-en[data-v-d6903498]::after {
  content: "";
  position: absolute;
  width: 0.41666667rem;
  height: 0.02083333rem;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0.125rem;
  background: #4e99fd;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-title[data-v-d6903498] {
  font-size: 0.125rem;
  color: #4e99fd;
  margin-bottom: 0.36458333rem;
  font-weight: bold;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-brief[data-v-d6903498] {
  font-size: 0.09375rem;
  color: #666;
  line-height: 2;
  margin-bottom: 0.15625rem;
  width: 2.60416667rem;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-more[data-v-d6903498] {
  font-size: 0.09375rem;
  color: #4e99fd;
  gap: 0.04166667rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.confirm .content .swiper-list .swiper-item .swiper-right .swiper-more .swiper-icon[data-v-d6903498] {
  width: 0.15625rem;
}
.confirm .content .next[data-v-d6903498] {
  flex-shrink: 0;
  position: absolute;
  right: 0.98958333rem;
  top: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.confirm .content .indicator[data-v-d6903498] {
  position: absolute;
  bottom: 0;
  left: 5.41666667rem;
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.confirm .content .indicator .indicator-item[data-v-d6903498] {
  width: 0.0625rem;
  height: 0.0625rem;
  border-radius: 50%;
  background: #4e99fd;
  opacity: .2;
  cursor: pointer;
}
.confirm .content .indicator .indicator-item[data-v-d6903498]:hover {
  opacity: .8;
}
.confirm .content .indicator .indicator-item-active[data-v-d6903498] {
  opacity: .8;
}
.strip[data-v-d6903498] {
  margin-top: 0.625rem;
  position: relative;
}
.strip .bg[data-v-d6903498] {
  width: 100%;
}
.strip .content[data-v-d6903498] {
  position: absolute;
  box-sizing: border-box;
  top: 27%;
  right: calc((100% - 10rem)/2 + 1.66666667rem);
}
.strip .content .title[data-v-d6903498] {
  color: #333;
  font-size: 0.1875rem;
  margin-bottom: 0.046875rem;
  font-family: YouSheBiaoTiHei;
  text-align: center;
}
.strip .content .en[data-v-d6903498] {
  color: rgba(51,51,51,.4);
  font-size: 0.125rem;
  margin-bottom: 0.41666667rem;
  text-align: center;
}
.strip .content .digital[data-v-d6903498] {
  display: flex;
  justify-content: center;
  gap: 0.72916667rem;
}
.strip .content .digital .item .num[data-v-d6903498] {
  font-size: 0.25rem;
  color: #4e99fd;
  font-weight: bold;
}
.strip .content .digital .item .txt[data-v-d6903498] {
  font-size: 0.09375rem;
  color: #666;
  margin-top: 0.08333333rem;
}
.apply[data-v-d6903498] {
  margin: 0.52083333rem 0;
}
.apply .tabs[data-v-d6903498] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.36458333rem;
  margin-bottom: 0.20833333rem;
  margin-top: 0.41666667rem;
}
.apply .tabs .item[data-v-d6903498] {
  width: 1.04166667rem;
  height: 0.51041667rem;
  display: flex;
  align-items: center;
  gap: 0.08333333rem;
  justify-content: center;
  background: #fff;
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.125rem;
  color: #333;
  cursor: pointer;
}
.apply .tabs .item .icon[data-v-d6903498] {
  width: 0.16666667rem;
}
.apply .tabs .item .hover[data-v-d6903498] {
  display: none;
}
.apply .tabs .item[data-v-d6903498]:hover,
.apply .tabs .item.active[data-v-d6903498] {
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  color: #fff;
}
.apply .tabs .item:hover .icon[data-v-d6903498],
.apply .tabs .item.active .icon[data-v-d6903498] {
  display: none;
}
.apply .tabs .item:hover .hover[data-v-d6903498],
.apply .tabs .item.active .hover[data-v-d6903498] {
  display: block;
}
.apply .form[data-v-d6903498] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.36458333rem;
}
.apply .form .name[data-v-d6903498],
.apply .form .phone[data-v-d6903498] {
  font-size: 0.125rem;
  border: 0.00520833rem solid #ddd;
  outline: none;
  height: 0.3125rem;
  padding: 0 0.14583333rem;
  width: 2.44791667rem;
  box-sizing: border-box;
}
.apply .form .button[data-v-d6903498] {
  flex-shrink: 0;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  width: 1.04166667rem;
  height: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.125rem;
  cursor: pointer;
}
.perform[data-v-d6903498] {
  padding-top: 0.41666667rem;
}
.perform .perform-box[data-v-d6903498] {
  display: flex;
  justify-content: center;
}
.perform .perform-content[data-v-d6903498] {
  background: url(../img/3f82c18d7ecc238f6580.png) no-repeat center/cover;
  height: 3.95833333rem;
  width: 6.66666667rem;
  color: #fff;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding: 0.234375rem 0.28645833rem 0 0.28645833rem;
  box-sizing: border-box;
}
.perform .perform-content .perform-title[data-v-d6903498] {
  font-size: 0.1875rem;
  margin-bottom: 0.36458333rem;
  text-align: center;
  position: relative;
}
.perform .perform-content .perform-title[data-v-d6903498]::after {
  content: "";
  display: inline-block;
  width: 0.21875rem;
  height: 0.015625rem;
  background-color: #fff;
  position: absolute;
  top: 0.27083333rem;
  left: 50%;
  transform: translateX(-50%);
}
.perform .perform-content .perform-desc[data-v-d6903498] {
  font-size: 0.09375rem;
  color: rgba(255,255,255,.8);
  text-indent: 2em;
  line-height: 1.6;
}
.perform .perform-content .values[data-v-d6903498] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 0.625rem;
  text-align: center;
  margin-top: 0.72916667rem;
  padding: 0 0.20833333rem;
}
.perform .perform-content .values .it-title[data-v-d6903498] {
  font-size: 0.20833333rem;
}
.perform .perform-content .values .it-unit[data-v-d6903498] {
  font-size: 0.09375rem;
}
.perform .perform-content .values .it-label[data-v-d6903498] {
  font-size: 0.09375rem;
  margin-top: 0.05208333rem;
  font-weight: 600;
  color: #fff;
}
.relative[data-v-1753b540] {
  position: relative;
}
.w-full[data-v-1753b540] {
  width: 100%;
}
.relative-center[data-v-1753b540] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-1753b540] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-1753b540] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-1753b540] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-1753b540] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-1753b540] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-1753b540] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-1753b540] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-1753b540] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-1753b540] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-1753b540] {
  justify-content: space-between;
}
.flex[data-v-1753b540] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-1753b540] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-1753b540],
.card-list-no-padding .ci-description[data-v-1753b540] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.pin-card[data-v-1753b540] {
  box-sizing: border-box;
  padding: 0.11458333rem;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 0.08333333rem;
  grid-template-areas: "a b" "a c";
}
.pin-card.single[data-v-1753b540] {
  grid-template-areas: "a b";
}
.pin-card.single .p-sub[data-v-1753b540] {
  align-self: center;
}
.pin-card img[data-v-1753b540] {
  grid-area: a;
  object-fit: scale-down;
}
.pin-card .p-title[data-v-1753b540] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #3384e8;
  align-self: flex-start;
}
.pin-card .p-sub[data-v-1753b540] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.09375rem;
  color: #666;
  align-self: flex-end;
}
.relative[data-v-444bb6f6] {
  position: relative;
}
.w-full[data-v-444bb6f6] {
  width: 100%;
}
.relative-center[data-v-444bb6f6] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-444bb6f6] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-444bb6f6] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-444bb6f6] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-444bb6f6] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-444bb6f6] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-444bb6f6] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-444bb6f6] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-444bb6f6] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-444bb6f6] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-444bb6f6] {
  justify-content: space-between;
}
.flex[data-v-444bb6f6] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-444bb6f6] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-444bb6f6],
.card-list-no-padding .ci-description[data-v-444bb6f6] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.display-list .block-content[data-v-444bb6f6] {
  display: flex;
  flex-direction: column;
  gap: 0.41666667rem;
}
.display-list .dl-item[data-v-444bb6f6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.41666667rem;
}
.display-list .dl-board[data-v-444bb6f6] {
  object-fit: cover;
  width: 100%;
}
.display-list .dl-title[data-v-444bb6f6] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.125rem;
  color: #4e99fd;
}
.display-list .dl-hr[data-v-444bb6f6] {
  width: 0.41666667rem;
  height: 0.02083333rem;
  background: #4e99fd;
  margin-top: 0.08333333rem;
}
.display-list .dl-description[data-v-444bb6f6] {
  margin-top: 0.20833333rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.09375rem;
  color: #666;
  line-height: 0.1875rem;
  white-space: pre-wrap;
}
.display-list .dl-button[data-v-444bb6f6] {
  margin-top: 0.20833333rem;
  width: 1.13020833rem;
  height: 0.31770833rem;
  background: #4e99fd;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  cursor: pointer;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fffdfd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.relative[data-v-e1ab3db8] {
  position: relative;
}
.w-full[data-v-e1ab3db8] {
  width: 100%;
}
.relative-center[data-v-e1ab3db8] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-e1ab3db8] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-e1ab3db8] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-e1ab3db8] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-e1ab3db8] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-e1ab3db8] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-e1ab3db8] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-e1ab3db8] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-e1ab3db8] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-e1ab3db8] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-e1ab3db8] {
  justify-content: space-between;
}
.flex[data-v-e1ab3db8] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-e1ab3db8] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-e1ab3db8],
.card-list-no-padding .ci-description[data-v-e1ab3db8] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.structure[data-v-e1ab3db8] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure .card-box[data-v-e1ab3db8] {
  margin-bottom: 0.41666667rem;
}
.structure .img[data-v-e1ab3db8] {
  width: 100%;
  display: block;
  margin-top: 0.20833333rem;
}
.advantage[data-v-e1ab3db8] {
  height: 3.97916667rem;
  background: url(../img/481e8cf2cc45005b7efb.png) no-repeat center/cover;
  text-align: center;
  overflow: hidden;
}
.advantage .en[data-v-e1ab3db8] {
  font-size: 0.1875rem;
  color: rgba(255,255,255,.4);
  margin-top: 0.41666667rem;
}
.advantage .title[data-v-e1ab3db8] {
  font-family: YouSheBiaoTiHei;
  margin-top: 0.0625rem;
  font-size: 0.1875rem;
  color: #fff;
}
.advantage .brief[data-v-e1ab3db8] {
  font-size: 0.10416667rem;
  color: rgba(255,255,255,.6);
  margin-top: 0.17708333rem;
}
.advantage .tabs[data-v-e1ab3db8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.41666667rem;
  border-bottom: 0.01041667rem solid rgba(255,255,255,.6);
  position: relative;
  margin-top: 0.41666667rem;
}
.advantage .tabs .item[data-v-e1ab3db8] {
  text-align: center;
  font-size: 0.10416667rem;
  color: #fff;
  padding-bottom: 0.20833333rem;
  position: relative;
  cursor: pointer;
}
.advantage .tabs .item .icon[data-v-e1ab3db8] {
  width: 0.10416667rem;
}
.advantage .tabs .item .txt[data-v-e1ab3db8] {
  margin-top: 0.04166667rem;
}
.advantage .tabs .item-strip[data-v-e1ab3db8] {
  position: absolute;
  top: 100%;
  left: 0;
  height: 0.02083333rem;
  width: 33.3%;
  background: #4e99fd;
  margin-top: -0.00520833rem;
  transition: all .5s;
}
.advantage .content[data-v-e1ab3db8] {
  display: flex;
  align-items: flex-start;
  gap: 0.20833333rem;
  margin-top: 0.20833333rem;
}
.advantage .content .img[data-v-e1ab3db8] {
  width: 2.72916667rem;
}
.advantage .content .right[data-v-e1ab3db8] {
  text-align: left;
}
.advantage .content .right .right-title[data-v-e1ab3db8] {
  font-size: 0.14583333rem;
  color: #fff;
  margin-bottom: 0.05208333rem;
}
.advantage .content .right .right-brief[data-v-e1ab3db8] {
  font-size: 0.09375rem;
  color: rgba(255,255,255,.8);
  line-height: 2;
}
.application[data-v-e1ab3db8] {
  padding: 0.41666667rem 0;
  background: #f7fbff;
}
.relative[data-v-41419c50] {
  position: relative;
}
.w-full[data-v-41419c50] {
  width: 100%;
}
.relative-center[data-v-41419c50] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-41419c50] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-41419c50] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-41419c50] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-41419c50] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-41419c50] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-41419c50] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-41419c50] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-41419c50] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-41419c50] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-41419c50] {
  justify-content: space-between;
}
.flex[data-v-41419c50] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-41419c50] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-41419c50],
.card-list-no-padding .ci-description[data-v-41419c50] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.card-item[data-v-41419c50] {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0.02604167rem 0.02604167rem 0.36458333rem 0.00520833rem #e8e8e8;
  padding: 0.20833333rem;
  box-sizing: border-box;
  z-index: 0;
}
.card-item img[data-v-41419c50] {
  object-fit: scale-down;
  z-index: -1;
}
.card-item .ci-title[data-v-41419c50] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.09375rem;
  color: #333;
}
.card-item .ci-description[data-v-41419c50] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.07291667rem;
  color: #666;
  line-height: 0.14583333rem;
}
.card-item.y[data-v-41419c50] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.card-item.y img[data-v-41419c50] {
  max-width: 100%;
}
.card-item.y .ci-title[data-v-41419c50] {
  margin-top: 0.13541667rem;
}
.card-item.y .ci-description[data-v-41419c50] {
  margin-top: 0.08854167rem;
}
.card-item.x .left[data-v-41419c50] {
  width: calc(70% - 0.05208333rem);
}
.card-item.x .ci-description[data-v-41419c50] {
  margin-top: 0.08854167rem;
}
.card-item.x img[data-v-41419c50] {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.card-item.x-revert .left[data-v-41419c50] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-item.x-revert .ci-description[data-v-41419c50] {
  margin-top: 0.10416667rem;
}
.card-item.x-revert img[data-v-41419c50] {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.relative[data-v-f9604b1c] {
  position: relative;
}
.w-full[data-v-f9604b1c] {
  width: 100%;
}
.relative-center[data-v-f9604b1c] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-f9604b1c] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-f9604b1c] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-f9604b1c] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-f9604b1c] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-f9604b1c] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-f9604b1c] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-f9604b1c] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-f9604b1c] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-f9604b1c] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-f9604b1c] {
  justify-content: space-between;
}
.flex[data-v-f9604b1c] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-f9604b1c] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-f9604b1c],
.card-list-no-padding .ci-description[data-v-f9604b1c] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.card-list[data-v-f9604b1c] {
  display: grid;
}
.card-list.styled-2[data-v-f9604b1c] {
  grid-template-columns: repeat(2, 1fr);
}
.card-list.styled-3[data-v-f9604b1c] {
  grid-template-columns: repeat(3, 1fr);
}
.card-list.styled-4[data-v-f9604b1c] {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.card-list.styled-5[data-v-f9604b1c] {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
}
.card-list.styled-5>div[data-v-f9604b1c]:nth-child(1),
.card-list.styled-5>div[data-v-f9604b1c]:nth-child(2),
.card-list.styled-5>div[data-v-f9604b1c]:nth-child(3) {
  grid-column: span 2;
}
.card-list.styled-5>div[data-v-f9604b1c]:nth-child(4),
.card-list.styled-5>div[data-v-f9604b1c]:nth-child(5) {
  grid-column: span 3;
}
.card-list.styled-6[data-v-f9604b1c] {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
}
.relative[data-v-772cf08a] {
  position: relative;
}
.w-full[data-v-772cf08a] {
  width: 100%;
}
.relative-center[data-v-772cf08a] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-772cf08a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-772cf08a] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-772cf08a] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-772cf08a] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-772cf08a] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-772cf08a] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-772cf08a] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-772cf08a] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-772cf08a] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-772cf08a] {
  justify-content: space-between;
}
.flex[data-v-772cf08a] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-772cf08a] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-772cf08a],
.card-list-no-padding .ci-description[data-v-772cf08a] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.introduce-list[data-v-772cf08a] {
  display: flex;
  flex-direction: column;
  gap: 0.41666667rem;
}
.introduce-list .il-item[data-v-772cf08a] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.introduce-list .il-item .full-center[data-v-772cf08a] {
  left: 0 !important;
  transform: translateY(-50%) !important;
}
.introduce-list .il-item.revert[data-v-772cf08a] {
  justify-content: flex-end;
}
.introduce-list .il-item.revert .il-info[data-v-772cf08a] {
  grid-template-areas: "b a" "c f" "d f" "g e";
}
.introduce-list .il-item.revert .full-center[data-v-772cf08a] {
  left: unset !important;
  right: 0;
  transform: translateY(-50%) !important;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.introduce-list .il-item.revert .il-image-box[data-v-772cf08a] {
  right: unset;
  left: 0;
  text-align: right;
}
.introduce-list .il-item.revert .il-description[data-v-772cf08a] {
  justify-self: flex-end;
}
.introduce-list .il-item .il-info[data-v-772cf08a] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto auto;
  align-items: center;
  grid-template-areas: "a b" "f c" "f d" "e g";
  column-gap: 0.10416667rem;
}
.introduce-list .il-item .il-hr[data-v-772cf08a] {
  grid-area: a;
  width: 0.41666667rem;
  height: 0.02083333rem;
  background: #4e99fd;
  align-self: center;
}
.introduce-list .il-item .il-en[data-v-772cf08a] {
  grid-area: b;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.125rem;
  color: #ddd;
  white-space: nowrap;
}
.introduce-list .il-item .il-title[data-v-772cf08a] {
  grid-area: c;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.125rem;
  color: #4e99fd;
  margin-top: 0.07291667rem;
}
.introduce-list .il-item .il-description[data-v-772cf08a] {
  grid-area: d;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.09375rem;
  color: #666;
  line-height: 0.1875rem;
  margin-top: 0.41666667rem;
  width: 2.58333333rem;
}
.introduce-list .il-item .il-index[data-v-772cf08a] {
  grid-area: e;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.125rem;
  color: #666;
  margin-top: 0.3125rem;
}
.introduce-list .il-item .il-image-box[data-v-772cf08a] {
  position: absolute;
  width: 3.64583333rem;
  right: 0;
  background: #f8f8f8;
}
.relative[data-v-4b3dac28] {
  position: relative;
}
.w-full[data-v-4b3dac28] {
  width: 100%;
}
.relative-center[data-v-4b3dac28] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-4b3dac28] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-4b3dac28] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-4b3dac28] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-4b3dac28] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-4b3dac28] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-4b3dac28] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-4b3dac28] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-4b3dac28] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-4b3dac28] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-4b3dac28] {
  justify-content: space-between;
}
.flex[data-v-4b3dac28] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-4b3dac28] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-4b3dac28],
.card-list-no-padding .ci-description[data-v-4b3dac28] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.structure[data-v-4b3dac28] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure .box[data-v-4b3dac28] {
  margin-bottom: 0.41666667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.structure .box .item[data-v-4b3dac28] {
  text-align: center;
}
.structure .box .item .icon[data-v-4b3dac28] {
  width: 0.33854167rem;
  margin-bottom: 0.04166667rem;
}
.structure .box .item .txt[data-v-4b3dac28] {
  color: #333;
  font-size: 0.125rem;
}
.structure .img[data-v-4b3dac28] {
  width: 100%;
  display: block;
  margin-top: 0.20833333rem;
}
.application[data-v-4b3dac28] {
  background: url(../img/439e6bac72759ebbdd76.png) no-repeat center/cover;
  height: 3.46875rem;
  padding: 0.41666667rem 0 0.20833333rem;
  box-sizing: border-box;
}
.introduction[data-v-4b3dac28] {
  padding-top: 0.41666667rem;
}
.relative[data-v-a814f57e] {
  position: relative;
}
.w-full[data-v-a814f57e] {
  width: 100%;
}
.relative-center[data-v-a814f57e] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-a814f57e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-a814f57e] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-a814f57e] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-a814f57e] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-a814f57e] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-a814f57e] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-a814f57e] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-a814f57e] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-a814f57e] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-a814f57e] {
  justify-content: space-between;
}
.flex[data-v-a814f57e] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-a814f57e] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-a814f57e],
.card-list-no-padding .ci-description[data-v-a814f57e] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.box[data-v-a814f57e] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure[data-v-a814f57e] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/ffaa1483fb416f6c5666.png) center/cover no-repeat;
}
.structure .img[data-v-a814f57e] {
  display: block;
  margin-top: 0.20833333rem;
}
.core[data-v-a814f57e] {
  padding: 0.41666667rem 0;
}
.value[data-v-a814f57e] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/a6fa3ae3262ee17540af.png) center/cover no-repeat;
}
.value .value-title[data-v-a814f57e] {
  font-family: YouSheBiaoTiHei;
  font-size: 0.1875rem;
  color: #fff;
  margin-bottom: 0.06770833rem;
  text-align: center;
}
.value .value-en[data-v-a814f57e] {
  font-size: 0.125rem;
  color: rgba(255,255,255,.4);
  margin-bottom: 0.20833333rem;
  text-align: center;
}
.value .value-brief[data-v-a814f57e] {
  font-size: 0.125rem;
  color: rgba(255,255,255,.6);
  margin-bottom: 0.41666667rem;
  text-align: center;
}
.value .list[data-v-a814f57e] {
  display: flex;
  gap: 0.55208333rem;
  justify-content: center;
}
.value .list .item[data-v-a814f57e] {
  width: 1.85416667rem;
  background: #fff;
}
.value .list .item .img[data-v-a814f57e] {
  width: 100%;
}
.value .list .item .txt[data-v-a814f57e] {
  padding: 0.20833333rem;
  text-align: center;
}
.value .list .item .txt .title[data-v-a814f57e] {
  font-size: 0.125rem;
  color: #333;
}
.value .list .item .txt .brief[data-v-a814f57e] {
  font-size: 0.08333333rem;
  color: #666;
  line-height: 2;
  margin-top: 0.0625rem;
}
.platform[data-v-a814f57e] {
  padding: 0.41666667rem 0;
}
.platform .img[data-v-a814f57e] {
  width: 100%;
  margin-top: 0.20833333rem;
  display: block;
}
.case[data-v-a814f57e] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/388d861ba8d69b7a4a09.png) center/cover no-repeat;
}
.footer-resolution[data-v-a814f57e] {
  height: 1.58333333rem;
  background-size: cover;
}
.footer-resolution .layout[data-v-a814f57e] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.10416667rem;
}
.footer-resolution .f-title[data-v-a814f57e] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
  margin-top: 0.3125rem;
}
.footer-resolution .f-en[data-v-a814f57e] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.05208333rem;
}
.footer-resolution .f-sub[data-v-a814f57e] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.20833333rem;
}
.footer-resolution .ask-btn[data-v-a814f57e] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.52083333rem;
}
.relative[data-v-d3890e26] {
  position: relative;
}
.w-full[data-v-d3890e26] {
  width: 100%;
}
.relative-center[data-v-d3890e26] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-d3890e26] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-d3890e26] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-d3890e26] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-d3890e26] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-d3890e26] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-d3890e26] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-d3890e26] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-d3890e26] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-d3890e26] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-d3890e26] {
  justify-content: space-between;
}
.flex[data-v-d3890e26] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-d3890e26] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-d3890e26],
.card-list-no-padding .ci-description[data-v-d3890e26] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.structure[data-v-d3890e26] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure .card-box[data-v-d3890e26] {
  margin-bottom: 0.41666667rem;
}
.structure .img[data-v-d3890e26] {
  display: block;
  margin-top: 0.20833333rem;
}
.system[data-v-d3890e26] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/3254205d752ed88f3e5b.png) no-repeat center/cover;
}
.advantage[data-v-d3890e26] {
  padding: 0.41666667rem 0;
}
.service[data-v-d3890e26] {
  padding: 0.41666667rem 0;
  background: url(../img/3254205d752ed88f3e5b.png) no-repeat center/cover;
}
.relative[data-v-7597b928] {
  position: relative;
}
.w-full[data-v-7597b928] {
  width: 100%;
}
.relative-center[data-v-7597b928] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-7597b928] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-7597b928] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-7597b928] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-7597b928] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-7597b928] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-7597b928] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-7597b928] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-7597b928] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-7597b928] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-7597b928] {
  justify-content: space-between;
}
.flex[data-v-7597b928] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-7597b928] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-7597b928],
.card-list-no-padding .ci-description[data-v-7597b928] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.weakness[data-v-7597b928] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure[data-v-7597b928] {
  padding: 0.41666667rem 0;
  background: url(../img/37867ec0d2c983c37005.png) no-repeat center/cover;
}
.structure .img[data-v-7597b928] {
  display: block;
  margin-top: 0.20833333rem;
}
.advantage[data-v-7597b928] {
  padding: 0.41666667rem 0;
}
.advantage .list[data-v-7597b928] {
  display: flex;
  gap: 0.125rem;
  margin-top: 0.41666667rem;
}
.advantage .list .item[data-v-7597b928] {
  width: 1.5625rem;
  height: 2.5rem;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  border: 0.00520833rem solid rgba(51,51,51,.2);
  position: relative;
}
.advantage .list .item .content[data-v-7597b928] {
  text-align: center;
  padding: 0.20833333rem;
  transition: all .5s;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.advantage .list .item .content .outline[data-v-7597b928] {
  width: 0.36458333rem;
  height: 0.36458333rem;
  position: relative;
  margin: 0 auto;
}
.advantage .list .item .content .outline .icon[data-v-7597b928] {
  width: 0.1875rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.advantage .list .item .content .outline[data-v-7597b928]::after {
  content: "";
  border: 0.00520833rem solid rgba(51,51,51,.1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: rotate(45deg);
}
.advantage .list .item .content .title[data-v-7597b928] {
  font-size: 0.125rem;
  color: #333;
  margin-top: 0.26041667rem;
  margin-bottom: 0.04166667rem;
}
.advantage .list .item .content .en-title[data-v-7597b928] {
  font-size: 0.09375rem;
  color: #999;
}
.advantage .list .item .content[data-v-7597b928]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.46875rem;
  transform: translateX(-50%);
  width: 0.38541667rem;
  height: 0.04166667rem;
  background: #4e99fd;
  border-radius: 0.03645833rem 0.03645833rem 0.03645833rem 0.03645833rem;
}
.advantage .list .item .hover[data-v-7597b928] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0.20833333rem;
  box-sizing: border-box;
  transition: all .5s;
  background: linear-gradient(rgba(78, 153, 253, 0.6), rgba(78, 153, 253, 0.6)),url(../img/096d1408c3365d50f4d4.webp) no-repeat center/cover;
}
.advantage .list .item .hover .hover-title[data-v-7597b928] {
  font-size: 0.14583333rem;
  color: #fff;
  margin-bottom: 0.04166667rem;
}
.advantage .list .item .hover .hover-en-title[data-v-7597b928] {
  font-size: 0.09375rem;
  color: rgba(255,255,255,.6);
  margin-bottom: 0.20833333rem;
}
.advantage .list .item .hover .hover-brief[data-v-7597b928] {
  font-size: 0.08333333rem;
  color: #fff;
  line-height: 2;
}
.advantage .list .item:hover .content[data-v-7597b928] {
  opacity: 0;
}
.advantage .list .item:hover .hover[data-v-7597b928] {
  opacity: 1;
}
.advantage .list .item:nth-child(2) .hover[data-v-7597b928] {
  background: linear-gradient(rgba(78, 153, 253, 0.6), rgba(78, 153, 253, 0.6)),url(../img/48c8347e8f4611429e0b.webp) no-repeat center/cover;
}
.advantage .list .item:nth-child(3) .hover[data-v-7597b928] {
  background: linear-gradient(rgba(78, 153, 253, 0.6), rgba(78, 153, 253, 0.6)),url(../img/86be4ffa2b1267ec899c.webp) no-repeat center/cover;
}
.advantage .list .item:nth-child(4) .hover[data-v-7597b928] {
  background: linear-gradient(rgba(78, 153, 253, 0.6), rgba(78, 153, 253, 0.6)),url(../img/07d2508c6dd5f0565447.webp) no-repeat center/cover;
}
.drive[data-v-7597b928] {
  line-height: 1;
  padding: 0.41666667rem 0;
  transition: .5s all;
  background: url(../img/b84b9f22584f9d716039.png) no-repeat center/cover;
}
.drive .en-title[data-v-7597b928] {
  font-size: 0.1875rem;
  color: rgba(255,255,255,.4);
  margin-bottom: 0.05208333rem;
  text-align: center;
}
.drive .ch-title[data-v-7597b928] {
  font-size: 0.1875rem;
  color: #fff;
  margin-bottom: 0.17708333rem;
  text-align: center;
  font-family: YouSheBiaoTiHei;
}
.drive .ch-brief[data-v-7597b928] {
  font-size: 0.10416667rem;
  color: rgba(255,255,255,.6);
  text-align: center;
  margin-bottom: 0.41666667rem;
}
.drive .content[data-v-7597b928] {
  display: flex;
  height: 2.1875rem;
}
.drive .content .left[data-v-7597b928] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-right: 0.01041667rem solid rgba(255,255,255,.6);
  flex-shrink: 0;
}
.drive .content .left .item[data-v-7597b928] {
  display: flex;
  align-items: center;
  gap: 0.04166667rem;
  padding-right: 0.20833333rem;
  cursor: pointer;
}
.drive .content .left .item .item-icon[data-v-7597b928] {
  width: 0.10416667rem;
}
.drive .content .left .item .item-txt[data-v-7597b928] {
  font-size: 0.10416667rem;
  font-weight: bold;
  color: #fff;
}
.drive .content .left .item-strip[data-v-7597b928] {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%);
  width: 0.02083333rem;
  height: 25%;
  transition: all .5s;
  margin-right: -0.00520833rem;
  background: #4e99fd;
}
.drive .content .right[data-v-7597b928] {
  padding-left: 0.41666667rem;
}
.drive .content .right .item .title[data-v-7597b928] {
  font-size: 0.1875rem;
  color: #fff;
}
.drive .content .right .item .brief[data-v-7597b928] {
  font-size: 0.10416667rem;
  line-height: 2;
  margin: 0.20833333rem 0;
  color: rgba(255,255,255,.6);
}
.more-button[data-v-7597b928] {
  width: 1.13020833rem;
  height: 0.31770833rem;
  background: #4e99fd;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.0625rem;
  cursor: pointer;
}
.more-button .more-icon[data-v-7597b928] {
  width: 0.15625rem;
}
.core[data-v-7597b928] {
  padding: 0.41666667rem 0;
}
.footer-resolution[data-v-7597b928] {
  height: 1.58333333rem;
  background-size: cover;
}
.footer-resolution .layout[data-v-7597b928] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.10416667rem;
}
.footer-resolution .f-title[data-v-7597b928] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
  margin-top: 0.3125rem;
}
.footer-resolution .f-en[data-v-7597b928] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.05208333rem;
}
.footer-resolution .f-sub[data-v-7597b928] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.20833333rem;
}
.footer-resolution .ask-btn[data-v-7597b928] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.52083333rem;
}
.relative[data-v-ca528424] {
  position: relative;
}
.w-full[data-v-ca528424] {
  width: 100%;
}
.relative-center[data-v-ca528424] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-ca528424] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-ca528424] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-ca528424] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-ca528424] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-ca528424] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-ca528424] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-ca528424] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-ca528424] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-ca528424] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-ca528424] {
  justify-content: space-between;
}
.flex[data-v-ca528424] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-ca528424] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-ca528424],
.card-list-no-padding .ci-description[data-v-ca528424] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.box[data-v-ca528424] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.52083333rem 0 0.41666667rem;
}
.box .item[data-v-ca528424] {
  text-align: center;
}
.box .item .icon[data-v-ca528424] {
  width: 0.33854167rem;
  margin-bottom: 0.04166667rem;
}
.box .item .txt[data-v-ca528424] {
  font-size: 0.125rem;
  color: #333;
}
.resolution[data-v-ca528424] {
  padding-bottom: 0.41666667rem;
}
.resolution .img[data-v-ca528424] {
  display: block;
  margin-top: 0.20833333rem;
}
.scene[data-v-ca528424] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/d94b018ce0ae8766726d.png) no-repeat center/cover;
}
.scene .list[data-v-ca528424] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.08333333rem;
  margin-top: 0.41666667rem;
}
.scene .list .item[data-v-ca528424] {
  width: 2.16666667rem;
  height: 1.38541667rem;
  text-align: center;
}
.scene .list .item .title[data-v-ca528424] {
  font-size: 0.125rem;
  color: #fff;
  margin-top: 0.546875rem;
}
.scene .list .item .brief[data-v-ca528424] {
  font-size: 0.125rem;
  color: rgba(255,255,255,.6);
}
.advantage[data-v-ca528424] {
  padding: 0.41666667rem 0;
}
.structure[data-v-ca528424] {
  padding: 0.41666667rem 0;
  background: url(../img/9e739bfdd228d1027ef5.png) no-repeat center/cover;
}
.structure .img[data-v-ca528424] {
  display: block;
  margin-top: 0.20833333rem;
}
.footer-resolution[data-v-ca528424] {
  height: 1.58333333rem;
  background-size: cover;
}
.footer-resolution .layout[data-v-ca528424] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.10416667rem;
}
.footer-resolution .f-title[data-v-ca528424] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
  margin-top: 0.3125rem;
}
.footer-resolution .f-en[data-v-ca528424] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.05208333rem;
}
.footer-resolution .f-sub[data-v-ca528424] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.20833333rem;
}
.footer-resolution .ask-btn[data-v-ca528424] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.52083333rem;
}
.relative[data-v-3879a403] {
  position: relative;
}
.w-full[data-v-3879a403] {
  width: 100%;
}
.relative-center[data-v-3879a403] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-3879a403] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-3879a403] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-3879a403] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-3879a403] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-3879a403] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-3879a403] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-3879a403] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-3879a403] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-3879a403] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-3879a403] {
  justify-content: space-between;
}
.flex[data-v-3879a403] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-3879a403] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-3879a403],
.card-list-no-padding .ci-description[data-v-3879a403] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.structure[data-v-3879a403] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure .img[data-v-3879a403] {
  display: block;
  margin-top: 0.20833333rem;
}
.feature[data-v-3879a403] {
  background: url(../img/9e739bfdd228d1027ef5.png) no-repeat center/cover;
  padding: 0.41666667rem 0 0.20833333rem;
}
.footer-resolution[data-v-3879a403] {
  height: 1.58333333rem;
  background-size: cover;
}
.footer-resolution .layout[data-v-3879a403] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.10416667rem;
}
.footer-resolution .f-title[data-v-3879a403] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
  margin-top: 0.3125rem;
}
.footer-resolution .f-en[data-v-3879a403] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.05208333rem;
}
.footer-resolution .f-sub[data-v-3879a403] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.20833333rem;
}
.footer-resolution .ask-btn[data-v-3879a403] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.52083333rem;
}
.relative[data-v-4a2bd96d] {
  position: relative;
}
.w-full[data-v-4a2bd96d] {
  width: 100%;
}
.relative-center[data-v-4a2bd96d] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-4a2bd96d] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-4a2bd96d] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-4a2bd96d] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-4a2bd96d] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-4a2bd96d] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-4a2bd96d] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-4a2bd96d] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-4a2bd96d] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-4a2bd96d] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-4a2bd96d] {
  justify-content: space-between;
}
.flex[data-v-4a2bd96d] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-4a2bd96d] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-4a2bd96d],
.card-list-no-padding .ci-description[data-v-4a2bd96d] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.structure[data-v-4a2bd96d] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.structure .img[data-v-4a2bd96d] {
  display: block;
  margin-top: 0.20833333rem;
}
.feature[data-v-4a2bd96d] {
  background: url(../img/9e739bfdd228d1027ef5.png) no-repeat center/cover;
  padding: 0.41666667rem 0 0.20833333rem;
}
.footer-resolution[data-v-4a2bd96d] {
  height: 1.58333333rem;
  background: url(../img/7c5bd98bc3935e530cee.png) no-repeat center/cover;
}
.footer-resolution .layout[data-v-4a2bd96d] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.10416667rem;
}
.footer-resolution .f-title[data-v-4a2bd96d] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
  margin-top: 0.3125rem;
}
.footer-resolution .f-en[data-v-4a2bd96d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.05208333rem;
}
.footer-resolution .f-sub[data-v-4a2bd96d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.20833333rem;
}
.footer-resolution .ask-btn[data-v-4a2bd96d] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.52083333rem;
}
.application[data-v-4a2bd96d] {
  padding: 0.41666667rem 0;
}
.application .brief[data-v-4a2bd96d] {
  font-size: 0.09375rem;
  color: #666;
  line-height: 2;
  margin-top: 0.35416667rem;
}
.application .list[data-v-4a2bd96d] {
  display: flex;
  justify-content: space-between;
  gap: 0.20833333rem;
  margin-top: 0.36458333rem;
}
.application .list .item[data-v-4a2bd96d] {
  flex-grow: 1;
}
.relative[data-v-85b856b4] {
  position: relative;
}
.w-full[data-v-85b856b4] {
  width: 100%;
}
.relative-center[data-v-85b856b4] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-85b856b4] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-85b856b4] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-85b856b4] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-85b856b4] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-85b856b4] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-85b856b4] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-85b856b4] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-85b856b4] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-85b856b4] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-85b856b4] {
  justify-content: space-between;
}
.flex[data-v-85b856b4] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-85b856b4] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-85b856b4],
.card-list-no-padding .ci-description[data-v-85b856b4] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.privateBox .private-back[data-v-85b856b4],
.hover-pop-success .private-back[data-v-85b856b4] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 9999;
}
.privateBox .pd-name[data-v-85b856b4],
.hover-pop-success .pd-name[data-v-85b856b4] {
  font-size: 0.125rem;
  color: #096dd9;
  margin-top: 0.41666667rem;
  padding-left: 0.52083333rem;
}
.privateBox .pd-content[data-v-85b856b4],
.hover-pop-success .pd-content[data-v-85b856b4] {
  display: flex;
  align-items: center;
  gap: 0.41666667rem;
  padding: 0.20833333rem 0.125rem 0.41666667rem 0.52083333rem;
  height: 2.13541667rem;
}
.privateBox .pd-content .pd-left[data-v-85b856b4],
.hover-pop-success .pd-content .pd-left[data-v-85b856b4] {
  width: 2.13541667rem;
  height: 2.13541667rem;
  background: #fff;
  box-shadow: 0.02604167rem 0.04166667rem 0.10416667rem 0 #dadada;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.privateBox .pd-content .pd-left .pd-img[data-v-85b856b4],
.hover-pop-success .pd-content .pd-left .pd-img[data-v-85b856b4] {
  width: 1.96354167rem;
}
.privateBox .pd-content .pd-right[data-v-85b856b4],
.hover-pop-success .pd-content .pd-right[data-v-85b856b4] {
  height: 100%;
  flex-grow: 1;
  overflow-y: scroll;
  line-height: 2;
  font-size: 0.08333333rem;
  padding-right: 0.36458333rem;
}
.privateBox .pd-content .pd-right[data-v-85b856b4]::-webkit-scrollbar,
.hover-pop-success .pd-content .pd-right[data-v-85b856b4]::-webkit-scrollbar {
  width: 0.03125rem;
}
.privateBox .pd-content .pd-right[data-v-85b856b4]::-webkit-scrollbar-thumb,
.hover-pop-success .pd-content .pd-right[data-v-85b856b4]::-webkit-scrollbar-thumb {
  border-radius: 0.05208333rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
}
.privateBox .pd-content .pd-right[data-v-85b856b4]::-webkit-scrollbar-track,
.hover-pop-success .pd-content .pd-right[data-v-85b856b4]::-webkit-scrollbar-track {
  background: #e7e7e7;
}
.privateBox .pd-content .pd-right .pd-brief[data-v-85b856b4],
.hover-pop-success .pd-content .pd-right .pd-brief[data-v-85b856b4] {
  color: #666;
  margin-bottom: 0.04166667rem;
}
.privateBox .pd-content .pd-right .pd-feature[data-v-85b856b4],
.hover-pop-success .pd-content .pd-right .pd-feature[data-v-85b856b4] {
  color: #096dd9;
  margin-bottom: 0.04166667rem;
}
.privateBox .private-content[data-v-85b856b4],
.hover-pop-success .private-content[data-v-85b856b4] {
  position: fixed;
  width: 6.66666667rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  padding-bottom: 0.20833333rem;
}
.privateBox .private-content .private-title[data-v-85b856b4],
.hover-pop-success .private-content .private-title[data-v-85b856b4] {
  color: #fff;
  font-size: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  position: relative;
}
.privateBox .private-content .private-title .private-close[data-v-85b856b4],
.hover-pop-success .private-content .private-title .private-close[data-v-85b856b4] {
  position: absolute;
  right: 0.125rem;
  top: 0.11458333rem;
  width: 0.08333333rem;
  cursor: pointer;
}
.privateBox .private-content .private-button[data-v-85b856b4],
.hover-pop-success .private-content .private-button[data-v-85b856b4] {
  margin: 0 auto;
  width: 0.81770833rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.10416667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bannerTxt[data-v-85b856b4] {
  font-family: YouSheBiaoTiHei;
  font-size: 0.3125rem;
  color: #fff;
  margin-bottom: 0.125rem;
  text-align: center;
}
.head-txt[data-v-85b856b4] {
  font-weight: 400;
  font-size: 0.15625rem;
  color: #fff;
  text-align: center;
  margin-top: 0.20833333rem;
}
.service[data-v-85b856b4] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.service .list[data-v-85b856b4] {
  width: 6.66666667rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem 0.125rem;
  margin-top: 0.41666667rem;
}
.service .list .item[data-v-85b856b4] {
  background: #fff;
  box-shadow: 0.015625rem 0.015625rem 0.10416667rem 0.00520833rem rgba(221,221,221,.4);
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  width: 2.13541667rem;
  height: 2.29166667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.service .list .item .img[data-v-85b856b4] {
  width: 80%;
}
.service .list .item .hover[data-v-85b856b4] {
  position: absolute;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: 0.22395833rem;
  transition: all .5s;
  border-radius: 0.04166667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.10416667rem;
  color: #666;
  height: 1em;
}
.service .list .item:hover .hover[data-v-85b856b4] {
  background: rgba(78,153,253,.6);
  height: 0.91145833rem;
  color: #fff;
}
.theory[data-v-85b856b4] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/4f6c6931813d9142c55d.png) no-repeat center/cover;
}
.theory .step[data-v-85b856b4] {
  display: flex;
  align-items: flex-start;
  margin-top: 0.41666667rem;
}
.theory .step .item:first-child .middle[data-v-85b856b4] {
  border-radius: 0.08333333rem 0 0 0.08333333rem;
}
.theory .step .item:last-child .middle[data-v-85b856b4] {
  border-radius: 0 0.08333333rem 0.08333333rem 0;
}
.theory .step .item1[data-v-85b856b4] {
  flex-grow: 1;
}
.theory .step .item1 .top[data-v-85b856b4] {
  background: #4e99fd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1875rem;
  width: 1.09375rem;
  height: 0.66145833rem;
}
.theory .step .item1 .top .icon[data-v-85b856b4] {
  height: 0.3125rem;
}
.theory .step .item1 .middle[data-v-85b856b4] {
  background: #deecf6;
  margin-bottom: 0.15625rem;
  width: 100%;
  height: 0.22916667rem;
  position: relative;
}
.theory .step .item1 .middle .icon[data-v-85b856b4] {
  width: 0.29166667rem;
  height: 0.29166667rem;
  background: url(../img/05f7daa84c100e61ded2.png) no-repeat center/contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.125rem;
  color: #4e99fd;
  text-align: center;
  line-height: 0.29166667rem;
}
.theory .step .item1 .bottom[data-v-85b856b4] {
  color: #666;
  font-size: 0.16666667rem;
  text-align: center;
}
.theory .step .item2[data-v-85b856b4] {
  flex-grow: 1;
}
.theory .step .item2 .top[data-v-85b856b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.1875rem;
  width: 0.76041667rem;
  height: 0.66145833rem;
}
.theory .step .item2 .top .icon[data-v-85b856b4] {
  width: 0.50520833rem;
}
.theory .step .item2 .middle[data-v-85b856b4] {
  background: #deecf6;
  width: 100%;
  height: 0.22916667rem;
}
.display[data-v-85b856b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.41666667rem;
}
.display .left[data-v-85b856b4] {
  box-shadow: -0.05208333rem 0.05208333rem 0 #ddd;
  width: 2.96354167rem;
  height: 1.00520833rem;
  padding: 0.33333333rem;
  box-sizing: border-box;
  border-radius: 0.04166667rem;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  margin-right: -0.33333333rem;
  position: relative;
}
.display .left .title[data-v-85b856b4] {
  width: 100%;
  font-size: 0.10416667rem;
  margin-bottom: 0.10416667rem;
  color: #4e99fd;
}
.display .left .brief[data-v-85b856b4] {
  width: 100%;
  font-size: 0.10416667rem;
  color: #666;
}
.display .right[data-v-85b856b4] {
  width: 3.42708333rem;
  height: 2.140625rem;
  background: url(../img/631cf115e76bf0af5cb7.webp) no-repeat center/cover;
  box-shadow: -0.05208333rem 0.05208333rem 0 #1e63c1;
  border-radius: 0.04166667rem;
}
.feature[data-v-85b856b4] {
  padding: 0.41666667rem 0;
}
.feature .list[data-v-85b856b4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.41666667rem;
}
.feature .list .item[data-v-85b856b4] {
  text-align: center;
}
.feature .list .item .icon[data-v-85b856b4] {
  width: 0.33854167rem;
  margin-bottom: 0.02083333rem;
}
.feature .list .item .title[data-v-85b856b4] {
  font-size: 0.125rem;
  color: #3384e8;
  margin-bottom: 0.06770833rem;
}
.feature .list .item .brief[data-v-85b856b4] {
  font-size: 0.09375rem;
  color: #666;
  line-height: 0.125rem;
  margin: 0;
}
.feature .end[data-v-85b856b4] {
  margin-top: 0.20833333rem;
}
.feature .end .item[data-v-85b856b4] {
  display: flex;
  gap: 0.46875rem;
  margin-bottom: 0.41666667rem;
}
.feature .end .item[data-v-85b856b4]:last-child {
  margin-bottom: 0;
}
.feature .end .item[data-v-85b856b4]:nth-child(2n) {
  flex-direction: row-reverse;
}
.feature .end .item:nth-child(2n) .title[data-v-85b856b4] {
  text-align: right;
}
.feature .end .item .txt[data-v-85b856b4] {
  flex: 1;
}
.feature .end .item .txt .title[data-v-85b856b4] {
  font-size: 0.125rem;
  color: #0865aa;
  margin-bottom: 0.15625rem;
}
.feature .end .item .txt .brief[data-v-85b856b4] {
  font-size: 0.09375rem;
  color: #999;
  line-height: 2;
}
.feature .end .item .img[data-v-85b856b4] {
  flex: 1;
}
.relative[data-v-28d7066e] {
  position: relative;
}
.w-full[data-v-28d7066e] {
  width: 100%;
}
.relative-center[data-v-28d7066e] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-28d7066e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-28d7066e] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-28d7066e] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-28d7066e] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-28d7066e] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-28d7066e] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-28d7066e] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-28d7066e] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-28d7066e] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-28d7066e] {
  justify-content: space-between;
}
.flex[data-v-28d7066e] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-28d7066e] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-28d7066e],
.card-list-no-padding .ci-description[data-v-28d7066e] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.en-bannerTxt[data-v-28d7066e] {
  font-size: 0.3125rem;
  color: rgba(255,255,255,.6);
  text-align: center;
  margin-bottom: 0.04166667rem;
}
.bannerTxt[data-v-28d7066e] {
  font-family: YouSheBiaoTiHei;
  font-size: 0.375rem;
  color: #fff;
  margin-bottom: 0.125rem;
  text-align: center;
}
.box[data-v-28d7066e] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.issue[data-v-28d7066e] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/a7c442c058cd4089984d.png) no-repeat center/cover;
}
.issue .display[data-v-28d7066e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
.issue .display .item[data-v-28d7066e] {
  position: relative;
}
.issue .display .txt[data-v-28d7066e] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0.22916667rem 0.20833333rem;
  box-sizing: border-box;
}
.issue .display .txt .title[data-v-28d7066e] {
  color: #4e99fd;
  font-size: 0.10416667rem;
  margin-bottom: 0.125rem;
}
.issue .display .txt .brief[data-v-28d7066e] {
  color: #666;
  font-size: 0.07291667rem;
  line-height: 2;
}
.issue .display .img[data-v-28d7066e] {
  width: 100%;
}
.issue .display .bot-txt[data-v-28d7066e] {
  margin-top: 0.19791667rem;
}
.issue .display .left .lt[data-v-28d7066e] {
  width: 2.42708333rem;
}
.issue .display .left .lb[data-v-28d7066e] {
  width: 2.42708333rem;
}
.issue .display .middle[data-v-28d7066e] {
  width: 2.91666667rem;
}
.issue .display .right .rt[data-v-28d7066e] {
  width: 2.42708333rem;
}
.issue .display .right .rb[data-v-28d7066e] {
  width: 2.42708333rem;
}
.industry[data-v-28d7066e] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.service[data-v-28d7066e] {
  padding: 0.41666667rem 0 0.20833333rem;
  background: url(../img/a7c442c058cd4089984d.png) no-repeat center/cover;
}
.service .list[data-v-28d7066e] {
  display: flex;
  gap: 0.20833333rem;
  margin-top: 0.41666667rem;
}
.service .list .item[data-v-28d7066e] {
  width: 1.5rem;
  height: 2.35416667rem;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  overflow: hidden;
  border: 0.00520833rem solid rgba(51,51,51,.2);
  position: relative;
}
.service .list .item .content[data-v-28d7066e] {
  text-align: center;
  padding: 0.26041667rem 0.125rem 0;
  transition: all .5s;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.service .list .item .content .outline[data-v-28d7066e] {
  width: 0.36458333rem;
  height: 0.36458333rem;
  position: relative;
  margin: 0 auto;
}
.service .list .item .content .outline .icon[data-v-28d7066e] {
  width: 0.1875rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.service .list .item .content .outline .active[data-v-28d7066e] {
  display: none;
}
.service .list .item .content .outline[data-v-28d7066e]::after {
  content: "";
  border: 0.00520833rem solid rgba(51,51,51,.1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: rotate(45deg);
}
.service .list .item .content .title[data-v-28d7066e] {
  font-size: 0.125rem;
  color: #333;
  margin-top: 0.10416667rem;
  margin-bottom: 0.04166667rem;
}
.service .list .item .content .en-title[data-v-28d7066e] {
  font-size: 0.09375rem;
  color: #999;
  margin-bottom: 0.08333333rem;
}
.service .list .item .content .brief[data-v-28d7066e] {
  font-size: 0.08333333rem;
  color: #666;
  line-height: 2;
}
.service .list .item:hover .content[data-v-28d7066e] {
  background: linear-gradient(167deg, #68a9ff 0%, #4e99fd 100%);
}
.service .list .item:hover .title[data-v-28d7066e],
.service .list .item:hover .en-title[data-v-28d7066e],
.service .list .item:hover .brief[data-v-28d7066e] {
  color: #fff;
}
.service .list .item:hover .outline[data-v-28d7066e]::after {
  border: 0.00520833rem solid #fff;
}
.service .list .item:hover .active[data-v-28d7066e] {
  display: block !important;
}
.service .list .item:hover .normal[data-v-28d7066e] {
  display: none !important;
}
.after[data-v-28d7066e] {
  padding: 0.41666667rem 0;
}
.after .list[data-v-28d7066e] {
  display: flex;
  margin-top: 0.41666667rem;
  justify-content: space-between;
}
.after .list .item[data-v-28d7066e] {
  text-align: center;
}
.after .list .item .img[data-v-28d7066e] {
  width: 0.83333333rem;
  margin-bottom: 0.08333333rem;
}
.after .list .item .title[data-v-28d7066e] {
  margin-bottom: 0.10416667rem;
  color: #333;
  font-size: 0.125rem;
}
.after .list .item .brief[data-v-28d7066e] {
  color: #666;
  font-size: 0.08333333rem;
}
.relative[data-v-c7901014] {
  position: relative;
}
.w-full[data-v-c7901014] {
  width: 100%;
}
.relative-center[data-v-c7901014] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-c7901014] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-c7901014] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-c7901014] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-c7901014] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-c7901014] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-c7901014] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-c7901014] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-c7901014] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-c7901014] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-c7901014] {
  justify-content: space-between;
}
.flex[data-v-c7901014] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-c7901014] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-c7901014],
.card-list-no-padding .ci-description[data-v-c7901014] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
[data-v-c7901014] .nav {
  height: 2.645833rem !important;
}
[data-v-c7901014] .nav .content-limit {
  height: calc(100% - 1.52083333rem);
}
[data-v-c7901014] .nav .content-limit .txt {
  margin-top: .2rem;
}
.nav[data-v-c7901014] {
  padding-top: 27%;
  height: unset;
}
.nav[data-v-c7901014] .nav {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0 !important;
  height: 100%;
  width: 100%;
}
.nav[data-v-c7901014] .txt {
  margin-top: 0.26041667rem !important;
}
.hover-pop-back[data-v-c7901014] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(10,10,10,.6);
  z-index: 999;
}
.hover-pop-content[data-v-c7901014] {
  width: 4.16666667rem;
  padding: 0.171875rem 0.625rem;
  box-sizing: border-box;
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 1.77083333rem;
  transform: translateX(-50%);
  background: #fff;
  border-top-left-radius: 0.04166667rem;
  border-top-right-radius: 0.04166667rem;
  background-size: 100% 100% !important;
}
.hover-pop-title[data-v-c7901014] {
  font-weight: 500;
  color: #3097ef;
  font-size: 0.1875rem;
  text-align: center;
  margin-bottom: 0.3125rem;
}
.hover-pop-item[data-v-c7901014] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.0625rem;
  color: red;
}
.hover-pop-icon[data-v-c7901014] {
  width: 0.10416667rem;
  flex-shrink: 0;
  margin-top: 0.05208333rem;
}
.hover-pop-txt[data-v-c7901014] {
  width: 0.46875rem;
  font-size: 0.10416667rem;
  color: #4e99fd;
  margin: 0 0.08333333rem 0 0.04166667rem;
  flex-shrink: 0;
  text-align-last: justify;
  position: relative;
  margin-top: 0.05208333rem;
}
.hover-pop-txt[data-v-c7901014]::after {
  content: ":";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.hover-pop-input[data-v-c7901014] {
  flex-grow: 1;
  background: #fff;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  border: 0.00520833rem solid #e8e8e8;
  font-size: 0.08333333rem;
  height: 0.20833333rem;
  padding: 0 0.10416667rem;
  outline: none;
  color: #666;
}
.hover-pop-input[data-v-c7901014]::placeholder {
  color: #ccc;
}
.hover-pop-check-icon[data-v-c7901014] {
  width: 0.625rem;
  height: 0.20833333rem;
  margin-right: 0.08333333rem;
  cursor: pointer;
}
.hover-pop-area[data-v-c7901014] {
  height: 0.72916667rem;
  resize: none;
  padding-top: 0.05208333rem;
  box-sizing: border-box;
}
.hover-pop-button[data-v-c7901014] {
  font-size: 0.125rem;
  color: #fff;
  width: 2.06770833rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #3197f1 0%, #3384e8 100%);
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  text-align: center;
  line-height: 0.25rem;
  margin: 0 auto;
  margin-top: 0.125rem;
  cursor: pointer;
}
.hover-pop-success[data-v-c7901014] {
  display: none;
  width: 3.421875rem;
  height: 2.70833333rem;
  padding: 0.20833333rem 0;
  text-align: center;
  box-sizing: border-box;
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 0.08333333rem;
}
.hover-pop-success-img[data-v-c7901014] {
  width: 0.9375rem;
  margin: 0 auto;
}
.hover-pop-success-title[data-v-c7901014] {
  color: #1dda67;
  font-size: 0.1875rem;
  margin-top: 0.20833333rem;
}
.hover-pop-success-subtitle[data-v-c7901014] {
  color: #666;
  font-size: 0.08333333rem;
  margin-top: 0.125rem;
  margin-bottom: 0.44270833rem;
}
.hover-pop-success-info[data-v-c7901014] {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 0.09375rem;
  justify-content: center;
}
.hover-pop-success-phone[data-v-c7901014] {
  margin-right: 0.04166667rem;
}
.hover-pop-success-sp[data-v-c7901014] {
  font-size: 0.125rem;
  color: #3097ef;
  margin-left: 0.08333333rem;
}
.hover-pop-close[data-v-c7901014] {
  position: absolute;
  width: 0.08333333rem;
  right: 0.125rem;
  top: 0.125rem;
  cursor: pointer;
}
.private[data-v-c7901014] {
  font-size: 0.07291667rem;
  color: #999;
  text-align: center;
  margin-top: 0.3125rem;
}
.private .sp[data-v-c7901014] {
  color: #4e99fd;
  cursor: pointer;
}
.en-bannerTxt[data-v-c7901014] {
  font-family: YouSheBiaoTiHei;
  font-size: 0.3125rem;
  color: #fff;
  margin-bottom: 0.20833333rem;
  text-align: center;
}
.bannerTxt[data-v-c7901014] {
  font-size: 0.15625rem;
  color: rgba(255,255,255,.8);
  text-align: center;
}
.privateBox[data-v-c7901014] {
  display: none;
}
.privateBox .private-back[data-v-c7901014] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 999;
}
.privateBox .private-content[data-v-c7901014] {
  position: fixed;
  width: 4.16666667rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.privateBox .private-content .private-title[data-v-c7901014] {
  color: #fff;
  font-size: 0.08333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3125rem;
  background: #4e99fd;
  position: relative;
}
.privateBox .private-content .private-title .private-close[data-v-c7901014] {
  position: absolute;
  right: 0.125rem;
  top: 0.11458333rem;
  width: 0.08333333rem;
  cursor: pointer;
}
.privateBox .private-content .private-inner[data-v-c7901014] {
  font-size: 0.07291667rem;
  line-height: 2;
  background: #fff;
  text-align: left;
  padding: 0.20833333rem;
  padding-top: 0.05208333rem;
}
.privateBox .private-content .private-inner .private-h1[data-v-c7901014] {
  color: #666;
}
.privateBox .private-content .private-inner .private-h2[data-v-c7901014] {
  color: #333;
}
.privateBox .private-content .private-inner .private-h3[data-v-c7901014] {
  color: #999;
}
.privateBox .private-content .private-inner .private-button[data-v-c7901014] {
  width: 0.75rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.10416667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 0.26041667rem;
  cursor: pointer;
}
.custom-select {
  position: relative;
  width: 1.16666667rem;
}
.selected-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.05208333rem 0.0625rem;
  border: 0.00520833rem solid rgba(221, 221, 221, 1);
  border-radius: 0.02083333rem;
  cursor: pointer;
  transition: all .2s;
  height: 0.3125rem;
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-weight: 400;
  font-size: 0.07291667rem;
  box-sizing: border-box;
}
.isPlaceHolder {
  color: rgba(153, 153, 153, 1);
}
.selected-option:hover {
  background-color: #f5f5f5;
}
.arrow {
  border: solid #999999;
  border-width: 0 0.01041667rem 0.01041667rem 0;
  display: inline-block;
  padding: 0.015625rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.options {
  position: absolute;
  top: calc(100% + 0.02604167rem);
  left: 0;
  width: 100%;
  max-height: 1.04166667rem;
  overflow-y: auto;
  background-color: #ffffff;
  border: 0.00520833rem solid rgba(221, 221, 221, 1);
  border-radius: 0.02083333rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.options li {
  padding: 0.05208333rem;
  cursor: pointer;
  transition: all .2s;
}
.options li:hover {
  background-color: #f2f2f2;
}
.relative[data-v-18c5a88d] {
  position: relative;
}
.w-full[data-v-18c5a88d] {
  width: 100%;
}
.relative-center[data-v-18c5a88d] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-18c5a88d] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-18c5a88d] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-18c5a88d] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-18c5a88d] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-18c5a88d] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-18c5a88d] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-18c5a88d] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-18c5a88d] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-18c5a88d] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-18c5a88d] {
  justify-content: space-between;
}
.flex[data-v-18c5a88d] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-18c5a88d] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-18c5a88d],
.card-list-no-padding .ci-description[data-v-18c5a88d] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.about[data-v-18c5a88d] .now-button {
  display: none;
}
.about .link-card[data-v-18c5a88d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about .link-card .lc-item[data-v-18c5a88d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.08333333rem;
  width: 1.04166667rem;
  height: 0.51041667rem;
  background: transparent;
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #333;
  cursor: pointer;
}
.about .link-card .lc-item[data-v-18c5a88d]:hover,
.about .link-card .lc-item.checked[data-v-18c5a88d] {
  background: #4e99fd;
  color: #fff;
}
.about .banner-title[data-v-18c5a88d] {
  color: #3384e8;
  font-size: 0.25rem;
  font-weight: bold;
  margin-bottom: 0.33333333rem;
  text-align: left;
  text-align: center;
}
@media screen and (max-width: 767px) {
.about .banner-title[data-v-18c5a88d] {
    text-align: center;
    font-size: 0.125rem;
}
}
.about .banner-subtitle[data-v-18c5a88d] {
  color: #fff;
  font-size: 0.125rem;
  margin-bottom: 0.33333333rem;
  text-align: left;
  line-height: 2;
  font-family: "Source Han Sans CN-Medium",serif;
}
@media screen and (max-width: 767px) {
.about .banner-subtitle[data-v-18c5a88d] {
    text-align: center;
    font-size: 0.09375rem;
    white-space: normal;
    word-wrap: break-word;
}
}
.about .team[data-v-18c5a88d] {
  padding-top: 0.41666667rem;
}
.about .team .team-content[data-v-18c5a88d] {
  display: flex;
  justify-content: center;
  gap: 0.10416667rem;
}
.about .team .team-content .left[data-v-18c5a88d] {
  color: rgba(255,255,255,.8);
  background: url(../img/444dd712041372204cd4.png) no-repeat center/cover;
  padding: 0.3125rem 0.13020833rem 0 0.13020833rem;
  width: 2.39583333rem;
  height: 3.95833333rem;
  flex-shrink: 0;
  font-size: 0.10416667rem;
  box-sizing: border-box;
  text-indent: 2em;
}
.about .team .team-content .right[data-v-18c5a88d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.10416667rem;
}
.about .team .team-content .right .item[data-v-18c5a88d] {
  width: 2.03125rem;
  height: 1.92708333rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.about .team .team-content .right .item[data-v-18c5a88d]:first-child {
  background: url(../img/196d4544568b0e13d38f.png) no-repeat center/cover;
}
.about .team .team-content .right .item[data-v-18c5a88d]:nth-of-type(2) {
  background: url(../img/b91c46465977f78ae504.png) no-repeat center/cover;
}
.about .team .team-content .right .item[data-v-18c5a88d]:nth-of-type(3) {
  background: url(../img/65398d7459c6246fa79a.png) no-repeat center/cover;
}
.about .team .team-content .right .item[data-v-18c5a88d]:last-child {
  background: url(../img/13492867b19bb68ac2b5.png) no-repeat center/cover;
}
.about .team .team-content .right .item .label[data-v-18c5a88d] {
  background-color: rgba(0,0,0,.6);
  color: #fff;
  font-size: 0.10416667rem;
  padding: 0.11458333rem 0;
  text-align: center;
}
.about .v-list[data-v-18c5a88d] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.22395833rem;
}
.about .v-list .v-item[data-v-18c5a88d] {
  width: 2.08333333rem;
  display: grid;
  padding: 0.20833333rem 0.125rem;
  justify-content: center;
  grid-template-rows: repeat(3, auto) 1fr;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  border: 0.00520833rem solid rgba(51,51,51,.2);
}
.about .v-list .v-item[data-v-18c5a88d]:hover {
  background: linear-gradient(167deg, #68A9FF 0%, #4E99FD 100%);
}
.about .v-list .v-item:hover .sp-icon[data-v-18c5a88d] {
  color: #fff !important;
}
.about .v-list .v-item:hover .sp-icon[data-v-18c5a88d]:before {
  border: 0.00520833rem solid #fff;
}
.about .v-list .v-item:hover .sp-tt[data-v-18c5a88d],
.about .v-list .v-item:hover .sp-description[data-v-18c5a88d] {
  color: #fff;
}
.about .v-list .v-item:hover .sp-sub[data-v-18c5a88d] {
  color: rgba(255,255,255,.6);
}
.about .v-list .v-item .sp-icon[data-v-18c5a88d] {
  width: 0.52083333rem;
  height: 0.52083333rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4e99fd;
}
.about .v-list .v-item .sp-icon[data-v-18c5a88d]:before {
  content: "";
  width: 0.36828478rem;
  height: 0.36828478rem;
  position: absolute;
  transform: rotate(45deg);
  border: 0.00520833rem solid rgba(51,51,51,.1);
}
.about .v-list .v-item .sp-tt[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #333;
  text-align: center;
  margin-top: 0.08333333rem;
}
.about .v-list .v-item .sp-sub[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.09375rem;
  color: #999;
  text-align: center;
  margin-top: 0.05208333rem;
}
.about .v-list .v-item .sp-description[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #666;
  line-height: 0.16666667rem;
  margin-top: 0.125rem;
}
.about .bbg[data-v-18c5a88d] {
  background: url(../img/33854076325c052dda69.png) center no-repeat;
  background-size: cover;
}
.about .my-box[data-v-18c5a88d] {
  width: 6.66666667rem;
  height: 1.58333333rem;
  background: linear-gradient(147deg, #F4EDE1 0%, #98B1C6 100%, #98B1C6 100%);
  border-radius: 0 0 0 0;
  margin-top: 0.57291667rem;
}
.about .my-box .my-list[data-v-18c5a88d] {
  width: 6.25rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.about .my-box .my-list .my-item[data-v-18c5a88d] {
  margin-top: 0.20833333rem;
}
.about .tips[data-v-18c5a88d] {
  width: 6.66666667rem;
  height: 1.98958333rem;
  font-family: unset;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #fff;
  line-height: 0.19791667rem;
  text-align: left;
  margin-top: 0.125rem;
  opacity: .8;
  margin-bottom: 0.20833333rem;
}
.about .tips *[data-v-18c5a88d] {
  font-family: none;
}
.about .bt .title[data-v-18c5a88d] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 800 !important;
  font-size: 0.1875rem;
  color: #fff;
}
.about .bt .en[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: rgba(255,255,255,.4);
}
.about .bt .sub[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: rgba(255,255,255,.6);
}
.about .zig-card[data-v-18c5a88d] {
  display: flex;
  align-items: center;
}
.about .zig-card .word-context[data-v-18c5a88d] {
  width: 3.64583333rem;
  flex-shrink: 0;
  height: 1.89583333rem;
  box-sizing: border-box;
  background: #fff;
  padding: 0.3125rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translateX(-0.3125rem);
  box-shadow: 0.015625rem 0.02604167rem 0.10416667rem 0.00520833rem rgba(202,202,202,.16);
  border-radius: 0.02083333rem 0.02083333rem 0.02083333rem 0.02083333rem;
}
.about .zig-card .word-context .wt[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.125rem;
  color: #4e99fd;
}
.about .zig-card .word-context .word[data-v-18c5a88d] {
  margin-top: 0.20833333rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #666;
  line-height: 0.16666667rem;
  white-space: nowrap;
}
.about .s-list[data-v-18c5a88d] {
  display: flex;
  justify-content: space-between;
}
.about .s-list .s-item[data-v-18c5a88d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #333;
  line-height: 0.1875rem;
  text-stroke: 0.00520833rem rgba(0,0,0,0);
  text-align: center;
  font-style: normal;
  text-transform: none;
  -webkit-text-stroke: 0.00520833rem rgba(0,0,0,0);
}
.about .s-list .s-item .title[data-v-18c5a88d] {
  margin-top: 0.20833333rem;
}
.about .b4[data-v-18c5a88d] {
  background: url(../img/d2c830247c6bbf81c149.png) center no-repeat;
  background-size: cover;
  height: 2.10416667rem;
  position: relative;
  margin-top: 0.75520833rem;
}
.about .b4[data-v-18c5a88d]:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-0.44270833rem);
  width: 3.640625rem;
  height: 2.859375rem;
  background: url(../img/b1fc2ad1bb92fe2facc0.png) center no-repeat;
  background-size: cover;
}
.about .b4 .dot-list[data-v-18c5a88d] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  height: 0.9375rem;
  justify-content: space-between;
}
.about .b4 .dot-list .dl-item[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.1875rem;
  color: #0865aa;
  position: relative;
  padding-left: 0.15625rem;
}
.about .b4 .dot-list .dl-item[data-v-18c5a88d]:before {
  content: "";
  width: 0.10416667rem;
  height: 0.10416667rem;
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #0865aa;
}
.about .block-info[data-v-18c5a88d] {
  background: #fff;
  box-shadow: 0.015625rem 0.02604167rem 0.10416667rem 0.00520833rem #e0e0e0;
  box-sizing: border-box;
  padding: 0.3125rem;
}
.about .block-info .title[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #333;
  line-height: 0.1875rem;
  text-stroke: 0.00520833rem rgba(0,0,0,0);
  font-style: normal;
  text-transform: none;
  -webkit-text-stroke: 0.00520833rem rgba(0,0,0,0);
}
.about .block-info .if-list[data-v-18c5a88d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.72916667rem;
  margin-top: 0.20833333rem;
}
.about .block-info .if-list .if-item[data-v-18c5a88d] {
  display: flex;
  flex-direction: column;
  gap: 0.05208333rem;
}
.about .block-info .if-list .if-item .if-tt[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-size: 0.07291667rem;
  color: #333;
}
.about .block-info .if-list .if-item .if-val[data-v-18c5a88d] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-size: 0.125rem;
  color: #333;
  line-height: 1.5;
}
.about .block-info .if-list .if-item .if-val .sm[data-v-18c5a88d] {
  font-size: 0.08333333rem;
}
.about .map-container[data-v-18c5a88d] {
  height: 2.04166667rem;
  margin-top: 0.20833333rem;
  background: url(../img/b71c104645ac4b96868f.png) center no-repeat;
  background-size: cover;
}
.about .sub-container[data-v-18c5a88d] {
  display: flex;
  justify-content: space-between;
}
.about .sub-container select[data-v-18c5a88d] {
  height: 0.20833333rem;
  padding: 0.05208333rem;
  border-radius: 0.02083333rem;
  background-color: #f2f2f2;
  font-size: 0.07291667rem;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.about .sub-container select[data-v-18c5a88d]:hover {
  background-color: #e0e0e0;
}
.about .sub-container select[data-v-18c5a88d]::-ms-expand {
  display: none;
}
.about .sub-container select[data-v-18c5a88d]::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 0.05208333rem;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}
.about .n-i[data-v-18c5a88d] {
  width: 1.16666667rem;
  height: 0.3125rem;
  position: relative;
}
.about .n-i input[data-v-18c5a88d] {
  outline: none;
  border: 0.00520833rem solid #ddd;
  width: 100%;
  height: 100%;
  padding-left: 0.125rem;
  box-sizing: border-box;
}
.about .n-i.required[data-v-18c5a88d]:before {
  content: "*";
  display: block;
  position: absolute;
  width: 0.05208333rem;
  height: 0.05208333rem;
  left: 0.0625rem;
  top: 50%;
  transform: translateY(calc(-50% - 0.03125rem));
  font-size: 0.125rem;
  color: red;
}
.about .n-btn[data-v-18c5a88d] {
  width: 1.16666667rem;
  height: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4e99fd;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.08333333rem;
  color: #fff;
  cursor: pointer;
}
.about .n-btn span[data-v-18c5a88d] {
  display: block;
  width: 0.20833333rem;
  text-align: justify;
  text-align-last: justify;
}
.relative[data-v-4840aaba] {
  position: relative;
}
.w-full[data-v-4840aaba] {
  width: 100%;
}
.relative-center[data-v-4840aaba] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-4840aaba] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-4840aaba] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-4840aaba] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-4840aaba] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-4840aaba] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-4840aaba] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-4840aaba] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-4840aaba] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-4840aaba] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-4840aaba] {
  justify-content: space-between;
}
.flex[data-v-4840aaba] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-4840aaba] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-4840aaba],
.card-list-no-padding .ci-description[data-v-4840aaba] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.smart-water-conservancy .sw-b2 img[data-v-4840aaba] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 4.02604167rem;
}
.smart-water-conservancy .sw-b3[data-v-4840aaba] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.relative[data-v-797367d0] {
  position: relative;
}
.w-full[data-v-797367d0] {
  width: 100%;
}
.relative-center[data-v-797367d0] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-797367d0] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-797367d0] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-797367d0] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-797367d0] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-797367d0] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-797367d0] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-797367d0] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-797367d0] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-797367d0] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-797367d0] {
  justify-content: space-between;
}
.flex[data-v-797367d0] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-797367d0] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-797367d0],
.card-list-no-padding .ci-description[data-v-797367d0] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.security-monitoring .sm-b2[data-v-797367d0] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: 100% 100%;
}
.security-monitoring .sm-b2 img[data-v-797367d0] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.90625rem;
}
.security-monitoring .sm-b3 img[data-v-797367d0] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.703125rem;
}
.security-monitoring .sm-b6[data-v-797367d0] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: 100% 100%;
}
.security-monitoring .sm-b6 img[data-v-797367d0] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.83333333rem;
}
.security-monitoring .sm-b8 img[data-v-797367d0] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 5.18229167rem;
}
.relative[data-v-10b2a365] {
  position: relative;
}
.w-full[data-v-10b2a365] {
  width: 100%;
}
.relative-center[data-v-10b2a365] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-10b2a365] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-10b2a365] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-10b2a365] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-10b2a365] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-10b2a365] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-10b2a365] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-10b2a365] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-10b2a365] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-10b2a365] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-10b2a365] {
  justify-content: space-between;
}
.flex[data-v-10b2a365] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-10b2a365] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-10b2a365],
.card-list-no-padding .ci-description[data-v-10b2a365] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.reservoir-project .use-bg[data-v-10b2a365] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.reservoir-project .b2-img[data-v-10b2a365] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.609375rem;
}
.relative[data-v-6224d7cb] {
  position: relative;
}
.w-full[data-v-6224d7cb] {
  width: 100%;
}
.relative-center[data-v-6224d7cb] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-6224d7cb] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-6224d7cb] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-6224d7cb] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-6224d7cb] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-6224d7cb] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-6224d7cb] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-6224d7cb] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-6224d7cb] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-6224d7cb] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-6224d7cb] {
  justify-content: space-between;
}
.flex[data-v-6224d7cb] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-6224d7cb] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-6224d7cb],
.card-list-no-padding .ci-description[data-v-6224d7cb] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.water-environment .use-bg[data-v-6224d7cb] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.water-environment .b2-img[data-v-6224d7cb] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 5.27604167rem;
}
.relative[data-v-716bdee8] {
  position: relative;
}
.w-full[data-v-716bdee8] {
  width: 100%;
}
.relative-center[data-v-716bdee8] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-716bdee8] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-716bdee8] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-716bdee8] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-716bdee8] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-716bdee8] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-716bdee8] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-716bdee8] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-716bdee8] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-716bdee8] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-716bdee8] {
  justify-content: space-between;
}
.flex[data-v-716bdee8] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-716bdee8] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-716bdee8],
.card-list-no-padding .ci-description[data-v-716bdee8] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.smart-quarry .use-bg[data-v-716bdee8] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.smart-quarry .b1-img[data-v-716bdee8] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.171875rem;
}
.relative[data-v-7c88af5e] {
  position: relative;
}
.w-full[data-v-7c88af5e] {
  width: 100%;
}
.relative-center[data-v-7c88af5e] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-7c88af5e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-7c88af5e] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-7c88af5e] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-7c88af5e] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-7c88af5e] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-7c88af5e] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-7c88af5e] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-7c88af5e] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-7c88af5e] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-7c88af5e] {
  justify-content: space-between;
}
.flex[data-v-7c88af5e] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-7c88af5e] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-7c88af5e],
.card-list-no-padding .ci-description[data-v-7c88af5e] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.digital-quarry .use-bg[data-v-7c88af5e] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.digital-quarry .b4-img[data-v-7c88af5e] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 4.32291667rem;
}
.digital-quarry .b1-list[data-v-7c88af5e] {
  display: grid;
  grid-template-columns: repeat(3, 1.85416667rem);
  grid-template-rows: 2.734375rem 2.734375rem;
  row-gap: 0.41666667rem;
  justify-content: space-between;
}
.digital-quarry .b1-list img[data-v-7c88af5e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.digital-quarry .b1-list .b-item[data-v-7c88af5e] {
  padding: 0.20833333rem;
  box-sizing: border-box;
  position: relative;
}
.digital-quarry .b1-list .b-item[data-v-7c88af5e]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
  background: transparent;
}
.digital-quarry .b1-list .b-item:hover .b-description[data-v-7c88af5e] {
  color: #fff;
}
.digital-quarry .b1-list .b-item[data-v-7c88af5e]:hover:before {
  background: rgba(78,153,253,.75);
}
.digital-quarry .b1-list .b-title[data-v-7c88af5e] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #fff;
}
.digital-quarry .b1-list .b-hr[data-v-7c88af5e] {
  width: 0.38020833rem;
  height: 0.04166667rem;
  background: #4e99fd;
  border-radius: 0.03645833rem 0.03645833rem 0.03645833rem 0.03645833rem;
}
.digital-quarry .b1-list .b-sub[data-v-7c88af5e] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #fff;
}
.digital-quarry .b1-list .b-description[data-v-7c88af5e] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  line-height: 0.16666667rem;
  color: transparent;
  transition: color .2s;
}
.relative[data-v-f4ed93fe] {
  position: relative;
}
.w-full[data-v-f4ed93fe] {
  width: 100%;
}
.relative-center[data-v-f4ed93fe] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-f4ed93fe] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-f4ed93fe] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-f4ed93fe] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-f4ed93fe] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-f4ed93fe] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-f4ed93fe] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-f4ed93fe] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-f4ed93fe] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-f4ed93fe] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-f4ed93fe] {
  justify-content: space-between;
}
.flex[data-v-f4ed93fe] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-f4ed93fe] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-f4ed93fe],
.card-list-no-padding .ci-description[data-v-f4ed93fe] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.introduce-carousel[data-v-f4ed93fe] {
  box-sizing: border-box;
  position: relative;
}
.introduce-carousel .i-bg[data-v-f4ed93fe] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: -1;
}
.introduce-carousel .title-content[data-v-f4ed93fe] {
  text-align: center;
}
.introduce-carousel .title[data-v-f4ed93fe] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #fff;
}
.introduce-carousel .sub-title-en[data-v-f4ed93fe] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.1875rem;
  color: rgba(255,255,255,.4);
  margin-top: 0.06770833rem;
}
.introduce-carousel .sub-title[data-v-f4ed93fe] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.10416667rem;
  color: rgba(255,255,255,.6);
  margin-top: 0.20833333rem;
}
.introduce-carousel .block-content[data-v-f4ed93fe] {
  display: grid;
  grid-template-columns: 1fr 3.29166667rem;
  gap: 0.52083333rem;
  align-items: flex-start;
}
.introduce-carousel .b-left[data-v-f4ed93fe] {
  display: flex;
  flex-direction: column;
}
.introduce-carousel .b-nav[data-v-f4ed93fe] {
  display: grid;
}
.introduce-carousel .bn-item[data-v-f4ed93fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.introduce-carousel .bn-item span[data-v-f4ed93fe] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.10416667rem;
  color: #fff;
  margin-top: 0.04166667rem;
}
.introduce-carousel .bn-item .hover[data-v-f4ed93fe] {
  display: none;
}
.introduce-carousel .bn-item:hover span[data-v-f4ed93fe],
.introduce-carousel .bn-item.checked span[data-v-f4ed93fe] {
  font-weight: bold;
  font-size: 0.10416667rem;
  color: #fff;
}
.introduce-carousel .bn-item:hover .hover[data-v-f4ed93fe],
.introduce-carousel .bn-item.checked .hover[data-v-f4ed93fe] {
  display: block;
}
.introduce-carousel .bn-item:hover .normal[data-v-f4ed93fe],
.introduce-carousel .bn-item.checked .normal[data-v-f4ed93fe] {
  display: none;
}
.introduce-carousel .b-border[data-v-f4ed93fe] {
  position: relative;
  width: 100%;
  height: 0.01041667rem;
  background: rgba(255,255,255,.6);
  margin-top: 0.20833333rem;
}
.introduce-carousel .b-border .b-border-inner[data-v-f4ed93fe] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.02083333rem;
  background: #4e99fd;
  transition: left .2s;
}
.introduce-carousel .b-sub[data-v-f4ed93fe] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.1875rem;
  color: #fff;
  margin-top: 0.20833333rem;
}
.introduce-carousel .b-description[data-v-f4ed93fe] {
  margin-top: 0.125rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.10416667rem;
  color: #fff;
  line-height: 0.20833333rem;
}
.introduce-carousel .b-right div[data-v-f4ed93fe] {
  position: relative;
}
.introduce-carousel .b-right div img[data-v-f4ed93fe] {
  position: absolute;
}
.opacity-enter-active[data-v-f4ed93fe] {
  animation: fadeIn-f4ed93fe .3s;
}
.opacity-leave-active[data-v-f4ed93fe] {
  animation: fadeIn-f4ed93fe .3s reverse;
}
@keyframes fadeIn-f4ed93fe {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.relative[data-v-0d4cfe48] {
  position: relative;
}
.w-full[data-v-0d4cfe48] {
  width: 100%;
}
.relative-center[data-v-0d4cfe48] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-0d4cfe48] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-0d4cfe48] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-0d4cfe48] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-0d4cfe48] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-0d4cfe48] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-0d4cfe48] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-0d4cfe48] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-0d4cfe48] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-0d4cfe48] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-0d4cfe48] {
  justify-content: space-between;
}
.flex[data-v-0d4cfe48] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-0d4cfe48] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-0d4cfe48],
.card-list-no-padding .ci-description[data-v-0d4cfe48] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.quarry-monitor .use-bg[data-v-0d4cfe48] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.quarry-monitor .b3-img[data-v-0d4cfe48] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.03645833rem;
}
.relative[data-v-b275d18e] {
  position: relative;
}
.w-full[data-v-b275d18e] {
  width: 100%;
}
.relative-center[data-v-b275d18e] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-b275d18e] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-b275d18e] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-b275d18e] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-b275d18e] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-b275d18e] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-b275d18e] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-b275d18e] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-b275d18e] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-b275d18e] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-b275d18e] {
  justify-content: space-between;
}
.flex[data-v-b275d18e] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-b275d18e] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-b275d18e],
.card-list-no-padding .ci-description[data-v-b275d18e] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.car-monitor .use-bg[data-v-b275d18e] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.car-monitor .b3-img[data-v-b275d18e] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 6.71354167rem;
}
.relative[data-v-7bd400d6] {
  position: relative;
}
.w-full[data-v-7bd400d6] {
  width: 100%;
}
.relative-center[data-v-7bd400d6] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-7bd400d6] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-7bd400d6] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-7bd400d6] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-7bd400d6] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-7bd400d6] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-7bd400d6] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-7bd400d6] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-7bd400d6] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-7bd400d6] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-7bd400d6] {
  justify-content: space-between;
}
.flex[data-v-7bd400d6] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-7bd400d6] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-7bd400d6],
.card-list-no-padding .ci-description[data-v-7bd400d6] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.smart-city .use-bg[data-v-7bd400d6] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.smart-city .b1-img[data-v-7bd400d6] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.51041667rem;
}
.smart-city .c-r[data-v-7bd400d6] img {
  width: 0.78125rem;
  height: 0.78125rem;
  object-fit: contain;
}
.relative[data-v-66ab6ebe] {
  position: relative;
}
.w-full[data-v-66ab6ebe] {
  width: 100%;
}
.relative-center[data-v-66ab6ebe] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-66ab6ebe] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-66ab6ebe] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-66ab6ebe] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-66ab6ebe] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-66ab6ebe] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-66ab6ebe] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-66ab6ebe] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-66ab6ebe] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-66ab6ebe] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-66ab6ebe] {
  justify-content: space-between;
}
.flex[data-v-66ab6ebe] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-66ab6ebe] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-66ab6ebe],
.card-list-no-padding .ci-description[data-v-66ab6ebe] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.smart-city .use-bg[data-v-66ab6ebe] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.smart-city .b3-img[data-v-66ab6ebe] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 4.45833333rem;
}
.smart-city .advantage .content[data-v-66ab6ebe] {
  display: flex;
  justify-content: center;
  gap: 0.125rem;
  margin-top: 0.3125rem;
}
.smart-city .advantage .content .left[data-v-66ab6ebe] {
  color: #fff;
  background: url(../img/88a4c000bd6da9a31613.png) no-repeat center/cover;
  padding: 0.36458333rem 0.20833333rem;
  width: 2.22395833rem;
  height: 3.578125rem;
  box-sizing: border-box;
  flex-shrink: 0;
}
.smart-city .advantage .content .left .icon[data-v-66ab6ebe] {
  width: 0.3125rem;
  margin-bottom: 0.20833333rem;
}
.smart-city .advantage .content .left .title[data-v-66ab6ebe] {
  font-size: 0.14583333rem;
  margin-bottom: 0.04166667rem;
}
.smart-city .advantage .content .left .en-title[data-v-66ab6ebe] {
  font-size: 0.0625rem;
  margin-bottom: 0.20833333rem;
}
.smart-city .advantage .content .left .brief[data-v-66ab6ebe] {
  font-size: 0.08333333rem;
  line-height: 2;
}
.smart-city .advantage .content .right[data-v-66ab6ebe] {
  display: flex;
  flex-wrap: wrap;
  width: 3.59375rem;
  gap: 0.125rem;
}
.smart-city .advantage .content .right .item[data-v-66ab6ebe] {
  padding: 0.20833333rem;
  width: 1.70833333rem;
  height: 1.72916667rem;
  box-sizing: border-box;
  border: 0.00520833rem solid #4e99fd;
  border-radius: 0.02083333rem;
}
.smart-city .advantage .content .right .item .icon[data-v-66ab6ebe] {
  height: 0.3125rem;
  margin-bottom: 0.15625rem;
}
.smart-city .advantage .content .right .item .title[data-v-66ab6ebe] {
  font-size: 0.14583333rem;
  color: #333;
  margin-bottom: 0.04166667rem;
}
.smart-city .advantage .content .right .item .en-title[data-v-66ab6ebe] {
  font-size: 0.0625rem;
  color: #999;
  margin-bottom: 0.10416667rem;
}
.smart-city .advantage .content .right .item .brief[data-v-66ab6ebe] {
  font-size: 0.08333333rem;
  color: #666;
  line-height: 2;
}
.smart-city .more-button[data-v-66ab6ebe] {
  width: 1.13020833rem;
  height: 0.31770833rem;
  background: #4e99fd;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.0625rem;
  cursor: pointer;
}
.smart-city .more-button .more-icon[data-v-66ab6ebe] {
  width: 0.15625rem;
}
.smart-city .drive[data-v-66ab6ebe] {
  line-height: 1;
  padding: 0.41666667rem 0;
  transition: .5s all;
}
.smart-city .drive .en-title[data-v-66ab6ebe] {
  font-size: 0.1875rem;
  color: rgba(255,255,255,.4);
  margin-bottom: 0.05208333rem;
  text-align: center;
}
.smart-city .drive .ch-title[data-v-66ab6ebe] {
  font-size: 0.1875rem;
  color: #fff;
  margin-bottom: 0.17708333rem;
  text-align: center;
  font-family: YouSheBiaoTiHei;
}
.smart-city .drive .ch-brief[data-v-66ab6ebe] {
  font-size: 0.10416667rem;
  color: rgba(255,255,255,.6);
  text-align: center;
  margin-bottom: 0.41666667rem;
}
.smart-city .drive .content[data-v-66ab6ebe] {
  display: flex;
  height: 2.1875rem;
}
.smart-city .drive .content .left[data-v-66ab6ebe] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border-right: 0.01041667rem solid rgba(255,255,255,.6);
  flex-shrink: 0;
}
.smart-city .drive .content .left .item[data-v-66ab6ebe] {
  display: flex;
  align-items: center;
  gap: 0.04166667rem;
  padding-right: 0.20833333rem;
  cursor: pointer;
}
.smart-city .drive .content .left .item .item-icon[data-v-66ab6ebe] {
  width: 0.10416667rem;
}
.smart-city .drive .content .left .item .item-txt[data-v-66ab6ebe] {
  font-size: 0.10416667rem;
  font-weight: bold;
  color: #fff;
}
.smart-city .drive .content .left .item-strip[data-v-66ab6ebe] {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%);
  width: 0.02083333rem;
  height: 20%;
  transition: all .5s;
  margin-right: -0.00520833rem;
  background: #4e99fd;
}
.smart-city .drive .content .right[data-v-66ab6ebe] {
  padding-left: 0.41666667rem;
}
.smart-city .drive .content .right .item .title[data-v-66ab6ebe] {
  font-size: 0.1875rem;
  color: #fff;
}
.smart-city .drive .content .right .item .brief[data-v-66ab6ebe] {
  font-size: 0.10416667rem;
  line-height: 2;
  margin: 0.20833333rem 0;
  color: rgba(255,255,255,.6);
}
.smart-city .zig-card[data-v-66ab6ebe] {
  display: flex;
  align-items: center;
}
.smart-city .zig-card .word-context[data-v-66ab6ebe] {
  width: 3rem;
  height: 1.75520833rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.00520833rem 0.00520833rem 0.00520833rem 0.00520833rem;
  padding: 0.3125rem;
  display: flex;
  align-items: center;
  transform: translateX(-0.15625rem);
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.07291667rem;
  color: #666;
  line-height: 0.14583333rem;
  filter: drop-shadow(-0.02604167rem 0.05208333rem 0 rgba(0, 0, 0, 0.25));
}
.relative[data-v-45675514] {
  position: relative;
}
.w-full[data-v-45675514] {
  width: 100%;
}
.relative-center[data-v-45675514] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-45675514] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-45675514] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-45675514] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-45675514] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-45675514] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-45675514] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-45675514] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-45675514] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-45675514] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-45675514] {
  justify-content: space-between;
}
.flex[data-v-45675514] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-45675514] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-45675514],
.card-list-no-padding .ci-description[data-v-45675514] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.bridge-monitor .use-bg[data-v-45675514] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.bridge-monitor .b2-img[data-v-45675514] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.02604167rem;
}
.bridge-monitor .b4-img[data-v-45675514] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.10416667rem;
}
.bridge-monitor .zap-list[data-v-45675514] {
  display: flex;
  justify-content: space-between;
}
.bridge-monitor .zap-list .zap-item[data-v-45675514] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bridge-monitor .zap-list .zap-item .zap-title[data-v-45675514] {
  text-align: center;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #333;
  line-height: 0.25rem;
}
.bridge-monitor .zig-card[data-v-45675514] {
  display: flex;
  align-items: center;
}
.bridge-monitor .zig-card .word-context[data-v-45675514] {
  width: 3rem;
  height: 1.75520833rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.00520833rem 0.00520833rem 0.00520833rem 0.00520833rem;
  padding: 0.16666667rem 0.3125rem;
  display: flex;
  gap: 0.02604167rem;
  justify-content: center;
  flex-direction: column;
  transform: translateX(-0.15625rem);
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.07291667rem;
  color: #666;
  line-height: 0.14583333rem;
  filter: drop-shadow(-0.02604167rem 0.05208333rem 0 rgba(0, 0, 0, 0.25));
}
.bridge-monitor .zig-card .word-context div[data-v-45675514] {
  position: relative;
}
.bridge-monitor .zig-card .word-context div[data-v-45675514]:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.0625rem;
  height: 0.0625rem;
  background: #4e99fd;
  border-radius: 50%;
  transform: translate(-0.10416667rem, 0.04166667rem);
}
.bridge-monitor .img-gallery[data-v-45675514] {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  gap: 0.20833333rem;
  grid-template-areas: "a b c" "a d e";
}
.bridge-monitor .bridge-list[data-v-45675514] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 0.40625rem;
  margin-top: 0.125rem;
}
.bridge-monitor .bridge-list .btn[data-v-45675514] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.11458333rem;
  color: #666;
  background-color: #fff;
}
.bridge-monitor .bridge-list .btn.selected[data-v-45675514] {
  background: #4e99fd;
  color: #fff;
}
.bridge-monitor .b-image[data-v-45675514] {
  width: 6.66666667rem;
  height: 2.76041667rem;
  object-fit: cover;
}
.relative[data-v-5b84f094] {
  position: relative;
}
.w-full[data-v-5b84f094] {
  width: 100%;
}
.relative-center[data-v-5b84f094] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-5b84f094] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-5b84f094] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-5b84f094] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-5b84f094] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-5b84f094] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-5b84f094] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-5b84f094] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-5b84f094] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-5b84f094] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-5b84f094] {
  justify-content: space-between;
}
.flex[data-v-5b84f094] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-5b84f094] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-5b84f094],
.card-list-no-padding .ci-description[data-v-5b84f094] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.disaster-monitor .use-bg[data-v-5b84f094] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.disaster-monitor .b3-img[data-v-5b84f094] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.02604167rem;
}
.disaster-monitor .tt-list[data-v-5b84f094] {
  display: flex;
  justify-content: space-between;
}
.disaster-monitor .tt-item[data-v-5b84f094] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.disaster-monitor .tt-item .tt[data-v-5b84f094] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #333;
}
.disaster-monitor .tt-item .tt2[data-v-5b84f094] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #333;
  margin-top: 0.125rem;
}
.relative[data-v-5b4bea06] {
  position: relative;
}
.w-full[data-v-5b4bea06] {
  width: 100%;
}
.relative-center[data-v-5b4bea06] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-5b4bea06] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-5b4bea06] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-5b4bea06] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-5b4bea06] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-5b4bea06] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-5b4bea06] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-5b4bea06] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-5b4bea06] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-5b4bea06] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-5b4bea06] {
  justify-content: space-between;
}
.flex[data-v-5b4bea06] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-5b4bea06] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-5b4bea06],
.card-list-no-padding .ci-description[data-v-5b4bea06] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.pipe-gallery .use-bg[data-v-5b4bea06] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.pipe-gallery .b2-img[data-v-5b4bea06] {
  object-fit: scale-down;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: 3.13020833rem;
}
.pipe-gallery .sp[data-v-5b4bea06] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.09375rem;
  color: #666;
  line-height: 0.1875rem;
}
.pipe-gallery .carousel[data-v-5b4bea06] .b-nav {
  grid-template-columns: repeat(3, auto) !important;
  justify-content: space-between;
}
.relative[data-v-8d1af98c] {
  position: relative;
}
.w-full[data-v-8d1af98c] {
  width: 100%;
}
.relative-center[data-v-8d1af98c] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-8d1af98c] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-8d1af98c] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-8d1af98c] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-8d1af98c] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-8d1af98c] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-8d1af98c] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-8d1af98c] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-8d1af98c] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-8d1af98c] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-8d1af98c] {
  justify-content: space-between;
}
.flex[data-v-8d1af98c] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-8d1af98c] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-8d1af98c],
.card-list-no-padding .ci-description[data-v-8d1af98c] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.privateBox .private-back[data-v-8d1af98c],
.hover-pop-success .private-back[data-v-8d1af98c] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 9999;
}
.privateBox .private-content[data-v-8d1af98c],
.hover-pop-success .private-content[data-v-8d1af98c] {
  position: fixed;
  width: 6.66666667rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
}
.privateBox .private-content .private-title[data-v-8d1af98c],
.hover-pop-success .private-content .private-title[data-v-8d1af98c] {
  width: 100%;
  color: #fff;
  font-size: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3125rem;
  background: rgba(255,255,255,.1);
  position: absolute;
  z-index: 99999;
}
.privateBox .private-content .private-title .private-close[data-v-8d1af98c],
.hover-pop-success .private-content .private-title .private-close[data-v-8d1af98c] {
  position: absolute;
  right: 0.125rem;
  top: 0.11458333rem;
  width: 0.08333333rem;
  cursor: pointer;
}
.privateBox .private-content .private-button[data-v-8d1af98c],
.hover-pop-success .private-content .private-button[data-v-8d1af98c] {
  width: 0.81770833rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.10416667rem;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
video[data-v-8d1af98c] {
  object-fit: cover;
  display: block;
}
video[data-v-8d1af98c]:focus {
  outline: none;
}
.msks[data-v-8d1af98c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: .4;
}
.video-img[data-v-8d1af98c] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 44% !important;
  left: 50%;
  margin-left: -0.10416667rem;
  margin-bottom: 1.04166667rem;
}
.al-video[data-v-8d1af98c] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
}
[data-v-8d1af98c] .now-button {
  display: none;
}
.use-bg[data-v-8d1af98c] {
  background: url(../img/c8e422a3dd74f1120f20.png) center no-repeat;
  background-size: cover;
}
.cd-list[data-v-8d1af98c] {
  display: grid;
  grid-template-columns: repeat(2, 3.22916667rem);
  justify-content: space-between;
  grid-auto-rows: 2.5rem;
  row-gap: 0.20833333rem;
}
.cd-list .cd-item[data-v-8d1af98c] {
  position: relative;
}
.cd-list .cd-item img[data-v-8d1af98c] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.cd-list .cd-item:hover .context[data-v-8d1af98c] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(78,153,253,.8);
}
.cd-list .cd-item:hover .context .c-description-inline[data-v-8d1af98c] {
  display: none;
}
.cd-list .cd-item:hover .context .c-title[data-v-8d1af98c] {
  color: #fff;
}
.cd-list .cd-item:hover .context .c-description[data-v-8d1af98c] {
  color: #fff;
  display: block;
}
.cd-list .context[data-v-8d1af98c] {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.54166667rem;
  width: 100%;
  overflow: hidden;
  background: rgba(255,255,255,.8);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  padding: 0.125rem 0;
  box-sizing: border-box;
  transition: all .2s;
}
.cd-list .context .c-title[data-v-8d1af98c] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #333;
  white-space: nowrap;
  padding: 0 0.125rem;
  box-sizing: border-box;
  transition: all .2s;
}
.cd-list .context .c-description-inline[data-v-8d1af98c],
.cd-list .context .c-description[data-v-8d1af98c] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #666;
  padding: 0 0.125rem;
  box-sizing: border-box;
  margin-top: 0.08333333rem;
  transition: all .2s;
}
.cd-list .context .c-description-inline[data-v-8d1af98c] {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-list .context .c-description[data-v-8d1af98c] {
  display: none;
}
.relative[data-v-485b88ad] {
  position: relative;
}
.w-full[data-v-485b88ad] {
  width: 100%;
}
.relative-center[data-v-485b88ad] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-485b88ad] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-485b88ad] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-485b88ad] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-485b88ad] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-485b88ad] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-485b88ad] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-485b88ad] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-485b88ad] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-485b88ad] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-485b88ad] {
  justify-content: space-between;
}
.flex[data-v-485b88ad] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-485b88ad] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-485b88ad],
.card-list-no-padding .ci-description[data-v-485b88ad] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
[data-v-485b88ad] .nav {
  height: 2.645833rem !important;
}
[data-v-485b88ad] .nav .content-limit {
  height: calc(100% - 1.52083333rem);
}
[data-v-485b88ad] .nav .content-limit .txt {
  margin-top: .2rem;
}
.nav[data-v-485b88ad] {
  padding-top: 27%;
  height: unset;
}
.nav[data-v-485b88ad] .nav {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0 !important;
  height: 100%;
  width: 100%;
}
.nav[data-v-485b88ad] .txt {
  margin-top: 0.26041667rem !important;
}
.hover-pop-back[data-v-485b88ad] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(10,10,10,.6);
  z-index: 999;
}
.hover-pop-content[data-v-485b88ad] {
  width: 4.16666667rem;
  padding: 0.171875rem 0.625rem;
  box-sizing: border-box;
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 1.77083333rem;
  transform: translateX(-50%);
  background: #fff;
  border-top-left-radius: 0.04166667rem;
  border-top-right-radius: 0.04166667rem;
  background-size: 100% 100% !important;
}
.hover-pop-title[data-v-485b88ad] {
  font-weight: 500;
  color: #3097ef;
  font-size: 0.1875rem;
  text-align: center;
  margin-bottom: 0.3125rem;
}
.hover-pop-item[data-v-485b88ad] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.0625rem;
  color: red;
}
.hover-pop-icon[data-v-485b88ad] {
  width: 0.10416667rem;
  flex-shrink: 0;
  margin-top: 0.05208333rem;
}
.hover-pop-txt[data-v-485b88ad] {
  width: 0.46875rem;
  font-size: 0.10416667rem;
  color: #4e99fd;
  margin: 0 0.08333333rem 0 0.04166667rem;
  flex-shrink: 0;
  text-align-last: justify;
  position: relative;
  margin-top: 0.05208333rem;
}
.hover-pop-txt[data-v-485b88ad]::after {
  content: ":";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.hover-pop-input[data-v-485b88ad] {
  flex-grow: 1;
  background: #fff;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  border: 0.00520833rem solid #e8e8e8;
  font-size: 0.08333333rem;
  height: 0.20833333rem;
  padding: 0 0.10416667rem;
  outline: none;
  color: #666;
}
.hover-pop-input[data-v-485b88ad]::placeholder {
  color: #ccc;
}
.hover-pop-check-icon[data-v-485b88ad] {
  width: 0.625rem;
  height: 0.20833333rem;
  margin-right: 0.08333333rem;
  cursor: pointer;
}
.hover-pop-area[data-v-485b88ad] {
  height: 0.72916667rem;
  resize: none;
  padding-top: 0.05208333rem;
  box-sizing: border-box;
}
.hover-pop-button[data-v-485b88ad] {
  font-size: 0.125rem;
  color: #fff;
  width: 2.06770833rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #3197f1 0%, #3384e8 100%);
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  text-align: center;
  line-height: 0.25rem;
  margin: 0 auto;
  margin-top: 0.125rem;
  cursor: pointer;
}
.hover-pop-success[data-v-485b88ad] {
  display: none;
  width: 3.421875rem;
  height: 2.70833333rem;
  padding: 0.20833333rem 0;
  text-align: center;
  box-sizing: border-box;
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 0.08333333rem;
}
.hover-pop-success-img[data-v-485b88ad] {
  width: 0.9375rem;
  margin: 0 auto;
}
.hover-pop-success-title[data-v-485b88ad] {
  color: #1dda67;
  font-size: 0.1875rem;
  margin-top: 0.20833333rem;
}
.hover-pop-success-subtitle[data-v-485b88ad] {
  color: #666;
  font-size: 0.08333333rem;
  margin-top: 0.125rem;
  margin-bottom: 0.44270833rem;
}
.hover-pop-success-info[data-v-485b88ad] {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 0.09375rem;
  justify-content: center;
}
.hover-pop-success-phone[data-v-485b88ad] {
  margin-right: 0.04166667rem;
}
.hover-pop-success-sp[data-v-485b88ad] {
  font-size: 0.125rem;
  color: #3097ef;
  margin-left: 0.08333333rem;
}
.hover-pop-close[data-v-485b88ad] {
  position: absolute;
  width: 0.08333333rem;
  right: 0.125rem;
  top: 0.125rem;
  cursor: pointer;
}
.private[data-v-485b88ad] {
  font-size: 0.07291667rem;
  color: #999;
  text-align: center;
  margin-top: 0.3125rem;
}
.private .sp[data-v-485b88ad] {
  color: #4e99fd;
  cursor: pointer;
}
.en-bannerTxt[data-v-485b88ad] {
  font-family: YouSheBiaoTiHei;
  font-size: 0.3125rem;
  color: #fff;
  margin-bottom: 0.20833333rem;
  text-align: center;
}
.bannerTxt[data-v-485b88ad] {
  font-size: 0.15625rem;
  color: rgba(255,255,255,.8);
  text-align: center;
}
.privateBox[data-v-485b88ad] {
  display: none;
}
.privateBox .private-back[data-v-485b88ad] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 999;
}
.privateBox .private-content[data-v-485b88ad] {
  position: fixed;
  width: 4.16666667rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.privateBox .private-content .private-title[data-v-485b88ad] {
  color: #fff;
  font-size: 0.08333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3125rem;
  background: #4e99fd;
  position: relative;
}
.privateBox .private-content .private-title .private-close[data-v-485b88ad] {
  position: absolute;
  right: 0.125rem;
  top: 0.11458333rem;
  width: 0.08333333rem;
  cursor: pointer;
}
.privateBox .private-content .private-inner[data-v-485b88ad] {
  font-size: 0.07291667rem;
  line-height: 2;
  background: #fff;
  text-align: left;
  padding: 0.20833333rem;
  padding-top: 0.05208333rem;
}
.privateBox .private-content .private-inner .private-h1[data-v-485b88ad] {
  color: #666;
}
.privateBox .private-content .private-inner .private-h2[data-v-485b88ad] {
  color: #333;
}
.privateBox .private-content .private-inner .private-h3[data-v-485b88ad] {
  color: #999;
}
.privateBox .private-content .private-inner .private-button[data-v-485b88ad] {
  width: 0.75rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.10416667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 0.26041667rem;
  cursor: pointer;
}
.relative[data-v-2f44eba6] {
  position: relative;
}
.w-full[data-v-2f44eba6] {
  width: 100%;
}
.relative-center[data-v-2f44eba6] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-2f44eba6] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-2f44eba6] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-2f44eba6] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-2f44eba6] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-2f44eba6] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-2f44eba6] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-2f44eba6] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-2f44eba6] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-2f44eba6] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-2f44eba6] {
  justify-content: space-between;
}
.flex[data-v-2f44eba6] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-2f44eba6] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-2f44eba6],
.card-list-no-padding .ci-description[data-v-2f44eba6] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.empty[data-v-2f44eba6] {
  background: #edf0f5;
  left: 0;
  right: 0;
  top: 0.52083333rem;
  bottom: 0;
  position: fixed;
  text-align: center;
}
.empty .img[data-v-2f44eba6] {
  margin-top: 0.52083333rem;
  width: 5.72916667rem;
}
.empty .txt[data-v-2f44eba6] {
  font-size: 0.125rem;
  color: #666;
  position: relative;
  top: -0.33333333rem;
}
.empty .button[data-v-2f44eba6] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  line-height: 0.3125rem;
  text-align: center;
  font-size: 0.125rem;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
}
.relative[data-v-61836d4c] {
  position: relative;
}
.w-full[data-v-61836d4c] {
  width: 100%;
}
.relative-center[data-v-61836d4c] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-61836d4c] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-61836d4c] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-61836d4c] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-61836d4c] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-61836d4c] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-61836d4c] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-61836d4c] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-61836d4c] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-61836d4c] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-61836d4c] {
  justify-content: space-between;
}
.flex[data-v-61836d4c] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-61836d4c] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-61836d4c],
.card-list-no-padding .ci-description[data-v-61836d4c] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.get-plan-toast[data-v-61836d4c] {
  position: fixed;
  background-color: #fff;
  background-size: 100% 100%;
  box-sizing: border-box;
  z-index: 9999;
  border-radius: 0.04166667rem;
  overflow: hidden;
  transition: all .2s;
  width: 0;
  height: 0;
  padding: 0;
  left: 0.20833333rem;
  top: 100%;
  transform: translate(0, calc(-100% - 0.20833333rem));
}
.get-plan-toast.show[data-v-61836d4c] {
  width: 3.75rem;
  height: 2.734375rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.get-plan-toast *[data-v-61836d4c] {
  box-sizing: border-box;
}
.get-plan-toast .private-close[data-v-61836d4c] {
  position: absolute;
  right: 0.08333333rem;
  top: 0.04166667rem;
  width: 0.16666667rem;
  height: 0.16666667rem;
  cursor: pointer;
  background: url(../img/9b32e94f3f5872e19296.png) center no-repeat;
  background-size: 100% 100%;
}
.get-plan-toast .gpt-title[data-v-61836d4c] {
  font-weight: 400;
  font-size: 0.1875rem;
  color: #000;
  line-height: 0.3125rem;
  font-style: normal;
  text-transform: none;
}
.get-plan-toast .form-container[data-v-61836d4c] {
  display: grid;
  padding: 0.10416667rem 0.15625rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  column-gap: 0.08333333rem;
  row-gap: 0.08333333rem;
}
.get-plan-toast .form-container .full[data-v-61836d4c] {
  grid-column: 1/3;
  align-items: flex-start;
}
.get-plan-toast .form-container .full textarea[data-v-61836d4c] {
  resize: none;
}
.get-plan-toast .form-container .full-textarea[data-v-61836d4c] {
  height: 0.5rem;
  padding-top: 0.05208333rem;
}
.get-plan-toast .hover-pop-icon[data-v-61836d4c] {
  width: 0.08333333rem;
  flex-shrink: 0;
}
.get-plan-toast .hover-pop-item[data-v-61836d4c] {
  display: flex;
  align-items: center;
  color: red;
  border-radius: 0.02083333rem 0.02083333rem 0.02083333rem 0.02083333rem;
  border: 0.00520833rem solid #e8e8e8;
  padding: 0 0.0625rem;
  height: 0.1875rem;
}
.get-plan-toast .hover-pop-input[data-v-61836d4c] {
  flex-grow: 1;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  border: none;
  font-size: 0.08333333rem;
  height: 0.1875rem;
  padding: 0 0.05208333rem;
  outline: none;
  color: #666;
  background-color: transparent;
  min-width: 0;
}
.get-plan-toast .hover-pop-input[data-v-61836d4c]::placeholder {
  color: #969393;
}
.get-plan-toast .hover-pop-check-icon[data-v-61836d4c] {
  object-fit: contain;
  height: 100%;
  cursor: pointer;
}
.get-plan-toast .private[data-v-61836d4c] {
  font-size: 0.0625rem;
  color: #999;
  text-align: center;
  margin-top: 0.20833333rem;
}
.get-plan-toast .private .sp[data-v-61836d4c] {
  color: #4e99fd;
  cursor: pointer;
}
.get-plan-toast .submit[data-v-61836d4c] {
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.02604167rem;
  color: #fff;
  width: 1.04166667rem;
  height: 0.20833333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.08333333rem;
  margin: 0 auto;
  margin-top: 0.0625rem;
  cursor: pointer;
}
.plan-toast-small[data-v-61836d4c] {
  width: 0.41666667rem;
  position: fixed;
  transition: all .2s;
  left: 0.20833333rem;
  bottom: 0.20833333rem;
  opacity: 1;
  cursor: pointer;
}
.plan-toast-small.show[data-v-61836d4c] {
  opacity: 0;
}
.privateBox[data-v-61836d4c],
.hover-pop-success[data-v-61836d4c] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.privateBox .private-back[data-v-61836d4c],
.hover-pop-success .private-back[data-v-61836d4c] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 9999;
}
.privateBox .private-content[data-v-61836d4c],
.hover-pop-success .private-content[data-v-61836d4c] {
  position: fixed;
  width: 4.16666667rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.privateBox .private-content .private-title[data-v-61836d4c],
.hover-pop-success .private-content .private-title[data-v-61836d4c] {
  color: #fff;
  font-size: 0.08333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3125rem;
  background: #4e99fd;
  position: relative;
}
.privateBox .private-content .private-title .private-close[data-v-61836d4c],
.hover-pop-success .private-content .private-title .private-close[data-v-61836d4c] {
  position: absolute;
  right: 0.125rem;
  top: 0.11458333rem;
  width: 0.08333333rem;
  cursor: pointer;
}
.privateBox .private-content .private-inner[data-v-61836d4c],
.hover-pop-success .private-content .private-inner[data-v-61836d4c] {
  font-size: 0.07291667rem;
  line-height: 2;
  background: #fff;
  text-align: left;
  padding: 0.20833333rem;
  padding-top: 0.05208333rem;
}
.privateBox .private-content .private-inner .private-h1[data-v-61836d4c],
.hover-pop-success .private-content .private-inner .private-h1[data-v-61836d4c] {
  color: #666;
}
.privateBox .private-content .private-inner .private-h2[data-v-61836d4c],
.hover-pop-success .private-content .private-inner .private-h2[data-v-61836d4c] {
  color: #333;
}
.privateBox .private-content .private-inner .private-h3[data-v-61836d4c],
.hover-pop-success .private-content .private-inner .private-h3[data-v-61836d4c] {
  color: #999;
}
.privateBox .private-content .private-inner .private-button[data-v-61836d4c],
.hover-pop-success .private-content .private-inner .private-button[data-v-61836d4c] {
  width: 0.75rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.10416667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 0.26041667rem;
  cursor: pointer;
}
.hover-pop-success[data-v-61836d4c] {
  height: 3.05208333rem;
  width: 4.140625rem;
}
.hover-pop-success .private-back[data-v-61836d4c] {
  display: none;
}
.hover-pop-success .private-inner[data-v-61836d4c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hover-pop-success .private-inner .success-txt[data-v-61836d4c] {
  font-family: Source Han Sans,Source Han Sans;
  font-weight: 500;
  font-size: 0.08333333rem;
  color: #52c41a;
  line-height: 0.08333333rem;
}
.hover-pop-success .success-img[data-v-61836d4c] {
  width: 1.875rem;
}
.banner-title[data-v-61836d4c] {
  height: 0.83333333rem;
  background: url(../img/6e92b956e2f728251053.png) center no-repeat;
  background-size: 100% 100%;
  padding: 0 0.15625rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.desc-value[data-v-61836d4c] {
  font-size: 0.09375rem;
  font-weight: 100;
}
body {
  overflow-x: hidden;
}
.hideTxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#root {
  margin: 0 auto;
  padding-bottom: 0.44270833rem;
}
.content-limit {
  max-width: 6.66666667rem;
  margin: 0 auto;
}
.relative[data-v-930ce95c] {
  position: relative;
}
.w-full[data-v-930ce95c] {
  width: 100%;
}
.relative-center[data-v-930ce95c] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-930ce95c] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-930ce95c] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-930ce95c] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-930ce95c] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-930ce95c] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-930ce95c] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-930ce95c] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-930ce95c] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-930ce95c] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-930ce95c] {
  justify-content: space-between;
}
.flex[data-v-930ce95c] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-930ce95c] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-930ce95c],
.card-list-no-padding .ci-description[data-v-930ce95c] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.nav[data-v-930ce95c] {
  font-size: 0;
  position: relative;
  width: 100%;
}
.parent[data-v-930ce95c] {
  position: relative;
  width: 100%;
  padding-top: 46.67%;
}
.banner[data-v-930ce95c] {
  width: 100%;
}
.content[data-v-930ce95c] {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 1000;
  height: 0.52083333rem;
  transition: .5s all;
}
.content .content-wrap[data-v-930ce95c] {
  margin: 0 auto;
}
.content-inner[data-v-930ce95c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo[data-v-930ce95c] {
  width: 1.20833333rem;
  pointer-events: none;
}
.tabs[data-v-930ce95c] {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
.list[data-v-930ce95c] {
  color: #fff;
  font-size: 0.125rem;
  display: flex;
  align-items: stretch;
  height: 0.52083333rem;
}
.query[data-v-930ce95c] {
  margin-left: 0.52083333rem;
}
.query .button[data-v-930ce95c] {
  width: 0.69270833rem;
  height: 0.52083333rem;
  display: none;
  cursor: pointer;
}
.phone-content[data-v-930ce95c] {
  display: flex;
}
.phone[data-v-930ce95c] {
  font-size: 0.125rem;
  color: #333;
  display: flex;
  align-items: center;
  margin-left: 0.3125rem;
  white-space: nowrap;
}
.phone .phone-icon[data-v-930ce95c] {
  width: 0.13541667rem;
  margin-right: 0.04166667rem;
  margin-left: 0.15625rem;
}
.white .phone[data-v-930ce95c] {
  color: #fff;
}
.item[data-v-930ce95c] {
  padding: 0 0.16666667rem;
  height: 0.52083333rem;
  line-height: 1;
  position: relative;
  cursor: pointer;
  font-size: 0.125rem;
  color: #666;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .inner[data-v-930ce95c] {
  width: 100%;
  position: relative;
}
.item .inner[data-v-930ce95c]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.02083333rem;
  background: transparent;
  top: 100%;
  left: 0;
  margin-top: 0.04166667rem;
}
.item:hover .child[data-v-930ce95c] {
  display: block;
}
.item .child[data-v-930ce95c] {
  position: absolute;
  top: 100%;
  padding-top: 0.08333333rem;
  left: 0.16666667rem;
  width: 0.83333333rem;
  display: none;
}
.item .child .child-inner[data-v-930ce95c] {
  border-radius: 0.02083333rem;
  box-shadow: 0 0 0.05208333rem rgba(80,80,80,.2);
}
.item .child .child-inner .child-content[data-v-930ce95c] {
  background: #fff;
  border-radius: 0.02083333rem;
  padding: 0.08333333rem 0.08333333rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.10416667rem 0;
  position: relative;
}
.item .child .child-inner .child-content .child-list[data-v-930ce95c] {
  width: 100%;
}
.item .child .child-inner .child-content .child-list .child-parent[data-v-930ce95c] {
  display: grid;
  grid-template-columns: 0.10416667rem 1fr;
  align-items: center;
  gap: 0.04166667rem;
  font-size: 0.07291667rem;
  color: #333;
  margin-bottom: 0.0625rem;
}
.item .child .child-inner .child-content .child-list .child-parent .child-icon[data-v-930ce95c] {
  height: 0.08854167rem;
  width: 0.08854167rem;
}
.item .child .child-inner .child-content .child-list .child-item[data-v-930ce95c] {
  font-size: 0.07291667rem;
  color: #999;
  line-height: 0.11458333rem;
}
.item .child .child-inner .child-content .child-list .child-item[data-v-930ce95c]:hover {
  color: #4e99fd;
}
.item .child .child-inner .child-content .child-list .child-active[data-v-930ce95c] {
  color: #4e99fd;
}
.item .child .child-inner .child-content[data-v-930ce95c]::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0.0625rem solid transparent;
  border-right: 0.0625rem solid transparent;
  border-bottom: 0.07291667rem solid #fff;
  bottom: 100%;
  left: 0.1875rem;
}
.item[data-v-930ce95c]:hover,
.active[data-v-930ce95c] {
  color: #333;
}
.item:hover .inner[data-v-930ce95c]::after,
.active .inner[data-v-930ce95c]::after {
  background: #4e99fd;
}
.white .item[data-v-930ce95c] {
  color: #fff;
}
.white .item:hover .inner[data-v-930ce95c]::after,
.white .active .inner[data-v-930ce95c]::after {
  background: #fff;
}
.hover[data-v-930ce95c] {
  position: absolute;
  left: 50%;
  top: 0.52083333rem;
  height: calc(100% - 0.52083333rem);
  transform: translateX(-50%);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.hover .txt[data-v-930ce95c] {
  margin-top: 0.41666667rem;
  line-height: 1;
  padding: 0 0.10416667rem;
}
.hover .digital[data-v-930ce95c] {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  transform: translateY(-50%);
}
.banner-list[data-v-930ce95c] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.banner-list .banner-item[data-v-930ce95c] {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: .5s all;
  text-align: center;
}
.indicator[data-v-930ce95c] {
  position: absolute;
  bottom: 0.33333333rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.indicator .indicator-item[data-v-930ce95c] {
  width: 0.10416667rem;
  height: 0.10416667rem;
  border-radius: 50%;
  background: #fff;
  opacity: .4;
  cursor: pointer;
}
.indicator .indicator-item[data-v-930ce95c]:hover {
  opacity: .8;
}
.indicator .indicator-item-active[data-v-930ce95c] {
  opacity: .8;
}
.scrolling[data-v-930ce95c] {
  background: #fff;
  box-shadow: 0 0.00520833rem 0.05208333rem #999;
}
.scrolling .phone[data-v-930ce95c] {
  color: #333;
}
.scrolling .item[data-v-930ce95c] {
  color: #666;
}
.scrolling .item:hover .inner[data-v-930ce95c]::after,
.scrolling .active .inner[data-v-930ce95c]::after {
  background: #4e99fd;
}
.banner-top[data-v-930ce95c] {
  margin-top: 2.29166667rem;
}
.relative {
  position: relative;
}
.w-full {
  width: 100%;
}
.relative-center {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px {
  padding-top: 0.52083333rem;
}
.pt-80px {
  padding-top: 0.41666667rem;
}
.pb-80px {
  padding-bottom: 0.41666667rem;
}
.pb-40px {
  padding-bottom: 0.20833333rem;
}
.mt-80px {
  margin-top: 0.41666667rem;
}
.space-between {
  justify-content: space-between;
}
.flex {
  display: flex;
}
.card-list-no-padding .card-item {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title,
.card-list-no-padding .ci-description {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.banner-item-title {
  color: #4e99fd;
  font-size: 0.375rem;
  width: 100%;
  font-family: YouSheBiaoTiHei;
}
.banner-item-brief {
  color: #fff;
  font-size: 0.13541667rem;
  line-height: 1.5;
  display: inline-block;
  text-align: left;
  margin: 0;
  margin-top: 1em;
}
.banner-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.20833333rem;
}
.banner-button {
  font-size: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.953125rem;
  height: 0.27083333rem;
  border-radius: 0.02604167rem;
  margin-top: 0.15625rem;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  line-height: 0.27083333rem;
}
.banner-button1 {
  background-color: #fff;
  color: #096dd9;
  border: 0.00520833rem solid #fff;
}
.banner-button1-c {
  border-color: #096dd9;
  color: #096dd9;
}
.banner-button2 {
  color: #fff;
  background-color: #096dd9;
}
.banner-button2-c {
  color: #fff;
  background-color: #096dd9;
}
.white .banner-item-title {
  color: #fff;
  font-size: 0.375rem;
  width: 100%;
  font-family: YouSheBiaoTiHei;
}
.white .banner-item-brief {
  color: #fff;
  font-size: 0.13541667rem;
  line-height: 1.5;
  display: inline-block;
  text-align: center;
  margin: 0;
  margin-top: 1em;
}
.banner-item-sp {
  font-size: 0.45833333rem;
  font-family: YouSheBiaoTiHei;
}
.now-button {
  width: 1.13020833rem;
  height: 0.31770833rem;
  background: #4e99fd;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.0625rem;
  margin-top: 0.15625rem;
  cursor: pointer;
}
.now-button .more-icon {
  width: 0.15625rem;
}
.bg-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.relative[data-v-61584694] {
  position: relative;
}
.w-full[data-v-61584694] {
  width: 100%;
}
.relative-center[data-v-61584694] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-61584694] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-61584694] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-61584694] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-61584694] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-61584694] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-61584694] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-61584694] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-61584694] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-61584694] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-61584694] {
  justify-content: space-between;
}
.flex[data-v-61584694] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-61584694] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-61584694],
.card-list-no-padding .ci-description[data-v-61584694] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.strip-topic[data-v-61584694] {
  text-align: center;
}
.strip-topic .strip-title[data-v-61584694] {
  color: #333;
  font-size: 0.1875rem;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 767px) {
.strip-topic .strip-title[data-v-61584694] {
    font-size: 0.125rem;
}
}
.strip-topic .strip-subtitle[data-v-61584694] {
  color: #999;
  font-size: 0.07291667rem;
  margin-top: 0.14583333rem;
}
.strip-topic .strip-brief[data-v-61584694] {
  color: #666;
  font-size: 0.125rem;
  display: inline-block;
  line-height: 2;
  font-family: "Source Han Sans CN-Medium",serif;
}
@media screen and (max-width: 767px) {
.strip-topic .strip-brief[data-v-61584694] {
    white-space: normal;
    word-wrap: break-word;
    font-size: 0.08333333rem;
}
}
.strip-left[data-v-61584694] {
  text-align: left;
}
.strip-right[data-v-61584694] {
  text-align: right;
}
@media screen and (max-width: 767px) {
.strip-topic[data-v-61584694] {
    text-align: center;
}
}
.relative[data-v-6419a248] {
  position: relative;
}
.w-full[data-v-6419a248] {
  width: 100%;
}
.relative-center[data-v-6419a248] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-6419a248] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-6419a248] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-6419a248] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-6419a248] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-6419a248] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-6419a248] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-6419a248] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-6419a248] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-6419a248] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-6419a248] {
  justify-content: space-between;
}
.flex[data-v-6419a248] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-6419a248] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-6419a248],
.card-list-no-padding .ci-description[data-v-6419a248] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.block-title[data-v-6419a248] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.3125rem;
}
.block-title .title[data-v-6419a248] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
}
.block-title .sub-title-en[data-v-6419a248] {
  font-weight: 500;
  font-size: 0.13541667rem;
  color: #999;
  margin-top: 0.06770833rem;
}
.block-title .sub-title[data-v-6419a248] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #666;
  margin-top: 0.20833333rem;
}
.relative[data-v-d81387a2] {
  position: relative;
}
.w-full[data-v-d81387a2] {
  width: 100%;
}
.relative-center[data-v-d81387a2] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-d81387a2] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-d81387a2] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-d81387a2] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-d81387a2] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-d81387a2] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-d81387a2] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-d81387a2] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-d81387a2] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-d81387a2] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-d81387a2] {
  justify-content: space-between;
}
.flex[data-v-d81387a2] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-d81387a2] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-d81387a2],
.card-list-no-padding .ci-description[data-v-d81387a2] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.partner-container[data-v-d81387a2] {
  padding-top: 3.125rem;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.partner-container .title[data-v-d81387a2] {
  display: flex;
  justify-content: flex-end;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}
.partner-container .title .title-value[data-v-d81387a2]::after {
  display: block;
  content: "";
  width: 100%;
  height: 0.078125rem;
  background: #0f52fb;
  margin-top: 0.03125rem;
}
.partner-container .sub-title[data-v-d81387a2] {
  font-size: .5625rem;
  font-weight: 400;
  color: #999;
  display: flex;
  justify-content: flex-end;
  padding: .8125rem 0 1.5625rem 0;
}
.partner-container .description[data-v-d81387a2] {
  font-size: .75rem;
  font-weight: 500;
  color: #666;
  display: flex;
  justify-content: flex-end;
}
.partner-container .bg-black[data-v-d81387a2] {
  position: absolute;
  top: -0.72916667rem;
  left: 0;
  height: 200%;
  width: 300%;
  z-index: -1;
  transform: translateX(-40%) translateY(-1%) rotate(5deg);
  background: #1a1a1a;
}
.partner-container .partner-list[data-v-d81387a2] {
  min-height: 2.60416667rem;
  margin-top: 1.30208333rem;
  padding-bottom: 0.26041667rem;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 0.9375rem;
  gap: 0.20833333rem;
}
.partner-container .partner-list .partner-item[data-v-d81387a2] {
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  border: 0.00520833rem solid #0f52fb;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partner-container .partner-list .partner-item .logo.hover[data-v-d81387a2] {
  display: none;
}
.partner-container .partner-list .partner-item[data-v-d81387a2]:hover {
  background: #fff;
}
.partner-container .partner-list .partner-item:hover .logo[data-v-d81387a2] {
  display: none;
}
.partner-container .partner-list .partner-item:hover .logo.hover[data-v-d81387a2] {
  display: block;
}
.partner-container .partner-list .partner-item img[data-v-d81387a2] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.partner-container .partner-list .partner-item[data-v-d81387a2]::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: -0.05208333rem;
  top: -0.05208333rem;
  background: #0f52fb;
  z-index: -1;
}
.partner-container .partner-list .partner-item.empty[data-v-d81387a2] {
  background: none;
  border: none;
}
.partner-container .partner-list .partner-item.empty[data-v-d81387a2]::before {
  display: none;
}
.partner-container .more[data-v-d81387a2] {
  background: #0f52fb;
  border-radius: 0.02083333rem 0.02083333rem 0.02083333rem 0.02083333rem;
  padding: 0.05208333rem 0.10416667rem;
  white-space: nowrap;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.125rem;
  font-weight: 400;
  color: #fffdfd;
  cursor: pointer;
  box-sizing: border-box;
}
.partner-container .more img[data-v-d81387a2] {
  width: 0.16666667rem !important;
  height: 0.0625rem !important;
}
@media screen and (max-width: 1440px) {
.partner-container .more[data-v-d81387a2] {
    padding: 0.02604167rem 0.05208333rem;
}
.partner-container .partner-list[data-v-d81387a2] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 1100px) {
.partner-container .more[data-v-d81387a2] {
    padding: 0.02604167rem 0.05208333rem;
}
.partner-container .partner-list[data-v-d81387a2] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
.partner-container .title[data-v-d81387a2] {
    font-size: 0.125rem;
}
.partner-container .more[data-v-d81387a2] {
    padding: 0.02604167rem 0.05208333rem;
}
.partner-container .partner-list[data-v-d81387a2] {
    gap: 0.10416667rem;
    margin-top: 0.41666667rem;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 0.625rem;
    min-height: unset;
    padding-bottom: 0.10416667rem;
}
.partner-container .partner-list .bg-black[data-v-d81387a2] {
    top: -0.26041667rem;
}
.partner-container .more[data-v-d81387a2] {
    padding: 0.05208333rem 0.10416667rem;
    white-space: nowrap;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.0625rem;
    font-weight: 400;
    color: #fffdfd;
    cursor: pointer;
    box-sizing: border-box;
}
.partner-container .more img[data-v-d81387a2] {
    width: 0.078125rem !important;
}
}
@media screen and (max-width: 600px) {
.partner-container .partner-list[data-v-d81387a2] {
    gap: 0.10416667rem;
    margin-top: 0.41666667rem;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 0.41666667rem;
    min-height: unset;
    padding-bottom: 0.10416667rem;
}
}
.relative[data-v-5aa7cf7a] {
  position: relative;
}
.w-full[data-v-5aa7cf7a] {
  width: 100%;
}
.relative-center[data-v-5aa7cf7a] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-5aa7cf7a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-5aa7cf7a] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-5aa7cf7a] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-5aa7cf7a] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-5aa7cf7a] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-5aa7cf7a] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-5aa7cf7a] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-5aa7cf7a] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-5aa7cf7a] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-5aa7cf7a] {
  justify-content: space-between;
}
.flex[data-v-5aa7cf7a] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-5aa7cf7a] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-5aa7cf7a],
.card-list-no-padding .ci-description[data-v-5aa7cf7a] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.footer-submit[data-v-5aa7cf7a] {
  margin: 0.20833333rem 0;
  display: flex;
  align-items: center;
}
.footer-submit .tj[data-v-5aa7cf7a] {
  width: 1.04166667rem;
  height: 0.29166667rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans,Source Han Sans;
  font-weight: 500;
  font-size: 0.125rem;
  color: #fff;
  text-align: center;
  line-height: 0.29166667rem;
  margin-left: 0.20833333rem;
}
.logo[data-v-5aa7cf7a] {
  position: absolute;
  left: 50%;
  top: 0.10416667rem;
  transform: translateX(-50%);
}
.footer-input[data-v-5aa7cf7a] {
  height: 0.28125rem !important;
}
.footer-input[data-v-5aa7cf7a] ::-webkit-input-placeholder {
  font-family: Source Han Sans,Source Han Sans;
  font-weight: 400;
  font-size: 0.10416667rem;
  color: #999;
}
.footer-input input[data-v-5aa7cf7a] {
  width: 2.375rem !important;
  height: 0.28125rem !important;
  opacity: .4;
  border: none;
  border: 0.00520833rem solid #fff;
  background: transparent;
  line-height: 0.28125rem;
  padding: 0 0.10416667rem;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  outline: none;
  display: block;
  color: #fff;
  font-size: 0.10416667rem;
}
.footer-container[data-v-5aa7cf7a] {
  width: 100%;
  padding-top: 0.20833333rem;
  background-image: url(../img/c17413e616ab63f59260.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #323537;
  position: relative;
}
.footer-container *[data-v-5aa7cf7a] {
  cursor: default;
}
.footer-container .grid-box[data-v-5aa7cf7a] {
  margin-top: 0.15625rem;
  display: grid;
  gap: 0.26041667rem;
  grid-template-columns: 1fr auto;
  justify-content: center;
  max-width: 6.25rem;
  margin: 0 auto;
}
.footer-container .qrcode-box-item[data-v-5aa7cf7a] {
  display: flex;
  align-items: center;
}
.footer-container .qrcode-box[data-v-5aa7cf7a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
}
.footer-container .qr-title[data-v-5aa7cf7a] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.09375rem;
  color: #fff;
  margin-top: 0.08333333rem;
  text-stroke: 0.00520833rem rgba(0,0,0,0);
  text-align: left;
  font-style: normal;
  text-transform: none;
  -webkit-text-stroke: 0.00520833rem rgba(0,0,0,0);
}
.footer-container .qr-explain[data-v-5aa7cf7a] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: rgba(255,255,255,.6);
  margin-top: 0.08333333rem;
  text-stroke: 0.00520833rem rgba(0,0,0,0);
  text-align: left;
  font-style: normal;
  text-transform: none;
  -webkit-text-stroke: 0.00520833rem rgba(0,0,0,0);
}
.footer-container .left[data-v-5aa7cf7a] {
  display: flex;
  gap: 0.20833333rem;
  grid-template-columns: 0.65104167rem 1.53645833rem;
}
.footer-container .left .company-info[data-v-5aa7cf7a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-container .left .company-info .company-item[data-v-5aa7cf7a] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
}
.footer-container .left .company-info .company-item .tips[data-v-5aa7cf7a] {
  font-family: Source Han Sans,Source Han Sans;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: #999;
}
.footer-container .left .company-info .company-item .company-head[data-v-5aa7cf7a] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-family: Source Han Sans,Source Han Sans;
  font-weight: 700;
  font-size: 0.125rem;
  color: #fff;
  gap: 0.04166667rem;
}
.footer-container .left .ci-title[data-v-5aa7cf7a] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bold;
  font-size: 0.07291667rem;
  color: #fff;
}
.footer-container .left .ci-phone[data-v-5aa7cf7a] {
  margin-top: 0.15625rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: bolder;
  font-size: 0.125rem;
  color: #4e99fd;
}
.footer-container .left .ci-mail[data-v-5aa7cf7a] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.07291667rem;
  color: rgba(255,255,255,.6);
  line-height: 0.125rem;
}
.footer-container .right[data-v-5aa7cf7a] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-container .right .top-title[data-v-5aa7cf7a] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
  cursor: pointer;
}
.footer-container .right .r-children[data-v-5aa7cf7a] {
  margin-top: 0.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.08333333rem;
}
.footer-container .right .r-children .r-child[data-v-5aa7cf7a] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.08333333rem;
  color: rgba(255,255,255,.6);
  cursor: pointer;
  transition: color .2s;
}
.footer-container .right .r-children .r-child[data-v-5aa7cf7a]:hover {
  color: #4e99fd;
}
.footer-container .copyright-box[data-v-5aa7cf7a] {
  width: 100%;
  margin-top: 0;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.07291667rem;
  color: rgba(255,255,255,.4);
  border-top: 0.00520833rem solid rgba(255,255,255,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0;
}
.footer-container .copyright-box img[data-v-5aa7cf7a] {
  width: 0.10416667rem;
  height: 0.11458333rem;
}
.footer-container .copyright[data-v-5aa7cf7a] {
  margin-left: 0.15625rem;
  color: #707070;
  display: inline-flex;
  align-items: center;
  column-gap: 0.02604167rem;
}
.footer-container .copyright[data-v-5aa7cf7a]:hover {
  color: gray;
}
.hover-menu {
  background: linear-gradient(180deg, #3197f1 0%, #3384e8 100%);
  border-radius: 0.04166667rem 0 0 0.04166667rem;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
}
.hover-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 0.41666667rem;
  height: 0.44791667rem;
  color: white;
  cursor: pointer;
  position: relative;
}
.hover-menu-item:hover {
  background: rgba(191, 222, 255, 0.6);
  border-radius: 0.04166667rem 0 0 0.04166667rem;
}
.hover-menu-txt {
  font-size: 0.0625rem;
  margin-top: 0.04166667rem;
}
.hover-menu-wechat:hover .hover-menu-wechat-hide {
  display: block;
}
.hover-menu-wechat-hide {
  display: none;
  position: absolute;
  width: 200%;
  right: 100%;
  top: 0;
  box-shadow: 0 0 0.05208333rem 0.01041667rem #ccc;
}
.hover-menu-wechat-qr {
  width: 100%;
  height: 100%;
  display: block;
}
.hover-menu-phone:hover .hover-menu-phone-hide {
  display: flex;
}
.hover-menu-phone-hide {
  background: white;
  display: none;
  font-size: 0.1875rem;
  color: #3295f0;
  position: absolute;
  right: 100%;
  height: 100%;
  top: 0;
  box-shadow: 0 0 0.05208333rem 0.01041667rem #ccc;
  white-space: nowrap;
  align-items: center;
  padding: 0 0.10416667rem;
}
.relative[data-v-df734cd0] {
  position: relative;
}
.w-full[data-v-df734cd0] {
  width: 100%;
}
.relative-center[data-v-df734cd0] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-df734cd0] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-df734cd0] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-df734cd0] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-df734cd0] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-df734cd0] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-df734cd0] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-df734cd0] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-df734cd0] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-df734cd0] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-df734cd0] {
  justify-content: space-between;
}
.flex[data-v-df734cd0] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-df734cd0] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-df734cd0],
.card-list-no-padding .ci-description[data-v-df734cd0] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.footer-resolution[data-v-df734cd0] {
  height: 1.58333333rem;
  background: url(../img/7c5bd98bc3935e530cee.png) center no-repeat;
  background-size: cover;
}
.footer-resolution .layout[data-v-df734cd0] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.10416667rem;
}
.footer-resolution .f-title[data-v-df734cd0] {
  font-family: YouSheBiaoTiHei,YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 0.1875rem;
  color: #333;
  margin-top: 0.3125rem;
}
.footer-resolution .f-en[data-v-df734cd0] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 500;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.05208333rem;
}
.footer-resolution .f-sub[data-v-df734cd0] {
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #999;
  margin-top: 0.20833333rem;
}
.footer-resolution .ask-btn[data-v-df734cd0] {
  width: 1.04166667rem;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4E99FD 0%, #5482FA 100%);
  box-shadow: 0.015625rem 0.015625rem 0.04166667rem 0.00520833rem #e8e8e8;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-family: Source Han Sans CN,Source Han Sans CN;
  font-weight: 400;
  font-size: 0.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.52083333rem;
  cursor: pointer;
}
.relative[data-v-4e4d01da] {
  position: relative;
}
.w-full[data-v-4e4d01da] {
  width: 100%;
}
.relative-center[data-v-4e4d01da] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-4e4d01da] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-4e4d01da] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-4e4d01da] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-4e4d01da] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-4e4d01da] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-4e4d01da] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-4e4d01da] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-4e4d01da] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-4e4d01da] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-4e4d01da] {
  justify-content: space-between;
}
.flex[data-v-4e4d01da] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-4e4d01da] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-4e4d01da],
.card-list-no-padding .ci-description[data-v-4e4d01da] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.list[data-v-4e4d01da] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.08333333rem;
  margin-top: 0.41666667rem;
}
.list .item[data-v-4e4d01da] {
  width: calc(33.3% - 0.08333333rem);
  position: relative;
  height: 1.38541667rem;
}
.list .item .hover[data-v-4e4d01da] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 0.20833333rem;
  background: rgba(51,51,51,.4);
  flex-wrap: wrap;
  text-align: center;
}
.list .item .hover .name[data-v-4e4d01da] {
  width: 100%;
  font-size: 0.125rem;
  color: #fff;
}
.list .item .hover .button[data-v-4e4d01da] {
  width: 0.625rem;
  height: 0.20833333rem;
  line-height: 0.20833333rem;
  text-align: center;
  font-size: 0.09375rem;
  color: #fff;
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  border: 0.00520833rem solid #fff;
  cursor: pointer;
}
.relative[data-v-6d16cb50] {
  position: relative;
}
.w-full[data-v-6d16cb50] {
  width: 100%;
}
.relative-center[data-v-6d16cb50] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-6d16cb50] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-6d16cb50] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-6d16cb50] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-6d16cb50] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-6d16cb50] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-6d16cb50] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-6d16cb50] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-6d16cb50] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-6d16cb50] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-6d16cb50] {
  justify-content: space-between;
}
.flex[data-v-6d16cb50] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-6d16cb50] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-6d16cb50],
.card-list-no-padding .ci-description[data-v-6d16cb50] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.partner[data-v-6d16cb50] {
  padding: 0.41666667rem 0;
  position: relative;
  z-index: 0;
}
.partner[data-v-6d16cb50]::before {
  content: "";
  position: absolute;
  width: calc((100% - 7.5rem)/2 + 1.5625rem);
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0.2));
  z-index: 9;
}
.partner[data-v-6d16cb50]::after {
  content: "";
  position: absolute;
  width: calc((100% - 7.5rem)/2 + 1.5625rem);
  height: 100%;
  right: 0;
  top: 0;
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0.2));
  z-index: 9;
}
.partner .list[data-v-6d16cb50] {
  position: relative;
  margin-top: 0.15625rem;
  overflow: hidden;
  height: 0.76041667rem;
}
.partner .list .item[data-v-6d16cb50] {
  position: absolute;
  width: 1.1875rem;
  height: 0.76041667rem;
}
.partner .list .item img[data-v-6d16cb50] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.partner .button[data-v-6d16cb50] {
  color: #fff;
  font-size: 0.125rem;
  width: 1.13020833rem;
  height: 0.31770833rem;
  margin: 0 auto;
  margin-top: 0.34375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: linear-gradient(180deg, #3197f1 0%, #3384e8 100%);
}
.partner .button .icon[data-v-6d16cb50] {
  width: 0.15625rem;
}
.partner .p-container[data-v-6d16cb50] {
  mask: radial-gradient(circle at center, black, rgba(0, 0, 0, 0));
}
.relative[data-v-33d21d20] {
  position: relative;
}
.w-full[data-v-33d21d20] {
  width: 100%;
}
.relative-center[data-v-33d21d20] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-33d21d20] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-33d21d20] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-33d21d20] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-33d21d20] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-33d21d20] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-33d21d20] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-33d21d20] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-33d21d20] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-33d21d20] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-33d21d20] {
  justify-content: space-between;
}
.flex[data-v-33d21d20] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-33d21d20] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-33d21d20],
.card-list-no-padding .ci-description[data-v-33d21d20] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.prod-display[data-v-33d21d20] {
  padding: 0.41666667rem 0.72916667rem 0;
}
.prod-display .prod-tabs[data-v-33d21d20] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.prod-display .prod-tabs .prod-item[data-v-33d21d20] {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.125rem;
  color: #666;
  cursor: pointer;
}
.prod-display .prod-tabs .prod-item .prod-icon[data-v-33d21d20] {
  height: 0.16666667rem;
  margin-right: 0.08333333rem;
}
.prod-display .prod-tabs .prod-item .prod-txt[data-v-33d21d20] {
  padding: 0 0.02604167rem;
  box-sizing: border-box;
}
.prod-display .prod-tabs .prod-item[data-v-33d21d20]:hover {
  color: #096dd9;
}
.prod-display .prod-tabs .prod-active[data-v-33d21d20] {
  color: #096dd9;
  flex-wrap: wrap;
}
.prod-display .prod-tabs .prod-active .prod-icon[data-v-33d21d20] {
  height: 0.41666667rem;
  margin-right: 0;
}
.prod-display .prod-tabs .prod-active .prod-txt[data-v-33d21d20] {
  width: 100%;
  margin-top: 0.08333333rem;
}
.prod-display .prod-list[data-v-33d21d20] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.41666667rem;
  gap: 0.13020833rem;
}
.prod-display .prod-list .prod-item[data-v-33d21d20] {
  width: calc(33% - 0.13020833rem);
  box-sizing: border-box;
  padding: 0.10416667rem;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0.02604167rem 0.04166667rem 0.10416667rem 0 #dadada;
  border-radius: 0.04166667rem;
}
.prod-display .prod-list .prod-item .prod-inner[data-v-33d21d20] {
  position: relative;
}
.prod-display .prod-list .prod-item .prod-inner .prod-img[data-v-33d21d20] {
  width: 100%;
  height: 2.29166667rem;
}
.prod-display .prod-list .prod-item .prod-inner .prod-hover[data-v-33d21d20] {
  position: absolute;
  border-radius: 0.04166667rem;
  width: calc(100% - 0.16666667rem);
  height: 0.10416667rem;
  left: 0.08333333rem;
  bottom: 0.08333333rem;
  font-size: 0.10416667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  transition: all .2s;
  font-size: 0.09375rem;
  color: #666;
}
.prod-display .prod-list .prod-item .prod-inner .prod-hover .prod-innerTxt[data-v-33d21d20] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.prod-display .prod-list .prod-item .prod-inner:hover .prod-hover[data-v-33d21d20] {
  opacity: .8;
  height: 40%;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  color: #fff;
  font-size: 0.10416667rem;
}
.prod-display .prod-list .prod-item .prod-inner:hover .prod-hover .prod-innerTxt[data-v-33d21d20] {
  white-space: normal;
}
.product[data-v-33d21d20] {
  padding: 0.52083333rem 0 0.41666667rem;
}
.prod-button[data-v-33d21d20] {
  font-size: 0.125rem;
  color: #fffdfd;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.10416667rem 0;
  margin: 0 auto;
  margin-top: 0.20833333rem;
  width: 1.13020833rem;
  cursor: pointer;
  gap: 0.0625rem;
}
.prod-button .icon[data-v-33d21d20] {
  width: 0.15625rem;
}
.privateBox .private-back[data-v-33d21d20],
.hover-pop-success .private-back[data-v-33d21d20] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 999;
}
.privateBox .private-content[data-v-33d21d20],
.hover-pop-success .private-content[data-v-33d21d20] {
  position: fixed;
  width: 6.66666667rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.privateBox .private-content .private-title[data-v-33d21d20],
.hover-pop-success .private-content .private-title[data-v-33d21d20] {
  color: #fff;
  font-size: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.3125rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
  position: relative;
}
.privateBox .private-content .private-title .private-close[data-v-33d21d20],
.hover-pop-success .private-content .private-title .private-close[data-v-33d21d20] {
  position: absolute;
  right: 0.125rem;
  top: 0.11458333rem;
  width: 0.08333333rem;
  cursor: pointer;
}
.privateBox .private-content .private-button[data-v-33d21d20],
.hover-pop-success .private-content .private-button[data-v-33d21d20] {
  width: 0.81770833rem;
  height: 0.25rem;
  background: linear-gradient(180deg, #4e99fd 0%, #3384e8 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  font-size: 0.10416667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pd-buttons[data-v-33d21d20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.20833333rem;
  margin-bottom: 0.36458333rem;
}
.pd-buttons .pd-button[data-v-33d21d20] {
  font-size: 0.10416667rem;
  color: #096dd9;
  height: 0.25rem;
  width: 0.81770833rem;
  border: 0.00520833rem solid #096dd9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.01041667rem;
}
.pd-name[data-v-33d21d20] {
  font-size: 0.125rem;
  color: #096dd9;
  margin-top: 0.41666667rem;
  padding-left: 0.52083333rem;
}
.pd-content[data-v-33d21d20] {
  display: flex;
  align-items: center;
  gap: 0.41666667rem;
  padding: 0.20833333rem 0.125rem 0.41666667rem 0.52083333rem;
  height: 2.13541667rem;
}
.pd-content .pd-left[data-v-33d21d20] {
  width: 2.13541667rem;
  height: 2.13541667rem;
  background: #fff;
  box-shadow: 0.02604167rem 0.04166667rem 0.10416667rem 0 #dadada;
  border-radius: 0.04166667rem 0.04166667rem 0.04166667rem 0.04166667rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd-content .pd-left .pd-img[data-v-33d21d20] {
  width: 1.96354167rem;
}
.pd-content .pd-right[data-v-33d21d20] {
  height: 100%;
  flex-grow: 1;
  overflow-y: scroll;
  line-height: 2;
  font-size: 0.08333333rem;
  padding-right: 0.36458333rem;
}
.pd-content .pd-right[data-v-33d21d20]::-webkit-scrollbar {
  width: 0.03125rem;
}
.pd-content .pd-right[data-v-33d21d20]::-webkit-scrollbar-thumb {
  border-radius: 0.05208333rem;
  background: linear-gradient(180deg, #4e99fd 0%, #5482fa 100%);
}
.pd-content .pd-right[data-v-33d21d20]::-webkit-scrollbar-track {
  background: #e7e7e7;
}
.pd-content .pd-right .pd-brief[data-v-33d21d20] {
  color: #666;
  margin-bottom: 0.04166667rem;
}
.pd-content .pd-right .pd-feature[data-v-33d21d20] {
  color: #096dd9;
  margin-bottom: 0.04166667rem;
}
.relative[data-v-1a284a4b] {
  position: relative;
}
.w-full[data-v-1a284a4b] {
  width: 100%;
}
.relative-center[data-v-1a284a4b] {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-bottom: 0.3125rem;
}
.full-center[data-v-1a284a4b] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.block-content[data-v-1a284a4b] {
  width: 6.66666667rem;
  margin: 0 auto;
}
.block-content .video-img[data-v-1a284a4b] {
  width: 0.20833333rem;
  height: 0.20833333rem;
  position: absolute;
  top: 1.14583333rem;
  left: 50%;
  margin-left: -0.10416667rem;
}
.block-content .video-title[data-v-1a284a4b] {
  position: absolute;
  bottom: 0;
  width: 3.265625rem;
  height: 0.54166667rem;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.0052) 100%);
  border-radius: 0.01041667rem 0.01041667rem 0.01041667rem 0.01041667rem;
  margin-top: 0.125rem;
  font-weight: 500;
  font-size: 0.10416667rem;
  color: #fff;
}
.pt-100px[data-v-1a284a4b] {
  padding-top: 0.52083333rem;
}
.pt-80px[data-v-1a284a4b] {
  padding-top: 0.41666667rem;
}
.pb-80px[data-v-1a284a4b] {
  padding-bottom: 0.41666667rem;
}
.pb-40px[data-v-1a284a4b] {
  padding-bottom: 0.20833333rem;
}
.mt-80px[data-v-1a284a4b] {
  margin-top: 0.41666667rem;
}
.space-between[data-v-1a284a4b] {
  justify-content: space-between;
}
.flex[data-v-1a284a4b] {
  display: flex;
}
.card-list-no-padding .card-item[data-v-1a284a4b] {
  padding: 0 0 0.125rem;
}
.card-list-no-padding .ci-title[data-v-1a284a4b],
.card-list-no-padding .ci-description[data-v-1a284a4b] {
  padding: 0 0.20833333rem;
  text-align: left;
  justify-self: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.container[data-v-1a284a4b] {
  width: 100%;
  height: 0.44270833rem;
  background-color: #353a5bd8;
  position: fixed;
  bottom: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.title[data-v-1a284a4b] {
  color: #fff;
  font-size: 0.125rem;
}
.code-img[data-v-1a284a4b] {
  background: #fff;
  height: 0.21875rem;
  margin: 0 0.10416667rem;
}
.submit-btn[data-v-1a284a4b] {
  background: #2f74ff;
  color: #fff;
  font-size: 0.09375rem;
  padding: 0.0625rem;
  cursor: pointer;
}
.input-css[data-v-1a284a4b] {
  flex-grow: 1;
  background: #fff;
  border: 0.00520833rem solid #ccc;
  font-size: 0.08333333rem;
  height: 0.20833333rem;
  padding: 0 0.10416667rem;
  outline: none;
  margin-left: 0.10416667rem;
}
.mask[data-v-1a284a4b] {
  width: 100vw;
  height: 100vh;
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(10,10,10,.6);
}
.hover-pop-check-icon[data-v-1a284a4b] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.hover-pop-success[data-v-1a284a4b] {
  display: inherit;
  width: 3.421875rem;
  height: 2.5rem;
  padding: 0.20833333rem 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.08333333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.hover-pop-success .hover-pop-success-img[data-v-1a284a4b] {
  width: 0.9375rem;
  margin: 0 auto;
}
.hover-pop-success .hover-pop-success-title[data-v-1a284a4b] {
  color: #1dda67;
  font-size: 0.1875rem;
  margin-top: 0.10416667rem;
}
.hover-pop-success .hover-pop-success-subtitle[data-v-1a284a4b] {
  color: #666;
  font-size: 0.08333333rem;
  margin-top: 0.125rem;
  margin-bottom: 0.13020833rem;
}
.hover-pop-success .hover-pop-success-info[data-v-1a284a4b] {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 0.09375rem;
  justify-content: center;
}
.hover-pop-success .hover-pop-success-phone[data-v-1a284a4b] {
  margin-right: 0.04166667rem;
}
.hover-pop-success .hover-pop-success-sp[data-v-1a284a4b] {
  font-size: 0.125rem;
  color: #3097ef;
  margin-left: 0.08333333rem;
}
.hover-pop-success .hover-pop-close[data-v-1a284a4b] {
  position: absolute;
  width: 0.10416667rem;
  right: 0.125rem;
  top: 0.125rem;
  cursor: pointer;
}

/*# sourceMappingURL=app.b6500e577de08beab711.css.map*/