/*
! tailwindcss v3.1.2 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb
}

:after,
:before {
  --tw-content: ""
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

body {
  margin: 0;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca3af
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle
}

img,
video {
  max-width: 100%;
  height: auto
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1
}

input::placeholder,
textarea::placeholder {
  color: #6b7280;
  opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0
}

::-webkit-date-and-time-value {
  min-height: 1.5em
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact
}

[multiple] {
  background-image: none;
  background-position: 0 0;
  background-repeat: unset;
  background-size: initial;
  padding-right: .75rem;
  -webkit-print-color-adjust: unset;
  color-adjust: unset;
  print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000
}

[type=checkbox] {
  border-radius: 0
}

[type=radio] {
  border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
  border-color: transparent;
  background-color: currentColor
}

[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
  border-color: transparent;
  background-color: currentColor
}

[type=file] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit
}

[type=file]:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color
}

.a,
footer a {
  cursor: pointer;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .2s;
  transition-timing-function: linear
}

.layout {
  max-width: 86.5rem;
  margin: 0 auto;
  width: 100%
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.top-\[-80px\] {
  top: -5rem
}

.top-\[-42\%\] {
  top: -42%
}

.right-\[11vw\] {
  right: 11vw
}

.top-0 {
  top: 0
}

.top-\[32px\] {
  top: 2rem
}

.top-\[64px\] {
  top: 4rem
}

.top-\[96px\] {
  top: 6rem
}

.bottom-\[7vh\] {
  bottom: 7vh
}

.left-\[-25\%\] {
  left: -25%
}

.top-\[14\.5vh\] {
  top: 14.5vh
}

.left-\[470px\] {
  left: 29.375rem
}

.top-\[-70px\] {
  top: -4.375rem
}

.bottom-\[-450px\] {
  bottom: -28.125rem
}

.left-\[-5\.68vw\] {
  left: -5.68vw
}

.bottom-0 {
  bottom: 0
}

.left-\[2\%\] {
  left: 2%
}

.right-\[0px\] {
  right: 0
}

.top-\[24px\] {
  top: 1.5rem
}

.right-\[12px\] {
  right: .75rem
}

.right-0 {
  right: 0
}

.left-\[-5vw\] {
  left: -5vw
}

.left-0 {
  left: 0
}

.top-\[-476px\] {
  top: -29.75rem
}

.left-\[60px\] {
  left: 3.75rem
}

.top-\[-569px\] {
  top: -35.5625rem
}

.left-3 {
  left: .75rem
}

.top-\[-150px\] {
  top: -9.375rem
}

.left-\[-142px\] {
  left: -8.875rem
}

.top-\[-30px\] {
  top: -1.875rem
}

.left-8 {
  left: 2rem
}

.left-\[-100px\] {
  left: -6.25rem
}

.top-\[-330px\] {
  top: -20.625rem
}

.left-\[200px\] {
  left: 12.5rem
}

.left-\[-202px\] {
  left: -12.625rem
}

.top-\[100px\] {
  top: 6.25rem
}

.top-\[80px\] {
  top: 5rem
}

.left-\[-60px\] {
  left: -3.75rem
}

.top-\[30\.96\%\] {
  top: 30.96%
}

.right-\[2\%\] {
  right: 2%
}

.top-\[-20px\] {
  top: -1.25rem
}

.top-\[200px\] {
  top: 12.5rem
}

.left-\[-282px\] {
  left: -17.625rem
}

.top-\[60px\] {
  top: 3.75rem
}

.left-\[-34px\] {
  left: -2.125rem
}

.bottom-\[9\%\] {
  bottom: 9%
}

.left-\[-92px\] {
  left: -5.75rem
}

.top-\[-50px\] {
  top: -3.125rem
}

.right-\[25px\] {
  right: 1.5625rem
}

.top-\[173px\] {
  top: 10.8125rem
}

.bottom-\[87px\] {
  bottom: 5.4375rem
}

.top-\[18px\] {
  top: 1.125rem
}

.top-\[-404px\] {
  top: -25.25rem
}

.left-\[29\.33\%\] {
  left: 29.33%
}

.bottom-\[152px\] {
  bottom: 9.5rem
}

.right-\[100px\] {
  right: 6.25rem
}

.left-5 {
  left: 1.25rem
}

.top-\[75px\] {
  top: 4.6875rem
}

.top-\[135px\] {
  top: 8.4375rem
}

.top-\[498px\] {
  top: 31.125rem
}

.right-\[22px\] {
  right: 1.375rem
}

.bottom-\[120px\] {
  bottom: 7.5rem
}

.top-8 {
  top: 2rem
}

.top-\[-64px\] {
  top: -4rem
}

.right-\[-120px\] {
  right: -7.5rem
}

.top-\[88px\] {
  top: 5.5rem
}

.bottom-6 {
  bottom: 1.5rem
}

.right-\[16px\] {
  right: 1rem
}

.top-\[16px\] {
  top: 1rem
}

.right-\[0\] {
  right: 0
}

.right-\[8px\] {
  right: .5rem
}

.right-6 {
  right: 1.5rem
}

.top-\[-228px\] {
  top: -14.25rem
}

.right-\[-6px\] {
  right: -.375rem
}

.top-\[-36px\] {
  top: -2.25rem
}

.bottom-20 {
  bottom: 5rem
}

.z-30 {
  z-index: 30
}

.z-50 {
  z-index: 50
}

.z-40 {
  z-index: 40
}

.z-20 {
  z-index: 20
}

.z-10 {
  z-index: 10
}

.z-0 {
  z-index: 0
}

.m-auto {
  margin: auto
}

.mx-8,
.mx-\[32px\] {
  margin-left: 2rem;
  margin-right: 2rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem
}

.mx-4,
.mx-\[16px\] {
  margin-left: 1rem;
  margin-right: 1rem
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.mt-7 {
  margin-top: 1.75rem
}

.mt-8 {
  margin-top: 2rem
}

.mt-\[56px\] {
  margin-top: 3.5rem
}

.mt-\[8px\] {
  margin-top: .5rem
}

.mt-\[53px\] {
  margin-top: 3.3125rem
}

.mb-\[44px\] {
  margin-bottom: 2.75rem
}

.mt-\[48px\] {
  margin-top: 3rem
}

.ml-\[56px\] {
  margin-left: 3.5rem
}

.ml-\[32px\] {
  margin-left: 2rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-3 {
  margin-top: .75rem
}

.mt-2 {
  margin-top: .5rem
}

.ml-\[40px\] {
  margin-left: 2.5rem
}

.mr-3 {
  margin-right: .75rem
}

.mt-52 {
  margin-top: 13rem
}

.mt-\[243px\] {
  margin-top: 15.1875rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mr-2 {
  margin-right: .5rem
}

.ml-3 {
  margin-left: .75rem
}

.ml-\[88px\] {
  margin-left: 5.5rem
}

.mt-\[18px\] {
  margin-top: 1.125rem
}

.mt-\[144px\] {
  margin-top: 9rem
}

.mb-\[112px\] {
  margin-bottom: 7rem
}

.mr-\[112px\] {
  margin-right: 7rem
}

.ml-\[112px\] {
  margin-left: 7rem
}

.mt-\[12\.46vh\] {
  margin-top: 12.46vh
}

.mt-\[334px\] {
  margin-top: 20.875rem
}

.mt-\[40px\] {
  margin-top: 2.5rem
}

.mt-\[118px\] {
  margin-top: 7.375rem
}

.mt-\[92px\] {
  margin-top: 5.75rem
}

.mt-\[32px\] {
  margin-top: 2rem
}

.mt-\[20px\] {
  margin-top: 1.25rem
}

.mt-\[17px\] {
  margin-top: 1.0625rem
}

.mt-\[260px\] {
  margin-top: 16.25rem
}

.mt-\[160px\] {
  margin-top: 10rem
}

.mt-\[104px\] {
  margin-top: 6.5rem
}

.mt-\[26\.1vh\] {
  margin-top: 26.1vh
}

.mt-\[88px\] {
  margin-top: 5.5rem
}

.mt-\[120px\] {
  margin-top: 7.5rem
}

.mt-\[23\.48vh\] {
  margin-top: 23.48vh
}

.mt-10 {
  margin-top: 2.5rem
}

.mb-8 {
  margin-bottom: 2rem
}

.mb-20 {
  margin-bottom: 5rem
}

.mt-5 {
  margin-top: 1.25rem
}

.ml-4 {
  margin-left: 1rem
}

.mb-\[64px\] {
  margin-bottom: 4rem
}

.mt-\[24px\] {
  margin-top: 1.5rem
}

.mt-\[192px\] {
  margin-top: 12rem
}

.ml-\[30px\] {
  margin-left: 1.875rem
}

.mt-\[80px\] {
  margin-top: 5rem
}

.mt-\[200px\] {
  margin-top: 12.5rem
}

.mr-4 {
  margin-right: 1rem
}

.ml-\[120px\] {
  margin-left: 7.5rem
}

.mt-\[5px\] {
  margin-top: .3125rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-\[12px\] {
  margin-bottom: .75rem
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.h-\[100vh\] {
  height: 100vh
}

.h-\[392px\] {
  height: 24.5rem
}

.h-\[64px\] {
  height: 4rem
}

.h-\[24px\] {
  height: 1.5rem
}

.h-full {
  height: 100%
}

.h-\[457px\] {
  height: 28.5625rem
}

.h-\[36px\] {
  height: 2.25rem
}

.h-\[22px\] {
  height: 1.375rem
}

.h-\[30px\] {
  height: 1.875rem
}

.h-\[42px\] {
  height: 2.625rem
}

.h-\[32px\] {
  height: 2rem
}

.h-\[43px\] {
  height: 2.6875rem
}

.h-\[70px\] {
  height: 4.375rem
}

.h-\[640px\] {
  height: 40rem
}

.h-\[840px\] {
  height: 52.5rem
}

.h-\[240px\] {
  height: 15rem
}

.h-\[38px\] {
  height: 2.375rem
}

.h-\[400px\] {
  height: 25rem
}

.h-\[144px\] {
  height: 9rem
}

.h-\[28px\] {
  height: 1.75rem
}

.h-\[490px\] {
  height: 30.625rem
}

.h-\[500px\] {
  height: 31.25rem
}

.h-\[full\] {
  height: full
}

.h-\[5px\] {
  height: .3125rem
}

.h-\[384px\] {
  height: 24rem
}

.h-\[1160px\] {
  height: 72.5rem
}

.h-\[128px\] {
  height: 8rem
}

.h-\[88px\] {
  height: 5.5rem
}

.h-\[49px\] {
  height: 3.0625rem
}

.h-\[92px\] {
  height: 5.75rem
}

.h-\[54px\] {
  height: 3.375rem
}

.h-\[80px\] {
  height: 5rem
}

.h-\[834px\] {
  height: 52.125rem
}

.h-\[684px\] {
  height: 42.75rem
}

.h-\[566px\] {
  height: 35.375rem
}

.h-\[600px\] {
  height: 37.5rem
}

.h-\[72px\] {
  height: 4.5rem
}

.h-16 {
  height: 4rem
}

.h-\[6px\] {
  height: .375rem
}

.h-\[26px\] {
  height: 1.625rem
}

.h-1\/2 {
  height: 50%
}

.h-\[328px\] {
  height: 20.5rem
}

.h-\[376px\] {
  height: 23.5rem
}

.h-\[40px\] {
  height: 2.5rem
}

.h-\[1px\] {
  height: 1px
}

.h-\[74px\] {
  height: 4.625rem
}

.h-\[17px\] {
  height: 1.0625rem
}

.h-\[432px\] {
  height: 27rem
}

.h-\[41px\] {
  height: 2.5625rem
}

.h-\[280px\] {
  height: 17.5rem
}

.h-8 {
  height: 2rem
}

.max-h-\[75vh\] {
  max-height: 75vh
}

.min-h-\[32px\] {
  min-height: 2rem
}

.min-h-screen {
  min-height: 100vh
}

.min-h-\[40px\] {
  min-height: 2.5rem
}

.min-h-\[1440px\] {
  min-height: 90rem
}

.min-h-\[2700px\] {
  min-height: 168.75rem
}

.min-h-\[648px\] {
  min-height: 30.5rem
}

.w-\[450px\] {
  width: 28.125rem
}

.w-full {
  width: 100%
}

.w-\[274px\] {
  width: 17.125rem
}

.w-\[1160px\] {
  width: 72.5rem
}

.w-\[464px\] {
  width: 29rem
}

.w-\[560px\] {
  width: 35rem
}

.w-\[520px\] {
  width: 32.5rem
}

.w-\[670px\] {
  width: 41.875rem
}

.w-\[820px\] {
  width: 51.25rem
}

.w-\[164px\] {
  width: 10.25rem
}

.w-\[157px\] {
  width: 9.8125rem
}

.w-\[160px\] {
  width: 10rem
}

.w-\[116\.5px\] {
  width: 7.28125rem
}

.w-\[136\.5px\] {
  width: 8.53125rem
}

.w-\[117\.5px\] {
  width: 7.34375rem
}

.w-\[70px\] {
  width: 4.375rem
}

.w-\[52vw\] {
  width: 52vw
}

.w-\[61\.25vw\] {
  width: 61.25vw
}

.w-\[98\%\] {
  width: 98%
}

.w-\[640px\] {
  width: 40rem
}

.w-\[132px\] {
  width: 8.25rem
}

.w-\[122px\] {
  width: 7.625rem
}

.w-\[1626px\] {
  width: 101.625rem
}

.w-\[470px\] {
  width: 29.375rem
}

.w-\[322px\] {
  width: 20.125rem
}

.w-\[442px\] {
  width: 27.625rem
}

.w-\[208px\] {
  width: 13rem
}

.w-\[252px\] {
  width: 15.75rem
}

.w-6 {
  width: 1.5rem
}

.w-\[352px\] {
  width: 22rem
}

.w-\[320px\] {
  width: 20rem
}

.w-\[600px\] {
  width: 37.5rem
}

.w-\[282px\] {
  width: 17.625rem
}

.w-\[245px\] {
  width: 15.3125rem
}

.w-\[428px\] {
  width: 26.75rem
}

.w-\[578px\] {
  width: 36.125rem
}

.w-\[24px\] {
  width: 1.5rem
}

.w-\[99px\] {
  width: 6.1875rem
}

.w-\[1340px\] {
  width: 83.75rem
}

.w-\[1056px\] {
  width: 66rem
}

.w-\[648px\] {
  width: 40.5rem
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.w-\[140px\] {
  width: 8.75rem
}

.w-\[120px\] {
  width: 7.5rem
}

.w-\[88px\] {
  width: 5.5rem
}

.w-\[62px\] {
  width: 3.875rem
}

.w-\[92px\] {
  width: 5.75rem
}

.w-\[41px\] {
  width: 2.5625rem
}

.w-\[80px\] {
  width: 5rem
}

.w-\[302px\] {
  width: 18.875rem
}

.w-\[calc\(100\%-106px\)\] {
  width: calc(100% - 6.625rem)
}

.w-\[1556px\] {
  width: 97.25rem
}

.w-\[693px\] {
  width: 43.3125rem
}

.w-\[385px\] {
  width: 24.0625rem
}

.w-\[740px\] {
  width: 46.25rem
}

.w-px {
  width: 1px
}

.w-\[893px\] {
  width: 55.8125rem
}

.w-\[224px\] {
  width: 14rem
}

.w-\[0\.5px\] {
  width: .5px
}

.w-\[100px\] {
  width: 6.25rem
}

.w-\[40px\] {
  width: 2.5rem
}

.w-\[200px\] {
  width: 12.5rem
}

.w-auto {
  width: auto
}

.w-\[28px\] {
  width: 1.75rem
}

.w-\[300px\] {
  width: 18.75rem
}

.w-\[1400px\] {
  width: 87.5rem
}

.w-\[616px\] {
  width: 38.5rem
}

.w-\[368px\] {
  width: 23rem
}

.w-\[984px\] {
  width: 61.5rem
}

.w-8 {
  width: 2rem
}

.min-w-\[492px\] {
  min-width: 30.75rem
}

.min-w-\[480px\] {
  min-width: 30rem
}

.min-w-\[100px\] {
  min-width: 6.25rem
}

.min-w-\[300px\] {
  min-width: 18.75rem
}

.max-w-\[550px\] {
  max-width: 34.375rem
}

.max-w-\[558px\] {
  max-width: 34.875rem
}

.max-w-\[1320px\] {
  max-width: 82.5rem
}

.max-w-\[390px\] {
  max-width: 24.375rem
}

.max-w-\[900px\] {
  max-width: 56.25rem
}

.max-w-\[354px\] {
  max-width: 22.125rem
}

.max-w-\[460px\] {
  max-width: 28.75rem
}

.max-w-\[400px\] {
  max-width: 25rem
}

.max-w-\[504px\] {
  max-width: 31.5rem
}

.max-w-\[516px\] {
  max-width: 32.25rem
}

.max-w-\[880px\] {
  max-width: 55rem
}

.max-w-\[888px\] {
  max-width: 55.5rem
}

.max-w-\[728px\] {
  max-width: 45.5rem
}

.max-w-\[1088px\] {
  max-width: 68rem
}

.max-w-full {
  max-width: 100%
}

.max-w-none {
  max-width: none
}

.max-w-\[452px\] {
  max-width: 28.25rem
}

.max-w-\[300px\] {
  max-width: 18.75rem
}

.max-w-\[414px\] {
  max-width: 25.875rem
}

.flex-auto {
  flex: 1 1 auto
}

.flex-1 {
  flex: 1 1 0%
}

.rotate-\[180deg\] {
  --tw-rotate: 180deg
}

.rotate-\[180deg\],
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes shimmer {
  0% {
    background-position: -43.75rem 0
  }

  to {
    background-position: 43.75rem 0
  }
}

.animate-shimmer {
  animation: shimmer 1.3s linear infinite
}

.cursor-pointer {
  cursor: pointer
}

.resize {
  resize: both
}

.list-none {
  list-style-type: none
}

.grid-flow-col {
  grid-auto-flow: column
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr))
}

.flex-row {
  flex-direction: row
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-around {
  justify-content: space-around
}

.justify-items-start {
  justify-items: start
}

.justify-items-center {
  justify-items: center
}

.gap-\[23px\] {
  gap: 1.4375rem
}

.gap-\[10px\] {
  gap: .625rem
}

.gap-\[32px\] {
  gap: 2rem
}

.gap-\[38px\] {
  gap: 2.375rem
}

.gap-\[4px\] {
  gap: .25rem
}

.gap-14 {
  gap: 3.5rem
}

.gap-\[72px\] {
  gap: 4.5rem
}

.gap-\[8px\] {
  gap: .5rem
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.whitespace-nowrap {
  white-space: nowrap
}

.rounded {
  border-radius: .25rem
}

.rounded-md {
  border-radius: .375rem
}

.rounded-\[12px\] {
  border-radius: .75rem
}

.rounded-\[10px\] {
  border-radius: .625rem
}

.rounded-xl {
  border-radius: .75rem
}

.rounded-\[4px\] {
  border-radius: .25rem
}

.rounded-\[6px\] {
  border-radius: .375rem
}

.rounded-\[50\%\] {
  border-radius: 50%
}

.rounded-\[2px\] {
  border-radius: 2px
}

.border {
  border-width: 1px
}

.border-b {
  border-bottom-width: 1px
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99/var(--tw-border-opacity))
}

.border-\[\#E9EEF4\] {
  --tw-border-opacity: 1;
  border-color: rgb(233 238 244/var(--tw-border-opacity))
}

.border-\[\#E6EBF2\] {
  --tw-border-opacity: 1;
  border-color: rgb(230 235 242/var(--tw-border-opacity))
}

.border-\[\#DBE3EE\] {
  --tw-border-opacity: 1;
  border-color: rgb(219 227 238/var(--tw-border-opacity))
}

.border-opacity-\[0\.12\] {
  --tw-border-opacity: 0.12
}

.bg-\[\#f6f7f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 247 248/var(--tw-bg-opacity))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-normal-black {
  --tw-bg-opacity: 1;
  background-color: rgb(50 55 63/var(--tw-bg-opacity))
}

.bg-gray-normal {
  --tw-bg-opacity: 1;
  background-color: rgb(102 111 128/var(--tw-bg-opacity))
}

.bg-\[\#888888\] {
  --tw-bg-opacity: 1;
  background-color: rgb(136 136 136/var(--tw-bg-opacity))
}

.bg-\[\#F4F7FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 250/var(--tw-bg-opacity))
}

.bg-\[\#E6EEFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 238 255/var(--tw-bg-opacity))
}

.bg-\[\#E6EAF5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 234 245/var(--tw-bg-opacity))
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9
}

.bg-opacity-100 {
  --tw-bg-opacity: 1
}

.bg-opacity-\[94\] {
  --tw-bg-opacity: 94
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4
}

.bg-cover {
  background-size: cover
}

.bg-center {
  background-position: 50%
}

.bg-left-bottom {
  background-position: 0 100%
}

.bg-right {
  background-position: 100%
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.p-\[32px\] {
  padding: 2rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.py-\[24px\] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.px-\[24px\] {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.py-\[12px\] {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.px-\[20px\] {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.pb-\[65px\] {
  padding-bottom: 4.0625rem
}

.pt-\[192px\] {
  padding-top: 12rem
}

.pt-\[96px\] {
  padding-top: 6rem
}

.pt-1 {
  padding-top: .25rem
}

.pt-\[22vh\] {
  padding-top: 22vh
}

.pt-\[6px\] {
  padding-top: .375rem
}

.pl-6 {
  padding-left: 1.5rem
}

.pl-1 {
  padding-left: .25rem
}

.pt-3 {
  padding-top: .75rem
}

.pt-4 {
  padding-top: 1rem
}

.pr-1 {
  padding-right: .25rem
}

.pt-\[20\.3vh\] {
  padding-top: 20.3vh
}

.pt-\[8\.6vh\] {
  padding-top: 8.6vh
}

.pt-\[136px\] {
  padding-top: 8.5rem
}

.pl-\[10vw\] {
  padding-left: 10vw
}

.pt-2 {
  padding-top: .5rem
}

.pb-6 {
  padding-bottom: 1.5rem
}

.pt-\[24\.1vh\] {
  padding-top: 24.1vh
}

.pt-\[2vh\] {
  padding-top: 2vh
}

.pt-20 {
  padding-top: 5rem
}

.pb-\[250px\] {
  padding-bottom: 15.625rem
}

.pt-\[10\.87vh\] {
  padding-top: 10.87vh
}

.pb-\[13\.04vh\] {
  padding-bottom: 13.04vh
}

.pl-12 {
  padding-left: 3rem
}

.pt-12 {
  padding-top: 3rem
}

.pb-14 {
  padding-bottom: 3.5rem
}

.pl-2 {
  padding-left: .5rem
}

.pr-6 {
  padding-right: 1.5rem
}

.pl-\[56px\] {
  padding-left: 3.5rem
}

.pb-\[56px\] {
  padding-bottom: 3.5rem
}

.pr-\[96px\] {
  padding-right: 6rem
}

.pt-\[148px\] {
  padding-top: 9.25rem
}

.pb-\[360px\] {
  padding-bottom: 22.5rem
}

.pb-4 {
  padding-bottom: 1rem
}

.pb-2 {
  padding-bottom: .5rem
}

.pl-4 {
  padding-left: 1rem
}

.pr-\[30px\] {
  padding-right: 1.875rem
}

.pt-\[120px\] {
  padding-top: 7.5rem
}

.pl-\[16px\] {
  padding-left: 1rem
}

.pt-\[72px\] {
  padding-top: 4.5rem
}

.pt-\[32px\] {
  padding-top: 2rem
}

.pt-\[40px\] {
  padding-top: 2.5rem
}

.pt-\[80px\] {
  padding-top: 5rem
}

.pt-\[12\.5rem\] {
  padding-top: 12.5rem
}

.pb-\[157px\] {
  padding-bottom: 9.8125rem
}

.pb-\[12px\] {
  padding-bottom: .75rem
}

.pb-\[4px\] {
  padding-bottom: .25rem
}

.pb-\[16px\] {
  padding-bottom: 1rem
}

.pt-\[2px\] {
  padding-top: 2px
}

.pb-\[20px\] {
  padding-bottom: 1.25rem
}

.pt-6,
.pt-\[24px\] {
  padding-top: 1.5rem
}

.pb-8 {
  padding-bottom: 2rem
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.align-middle {
  vertical-align: middle
}

.align-bottom {
  vertical-align: bottom
}

.text-\[16px\] {
  font-size: 1rem
}

.text-desc {
  font-size: 1.125rem;
  line-height: 2rem
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1
}

.text-\[46px\] {
  font-size: 2.875rem
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.text-\[74px\] {
  font-size: 4.625rem
}

.text-\[24px\] {
  font-size: 1.5rem
}

.text-\[64px\] {
  font-size: 4rem
}

.text-\[28px\] {
  font-size: 1.75rem
}

.text-\[26px\] {
  font-size: 1.625rem
}

.text-\[18px\] {
  font-size: 1.125rem
}

.text-\[56px\] {
  font-size: 3.5rem
}

.text-\[30px\] {
  font-size: 1.875rem
}

.text-\[20px\] {
  font-size: 1.25rem
}

.text-\[10px\] {
  font-size: .625rem
}

.text-\[68px\] {
  font-size: 4.25rem
}

.text-\[34px\] {
  font-size: 2.125rem
}

.text-\[44px\] {
  font-size: 2.75rem
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem
}

.text-tiny {
  font-size: 1.375rem;
  line-height: 2rem
}

.text-sp {
  line-height: 1rem
}

.text-\[13px\],
.text-sp {
  font-size: .8125rem
}

.text-\[22px\] {
  font-size: 1.375rem
}

.text-\[14px\] {
  font-size: .875rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-\[12px\] {
  font-size: .75rem
}

.font-\[500\] {
  font-weight: 500
}

.font-\[600\],
.font-semibold {
  font-weight: 600
}

.font-medium {
  font-weight: 500
}

.font-\[700\],
.font-bold {
  font-weight: 700
}

.font-\[400\],
.font-normal {
  font-weight: 400
}

.leading-\[64px\] {
  line-height: 4rem
}

.leading-7 {
  line-height: 1.75rem
}

.leading-\[72px\] {
  line-height: 4.5rem
}

.leading-\[96px\] {
  line-height: 6rem
}

.leading-\[26px\] {
  line-height: 1.625rem
}

.leading-\[32px\] {
  line-height: 2rem
}

.leading-\[56px\] {
  line-height: 3.5rem
}

.leading-10 {
  line-height: 2.5rem
}

.leading-8 {
  line-height: 2rem
}

.leading-\[28px\] {
  line-height: 1.75rem
}

.leading-6 {
  line-height: 1.5rem
}

.leading-5 {
  line-height: 1.25rem
}

.leading-4 {
  line-height: 1rem
}

.leading-\[24px\] {
  line-height: 1.5rem
}

.leading-\[16px\] {
  line-height: 1rem
}

.leading-\[17px\] {
  line-height: 1.0625rem
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-\[\#32373F\],
.text-normal-black {
  --tw-text-opacity: 1;
  color: rgb(50 55 63/var(--tw-text-opacity))
}

.text-\[\#2F353F\] {
  --tw-text-opacity: 1;
  color: rgb(47 53 63/var(--tw-text-opacity))
}

.text-\[\#666F80\] {
  --tw-text-opacity: 1;
  color: rgb(102 111 128/var(--tw-text-opacity))
}

.text-\[\#9847FF\] {
  --tw-text-opacity: 1;
  color: rgb(152 71 255/var(--tw-text-opacity))
}

.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-\[\#8D95A6\] {
  --tw-text-opacity: 1;
  color: rgb(141 149 166/var(--tw-text-opacity))
}

.text-\[\#B8BECC\] {
  --tw-text-opacity: 1;
  color: rgb(184 190 204/var(--tw-text-opacity))
}

.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-\[\#2D61FC\] {
  --tw-text-opacity: 1;
  color: rgb(45 97 252/var(--tw-text-opacity))
}

.text-\[\#FD469E\] {
  --tw-text-opacity: 1;
  color: rgb(253 70 158/var(--tw-text-opacity))
}

.text-\[\#3C5078\] {
  --tw-text-opacity: 1;
  color: rgb(60 80 120/var(--tw-text-opacity))
}

.text-\[\#6D47DE\] {
  --tw-text-opacity: 1;
  color: rgb(109 71 222/var(--tw-text-opacity))
}

.text-\[\#5C4B73\] {
  --tw-text-opacity: 1;
  color: rgb(92 75 115/var(--tw-text-opacity))
}

.text-gray-light {
  --tw-text-opacity: 1;
  color: rgb(184 190 204/var(--tw-text-opacity))
}

.text-gray-lighter {
  --tw-text-opacity: 1;
  color: rgb(230 233 237/var(--tw-text-opacity))
}

.text-gray-bold {
  --tw-text-opacity: 1;
  color: rgb(141 149 166/var(--tw-text-opacity))
}

.text-\[\#202d40\] {
  --tw-text-opacity: 1;
  color: rgb(32 45 64/var(--tw-text-opacity))
}

.text-\[\#606c80\] {
  --tw-text-opacity: 1;
  color: rgb(96 108 128/var(--tw-text-opacity))
}

.text-blue-hover {
  --tw-text-opacity: 1;
  color: rgb(51 133 255/var(--tw-text-opacity))
}

.text-opacity-40 {
  --tw-text-opacity: 0.4
}

.text-opacity-80 {
  --tw-text-opacity: 0.8
}

.opacity-80 {
  opacity: .8
}

.opacity-70 {
  opacity: .7
}

.opacity-50 {
  opacity: .5
}

.opacity-\[0\.8\] {
  opacity: .8
}

.opacity-100 {
  opacity: 1
}

.opacity-0 {
  opacity: 0
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-none,
.shadow-sm {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

.outline {
  outline-style: solid
}

.backdrop-blur-\[44px\] {
  --tw-backdrop-blur: blur(2.75rem)
}

.backdrop-blur-\[40px\],
.backdrop-blur-\[44px\] {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[40px\] {
  --tw-backdrop-blur: blur(2.5rem)
}

.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.duration-75 {
  transition-duration: 75ms
}

.ease-linear {
  transition-timing-function: linear
}

.m-center {
  margin: 0 auto
}

.bg-gradient-purple-to-pink {
  background: linear-gradient(100.21deg, #2d61fc .85%, #9362ed 45.24%, #f06195 96.93%, #fca1ad 135.95%)
}

:root {
  /* !STARTERCONF Customize these variable, copy and paste from /styles/colors.css for list of colors */
  --tw-color-primary-50: 240 249 255;
  --tw-color-primary-100: 224 242 254;
  --tw-color-primary-200: 186 230 253;
  --tw-color-primary-300: 125 211 252;
  --tw-color-primary-400: 56 189 248;
  --tw-color-primary-500: 14 165 233;
  --tw-color-primary-600: 2 132 199;
  --tw-color-primary-700: 3 105 161;
  --tw-color-primary-800: 7 89 133;
  --tw-color-primary-900: 12 74 110;
  --color-primary-50: rgb(var(--tw-color-primary-50));
  --color-primary-100: rgb(var(--tw-color-primary-100));
  --color-primary-200: rgb(var(--tw-color-primary-200));
  --color-primary-300: rgb(var(--tw-color-primary-300));
  --color-primary-400: rgb(var(--tw-color-primary-400));
  --color-primary-500: rgb(var(--tw-color-primary-500));
  --color-primary-600: rgb(var(--tw-color-primary-600));
  --color-primary-700: rgb(var(--tw-color-primary-700));
  --color-primary-800: rgb(var(--tw-color-primary-800));
  --color-primary-900: rgb(var(--tw-color-primary-900))
}

.font_family_PFSC {
  font-family: PingFang SC !important
}

.font_family_Ying_Hei {
  font-family: M Ying Hei PRC !important
}

.font_family_Avenir_Next {
  font-family: Avenir Next LT Pro !important
}



.slick-dots {
  display: flex !important;
  justify-content: center !important;
  flex-flow: wrap !important;
  max-width: 53.125rem !important;
  position: relative !important;
  margin: 6rem auto 0 !important;
  padding-bottom: 1.875rem !important;
  row-gap: 2rem;
  -moz-column-gap: 5rem;
  column-gap: 5rem
}

.slick-dots li {
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 3.5rem !important
}

.slick-dots01 {
  display: flex !important;
  justify-content: center !important;
  flex-flow: wrap !important;
  position: relative !important
}

.slick-dots01 li {
  width: 14.75rem !important;
  height: 8.25rem !important;
  margin-right: 3rem !important;
  border-left: 1px solid hsla(0, 0%, 100%, .3)
}

.slick-dots01 li:nth-child(3),
.slick-dots01 li:nth-child(6) {
  margin-right: 0 !important
}

.slick-dots01 li:nth-child(4),
.slick-dots01 li:nth-child(5),
.slick-dots01 li:nth-child(6) {
  height: 6.25rem !important
}

.slick-slider {
  overflow: hidden !important
}

.slick-track {
  display: flex !important
}

.slick-slide {
  padding: 0 3rem
}

@media (max-width:52.125rem) {
  .slick-slide {
    padding-left: 2rem;
    padding-right: 2rem
  }
}

@media (max-width:50.625rem) {
  .slick-slide {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media (max-width:40rem) {
  .slick-slide {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media (max-width:37.5rem) {
  .slick-slide {
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.slick-list {
  padding-top: 2.5rem !important;
  overflow: unset !important
}

#kf5-support-btn {
  top: unset !important;
  left: 1.25rem !important;
  bottom: 15rem !important;
  visibility: hidden
}

.kf5-chatSupport-right-bottom .kf5-supportBox {
  right: 1.25rem !important;
  bottom: 17vh !important
}

.mbw_full {
  width: calc(100% - 2rem)
}

@media screen and (max-width:112.5rem) {
  .slick-dots {
    row-gap: 2.1875rem
  }

  .slick-dots01 li {
    height: 8rem !important
  }

  .slick-dots01 li:nth-child(4),
  .slick-dots01 li:nth-child(5),
  .slick-dots01 li:nth-child(6) {
    height: 6rem !important
  }
}

@media screen and (max-width:72.5rem) {
  .slick-dots01 li {
    margin-right: 1.25rem !important
  }
}

@media screen and (max-width:52.125rem) {
  .slick-dots {
    margin-top: 3.75rem !important;
    -moz-column-gap: 2.8125rem;
    column-gap: 2.8125rem;
    row-gap: 1.5625rem
  }

  .slick-dots li {
    max-width: 9rem
  }
}

@media screen and (max-width:40rem) {
  .slick-dots {
    margin-top: 2.5rem !important;
    flex-wrap: wrap;
    max-width: calc(100% - 2rem) !important;
    min-height: 7rem;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0;
    gap: 1.25rem
  }

  .slick-dots li {
    gap: 1.5rem;
    width: 5.3125rem !important;
    height: 1.5rem !important
  }

  .slick-dots li img {
    height: 2rem !important
  }
}

.hover\:rounded-\[6px\]:hover {
  border-radius: .375rem
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.hover\:bg-\[\#EAEFFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 239 255/var(--tw-bg-opacity))
}

.hover\:bg-\[\#DFEAFA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 234 250/var(--tw-bg-opacity))
}

.hover\:bg-\[\#EEF5FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 245 255/var(--tw-bg-opacity))
}

.hover\:bg-opacity-\[50\]:hover {
  --tw-bg-opacity: 50
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-blue-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(51 133 255/var(--tw-text-opacity))
}

.hover\:opacity-\[100\]:hover {
  opacity: 1
}

.hover\:filter-none:hover {
  filter: none
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.focus-visible\:rounded:focus-visible {
  border-radius: .25rem
}

.focus-visible\:ring:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px
}

.active\:bg-gray-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.active\:bg-white\/80:active {
  background-color: hsla(0, 0%, 100%, .8)
}

.active\:bg-gray-700:active {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed
}

.disabled\:bg-gray-800:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.disabled\:bg-gray-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.disabled\:bg-gray-700:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.group:hover .group-hover\:block {
  display: block
}

.group:hover .group-hover\:inline-block {
  display: inline-block
}

.group:hover .group-hover\:inline {
  display: inline
}

.group:hover .group-hover\:rotate-\[180deg\] {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-\[\#2E61FC\] {
  --tw-text-opacity: 1;
  color: rgb(46 97 252/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-hover {
  --tw-text-opacity: 1;
  color: rgb(51 133 255/var(--tw-text-opacity))
}

@media (max-width:120rem) {
  .normal\:left-0 {
    left: 0
  }

  .normal\:min-w-full {
    min-width: 100%
  }

  .normal\:scale-\[0\.88\] {
    --tw-scale-x: 0.88;
    --tw-scale-y: 0.88;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .normal\:text-\[16px\] {
    font-size: 1rem
  }

  .normal\:leading-\[26px\] {
    line-height: 1.625rem
  }
}

@media (max-width:112.5rem) {
  .mac16\:right-\[9vw\] {
    right: 9vw
  }

  .mac16\:right-10 {
    right: 2.5rem
  }

  .mac16\:top-\[-16\.28rem\] {
    top: -16.28rem
  }

  .mac16\:right-\[-0\.43rem\] {
    right: -.43rem
  }

  .mac16\:top-\[-2\.57rem\] {
    top: -2.57rem
  }

  .mac16\:mt-8 {
    margin-top: 2rem
  }

  .mac16\:mt-\[6px\] {
    margin-top: .375rem
  }

  .mac16\:w-\[514px\] {
    width: 32.125rem
  }

  .mac16\:w-\[595px\] {
    width: 37.1875rem
  }

  .mac16\:w-\[766px\] {
    width: 47.875rem
  }

  .mac16\:w-\[937px\] {
    width: 58.5625rem
  }

  .mac16\:w-\[537px\] {
    width: 33.5625rem
  }

  .mac16\:w-\[505px\] {
    width: 31.5625rem
  }

  .mac16\:w-\[20\.14rem\] {
    width: 20.14rem
  }

  .mac16\:w-\[14\.29rem\] {
    width: 14.29rem
  }

  .mac16\:max-w-\[590px\] {
    max-width: 36.875rem
  }

  .mac16\:pt-\[16vh\] {
    padding-top: 16vh
  }

  .mac16\:text-\[53px\] {
    font-size: 3.3125rem
  }

  .mac16\:leading-\[83px\] {
    line-height: 5.1875rem
  }
}

@media (max-width:97.5rem) {
  .middleLp\:right-\[-40px\] {
    right: -2.5rem
  }

  .middleLp\:mt-2 {
    margin-top: .5rem
  }
}

@media (max-width:90rem) {
  .laptop\:right-\[12px\] {
    right: .75rem
  }

  .laptop\:left-\[-160px\] {
    left: -10rem
  }

  .laptop\:left-\[15px\] {
    left: .9375rem
  }

  .laptop\:mt-0 {
    margin-top: 0
  }

  .laptop\:mt-\[150px\] {
    margin-top: 9.375rem
  }

  .laptop\:mb-0 {
    margin-bottom: 0
  }

  .laptop\:h-\[672px\] {
    height: 42rem
  }

  .laptop\:h-\[144px\] {
    height: 9rem
  }

  .laptop\:min-h-\[1100px\] {
    min-height: 68.75rem
  }

  .laptop\:w-\[120px\] {
    width: 7.5rem
  }

  .laptop\:w-\[110px\] {
    width: 6.875rem
  }

  .laptop\:w-full {
    width: 100%
  }

  .laptop\:w-\[208px\] {
    width: 13rem
  }

  .laptop\:w-\[402px\] {
    width: 25.125rem
  }

  .laptop\:max-w-\[294px\] {
    max-width: 18.375rem
  }

  .laptop\:scale-\[0\.85\] {
    --tw-scale-x: 0.85;
    --tw-scale-y: 0.85;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .laptop\:pt-\[22vh\] {
    padding-top: 22vh
  }

  .laptop\:pb-\[18\.8vh\] {
    padding-bottom: 18.8vh
  }

  .laptop\:pt-\[13vh\] {
    padding-top: 13vh
  }

  .laptop\:text-\[52px\] {
    font-size: 3.25rem
  }

  .laptop\:text-\[22px\] {
    font-size: 1.375rem
  }

  .laptop\:text-\[48px\] {
    font-size: 3rem
  }

  .laptop\:text-\[46px\] {
    font-size: 2.875rem
  }

  .laptop\:text-\[34px\] {
    font-size: 2.125rem
  }

  .laptop\:leading-\[72px\] {
    line-height: 4.5rem
  }

  .laptop\:leading-\[28px\] {
    line-height: 1.75rem
  }

  .laptop\:leading-\[56px\] {
    line-height: 3.5rem
  }

  .laptop\:leading-\[48px\] {
    line-height: 3rem
  }
}

@media (max-width:87.5rem) {
  .lg\:top-\[-20px\] {
    top: -1.25rem
  }

  .lg\:top-\[360px\] {
    top: 22.5rem
  }

  .lg\:left-\[40px\] {
    left: 2.5rem
  }

  .lg\:right-\[-52px\] {
    right: -3.25rem
  }

  .lg\:top-\[-55px\] {
    top: -3.4375rem
  }

  .lg\:mt-0 {
    margin-top: 0
  }

  .lg\:block {
    display: block
  }

  .lg\:hidden {
    display: none
  }

  .lg\:flex-col {
    flex-direction: column
  }

  .lg\:items-center {
    align-items: center
  }

  .lg\:pt-2 {
    padding-top: .5rem
  }
}

@media (max-width:85.375rem) {
  .ipadProH\:mt-\[96px\] {
    margin-top: 6rem
  }
}

@media (max-width:80.0625rem) {
  .lgMiddle\:right-\[140px\] {
    right: 8.75rem
  }

  .lgMiddle\:left-5 {
    left: 1.25rem
  }

  .lgMiddle\:h-\[27px\] {
    height: 1.6875rem
  }

  .lgMiddle\:h-\[17px\] {
    height: 1.0625rem
  }

  .lgMiddle\:h-\[23px\] {
    height: 1.4375rem
  }

  .lgMiddle\:h-\[32px\] {
    height: 2rem
  }

  .lgMiddle\:h-\[24px\] {
    height: 1.5rem
  }

  .lgMiddle\:w-\[123px\] {
    width: 7.6875rem
  }

  .lgMiddle\:w-\[118px\] {
    width: 7.375rem
  }

  .lgMiddle\:w-\[120px\] {
    width: 7.5rem
  }

  .lgMiddle\:w-\[87px\] {
    width: 5.4375rem
  }

  .lgMiddle\:w-\[103px\] {
    width: 6.4375rem
  }

  .lgMiddle\:w-\[88px\] {
    width: 5.5rem
  }

  .lgMiddle\:pb-\[12\.8vh\] {
    padding-bottom: 12.8vh
  }
}

@media (max-width:79.9375rem) {
  .pcMin\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
  }

  .pcMin\:inline-block {
    display: inline-block
  }

  .pcMin\:flex {
    display: flex
  }

  .pcMin\:hidden {
    display: none
  }
}

@media (max-width:72.5rem) {
  .middle\:right-\[110px\] {
    right: 6.875rem
  }

  .middle\:mt-5,
  .middle\:mt-\[20px\] {
    margin-top: 1.25rem
  }

  .middle\:hidden {
    display: none
  }

  .middle\:h-\[600px\] {
    height: 37.5rem
  }

  .middle\:w-\[480px\] {
    width: 30rem
  }

  .middle\:max-w-\[260px\] {
    max-width: 16.25rem
  }

  .middle\:justify-center {
    justify-content: center
  }

  .middle\:pb-\[106px\] {
    padding-bottom: 6.625rem
  }

  .middle\:text-\[42px\] {
    font-size: 2.625rem
  }

  .middle\:text-\[18px\] {
    font-size: 1.125rem
  }
}

@media (max-width:64rem) {
  .layer\:absolute {
    position: absolute
  }

  .layer\:top-\[338px\] {
    top: 21.125rem
  }

  .layer\:right-\[13\.5vw\] {
    right: 13.5vw
  }

  .layer\:top-\[-119px\] {
    top: -7.4375rem
  }

  .layer\:bottom-\[14\.9vh\] {
    bottom: 14.9vh
  }

  .layer\:top-\[80px\] {
    top: 5rem
  }

  .layer\:mt-6 {
    margin-top: 1.5rem
  }

  .layer\:ml-\[53px\] {
    margin-left: 3.3125rem
  }

  .layer\:mr-0 {
    margin-right: 0
  }

  .layer\:block {
    display: block
  }

  .layer\:inline-block {
    display: inline-block
  }

  .layer\:flex {
    display: flex
  }

  .layer\:hidden {
    display: none
  }

  .layer\:h-\[32px\] {
    height: 2rem
  }

  .layer\:h-\[40px\] {
    height: 2.5rem
  }

  .layer\:w-\[400px\] {
    width: 25rem
  }

  .layer\:w-\[521px\] {
    width: 32.5625rem
  }

  .layer\:w-\[672px\] {
    width: 42rem
  }

  .layer\:w-\[823px\] {
    width: 51.4375rem
  }

  .layer\:w-full {
    width: 100%
  }

  .layer\:w-\[402px\] {
    width: 25.125rem
  }

  .layer\:flex-row {
    flex-direction: row
  }

  .layer\:flex-col {
    flex-direction: column
  }

  .layer\:justify-center {
    justify-content: center
  }

  .layer\:overflow-hidden {
    overflow: hidden
  }

  .layer\:rounded-lg {
    border-radius: .5rem
  }

  .layer\:pt-\[9px\] {
    padding-top: .5625rem
  }

  .layer\:pt-\[120px\] {
    padding-top: 7.5rem
  }

  .layer\:pt-\[14\.125rem\] {
    padding-top: 14.125rem
  }

  .layer\:pt-\[1rem\] {
    padding-top: 1rem
  }

  .layer\:pt-2 {
    padding-top: .5rem
  }

  .layer\:pt-\[112px\] {
    padding-top: 7rem
  }

  .layer\:pt-\[88px\] {
    padding-top: 5.5rem
  }

  .layer\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  .layer\:text-\[46px\] {
    font-size: 2.875rem
  }

  .layer\:text-\[30px\] {
    font-size: 1.875rem
  }

  .layer\:text-\[16px\] {
    font-size: 1rem
  }

  .layer\:text-\[34px\] {
    font-size: 2.125rem
  }

  .layer\:text-\[20px\] {
    font-size: 1.25rem
  }

  .layer\:text-\[32px\] {
    font-size: 2rem
  }

  .layer\:leading-\[56px\] {
    line-height: 3.5rem
  }

  .layer\:leading-\[40px\] {
    line-height: 2.5rem
  }

  .layer\:leading-\[48px\] {
    line-height: 3rem
  }

  .layer\:leading-7 {
    line-height: 1.75rem
  }

  .layer\:leading-\[46px\] {
    line-height: 2.875rem
  }
}

@media (max-width:52.125rem) {
  .tablet\:top-\[295px\] {
    top: 18.4375rem
  }

  .tablet\:right-\[5vw\] {
    right: 5vw
  }

  .tablet\:top-\[-104px\] {
    top: -6.5rem
  }

  .tablet\:bottom-\[14\.9vh\] {
    bottom: 14.9vh
  }

  .tablet\:top-\[65px\] {
    top: 4.0625rem
  }

  .tablet\:bottom-12 {
    bottom: 3rem
  }

  .tablet\:mx-\[53px\] {
    margin-left: 3.3125rem;
    margin-right: 3.3125rem
  }

  .tablet\:mt-5 {
    margin-top: 1.25rem
  }

  .tablet\:mt-\[16px\] {
    margin-top: 1rem
  }

  .tablet\:mt-0 {
    margin-top: 0
  }

  .tablet\:mb-\[88px\] {
    margin-bottom: 5.5rem
  }

  .tablet\:mt-\[188px\] {
    margin-top: 11.75rem
  }

  .tablet\:mt-\[88px\] {
    margin-top: 5.5rem
  }

  .tablet\:mt-\[240px\] {
    margin-top: 15rem
  }

  .tablet\:mt-\[80px\] {
    margin-top: 5rem
  }

  .tablet\:mt-\[96px\] {
    margin-top: 6rem
  }

  .tablet\:mt-20 {
    margin-top: 5rem
  }

  .tablet\:mt-\[144px\] {
    margin-top: 9rem
  }

  .tablet\:mt-\[-42px\] {
    margin-top: -2.625rem
  }

  .tablet\:inline-block {
    display: inline-block
  }

  .tablet\:flex {
    display: flex
  }

  .tablet\:grid {
    display: grid
  }

  .tablet\:hidden {
    display: none
  }

  .tablet\:h-\[31px\] {
    height: 1.9375rem
  }

  .tablet\:h-\[20px\] {
    height: 1.25rem
  }

  .tablet\:h-\[26px\] {
    height: 1.625rem
  }

  .tablet\:h-\[40px\] {
    height: 2.5rem
  }

  .tablet\:h-\[38px\] {
    height: 2.375rem
  }

  .tablet\:h-\[392px\] {
    height: 24.5rem
  }

  .tablet\:h-\[408px\] {
    height: 25.5rem
  }

  .tablet\:h-full {
    height: 100%
  }

  .tablet\:h-\[484px\] {
    height: 30.25rem
  }

  .tablet\:h-\[948px\] {
    height: 59.25rem
  }

  .tablet\:max-h-\[713px\] {
    max-height: 44.5625rem
  }

  .tablet\:max-h-\[585px\] {
    max-height: 36.5625rem
  }

  .tablet\:w-\[350px\] {
    width: 21.875rem
  }

  .tablet\:w-\[456px\] {
    width: 28.5rem
  }

  .tablet\:w-\[588px\] {
    width: 36.75rem
  }

  .tablet\:w-\[720px\] {
    width: 45rem
  }

  .tablet\:w-\[141\.5px\] {
    width: 8.84375rem
  }

  .tablet\:w-\[143px\] {
    width: 8.9375rem
  }

  .tablet\:w-\[138px\] {
    width: 8.625rem
  }

  .tablet\:w-\[111px\] {
    width: 6.9375rem
  }

  .tablet\:w-\[104px\] {
    width: 6.5rem
  }

  .tablet\:w-\[584px\] {
    width: 36.5rem
  }

  .tablet\:w-\[258px\] {
    width: 16.125rem
  }

  .tablet\:w-full {
    width: 100%
  }

  .tablet\:w-\[402px\] {
    width: 25.125rem
  }

  .tablet\:max-w-\[316px\] {
    max-width: 19.75rem
  }

  .tablet\:max-w-\[372px\] {
    max-width: 23.25rem
  }

  .tablet\:max-w-\[760px\] {
    max-width: 47.5rem
  }

  .tablet\:max-w-\[623px\] {
    max-width: 38.9375rem
  }

  .tablet\:max-w-\[465px\] {
    max-width: 29.0625rem
  }

  .tablet\:max-w-\[300px\] {
    max-width: 18.75rem
  }

  .tablet\:flex-none {
    flex: none
  }

  .tablet\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .tablet\:flex-row {
    flex-direction: row
  }

  .tablet\:flex-col {
    flex-direction: column
  }

  .tablet\:items-start {
    align-items: flex-start
  }

  .tablet\:justify-between {
    justify-content: space-between
  }

  .tablet\:justify-around {
    justify-content: space-around
  }

  .tablet\:gap-\[40px\] {
    gap: 2.5rem
  }

  .tablet\:gap-\[0\] {
    gap: 0
  }

  .tablet\:whitespace-nowrap {
    white-space: nowrap
  }

  .tablet\:bg-right {
    background-position: 100%
  }

  .tablet\:pt-2 {
    padding-top: .5rem
  }

  .tablet\:pt-\[224px\] {
    padding-top: 14rem
  }

  .tablet\:pl-\[14px\] {
    padding-left: .875rem
  }

  .tablet\:pb-\[140px\] {
    padding-bottom: 8.75rem
  }

  .tablet\:pb-0 {
    padding-bottom: 0
  }

  .tablet\:pt-0 {
    padding-top: 0
  }

  .tablet\:pr-4 {
    padding-right: 1rem
  }

  .tablet\:text-left {
    text-align: left
  }

  .tablet\:text-\[46px\] {
    font-size: 2.875rem
  }

  .tablet\:text-\[28px\] {
    font-size: 1.75rem
  }

  .tablet\:leading-\[72px\] {
    line-height: 4.5rem
  }

  .tablet\:leading-10 {
    line-height: 2.5rem
  }
}

@media (max-width:50.625rem) {
  .pad\:left-4 {
    left: 1rem
  }
}

@media (max-width:48rem) {
  .padmini\:top-\[-550px\] {
    top: -34.375rem
  }

  .padmini\:min-w-\[402px\] {
    min-width: 25.125rem
  }

  .padmini\:max-w-\[300px\] {
    max-width: 18.75rem
  }
}

@media (max-width:47.5rem) {
  .lm\:ml-0 {
    margin-left: 0
  }

  .lm\:inline-block {
    display: inline-block
  }

  .lm\:hidden {
    display: none
  }
}

@media (max-width:40rem) {
  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto
  }

  .sm\:mx-\[32px\] {
    margin-left: 2rem;
    margin-right: 2rem
  }

  .sm\:mt-\[160px\] {
    margin-top: 10rem
  }

  .sm\:mt-\[20px\] {
    margin-top: 1.25rem
  }

  .sm\:mt-\[17px\] {
    margin-top: 1.0625rem
  }

  .sm\:mt-\[12px\] {
    margin-top: .75rem
  }

  .sm\:mt-\[168px\] {
    margin-top: 10.5rem
  }

  .sm\:inline-block {
    display: inline-block
  }

  .sm\:hidden {
    display: none
  }

  .sm\:h-full {
    height: 100%
  }

  .sm\:h-\[15px\] {
    height: .9375rem
  }

  .sm\:h-\[56px\] {
    height: 3.5rem
  }

  .sm\:h-\[31px\] {
    height: 1.9375rem
  }

  .sm\:h-\[59px\] {
    height: 3.6875rem
  }

  .sm\:h-\[34px\] {
    height: 2.125rem
  }

  .sm\:h-\[51px\] {
    height: 3.1875rem
  }

  .sm\:h-\[432px\] {
    height: 27rem
  }

  .sm\:w-\[89px\] {
    width: 5.5625rem
  }

  .sm\:w-\[56px\] {
    width: 3.5rem
  }

  .sm\:w-\[112px\] {
    width: 7rem
  }

  .sm\:w-\[39px\] {
    width: 2.4375rem
  }

  .sm\:w-\[59px\] {
    width: 3.6875rem
  }

  .sm\:w-\[26px\] {
    width: 1.625rem
  }

  .sm\:w-\[51px\] {
    width: 3.1875rem
  }

  .sm\:w-\[326px\] {
    width: 20.375rem
  }

  .sm\:gap-\[32px\] {
    gap: 2rem
  }

  .sm\:px-\[24px\] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .sm\:pb-\[32px\] {
    padding-bottom: 2rem
  }

  .sm\:pb-\[120px\] {
    padding-bottom: 7.5rem
  }
}

@media (max-width:37.5rem) {
  .mb\:top-\[207px\] {
    top: 12.9375rem
  }

  .mb\:right-\[2vw\] {
    right: 2vw
  }

  .mb\:top-\[-7vh\] {
    top: -7vh
  }

  .mb\:bottom-\[17vh\] {
    bottom: 17vh
  }

  .mb\:top-\[-528px\] {
    top: -33rem
  }

  .mb\:left-0 {
    left: 0
  }

  .mb\:right-\[-6px\] {
    right: -.375rem
  }

  .mb\:top-\[128px\] {
    top: 8rem
  }

  .mb\:top-12 {
    top: 3rem
  }

  .mb\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
  }

  .mb\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
  }

  .mb\:mx-0 {
    margin-left: 0;
    margin-right: 0
  }

  .mb\:my-0 {
    margin-top: 0;
    margin-bottom: 0
  }

  .mb\:mt-4 {
    margin-top: 1rem
  }

  .mb\:ml-\[24px\] {
    margin-left: 1.5rem
  }

  .mb\:mr-2 {
    margin-right: .5rem
  }

  .mb\:mt-\[80px\] {
    margin-top: 5rem
  }

  .mb\:mb-6 {
    margin-bottom: 1.5rem
  }

  .mb\:mt-8 {
    margin-top: 2rem
  }

  .mb\:mt-14 {
    margin-top: 3.5rem
  }

  .mb\:mt-6 {
    margin-top: 1.5rem
  }

  .mb\:block {
    display: block
  }

  .mb\:inline-block {
    display: inline-block
  }

  .mb\:inline {
    display: inline
  }

  .mb\:hidden {
    display: none
  }

  .mb\:h-auto {
    height: auto
  }

  .mb\:h-\[24px\] {
    height: 1.5rem
  }

  .mb\:h-\[30px\] {
    height: 1.875rem
  }

  .mb\:h-\[400px\] {
    height: 25rem
  }

  .mb\:h-\[32px\] {
    height: 2rem
  }

  /* .mb\:h-\[1496px\] {
    height: 93.5rem
  } */

  .mb\:h-\[84px\] {
    height: 5.25rem
  }

  .mb\:max-h-\[185px\] {
    max-height: 11.5625rem
  }

  .mb\:max-h-\[572px\] {
    max-height: 35.75rem
  }

  .mb\:max-h-\[20px\] {
    max-height: 1.25rem
  }

  .mb\:min-h-\[81px\] {
    min-height: 5.0625rem
  }

  .mb\:w-\[180px\] {
    width: 11.25rem
  }

  .mb\:w-\[255px\] {
    width: 15.9375rem
  }

  .mb\:w-\[289px\] {
    width: 18.0625rem
  }

  .mb\:w-\[354px\] {
    width: 22.125rem
  }

  .mb\:w-full {
    width: 100%
  }

  .mb\:w-\[240px\] {
    width: 15rem
  }

  .mb\:w-\[120px\] {
    width: 7.5rem
  }

  .mb\:w-\[calc\(100\%-64px\)\] {
    width: calc(100% - 4rem)
  }

  .mb\:w-\[252px\] {
    width: 15.75rem
  }

  .mb\:w-2\/4 {
    /* width: 50% */
  }

  .mb\:w-\[24px\] {
    width: 1.5rem
  }

  .mb\:max-w-\[225px\] {
    max-width: 14.0625rem
  }

  .mb\:max-w-\[551px\] {
    max-width: 34.4375rem
  }

  .mb\:max-w-full {
    max-width: 100%
  }

  .mb\:max-w-\[75px\] {
    max-width: 4.6875rem
  }

  .mb\:max-w-\[106\.5px\] {
    max-width: 6.65625rem
  }

  .mb\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .mb\:flex-col {
    flex-direction: column
  }

  .mb\:flex-wrap {
    flex-wrap: wrap
  }

  .mb\:items-start {
    align-items: flex-start
  }

  .mb\:justify-start {
    justify-content: flex-start
  }

  .mb\:justify-end {
    justify-content: flex-end
  }

  .mb\:justify-between {
    justify-content: space-between
  }

  .mb\:overflow-hidden {
    overflow: hidden
  }

  .mb\:rounded-md {
    border-radius: .375rem
  }

  .mb\:py-0 {
    padding-top: 0;
    padding-bottom: 0
  }

  .mb\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .mb\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .mb\:pt-\[2px\] {
    padding-top: 2px
  }

  .mb\:pt-\[96px\] {
    padding-top: 6rem
  }

  .mb\:pt-\[128px\] {
    padding-top: 8rem
  }

  .mb\:pt-\[144px\] {
    padding-top: 9rem
  }

  .mb\:pt-\[176px\] {
    padding-top: 11rem
  }

  .mb\:pl-\[4px\] {
    padding-left: .25rem
  }

  .mb\:pt-\[88px\] {
    padding-top: 5.5rem
  }

  .mb\:pb-0 {
    padding-bottom: 0
  }

  .mb\:pt-0 {
    padding-top: 0
  }

  .mb\:pt-\[9rem\] {
    padding-top: 9rem
  }

  .mb\:pt-\[1rem\] {
    padding-top: 1rem
  }

  .mb\:pb-\[160px\] {
    padding-bottom: 10rem
  }

  .mb\:pt-\[60px\] {
    padding-top: 3.75rem
  }

  .mb\:pr-2 {
    padding-right: .5rem
  }

  .mb\:pl-8 {
    padding-left: 2rem
  }

  .mb\:pt-16 {
    padding-top: 4rem
  }

  .mb\:pb-3 {
    padding-bottom: .75rem
  }

  .mb\:pt-2 {
    padding-top: .5rem
  }

  .mb\:text-left {
    text-align: left
  }

  .mb\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .mb\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem
  }

  .mb\:text-\[34px\] {
    font-size: 2.125rem
  }

  .mb\:text-\[13px\] {
    font-size: .8125rem
  }

  .mb\:text-\[12px\] {
    font-size: .75rem
  }

  .mb\:text-\[28px\] {
    font-size: 1.75rem
  }

  .mb\:text-\[22px\] {
    font-size: 1.375rem
  }

  .mb\:text-\[16px\] {
    font-size: 1rem
  }

  .mb\:text-\[23px\] {
    font-size: 1.4375rem
  }

  .mb\:text-\[15px\] {
    font-size: .9375rem
  }

  .mb\:leading-\[26px\] {
    line-height: 1.625rem
  }

  .mb\:leading-7 {
    line-height: 1.75rem
  }

  .mb\:leading-\[48px\] {
    line-height: 3rem
  }

  .mb\:leading-\[22px\] {
    line-height: 1.375rem
  }

  .mb\:leading-\[16px\] {
    line-height: 1rem
  }

  .mb\:leading-10 {
    line-height: 2.5rem
  }

  .mb\:leading-8 {
    line-height: 2rem
  }

  .mb\:leading-4 {
    line-height: 1rem
  }

  .mb\:leading-5 {
    line-height: 1.25rem
  }

  .mb\:leading-\[24px\] {
    line-height: 1.5rem
  }
}

@media (max-width:26.875rem) {
  .iphone\:top-\[56px\] {
    top: 3.5rem
  }

  .iphone\:top-\[88px\] {
    top: 5.5rem
  }

  .iphone\:right-\[8px\] {
    right: .5rem
  }

  .iphone\:mt-\[48px\] {
    margin-top: 3rem
  }

  .iphone\:mb-\[46px\] {
    margin-bottom: 2.875rem
  }

  .iphone\:mt-\[80px\] {
    margin-top: 5rem
  }

  .iphone\:mt-\[12px\] {
    margin-top: .75rem
  }

  .iphone\:mt-2,
  .iphone\:mt-\[8px\] {
    margin-top: .5rem
  }

  .iphone\:h-\[56px\] {
    height: 3.5rem
  }

  .iphone\:h-\[20px\] {
    height: 1.25rem
  }

  .iphone\:h-\[15px\] {
    height: .9375rem
  }

  .iphone\:h-\[30px\] {
    height: 1.875rem
  }

  .iphone\:w-\[85px\] {
    width: 5.3125rem
  }

  .iphone\:w-\[80px\] {
    width: 5rem
  }

  .iphone\:p-\[24px\] {
    padding: 1.5rem
  }

  .iphone\:text-\[18px\] {
    font-size: 1.125rem
  }

  .iphone\:text-\[16px\] {
    font-size: 1rem
  }

  .iphone\:text-\[14px\] {
    font-size: .875rem
  }

  .iphone\:text-\[28px\] {
    font-size: 1.75rem
  }

  .iphone\:font-\[500\] {
    font-weight: 500
  }

  .iphone\:font-\[700\] {
    font-weight: 700
  }

  .iphone\:leading-\[26px\] {
    line-height: 1.625rem
  }

  .iphone\:leading-\[24px\] {
    line-height: 1.5rem
  }

  .iphone\:leading-\[40px\] {
    line-height: 2.5rem
  }

  .iphone\:text-\[\#2D61FC\] {
    --tw-text-opacity: 1;
    color: rgb(45 97 252/var(--tw-text-opacity))
  }

  .iphone\:text-\[\#FD469E\] {
    --tw-text-opacity: 1;
    color: rgb(253 70 158/var(--tw-text-opacity))
  }

  .iphone\:text-\[\#9847FF\] {
    --tw-text-opacity: 1;
    color: rgb(152 71 255/var(--tw-text-opacity))
  }

  .iphone\:opacity-80 {
    opacity: .8
  }
}

@media (max-width:23.4375rem) {
  .iphoneSE\:mx-\[27px\] {
    margin-left: 1.6875rem;
    margin-right: 1.6875rem
  }

  .iphoneSE\:mx-\[32px\] {
    margin-left: 2rem;
    margin-right: 2rem
  }

  .iphoneSE\:pl-0 {
    padding-left: 0
  }
}

html {
  font-size: 1rem
}

@media (max-width:112.5rem) {
  html {
    font-size: .875rem
  }
}

@media (max-width:52.125rem) {
  html {
    font-size: 1rem
  }
}

@media (max-width:48.75rem) {
  html {
    font-size: .875rem
  }
}

@media (max-width:40rem) {
  html {
    font-size: .875rem
  }
}

@media (max-width:37.5rem) {
  html {
    font-size: 1rem
  }
}

.style_banner_img__Upt_P {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen03-bg.png)
}

.style_title_bg__Ka3M4 {
  background: linear-gradient(99.45deg, #2d61fc 5.47%, #cb5bff 88.9%);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .5px;
  line-height: 4.5rem;
  font-weight: 700;
  font-size: 4rem
}

@media (max-width:90rem) {
  .style_title_bg__Ka3M4 {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:26.875rem) {
  .style_title_bg__Ka3M4 {
    font-size: 1.75rem;
    line-height: 2.5rem
  }
}

.style_default_card__ikn0l {
  background: hsla(0, 0%, 100%, .4);
  box-shadow: 0 0 .9375rem hsla(0, 13%, 75%, .15);
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
  border-radius: .75rem
}

.style_other_card_hover__olx_v {
  background: hsla(0, 0%, 100%, .7);
  box-shadow: 0 .3125rem 2.5rem hsla(6, 33%, 83%, .2)
}

.style_product_manager_card_hover__PUXrq {
  background: linear-gradient(319.06deg, rgba(156, 84, 248, .72) -4.71%, rgba(121, 45, 250, .9) 74.84%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(189, 146, 222, .7)
}

.style_business_manager_card_hover__QWh3p {
  background: linear-gradient(284.92deg, rgba(88, 155, 255, .9), rgba(77, 91, 255, .9) 91.47%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(160, 153, 233, .7)
}

.style_project_manager_card_hover__li__H,
.style_test_engineer_card_hover__ryqrM {
  background: linear-gradient(319.87deg, hsla(3, 100%, 71%, .9) -3.16%, rgba(226, 71, 136, .9) 74.86%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(157, 146, 222, .3)
}

.style_dev_engineer_card_hover__QkhZf {
  background: linear-gradient(319.06deg, rgba(156, 84, 248, .72) -4.71%, rgba(121, 45, 250, .9) 74.84%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(189, 146, 222, .7)
}

.style_ops_engineer_card_hover__BM2VM {
  background: linear-gradient(284.92deg, rgba(88, 155, 255, .9), rgba(77, 91, 255, .9) 91.47%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(160, 153, 233, .7)
}

.style_li_disc__Mb6kT>li {
  display: flex
}

.style_li_disc__Mb6kT>li:before {
  content: "\2022";
  color: #8d95a6;
  font-size: 1rem;
  padding-right: .375rem
}

.style_li_disc_hover__uokGA>li:before {
  content: "\2022";
  color: #fff;
  font-size: 1rem;
  padding-right: .375rem
}

.style_title_bg__CXcJZ {
  background: linear-gradient(90.37deg, #cd48e2 2.56%, #fd8484 99.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: .5px;
  line-height: 2.5rem;
  font-weight: 700;
  margin-left: 1rem;
  font-size: 1.75rem
}

.style_sass_card_bg__6H8vp {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/program-sass-bg.png?imageMogr2/format/webp)
}

.style_on_premise_card_bg__yOWBG {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/on-premise-bg.png?imageMogr2/format/webp)
}

.style_sass_card_title__voOu9 {
  background: linear-gradient(88.93deg, #2d61fc 3.52%, #00b2ff 98.16%);
  background-clip: text;
  -webkit-background-clip: text
}

.style_on_premise_card_title__BdDUM,
.style_sass_card_title__voOu9 {
  font-family: Avenir Next LT Pro;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent
}

.style_on_premise_card_title__BdDUM {
  background: linear-gradient(91.73deg, #4a2dfc -3.59%, #a55ffa 66.72%, #f865a2 125.19%);
  background-clip: text;
  -webkit-background-clip: text
}

.style_card_nav__4I8GU {
  font-family: PingFang SC;
  padding: 2px .5rem;
  border-radius: .375rem
}

.style_sass_card_nav__a_I5u {
  background: rgba(45, 97, 252, .15)
}

.style_on_premise_card_nav__0s89Y {
  background: rgba(109, 71, 222, .15)
}

.style_card_button__V6ys2 {
  box-shadow: 2px .4375rem .9375rem rgba(140, 198, 255, .5);
  border-radius: 2.9375rem;
  padding: .625rem 1.5rem;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: .875rem;
  line-height: 1.25rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff
}

.style_sass_card_button__wmGSU {
  background: linear-gradient(134.89deg, #26a7ff -25.98%, #06f);
  box-shadow: 2px .4375rem .9375rem rgba(140, 198, 255, .5)
}

.style_sass_card_button__wmGSU:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), linear-gradient(134.89deg, #26a7ff -25.98%, #06f)
}

.style_on_premise_card_button__Fd6EL {
  background: linear-gradient(137.04deg, #d680ff -42.15%, #6f3dff 78.58%, #3d73ff 144.26%);
  box-shadow: 2px .4375rem .9375rem rgba(185, 160, 255, .5)
}

.style_on_premise_card_button__Fd6EL:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), linear-gradient(137.04deg, #d680ff -42.15%, #6f3dff 78.58%, #3d73ff 144.26%)
}

.style_out_link__uEPws {
  width: 1rem;
  height: 1rem;
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/outlink.svg)
}

.style_li_disc__YXMM9>li:before {
  content: "\2022";
  color: #3c5078;
  font-size: 1rem;
  padding-right: .375rem
}

@media screen and (max-width:40rem) {
  .style_sass_card_bg__6H8vp {
    background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen07/sass-card-mobile.png?imageMogr2/format/webp)
  }

  .style_on_premise_card_bg__yOWBG {
    background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen07/on-premise-card-mobile.png?imageMogr2/format/webp)
  }
}

.style_title_num__u7scY {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 2rem;
  letter-spacing: -1px;
  background: linear-gradient(.763turn, #5bd8ff, #2d61fc 94.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.style_title_black__uqOz7 {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.5rem;
  letter-spacing: .5px;
  color: #32373f
}

.style_card_panel__sSflr {
  transform: translateX(0)
}

.style_enterprise_container__UvsCu {
  width: 100%;
  height: 100%;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/enterprise-mobile-bg.png) no-repeat;
  background-size: cover;
  background-position: 50%
}

.style_card_content__xiODb {
  display: flex;
  margin-bottom: 1.5rem;
  gap: .625rem
}

.style_card_content__xiODb:last-child {
  margin-bottom: 0
}

.style_card_item__W_JZT {
  width: 6.75rem;
  height: 4rem;
  border: .8125px solid hsla(0, 0%, 100%, .5);
  box-shadow: 0 .274219rem .822656rem rgba(4, 38, 128, .04);
  -webkit-backdrop-filter: blur(2.7px);
  backdrop-filter: blur(2.7px);
  border-radius: .25rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.style_card_item_category__m_zjH:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: .25rem;
  z-index: 10;
  background: rgba(45, 52, 95, .6);
  background-size: cover
}

.style_card_item_category_text__ZJq74 {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.5rem;
  color: #fff
}

.style_card_item_x__YIRzk {
  width: 10.5rem
}

.style_banner_img__D6KTq {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen01/screen01.png?imageMogr2/format/webp)
}

.style_banner_img__D6KTq:before {
  content: "";
  position: absolute;
  background-image: url(../../../images/index-img-1.png);
  top: 6.375rem;
  background-size: contain;
  right: 2vw;
  width: 52.5vw;
  height: 86.7vh;
  background-repeat: no-repeat;
  background-position: 100%
}

@keyframes style_float__NrXP6 {
  0% {
    transform: translate(0)
  }

  50% {
    transform: translateY(1.875rem)
  }

  to {
    transform: translate(0)
  }
}

.style_banner_img__D6KTq:before {
  animation: style_float__NrXP6 10s 1s infinite
}

.style_title_bg__aE4TT {
  background: linear-gradient(100.07deg, #2d61fc .83%, #9362ed 34.35%, #f06195 73.39%, #fca1ad 102.87%);
  -webkit-background-clip: text;
  color: transparent
}

.style_start_button__JHoV2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .875rem 2.5rem;
  gap: .625rem;
  color: #fff;
  width: 11rem;
  height: 4rem;
  background: linear-gradient(101.26deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%);
  border-radius: .5rem
}

@media (max-width:90rem) {
  .style_start_button__JHoV2 {
    margin-bottom: 2vh;
    margin-top: 4vh;
    height: 4rem;
    width: 9.5rem;
    border-radius: .5rem;
    padding: 1.25rem 2rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.5rem
  }
}

@media (max-width:80.0625rem) {
  .style_start_button__JHoV2 {
    height: 3rem;
    width: 7.125rem;
    font-size: 1rem
  }
}

@media (max-width:52.125rem) {
  .style_start_button__JHoV2 {
    margin-top: 4rem;
    height: 3.75rem;
    width: 9rem;
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

@media (max-width:40rem) {
  .style_start_button__JHoV2 {
    margin-top: 2.5rem;
    height: 2.75rem;
    width: 7.5rem;
    padding: .625rem 1.75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem
  }
}

.style_sample_button__nOKb4 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .875rem 2.5rem;
  gap: .625rem;
  color: #32373f;
  width: 11rem;
  height: 4rem;
  background: #fff;
  border-radius: .625rem
}

@media (max-width:90rem) {
  .style_sample_button__nOKb4 {
    margin-bottom: 2vh;
    margin-top: 4vh;
    height: 4rem;
    width: 9.5rem;
    border-radius: .5rem;
    padding: 1.25rem 2rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.5rem
  }
}

@media (max-width:80.0625rem) {
  .style_sample_button__nOKb4 {
    height: 3rem;
    width: 7.125rem;
    font-size: 1rem
  }
}

@media (max-width:52.125rem) {
  .style_sample_button__nOKb4 {
    display: none
  }
}

.style_tooltip_text__aer5r {
  isplay: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: .5rem 1rem;
  gap: .25rem;
  position: relative;
  background: #202d40;
  border-radius: .25rem;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: .75rem;
  line-height: 1rem;
  color: #fff
}

@media (max-width:80.0625rem) {
  .style_banner_logo__SWmal {
    width: 75%
  }
}

@media (max-width:52.125rem) {
  .style_banner_logo__SWmal {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: center;
    justify-items: center;
    row-gap: 2.875rem
  }
}

@media (max-width:40rem) {
  .style_banner_logo__SWmal {
    row-gap: 2.375rem
  }
}

@media (max-width:23.4375rem) {
  .style_banner_logo__SWmal {
    row-gap: 1.25rem
  }
}

@media (max-width:40rem) {
  .style_banner_logo__SWmal img {
    max-width: 5.3125rem
  }
}

.style_banner_data__6DLLX {
  padding: 0 2rem;
  height: 7.5rem;
  background: hsla(0, 0%, 100%, .4);
  box-shadow: 0 .3125rem 3.125rem rgba(66, 91, 166, .05);
  -webkit-backdrop-filter: blur(1.875rem);
  backdrop-filter: blur(1.875rem);
  border-radius: 1rem
}

@media (max-width:90rem) {
  .style_banner_data__6DLLX {
    margin: 2.875rem 1.3125rem 6vh;
    padding: .5rem 1.5rem
  }
}

@media (max-width:52.125rem) {
  .style_banner_data__6DLLX {
    margin-bottom: 3.75rem;
    height: 7.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media (max-width:40rem) {
  .style_banner_data__6DLLX {
    margin: 3rem .5rem 2.875rem;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1.25rem
  }
}

@media (max-width:23.4375rem) {
  .style_banner_data__6DLLX {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    padding: 1rem 1.5rem
  }
}

.style_data_title__XCfx8 {
  font-family: Avenir Next LT Pro;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: -1px;
  color: #7484a6
}

@media (max-width:90rem) {
  .style_data_title__XCfx8 {
    font-size: 2rem;
    line-height: 2rem
  }
}

@media (max-width:23.4375rem) {
  .style_data_title__XCfx8 {
    font-size: 1.5625rem;
    line-height: 2rem
  }
}

.style_data_desc__YFBVD {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #7484a6;
  white-space: nowrap
}

@media (max-width:40rem) {
  .style_data_desc__YFBVD {
    margin-top: .375rem;
    font-size: .75rem;
    line-height: 1rem
  }
}

@media (max-width:23.4375rem) {
  .style_data_desc__YFBVD {
    margin-top: 0
  }
}

@media screen and (max-width:120rem) {
  .style_banner_img__D6KTq:before {
    width: 70%;
    height: 75%;
    top: 7.5rem;
    right: 2rem
  }
}

@media screen and (max-width:64rem) {
  .style_banner_img__D6KTq {
    background-image: url(../../../images/index-img-1.png)
  }

  .style_banner_img__D6KTq:before {
    display: none
  }
}

@media screen and (max-width:37.5rem) {
  .style_banner_img__D6KTq {
    background-image: url(../../../images/index-img-1.png)
  }
}

.style_textColor__i_aPu {
  background: linear-gradient(287.83deg, #ff7b93 7.38%, #a979de 36.51%, #638fff 60%, #87e2ff 148.45%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

.style_screen02Content__aqJUS {
  margin: 0 auto
}

.style_videoContainer___o7__ {
  height: calc(100vh - 12.5rem)
}

.style_videoStyle__H37yx .style_img__svr64 {
  transition: all .2s ease
}

@media screen and (max-width:120rem) {
  .style_videoStyle__H37yx {
    min-width: 59.375rem;
    left: 6.25rem;
    bottom: -33vh
  }
}

@media screen and (max-width:112.5rem) {
  .style_videoStyle__H37yx {
    min-width: 68.5625rem;
    left: 7.1875rem;
    bottom: -22.5rem
  }
}

@media screen and (max-height:62.5rem) {
  .style_videoStyle__H37yx {
    max-width: 68.5625rem;
    bottom: -25rem;
    left: 7.1875rem
  }
}

@media screen and (max-height:59.375rem) {
  .style_videoStyle__H37yx {
    bottom: -22.5rem
  }
}

@media screen and (max-height:56.1875rem) {
  .style_videoStyle__H37yx {
    max-width: 50rem;
    bottom: -23.125rem
  }
}

@media screen and (max-height:53.125rem) {
  .style_videoStyle__H37yx {
    bottom: -25rem
  }
}

@media screen and (max-height:50rem) {
  .style_videoStyle__H37yx {
    max-width: 43.75rem;
    bottom: -28.125rem
  }
}

@media screen and (max-height:46.875rem) {
  .style_videoStyle__H37yx {
    bottom: -34.375rem
  }
}

@media screen and (max-height:43.75rem) {
  .style_videoStyle__H37yx {
    bottom: -37.5rem
  }
}

.style_screenBg__D48Vs {
  width: 100%;
  height: 100vh;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/screen02_bg_new01.png?imageMogr2/format/webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.style_screen02MbList__Pu4_e.style_active__qO2MR .style_title__PW_Hn {
  background: linear-gradient(274.17deg, #a56dff 1.87%, #87e2ff 103.28%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 1
}

.style_screen02MbList__Pu4_e.style_active__qO2MR .style_desc__mDYi3 {
  opacity: 1
}

.style_screen02MbList__Pu4_e .style_title__PW_Hn {
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: .4;
  font-size: 1.625rem;
  line-height: 2.5rem;
  font-weight: 600
}

.style_screen02MbList__Pu4_e .style_desc__mDYi3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #e4e9f2;
  opacity: .4;
  padding-top: .5rem
}

.style_screen02MbList__Pu4_e .style_mbLink___PkaF {
  color: #4d89ff;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  padding-top: 1.125rem
}

.style_screen02MbList__Pu4_e .style_mbLink___PkaF .style_arrow__qvRzE {
  width: .5rem;
  height: .5rem;
  border-top: 2px solid #4d89ff;
  border-right: 2px solid #4d89ff;
  transform: rotate(45deg);
  display: block;
  position: relative;
  left: .25rem
}

.style_itemList__MW8Cj {
  max-width: 18.25rem
}

@media screen and (max-width:37.5rem) {
  .style_itemList__MW8Cj {
    max-width: 17.5rem;
    margin-right: 1.5rem
  }
}

@media screen and (min-width:97.5625rem)and (max-height:62.5rem) {
  .style_videoContent__MFTaG {
    top: -18vh
  }
}

@media screen and (max-width:97.5rem)and (min-width:64.0625rem)and (max-height:59.375rem) {
  .style_videoContent__MFTaG {
    top: -8vh
  }
}

@media screen and (max-width:97.5rem)and (min-width:64.0625rem)and (max-height:57.5rem) {
  .style_videoContent__MFTaG {
    min-width: 64.3125rem;
    top: -17vh
  }
}

@media screen and (max-width:97.5rem)and (min-width:64.0625rem)and (max-height:53.125rem) {
  .style_videoContent__MFTaG {
    max-width: 50vw;
    top: -23vh
  }
}

@media screen and (max-width:97.5rem)and (min-width:64.0625rem)and (max-height:50rem) {
  .style_videoContent__MFTaG {
    max-width: 50rem;
    width: auto
  }
}

@media screen and (max-width:97.5rem)and (min-width:64.0625rem)and (max-height:46.875rem) {
  .style_videoContent__MFTaG {
    min-width: 37.5rem;
    width: auto;
    top: -20vh
  }
}

@media screen and (max-width:52.125rem) {
  .style_screenBg__D48Vs {
    width: 100%;
    height: 100vh;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/Bg/screen02_tb.png?imageMogr2/format/webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
  }
}

@media screen and (max-width:37.5rem) {
  .style_screenBg__D48Vs {
    width: 100%;
    height: 100vh;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/Bg/screen02_mb_new.png?imageMogr2/format/webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
  }

  .style_screen02MbList__Pu4_e .style_desc__mDYi3 {
    opacity: .3;
    font-size: .875rem;
    line-height: 1.5rem;
    padding-top: .5rem;
    font-weight: 400;
    color: #fff
  }

  .style_screen02List__eRBQ7 {
    margin-top: 1rem
  }

  .style_screen02List__eRBQ7 .style_title__PW_Hn {
    font-size: 1.125rem;
    line-height: 1.625rem
  }

  .style_screen02List__eRBQ7 .style_mbLink___PkaF {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-top: 1rem;
    display: flex
  }
}

.style_itemsBox__ze4vO {
  display: block;
  width: 14.75rem;
  cursor: pointer;
  margin-right: 3rem;
  position: relative
}

.style_itemsBox__ze4vO .style_title__PW_Hn {
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: .6;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  padding-left: 1.5rem;
  position: relative;
  top: -.375rem
}

.style_itemsBox__ze4vO .style_desc__mDYi3 {
  font-size: .875rem;
  line-height: 1.5rem;
  padding-top: 2px;
  font-weight: 400;
  color: hsla(0, 0%, 100%, .3);
  padding-left: 1.375rem
}

.style_itemsBox__ze4vO img {
  opacity: 0;
  position: relative;
  top: -.375rem
}

.style_itemsBox__ze4vO.style_active__qO2MR img,
.style_itemsBox__ze4vO:hover img {
  opacity: 1
}

.style_itemsBox__ze4vO.style_active__qO2MR:before,
.style_itemsBox__ze4vO:hover:before {
  content: "";
  width: 2px;
  height: 6.625rem;
  position: absolute;
  left: -1px;
  bottom: 0;
  background: linear-gradient(359.98deg, #ff7bba -18.69%, #527dff 34.46%, #87e2ff 104.39%), #c8cdd9
}

.style_itemsBox__ze4vO.style_active__qO2MR .style_title__PW_Hn,
.style_itemsBox__ze4vO:hover .style_title__PW_Hn {
  background: linear-gradient(274.74deg, #a56dff -3.41%, #87e2ff 103.12%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 1
}

.style_itemsBox__ze4vO.style_active__qO2MR .style_desc__mDYi3,
.style_itemsBox__ze4vO:hover .style_desc__mDYi3 {
  color: #e4e9f2;
  opacity: 1
}

@media screen and (max-width:72.5rem) {
  .style_itemsBox__ze4vO {
    margin-right: 1.5rem
  }
}

@media screen and (max-height:55rem) {
  .style_videoContent__MFTaG {
    min-width: 56.25rem;
    top: -12vh
  }
}

@media screen and (max-height:50rem) {
  .style_videoContent__MFTaG {
    top: -20vh
  }
}

@media screen and (max-width:85.375rem)and (min-width:81.25rem)and (max-height:64rem)and (min-height:60rem) {
  .style_videoContent__MFTaG {
    min-width: 71.4375rem
  }
}

@media screen and (max-width:64rem) {
  .style_mbVideo__ycV12 {
    width: 106.25rem;
    height: 106.25rem;
    top: -7.5rem;
    left: -20rem
  }
}

@media screen and (max-width:52.125rem) {
  .style_mbVideo__ycV12 {
    width: 71.875rem;
    height: 71.875rem;
    top: -9.375rem;
    left: -11.875rem
  }
}

@media screen and (max-width:48rem) {
  .style_mbVideo__ycV12 {
    top: -6.25rem;
    left: -9.375rem
  }
}

@media screen and (max-width:37.5rem) {
  .style_mbVideo__ycV12 {
    width: 146vw;
    height: 146vw;
    left: -26vw;
    top: -20vw
  }
}

@media screen and (max-width:30rem) {
  .style_mbVideo__ycV12 {
    width: 40rem;
    height: 40rem;
    top: -1.875rem;
    left: -7.5rem
  }
}

@media screen and (max-width:26.25rem) {
  .style_mbVideo__ycV12 {
    top: -2.5rem
  }
}

@media screen and (max-width:25rem) {
  .style_mbVideo__ycV12 {
    top: -3.75rem;
    width: 36.25rem;
    height: 36.25rem;
    left: -6.8125rem
  }
}

@media screen and (max-width:23.75rem) {
  .style_screenBg__D48Vs {
    padding-top: 3.75rem
  }

  .style_mbVideo__ycV12 {
    top: -2.5rem;
    width: 33.75rem;
    height: 33.75rem;
    left: -6.25rem
  }
}

.style_title_bg__2xDAn {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: .5px;
  background: linear-gradient(91.05deg, #8043fe 2.79%, #f24cf5 93.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

@media (max-width:52.125rem) {
  .style_title_bg__2xDAn {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_bg__2xDAn {
    font-size: 1.75rem
  }

  @media (max-width:52.125rem) {
    .style_title_bg__2xDAn {
      line-height: 3rem
    }
  }
}

.style_title_second__EfCyl {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 4.25rem;
  line-height: 4.5rem;
  color: #2f353f
}

@media (max-width:52.125rem) {
  .style_title_second__EfCyl {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_second__EfCyl {
    font-size: 1.75rem
  }

  @media (max-width:52.125rem) {
    .style_title_second__EfCyl {
      line-height: 3rem
    }
  }
}

.style_title_desc__Hrupm {
  font-family: M Ying Hei PRC;
  letter-spacing: .5px
}

.style_data_num__ZCJhe {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.75rem;
  color: #32373f
}

@media (max-width:37.5rem) {
  .style_data_num__ZCJhe {
    font-size: 2.25rem
  }

  @media (max-width:52.125rem) {
    .style_data_num__ZCJhe {
      line-height: 3rem
    }
  }
}

.style_data_symbol__vSu_t {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4375rem;
  color: #32373f;
  mix-blend-mode: normal
}

@media (max-width:37.5rem) {
  .style_data_symbol__vSu_t {
    font-size: 1.25rem
  }

  @media (max-width:52.125rem) {
    .style_data_symbol__vSu_t {
      line-height: 1.875rem
    }
  }
}

.style_data_desc__AsJuB {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #666f80;
  mix-blend-mode: normal
}

@media (max-width:37.5rem) {
  .style_data_desc__AsJuB {
    font-size: .875rem
  }

  @media (max-width:52.125rem) {
    .style_data_desc__AsJuB {
      line-height: 1.5rem
    }
  }
}

.style_slider_wrapper01__Su92D {
  display: flex !important;
  flex-direction: column !important;
  min-height: 19.0625rem !important
}

.style_card_container__dz407 {
  width: 40rem !important;
  height: auto !important;
  margin: inherit !important
}

@media screen and (max-width:40rem) {
  .style_card_container__dz407 {
    width: 20.375rem !important;
    height: 30rem !important
  }
}

.style_scale_card__ZevsG {
  transform: scale(1.12) !important;
  transition: .5s
}

@media screen and (max-width:28.125rem) {
  .style_scale_card__ZevsG {
    transform: scale(1.02) !important
  }
}

.style_filter_gray__c5wr_ {
  filter: grayscale(100%);
  opacity: .3
}

.style_isShow__Z6Rid {
  filter: none;
  opacity: 1
}

.style_card_title__cPtCK {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff
}

@media (max-width:40rem) {
  .style_card_title__cPtCK {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.style_card_desc__xCwis {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #fff;
  mix-blend-mode: normal;
  opacity: .8
}

@media (max-width:40rem) {
  .style_card_desc__xCwis {
    font-size: .8125rem;
    line-height: 1.375rem
  }
}

.style_card_button__WWrTY {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .625rem 1.625rem;
  gap: .625rem;
  width: 7.25rem;
  height: 3rem;
  background: hsla(0, 0%, 100%, .2);
  -webkit-backdrop-filter: blur(.3125rem);
  backdrop-filter: blur(.3125rem);
  border-radius: 8.125rem
}

@media (max-width:40rem) {
  .style_card_button__WWrTY {
    height: 2.5rem;
    width: 6.5rem;
    padding: .625rem 1.5rem
  }
}

.style_button_text__dOyhd {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: center;
  color: #fff
}

@media (max-width:40rem) {
  .style_button_text__dOyhd {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

.style_banner_img__IYP4x {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen03-bg.png)
}

.style_title_bg__geTWB {
  background: linear-gradient(99.45deg, #2d61fc 5.47%, #cb5bff 88.9%);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .5px;
  line-height: 4.5rem;
  font-weight: 700;
  font-size: 4rem
}

@media (max-width:90rem) {
  .style_title_bg__geTWB {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

.style_default_card__eLYmJ {
  background: hsla(0, 0%, 100%, .4);
  box-shadow: 0 0 .9375rem hsla(0, 13%, 75%, .15);
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
  border-radius: .75rem
}

.style_other_card_hover__Ny3mC {
  background: hsla(0, 0%, 100%, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem);
  box-shadow: 0 .3125rem 2.5rem hsla(6, 33%, 83%, .2)
}

.style_product_manager_card_hover__ELWEs {
  background: linear-gradient(319.06deg, rgba(156, 84, 248, .72) -4.71%, rgba(121, 45, 250, .9) 74.84%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(189, 146, 222, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_business_manager_card_hover__f_lBt {
  background: linear-gradient(284.92deg, rgba(88, 155, 255, .9), rgba(77, 91, 255, .9) 91.47%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(160, 153, 233, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_project_manager_card_hover__qQHqT,
.style_test_engineer_card_hover__h4Rkm {
  background: linear-gradient(319.87deg, hsla(3, 100%, 71%, .9) -3.16%, rgba(226, 71, 136, .9) 74.86%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(157, 146, 222, .3);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_dev_engineer_card_hover__BbGXL {
  background: linear-gradient(319.06deg, rgba(156, 84, 248, .72) -4.71%, rgba(121, 45, 250, .9) 74.84%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(189, 146, 222, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_ops_engineer_card_hover__zRFty {
  background: linear-gradient(284.92deg, rgba(88, 155, 255, .9), rgba(77, 91, 255, .9) 91.47%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(160, 153, 233, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_li_disc__mHwQE>li {
  display: flex
}

.style_li_disc__mHwQE>li:before {
  content: "\2022";
  color: #8d95a6;
  font-size: 1rem;
  padding-right: .375rem
}

.style_li_disc_hover__naOW9>li:before {
  content: "\2022";
  color: #fff;
  font-size: 1rem;
  padding-right: .375rem
}

.style_textColor__qQiQH {
  background: linear-gradient(.763turn, #5bd8ff, #2d61fc 94.72%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

@keyframes style_mymove__pPvfH {
  0% {
    opacity: 0;
    width: 0
  }

  to {
    opacity: 1;
    width: 80%
  }
}

.style_sectionDetailBg__ARF3M {
  width: 64.6vw;
  max-width: 77.5rem;
  min-width: 65rem;
  height: 28rem;
  background: linear-gradient(90deg, rgba(84, 152, 255, .2), rgba(255, 174, 213, .2) 68.83%, rgba(255, 205, 131, .2) 105.52%);
  filter: blur(4.0625rem);
  border-radius: 3.75rem;
  left: 8.75rem;
  right: 0;
  bottom: 6.25rem;
  margin: auto;
  opacity: 0;
  animation: style_mymove__pPvfH 2.4s linear forwards;
  animation-delay: .5s
}

.style_tongdianTitle__OmcwT {
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.5rem;
  background: linear-gradient(93.6deg, #e42c58 10.22%, #ec2e7e 0, #f877ad 106.22%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap
}

.style_yuanjingLabel___vsvH {
  background: linear-gradient(.763turn, #23c1f2, #2d61fc 94.72%), linear-gradient(92.19deg, #f95ba7 -2.1%, #ff7d7b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.style_yuanjingTxt__R7mVM {
  color: #2d61fc
}

.style_yuanjingUnabled__nf57z {
  background: linear-gradient(.763turn, #23c1f2, #2d61fc 94.72%), linear-gradient(92.19deg, #f95ba7 -2.1%, #ff7d7b);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

.style_nantiLabel__xYRqE,
.style_yuanjingLabel___vsvH {
  opacity: .1;
  font-weight: 600;
  font-size: 10rem;
  line-height: 15rem;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  white-space: nowrap
}

.style_yuanjingList__ESRP5 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #32373f;
  position: relative
}

.style_yuanjingList__ESRP5 li {
  padding-bottom: 5rem
}

.style_yuanjingList__ESRP5 li:last-child {
  padding-bottom: 4.5rem
}

.style_nantiLabel__xYRqE {
  background: linear-gradient(92.19deg, #f95ba7 -2.1%, #ff7d7b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.style_nantiTxt__J07IP {
  color: #e42c58
}

.style_yuanjingLabel___vsvH.style_unActive__j7LFY,
.style_yuanjingUnabled__nf57z.style_unActive__j7LFY {
  background: linear-gradient(89.54deg, #999dc6 2.84%, rgba(47, 53, 122, .3) 99.44%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.style_yuanjingList__ESRP5.style_unActive__j7LFY {
  opacity: .6 !important
}

.style_mbFadeInBox02__mRlPm {
  position: relative;
  z-index: 20;
  top: -39.1875rem
}

@media screen and (max-width:96.25rem) {
  .style_contentBox__DApas {
    left: -10rem
  }
}

@media screen and (max-width:93.75rem) {
  .style_personImg__gGTpe {
    left: -2.1875rem
  }
}

@media screen and (max-width:90rem) {
  .style_personImg__gGTpe {
    left: -5.2vw
  }

  .style_contentBox__DApas {
    top: 3.75rem
  }

  .style_yuanjingList__ESRP5 {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 3.5rem;
    padding: .5rem .625rem 0
  }
}

@media screen and (max-width:87.5rem) {
  .style_personImg__gGTpe {
    left: 0
  }

  .style_contentBox__DApas {
    top: 0;
    left: -6rem
  }
}

@media screen and (max-width:85.375rem) {
  .style_personImg__gGTpe {
    left: -2.5rem
  }

  .style_contentBox__DApas {
    left: -9vw
  }
}

@media screen and (max-width:78.75rem) {
  .style_personImg__gGTpe {
    left: -12vw
  }

  .style_contentBox__DApas {
    left: -16.875rem;
    top: -2.5rem
  }
}

.style_screen04TbContainer__WiOax {
  display: none
}

@media screen and (max-width:90rem) {

  .style_nantiLabel__xYRqE,
  .style_yuanjingLabel___vsvH {
    font-size: 6.5rem;
    line-height: 9rem
  }

  .style_sectionDetailBg__ARF3M {
    left: 7.5rem
  }
}

@media screen and (max-width:72.5rem) {
  .style_personImg__gGTpe {
    left: 0
  }

  .style_nantiLabel__xYRqE,
  .style_yuanjingLabel___vsvH {
    font-size: 6.5rem;
    line-height: 9rem
  }

  .style_yuanjingList__ESRP5 {
    padding-top: 0
  }

  .style_yuanjingList__ESRP5 li {
    padding-bottom: 3.5rem
  }

  .style_contentBox__DApas {
    top: 0
  }

  .style_screen04TbContainer__WiOax {
    display: flex;
    position: relative;
    left: -2vw
  }

  .style_screen04TbContainer__WiOax .style_tbContentBox___l6aq {
    max-height: 40.625rem;
    margin-top: 2.8125rem;
    min-width: 31.5rem
  }

  .style_screen04TbContainer__WiOax .style_yuanjingListBoxBg__3Atvv {
    position: absolute;
    width: 31.5rem;
    height: 19.5rem;
    background: linear-gradient(90.53deg, rgba(106, 165, 254, .2) 5.17%, rgba(255, 184, 218, .2) 119.33%, rgba(255, 228, 131, .2) 177.84%);
    filter: blur(4.0625rem);
    border-radius: 3.75rem
  }

  .style_screen04TbContainer__WiOax .style_yuanjingListRightBoxBg__H2rv7 {
    position: absolute;
    width: 31.5rem;
    height: 19.5rem;
    background: linear-gradient(90deg, rgba(106, 165, 254, .2), rgba(255, 184, 218, .2) 66.11%, rgba(255, 228, 131, .2));
    filter: blur(4.0625rem);
    border-radius: 3.75rem;
    top: 10rem
  }

  .style_screen04TbContainer__WiOax .style_yuanjingListBox__Aa7OX {
    position: relative
  }
}

@media screen and (max-width:68.75rem) {
  .style_screen04TbContainer__WiOax .style_tbContentBox___l6aq {
    left: -3vw
  }
}

@media screen and (max-width:64rem) {
  .style_personImg__gGTpe {
    left: -4vw
  }

  .style_screen04TbContainer__WiOax {
    display: flex;
    position: relative;
    left: -8vw
  }
}

@media screen and (max-width:60rem) {
  .style_personImg__gGTpe {
    left: -10vw
  }

  .style_screen04TbContainer__WiOax {
    display: flex;
    position: relative;
    left: -14vw
  }

  .style_screen04TbContainer__WiOax .style_tbContentBox___l6aq {
    max-height: 37.5rem
  }
}

@media screen and (max-width:58.75rem) {
  .style_personImg__gGTpe {
    left: -12vw
  }

  .style_screen04TbContainer__WiOax {
    display: flex;
    position: relative;
    left: -18vw
  }
}

@media screen and (max-width:56.25rem) {
  .style_personImg__gGTpe {
    left: -10vw
  }
}

@media screen and (max-width:52.125rem) {
  .style_personImg__gGTpe {
    left: -6vw
  }

  .style_screen04TbContainer__WiOax {
    left: -14vw
  }

  .style_screen04TbContainer__WiOax .style_tbContentBox___l6aq {
    left: 0
  }
}

.style_screen04MbContainer__pqJQd {
  display: none
}

@media screen and (max-width:50rem) {
  .style_screen04TbContainer__WiOax {
    left: -17vw
  }
}

@media screen and (max-width:47.9375rem) {
  .style_sectionDetailBg__ARF3M {
    display: none
  }

  .style_yuanjingList__ESRP5 {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem
  }

  .style_personImg__gGTpe,
  .style_screen04TbContainer__WiOax {
    display: none
  }

  .style_screen04MbContainer__pqJQd {
    display: flex;
    position: relative
  }

  .style_mbContentBox__UqgPg {
    position: relative;
    min-width: 25rem;
    left: -12vw;
    max-height: 37.5rem
  }

  .style_personMbImg__2tb2h {
    height: 31.25rem;
    position: relative
  }

  .style_textContainer__r22va {
    margin-top: 2.75rem
  }

  .style_textDetail__118jM {
    width: 9.125rem;
    height: 6rem
  }
}

.style_bgContent__FsH73 {
  display: none
}

.style_tbScreen04LeftBg__k1_c_ {
  width: 31.5rem;
  height: 19.5rem
}

.style_mbScreen04LeftBg__iOstk,
.style_tbScreen04LeftBg__k1_c_ {
  background-color: #2d61fc;
  background: linear-gradient(90.53deg, rgba(106, 165, 254, .2) 5.17%, rgba(255, 184, 218, .2) 119.33%, rgba(255, 228, 131, .2) 177.84%);
  filter: blur(4.0625rem);
  border-radius: 1.875rem;
  margin-top: 7rem
}

.style_mbScreen04LeftBg__iOstk {
  width: 18rem;
  height: 18rem
}

.style_tbScreen04RightBg__5CDFc {
  width: 31.5rem;
  height: 19.5rem
}

.style_mbScreen04RightBg__BBW_c,
.style_tbScreen04RightBg__5CDFc {
  background-color: #2d61fc;
  background: linear-gradient(90deg, rgba(106, 165, 254, .2), rgba(255, 184, 218, .2) 66.11%, rgba(255, 228, 131, .2));
  filter: blur(4.0625rem);
  border-radius: 1.875rem;
  margin-top: 7rem
}

.style_mbScreen04RightBg__BBW_c {
  width: 18rem;
  height: 18rem
}

@media screen and (max-width:47.9375rem) {
  .style_rightContent__Iekpz {
    top: -31.5625rem
  }

  .style_nantiLabel__xYRqE,
  .style_yuanjingLabel___vsvH {
    font-size: 4.5rem;
    line-height: 6rem
  }

  .style_tongdianTitle__OmcwT {
    font-size: 1.125rem;
    line-height: 1.625rem
  }

  .style_bgLeftContent__nboJe,
  .style_bgRightContent__CSOGu {
    width: 21.125rem;
    height: 22rem;
    position: absolute;
    top: 0;
    left: 0
  }

  .style_bgLeftContent__nboJe {
    background: linear-gradient(90.53deg, rgba(106, 165, 254, .2) 5.17%, rgba(255, 184, 218, .2) 119.33%, rgba(255, 228, 131, .2) 177.84%)
  }

  .style_bgRightContent__CSOGu {
    background: linear-gradient(90deg, rgba(106, 165, 254, .2), rgba(255, 184, 218, .2) 66.11%, rgba(255, 228, 131, .2))
  }

  .style_yuanjingList__ESRP5 li {
    padding-bottom: 3.5rem
  }
}

@media screen and (max-width:43.75rem) {
  .style_mbContentBox__UqgPg {
    left: -15vw
  }

  .style_personMbImg__2tb2h {
    left: -3vw
  }
}

@media screen and (max-width:40.625rem) {
  .style_mbContentBox__UqgPg {
    left: -20vw
  }
}

@media screen and (max-width:38.75rem) {
  .style_personMbImg__2tb2h {
    left: -10vw
  }

  .style_mbContentBox__UqgPg {
    left: -30vw
  }
}

@media screen and (max-width:37.5rem) {
  .style_divideLine___JjqT {
    position: absolute;
    top: 4.375rem;
    left: -5rem;
    width: 13.375rem;
    height: 25rem;
    background: linear-gradient(92.05deg, hsla(0, 0%, 100%, 0) 15.19%, hsla(0, 0%, 100%, .64) 37.6%, hsla(0, 0%, 100%, .83) 51.95%, hsla(0, 0%, 100%, .92) 64.5%, #fff 73.41%)
  }

  .style_divideLine01__ETU7c {
    left: -11.25rem;
    height: 26.875rem
  }

  .style_divideLine01__ETU7c,
  .style_divideLine02__HKfzs {
    position: absolute;
    top: -.25rem;
    width: 13.375rem;
    background: linear-gradient(92.05deg, hsla(0, 0%, 100%, 0) 15.19%, hsla(0, 0%, 100%, .64) 37.6%, hsla(0, 0%, 100%, .83) 51.95%, hsla(0, 0%, 100%, .92) 64.5%, #fff 73.41%)
  }

  .style_divideLine02__HKfzs {
    left: -6.25rem;
    height: 25rem
  }

  .style_mbContentBox__UqgPg {
    min-width: 23.375rem
  }

  .style_personMbImg__2tb2h {
    left: -20vw
  }

  .style_mbContentBox__UqgPg {
    left: -32vw
  }

  .style_yuanjingList__ESRP5 {
    max-width: 16.75rem;
    text-align: left;
    padding: 0 1rem 2.5rem
  }

  .style_yuanjingList__ESRP5 li {
    padding-bottom: 2rem
  }
}

@media screen and (max-width:34.375rem) {
  .style_mbContentBox__UqgPg {
    left: -36vw
  }
}

@media screen and (max-width:32.5rem) {
  .style_mbContentBox__UqgPg {
    left: -40vw
  }
}

@media screen and (max-width:31.25rem) {
  .style_mbContentBox__UqgPg {
    left: -45vw
  }
}

@media screen and (max-width:30rem) {
  .style_personMbImg__2tb2h {
    left: -6.875rem
  }

  .style_mbContentBox__UqgPg {
    left: -17.5rem
  }

  .style_divideLine___JjqT {
    top: 3.875rem
  }

  .style_mbScreen04LeftBg__iOstk {
    width: 11.75rem
  }
}

@media screen and (max-width:25.875rem) {
  .style_personMbImg__2tb2h {
    left: -7.5rem
  }

  .style_mbContentBox__UqgPg {
    left: -18.75rem
  }

  .style_divideLine___JjqT {
    left: -2.5rem
  }
}

.style_screen05Bg__AgOxU {
  background: linear-gradient(113.8deg, #121427 14.53%, #0f0f29 91.3%);
  padding-top: 12.5rem
}

.style_screen05TxtColor__ZMZKZ {
  background: linear-gradient(271.87deg, #66b8ff, #9ef5d2 101.96%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  padding-top: .75rem
}

.style_screen05Title__CQxLo {
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.5rem
}

.style_screen05Title01__Vq7df {
  background: linear-gradient(91.08deg, #9ef5d2 2.8%, #6eb8f7 69.46%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

.style_screen05Title02__jcBMo {
  background: linear-gradient(91.08deg, #6eb8f7 2.8%, #a681f2 69.46%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

.style_screen05Title03__8zz3c {
  background: linear-gradient(90.37deg, #a681f2 2.56%, #d471e4 99.83%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

.style_screen05Title04__Q5lXq {
  background: linear-gradient(90.37deg, #d471e4 2.56%, #fd8484 99.83%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent
}

.style_screen05Btn__TDEYV {
  background: hsla(0, 0%, 100%, .1);
  width: 8.625rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  justify-content: center;
  cursor: pointer
}

.style_screen05_01Img__JmFN9 {
  position: relative;
  left: -6.25rem
}

.style_screen05_01ImgHover__tA0TE {
  opacity: 0;
  animation: style_showMenu__IL27h 1s ease-in-out forwards;
  animation-delay: 1.8s
}

.style_dropdownMenu__j_Ast {
  opacity: 0;
  animation: style_showMenu__IL27h 1.2s ease-in-out forwards;
  animation-delay: 2.2s
}

.style_loadingBtn__4ZL9H {
  animation: style_rotateRound__mNU6h 1s linear infinite;
  animation-delay: .3s
}

@keyframes style_showMenu__IL27h {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.style_screen0502_Img_Count_Box__0mG0W {
  width: 25%
}

.style_screen0502_Img_Count__e9oTo {
  height: 6.57%
}

.style_lineChart__3gPe4 {
  width: 11.4375rem;
  height: 6.3125rem;
  position: relative
}

.style_lineChart__3gPe4 .style_lineImg__ZKTOY {
  width: 11.4375rem;
  height: 6.3125rem;
  position: absolute;
  left: 0;
  bottom: 0
}

.style_lineChart__3gPe4 .style_lineContent__ahZfC {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: style_lineMove__W7mHe 1.5s ease;
  overflow: hidden;
  opacity: 0;
  animation-delay: 1.2s;
  animation-fill-mode: forwards
}

.style_barChartContainer__x0c55 {
  width: 10.9375rem;
  height: 4.5rem;
  position: relative
}

.style_barChartContent__ByGNe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0
}

.style_bar__UH_fl {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: style_animate__d7ifs 1.5s ease;
  overflow: hidden;
  opacity: 0;
  animation-delay: 1.2s;
  animation-fill-mode: forwards
}

.style_circle_process__bT8gX {
  position: relative;
  width: 6.9375rem;
  height: 7rem;
  top: -1.25rem;
  right: 3.125rem
}

.style_circle_process__bT8gX .style_wrapper__o4C0c {
  width: 3.5rem;
  height: 7rem;
  position: absolute;
  top: 0;
  overflow: hidden
}

.style_circle_process__bT8gX .style_right__fk8HQ {
  right: 0
}

.style_circle_process__bT8gX .style_left__MhmWW {
  left: 0
}

.style_circle_process__bT8gX .style_circle__ADqZV {
  width: 7rem;
  height: 7rem;
  border: 1.25rem solid #3098f2;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  transform: rotate(-135deg)
}

.style_circle_process__bT8gX .style_rightcircle__fHk5t {
  border-top: 1.25rem solid #50c79d;
  border-right: 1.25rem solid #50c79d;
  right: 0;
  animation: style_circle_right__DlGlD 1.5s linear;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0
}

.style_circle_process__bT8gX .style_leftcircle__95qXE {
  border-bottom: 1.25rem solid #50c79d;
  border-left: 1.25rem solid #50c79d;
  left: 0;
  animation: style_circle_left__3F6E1 1.5s linear;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
  opacity: 0
}

@keyframes style_circle_right__DlGlD {
  0% {
    opacity: 0;
    transform: rotate(-135deg)
  }

  50%,
  to {
    opacity: 1;
    transform: rotate(45deg)
  }
}

@keyframes style_circle_left__3F6E1 {
  0% {
    opacity: 0;
    transform: rotate(-135deg)
  }

  50% {
    opacity: 1;
    transform: rotate(-135deg)
  }

  to {
    opacity: 1;
    transform: rotate(-45deg)
  }
}

@keyframes style_animate__d7ifs {
  0% {
    height: 0;
    top: 100%;
    opacity: 0
  }

  to {
    opacity: 1;
    height: 100%;
    top: 0
  }
}

@keyframes style_lineMove__W7mHe {
  0% {
    opacity: 0;
    width: 0
  }

  to {
    opacity: 1;
    width: 100%
  }
}

.style_pipeContainer__dJOw_ {
  width: 11.9375rem;
  height: 127.25rem
}

.style_pipeContainer__dJOw_ .style_pipeBox__UUozq {
  position: absolute;
  left: 0;
  width: 12.1875rem;
  height: 127.5rem;
  height: 0;
  top: 0;
  overflow: hidden;
  animation: style_show-contents__Xecmn 5s ease forwards;
  animation-delay: .6s;
  opacity: 0
}

.style_pipeContainer__dJOw_ .style_pipeBox__UUozq.style_first__nsIc2 {
  animation-delay: 1.2s
}

.style_pipeContainer__dJOw_ .style_pipeBox__UUozq .style_pipe1__HRV7U {
  position: absolute;
  left: 0;
  width: 11.9375rem;
  height: 127.25rem;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/pipeline.png?imageMogr2/format/webp) no-repeat bottom;
  background-size: 100%;
  top: 0
}

.style_pipeContainer__dJOw_ .style_pipeBox__UUozq .style_pipe2__NoG6T {
  position: absolute;
  left: -2px;
  width: 11.9rem;
  height: 126.75rem;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/pipeline-blue.png?imageMogr2/format/webp) no-repeat bottom;
  background-size: 100%;
  top: .3125rem
}

@keyframes style_show-contents__Xecmn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1;
    height: 127.25rem;
    bottom: 0
  }
}

@keyframes style_show-contents1__dQYs8 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1;
    height: 172rem;
    bottom: 0
  }
}

@keyframes style_show-contents2__APLzs {
  0% {
    opacity: 0
  }

  to {
    opacity: 1;
    height: 114.75rem;
    bottom: 0
  }
}

@keyframes style_rotateRound__mNU6h {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@media screen and (max-width:112.5rem) {
  .style_screen0502_Img_Count_Box__0mG0W {
    top: 31.2%
  }
}

@media screen and (max-width:93.75rem) {
  .style_screen05_02Img__Swjmi {
    position: relative;
    left: 3.75rem
  }

  .style_screen0502_Img_Count_Box__0mG0W {
    top: 31%;
    right: calc(2% - 3.75rem)
  }
}

@media screen and (max-width:90rem) {
  .style_screen0502_Img_Count__e9oTo {
    height: 1.875rem
  }

  .style_screen0502_Img_Count__e9oTo:nth-child(2) {
    margin-top: .625rem
  }
}

@media screen and (max-width:85rem) {
  .style_screen05_02Img__Swjmi {
    position: relative;
    left: 10rem
  }

  .style_screen0502_Img_Count_Box__0mG0W {
    top: 30.2%;
    right: calc(2% - 10rem)
  }

  .style_screen05_03Img__F06NF {
    position: relative;
    left: 10rem
  }
}

@media screen and (max-width:80rem) {
  .style_screen0502_Img_Count_Box__0mG0W {
    top: 31%
  }

  .style_screen0502_Img_Count__e9oTo:nth-child(3) {
    margin-top: .75rem
  }
}

@media screen and (max-width:79.9375rem) {
  .style_screen05_02ImgBox__SFbNU {
    top: 10.75rem
  }

  .style_screen05_03ImgBox__7PB0y {
    top: 25rem
  }

  .style_screen05_04ImgBox__Aufcn {
    bottom: 12%
  }

  .style_screen05_04ImgBox__Aufcn .style_lineChartBox__JhiRl {
    top: 9.5rem;
    right: 1.5rem
  }

  .style_screen05_04ImgBox__Aufcn .style_lineChart__3gPe4,
  .style_screen05_04ImgBox__Aufcn .style_lineChart__3gPe4 .style_lineImg__ZKTOY {
    width: 9.75rem
  }

  .style_screen05_04ImgBox__Aufcn .style_barPieBox__t1ymi {
    width: 23.75rem;
    right: .9375rem;
    bottom: 5.25rem
  }

  .style_screen05_04ImgBox__Aufcn .style_barChartContainer__x0c55 {
    width: 10rem;
    height: 4.0625rem
  }

  .style_screen05_04ImgBox__Aufcn .style_circle_process__bT8gX {
    width: 5.5625rem;
    height: 5.625rem;
    top: -.875rem
  }

  .style_screen05_04ImgBox__Aufcn .style_circle_process__bT8gX .style_wrapper__o4C0c {
    width: 2.8125rem;
    height: 5.625rem
  }

  .style_screen05_04ImgBox__Aufcn .style_circle_process__bT8gX .style_circle__ADqZV {
    width: 5.625rem;
    height: 5.625rem
  }

  .style_screen0502_Img_Count_Box__0mG0W {
    top: 33.1%
  }

  .style_screen05_01Img__JmFN9 {
    width: 30rem;
    top: .625rem
  }

  .style_screen05_01ImgHover__tA0TE {
    width: 30rem
  }

  .style_screen05_01Img_Icon__34USn img:last-child {
    width: 7.5rem
  }

  .style_screen05_02Img__Swjmi {
    width: 32.5rem;
    top: -.3125rem
  }

  .style_screen05_03Img__F06NF {
    width: 32.5rem;
    top: -.25rem
  }

  .style_screen05_04Img__zyNJi {
    width: 31.25rem;
    top: -.25rem;
    margin-left: 2.5rem
  }
}

.style_screen05_tbBox__VCLaP {
  display: none
}

@media screen and (max-width:80rem) {
  .style_screen0502_Img_Count__e9oTo {
    height: 1.5rem
  }
}

@media screen and (max-width:74.6875rem) {
  .style_screen0502_Img_Count__e9oTo {
    margin-top: 0
  }
}

@media screen and (max-width:72.5rem) {
  .style_screen05_tbBox__VCLaP {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/Bg/screen05_tb_new.png?imageMogr2/format/webp) no-repeat;
    background-position: 50%;
    background-size: cover;
    padding-top: 12.5rem;
    padding-bottom: 15rem
  }

  .style_screen05_01ImgHover__tA0TE {
    width: 37.5rem;
    position: relative;
    top: -3.125rem;
    left: -7%;
    opacity: 0;
    animation: style_showMenu__IL27h 1s ease-in-out forwards;
    animation-delay: 1.2s
  }

  .style_dropdownMenu__j_Ast {
    opacity: 0;
    animation: style_showMenu__IL27h 1.2s ease-in-out forwards;
    animation-delay: 1.5s
  }

  .style_tbWorkloadContent__uji3k {
    position: relative;
    width: calc(100% - 5.75rem);
    margin: 14.625rem auto 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-height: 225rem
  }
}

@media screen and (max-width:72.5rem)and (max-width:52.125rem) {
  .style_tbWorkloadContent__uji3k {
    max-height: 220.625rem
  }
}

@media screen and (max-width:72.5rem) {
  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ {
    width: 7.5rem;
    height: 172rem
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq {
    position: absolute;
    left: 0;
    width: 7.5rem;
    height: 172rem;
    height: 0;
    top: 0;
    overflow: hidden;
    animation: style_show-contents1__dQYs8 8s linear forwards;
    animation-delay: .5s;
    opacity: 0
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq.style_first__nsIc2 {
    animation-delay: 1.5s
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq .style_pipe1__HRV7U {
    width: 7.5rem;
    height: 172rem;
    position: absolute;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/pipeline_tb.png?imageMogr2/format/webp) no-repeat bottom;
    background-size: 100%
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq .style_pipe2__NoG6T {
    width: 7.66875rem;
    height: 171.8125rem;
    position: absolute;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/screen05/pipleline_tb_blue.png?imageMogr2/format/webp) no-repeat bottom;
    background-size: 100%;
    top: 0
  }

  .style_tbContentDel__h27Wk {
    position: relative;
    z-index: 20
  }

  .style_tbWorkload_01Box__gmYB3 {
    position: relative;
    top: -8.4375rem;
    left: -7.375rem
  }

  .style_tbWorkload_01Box__gmYB3 .style_tbTilte__sbgp4 {
    background: linear-gradient(91.08deg, #9ef5d2 2.8%, #6eb8f7 69.46%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
  }

  .style_tbWorkload_01Box__gmYB3 .style_screen05TbBox__iqbyx {
    padding-left: 3.375rem;
    position: relative;
    top: -1.875rem;
    z-index: 10
  }

  .style_tbWorkload_01Box__gmYB3 .style_tbImg__eyoi_ {
    top: -3.125rem
  }

  .style_tbLink__39Qiv {
    background: hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    padding: .5rem 1rem;
    max-width: 8.625rem;
    justify-content: center;
    white-space: nowrap;
    margin-left: .75rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .style_tbLink__39Qiv:first-child {
    margin-left: 0
  }

  .style_tbImg__eyoi_ {
    position: relative;
    left: -2.5rem;
    top: -1.625rem;
    width: 37.5rem
  }

  .style_iconImg__56yJx {
    width: 16rem;
    position: relative
  }

  .style_tbWorkload_02Box__ROk3t {
    position: relative;
    top: -10rem;
    left: -10.9375rem
  }

  .style_tbWorkload_02Box__ROk3t .style_tbTilte__sbgp4 {
    background: linear-gradient(91.08deg, #6eb8f7 2.8%, #a681f2 69.46%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
  }

  .style_tbWorkload_02Box__ROk3t .style_tbImg__eyoi_ {
    left: 3.75rem;
    top: -7rem
  }

  .style_tbWorkload_02Box__ROk3t .style_tbContentDel__h27Wk .style_iconImg__56yJx {
    width: 22.5rem;
    position: relative
  }

  .style_tbWorkload_02Box__ROk3t .style_screen05TbBox__iqbyx {
    padding-left: 7.5rem;
    position: relative;
    top: -6.375rem;
    z-index: 10
  }

  .style_tbWorkload_03Box__UA2M_ {
    position: relative;
    top: -20rem;
    left: -6.4375rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbTilte__sbgp4 {
    background: linear-gradient(90.37deg, #a681f2 2.56%, #d471e4 99.83%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
  }

  .style_tbWorkload_03Box__UA2M_ .style_iconImg__56yJx {
    width: 16rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_screen05TbBox__iqbyx {
    padding-left: 3.5rem;
    position: relative;
    top: -.75rem;
    z-index: 10
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbImg__eyoi_ {
    left: -2rem;
    top: -3rem
  }

  .style_tbWorkload_04Box__t39mi {
    position: relative;
    top: -18.75rem;
    left: -7.8125rem
  }

  .style_tbWorkload_04Box__t39mi .style_tbTilte__sbgp4 {
    background: linear-gradient(90.37deg, #d471e4 2.56%, #fd8484 99.83%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
  }

  .style_tbWorkload_04Box__t39mi .style_screen05TbBox__iqbyx {
    padding-left: 3.75rem;
    position: relative;
    top: -1rem;
    z-index: 10
  }

  .style_tbWorkload_04Box__t39mi .style_tbImg__eyoi_ {
    top: -3.75rem
  }

  .style_lineChartMbBox__GfluM {
    width: 12.625rem;
    height: 7rem;
    top: 6.875rem;
    right: 4.8125rem
  }

  .style_lineChartMbBox__GfluM .style_lineChart__3gPe4 {
    width: 100%;
    height: 100%
  }

  .style_mbCountNumBox__GOWSc {
    position: absolute;
    z-index: 20;
    width: 24.12%;
    top: 12.5%;
    right: -4%
  }

  .style_mbCountNumBox__GOWSc .style_screen0502_Img_Count__e9oTo {
    height: 1.75rem
  }
}

@media screen and (max-width:64rem) {
  .style_screen0502_Img_Count__e9oTo {
    height: 1.875rem
  }
}

@media screen and (max-width:52.125rem) {
  .style_tbWorkload_03Box__UA2M_ {
    top: -21.875rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -22.5rem
  }

  .style_barChartContainer__x0c55 {
    width: 11.25rem;
    left: -3px
  }

  .style_lineChartMbBox__GfluM {
    top: 7.0625rem;
    right: 4.75rem
  }
}

@media screen and (max-width:51.25rem) {
  .style_lineChartMbBox__GfluM {
    right: 4.0625rem
  }

  .style_barPieBox__t1ymi {
    right: 5.3125rem
  }

  .style_mbCountNumBox__GOWSc {
    right: calc(-4% - .625rem)
  }

  .style_dropdownMenu__j_Ast {
    top: -25.125rem
  }
}

@media screen and (max-width:50rem) {
  .style_tbWorkloadContent__uji3k {
    justify-content: start
  }

  .style_lineChartMbBox__GfluM {
    right: 8.33%;
    top: 19%;
    width: 34.35%;
    height: 20%
  }

  .style_barPieBox__t1ymi {
    right: 11.9%;
    width: 72.79%;
    bottom: 26.31%
  }

  .style_dropdownMenu__j_Ast {
    top: -24.0625rem
  }
}

@media screen and (max-width:48rem) {
  .style_barChartContainer__x0c55 {
    width: 10.5rem;
    height: 4.25rem
  }

  .style_mbCountNumBox__GOWSc {
    right: calc(-1% - 1.25rem);
    top: 12.27%
  }

  .style_dropdownMenu__j_Ast {
    top: -25.3125rem
  }
}

@media screen and (max-width:47.9375rem) {
  .style_screen05TbTitle__6xdrt {
    width: calc(100% - 5.75rem)
  }

  .style_screen05TbTitle__6xdrt .style_tbSecondTitle__YaaM3 {
    line-height: 5rem
  }

  .style_tbWorkload_01Box__gmYB3 .style_tbImg__eyoi_ {
    left: -1.75rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbImg__eyoi_ {
    left: -1.25rem
  }

  .style_tbWorkload_04Box__t39mi .style_tbImg__eyoi_ {
    left: -2.5rem
  }

  .style_circle_process__bT8gX {
    width: 5.5625rem;
    height: 5.625rem;
    top: -1.875rem
  }

  .style_circle_process__bT8gX .style_wrapper__o4C0c {
    width: 2.8125rem;
    height: 5.625rem
  }

  .style_circle_process__bT8gX .style_circle__ADqZV {
    width: 5.625rem;
    height: 5.625rem
  }
}

@media screen and (max-width:46.875rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -7.5rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -13.5rem
  }

  .style_screen05_01ImgHover__tA0TE {
    left: -5%
  }

  .style_dropdownMenu__j_Ast {
    top: -23rem
  }
}

@media screen and (max-width:45.9375rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -6.25rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -11.875rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -5.3125rem
  }
}

@media screen and (max-width:44.0625rem) {
  .style_tbWorkload_01Box__gmYB3 .style_tbImg__eyoi_ {
    left: -.875rem
  }

  .style_tbWorkload_02Box__ROk3t {
    top: -5rem
  }

  .style_tbWorkload_02Box__ROk3t .style_tbImg__eyoi_ {
    left: 4.5rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -10.625rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbImg__eyoi_ {
    left: -.75rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -2.8125rem
  }

  .style_tbWorkload_04Box__t39mi .style_tbImg__eyoi_ {
    left: -1.75rem
  }
}

@media screen and (max-width:42.8125rem) {
  .style_tbWorkload_03Box__UA2M_ {
    top: -9.375rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: .9375rem
  }
}

@media screen and (max-width:42.5rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -3.75rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -8.125rem
  }
}

@media screen and (max-width:42.1875rem) {
  .style_tbWorkload_03Box__UA2M_ {
    top: -6.875rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: 2.1875rem
  }
}

@media screen and (max-width:40.625rem) {
  .style_tbWorkload_03Box__UA2M_ {
    top: -4.375rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: 5.9375rem
  }
}

@media screen and (max-width:39.375rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -3.125rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbImg__eyoi_ {
    left: -.375rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: 9.0625rem
  }

  .style_tbWorkload_04Box__t39mi .style_tbImg__eyoi_ {
    left: -1.25rem
  }
}

@media screen and (max-width:38.75rem) {
  .style_screen05_tbBox__VCLaP {
    padding-top: 8.625rem;
    padding-bottom: 0
  }

  .style_screen05_tbBox__VCLaP .style_tbFirstTitle__EcmRf,
  .style_screen05_tbBox__VCLaP .style_tbSecondTitle__YaaM3 {
    font-size: 1.75rem;
    line-height: 2.5rem
  }

  .style_screen05_tbBox__VCLaP .style_tbSecondTitle__YaaM3 {
    padding-top: 0
  }

  .style_screen05TbTitle__6xdrt {
    width: 18.625rem
  }

  .style_mbCountNumBox__GOWSc {
    right: calc(-2% - 1.25rem);
    top: 5%
  }

  .style_mbCountNumBox__GOWSc .style_screen0502_Img_Count__e9oTo {
    height: 1.875rem
  }

  .style_txtSpecial__q5bN_ {
    transform: scale(.75)
  }

  .style_tbWorkloadContent__uji3k {
    margin-top: 8.4375rem;
    max-height: 168.75rem
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ {
    width: 5rem;
    height: 114.6875rem
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq {
    position: absolute;
    left: 0;
    width: 5rem;
    height: 114.6875rem;
    height: 0;
    top: 0;
    overflow: hidden;
    animation: style_show-contents2__APLzs 8s linear forwards;
    animation-delay: .5s;
    opacity: 0
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq.style_first__nsIc2 {
    animation-delay: 1.5s
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq .style_pipe1__HRV7U {
    width: 5rem;
    height: 114.6875rem;
    position: absolute;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/pipeline_tb.png?imageMogr2/format/webp) no-repeat bottom;
    background-size: 100%
  }

  .style_tbWorkloadContent__uji3k .style_pipeContainer__dJOw_ .style_pipeBox__UUozq .style_pipe2__NoG6T {
    width: 5.1125rem;
    height: 114.6125rem;
    position: absolute;
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/screen05/pipleline_tb_blue.png?imageMogr2/format/webp) no-repeat bottom;
    background-size: 100%;
    top: 0
  }

  .style_tbTilte__sbgp4 {
    font-size: 1.375rem;
    line-height: 2rem
  }

  .style_tbLink__39Qiv {
    font-weight: 500;
    font-size: .8125rem;
    line-height: 1.5rem;
    align-items: center;
    padding: .375rem .625rem
  }

  .style_tbBtnIcon__esgL_ {
    width: 1rem;
    height: 1rem
  }

  .style_tbDesc__essfK {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    max-width: 19.375rem;
    padding-bottom: 1rem
  }

  .style_tbImg__eyoi_ {
    min-width: 22.5rem
  }

  .style_tbWorkload_01Box__gmYB3 {
    top: -5rem;
    left: -3.4375rem
  }

  .style_tbWorkload_01Box__gmYB3 .style_iconImg__56yJx {
    width: 8.75rem
  }

  .style_tbWorkload_01Box__gmYB3 .style_tbImg__eyoi_ {
    left: -1.25rem;
    top: -2.875rem
  }

  .style_tbWorkload_01Box__gmYB3 .style_screen05TbBox__iqbyx {
    padding-left: 2.1875rem;
    top: -.9375rem
  }

  .style_tbWorkload_02Box__ROk3t {
    top: -9.125rem;
    left: -6.0625rem
  }

  .style_tbWorkload_02Box__ROk3t .style_tbContentDel__h27Wk .style_iconImg__56yJx {
    width: 15rem
  }

  .style_tbWorkload_02Box__ROk3t .style_tbImg__eyoi_ {
    left: 2.625rem;
    top: -7rem
  }

  .style_tbWorkload_02Box__ROk3t .style_screen05TbBox__iqbyx {
    top: -4.375rem;
    padding-left: 5rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -19.0625rem;
    left: -2.5625rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_iconImg__56yJx {
    width: 8.75rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbImg__eyoi_ {
    top: -3rem;
    left: -1.75rem
  }

  .style_tbWorkload_03Box__UA2M_ .style_screen05TbBox__iqbyx {
    padding-left: 2.1875rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -21.875rem;
    left: -3.625rem
  }

  .style_tbWorkload_04Box__t39mi .style_iconImg__56yJx {
    width: 8.75rem
  }

  .style_tbWorkload_04Box__t39mi .style_tbImg__eyoi_ {
    top: -3.6875rem;
    left: -2.5rem
  }

  .style_tbWorkload_04Box__t39mi .style_screen05TbBox__iqbyx {
    padding-left: 2.1875rem
  }
}

@media screen and (max-width:37.5rem) {
  .style_screen05Bg__AgOxU {
    padding-top: 37.5rem
  }

  .style_screen05_01ImgHover__tA0TE {
    left: -1.3125rem;
    top: -2.8125rem
  }

  .style_dropdownMenu__j_Ast {
    top: -18.5625rem
  }

  .style_lineChartMbBox__GfluM {
    width: 8.125rem;
    height: 4.5rem;
    top: 4.5625rem;
    right: 3.75rem
  }

  .style_lineChartMbBox__GfluM .style_lineImg__ZKTOY {
    width: 8.125rem;
    height: 4.5rem
  }

  .style_barChartContainer__x0c55 {
    width: 8.125rem;
    height: 3.25rem
  }

  .style_barPieBox__t1ymi {
    right: 3.625rem;
    bottom: 8.4375rem
  }

  .style_circle_process__bT8gX {
    width: 4.3125rem;
    height: 4.375rem;
    top: -.875rem
  }

  .style_circle_process__bT8gX .style_wrapper__o4C0c {
    width: 2.1875rem;
    height: 4.375rem
  }

  .style_circle_process__bT8gX .style_circle__ADqZV {
    width: 4.375rem;
    height: 4.375rem
  }

  .style_mbCountNumBox__GOWSc {
    right: calc(-4% - .8125rem);
    top: 2.27%;
    width: 24.32%
  }

  .style_mbCountNumBox__GOWSc .style_screen0502_Img_Count__e9oTo {
    height: 1.75rem
  }

  .style_txtSpecial__q5bN_ {
    transform: scale(.75)
  }
}

@media screen and (max-width:35.9375rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -7.875rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -16.5625rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -16.25rem
  }

  .style_dropdownMenu__j_Ast {
    top: -17.625rem
  }
}

@media screen and (max-width:35rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -6.25rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -14.0625rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -13.75rem
  }

  .style_dropdownMenu__j_Ast {
    top: -17.1875rem
  }
}

@media screen and (max-width:34.0625rem) {
  .style_tbWorkload_03Box__UA2M_ {
    top: -12.8125rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -11.25rem
  }

  .style_dropdownMenu__j_Ast {
    top: -16.5625rem
  }
}

@media screen and (max-width:33.125rem) {
  .style_tbWorkload_02Box__ROk3t {
    top: -6.25rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    top: -11.5625rem
  }

  .style_tbWorkload_04Box__t39mi {
    top: -8.75rem
  }

  .style_dropdownMenu__j_Ast {
    top: -16.125rem
  }
}

@media screen and (max-width:28.125rem) {
  .style_screen05_tbBox__VCLaP {
    overflow: hidden;
    max-height: 176.875rem
  }

  .style_tbWorkloadContent__uji3k {
    width: 100%;
    padding-left: 1rem;
    height: 154.5rem
  }

  .style_tbWorkload_01Box__gmYB3 {
    left: -9.8vw
  }

  .style_tbWorkload_02Box__ROk3t {
    left: -18vw
  }

  .style_tbWorkload_03Box__UA2M_ {
    left: -7vw
  }

  .style_tbWorkload_03Box__UA2M_ .style_tbImg__eyoi_ {
    left: -.875rem
  }

  .style_tbWorkload_04Box__t39mi {
    left: -11.22vw
  }

  .style_tbWorkload_04Box__t39mi .style_tbImg__eyoi_ {
    left: -1.75rem
  }

  .style_lineChartMbBox__GfluM {
    width: 7.1875rem;
    height: 4rem;
    top: 3.1875rem;
    right: 2.75rem
  }

  .style_lineChartMbBox__GfluM .style_lineImg__ZKTOY {
    width: 7.1875rem;
    height: 4rem
  }

  .style_barChartContainer__x0c55 {
    width: 6.8125rem;
    height: 2.75rem
  }

  .style_barPieBox__t1ymi {
    right: 2.75rem;
    bottom: 7rem
  }

  .style_circle_process__bT8gX {
    right: 1.875rem
  }

  .style_circle_process__bT8gX .style_circle__ADqZV {
    border: .625rem solid #3098f2
  }

  .style_circle_process__bT8gX .style_rightcircle__fHk5t {
    border-top: .625rem solid #50c79d;
    border-right: .625rem solid #50c79d
  }

  .style_circle_process__bT8gX .style_leftcircle__95qXE {
    border-bottom: .625rem solid #50c79d;
    border-left: .625rem solid #50c79d
  }

  .style_mbCountNumBox__GOWSc {
    top: -.65625rem;
    width: 5.75rem;
    right: -2.25rem
  }

  .style_mbCountNumBox__GOWSc .style_screen0502_Img_Count__e9oTo {
    height: 1.375rem
  }

  .style_mbCountNumBox__GOWSc .style_screen0502_Img_Count__e9oTo:nth-child(2) {
    margin-top: 1px
  }

  .style_mbCountNumBox__GOWSc .style_screen0502_Img_Count__e9oTo:nth-child(3) {
    margin-top: 2px
  }

  .style_txtSpecial__q5bN_ {
    transform: scale(.5)
  }
}

@media screen and (max-width:25rem) {
  .style_tbWorkload_01Box__gmYB3 {
    left: -2.8vw
  }

  .style_tbWorkload_02Box__ROk3t {
    left: -13vw
  }

  .style_tbWorkload_03Box__UA2M_ {
    left: -3vw
  }

  .style_tbWorkload_04Box__t39mi {
    left: -5.22vw
  }
}

@media screen and (max-width:23.75rem) {
  .style_tbDesc__essfK {
    max-width: 18.4375rem
  }

  .style_mbCountNumBox__GOWSc {
    top: -.625rem
  }

  .style_tbWorkload_03Box__UA2M_ {
    left: -1vw;
    top: -11rem
  }

  .style_tbWorkload_04Box__t39mi {
    left: 0
  }
}

.style_textColor__Afc7Q {
  background: linear-gradient(90.79deg, #319ffc 2.7%, #a259ff 99.7%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: .5px
}

.style_navTxt__uc3Ql {
  display: flex;
  flex-direction: column;
  align-items: center
}

.style_navTxt__uc3Ql p {
  opacity: .8;
  padding-top: 1.125rem;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #32373f;
  transition: all .3s ease-in-out
}

@media screen and (max-width:64rem) {
  .style_navTxt__uc3Ql p {
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 600
  }
}

@media screen and (max-width:47.9375rem) {
  .style_navTxt__uc3Ql p {
    white-space: nowrap;
    font-size: 1.125rem;
    line-height: 1.625rem;
    padding-top: .875rem
  }
}

.style_navList__BCPb1 {
  margin: 9rem auto 0
}

.style_navList__BCPb1 .style_tabIcon__NUhX5 {
  width: 4rem;
  height: 4rem
}

@media screen and (max-width:68.75rem) {
  .style_navList__BCPb1 {
    width: calc(100% - 4.625rem);
    margin-top: 7rem
  }
}

@media screen and (max-width:47.9375rem) {
  .style_navList__BCPb1 {
    width: calc(100% - 2rem);
    margin-top: 4.5rem;
    overflow-x: scroll;
    min-width: unset;
    scrollbar-width: none;
    -ms-overflow-style: none
  }

  .style_navList__BCPb1::-webkit-scrollbar {
    display: none
  }

  .style_navList__BCPb1 li {
    margin-right: 2.5rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }

  .style_navList__BCPb1 li:last-child {
    margin-right: 0
  }

  .style_navList__BCPb1 .style_tabIcon__NUhX5 {
    width: 3rem;
    height: 3rem
  }
}

.style_specialImg__XHu4L img {
  height: 3rem
}

@media screen and (max-width:64rem) {
  .style_specialImg__XHu4L img {
    height: 2.5rem
  }
}

.style_specialImg__XHu4L .style_company__JywO4 {
  align-self: flex-end
}

.style_devopsColor__JKXf6 {
  background: linear-gradient(216.35deg, rgba(64, 255, 209, .54) 4.09%, rgba(137, 255, 227, 0) 53.05%), linear-gradient(105.31deg, #4698fa 12.26%, #3466fe 96.32%)
}

.style_devopsLabel__pnmDH p {
  background: linear-gradient(94.54deg, #33b8e6 1.84%, #2d61fc 226.29%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.style_devopsLabel__pnmDH>div {
  background: linear-gradient(134.95deg, #39b3f7, #2d80fc);
  border-radius: 3px
}

.style_scrumColor__lXUmB {
  background: linear-gradient(111.07deg, #4c77fc 11.31%, #5f32f0 84.1%), linear-gradient(232.62deg, rgba(172, 195, 255, .54) 4.44%, rgba(172, 195, 255, 0) 39.75%)
}

.style_scrumLabel__opDlT p {
  background: linear-gradient(95.57deg, #9180ff 1.56%, #465df9 99.94%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.style_scrumLabel__opDlT>div {
  background: linear-gradient(92.49deg, #9180ff, #465df9 99.94%);
  border-radius: 3px
}

.style_devSecOpsColor__oFNfu {
  background: linear-gradient(110.65deg, #823eff 14.91%, #7e2ac7 84.98%), linear-gradient(216.35deg, rgba(221, 177, 255, .54) 4.09%, rgba(221, 177, 255, 0) 53.05%)
}

.style_devSecOpsLabel__3x73W p {
  background: linear-gradient(273.96deg, #7b3ef9 5.46%, #ca58f2);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.style_devSecOpsLabel__3x73W>div {
  background: linear-gradient(272.34deg, #7b3ef9 5.14%, #ca58f2 94.02%);
  border-radius: 3px
}

.style_cloudColor__K50Wp {
  background: radial-gradient(81.65% 76.09% at 100% 100%, rgba(191, 65, 118, .9) .01%, rgba(211, 54, 120, .9) 100%), linear-gradient(216.35deg, hsla(14, 91%, 78%, .54) 4.09%, rgba(255, 169, 142, 0) 53.05%)
}

.style_cloudLabel__jBBQf p {
  background: linear-gradient(104.69deg, #ed907b 3.99%, #d33678);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.style_cloudLabel__jBBQf>div {
  background: linear-gradient(92.49deg, #ed907b, #d33678);
  border-radius: 3px
}

@media screen and (max-width:90rem) {
  .style_tabContent__Bg1HB {
    justify-content: center
  }
}

.style_devopsBox__pC4lz {
  width: 47.5rem;
  height: 29.375rem;
  position: relative;
  z-index: 10;
  box-shadow: .3125rem .9375rem 2.5rem rgba(171, 185, 222, .8);
  border-radius: .75rem;
  padding: 4rem 4.5rem 3.25rem 3.5rem;
  overflow: hidden
}

@media screen and (max-width:42.5rem) {
  .style_devopsBox__pC4lz {
    box-shadow: .3125rem .3125rem 1.25rem rgba(171, 188, 222, .6)
  }
}

.style_devopsBox__pC4lz .style_desc__X_gMj {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #fff;
  opacity: .9;
  padding-bottom: 1.5rem
}

@media screen and (max-width:42.5rem) {
  .style_devopsBox__pC4lz .style_desc__X_gMj {
    font-size: .875rem;
    line-height: 1.5rem;
    padding-bottom: .5rem
  }
}

.style_devopsBox__pC4lz .style_itemsTag__b3gkT {
  background: hsla(0, 0%, 100%, .1);
  -webkit-backdrop-filter: blur(.625rem);
  backdrop-filter: blur(.625rem);
  border-radius: .375rem;
  padding: .375rem 1rem;
  color: #fff;
  margin-right: 1rem
}

@media screen and (max-width:42.5rem) {
  .style_devopsBox__pC4lz .style_itemsTag__b3gkT {
    padding: 2px .625rem;
    font-size: .8125rem;
    line-height: 1.5rem;
    margin-top: .5rem
  }
}

@media screen and (max-width:37.5rem) {
  .style_devopsBox__pC4lz .style_itemsTag__b3gkT {
    margin-right: .5rem
  }
}

.style_devopsBox__pC4lz .style_aLink__siMI6 {
  background: hsla(0, 0%, 100%, .2);
  -webkit-backdrop-filter: blur(.625rem);
  backdrop-filter: blur(.625rem);
  border-radius: 8.125rem;
  color: #fff;
  position: absolute;
  bottom: 3.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 3.25rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem
}

.style_devopsBox__pC4lz .style_aLink__siMI6:hover {
  background: hsla(0, 0%, 100%, .3);
  border: 2px solid hsla(0, 0%, 100%, .3)
}

@media screen and (max-width:106.25rem) {
  .style_devopsBox__pC4lz {
    width: 40.625rem;
    left: 3.7%
  }
}

@media screen and (max-width:64rem) {
  .style_devopsBox__pC4lz {
    left: 0;
    width: 47.5rem
  }
}

@media screen and (max-width:48rem) {
  .style_devopsBox__pC4lz {
    width: calc(100% - 4.625rem)
  }
}

@media screen and (max-width:42.5rem) {
  .style_devopsBox__pC4lz {
    width: calc(100vw - 2rem);
    height: auto;
    padding: 1.375rem 1.5rem 2.25rem
  }
}

.style_tagsBox__f75ke {
  max-width: 100%
}

.style_tagsSpecBox__78Ygj {
  max-width: 65%
}

@media screen and (max-width:37.5rem) {
  .style_tagsSpecBox__78Ygj {
    max-width: 80%
  }
}

.style_detailsBox__CKbL3 {
  z-index: 2;
  position: relative;
  left: -5.5rem;
  background: hsla(0, 0%, 100%, .6);
  box-shadow: 0 .3125rem 1.25rem rgba(125, 158, 207, .15);
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
  border-radius: .75rem;
  padding: 3rem 3.5rem 2.75rem 7.25rem
}

@media screen and (max-width:106.25rem) {
  .style_detailsBox__CKbL3 {
    width: 34.375rem;
    left: -3.7%
  }
}

@media screen and (max-width:64rem) {
  .style_detailsBox__CKbL3 {
    left: 0;
    top: -4rem;
    padding-top: 6.625rem;
    padding-left: 2.5rem;
    padding-right: 4.5rem;
    width: 40.5rem
  }
}

@media screen and (max-width:42.5rem) {
  .style_detailsBox__CKbL3 {
    width: calc(100vw - 4rem);
    height: 22.5rem;
    padding: 6rem 2rem 2rem .875rem
  }
}

.style_detailsBox__CKbL3 .style_quote__c_ZsY {
  font-size: 5rem;
  line-height: 6.125rem;
  color: #d6dbe6;
  text-shadow: .625rem .9375rem 2.5rem rgba(69, 124, 206, .2);
  font-style: italic;
  position: relative;
  top: -.875rem;
  text-align: center;
  padding-right: .75rem;
  font-weight: 400
}

@media screen and (max-width:68.75rem) {
  .style_detailsBox__CKbL3 .style_quote__c_ZsY {
    padding-right: 1rem
  }
}

@media screen and (max-width:42.5rem) {
  .style_detailsBox__CKbL3 .style_quote__c_ZsY {
    padding-right: .5rem;
    font-weight: 200;
    font-size: 3rem;
    line-height: 3.6875rem;
    top: -.375rem
  }
}

.style_detailsBox__CKbL3 .style_text__BO_8u {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #666f80
}

.style_detailsBox__CKbL3 .style_company__JywO4 {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.5rem;
  color: #8d95a6
}

@media screen and (max-width:42.5rem) {
  .style_detailsBox__CKbL3 .style_company__JywO4 {
    font-size: .8125rem
  }
}

.style_detailsBox__CKbL3 .style_icon__fD5tN {
  height: 2rem
}

@media screen and (max-width:64rem) {
  .style_devopsBox__pC4lz .style_aLink__siMI6 {
    width: 9rem;
    height: 3.75rem;
    font-size: 1.25rem
  }
}

@media screen and (max-width:42.5rem) {
  .style_devopsBox__pC4lz {
    min-height: 22.25rem
  }

  .style_devopsBox__pC4lz .style_aLink__siMI6 {
    position: relative;
    margin-top: 4.375rem;
    bottom: 0;
    width: 6.5rem;
    height: 2.5rem;
    font-size: .875rem;
    position: absolute;
    bottom: 2.25rem;
    left: 1.5rem
  }

  .style_detailsBox__CKbL3 .style_text__BO_8u {
    font-size: .8125rem;
    line-height: 1.375rem
  }
}

.style_banner_img__seGAr {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen07/screen07-bg.png?imageMogr2/format/webp);
  background-repeat: no-repeat;
  background-size: cover
}

.style_title_bg__kpWfJ {
  background: linear-gradient(90.37deg, #cd48e2 2.56%, #fd8484 99.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: .5px;
  line-height: 4.5rem;
  font-weight: 700;
  font-size: 4rem
}

@media (max-width:64rem) {
  .style_title_bg__kpWfJ {
    margin-left: 3.3125rem;
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

.style_sass_card_bg__JSY5S {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/program-sass-bg.png?imageMogr2/format/webp)
}

.style_on_premise_card_bg__Dp0vF {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/on-premise-bg.png?imageMogr2/format/webp)
}

.style_sass_card_title__znau_ {
  background: linear-gradient(88.93deg, #2d61fc 3.52%, #00b2ff 98.16%);
  background-clip: text;
  -webkit-background-clip: text
}

.style_on_premise_card_title__UtuT4,
.style_sass_card_title__znau_ {
  font-family: Avenir Next LT Pro;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent
}

.style_on_premise_card_title__UtuT4 {
  background: linear-gradient(91.73deg, #4a2dfc -3.59%, #a55ffa 66.72%, #f865a2 125.19%);
  background-clip: text;
  -webkit-background-clip: text
}

.style_card_nav___GOC_ {
  font-family: PingFang SC;
  padding: 2px .5rem;
  border-radius: .375rem
}

.style_sass_card_nav__Xr4_j {
  background: rgba(45, 97, 252, .15)
}

.style_on_premise_card_nav__8oOXW {
  background: rgba(109, 71, 222, .15)
}

.style_card_button__TrNr8 {
  box-shadow: 2px .4375rem .9375rem rgba(140, 198, 255, .5);
  border-radius: 2.9375rem;
  padding: .75rem 2rem;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff
}

@media (max-width:64rem) {
  .style_card_button__TrNr8 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.25rem
  }
}

.style_sass_card_button___PwCR {
  background: linear-gradient(134.89deg, #26a7ff -25.98%, #06f);
  box-shadow: 2px .4375rem .9375rem rgba(140, 198, 255, .5)
}

.style_sass_card_button___PwCR:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), linear-gradient(134.89deg, #26a7ff -25.98%, #06f)
}

.style_on_premise_card_button__Js7_B {
  background: linear-gradient(137.04deg, #d680ff -42.15%, #6f3dff 78.58%, #3d73ff 144.26%);
  box-shadow: 2px .4375rem .9375rem rgba(185, 160, 255, .5)
}

.style_on_premise_card_button__Js7_B:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), linear-gradient(137.04deg, #d680ff -42.15%, #6f3dff 78.58%, #3d73ff 144.26%)
}

.style_out_link___0waM {
  width: 1rem;
  height: 1rem;
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/outlink.svg)
}

.style_li_disc__uqZiS>li:before {
  content: "\2022";
  color: #3c5078;
  font-size: 1.125rem;
  padding-right: .375rem
}

@media screen and (max-width:52.125rem) {
  .style_banner_img__seGAr {
    background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen07/07-tablet-bg.png?imageMogr2/format/webp)
  }
}

.style_safety_top_left__v9uMI {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/safety-top-left.png?imageMogr2/format/webp);
  background-repeat: no-repeat;
  background-size: cover
}

.style_safety_top_right__IgZa_ {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/safety-top-right.png?imageMogr2/format/webp);
  background-repeat: no-repeat;
  background-size: cover
}

.style_safety_mobile__IvKKb {
  position: absolute;
  top: 0;
  z-index: -1;
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/safety-circle-mobile.png?imageMogr2/format/webp);
  background-repeat: no-repeat;
  background-size: cover
}

.style_title_bg__attoi {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: .5px;
  background: linear-gradient(271.56deg, #2d61fc 4.28%, #1bb1ee 45.09%, #37eeac 88.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

@media (max-width:52.125rem) {
  .style_title_bg__attoi {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_bg__attoi {
    font-size: 1.75rem;
    line-height: 2.5rem
  }
}

.style_title_second__1De0b {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: .5px;
  color: #2f353f
}

@media (max-width:52.125rem) {
  .style_title_second__1De0b {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_second__1De0b {
    font-size: 1.75rem;
    line-height: 2.5rem
  }
}

.style_mask__L7D_O {
  position: absolute;
  width: 100%;
  max-width: 55.5rem;
  height: 21rem;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .7) 35.43%, #fff 96.73%)
}

.style_safety_question__w4hgi div p {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #32373f;
  margin-bottom: 1rem
}

@media (max-width:52.125rem) {
  .style_safety_question__w4hgi div p {
    font-size: 1.375rem
  }
}

@media (max-width:37.5rem) {
  .style_safety_question__w4hgi div p {
    font-size: 1.375rem
  }
}

.style_safety_question__w4hgi div li {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #666f80;
  white-space: nowrap
}

@media (max-width:52.125rem) {
  .style_safety_question__w4hgi div li {
    font-size: 1rem
  }
}

@media (max-width:37.5rem) {
  .style_safety_question__w4hgi div li {
    font-size: 1rem
  }
}

.style_icon_desc__szvSi {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: .8125rem;
  line-height: 1.125rem;
  text-align: center;
  color: #8d95a6;
  word-break: keep-all
}

@media (max-width:52.125rem) {
  .style_icon_desc__szvSi {
    font-size: .875rem;
    line-height: 1.375rem
  }
}

@media (max-width:40rem) {
  .style_icon_desc__szvSi {
    font-size: .75rem;
    line-height: 1rem
  }
}

.style_title_bg__ILbvb {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: .5px;
  background: linear-gradient(91.05deg, #8043fe 2.79%, #f24cf5 93.85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

@media (max-width:52.125rem) {
  .style_title_bg__ILbvb {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_bg__ILbvb {
    font-size: 1.75rem
  }

  @media (max-width:52.125rem) {
    .style_title_bg__ILbvb {
      line-height: 3rem
    }
  }
}

.style_title_second__nCF5B {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 4.25rem;
  line-height: 4.5rem;
  color: #2f353f
}

@media (max-width:52.125rem) {
  .style_title_second__nCF5B {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_second__nCF5B {
    font-size: 1.75rem;
    line-height: 2.5rem
  }
}

.style_title_desc__cZq3F {
  font-family: M Ying Hei PRC;
  letter-spacing: .5px;
  font-size: 4rem
}

@media (max-width:52.125rem) {
  .style_title_desc__cZq3F {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

@media (max-width:37.5rem) {
  .style_title_desc__cZq3F {
    font-size: 1.75rem;
    line-height: 2.5rem
  }
}

.style_data_num__rL05B {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.75rem;
  color: #32373f
}

@media (max-width:37.5rem) {
  .style_data_num__rL05B {
    font-size: 2.25rem
  }

  @media (max-width:52.125rem) {
    .style_data_num__rL05B {
      line-height: 3rem
    }
  }
}

.style_data_symbol__Z078F {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4375rem;
  color: #32373f;
  mix-blend-mode: normal
}

@media (max-width:37.5rem) {
  .style_data_symbol__Z078F {
    font-size: 1.25rem
  }

  @media (max-width:52.125rem) {
    .style_data_symbol__Z078F {
      line-height: 1.875rem
    }
  }
}

.style_data_desc__yIcFM {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #666f80;
  mix-blend-mode: normal
}

@media (max-width:37.5rem) {
  .style_data_desc__yIcFM {
    font-size: .875rem
  }

  @media (max-width:52.125rem) {
    .style_data_desc__yIcFM {
      line-height: 1.5rem
    }
  }
}

.style_data_origin__yVzUJ {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #b8becc;
  text-align: center;
  margin-top: 3.25rem
}

@media (max-width:52.125rem) {
  .style_data_origin__yVzUJ {
    margin-left: 2rem;
    margin-top: 2.5rem;
    text-align: left
  }
}

@media (max-width:37.5rem) {
  .style_data_origin__yVzUJ {
    margin-top: 1.5rem;
    font-size: .875rem;
    line-height: 1.5rem
  }
}

.style_card_container__h6wpd {
  width: 40rem !important;
  height: 30.75rem !important
}

@media screen and (max-width:40rem) {
  .style_card_container__h6wpd {
    width: 20.375rem !important;
    height: 27rem !important
  }
}

.style_scale_card__99eMm {
  transform: scale(1.12) !important;
  transition: .5s
}

@media screen and (max-width:28.125rem) {
  .style_scale_card__99eMm {
    transform: scaleY(1.11) !important;
    transition: all .5s;
    transition-timing-function: linear
  }

  .style_button_text__TKDkS,
  .style_card_button__xe7mr,
  .style_card_desc__283u_,
  .style_card_title__4mmQT {
    transform: scaleY(.9) !important;
    transition: none !important
  }
}

.style_filter_gray__YStwJ {
  filter: grayscale(100%);
  opacity: .3
}

.style_isShow__1kKaq {
  filter: none;
  opacity: 1
}

.style_card_title__4mmQT {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff
}

@media (max-width:40rem) {
  .style_card_title__4mmQT {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.style_card_desc__283u_ {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #fff;
  mix-blend-mode: normal;
  opacity: .8
}

@media (max-width:40rem) {
  .style_card_desc__283u_ {
    font-size: .8125rem;
    line-height: 1.375rem
  }
}

.style_card_button__xe7mr {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .625rem 1.625rem;
  gap: .625rem;
  width: 7.25rem;
  height: 3rem;
  background: hsla(0, 0%, 100%, .2);
  -webkit-backdrop-filter: blur(.3125rem);
  backdrop-filter: blur(.3125rem);
  border-radius: 8.125rem;
  word-break: keep-all
}

@media (max-width:40rem) {
  .style_card_button__xe7mr {
    height: 2.5rem;
    width: 6.5rem;
    padding: .625rem 1.5rem
  }
}

.style_card_button__xe7mr:hover {
  background: hsla(0, 0%, 100%, .3)
}

.style_active_button__0AxEz {
  border: 2px solid hsla(0, 0%, 100%, .3);
  width: 7.5rem;
  height: 3.25rem;
  padding: .75rem 1.75rem
}

@media (max-width:52.125rem) {
  .style_active_button__0AxEz {
    border-style: none
  }
}

@media (max-width:40rem) {
  .style_active_button__0AxEz {
    height: 2.5rem;
    width: 6.5rem;
    padding: .625rem 1.5rem
  }
}

.style_button_text__TKDkS {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75rem;
  text-align: center;
  color: #fff
}

@media (max-width:40rem) {
  .style_button_text__TKDkS {
    font-size: .875rem;
    line-height: 1.25rem
  }
}

.style_title_num__ctnY5 {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 4.75rem;
  line-height: 4.5rem;
  letter-spacing: -1px;
  background: linear-gradient(.763turn, #5bd8ff, #2d61fc 94.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

@media (max-width:52.125rem) {
  .style_title_num__ctnY5 {
    font-size: 3.375rem;
    line-height: 3.5rem
  }
}

.style_title_black__aTxFg {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: .5px;
  color: #2f353f
}

@media (max-width:52.125rem) {
  .style_title_black__aTxFg {
    font-size: 3.375rem;
    line-height: 3.5rem
  }
}

.style_card_panel__u5iGr {
  transform: translateX(0)
}

.style_enterprise_container__il07B {
  width: 100%;
  height: 100%;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen10-bg.png) no-repeat;
  background-size: cover;
  background-position: 50%
}

.style_card_content__5sI0m {
  display: flex;
  margin-bottom: 1.5rem;
  gap: 1.5rem
}

@media (max-width:120rem) {
  .style_card_content__5sI0m {
    margin-bottom: 1.3125rem;
    gap: 0
  }
}

@media (max-width:90rem) {
  .style_card_content__5sI0m {
    margin-bottom: 1.25rem
  }
}

.style_card_content__5sI0m:last-child {
  margin-bottom: 0
}

.style_card_item__cy4nO {
  width: 13.5rem;
  height: 8rem;
  border: 1px solid hsla(0, 0%, 100%, .5);
  box-shadow: 0 .3375rem 1.0125rem rgba(4, 38, 128, .04);
  -webkit-backdrop-filter: blur(.3375rem);
  backdrop-filter: blur(.3375rem);
  border-radius: .75rem;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:120rem) {
  .style_card_item__cy4nO {
    transform: scale(.88) !important
  }
}

@media screen and (max-width:90rem) {
  .style_card_item__cy4nO {
    transform: scale(.85) !important
  }
}

.style_card_item_category__tBwhP:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: .75rem;
  z-index: 10;
  background: rgba(45, 52, 95, .6);
  background-size: cover
}

.style_card_item_category_text__6M2hz {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #fff
}

.style_card_item_x__nVM87 {
  width: 21rem
}

.style_banner_img__PVqdt {
  background-image: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/screen03-bg.png)
}

.style_title_bg__7kXFk {
  background: linear-gradient(99.45deg, #2d61fc 5.47%, #cb5bff 88.9%);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .5px;
  line-height: 4.5rem;
  font-weight: 700;
  font-size: 4rem
}

@media (max-width:90rem) {
  .style_title_bg__7kXFk {
    font-size: 2.875rem;
    line-height: 3.5rem
  }
}

.style_default_card__aexKM {
  background: hsla(0, 0%, 100%, .4);
  box-shadow: 0 0 .9375rem hsla(0, 13%, 75%, .15);
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
  border-radius: .75rem
}

.style_other_card_hover__xmCab {
  background: hsla(0, 0%, 100%, .7);
  box-shadow: 0 .3125rem 2.5rem hsla(6, 33%, 83%, .2);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_product_manager_card_hover__RcrSH {
  background: linear-gradient(319.06deg, rgba(156, 84, 248, .72) -4.71%, rgba(121, 45, 250, .9) 74.84%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(189, 146, 222, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_business_manager_card_hover__DZNTQ {
  background: linear-gradient(284.92deg, rgba(88, 155, 255, .9), rgba(77, 91, 255, .9) 91.47%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(160, 153, 233, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_project_manager_card_hover__vWwhQ,
.style_test_engineer_card_hover__UuZU6 {
  background: linear-gradient(319.87deg, hsla(3, 100%, 71%, .9) -3.16%, rgba(226, 71, 136, .9) 74.86%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(157, 146, 222, .3);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_dev_engineer_card_hover__uIQku {
  background: linear-gradient(319.06deg, rgba(156, 84, 248, .72) -4.71%, rgba(121, 45, 250, .9) 74.84%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(189, 146, 222, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_ops_engineer_card_hover__2X1__ {
  background: linear-gradient(284.92deg, rgba(88, 155, 255, .9), rgba(77, 91, 255, .9) 91.47%);
  box-shadow: 0 1.875rem 5rem .3125rem rgba(160, 153, 233, .7);
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_li_disc__u1NeS>li {
  display: flex
}

.style_li_disc__u1NeS>li:before {
  content: "\2022";
  color: #8d95a6;
  font-size: 1rem;
  padding-right: .375rem
}

.style_li_disc_hover__k5GEF>li:before {
  content: "\2022";
  color: #fff;
  font-size: 1rem;
  padding-right: .375rem
}

.style_title_num___9y_f {
  font-family: Avenir Next LT Pro;
  font-style: normal;
  font-weight: 700;
  font-size: 4.75rem;
  line-height: 4.5rem;
  letter-spacing: -1px;
  background: linear-gradient(.763turn, #5bd8ff, #2d61fc 94.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

@media (max-width:52.125rem) {
  .style_title_num___9y_f {
    font-size: 3.375rem;
    line-height: 3.5rem
  }
}

.style_title_black__GM2il {
  font-family: M Ying Hei PRC;
  font-style: normal;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: .5px;
  color: #2f353f
}

@media (max-width:52.125rem) {
  .style_title_black__GM2il {
    font-size: 3.375rem;
    line-height: 3.5rem
  }
}

.style_card_panel__cMPQ1 {
  transform: translateX(0)
}

.style_enterprise_container__oqCC_ {
  width: 100%;
  height: 100%;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/banner/enterprise-tablet-bg.png) no-repeat;
  background-size: cover;
  background-position: 50%
}

.style_card_content__32Svl {
  display: flex;
  margin-bottom: 1.5rem;
  gap: 1.25rem
}

.style_card_content__32Svl:last-child {
  margin-bottom: 0
}

.style_card_item__Za4gI {
  width: 10.96875rem;
  height: 6.5rem;
  border: .8125px solid hsla(0, 0%, 100%, .5);
  box-shadow: 0 .274219rem .822656rem rgba(4, 38, 128, .04);
  -webkit-backdrop-filter: blur(.274219rem);
  backdrop-filter: blur(.274219rem);
  border-radius: .375rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.style_card_item_category__w_dGt:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: .375rem;
  z-index: 10;
  background: rgba(45, 52, 95, .6);
  background-size: cover
}

.style_card_item_category_text__a7eap {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #fff
}

.style_card_item_x__hwMz9 {
  width: 17.0625rem
}

.style_linkBarContainer__jfuMM {
  width: 3rem;
  height: 9.125rem;
  background: #fff;
  box-shadow: .3125rem .3125rem 1.25rem .3125rem rgba(25, 45, 102, .1);
  border-radius: 1.625rem
}

.style_goTopBtn__SO_Di {
  width: 3rem;
  height: 3rem;
  background: #fff;
  box-shadow: .3125rem .3125rem 1.25rem .3125rem rgba(25, 45, 102, .1);
  border-radius: 6.25rem;
  right: 1.375rem;
  bottom: 2rem
}

.style_goTopBtn__SO_Di,
.style_mbConsultModal___Y7dc {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center
}

.style_mbConsultModal___Y7dc {
  width: 100vw;
  height: 100vh;
  background-color: rgba(23, 29, 38, .7);
  top: 0;
  left: 0;
  z-index: 99
}

.style_mbModal__8YuHS {
  box-shadow: 0 0 1.5625rem rgba(61, 78, 102, .07)
}

@media screen and (max-width:112.5rem) {
  .style_linkBarContainer__jfuMM {
    width: 3.4375rem;
    height: 10.4375rem
  }

  .style_floatContainer__Z_ZLO {
    bottom: 8.5625rem
  }
}

@media screen and (max-width:64rem) {
  .style_linkBarContainer__jfuMM {
    height: 6.875rem;
    border-radius: 1.5rem
  }
}

@media screen and (max-width:52.125rem) {
  .style_linkBarContainer__jfuMM {
    width: 3rem;
    height: 6.0625rem
  }

  .style_floatContainer__Z_ZLO {
    bottom: 7.5rem
  }
}

@media screen and (max-width:37.5rem) {
  .style_floatContainer__Z_ZLO {
    bottom: 6.25rem
  }
}

.style_startButton__MsjM1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .5rem 1.375rem;
  gap: .625rem;
  color: #fff;
  width: 6.75rem;
  height: 2.5rem;
  background: linear-gradient(101.26deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%);
  border-radius: .375rem
}

@keyframes style_fade-up-header__siuYH {
  0% {
    opacity: 0;
    transform: translateY(10%)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.style_navDropDownContainer__r1dYe {
  animation-name: style_fade-up-header__siuYH;
  animation-duration: .3s;
  animation-timing-function: ease;
  animation-fill-mode: forwards
}

.style_itemContainer__0pg_k {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  height: inherit;
  flex-wrap: wrap;
  margin-bottom: 4.0625rem
}

.style_icon__UweUY {
  display: block;
  position: relative;
  height: 1.5rem;
  width: 1.5rem;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent
}

.style_icon__UweUY span {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  background-color: #202d40;
  height: 2px;
  width: 1.25rem;
  transform: translateX(-50%) translateY(-50%);
  transition: background-color .2s
}

.style_icon__UweUY span:after,
.style_icon__UweUY span:before {
  position: absolute;
  background-color: #202d40;
  height: 2px;
  width: 1.25rem;
  content: "";
  left: 0;
  transition: transform .2s
}

.style_icon__UweUY span:before {
  transform: translateY(-.5rem)
}

.style_icon__UweUY span:after {
  transform: translateY(.5rem)
}

.style_expand__jPLv5 span {
  background-color: transparent
}

.style_expand__jPLv5 span:before {
  transform: rotate(45deg)
}

.style_expand__jPLv5 span:after {
  transform: rotate(-45deg)
}

.style_menu___KHzL {
  border-radius: 0 0 .75rem .75rem
}

.style_tablet_start_wrapper__8g1Ch {
  background: hsla(0, 0%, 100%, .88);
  box-shadow: 0 -.25rem .875rem rgba(27, 90, 179, .034), 0 -1px .3125rem rgba(27, 90, 179, .06);
  -webkit-backdrop-filter: blur(.3125rem);
  backdrop-filter: blur(.3125rem);
  border-radius: 0 0 .75rem .75rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.style_tablet_start_wrapper__8g1Ch .style_tablet_start_button__lUAEm {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .625rem 0;
  gap: .625rem;
  width: 10rem;
  height: 3rem;
  background: linear-gradient(109.23deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%);
  border-radius: .375rem;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #fff
}

@media screen and (max-width:37.5rem) {
  .style_tablet_start_wrapper__8g1Ch .style_tablet_start_button__lUAEm {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 10.6875rem;
    height: 2.75rem
  }
}

.style_header_marketing_container__5adut {
  width: 100%;
  height: 3rem;
  padding: .375rem 0;
  z-index: 40;
  background: linear-gradient(270.11deg, rgba(68, 47, 253, .8) -2.45%, rgba(0, 85, 242, .8) 38.81%, rgba(15, 135, 255, .8) 75.63%, #3de6f5 108.2%);
  -webkit-backdrop-filter: blur(.75rem);
  backdrop-filter: blur(.75rem)
}

.style_header_marketing_container__5adut .style_marketing_label__7IWYy {
  background: linear-gradient(90.46deg, rgba(191, 240, 255, .2) -3.63%, rgba(167, 229, 255, .4) 99.96%);
  border-radius: 3.125rem;
  padding: .375rem .75rem .375rem .625rem;
  line-height: 1.25rem;
  font-size: .875rem;
  color: #fff;
  font-family: Avenir Next LT Pro;
  margin-right: .625rem
}

.style_header_marketing_container__5adut .style_marketing_content__fOg_F {
  font-family: PingFang SC;
  color: #fff;
  font-size: .875rem;
  line-height: 1.5rem;
  display: inline;
  white-space: nowrap
}

@media only screen and (max-width:52.125rem) {
  .style_header_marketing_container__5adut .style_marketing_content__fOg_F {
    overflow-x: scroll;
    max-width: 25rem
  }
}

@media only screen and (max-width:48rem) {
  .style_header_marketing_container__5adut .style_marketing_content__fOg_F {
    max-width: 12.5rem
  }
}

@media only screen and (max-width:37.5rem) {
  .style_header_marketing_container__5adut .style_marketing_content__fOg_F {
    display: none
  }
}

.style_header_marketing_container__5adut .style_marketing_content_mb___CPpl {
  font-family: PingFang SC;
  color: #fff;
  font-size: .875rem;
  line-height: 1.5rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  margin-left: .75rem;
  height: 100%
}

.style_header_marketing_container__5adut .style_marketing_content_mb___CPpl .style_mb_slide_wrapper__Zz0Re {
  position: absolute;
  animation: style_slide__M1w16 30s linear infinite;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

@keyframes style_slide__M1w16 {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}

.style_header_marketing_container__5adut .style_marketing_link__0FQkq a {
  color: #fff;
  display: inline-block;
  margin-left: 1rem;
  border-radius: .375rem;
  padding: 3px .5rem;
  line-height: 1.25rem;
  background: hsla(0, 0%, 100%, .1);
  font-family: PingFang SC;
  font-style: normal;
  font-size: .875rem
}

.style_header_marketing_container__5adut .style_marketing_link__0FQkq a:after {
  content: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/outlink.svg)
}

@media only screen and (max-width:37.5rem) {
  .style_header_marketing_container__5adut .style_marketing_link__0FQkq {
    padding-left: .5rem
  }

  .style_header_marketing_container__5adut .style_marketing_link__0FQkq a {
    margin-left: 0
  }
}

.style_header_marketing_container__5adut .style_close_icon__SPWo4 {
  position: absolute;
  display: flex;
  right: 1.5rem;
  cursor: pointer
}

@media only screen and (max-width:37.5rem) {
  .style_header_marketing_container__5adut .style_close_icon__SPWo4 {
    position: relative;
    right: 0;
    margin-left: .5rem;
    margin-right: .5rem
  }
}

.style_header_banner__H93Z5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: .4375rem 0;
  background-color: #fefbe6;
  z-index: 40
}

@media only screen and (max-width:48rem) {
  .style_header_banner__H93Z5 {
    font-size: .75rem
  }
}

.style_header_banner__H93Z5 .style_announcement_img__INpOR {
  padding-right: 2px;
  width: 1.125rem
}

.style_header_banner__H93Z5 .style_header_title__bCENf {
  display: flex;
  align-items: center;
  font-family: PingFangSC-Regular;
  color: #333;
  padding: 2px;
  font-size: .875rem;
  font-weight: 500;
  text-align: center;
  line-height: .875rem
}

@media only screen and (max-width:48rem) {
  .style_header_banner__H93Z5 .style_header_title__bCENf {
    font-size: .75rem
  }
}

.style_header_bg__zBLOS {
  background: hsla(0, 0%, 100%, .86)
}

.style_header_bg__zBLOS,
.style_header_hover_bg__xwS65 {
  -webkit-backdrop-filter: blur(1.25rem);
  backdrop-filter: blur(1.25rem)
}

.style_header_hover_bg__xwS65 {
  background: hsla(0, 0%, 100%, .98)
}

.style_footerStarter__LgVQ1 {
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/footer/footer_bg_new.png?imageMogr2/format/webp) no-repeat;
  background-size: cover;
  position: relative;
  background-position: 50%
}

.style_indexFooterBtn__1kYbb {
  background: #fff;
  color: #2d61fc;
  font-weight: 500
}

.style_operatorImg__MQCTR {
  width: 21.625rem;
  position: relative;
  z-index: 20
}

.style_errorContainer__2BkBj {
  width: 100vw;
  height: 100vh;
  background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/404/bg_new.png) no-repeat;
  background-size: cover;
  background-position: 50%
}

@media screen and (max-width:112.5rem) {
  .style_operatorImg__MQCTR {
    width: 24.75rem
  }
}

@media screen and (max-width:72.5rem) {
  .style_footerStarter__LgVQ1 {
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/footer/bg_tb_new.png?imageMogr2/format/webp) no-repeat;
    background-size: cover;
    background-position: 50%
  }
}

@media screen and (max-width:64rem) {
  .style_errorContainer__2BkBj {
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/404/tb_bg_new.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    justify-content: flex-start
  }

  .style_operatorImg__MQCTR {
    width: 21.75rem
  }
}

@media screen and (max-width:52.125rem) {
  .style_operatorImg__MQCTR {
    width: 19rem
  }
}

@media screen and (max-width:37.5rem) {
  .style_footerStarter__LgVQ1 {
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/footer/bg_mb_new.png?imageMogr2/format/webp) no-repeat;
    background-size: cover;
    background-position: 50%
  }

  .style_operatorImg__MQCTR {
    width: 9.3125rem
  }

  .style_errorContainer__2BkBj {
    background: url(https://help-assets.codehub.cn/enterprise/new-static/images/index/img/404/mb_bg_new.png) no-repeat;
    background-size: cover;
    background-position: 50%
  }
}

@charset "UTF-8";

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  /* opacity: 0;
  transition-property: opacity, transform */
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  /* opacity: 0;
  transition-property: opacity, transform */
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url(../tengxun/ajax-loader.0b80f665.gif) 50% no-repeat
}
/* 
@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(../tengxun/slick.25572f22.eot);
  src: url(../tengxun/slick.25572f22.eot?#iefix) format("embedded-opentype"), url(../tengxun/slick.653a4cbb.woff) format("woff"), url(../tengxun/slick.6aa1ee46.ttf) format("truetype"), url(../tengxun/slick.f895cfdf.svg#slick) format("svg")
} */

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li,
.slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}