*, ::before, ::after {
  border-color: currentColor
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.top-0 {
  top: 0px
}

.top-8 {
  top: 8px
}

.top-10 {
  top: 10px
}

.top-12 {
  top: 12px
}

.top-20 {
  top: 20px
}

.top-24 {
  top: 24px
}

.top-30 {
  top: 30px
}

.top-50 {
  top: 50px
}

.top-58 {
  top: 58px
}

.top-90 {
  top: 90px
}

.top-94 {
  top: 94px
}

.top-50\% {
  top: 50%
}

.-top-4 {
  top: -4px
}

.-top-12 {
  top: -12px
}

.-top-16 {
  top: -16px
}

.-top-20 {
  top: -20px
}

.-top-30 {
  top: -30px
}

.-top-40 {
  top: -40px
}

.right-0 {
  right: 0px
}

.right-4 {
  right: 4px
}

.right-8 {
  right: 8px
}

.right-10 {
  right: 10px
}

.right-20 {
  right: 20px
}

.right-30 {
  right: 30px
}

.right-60 {
  right: 60px
}

.-right-12 {
  right: -12px
}

.-right-16 {
  right: -16px
}

.-right-20 {
  right: -20px
}

.-right-30 {
  right: -30px
}

.-right-60 {
  right: -60px
}

.bottom-0 {
  bottom: 0px
}

.bottom-20 {
  bottom: 20px
}

.bottom-30 {
  bottom: 30px
}

.bottom-80 {
  bottom: 80px
}

.left-0 {
  left: 0px
}

.left-4 {
  left: 4px
}

.left-12 {
  left: 12px
}

.left-20 {
  left: 20px
}

.left-50 {
  left: 50px
}

.left-auto {
  left: auto
}

.left-50\% {
  left: 50%
}

.-left-10 {
  left: -10px
}

.-left-60 {
  left: -60px
}

.z-0 {
  z-index: 0
}

.z-1 {
  z-index: 1
}

.z-2 {
  z-index: 2
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.z-21 {
  z-index: 21
}

.z-30 {
  z-index: 30
}

.z-1000 {
  z-index: 1000
}

.z-1001 {
  z-index: 1001
}

.z-10002 {
  z-index: 10002
}

.float-right {
  float: right
}

.float-left {
  float: left
}

.m-0 {
  margin: 0px
}

.m-20 {
  margin: 20px
}

.m-auto {
  margin: auto
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px
}

.mx-6 {
  margin-left: 6px;
  margin-right: 6px
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px
}

.mx-14 {
  margin-left: 14px;
  margin-right: 14px
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px
}

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

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px
}

.my-18 {
  margin-top: 18px;
  margin-bottom: 18px
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px
}

.my-34 {
  margin-top: 34px;
  margin-bottom: 34px
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px
}

.my-140 {
  margin-top: 140px;
  margin-bottom: 140px
}

.mt-0 {
  margin-top: 0px
}

.mt-4 {
  margin-top: 4px
}

.mt-6 {
  margin-top: 6px
}

.mt-8 {
  margin-top: 8px
}

.mt-10 {
  margin-top: 10px
}

.mt-12 {
  margin-top: 12px
}

.mt-14 {
  margin-top: 14px
}

.mt-16 {
  margin-top: 16px
}

.mt-18 {
  margin-top: 18px
}

.mt-20 {
  margin-top: 20px
}

.mt-24 {
  margin-top: 24px
}

.mt-26 {
  margin-top: 26px
}

.mt-30 {
  margin-top: 30px
}

.mt-32 {
  margin-top: 32px
}

.mt-34 {
  margin-top: 34px
}

.mt-36 {
  margin-top: 36px
}

.mt-40 {
  margin-top: 40px
}

.mt-48 {
  margin-top: 48px
}

.mt-50 {
  margin-top: 50px
}

.mt-58 {
  margin-top: 58px
}

.mt-60 {
  margin-top: 60px
}

.mt-70 {
  margin-top: 70px
}

.mt-90 {
  margin-top: 90px
}

.mt-100 {
  margin-top: 100px
}

.mt-180 {
  margin-top: 180px
}

.mt-200 {
  margin-top: 200px
}

.mt-14-rem {
  margin-top: 0.14rem
}

.mt-26-rem {
  margin-top: 0.26rem
}

.mt-28-rem {
  margin-top: 0.28rem
}

.mt-40-rem {
  margin-top: 0.40rem
}

.mt-90-rem {
  margin-top: 0.90rem
}

.mt-100-rem {
  margin-top: 1.00rem
}

.-mt-10 {
  margin-top: -10px
}

.mr-4 {
  margin-right: 4px
}

.mr-6 {
  margin-right: 6px
}

.mr-8 {
  margin-right: 8px
}

.mr-10 {
  margin-right: 10px
}

.mr-12 {
  margin-right: 12px
}

.mr-14 {
  margin-right: 14px
}

.mr-16 {
  margin-right: 16px
}

.mr-20 {
  margin-right: 20px
}

.mr-40 {
  margin-right: 40px
}

.mr-76 {
  margin-right: 76px
}

.mr-170 {
  margin-right: 170px
}

.mr-240 {
  margin-right: 240px
}

.mr-40-rem {
  margin-right: 0.40rem
}

.mr-100-rem {
  margin-right: 1.00rem
}

.mr-140-rem {
  margin-right: 1.40rem
}

.mb-0 {
  margin-bottom: 0px
}

.mb-2 {
  margin-bottom: 2px
}

.mb-6 {
  margin-bottom: 6px
}

.mb-8 {
  margin-bottom: 8px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-12 {
  margin-bottom: 12px
}

.mb-14 {
  margin-bottom: 14px
}

.mb-16 {
  margin-bottom: 16px
}

.mb-18 {
  margin-bottom: 18px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-22 {
  margin-bottom: 22px
}

.mb-24 {
  margin-bottom: 24px
}

.mb-28 {
  margin-bottom: 28px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-32 {
  margin-bottom: 32px
}

.mb-36 {
  margin-bottom: 36px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-43 {
  margin-bottom: 43px
}

.mb-48 {
  margin-bottom: 48px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-56 {
  margin-bottom: 56px
}

.mb-60 {
  margin-bottom: 60px
}

.mb-64 {
  margin-bottom: 64px
}

.mb-70 {
  margin-bottom: 70px
}

.mb-80 {
  margin-bottom: 80px
}

.mb-100 {
  margin-bottom: 100px
}

.ml-4 {
  margin-left: 4px
}

.ml-6 {
  margin-left: 6px
}

.ml-8 {
  margin-left: 8px
}

.ml-10 {
  margin-left: 10px
}

.ml-12 {
  margin-left: 12px
}

.ml-14 {
  margin-left: 14px
}

.ml-16 {
  margin-left: 16px
}

.ml-20 {
  margin-left: 20px
}

.ml-30 {
  margin-left: 30px
}

.ml-36 {
  margin-left: 36px
}

.ml-40 {
  margin-left: 40px
}

.ml-42 {
  margin-left: 42px
}

.ml-50 {
  margin-left: 50px
}

.ml-200 {
  margin-left: 200px
}

.ml-240 {
  margin-left: 240px
}

.ml-auto {
  margin-left: auto
}

.ml-116-rem {
  margin-left: 1.16rem
}

.ml-140-rem {
  margin-left: 1.40rem
}

.ml-360-rem {
  margin-left: 3.60rem
}

.-ml-4 {
  margin-left: -4px
}

.box-border {
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.h-0 {
  height: 0px
}

.h-1 {
  height: 1px
}

.h-6 {
  height: 6px
}

.h-10 {
  height: 10px
}

.h-12 {
  height: 12px
}

.h-14 {
  height: 14px
}

.h-16 {
  height: 16px
}

.h-18 {
  height: 18px
}

.h-20 {
  height: 20px
}

.h-24 {
  height: 24px
}

.h-26 {
  height: 26px
}

.h-28 {
  height: 28px
}

.h-30 {
  height: 30px
}

.h-32 {
  height: 32px
}

.h-36 {
  height: 36px
}

.h-40 {
  height: 40px
}

.h-42 {
  height: 42px
}

.h-44 {
  height: 44px
}

.h-48 {
  height: 48px
}

.h-50 {
  height: 50px
}

.h-56 {
  height: 56px
}

.h-60 {
  height: 60px
}

.h-64 {
  height: 64px
}

.h-70 {
  height: 70px
}

.h-80 {
  height: 80px
}

.h-84 {
  height: 84px
}

.h-100 {
  height: 100px
}

.h-114 {
  height: 114px
}

.h-118 {
  height: 118px
}

.h-176 {
  height: 176px
}

.h-180 {
  height: 180px
}

.h-200 {
  height: 200px
}

.h-220 {
  height: 220px
}

.h-222 {
  height: 222px
}

.h-350 {
  height: 350px
}

.h-360 {
  height: 360px
}

.h-380 {
  height: 380px
}

.h-390 {
  height: 390px
}

.h-430 {
  height: 430px
}

.h-700 {
  height: 700px
}

.h-938 {
  height: 938px
}

.h-full {
  height: 100%
}

.h-fullV {
  height: 100vh
}

.h-auto {
  height: auto
}

.h-36-rem {
  height: 0.36rem
}

.h-168-rem {
  height: 1.68rem
}

.h-170-rem {
  height: 1.70rem
}

.h-220-rem {
  height: 2.20rem
}

.max-h-0 {
  max-height: 0px
}

.max-h-160 {
  max-height: 160px
}

.max-h-310 {
  max-height: 310px
}

.max-h-314 {
  max-height: 314px
}

.max-h-400 {
  max-height: 400px
}

.max-h-580 {
  max-height: 580px
}

.max-h-836 {
  max-height: 836px
}

.max-h-full {
  max-height: 100%
}

.max-h-80vh {
  max-height: 80vh
}

.min-h-36 {
  min-height: 36px
}

.min-h-100 {
  min-height: 100px
}

.min-h-120 {
  min-height: 120px
}

.min-h-418 {
  min-height: 418px
}

.min-h-full {
  min-height: 100%
}

.w-0 {
  width: 0px
}

.w-6 {
  width: 6px
}

.w-12 {
  width: 12px
}

.w-14 {
  width: 14px
}

.w-16 {
  width: 16px
}

.w-18 {
  width: 18px
}

.w-20 {
  width: 20px
}

.w-24 {
  width: 24px
}

.w-26 {
  width: 26px
}

.w-28 {
  width: 28px
}

.w-30 {
  width: 30px
}

.w-32 {
  width: 32px
}

.w-36 {
  width: 36px
}

.w-40 {
  width: 40px
}

.w-42 {
  width: 42px
}

.w-44 {
  width: 44px
}

.w-46 {
  width: 46px
}

.w-48 {
  width: 48px
}

.w-50 {
  width: 50px
}

.w-56 {
  width: 56px
}

.w-60 {
  width: 60px
}

.w-65 {
  width: 65px
}

.w-70 {
  width: 70px
}

.w-80 {
  width: 80px
}

.w-90 {
  width: 90px
}

.w-100 {
  width: 100px
}

.w-120 {
  width: 120px
}

.w-160 {
  width: 160px
}

.w-180 {
  width: 180px
}

.w-196 {
  width: 196px
}

.w-200 {
  width: 200px
}

.w-208 {
  width: 208px
}

.w-250 {
  width: 250px
}

.w-260 {
  width: 260px
}

.w-280 {
  width: 280px
}

.w-300 {
  width: 300px
}

.w-312 {
  width: 312px
}

.w-350 {
  width: 350px
}

.w-378 {
  width: 378px
}

.w-380 {
  width: 380px
}

.w-420 {
  width: 420px
}

.w-460 {
  width: 460px
}

.w-480 {
  width: 480px
}

.w-540 {
  width: 540px
}

.w-600 {
  width: 600px
}

.w-665 {
  width: 665px
}

.w-720 {
  width: 720px
}

.w-800 {
  width: 800px
}

.w-830 {
  width: 830px
}

.w-1000 {
  width: 1000px
}

.w-1200 {
  width: 1200px
}

.w-95-rem {
  width: 0.95rem
}

.w-120-rem {
  width: 1.20rem
}

.w-50\% {
  width: 50%
}

.w-70\% {
  width: 70%
}

.w-80\% {
  width: 80%
}

.w-90\% {
  width: 90%
}

.w-full {
  width: 100%
}

.w-auto {
  width: auto
}

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

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

.w-calc-full-40 {
  width: calc(100% - 40px)
}

.w-calc-full-60 {
  width: calc(100% - 60px)
}

.w-280-rem {
  width: 2.80rem
}

.w-420-rem {
  width: 4.20rem
}

.w-470-rem {
  width: 4.70rem
}

.min-w-350 {
  min-width: 350px
}

.min-w-540 {
  min-width: 540px
}

.min-w-940 {
  min-width: 940px
}

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

.min-w-max {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content
}

.max-w-160 {
  max-width: 160px
}

.max-w-350 {
  max-width: 350px
}

.max-w-400 {
  max-width: 400px
}

.max-w-440 {
  max-width: 440px
}

.max-w-500 {
  max-width: 500px
}

.max-w-540 {
  max-width: 540px
}

.max-w-600 {
  max-width: 600px
}

.max-w-660 {
  max-width: 660px
}

.max-w-700 {
  max-width: 700px
}

.max-w-760 {
  max-width: 760px
}

.max-w-766 {
  max-width: 766px
}

.max-w-900 {
  max-width: 900px
}

.max-w-920 {
  max-width: 920px
}

.max-w-960 {
  max-width: 960px
}

.max-w-980 {
  max-width: 980px
}

.max-w-1000 {
  max-width: 1000px
}

.max-w-1030 {
  max-width: 1030px
}

.max-w-1080 {
  max-width: 1080px
}

.max-w-1180 {
  max-width: 1180px
}

.max-w-1200 {
  max-width: 1200px
}

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

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

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0
}

.flex-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1
}

.transform {
  --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;
  -webkit-transform: translateX(var(--tw-translate-x)) translateY(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));
      -ms-transform: translateX(var(--tw-translate-x)) translateY(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));
          transform: translateX(var(--tw-translate-x)) translateY(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))
}

.-translate-x-50 {
  --tw-translate-x: -50px
}

.-translate-x-50\% {
  --tw-translate-x: -50%
}

.translate-x-full {
  --tw-translate-x: 100%
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%
}

.-translate-x-full {
  --tw-translate-x: -100%
}

.-translate-y-50 {
  --tw-translate-y: -50px
}

.-translate-y-50\% {
  --tw-translate-y: -50%
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%
}

.-translate-y-2\/4 {
  --tw-translate-y: -50%
}

.rotate-0 {
  --tw-rotate: 0deg
}

.rotate-180 {
  --tw-rotate: 180deg
}

.-rotate-180 {
  --tw-rotate: -180deg
}

.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5
}

.cursor-pointer {
  cursor: pointer
}

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

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text
}

.resize {
  resize: both
}

.list-inside {
  list-style-position: inside
}

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

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

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
}

.content-center {
  -ms-flex-line-pack: center;
      align-content: center
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around
}

.justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-y-auto {
  overflow-y: auto
}

.overflow-ellipsis {
  text-overflow: ellipsis
}

.whitespace-nowrap {
  white-space: nowrap
}

.break-words {
  overflow-wrap: break-word
}

.break-all {
  word-break: break-all
}

.rounded-2 {
  border-radius: 2px
}

.rounded-4 {
  border-radius: 4px
}

.rounded-5 {
  border-radius: 5px
}

.rounded-6 {
  border-radius: 6px
}

.rounded-8 {
  border-radius: 8px
}

.rounded-12 {
  border-radius: 12px
}

.rounded-16 {
  border-radius: 16px
}

.rounded-20 {
  border-radius: 20px
}

.rounded-22 {
  border-radius: 22px
}

.rounded-24 {
  border-radius: 24px
}

.rounded-30 {
  border-radius: 30px
}

.rounded-100 {
  border-radius: 100px
}

.rounded-none {
  border-radius: 0
}

.rounded-full {
  border-radius: 100%
}

.rounded-t-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.rounded-r-5 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.rounded-tl-8 {
  border-top-left-radius: 8px
}

.rounded-tl-16 {
  border-top-left-radius: 16px
}

.rounded-bl-8 {
  border-bottom-left-radius: 8px
}

.rounded-bl-16 {
  border-bottom-left-radius: 16px
}

.border-0 {
  border-width: 0px
}

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

.border-2 {
  border-width: 2px
}

.border {
  border-width: 1px
}

.border-t {
  border-width: 1px 0 0 0
}

.border-t-1 {
  border-width: 1px 0 0 0
}

.border-r-1 {
  border-width: 0 1px 0 0
}

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

.border-t-0 {
  border-top-width: 0px
}

.border-t-1 {
  border-top-width: 1px
}

.border-t {
  border-top-width: 1px
}

.border-r-0 {
  border-right-width: 0px
}

.border-r-1 {
  border-right-width: 1px
}

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

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

.border-l-0 {
  border-left-width: 0px
}

.border-l-4 {
  border-left-width: 4px
}

.border-solid {
  border-style: solid
}

.border-none {
  border-style: none
}

.border-transparent {
  border-color: transparent
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.border-gray-5 {
  --tw-border-opacity: 1;
  border-color: rgba(85, 85, 85, var(--tw-border-opacity))
}

.border-gray-7 {
  --tw-border-opacity: 1;
  border-color: rgba(119, 119, 119, var(--tw-border-opacity))
}

.border-gray-70 {
  --tw-border-opacity: 1;
  border-color: rgba(112, 112, 112, var(--tw-border-opacity))
}

.border-gray-e5 {
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity))
}

.border-gray-c2 {
  --tw-border-opacity: 1;
  border-color: rgba(194, 194, 194, var(--tw-border-opacity))
}

.border-gray-d {
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity))
}

.border-gray-c {
  --tw-border-opacity: 1;
  border-color: rgba(204, 204, 204, var(--tw-border-opacity))
}

.border-gray-000814 {
  --tw-border-opacity: 1;
  border-color: rgba(0, 8, 20, var(--tw-border-opacity))
}

.border-blue-00ade5 {
  --tw-border-opacity: 1;
  border-color: rgba(0, 173, 229, var(--tw-border-opacity))
}

.border-keen-main {
  --tw-border-opacity: 1;
  border-color: rgba(9, 100, 57, var(--tw-border-opacity))
}

.border-keen-assistant-400 {
  --tw-border-opacity: 1;
  border-color: rgba(178, 178, 178, var(--tw-border-opacity))
}

.hover\:border-gray-000814:hover {
  --tw-border-opacity: 1;
  border-color: rgba(0, 8, 20, var(--tw-border-opacity))
}

.hover\:border-blue-00ade5:hover {
  --tw-border-opacity: 1;
  border-color: rgba(0, 173, 229, var(--tw-border-opacity))
}

.bg-unset {
  background-color: unset
}

.bg-transparent {
  background-color: transparent
}

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

.bg-white-36 {
  background-color: rgba(255, 255, 255, .36)
}

.bg-black-0 {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-black-opacity-70 {
  background-color: rgba(0, 0, 0, .70)
}

.bg-black-opacity-88 {
  background-color: rgba(0, 0, 0, .88)
}

.bg-red-f4dddd {
  --tw-bg-opacity: 1;
  background-color: rgba(244, 221, 221, var(--tw-bg-opacity))
}

.bg-red-e74300 {
  --tw-bg-opacity: 1;
  background-color: rgba(231, 67, 0, var(--tw-bg-opacity))
}

.bg-red-ff4500 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 69, 0, var(--tw-bg-opacity))
}

.bg-gray-7 {
  --tw-bg-opacity: 1;
  background-color: rgba(119, 119, 119, var(--tw-bg-opacity))
}

.bg-gray-9 {
  --tw-bg-opacity: 1;
  background-color: rgba(153, 153, 153, var(--tw-bg-opacity))
}

.bg-gray-14 {
  --tw-bg-opacity: 1;
  background-color: rgba(20, 20, 20, var(--tw-bg-opacity))
}

.bg-gray-f2 {
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity))
}

.bg-gray-f3 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 243, 243, var(--tw-bg-opacity))
}

.bg-gray-f5 {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 245, 245, var(--tw-bg-opacity))
}

.bg-gray-f7f8f9 {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 248, 249, var(--tw-bg-opacity))
}

.bg-gray-f8f9fa {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--tw-bg-opacity))
}

.bg-gray-a1 {
  --tw-bg-opacity: 1;
  background-color: rgba(161, 161, 161, var(--tw-bg-opacity))
}

.bg-gray-f0 {
  --tw-bg-opacity: 1;
  background-color: rgba(240, 240, 240, var(--tw-bg-opacity))
}

.bg-gray-7d {
  --tw-bg-opacity: 1;
  background-color: rgba(125, 125, 125, var(--tw-bg-opacity))
}

.bg-gray-c {
  --tw-bg-opacity: 1;
  background-color: rgba(204, 204, 204, var(--tw-bg-opacity))
}

.bg-blue-bddeef {
  --tw-bg-opacity: 1;
  background-color: rgba(189, 222, 239, var(--tw-bg-opacity))
}

.bg-blue-00ade5 {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 229, var(--tw-bg-opacity))
}

.bg-blue-34548D {
  --tw-bg-opacity: 1;
  background-color: rgba(52, 84, 141, var(--tw-bg-opacity))
}

.bg-blue-54ACED {
  --tw-bg-opacity: 1;
  background-color: rgba(84, 172, 237, var(--tw-bg-opacity))
}

.bg-blue-def0f9 {
  --tw-bg-opacity: 1;
  background-color: rgba(222, 240, 249, var(--tw-bg-opacity))
}

.bg-blue-eff7ff {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 247, 255, var(--tw-bg-opacity))
}

.bg-green-dff1d9 {
  --tw-bg-opacity: 1;
  background-color: rgba(223, 241, 217, var(--tw-bg-opacity))
}

.bg-green-25D366 {
  --tw-bg-opacity: 1;
  background-color: rgba(37, 211, 102, var(--tw-bg-opacity))
}

.bg-yellow-F5eabc {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 234, 188, var(--tw-bg-opacity))
}

.bg-yellow-FFB24A {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 178, 74, var(--tw-bg-opacity))
}

.bg-keen-main {
  --tw-bg-opacity: 1;
  background-color: rgba(9, 100, 57, var(--tw-bg-opacity))
}

.bg-keen-assistant-200 {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 92, 54, var(--tw-bg-opacity))
}

.bg-keen-assistant-500 {
  --tw-bg-opacity: 1;
  background-color: rgba(148, 146, 108, var(--tw-bg-opacity))
}

.bg-keen-assistant-600 {
  --tw-bg-opacity: 1;
  background-color: rgba(132, 131, 102, var(--tw-bg-opacity))
}

.bg-keen-assistant-800 {
  --tw-bg-opacity: 1;
  background-color: rgba(107, 108, 90, var(--tw-bg-opacity))
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.hover\:bg-gray-f7f8f9:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(247, 248, 249, var(--tw-bg-opacity))
}

.hover\:bg-gray-f8f9fa:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--tw-bg-opacity))
}

.hover\:bg-gray-f0:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(240, 240, 240, var(--tw-bg-opacity))
}

.hover\:bg-blue-00ade5:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 173, 229, var(--tw-bg-opacity))
}

.bg-opacity-0 {
  --tw-bg-opacity: 0
}

.bg-opacity-5 {
  --tw-bg-opacity: 0.05
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7
}

.hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1
}

.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2
}

.bg-gradient-to-r {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-blue-1e7ff2 {
  --tw-gradient-from: #1e7ff2;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 127, 242, 0))
}

.to-blue-1dc4e4 {
  --tw-gradient-to: #1dc4e4
}

.bg-cover {
  background-size: cover
}

.p-0 {
  padding: 0px
}

.p-10 {
  padding: 10px
}

.p-14 {
  padding: 14px
}

.p-16 {
  padding: 16px
}

.p-20 {
  padding: 20px
}

.p-30 {
  padding: 30px
}

.p-40 {
  padding: 40px
}

.p-60 {
  padding: 60px
}

.p-100 {
  padding: 100px
}

.px-6 {
  padding-left: 6px;
  padding-right: 6px
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px
}

.px-14 {
  padding-left: 14px;
  padding-right: 14px
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px
}

.px-18 {
  padding-left: 18px;
  padding-right: 18px
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px
}

.px-22 {
  padding-left: 22px;
  padding-right: 22px
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px
}

.px-46 {
  padding-left: 46px;
  padding-right: 46px
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px
}

.px-62 {
  padding-left: 62px;
  padding-right: 62px
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px
}

.py-7 {
  padding-top: 7px;
  padding-bottom: 7px
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px
}

.py-14 {
  padding-top: 14px;
  padding-bottom: 14px
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px
}

.py-34 {
  padding-top: 34px;
  padding-bottom: 34px
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px
}

.py-160 {
  padding-top: 160px;
  padding-bottom: 160px
}

.pt-6 {
  padding-top: 6px
}

.pt-8 {
  padding-top: 8px
}

.pt-10 {
  padding-top: 10px
}

.pt-12 {
  padding-top: 12px
}

.pt-14 {
  padding-top: 14px
}

.pt-16 {
  padding-top: 16px
}

.pt-20 {
  padding-top: 20px
}

.pt-24 {
  padding-top: 24px
}

.pt-30 {
  padding-top: 30px
}

.pt-36 {
  padding-top: 36px
}

.pt-40 {
  padding-top: 40px
}

.pt-50 {
  padding-top: 50px
}

.pt-56 {
  padding-top: 56px
}

.pt-60 {
  padding-top: 60px
}

.pt-70 {
  padding-top: 70px
}

.pt-80 {
  padding-top: 80px
}

.pt-100 {
  padding-top: 100px
}

.pt-120 {
  padding-top: 120px
}

.pr-4 {
  padding-right: 4px
}

.pr-6 {
  padding-right: 6px
}

.pr-10 {
  padding-right: 10px
}

.pr-12 {
  padding-right: 12px
}

.pr-16 {
  padding-right: 16px
}

.pr-20 {
  padding-right: 20px
}

.pr-30 {
  padding-right: 30px
}

.pr-40 {
  padding-right: 40px
}

.pr-60 {
  padding-right: 60px
}

.pr-90 {
  padding-right: 90px
}

.pb-2 {
  padding-bottom: 2px
}

.pb-4 {
  padding-bottom: 4px
}

.pb-6 {
  padding-bottom: 6px
}

.pb-8 {
  padding-bottom: 8px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-12 {
  padding-bottom: 12px
}

.pb-14 {
  padding-bottom: 14px
}

.pb-18 {
  padding-bottom: 18px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-28 {
  padding-bottom: 28px
}

.pb-30 {
  padding-bottom: 30px
}

.pb-40 {
  padding-bottom: 40px
}

.pb-50 {
  padding-bottom: 50px
}

.pb-60 {
  padding-bottom: 60px
}

.pb-64 {
  padding-bottom: 64px
}

.pb-80 {
  padding-bottom: 80px
}

.pb-120 {
  padding-bottom: 120px
}

.pb-140 {
  padding-bottom: 140px
}

.pb-156 {
  padding-bottom: 156px
}

.pb-youtube {
  padding-bottom: 56.25%
}

.pl-4 {
  padding-left: 4px
}

.pl-6 {
  padding-left: 6px
}

.pl-10 {
  padding-left: 10px
}

.pl-12 {
  padding-left: 12px
}

.pl-16 {
  padding-left: 16px
}

.pl-20 {
  padding-left: 20px
}

.pl-26 {
  padding-left: 26px
}

.pl-30 {
  padding-left: 30px
}

.pl-34 {
  padding-left: 34px
}

.pl-40 {
  padding-left: 40px
}

.pl-50 {
  padding-left: 50px
}

.pl-60 {
  padding-left: 60px
}

.pl-70 {
  padding-left: 70px
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.align-baseline {
  vertical-align: baseline
}

.align-top {
  vertical-align: top
}

.align-middle {
  vertical-align: middle
}

.align-bottom {
  vertical-align: bottom
}

.font-qs {
  font-family: Quicksand
}

.font-ms {
  font-family: Montserrat
}

.text-0 {
  font-size: 0
}

.text-12 {
  font-size: 12px
}

.text-14 {
  font-size: 14px
}

.text-16 {
  font-size: 16px
}

.text-18 {
  font-size: 18px
}

.text-20 {
  font-size: 20px
}

.text-22 {
  font-size: 22px
}

.text-24 {
  font-size: 24px
}

.text-26 {
  font-size: 26px
}

.text-28 {
  font-size: 28px
}

.text-30 {
  font-size: 30px
}

.text-32 {
  font-size: 32px
}

.text-34 {
  font-size: 34px
}

.text-36 {
  font-size: 36px
}

.text-40 {
  font-size: 40px
}

.text-42 {
  font-size: 42px
}

.text-46 {
  font-size: 46px
}

.text-48 {
  font-size: 48px
}

.text-50 {
  font-size: 50px
}

.text-54 {
  font-size: 54px
}

.text-60 {
  font-size: 60px
}

.text-62 {
  font-size: 62px
}

.text-160 {
  font-size: 160px
}

.text-20-rem {
  font-size: 0.20rem
}

.text-22-rem {
  font-size: 0.22rem
}

.font-normal {
  font-weight: 400
}

.font-medium {
  font-weight: 500
}

.font-semibold {
  font-weight: 600
}

.font-bold {
  font-weight: 700
}

.uppercase {
  text-transform: uppercase
}

.leading-28 {
  line-height: 28px
}

.leading-40 {
  line-height: 40px
}

.leading-none {
  line-height: 1
}

.leading-tight {
  line-height: 1.25
}

.leading-snug {
  line-height: 1.375
}

.leading-normal {
  line-height: 1.5
}

.leading-loose {
  line-height: 2
}

.leading-1\.1 {
  line-height: 1.1
}

.leading-1\.2 {
  line-height: 1.2
}

.leading-1\.3 {
  line-height: 1.3
}

.leading-1\.4 {
  line-height: 1.4
}

.leading-1\.6 {
  line-height: 1.6
}

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

.text-black-0 {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-black-3 {
  --tw-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.text-red-e74300 {
  --tw-text-opacity: 1;
  color: rgba(231, 67, 0, var(--tw-text-opacity))
}

.text-red-bf352e {
  --tw-text-opacity: 1;
  color: rgba(191, 53, 46, var(--tw-text-opacity))
}

.text-red-bf3521 {
  --tw-text-opacity: 1;
  color: rgba(191, 53, 33, var(--tw-text-opacity))
}

.text-red-fb6935 {
  --tw-text-opacity: 1;
  color: rgba(251, 105, 53, var(--tw-text-opacity))
}

.text-red-d74330 {
  --tw-text-opacity: 1;
  color: rgba(215, 67, 48, var(--tw-text-opacity))
}

.text-red-ff0000 {
  --tw-text-opacity: 1;
  color: rgba(255, 0, 0, var(--tw-text-opacity))
}

.text-gray-3 {
  --tw-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.text-gray-5 {
  --tw-text-opacity: 1;
  color: rgba(85, 85, 85, var(--tw-text-opacity))
}

.text-gray-7 {
  --tw-text-opacity: 1;
  color: rgba(119, 119, 119, var(--tw-text-opacity))
}

.text-gray-9 {
  --tw-text-opacity: 1;
  color: rgba(153, 153, 153, var(--tw-text-opacity))
}

.text-gray-26 {
  --tw-text-opacity: 1;
  color: rgba(38, 38, 38, var(--tw-text-opacity))
}

.text-gray-70 {
  --tw-text-opacity: 1;
  color: rgba(112, 112, 112, var(--tw-text-opacity))
}

.text-gray-f5 {
  --tw-text-opacity: 1;
  color: rgba(245, 245, 245, var(--tw-text-opacity))
}

.text-gray-c {
  --tw-text-opacity: 1;
  color: rgba(204, 204, 204, var(--tw-text-opacity))
}

.text-gray-b {
  --tw-text-opacity: 1;
  color: rgba(187, 187, 187, var(--tw-text-opacity))
}

.text-blue-184e7f {
  --tw-text-opacity: 1;
  color: rgba(24, 78, 127, var(--tw-text-opacity))
}

.text-blue-00ade5 {
  --tw-text-opacity: 1;
  color: rgba(0, 173, 229, var(--tw-text-opacity))
}

.text-blue-3B435C {
  --tw-text-opacity: 1;
  color: rgba(59, 67, 92, var(--tw-text-opacity))
}

.text-green-318c31 {
  --tw-text-opacity: 1;
  color: rgba(49, 140, 49, var(--tw-text-opacity))
}

.text-yellow-d57304 {
  --tw-text-opacity: 1;
  color: rgba(213, 115, 4, var(--tw-text-opacity))
}

.text-keen-main {
  --tw-text-opacity: 1;
  color: rgba(9, 100, 57, var(--tw-text-opacity))
}

.text-keen-assistant-300 {
  --tw-text-opacity: 1;
  color: rgba(4, 194, 105, var(--tw-text-opacity))
}

.text-keen-assistant-700 {
  --tw-text-opacity: 1;
  color: rgba(233, 54, 45, var(--tw-text-opacity))
}

.text-keen-assistant-900 {
  --tw-text-opacity: 1;
  color: rgba(0, 210, 111, var(--tw-text-opacity))
}

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

.hover\:text-gray-3:hover {
  --tw-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tw-text-opacity))
}

.hover\:text-blue-00ade5:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 173, 229, var(--tw-text-opacity))
}

.hover\:text-keen-assistant-900:hover {
  --tw-text-opacity: 1;
  color: rgba(0, 210, 111, var(--tw-text-opacity))
}

.text-opacity-60 {
  --tw-text-opacity: 0.6
}

.hover\:text-opacity-60:hover {
  --tw-text-opacity: 0.6
}

.underline {
  text-decoration: underline
}

.no-underline {
  text-decoration: none
}

.hover\:underline:hover {
  text-decoration: underline
}

.opacity-0 {
  opacity: 0
}

.opacity-30 {
  opacity: 0.3
}

.opacity-50 {
  opacity: 0.5
}

.opacity-60 {
  opacity: 0.6
}

.opacity-100 {
  opacity: 1
}

.focus\:opacity-100:focus {
  opacity: 1
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000
}

.shadow-2-4-4 {
  --tw-shadow: 2px 4px 4px rgba(0, 173, 229, 0.2);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-0-0-4-14 {
  --tw-shadow: 0px 0px 400px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-0-10-30-14 {
  --tw-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-0--4-20-e5 {
  --tw-shadow: 0 -4px 20px #e5e5e5;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-0-2-14-0 {
  --tw-shadow: 0 2px 14px 0 rgb(0, 0, 0, 0.2);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

*, ::before, ::after {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000
}

.filter {
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur {
  --tw-blur: blur(8px)
}

.transition {
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms
}

.transition-transform {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms
}

.duration-300 {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (max-width: 413px) {
  .xs\:mb-30 {
    margin-bottom: 30px
  }

  .xs\:text-24 {
    font-size: 24px
  }
}

@media (max-width: 767px) and (min-width: 414px) {
  .s\:w-full {
    width: 100%
  }

  .s\:pr-0 {
    padding-right: 0px
  }

  .s\:pl-30 {
    padding-left: 30px
  }

  .s\:text-14 {
    font-size: 14px
  }

  .s\:text-16 {
    font-size: 16px
  }

  .s\:text-24 {
    font-size: 24px
  }

  .s\:text-32 {
    font-size: 32px
  }
}

@media (max-width: 767px) {
  .sm\:fixed {
    position: fixed
  }

  .sm\:absolute {
    position: absolute
  }

  .sm\:relative {
    position: relative
  }

  .sm\:top-0 {
    top: 0px
  }

  .sm\:top-6 {
    top: 6px
  }

  .sm\:top-20 {
    top: 20px
  }

  .sm\:top-80 {
    top: 80px
  }

  .sm\:top-auto {
    top: auto
  }

  .sm\:-top-20 {
    top: -20px
  }

  .sm\:-top-28 {
    top: -28px
  }

  .sm\:-top-28-rem {
    top: -0.28rem
  }

  .sm\:-top-36-rem {
    top: -0.36rem
  }

  .sm\:right-6 {
    right: 6px
  }

  .sm\:right-20 {
    right: 20px
  }

  .sm\:-right-20 {
    right: -20px
  }

  .sm\:-right-28 {
    right: -28px
  }

  .sm\:-right-28-rem {
    right: -0.28rem
  }

  .sm\:-right-30-rem {
    right: -0.3rem
  }

  .sm\:left-0 {
    left: 0px
  }

  .sm\:left-6 {
    left: 6px
  }

  .sm\:left-auto {
    left: auto
  }

  .sm\:-left-20 {
    left: -20px
  }

  .sm\:z-1001 {
    z-index: 1001
  }

  .sm\:float-none {
    float: none
  }

  .sm\:m-0 {
    margin: 0px
  }

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

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

  .sm\:my-4 {
    margin-top: 4px;
    margin-bottom: 4px
  }

  .sm\:my-6 {
    margin-top: 6px;
    margin-bottom: 6px
  }

  .sm\:my-14 {
    margin-top: 14px;
    margin-bottom: 14px
  }

  .sm\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px
  }

  .sm\:my-24 {
    margin-top: 24px;
    margin-bottom: 24px
  }

  .sm\:my-26 {
    margin-top: 26px;
    margin-bottom: 26px
  }

  .sm\:my-30-rem {
    margin-top: 0.30rem;
    margin-bottom: 0.30rem
  }

  .sm\:my-40-rem {
    margin-top: 0.40rem;
    margin-bottom: 0.40rem
  }

  .sm\:mt-0 {
    margin-top: 0px
  }

  .sm\:mt-6 {
    margin-top: 6px
  }

  .sm\:mt-8 {
    margin-top: 8px
  }

  .sm\:mt-10 {
    margin-top: 10px
  }

  .sm\:mt-12 {
    margin-top: 12px
  }

  .sm\:mt-14 {
    margin-top: 14px
  }

  .sm\:mt-16 {
    margin-top: 16px
  }

  .sm\:mt-20 {
    margin-top: 20px
  }

  .sm\:mt-24 {
    margin-top: 24px
  }

  .sm\:mt-30 {
    margin-top: 30px
  }

  .sm\:mt-40 {
    margin-top: 40px
  }

  .sm\:mt-48 {
    margin-top: 48px
  }

  .sm\:mt-50 {
    margin-top: 50px
  }

  .sm\:mt-60 {
    margin-top: 60px
  }

  .sm\:mt-10-rem {
    margin-top: 0.10rem
  }

  .sm\:mt-20-rem {
    margin-top: 0.20rem
  }

  .sm\:mt-30-rem {
    margin-top: 0.30rem
  }

  .sm\:mt-70-rem {
    margin-top: 0.70rem
  }

  .sm\:mt-80-rem {
    margin-top: 0.80rem
  }

  .sm\:mr-0 {
    margin-right: 0px
  }

  .sm\:mr-6 {
    margin-right: 6px
  }

  .sm\:mr-8 {
    margin-right: 8px
  }

  .sm\:mr-10 {
    margin-right: 10px
  }

  .sm\:mr-16 {
    margin-right: 16px
  }

  .sm\:mr-18 {
    margin-right: 18px
  }

  .sm\:mr-20 {
    margin-right: 20px
  }

  .sm\:mr-auto {
    margin-right: auto
  }

  .sm\:mr-40-rem {
    margin-right: 0.40rem
  }

  .sm\:mb-0 {
    margin-bottom: 0px
  }

  .sm\:mb-4 {
    margin-bottom: 4px
  }

  .sm\:mb-6 {
    margin-bottom: 6px
  }

  .sm\:mb-8 {
    margin-bottom: 8px
  }

  .sm\:mb-10 {
    margin-bottom: 10px
  }

  .sm\:mb-12 {
    margin-bottom: 12px
  }

  .sm\:mb-16 {
    margin-bottom: 16px
  }

  .sm\:mb-20 {
    margin-bottom: 20px
  }

  .sm\:mb-24 {
    margin-bottom: 24px
  }

  .sm\:mb-26 {
    margin-bottom: 26px
  }

  .sm\:mb-30 {
    margin-bottom: 30px
  }

  .sm\:mb-40 {
    margin-bottom: 40px
  }

  .sm\:mb-48 {
    margin-bottom: 48px
  }

  .sm\:mb-50 {
    margin-bottom: 50px
  }

  .sm\:mb-56 {
    margin-bottom: 56px
  }

  .sm\:mb-60 {
    margin-bottom: 60px
  }

  .sm\:mb-10-rem {
    margin-bottom: 0.10rem
  }

  .sm\:mb-20-rem {
    margin-bottom: 0.20rem
  }

  .sm\:mb-24-rem {
    margin-bottom: 0.24rem
  }

  .sm\:mb-30-rem {
    margin-bottom: 0.30rem
  }

  .sm\:mb-60-rem {
    margin-bottom: 0.60rem
  }

  .sm\:mb-80-rem {
    margin-bottom: 0.80rem
  }

  .sm\:ml-0 {
    margin-left: 0px
  }

  .sm\:ml-6 {
    margin-left: 6px
  }

  .sm\:ml-8 {
    margin-left: 8px
  }

  .sm\:ml-12 {
    margin-left: 12px
  }

  .sm\:ml-20 {
    margin-left: 20px
  }

  .sm\:ml-140 {
    margin-left: 140px
  }

  .sm\:ml-auto {
    margin-left: auto
  }

  .sm\:box-border {
    -webkit-box-sizing: border-box;
            box-sizing: border-box
  }

  .sm\:block {
    display: block
  }

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

  .sm\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .sm\:inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }

  .sm\:hidden {
    display: none
  }

  .sm\:h-12 {
    height: 12px
  }

  .sm\:h-14 {
    height: 14px
  }

  .sm\:h-18 {
    height: 18px
  }

  .sm\:h-24 {
    height: 24px
  }

  .sm\:h-28 {
    height: 28px
  }

  .sm\:h-32 {
    height: 32px
  }

  .sm\:h-36 {
    height: 36px
  }

  .sm\:h-40 {
    height: 40px
  }

  .sm\:h-56 {
    height: 56px
  }

  .sm\:h-60 {
    height: 60px
  }

  .sm\:h-126 {
    height: 126px
  }

  .sm\:h-140 {
    height: 140px
  }

  .sm\:h-76-rem {
    height: 0.76rem
  }

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

  .sm\:h-auto {
    height: auto
  }

  .sm\:h-20-rem {
    height: 0.20rem
  }

  .sm\:h-56-rem {
    height: 0.56rem
  }

  .sm\:h-78-rem {
    height: 0.78rem
  }

  .sm\:h-412-rem {
    height: 4.12rem
  }

  .sm\:max-h-100 {
    max-height: 100px
  }

  .sm\:max-h-280 {
    max-height: 280px
  }

  .sm\:min-h-20 {
    min-height: 20px
  }

  .sm\:min-h-100 {
    min-height: 100px
  }

  .sm\:w-12 {
    width: 12px
  }

  .sm\:w-14 {
    width: 14px
  }

  .sm\:w-24 {
    width: 24px
  }

  .sm\:w-28 {
    width: 28px
  }

  .sm\:w-32 {
    width: 32px
  }

  .sm\:w-40 {
    width: 40px
  }

  .sm\:w-42 {
    width: 42px
  }

  .sm\:w-60 {
    width: 60px
  }

  .sm\:w-76 {
    width: 76px
  }

  .sm\:w-90 {
    width: 90px
  }

  .sm\:w-120 {
    width: 120px
  }

  .sm\:w-140 {
    width: 140px
  }

  .sm\:w-210 {
    width: 210px
  }

  .sm\:w-220 {
    width: 220px
  }

  .sm\:w-76-rem {
    width: 0.76rem
  }

  .sm\:w-680-rem {
    width: 6.80rem
  }

  .sm\:w-90\% {
    width: 90%
  }

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

  .sm\:w-fullV {
    width: 100vw
  }

  .sm\:w-auto {
    width: auto
  }

  .sm\:w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
  }

  .sm\:w-calc-full-40 {
    width: calc(100% - 40px)
  }

  .sm\:w-20-rem {
    width: 0.20rem
  }

  .sm\:w-56-rem {
    width: 0.56rem
  }

  .sm\:w-580-rem {
    width: 5.80rem
  }

  .sm\:w-690-rem {
    width: 6.90rem
  }

  .sm\:w-706-rem {
    width: 7.06rem
  }

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

  .sm\:min-w-auto {
    min-width: auto
  }

  .sm\:max-w-100 {
    max-width: 100px
  }

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

  .sm\:max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
  }

  .sm\:max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
  }

  .sm\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%
  }

  .sm\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none
  }

  .sm\:transform {
    --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;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(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));
        -ms-transform: translateX(var(--tw-translate-x)) translateY(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));
            transform: translateX(var(--tw-translate-x)) translateY(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))
  }

  .sm\:transform-none {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none
  }

  .sm\:scale-75 {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75
  }

  .sm\:scale-80 {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8
  }

  .sm\:scale-88 {
    --tw-scale-x: 0.88;
    --tw-scale-y: 0.88
  }

  .sm\:scale-62\.5 {
    --tw-scale-x: 0.625;
    --tw-scale-y: 0.625
  }

  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
  }

  .sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
  }

  .sm\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }

  .sm\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
  }

  .sm\:items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
  }

  .sm\:items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
  }

  .sm\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
  }

  .sm\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
  }

  .sm\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between
  }

  .sm\:rounded-100 {
    border-radius: 100px
  }

  .sm\:rounded-20-rem {
    border-radius: 0.20rem
  }

  .sm\:rounded-40-rem {
    border-radius: 0.40rem
  }

  .sm\:rounded-full {
    border-radius: 100%
  }

  .sm\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .sm\:rounded-tr-16 {
    border-top-right-radius: 16px
  }

  .sm\:border-b-1 {
    border-width: 0 0 1px 0
  }

  .sm\:border-r-0 {
    border-right-width: 0px
  }

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

  .sm\:border-l-0 {
    border-left-width: 0px
  }

  .sm\:border-none {
    border-style: none
  }

  .sm\:border-gray-a7 {
    --tw-border-opacity: 1;
    border-color: rgba(167, 167, 167, var(--tw-border-opacity))
  }

  .sm\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
  }

  .sm\:bg-none {
    background-image: none
  }

  .sm\:p-0 {
    padding: 0px
  }

  .sm\:p-6 {
    padding: 6px
  }

  .sm\:p-26-rem {
    padding: 0.26rem
  }

  .sm\:p-60-rem {
    padding: 0.60rem
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  .sm\:px-10 {
    padding-left: 10px;
    padding-right: 10px
  }

  .sm\:px-12 {
    padding-left: 12px;
    padding-right: 12px
  }

  .sm\:px-14 {
    padding-left: 14px;
    padding-right: 14px
  }

  .sm\:px-16 {
    padding-left: 16px;
    padding-right: 16px
  }

  .sm\:px-20 {
    padding-left: 20px;
    padding-right: 20px
  }

  .sm\:px-22 {
    padding-left: 22px;
    padding-right: 22px
  }

  .sm\:px-30-rem {
    padding-left: 0.30rem;
    padding-right: 0.30rem
  }

  .sm\:px-46-rem {
    padding-left: 0.46rem;
    padding-right: 0.46rem
  }

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px
  }

  .sm\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .sm\:py-16 {
    padding-top: 16px;
    padding-bottom: 16px
  }

  .sm\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .sm\:py-24 {
    padding-top: 24px;
    padding-bottom: 24px
  }

  .sm\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .sm\:py-38 {
    padding-top: 38px;
    padding-bottom: 38px
  }

  .sm\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .sm\:py-64 {
    padding-top: 64px;
    padding-bottom: 64px
  }

  .sm\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .sm\:py-20-rem {
    padding-top: 0.20rem;
    padding-bottom: 0.20rem
  }

  .sm\:py-22-rem {
    padding-top: 0.22rem;
    padding-bottom: 0.22rem
  }

  .sm\:pt-0 {
    padding-top: 0px
  }

  .sm\:pt-16 {
    padding-top: 16px
  }

  .sm\:pt-20 {
    padding-top: 20px
  }

  .sm\:pt-30 {
    padding-top: 30px
  }

  .sm\:pt-32 {
    padding-top: 32px
  }

  .sm\:pt-40 {
    padding-top: 40px
  }

  .sm\:pt-50 {
    padding-top: 50px
  }

  .sm\:pt-60 {
    padding-top: 60px
  }

  .sm\:pt-64 {
    padding-top: 64px
  }

  .sm\:pt-80 {
    padding-top: 80px
  }

  .sm\:pt-60-rem {
    padding-top: 0.60rem
  }

  .sm\:pr-0 {
    padding-right: 0px
  }

  .sm\:pb-8 {
    padding-bottom: 8px
  }

  .sm\:pb-16 {
    padding-bottom: 16px
  }

  .sm\:pb-20 {
    padding-bottom: 20px
  }

  .sm\:pb-24 {
    padding-bottom: 24px
  }

  .sm\:pb-30 {
    padding-bottom: 30px
  }

  .sm\:pb-36 {
    padding-bottom: 36px
  }

  .sm\:pb-40 {
    padding-bottom: 40px
  }

  .sm\:pb-50 {
    padding-bottom: 50px
  }

  .sm\:pb-60 {
    padding-bottom: 60px
  }

  .sm\:pb-80 {
    padding-bottom: 80px
  }

  .sm\:pb-120-rem {
    padding-bottom: 1.20rem
  }

  .sm\:pl-0 {
    padding-left: 0px
  }

  .sm\:pl-10 {
    padding-left: 10px
  }

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

  .sm\:text-center {
    text-align: center
  }

  .sm\:text-right {
    text-align: right
  }

  .sm\:text-12 {
    font-size: 12px
  }

  .sm\:text-14 {
    font-size: 14px
  }

  .sm\:text-16 {
    font-size: 16px
  }

  .sm\:text-18 {
    font-size: 18px
  }

  .sm\:text-20 {
    font-size: 20px
  }

  .sm\:text-22 {
    font-size: 22px
  }

  .sm\:text-24 {
    font-size: 24px
  }

  .sm\:text-26 {
    font-size: 26px
  }

  .sm\:text-28 {
    font-size: 28px
  }

  .sm\:text-30 {
    font-size: 30px
  }

  .sm\:text-32 {
    font-size: 32px
  }

  .sm\:text-22-rem {
    font-size: 0.22rem
  }

  .sm\:text-24-rem {
    font-size: 0.24rem
  }

  .sm\:text-26-rem {
    font-size: 0.26rem
  }

  .sm\:text-28-rem {
    font-size: 0.28rem
  }

  .sm\:text-30-rem {
    font-size: 0.30rem
  }

  .sm\:text-32-rem {
    font-size: 0.32rem
  }

  .sm\:text-40-rem {
    font-size: 0.40rem
  }

  .sm\:text-46-rem {
    font-size: 0.46rem
  }

  .sm\:text-74-rem {
    font-size: 0.74rem
  }

  .sm\:leading-none {
    line-height: 1
  }

  .sm\:leading-tight {
    line-height: 1.25
  }

  .sm\:leading-1\.2 {
    line-height: 1.2
  }

  .sm\:leading-1\.4 {
    line-height: 1.4
  }

  .sm\:text-black-3 {
    --tw-text-opacity: 1;
    color: rgba(51, 51, 51, var(--tw-text-opacity))
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .md\:-right-50 {
    right: -50px
  }

  .md\:-left-50 {
    left: -50px
  }

  .md\:m-auto {
    margin: auto
  }

  .md\:mx-30 {
    margin-left: 30px;
    margin-right: 30px
  }

  .md\:mx-50 {
    margin-left: 50px;
    margin-right: 50px
  }

  .md\:my-24 {
    margin-top: 24px;
    margin-bottom: 24px
  }

  .md\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px
  }

  .md\:mt-0 {
    margin-top: 0px
  }

  .md\:mt-8 {
    margin-top: 8px
  }

  .md\:mt-10 {
    margin-top: 10px
  }

  .md\:mt-12 {
    margin-top: 12px
  }

  .md\:mt-14 {
    margin-top: 14px
  }

  .md\:mt-16 {
    margin-top: 16px
  }

  .md\:mt-20 {
    margin-top: 20px
  }

  .md\:mt-24 {
    margin-top: 24px
  }

  .md\:mt-60 {
    margin-top: 60px
  }

  .md\:mt-80 {
    margin-top: 80px
  }

  .md\:mr-8 {
    margin-right: 8px
  }

  .md\:mb-10 {
    margin-bottom: 10px
  }

  .md\:mb-12 {
    margin-bottom: 12px
  }

  .md\:mb-26 {
    margin-bottom: 26px
  }

  .md\:mb-28 {
    margin-bottom: 28px
  }

  .md\:mb-40 {
    margin-bottom: 40px
  }

  .md\:mb-50 {
    margin-bottom: 50px
  }

  .md\:ml-0 {
    margin-left: 0px
  }

  .md\:ml-20 {
    margin-left: 20px
  }

  .md\:block {
    display: block
  }

  .md\:hidden {
    display: none
  }

  .md\:h-24 {
    height: 24px
  }

  .md\:h-32 {
    height: 32px
  }

  .md\:h-126 {
    height: 126px
  }

  .md\:h-160 {
    height: 160px
  }

  .md\:h-575 {
    height: 575px
  }

  .md\:h-auto {
    height: auto
  }

  .md\:max-h-600 {
    max-height: 600px
  }

  .md\:w-24 {
    width: 24px
  }

  .md\:w-32 {
    width: 32px
  }

  .md\:w-90 {
    width: 90px
  }

  .md\:w-140 {
    width: 140px
  }

  .md\:w-186 {
    width: 186px
  }

  .md\:w-220 {
    width: 220px
  }

  .md\:w-240 {
    width: 240px
  }

  .md\:w-600 {
    width: 600px
  }

  .md\:w-90\% {
    width: 90%
  }

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

  .md\:w-auto {
    width: auto
  }

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

  .md\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%
  }

  .md\:flex-none {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none
  }

  .md\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }

  .md\:flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
  }

  .md\:justify-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
  }

  .md\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .md\:rounded-tr-16 {
    border-top-right-radius: 16px
  }

  .md\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
  }

  .md\:bg-120\% {
    background-size: 120%
  }

  .md\:p-0 {
    padding: 0px
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  .md\:px-14 {
    padding-left: 14px;
    padding-right: 14px
  }

  .md\:px-20 {
    padding-left: 20px;
    padding-right: 20px
  }

  .md\:px-24 {
    padding-left: 24px;
    padding-right: 24px
  }

  .md\:px-30 {
    padding-left: 30px;
    padding-right: 30px
  }

  .md\:px-40 {
    padding-left: 40px;
    padding-right: 40px
  }

  .md\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .md\:py-24 {
    padding-top: 24px;
    padding-bottom: 24px
  }

  .md\:py-36 {
    padding-top: 36px;
    padding-bottom: 36px
  }

  .md\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px
  }

  .md\:pt-40 {
    padding-top: 40px
  }

  .md\:pt-50 {
    padding-top: 50px
  }

  .md\:pr-0 {
    padding-right: 0px
  }

  .md\:pr-20 {
    padding-right: 20px
  }

  .md\:pr-40 {
    padding-right: 40px
  }

  .md\:pr-50 {
    padding-right: 50px
  }

  .md\:pb-16 {
    padding-bottom: 16px
  }

  .md\:pb-30 {
    padding-bottom: 30px
  }

  .md\:pb-40 {
    padding-bottom: 40px
  }

  .md\:pb-60 {
    padding-bottom: 60px
  }

  .md\:pb-100 {
    padding-bottom: 100px
  }

  .md\:pl-0 {
    padding-left: 0px
  }

  .md\:pl-20 {
    padding-left: 20px
  }

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

  .md\:text-center {
    text-align: center
  }

  .md\:text-14 {
    font-size: 14px
  }

  .md\:text-16 {
    font-size: 16px
  }

  .md\:text-18 {
    font-size: 18px
  }

  .md\:text-20 {
    font-size: 20px
  }

  .md\:text-24 {
    font-size: 24px
  }

  .md\:text-28 {
    font-size: 28px
  }

  .md\:text-30 {
    font-size: 30px
  }

  .md\:text-32 {
    font-size: 32px
  }

  .md\:text-34 {
    font-size: 34px
  }

  .md\:text-36 {
    font-size: 36px
  }

  .md\:text-40 {
    font-size: 40px
  }

  .md\:text-48 {
    font-size: 48px
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lg\:m-auto {
    margin: auto
  }

  .lg\:mx-40 {
    margin-left: 40px;
    margin-right: 40px
  }

  .lg\:my-32 {
    margin-top: 32px;
    margin-bottom: 32px
  }

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

  .lg\:mt-12 {
    margin-top: 12px
  }

  .lg\:mt-60 {
    margin-top: 60px
  }

  .lg\:mr-8 {
    margin-right: 8px
  }

  .lg\:mb-26 {
    margin-bottom: 26px
  }

  .lg\:mb-30 {
    margin-bottom: 30px
  }

  .lg\:mb-40 {
    margin-bottom: 40px
  }

  .lg\:ml-30 {
    margin-left: 30px
  }

  .lg\:block {
    display: block
  }

  .lg\:hidden {
    display: none
  }

  .lg\:h-24 {
    height: 24px
  }

  .lg\:h-182 {
    height: 182px
  }

  .lg\:h-575 {
    height: 575px
  }

  .lg\:h-auto {
    height: auto
  }

  .lg\:max-h-800 {
    max-height: 800px
  }

  .lg\:w-24 {
    width: 24px
  }

  .lg\:w-140 {
    width: 140px
  }

  .lg\:w-186 {
    width: 186px
  }

  .lg\:w-290 {
    width: 290px
  }

  .lg\:w-600 {
    width: 600px
  }

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

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

  .lg\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%
  }

  .lg\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
  }

  .lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .lg\:rounded-tr-16 {
    border-top-right-radius: 16px
  }

  .lg\:bg-120\% {
    background-size: 120%
  }

  .lg\:p-0 {
    padding: 0px
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  .lg\:px-20 {
    padding-left: 20px;
    padding-right: 20px
  }

  .lg\:px-40 {
    padding-left: 40px;
    padding-right: 40px
  }

  .lg\:px-60 {
    padding-left: 60px;
    padding-right: 60px
  }

  .lg\:py-36 {
    padding-top: 36px;
    padding-bottom: 36px
  }

  .lg\:pt-40 {
    padding-top: 40px
  }

  .lg\:pr-0 {
    padding-right: 0px
  }

  .lg\:pr-20 {
    padding-right: 20px
  }

  .lg\:pr-50 {
    padding-right: 50px
  }

  .lg\:pb-16 {
    padding-bottom: 16px
  }

  .lg\:pb-40 {
    padding-bottom: 40px
  }

  .lg\:pb-60 {
    padding-bottom: 60px
  }

  .lg\:pl-0 {
    padding-left: 0px
  }

  .lg\:pl-20 {
    padding-left: 20px
  }

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

  .lg\:text-16 {
    font-size: 16px
  }

  .lg\:text-18 {
    font-size: 18px
  }

  .lg\:text-20 {
    font-size: 20px
  }

  .lg\:text-24 {
    font-size: 24px
  }

  .lg\:text-30 {
    font-size: 30px
  }

  .lg\:text-36 {
    font-size: 36px
  }
}

@media (min-width: 1280px) {
  .xl\:top-40 {
    top: 40px
  }

  .xl\:right-40 {
    right: 40px
  }

  .xl\:bottom-50 {
    bottom: 50px
  }

  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px
  }

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

  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto
  }

  .xl\:mt-0 {
    margin-top: 0px
  }

  .xl\:mt-120 {
    margin-top: 120px
  }

  .xl\:box-content {
    -webkit-box-sizing: content-box;
            box-sizing: content-box
  }

  .xl\:block {
    display: block
  }

  .xl\:h-575 {
    height: 575px
  }

  .xl\:h-720 {
    height: 720px
  }

  .xl\:w-360 {
    width: 360px
  }

  .xl\:w-1200 {
    width: 1200px
  }

  .xl\:w-110-rem {
    width: 1.10rem
  }

  .xl\:flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%
  }

  .xl\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
  }

  .xl\:pr-64 {
    padding-right: 64px
  }

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

  .xl\:text-center {
    text-align: center
  }

  .xl\:text-16 {
    font-size: 16px
  }

  .xl\:text-18 {
    font-size: 18px
  }

  .xl\:text-20 {
    font-size: 20px
  }

  .xl\:text-24 {
    font-size: 24px
  }

  .xl\:text-32 {
    font-size: 32px
  }

  .xl\:text-42 {
    font-size: 42px
  }

  .xl\:text-54 {
    font-size: 54px
  }

  .xl\:text-64 {
    font-size: 64px
  }
}
.main-container {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1280px) and (min-width: 1024px) {
  .main-container {
    max-width: calc(100% - 80px);
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .main-container {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .main-container {
    max-width: calc(100% - 40px);
  }
}
.must-be-hidden {
  display: none !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.reoSearchScrollbar::-webkit-scrollbar {
  width: 6px;
  height: none;
}
.reoSearchScrollbar::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
  margin: 4px;
}
.reoSearchScrollbar::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: none;
  border-radius: 5px;
}

.rLMqpFBkrOlxVmjNt7BC {
  background-color: #F7F8F9;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.14);
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  .rLMqpFBkrOlxVmjNt7BC {
    height: max-content;
  }
}
@media (max-width: 1279px) {
  .rLMqpFBkrOlxVmjNt7BC .KjPSML94WT4lElPbaNo7 {
    height: 40px;
    box-shadow: none;
    width: 100%;
  }
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
@media (max-width: 1279px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS {
    display: none;
  }
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .ICPjXzUtQDwRjEKC6gIW {
  color: #333;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  margin-right: 64px;
}
@media (max-width: 1280px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .ICPjXzUtQDwRjEKC6gIW {
    display: none;
  }
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .ICPjXzUtQDwRjEKC6gIW .jqzOXk6hAoGcvgZp5wd1 {
  width: max-content;
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX {
  position: relative;
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX .cvOZZ09Lcie3836dwGPz {
  padding: 0 16px;
  height: 64px;
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX .cvOZZ09Lcie3836dwGPz .XGr6wuzCVoAzEIid7JZA {
  transition: all 0.4s;
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX .cvOZZ09Lcie3836dwGPz .XGr6wuzCVoAzEIid7JZA.WJjpCMPE67rVqZFJtEMQ {
  transform: rotate(180deg);
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX .XCrPJq_ajflUHwdKNvOD {
  position: absolute;
  padding: 8px 0px;
  left: 50%;
  top: 48px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  width: max-content;
  transform: translate(-50%, 0%);
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX .XCrPJq_ajflUHwdKNvOD .VLEjoorjvGO0drheHtES {
  display: block;
  height: max-content;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #777777;
  text-decoration: none;
  text-align: left;
  padding: 8px 20px;
}
@media (min-width: 1280px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .kcka3jff_O488KG8gTnX .XCrPJq_ajflUHwdKNvOD .VLEjoorjvGO0drheHtES:hover {
    background-color: #F0F0F0;
  }
}
@media (max-width: 1279px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS {
    width: calc(100% - 16px);
    overflow: hidden;
    justify-content: center;
  }
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .cvOZZ09Lcie3836dwGPz {
    display: none;
  }
}
@media (min-width: 1280px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .Fw8dW95f4LpQEIWl_Wua {
    height: 24px;
    padding: 0 24px;
  }
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .vgrGbk3UZLSvAS_xTeJC,
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .rHQWmGJYKIOiJyp0gi5v {
  transform: scale(0.83);
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .vgrGbk3UZLSvAS_xTeJC {
  padding-left: 30px;
  background: linear-gradient(45deg, transparent, #fff);
  position: absolute;
  right: 8px;
  background: linear-gradient(to right, transparent 0% 5%, #f7f8f91a 5% 10%, #f7f8f966 10% 20%, #f7f8f9cc 20% 40%, #f7f8f9 40% 100%);
}
@media (min-width: 1280px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .vgrGbk3UZLSvAS_xTeJC {
    right: 0px;
  }
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .rHQWmGJYKIOiJyp0gi5v {
  padding-right: 30px;
  background: linear-gradient(45deg, #fff, transparent);
  position: absolute;
  left: 8px;
  z-index: 1;
  background: linear-gradient(to right, #f7f8f9 0% 60%, #f7f8f9cc 60% 80%, #f7f8f966 80% 90%, #f7f8f91a 90% 95%, transparent 95% 100%);
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .RZLwW_0ghGV7JsRssw6C {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #333;
  padding: 0 16px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .RZLwW_0ghGV7JsRssw6C {
    padding: 0 12px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
  }
}
.rLMqpFBkrOlxVmjNt7BC .XIIzohdPZFRVDiH0v7qS .kcwPGYELPWAH5LIP8tSS .RZLwW_0ghGV7JsRssw6C:hover {
  color: #00ADE5;
}
@media (min-width: 1280px) {
  .rLMqpFBkrOlxVmjNt7BC .OLBhbWrb0vZSCzfBDAn_ {
    display: none;
  }
}
.rLMqpFBkrOlxVmjNt7BC .OLBhbWrb0vZSCzfBDAn_.MHSUy5eQYx8ZFKr41tCD {
  background-color: #EEEEEE;
}
.rLMqpFBkrOlxVmjNt7BC .OLBhbWrb0vZSCzfBDAn_.MHSUy5eQYx8ZFKr41tCD .xD5e3quScYdFxaebFckA {
  height: 40px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}
body .MNhPgsRJSDHo_4ylkf_W {
  display: flex;
  justify-content: space-between;
  color: inherit;
  width: 100%;
  align-items: center;
  height: 40px;
  padding: 0 20px;
}
body .MNhPgsRJSDHo_4ylkf_W > span {
  color: inherit;
}
body .MNhPgsRJSDHo_4ylkf_W.w7zmiaDPp72y2eca0Bw5 {
  color: #ccc;
}

@media (max-width: 1279px) {
  body {
    max-height: 100vh;
  }
}
body #drop-down-wrap.drop_down_classname {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  max-height: 100%;
  height: calc(100% - 40px);
  background-color: #ccc;
}
body #drop-down-wrap.drop_down_classname ul {
  max-height: 100%;
}
body #drop-down-wrap.drop_down_classname .drop_down_li {
  height: 40px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
}
body #drop-down-wrap.drop_down_classname .drop_down_li:hover {
  background-color: #f7f8f9;
  color: #333;
}

.kLrZqglVbWWxxDSZVtHg {
  width: fit-content;
  color: var(--svg-fill);
  font-size: var(--font-size);
}
@media screen and (min-width: 1280px) {
  .kLrZqglVbWWxxDSZVtHg:hover {
    color: var(--svg-hover-fill);
  }
}
.kLrZqglVbWWxxDSZVtHg.rP5zF8OqSq6MleWE776a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

* {
  box-sizing: border-box;
}
.qf4QzvJADrevENhw8shD {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  .uhetr2UPyUbCWfoTM8SO,
  .W6G6BydHM6bEymwLxtUo {
    transition: all 0.2s;
  }
}
/* button样式 */
/* close 按钮 */
.K5nje_zL8at1EEjBIVO3 {
  width: var(--closeBtn-width);
  height: var(--closeBtn-height);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--closeBtn-background);
  cursor: pointer;
}
.o75RCRsyqqUcizq1g6sS {
  /* 公共样式 */
  /* buttonStyle: unset-type */
}
.o75RCRsyqqUcizq1g6sS.tYqRJR5Tzmf1vgpMYurH {
  line-height: 46px;
  padding: 0 24px;
}
.o75RCRsyqqUcizq1g6sS.LX5BZQyqRKL1kETyNM7Y {
  line-height: 34px;
  padding: 0 20px;
}
.o75RCRsyqqUcizq1g6sS.EE9nYVmu9MmONc8efW8O {
  line-height: 28px;
  padding: 0 14px;
}
.o75RCRsyqqUcizq1g6sS._MiPdpd0vxpWDkFR1g1d {
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
  font-weight: 500;
  position: relative;
}
.o75RCRsyqqUcizq1g6sS.Tl7BXINdEcI81sL1UJlI {
  color: var(--font-color);
  background: var(--background-color);
  border: 1px solid var(--border-color);
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  .ZVLPylTZmzpWTRhW4TMm.hFOxkIfbpemyTYO9xCkb.o75RCRsyqqUcizq1g6sS.Tl7BXINdEcI81sL1UJlI:hover {
    color: var(--font-color);
    background: var(--background-color);
    border: 1px solid var(--border-color);
    transition: all 0.2s;
  }
  .o75RCRsyqqUcizq1g6sS.Tl7BXINdEcI81sL1UJlI.ZVLPylTZmzpWTRhW4TMm:hover {
    color: var(--background-color);
    background: var(--font-color);
    border: 1px solid var(--background-color);
    transition: all 0.2s;
  }
}
.o75RCRsyqqUcizq1g6sS.Tl7BXINdEcI81sL1UJlI.hFOxkIfbpemyTYO9xCkb {
  color: var(--background-color);
  background: var(--font-color);
  border: 1px solid var(--background-color);
  transition: all 0.2s;
}
.o75RCRsyqqUcizq1g6sS.kg3SbGyrarbi0UuqD1NO,
.D7_xYWI62Vkh61VBjz8l {
  color: white;
  border: 1px solid transparent;
}
.o75RCRsyqqUcizq1g6sS.t0jd8HEJKlQQNC4S9N2g {
  color: #00ade5;
  border: 1px solid transparent;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
  height: max-content;
  border-radius: 0;
  background-color: unset;
}
.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO {
  color: #fff;
  background: linear-gradient(148deg, #1E7FF2 0%, #1DC4E4 100%);
  border: 1px solid transparent;
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  .ZVLPylTZmzpWTRhW4TMm.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO:hover {
    color: #fff;
    background: #00ADE5;
    border: 1px solid #00ade5;
    transition: all 0.2s;
  }
  .ZVLPylTZmzpWTRhW4TMm.hFOxkIfbpemyTYO9xCkb.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO:hover {
    color: #00ADE5;
    background: rgba(0, 173, 229, 0.08);
    border: 1px solid #00ADE5;
    transition: all 0.2s;
  }
}
.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO:not(.hFOxkIfbpemyTYO9xCkb),
.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO:not(:disabled) {
  border-right-color: #1DC4E4;
}
.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO.hFOxkIfbpemyTYO9xCkb {
  color: #00ade5;
  background: transparent;
  border: 1px solid #00ade5;
  transition: all 0.2s;
}
.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo {
  color: #fff;
  background: linear-gradient(90deg, #EB3349 0%, #F45C43 100%);
  border: 1px solid transparent;
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  .ZVLPylTZmzpWTRhW4TMm.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo:hover {
    color: #fff;
    background: #F45C43;
    border: 1px solid #F45C43;
    transition: all 0.2s;
  }
  .ZVLPylTZmzpWTRhW4TMm.hFOxkIfbpemyTYO9xCkb.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo:hover {
    color: #E74300;
    background: rgba(231, 67, 0, 0.08);
    border: 1px solid #E74300;
    transition: all 0.2s;
  }
}
.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo:not(.hFOxkIfbpemyTYO9xCkb),
.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo:not(:disabled) {
  border-right-color: #F45C43;
}
.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo.hFOxkIfbpemyTYO9xCkb {
  color: #E74300;
  background: transparent;
  border: 1px solid #E74300;
  transition: all 0.2s;
}
.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO:disabled,
.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo:disabled,
.o75RCRsyqqUcizq1g6sS.uhetr2UPyUbCWfoTM8SO.rkwjkfmoEleFUu1NjJZP,
.o75RCRsyqqUcizq1g6sS.W6G6BydHM6bEymwLxtUo.rkwjkfmoEleFUu1NjJZP {
  border-right-color: #ccc;
}
.o75RCRsyqqUcizq1g6sS.tYqRJR5Tzmf1vgpMYurH {
  height: 48px;
  padding: 14px 24px;
  font-size: 16px;
}
.o75RCRsyqqUcizq1g6sS.LX5BZQyqRKL1kETyNM7Y {
  height: 36px;
  padding: 10px 20px;
  font-size: 14px;
}
.o75RCRsyqqUcizq1g6sS.EE9nYVmu9MmONc8efW8O {
  height: 30px;
  padding: 6px 14px;
  font-size: 14px;
}
.o75RCRsyqqUcizq1g6sS.ulrS9QuzxjymQcOhbVPr:not(.klgliRlg0rbQWUDFXqED) {
  transform: translateY(0);
  transition: transform 0.4s;
}
@media (min-width: 1280px) {
  .o75RCRsyqqUcizq1g6sS.ulrS9QuzxjymQcOhbVPr:not(.klgliRlg0rbQWUDFXqED):hover {
    transform: translateY(-6px);
    position: relative;
    transition: transform 0.4s;
  }
  .uhetr2UPyUbCWfoTM8SO.o75RCRsyqqUcizq1g6sS.ulrS9QuzxjymQcOhbVPr:not(.klgliRlg0rbQWUDFXqED):hover {
    box-shadow: 0px 5px 8px rgba(21, 102, 164, 0.4);
  }
  .W6G6BydHM6bEymwLxtUo.o75RCRsyqqUcizq1g6sS.ulrS9QuzxjymQcOhbVPr:not(.klgliRlg0rbQWUDFXqED):hover {
    box-shadow: 0px 5px 8px rgba(177, 69, 56, 0.4);
  }
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP {
  pointer-events: none;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP .NzKCj06ICS6cVPTiM7wp {
  position: absolute;
  left: calc(50% - var(--icon-width) / 2);
  border-radius: 0.1rem;
  margin: 0 auto;
  animation-name: MbellwVLP1f0dDrTwCwZ;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  height: var(--icon-height);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP .NzKCj06ICS6cVPTiM7wp.NwWn_DM3ibPPqgsKnCz0 {
  position: relative;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP .Rv1UWJ8xxamjYpfMWj9q {
  width: 20px;
  height: 20px;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP .cGxrbEQ2R9ctlVW39zn1 {
  width: 18px;
  height: 18px;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP .T8QXvYeBWIBWvyKLh7nt {
  width: 16px;
  height: 16px;
}
.o75RCRsyqqUcizq1g6sS:disabled {
  /* 普通button 禁用 */
  pointer-events: none;
  background: #ccc;
  color: #FFFFFF;
  border: 1px solid #ccc;
}
.o75RCRsyqqUcizq1g6sS.hFOxkIfbpemyTYO9xCkb:disabled {
  /* ghost禁用 */
  pointer-events: none;
  background: #F7F8F9;
  color: #ccc;
  border: 1px solid #ccc;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP {
  background: #ccc;
  border: 1px solid #ccc;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP.NwWn_DM3ibPPqgsKnCz0 {
  border: none;
  background: transparent;
}
.o75RCRsyqqUcizq1g6sS.rkwjkfmoEleFUu1NjJZP.hFOxkIfbpemyTYO9xCkb {
  background: #F7F8F9;
  border: 1px solid #ccc;
}
.o75RCRsyqqUcizq1g6sS.xl4AX2IfZASDTzWJThi4 {
  border-radius: 24px;
}
.o75RCRsyqqUcizq1g6sS.klgliRlg0rbQWUDFXqED {
  border-radius: 8px;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v.UsK1_jr2CYjho3eVuUTj {
  width: 100%;
  overflow: hidden;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v.pkEv5pUYEUDcLSGLbKwA {
  flex-direction: row-reverse;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v.Xw0WDVaF8XdJN4sNaXRx {
  visibility: hidden;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v.qOX3BHaW1rIFnnjfkrxk {
  display: none;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v .SnbISZ7CNm7KZEV010w5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v .YlMIrJx6qQV4jCa7Oekn {
  margin-left: var(--icon-space);
}
.o75RCRsyqqUcizq1g6sS .YzoMyoK_TI1d2wYRNd1v .CPPpW_wSxXKO5s0I5cIU {
  margin-right: var(--icon-space);
}
/* loading动画 */
@keyframes MbellwVLP1f0dDrTwCwZ {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rkwjkfmoEleFUu1NjJZP.NwWn_DM3ibPPqgsKnCz0 {
  border: none;
  background: #FFF;
}
.mXuLT8Ab7o6YqqT1px7n {
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  width: 40%;
  transform: skewX(-25deg);
  background: linear-gradient(297deg, rgba(255, 255, 255, 0.5) 10%, transparent 70%);
  animation-name: mXuLT8Ab7o6YqqT1px7n;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
}
@keyframes mXuLT8Ab7o6YqqT1px7n {
  0% {
    left: -41%;
  }
  88% {
    left: -41%;
  }
  100% {
    left: 100%;
  }
}
/* 切换按钮样式 */
.ihWcTeygC1TmZ8_82Z4g {
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.ihWcTeygC1TmZ8_82Z4g .kWJBNGKgp3bxlMO71sNs {
  border-radius: 100px;
  padding: var(--carousel-button-padding);
  cursor: pointer;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  z-index: 2;
}
.ihWcTeygC1TmZ8_82Z4g .kWJBNGKgp3bxlMO71sNs:hover {
  background-color: var(--hover-background-color);
  box-shadow: var(--hover-box-shadow);
}
.ihWcTeygC1TmZ8_82Z4g .kWJBNGKgp3bxlMO71sNs.ciiJUf2DDS75qcy__Y2F {
  display: none;
  animation: 0.4s forwards uaWMGgjkE9RTTuhgCtQx;
  pointer-events: none;
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW {
  overflow: hidden;
  width: calc(1200px * 0.9 - 40px);
}
@media (max-width: 1280px) {
  .ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW {
    width: calc(100% - 40px);
  }
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW.Zkp1L4_AcraJ6qNChV02 {
  transform: translateX(var(--translate-x));
  width: max-content;
  display: flex;
  z-index: 1;
  flex-shrink: 0;
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW .Bth5GFcHPxRE78PDNfRd {
  transform: translate(var(--translate-x), 0);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: max-content;
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW .EDZ7RHxIlyljE9cFNwzS + .EDZ7RHxIlyljE9cFNwzS {
  margin-left: var(--child-space);
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW .DfGNw9EHf2QJTGNCGAWP,
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW .VOkyzI6PHoxsfiHr4gBN {
  width: var(--child-width);
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW .DfGNw9EHf2QJTGNCGAWP {
  position: relative;
  z-index: 0;
}
.ihWcTeygC1TmZ8_82Z4g .TQ9Zeu2FMq4CO07n03FW .VOkyzI6PHoxsfiHr4gBN {
  z-index: -1;
  position: relative;
}
@keyframes uaWMGgjkE9RTTuhgCtQx {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.JXx37p4UfOoLORlYe0s7 {
  position: absolute;
  display: block;
  border-radius: 30px;
  background-color: #e74300;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.JXx37p4UfOoLORlYe0s7.FZ59osD_Hq1VZsp7C7Hz {
  min-width: 6px;
  min-height: 6px;
}
.JXx37p4UfOoLORlYe0s7.OBvQajHwOlGkkexHNC7x {
  min-width: 16px;
  min-height: 16px;
  padding: 0 6px;
  box-sizing: border-box;
}
.JXx37p4UfOoLORlYe0s7 .GeJji3b4YvUlwQ8EGvux {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1.4;
  font-weight: 500;
}

.sPM7kcGJdPX26qdz6tv1 {
  width: var(--width);
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn {
  border: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input {
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  padding: 0 20px;
  line-height: 1.2;
  color: #333333;
  font-weight: 500;
  background: var(--bg-color);
  outline: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input::placeholder {
  color: #BBBBBB;
  font-weight: 500;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input:hover,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input:focus {
  border: 1px solid #00ADE5;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input.DyS2l7JRlYwLTgJfKfzt {
  height: 48px;
  font-size: 16px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input.RGGabsk3_ubvNBjkmJAd {
  height: 36px;
  font-size: 14px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input.sXjh8zroY_WjHDAmuVDg {
  height: 30px;
  font-size: 12px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input:disabled {
  pointer-events: none;
  background: #F7F8F9;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input ~ .iJMXsVk9Zg5qgbZuq8NA {
  font-size: 16px;
  color: #BBBBBB;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 20px;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  margin: 0;
  pointer-events: none;
  border: none;
  max-width: calc(100% - 48px);
  width: max-content;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input.cDm3b1QlCinIN1eP3Khw ~ .iJMXsVk9Zg5qgbZuq8NA,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input:focus ~ .iJMXsVk9Zg5qgbZuq8NA {
  border: 1px solid;
  border-color: #fff transparent transparent;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input.cDm3b1QlCinIN1eP3Khw ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before {
  color: #777777;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input:focus ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before {
  color: #00ADE5;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before {
  content: attr(data-label);
  display: inline-block;
  transition: 0.3s ease-in-out;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input:focus ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn input.cDm3b1QlCinIN1eP3Khw ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before {
  content: attr(data-label);
  transition-duration: 0.2s;
  transform: translateY(-50%);
  font-size: 14px;
  height: var(--height);
  line-height: var(--height);
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .aAL1N6kpuhZ24tp4WjdD {
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  align-items: center;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .aAL1N6kpuhZ24tp4WjdD.DyS2l7JRlYwLTgJfKfzt {
  height: 48px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .aAL1N6kpuhZ24tp4WjdD.RGGabsk3_ubvNBjkmJAd {
  height: 36px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .aAL1N6kpuhZ24tp4WjdD.sXjh8zroY_WjHDAmuVDg {
  height: 30px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .OZqlRbzY2vCg5sbAj5HQ {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  padding: 0;
  margin: 6px 0 0 0;
  display: none;
  text-align: left;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .OZqlRbzY2vCg5sbAj5HQ.YEwZzCPDue40GySCH6cg {
  color: var(--info-color);
  display: block;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn .OZqlRbzY2vCg5sbAj5HQ.De4CmsOYjgYaGx5Sq6q2 {
  display: flex;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.obotaUQA6tVrEuO7tH67 input {
  border: 1px solid var(--info-color);
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.obotaUQA6tVrEuO7tH67 input.cDm3b1QlCinIN1eP3Khw ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.obotaUQA6tVrEuO7tH67 input:focus ~ .iJMXsVk9Zg5qgbZuq8NA[data-label]::before {
  color: var(--info-color);
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.obotaUQA6tVrEuO7tH67 .OZqlRbzY2vCg5sbAj5HQ {
  display: block;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.obotaUQA6tVrEuO7tH67 .OZqlRbzY2vCg5sbAj5HQ.LzkRViqEnXNv8Cq2e9w_ {
  color: var(--info-color);
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.O8UnZObUhcRy5E3ztbJM {
  border: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.O8UnZObUhcRy5E3ztbJM input {
  outline: none;
  padding: 24px;
  background: #555555;
  border-radius: 24px;
  color: #fff;
  border: 1px solid #777;
  font-weight: 400;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.O8UnZObUhcRy5E3ztbJM input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.O8UnZObUhcRy5E3ztbJM input:focus {
  background: #777;
  color: #FFF;
  border-radius: 24px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.avbfqoJodLoJozqUZyFU {
  border: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.avbfqoJodLoJozqUZyFU input {
  outline: none;
  padding: 24px;
  border-radius: 24px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  color: #333333;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.avbfqoJodLoJozqUZyFU input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.avbfqoJodLoJozqUZyFU input:focus,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.avbfqoJodLoJozqUZyFU input:hover {
  background: #fff;
  color: #333;
  border: 1px solid #00ADE5;
  border-radius: 24px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.zSODNVZK9rMlsNjLcwom {
  border: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.zSODNVZK9rMlsNjLcwom input {
  outline: none;
  padding: 0 44px 0 20px;
  border-radius: 24px;
  color: #333333;
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.zSODNVZK9rMlsNjLcwom input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.zSODNVZK9rMlsNjLcwom input:focus,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.zSODNVZK9rMlsNjLcwom input:hover {
  background: #E8E8E8;
  color: #333;
  border: 1px solid #E8E8E8;
  border-radius: 24px;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.D1SnCJZNJWpOgQQfwrPs {
  border: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.D1SnCJZNJWpOgQQfwrPs input {
  outline: none;
  padding: 6px 12px 6px 30px;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.D1SnCJZNJWpOgQQfwrPs input:hover,
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.D1SnCJZNJWpOgQQfwrPs input:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.D1SnCJZNJWpOgQQfwrPs input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #BBBBBB;
  font-weight: 500;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.Dzti7iPuBJ3hTkUoRA5e {
  border: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.Dzti7iPuBJ3hTkUoRA5e input {
  outline: none;
  padding: 9px 52px 9px 16px;
  font-weight: 400;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.Dzti7iPuBJ3hTkUoRA5e input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #BBBBBB;
  font-weight: 400;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.e58B3xCFw1SNNmyQgbyw {
  border: none;
}
.sPM7kcGJdPX26qdz6tv1 .yxmkriAJ9bvqU1D21BGn.e58B3xCFw1SNNmyQgbyw input {
  outline: none;
  padding: 20px;
  border-radius: 17px;
  font-size: 16px;
  line-height: 1.2;
  color: #333;
  font-weight: 500;
  background: #E8E8E8;
}

/* link： 替换箭头的icon */
.fKsQWahBIbEfuZ5yIrld {
  font-size: var(--link-font);
  color: var(--link-color);
}
.fKsQWahBIbEfuZ5yIrld:hover {
  color: var(--link-hover-color);
}
/* link 按钮 */
.cCG6fp84NxGwJ6BDj4Kn {
  font-size: var(--link-font);
  color: var(--link-color);
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  width: max-content;
}
.cCG6fp84NxGwJ6BDj4Kn:hover {
  color: var(--link-hover-color);
}
@media (min-width: 1280px) {
  .cCG6fp84NxGwJ6BDj4Kn:hover .HklGtVdVDzeAKI5MR0zp:not(.ZhLWb9kbEbxI9NvyvNON)::before {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  .cCG6fp84NxGwJ6BDj4Kn:hover .HklGtVdVDzeAKI5MR0zp.ZhLWb9kbEbxI9NvyvNON,
  .cCG6fp84NxGwJ6BDj4Kn:hover .tqI8klqY86vVA24w0wq_ {
    border-bottom: 1px solid var(--link-border-bottom-color);
  }
}
.cCG6fp84NxGwJ6BDj4Kn .ZhLWb9kbEbxI9NvyvNON {
  margin-right: 16px;
  padding-bottom: 2px;
}
.cCG6fp84NxGwJ6BDj4Kn .HdtXQOrmzd3Nu59O1zh6 {
  padding-bottom: 0;
  border: 1px solid transparent;
}
.cCG6fp84NxGwJ6BDj4Kn .qN0TCEfIvdO6vMgU5eVG {
  transition: right 0.3s;
}
.cCG6fp84NxGwJ6BDj4Kn .qN0TCEfIvdO6vMgU5eVG.fNfHiHnIiAGKHS6tElBC + span {
  position: relative;
  right: 0px;
  margin-left: 8px;
}
@media (min-width: 1280px) {
  .cCG6fp84NxGwJ6BDj4Kn .qN0TCEfIvdO6vMgU5eVG.fNfHiHnIiAGKHS6tElBC:hover + span {
    position: relative;
    right: -4px;
    cursor: pointer;
  }
}
.cCG6fp84NxGwJ6BDj4Kn .qN0TCEfIvdO6vMgU5eVG.KUGMusXDU8LXlh0czqCE {
  border-bottom: 1px solid var(--link-border-bottom-color);
}
.cCG6fp84NxGwJ6BDj4Kn .HklGtVdVDzeAKI5MR0zp {
  border-bottom: 1px solid transparent;
  position: relative;
}
@media (min-width: 1280px) {
  .cCG6fp84NxGwJ6BDj4Kn .HklGtVdVDzeAKI5MR0zp:not(.ZhLWb9kbEbxI9NvyvNON)::before {
    content: "";
    opacity: 0;
    transform-origin: center center;
    transform: scale(0) translateY(5px);
    transition: all 1s cubic-bezier(0.1, 0.1, 0, 1);
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: var(--link-border-bottom-color);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
}
.cCG6fp84NxGwJ6BDj4Kn .tqI8klqY86vVA24w0wq_ {
  border-bottom: 1px solid transparent;
}

.NZeqBEXSaJtuH876DY95 {
  display: flex;
  user-select: none;
}
.NZeqBEXSaJtuH876DY95 .kX1U0fWRDqQXlNZOvgYW {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.NZeqBEXSaJtuH876DY95 .WhNi1lOk0OACiGAnNLde {
  margin-right: 10px;
}
.NZeqBEXSaJtuH876DY95 .bBYw23krzBwO404wrpBA {
  margin-left: 10px;
}
.NZeqBEXSaJtuH876DY95 .s0dpytHS1kneMAyJHJTO {
  cursor: not-allowed;
}
.NZeqBEXSaJtuH876DY95 .w2C73EiU5KpFfbgioDqK {
  width: 28px;
  height: 28px;
  margin-left: 2px;
  margin-right: 2px;
}
.NZeqBEXSaJtuH876DY95 .w2C73EiU5KpFfbgioDqK + .NZeqBEXSaJtuH876DY95 .w2C73EiU5KpFfbgioDqK {
  margin-right: 4px;
}
.NZeqBEXSaJtuH876DY95 .w2C73EiU5KpFfbgioDqK .AHh21P5efMSAqj0bJBuA {
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  color: #555;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background-color: transparent;
}
.NZeqBEXSaJtuH876DY95 .w2C73EiU5KpFfbgioDqK .AHh21P5efMSAqj0bJBuA:hover {
  color: #333;
}
.NZeqBEXSaJtuH876DY95 .w2C73EiU5KpFfbgioDqK .gG41hycDqfd6PNwUZXby {
  color: #333;
  background-color: #f3f3f3;
  border-radius: 100%;
}

.gB_6fbogARLJm4DGAZE1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 80px 0;
  overflow: auto;
  z-index: 999;
}
.gB_6fbogARLJm4DGAZE1.jWqJaC1gBMBWJVPOOq0X {
  background: rgba(0, 0, 0, 0.6);
}
.gB_6fbogARLJm4DGAZE1.FPsGgACYaP69BJGNwqjy {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gB_6fbogARLJm4DGAZE1.UpZ8vSxLwTzEZQ5303cO {
  overflow: hidden;
}
.gB_6fbogARLJm4DGAZE1.UpZ8vSxLwTzEZQ5303cO .NM1H8hTQMjQ3pVbtshvA {
  width: 100%;
  max-width: 1260px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  animation: wNYmY67ksCUtKsfwTO4v 0.4s linear;
}
.gB_6fbogARLJm4DGAZE1.EzwXX7CsBMVmWQemhbyf {
  overflow: hidden;
}
.gB_6fbogARLJm4DGAZE1.EzwXX7CsBMVmWQemhbyf .NM1H8hTQMjQ3pVbtshvA {
  width: 100%;
  height: calc(100% - 100px);
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  animation: WlJDd9__EXsKtK0v5nF5 0.4s linear;
  border-radius: 12px 12px 0 0;
}
.gB_6fbogARLJm4DGAZE1 .NM1H8hTQMjQ3pVbtshvA {
  position: relative;
  display: inline-block;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  background-color: #fff;
  box-sizing: border-box;
}
@keyframes wNYmY67ksCUtKsfwTO4v {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes WlJDd9__EXsKtK0v5nF5 {
  from {
    top: 100vh;
  }
  to {
    top: 100px;
  }
}

.u6j_tCysevYZYfZPcyhM {
  position: absolute;
  left: 12px;
  top: 0;
  height: 100%;
}
.ouBdHiMElDnbIlPgkr3k {
  position: absolute;
  right: 0;
  left: auto;
  padding-left: 12px;
  padding-right: 12px;
  top: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 0 5px 5px 0;
  background: linear-gradient(to right, #1e7ff2, #1dc4e4);
}

.zNbVTlcsMxkGUAEM4hfS {
  width: var(--width);
}
.zNbVTlcsMxkGUAEM4hfS input.US_mEeYwtg4yjaTs39Jz {
  padding: 0 36px 0 20px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zNbVTlcsMxkGUAEM4hfS .aITNewMdzIGWMMI50WSW {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 50px;
  cursor: pointer;
  overflow: hidden;
  height: 100%;
}
.zNbVTlcsMxkGUAEM4hfS .aITNewMdzIGWMMI50WSW .tS_bQhLckabzIzY20GMl {
  transition-duration: 0.3s;
  padding: 20px;
}
.zNbVTlcsMxkGUAEM4hfS .aITNewMdzIGWMMI50WSW .tS_bQhLckabzIzY20GMl.AYBIcH7O2nowb3DldyOO {
  transform: rotate(180deg);
  padding-left: 20px;
  padding-right: 20px;
}
.GlWWAfFND8jCPDNeDJ1k {
  position: absolute;
  padding: 8px 0;
  background-color: white;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 6px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
}
.GlWWAfFND8jCPDNeDJ1k.dmLDisW2LS42cH_Nl6Aw {
  width: var(--width);
  left: var(--left);
  top: var(--top);
  max-height: var(--max-height);
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .goWJtbUmWnpJQUcJElzN {
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  align-items: center;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .ErVZbzu6r7ewG4zKvU7q {
  padding: 12px;
  box-sizing: border-box;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  overflow-y: auto;
  max-height: 314px;
  max-height: var(--max-height);
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j {
  line-height: 1.2;
  font-size: 14px;
  padding: 10px 20px;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j:hover {
  background-color: #f0f0f0;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j.KLPLJR6sAwptglNxpKY5 {
  color: #777;
  font-weight: 500;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j.bKkvgk_Gt9Hv1jJNl8Bl {
  color: #333;
  font-weight: 500;
  background-color: #f0f0f0;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j.m08X6rsG5A83q0SjOIXR {
  min-height: 36px;
  height: max-content;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j.OInmQuA0ymdb3fraTw4Z {
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j.VP9E0fNeCG7dMhk0ZC4s {
  pointer-events: none;
  color: #ccc;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j.zsfuZojVnfb2OI_1rg2f {
  text-align: center;
  color: #333;
  font-weight: 700;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j .Xzyitv5f1Q5FYDEyRkUm {
  position: absolute;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j .Xzyitv5f1Q5FYDEyRkUm.ISE1ia_SCYl1WdBpEEou {
  right: 4px;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j .Xzyitv5f1Q5FYDEyRkUm.t9y2Sw34ZYF0KOe0jJJo {
  left: 4px;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j .Xzyitv5f1Q5FYDEyRkUm.Go_dJ3Mp3a9rgjVzGZGp {
  top: 50%;
  transform: translateY(-50%);
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .haUClzSgaLmzRBv5CpQ9 .ZNnkqPmW5KSWSHDoHu6j .Xzyitv5f1Q5FYDEyRkUm._1x3KmJokF0xBVrCoIwA {
  top: 12px;
}
.GlWWAfFND8jCPDNeDJ1k .SxrfSquWUqODghpm2kTn .HoW8uRY7yUtC7FnYB7Rt .Sq3AZjLluWTicmA76oqv {
  margin-top: 12px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  align-items: center;
}

.o2_w_Sc5qgzUpcAFio0D .bmt1Fz6FPTZ57xHft5O_ {
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}
.o2_w_Sc5qgzUpcAFio0D .bmt1Fz6FPTZ57xHft5O_:hover {
  transform: scale(1.083);
}
.o2_w_Sc5qgzUpcAFio0D .bmt1Fz6FPTZ57xHft5O_.WBUucboTrfgL1wzdpkja {
  pointer-events: none;
}
.o2_w_Sc5qgzUpcAFio0D .bmt1Fz6FPTZ57xHft5O_ + .bmt1Fz6FPTZ57xHft5O_ {
  margin-left: var(--rating-margin-left);
}

.GHbsgti0jKup714RYR0B {
  padding: 6px 12px;
  background-color: #EEEEEE;
  color: #555555;
  font-size: 14px;
  font-weight: 500;
  width: max-content;
  cursor: pointer;
}
.GHbsgti0jKup714RYR0B:hover,
.GHbsgti0jKup714RYR0B.blRP0Z7W06BNoIg0DpjA {
  background-color: #DDF5FB;
  color: #00ADE5;
}

.xsLexbpuwW_7ZLECQWAR {
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #fff;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, 50%);
  cursor: pointer;
}
@media (min-width: 1280px) {
  .xsLexbpuwW_7ZLECQWAR:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
.xsLexbpuwW_7ZLECQWAR.pnxF1_QR4L7JrOCkKNRw {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Vn3tc0DtTN0O5tvUgr_q {
  min-width: 80px;
  min-height: 80px;
}
.Vn3tc0DtTN0O5tvUgr_q._jVakE9YDsI_UZPx6ZgT {
  padding: 26px;
}
.Vn3tc0DtTN0O5tvUgr_q.xsLexbpuwW_7ZLECQWAR {
  padding: 26px 24px 26px 26px;
}
.bdNYG2tspLoKzRXCBkP4 {
  min-width: 50px;
  min-height: 50px;
}
.bdNYG2tspLoKzRXCBkP4._jVakE9YDsI_UZPx6ZgT {
  padding: 15px;
}
@media (max-width: 767px) {
  .bdNYG2tspLoKzRXCBkP4._jVakE9YDsI_UZPx6ZgT {
    padding: 11px;
    border-width: 1px;
  }
}
.bdNYG2tspLoKzRXCBkP4.xsLexbpuwW_7ZLECQWAR {
  padding: 16px 14px 16px 16px;
}
@media (max-width: 767px) {
  .bdNYG2tspLoKzRXCBkP4.xsLexbpuwW_7ZLECQWAR {
    padding: 12px 10px 12px 12px;
    border-width: 1px;
  }
}
.YymADU6Uq9MxhXdwDQPQ {
  min-width: 36px;
  min-height: 36px;
}
.YymADU6Uq9MxhXdwDQPQ._jVakE9YDsI_UZPx6ZgT {
  padding: 12px;
}
.YymADU6Uq9MxhXdwDQPQ.xsLexbpuwW_7ZLECQWAR {
  padding: 12px 10px 12px 12px;
  border-width: 1px;
}

.lm7g4Gfvdaa8lvQMcEyA {
  position: relative;
  width: 100%;
}
.lm7g4Gfvdaa8lvQMcEyA .oDyFQrpOmFX7f6SAs_0J {
  font-weight: 500;
  color: #777;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 24px;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .lm7g4Gfvdaa8lvQMcEyA .oDyFQrpOmFX7f6SAs_0J {
    margin-top: 20px;
  }
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .n6uoVJIPCMqI3cIdW6Dm {
  width: 100%;
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .n6uoVJIPCMqI3cIdW6Dm.TwqGSVvYrpwjGCBtYy6P {
  overflow-x: auto;
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .X6NzvKysRKVgdwp0_z0V {
  margin: 0 auto;
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .s0_AJjZqmNyRf1j4vtiA,
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .udh3kJitEPOYuzpT66TY {
  position: absolute;
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .s0_AJjZqmNyRf1j4vtiA.VhQMjpCpX6l2e8ECxs6u,
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .udh3kJitEPOYuzpT66TY.VhQMjpCpX6l2e8ECxs6u {
  display: none;
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .s0_AJjZqmNyRf1j4vtiA {
  border-radius: 100px 0 0 100px;
  padding: 37px 10px 37px 18px;
  right: 0px;
}
.lm7g4Gfvdaa8lvQMcEyA .AGFuouC2pr7a7e8Qn58j .udh3kJitEPOYuzpT66TY {
  border-radius: 0 100px 100px 0;
  padding: 37px 18px 37px 10px;
  left: 0px;
}
.lm7g4Gfvdaa8lvQMcEyA table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}
.lm7g4Gfvdaa8lvQMcEyA table tr {
  border-bottom: 1px solid #DFDFDF;
}
.lm7g4Gfvdaa8lvQMcEyA table tr th {
  background-color: #414141;
  border: 1px solid #fff;
  border-right: 0px;
  color: #fff;
  padding: 14px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  width: 180px;
}
@media (max-width: 767px) {
  .lm7g4Gfvdaa8lvQMcEyA table tr th {
    width: 160px;
  }
}
.lm7g4Gfvdaa8lvQMcEyA table tr td {
  padding: 20px 14px;
  border-bottom: 1px solid #DFDFDF;
  text-align: center;
  font-size: 16;
  line-height: 1.2;
  color: #333;
  font-weight: 500;
  width: 220px;
}
@media (max-width: 767px) {
  .lm7g4Gfvdaa8lvQMcEyA table tr td {
    padding: 14px;
    width: 190px;
  }
}
.lm7g4Gfvdaa8lvQMcEyA table tr td.Sg12Wm4dFrqLExuIf8Na {
  font-weight: 700;
}
.lm7g4Gfvdaa8lvQMcEyA table tr td:nth-of-type(odd) {
  background-color: #F7F8F9;
}
.lm7g4Gfvdaa8lvQMcEyA table tr td .lx7GL_vcw6HshEVcZtMR,
.lm7g4Gfvdaa8lvQMcEyA table tr td .VSbHbCy1X2jUw1EhFBc8 {
  border-radius: 100%;
  width: 24px;
  height: 24px;
}
.lm7g4Gfvdaa8lvQMcEyA table tr td .lx7GL_vcw6HshEVcZtMR {
  background-color: #00ADE5;
}
.lm7g4Gfvdaa8lvQMcEyA table tr td .VSbHbCy1X2jUw1EhFBc8 {
  background-color: #CCCCCC;
}

.labelSpan {
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  width: calc(100% - 16px);
  padding-left: 8px;
}
.spanInlineClass {
  justify-content: center;
  align-items: center;
}
.label {
  display: flex;
  align-items: start;
  cursor: pointer;
  position: relative;
}
.spanOutlineClass {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  user-select: none;
}
@media (min-width: 1280px) {
  .fillCheckedOutline:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.checkbox-wrap {
  user-select: none;
}
.checkbox-wrap .label {
  display: flex;
  align-items: start;
  cursor: pointer;
  position: relative;
}
.checkbox-wrap .label.alignmentCss-left {
  justify-content: flex-start;
}
.checkbox-wrap .label.alignmentCss-center {
  justify-content: center;
}
.checkbox-wrap .label.alignmentCss-right {
  justify-content: flex-end;
}
.checkbox-wrap .label:hover span.span-outline-class {
  border: 1px solid #00ADE5;
}
.checkbox-wrap .label:hover span.input-disabled-parent {
  border: 1px solid #ccc;
}
.checkbox-wrap .label .span-outline-class {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  user-select: none;
}
@media (min-width: 1280px) {
  .checkbox-wrap .label .span-outline-class.fill-checked-outline:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.checkbox-wrap .label .span-outline-class.fill-checked.input-checked-parent {
  border: 1px solid #00ADE5;
}
.checkbox-wrap .label .span-outline-class.input-disabled-parent {
  border: 1px solid #ccc;
  background-color: #f7f8f9;
  pointer-events: none;
  cursor: not-allowed;
}
.checkbox-wrap .label .span-outline-class .checked-span {
  display: none;
}
.checkbox-wrap .label .span-outline-class.is-checked input:not([disabled]) ~ .fill-checked {
  background: #00ADE5;
  padding: 1px;
}
.checkbox-wrap .label .span-outline-class.is-checked input:not([disabled]) ~ .checked-span {
  display: flex;
}
.checkbox-wrap .label .span-outline-class input:disabled:checked ~ .checked-span {
  display: flex;
}
.checkbox-wrap .label .span-outline-class input:disabled:not(checked) ~ .checked-span {
  display: none;
}
.checkbox-wrap .label .span-outline-class .span-inline-class {
  justify-content: center;
  align-items: center;
}
.checkbox-wrap .label .label-span {
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  width: calc(100% - 16px);
  padding-left: 8px;
}
.checkbox-wrap .label .label-span .required {
  color: #bf352e;
}
.single-wrap {
  user-select: none;
}
.single-wrap .label {
  display: flex;
  align-items: start;
  cursor: pointer;
  position: relative;
}
.single-wrap .label.alignmentCss-left {
  justify-content: flex-start;
}
.single-wrap .label.alignmentCss-center {
  justify-content: center;
}
.single-wrap .label.alignmentCss-right {
  justify-content: flex-end;
}
.single-wrap .label:hover span.span-outline-class {
  border: 1px solid #00ADE5;
}
.single-wrap .label:hover span.input-disabled-parent {
  border: 1px solid #ccc;
}
.single-wrap .label .span-outline-class {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  user-select: none;
}
@media (min-width: 1280px) {
  .single-wrap .label .span-outline-class.fill-checked-outline:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.single-wrap .label .span-outline-class.fill-checked.input-checked-parent {
  border: 1px solid #00ADE5;
}
.single-wrap .label .span-outline-class.input-disabled-parent {
  border: 1px solid #ccc;
  background-color: #f7f8f9;
  pointer-events: none;
  cursor: not-allowed;
}
.single-wrap .label .span-outline-class .checked-span {
  display: none;
}
.single-wrap .label .span-outline-class.is-checked input:not([disabled]) ~ .fill-checked {
  background: #00ADE5;
  padding: 1px;
}
.single-wrap .label .span-outline-class.is-checked input:not([disabled]) ~ .checked-span {
  display: flex;
}
.single-wrap .label .span-outline-class input:disabled:checked ~ .checked-span {
  display: flex;
}
.single-wrap .label .span-outline-class input:disabled:not(checked) ~ .checked-span {
  display: none;
}
.single-wrap .label .span-outline-class .span-inline-class {
  justify-content: center;
  align-items: center;
}
.single-wrap .label .span-outline-class .span-inline-class.check-paved {
  width: 100%;
  height: 100%;
}
.single-wrap .label .label-span {
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  width: calc(100% - 16px);
  padding-left: 8px;
  flex-shrink: 0;
}
.single-wrap .label .label-span .required {
  color: #bf352e;
}

.KYu24UYYRrvY6oP38HiH {
  width: max-content;
  padding: 0;
  margin: 0;
}
.KYu24UYYRrvY6oP38HiH.ZjuwlHLiYDVKhIVL38pp {
  position: relative;
}
.LXej8V1n1m3AGcLnO9L1 {
  left: var(--left);
  top: var(--top);
  background-color: var(--background-color);
  transition: display 0.4s;
  border-radius: 5px;
  position: absolute;
  box-sizing: border-box;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
}
.LXej8V1n1m3AGcLnO9L1.gGhYS5rtFQgZd1SO7712 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 6px 14px;
  height: 28px;
  width: max-content;
}
.LXej8V1n1m3AGcLnO9L1.TULKxK4KeUpWa4Ny9HFf {
  width: 300px;
  padding: 20px 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
}
.LXej8V1n1m3AGcLnO9L1.oAtHWGbx_dzoR0xunfiB {
  transform: translateX(-50%);
}
.LXej8V1n1m3AGcLnO9L1.cahF4NzsUK1D0AFsKuKA {
  transform: translateY(-50%);
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs {
  width: 0px;
  height: 0px;
  position: absolute;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
  border-style: solid;
  box-sizing: border-box;
  border-width: 5px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.VGcR2ilm7U4CAxA2zqmg {
  border-color: var(--background-color) transparent transparent;
  bottom: -10px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.I4SQkXzArzBgoJtDd5vQ {
  border-color: transparent transparent var(--background-color);
  top: -10px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.SOg8dtdygJ4Jf88f8uf4 {
  border-color: transparent var(--background-color) transparent transparent;
  left: -10px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.NJcC8W2ots8GmNQcFqMm {
  border-color: transparent transparent transparent var(--background-color);
  right: -10px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.GgJIcDkWjHL9oY7MvY7x {
  left: 14px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.j1Uh5Piv4tPFmzoHBYh9 {
  top: 5px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.bldb5KJxi2Th_gcBqZNA {
  right: 14px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.hWGqvMwV8Rbk3eKGpmqB {
  bottom: 5px;
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.oRL3gbAFTAOgiOU3MPn9 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.xAFqJBtaWU2iq2cJGKHG {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .LXej8V1n1m3AGcLnO9L1 .mjBBDlArILOmUbX8B_Hs.x7HeNnJBqg1WPhLkihfy {
    display: none;
  }
}
.LXej8V1n1m3AGcLnO9L1 .SHVmYt7jMDRF4A6RqnTv {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.zGaLnUUW69ZivOi1mctV {
  display: flex;
  width: max-content;
  user-select: none;
}
.zGaLnUUW69ZivOi1mctV.ztKpUN3nM4pnQ6fCxlPy {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.zGaLnUUW69ZivOi1mctV.XviyKKUF_aaM5ghS_fwY {
  background-color: #f0f0f0;
}
.zGaLnUUW69ZivOi1mctV.rod1yYTXK4xlvN6rSFSq {
  pointer-events: none;
}
@media (min-width: 1280px) {
  .zGaLnUUW69ZivOi1mctV .aEIS8g0xRQttj4SDnG21.sDvWcNs2Wyfh0qJAGPcJ:hover {
    background-color: #f0f0f0;
  }
}
.zGaLnUUW69ZivOi1mctV .aEIS8g0xRQttj4SDnG21.sDvWcNs2Wyfh0qJAGPcJ.MZmgaQ_LL2Jii9ZRv4_D {
  padding: 10px;
}
.zGaLnUUW69ZivOi1mctV .aEIS8g0xRQttj4SDnG21.sDvWcNs2Wyfh0qJAGPcJ.e8hfI_vPl3xWPACriSl_ {
  padding: 14px;
}
.zGaLnUUW69ZivOi1mctV .aEIS8g0xRQttj4SDnG21.rod1yYTXK4xlvN6rSFSq {
  pointer-events: none;
}
.zGaLnUUW69ZivOi1mctV .aEIS8g0xRQttj4SDnG21.vbZ6qp1UB9lDaQAgkFQ4 {
  padding-right: 16px;
}
.zGaLnUUW69ZivOi1mctV .aEIS8g0xRQttj4SDnG21.BH3c1Yazp7kiq4gzP645 {
  padding-left: 16px;
}
.zGaLnUUW69ZivOi1mctV .wtz6j8jlj19d4d_wBxDr {
  display: flex;
  align-items: center;
  justify-self: center;
}
.zGaLnUUW69ZivOi1mctV .wtz6j8jlj19d4d_wBxDr.z1zQvKzVshvTENpuarqI {
  border: 1px solid #ddd;
  width: 32px;
  font-size: 16px;
  line-height: 1.2;
  color: #777;
  font-weight: 500;
  text-align: center;
  outline: none;
}
.zGaLnUUW69ZivOi1mctV .wtz6j8jlj19d4d_wBxDr.NA7wGZsL4fpIxJK5a_5E {
  width: 36px;
  font-size: 14px;
  line-height: 1.2;
  color: #777;
  font-weight: 500;
  border: none;
  text-align: center;
  outline: none;
}
.zGaLnUUW69ZivOi1mctV .wtz6j8jlj19d4d_wBxDr.agGSbyEkVuMbs_ZORiNH {
  text-align: center;
  outline: none;
}
.zGaLnUUW69ZivOi1mctV .wtz6j8jlj19d4d_wBxDr.H_Xg4qLXbJ5Avjxy0O4t {
  width: 46px;
  font-size: 16px;
  line-height: 1.2;
  color: #777;
  font-weight: 500;
  border: none;
  text-align: center;
  outline: none;
}
.zGaLnUUW69ZivOi1mctV .wtz6j8jlj19d4d_wBxDr.XviyKKUF_aaM5ghS_fwY {
  background-color: #f0f0f0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.wx830JAVuhMIEBvOjzLT {
  display: inline-block;
}
.wx830JAVuhMIEBvOjzLT .rT1Zi7EV6LCWnUuieHTN {
  display: flex;
  align-items: center;
}
.wx830JAVuhMIEBvOjzLT .rT1Zi7EV6LCWnUuieHTN.O3amGIDJT5BqMJmHqa0x {
  justify-content: flex-start;
}
.wx830JAVuhMIEBvOjzLT .rT1Zi7EV6LCWnUuieHTN.nm1_zogV6_WHsBaz_IX2 {
  justify-content: center;
}
.wx830JAVuhMIEBvOjzLT .rT1Zi7EV6LCWnUuieHTN.lJ3BtU8ZV5chdlo4eVX5 {
  justify-content: flex-end;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio'] {
  display: none;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio'] + .gLY1RbkRopmt0LQeRV8h {
  border: 1px solid #ccc;
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio'] + .gLY1RbkRopmt0LQeRV8h .Dmklwj1bAmVztUp84zUf {
  border-radius: 100%;
  width: 8px;
  height: 8px;
  border: 1px solid transparent;
  display: inline-flex;
  margin: 4px;
  box-sizing: border-box;
  background: transparent;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio'] + .gLY1RbkRopmt0LQeRV8h:hover {
  border-color: #00ADE5;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio']:checked + .gLY1RbkRopmt0LQeRV8h {
  border-color: #00ADE5;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio']:checked + .gLY1RbkRopmt0LQeRV8h .Dmklwj1bAmVztUp84zUf {
  border: 1px solid #00ADE5;
  background: #00ADE5;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio']:disabled + .gLY1RbkRopmt0LQeRV8h {
  border-color: #CCCCCC;
  pointer-events: none;
}
.wx830JAVuhMIEBvOjzLT .jwjCSvjo_oAYO29oP7Kk[type='radio']:disabled + .gLY1RbkRopmt0LQeRV8h .Dmklwj1bAmVztUp84zUf {
  border-radius: 100%;
  width: 8px;
  height: 8px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  margin: 2px;
  box-sizing: content-box;
  background: #CCCCCC;
}

.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w {
  overflow: hidden;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w.MgOGqnKJPasutD3HvRjA {
  background: var(--background-color);
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w.SsbTBBeYOMiU9Qxz5_k8 {
  opacity: 0.85;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w.HPoo5OEnI9Q8o0vmymyt {
  border: 0px solid #ddd;
  border-top: 1px;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w.ytZ7gBWMnL2McX3R8mH7 {
  border: 0px solid #ccc;
  border-bottom-width: 1px;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w.z7_1Hh5JYhfsB3V9A_dl {
  width: 100%;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS {
  width: max-content;
  display: flex;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.oqsZG2Ky1nGZLHz2vAZ_ {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  text-align: center;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.xGP0N8M6EANUjPssqKsi {
  border: 0px solid;
  border-top: 4px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 14px;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.xk2IxwJVSGioMNjbwMG6 {
  border: 0px solid;
  border-top: 4px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 14px;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.oVa48y8tYvw7dBhKFQ5l {
  border: 0px solid;
  border-bottom-width: 3px;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.XcYzF7S49a58_uM5u2NX {
  border-color: transparent;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.vVZyJOqVFbepmZtjxB11 {
  border-color: #00ade5;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.Cqa5dZmoUbgD4pBF5mkJ {
  border-color: transparent;
  opacity: 0.85;
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.s9v6J6Lbkx5QmxrHg2bN {
  color: var(--active-color);
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.PNS1cYzj1FkiaqyOaaJN {
  color: var(--color);
}
@media (min-width: 1280px) {
  .x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .gLEsbx04lpcWKhLQpFql.oqsZG2Ky1nGZLHz2vAZ_.QHO4oqSKO8wIecquDdTh:hover {
    color: var(--hover-color);
    opacity: 1;
  }
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS .QHO4oqSKO8wIecquDdTh + .QHO4oqSKO8wIecquDdTh {
  margin-left: var(--tab-bar-gutter);
}
.x5nsv7fFRyVAv6F41LFp .bmLx58HeGMKKewUQwj5w .HDqAD8mY_9m_O2PhOUMS ._Kcuj3qri6eDODEtKedv {
  transition: all 0.4s;
  left: var(--left);
  width: var(--width);
  position: absolute;
  height: 3px;
  bottom: 0px;
  background-color: #00ade5;
}
.x5nsv7fFRyVAv6F41LFp .JoJNmpCVtzPYxIIA1I3D {
  position: relative;
}
.x5nsv7fFRyVAv6F41LFp .JoJNmpCVtzPYxIIA1I3D .ySE9jKOmSuHCMj72ayKO.dudCIirkZ9YyWRvis2w_ {
  display: none !important;
}
.e1OqSYndaWVDiWhr2W4L.uCgbO2SgcwTQWn7kDthg {
  transform: translate3d(var(--translateTempX), 0, 0);
}
.yoAx12yuW1ZmMTyoGTew {
  transform: translate3d(var(--translateX), 0, 0);
}

/* textarea */
.jMPbsF1mWJmxHw4LTkA5 {
  position: relative;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH {
  outline: none;
  background-color: transparent;
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  padding: 14px 20px;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  font-family: Quicksand;
  width: var(--width);
  height: var(--height);
  resize: var(--resize);
  min-height: var(--height);
  box-sizing: border-box;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:disabled {
  pointer-events: none;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:not(:disabled):hover,
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:not(:disabled):focus {
  border: 1px solid #00ade5;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:disabled {
  border: 1px solid #ccc;
  background: #F7F8F9;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH::placeholder {
  color: #BBBBBB;
  font-weight: 500;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH.fxQXvA6ailC7IRsW_AOT ~ .lE8ndBJCWkdz5uhX4o4J,
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:focus ~ .lE8ndBJCWkdz5uhX4o4J {
  border-top: 1px solid #fff;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH.fxQXvA6ailC7IRsW_AOT ~ .lE8ndBJCWkdz5uhX4o4J[data-label]::before {
  color: #777777;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:focus ~ .lE8ndBJCWkdz5uhX4o4J[data-label]::before {
  color: #00ADE5;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH ~ .lE8ndBJCWkdz5uhX4o4J[data-label]::before {
  content: attr(data-label);
  display: inline-block;
  transition: 0.3s ease-in-out;
  white-space: nowrap;
  padding: 14px 4px;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:focus ~ .lE8ndBJCWkdz5uhX4o4J[data-label]::before,
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH.fxQXvA6ailC7IRsW_AOT ~ .lE8ndBJCWkdz5uhX4o4J[data-label]::before {
  content: attr(data-label);
  transition-duration: 0.2s;
  transform: translateY(-50%);
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH.aYaO5L8_euZjcP3kKgeL:not(:focus) {
  border-color: #BF352E;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:not(:focus) ~ .w81ERetMIw46nA8Z2pDN,
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:not(:focus) ~ .HP0TiORkQ8Jf8_3xBgwh {
  color: #BF352E;
}
.jMPbsF1mWJmxHw4LTkA5 .QmIVpMGxf48yz0w2sRnH:focus ~ .HP0TiORkQ8Jf8_3xBgwh {
  display: none;
}
.jMPbsF1mWJmxHw4LTkA5 .WIw5xiiiyXKzNgjC7502.lE8ndBJCWkdz5uhX4o4J {
  font-size: 16px;
  color: #bbb;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 20px;
  height: 48px;
  line-height: 1;
  border: none;
  pointer-events: none;
  margin: 0;
  box-sizing: border-box;
}
.jMPbsF1mWJmxHw4LTkA5 .gVSGvjSabMbNIZcVjTmC {
  color: #d74330;
  font-size: 16px;
  line-height: 1.2;
  position: absolute;
  padding-left: 1px;
  top: 0;
}
.jMPbsF1mWJmxHw4LTkA5 .ooHighecOvd6SyROGi8_ {
  margin-top: 6px;
  padding: 0;
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.IIoAuWbCoZr7ChdngtSe {
  line-height: 1.2;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: flex;
}
.nklziD0wDY1wNzur4WIA {
  display: flex;
  align-items: center;
}
.c7EWB_wNfL8FakuU6N2U.PPuQtpG0rEBFHozHZH7A {
  background-color: #dff1d9;
  color: #318c31;
  line-height: 1.2;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: flex;
}
.c7EWB_wNfL8FakuU6N2U.OAbJAjQe37DTIhJ_SeYC,
.c7EWB_wNfL8FakuU6N2U.UjDnmycv9MKn6d7IKbZ6 {
  background-color: #F5eabc;
  color: #d57304;
  line-height: 1.2;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: flex;
}
.c7EWB_wNfL8FakuU6N2U.Fw0nvUr1I6ENV3jOx4Ah {
  background-color: #bddeef;
  color: #184e7f;
  line-height: 1.2;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: flex;
}
.c7EWB_wNfL8FakuU6N2U.zsNirlOBFDh49b9q8CTj {
  background-color: #f4dddd;
  color: #bf352e;
  line-height: 1.2;
  padding: 10px 20px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  display: flex;
}
.c7EWB_wNfL8FakuU6N2U.oAXzwiIJWqw_7hNW8MyM {
  background-color: rgba(0, 0, 0, 0.88);
  color: #fff;
  line-height: 1.4;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .c7EWB_wNfL8FakuU6N2U.oAXzwiIJWqw_7hNW8MyM {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .c7EWB_wNfL8FakuU6N2U .xfzMO22z2BUHG2Z6iPVb {
    transform: scale(0.8);
  }
}
.c7EWB_wNfL8FakuU6N2U .Nhq4dPOMJ_BMNrjRnkMn,
.c7EWB_wNfL8FakuU6N2U .h5LthkwNW50FifOdJmH7,
.c7EWB_wNfL8FakuU6N2U .tbEobYqxhJPbYVHs_L4Q,
.c7EWB_wNfL8FakuU6N2U .z2bZDNR_cIowIB_9g2bD,
.c7EWB_wNfL8FakuU6N2U .IbnKwAfWIt0v8XzBz0jN {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.c7EWB_wNfL8FakuU6N2U .ZyR1LA3rwNb1oKodza5Z {
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
@media (min-width: 1280px) {
  .c7EWB_wNfL8FakuU6N2U .ZyR1LA3rwNb1oKodza5Z {
    width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  .c7EWB_wNfL8FakuU6N2U .ZyR1LA3rwNb1oKodza5Z {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .c7EWB_wNfL8FakuU6N2U .ZyR1LA3rwNb1oKodza5Z {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .c7EWB_wNfL8FakuU6N2U .ZyR1LA3rwNb1oKodza5Z {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.nz4NMkdVsA9AY2SLcivQ ~ .nz4NMkdVsA9AY2SLcivQ {
  border-top: 1px solid #777777;
}
.BnyD8VSSkeqsMwRBpjT0 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-right: 12px;
}


.main-container {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1280px) and (min-width: 1024px) {
  .main-container {
    max-width: calc(100% - 80px);
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .main-container {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .main-container {
    max-width: calc(100% - 40px);
  }
}
.must-be-hidden,
.mustBeHidden {
  display: none !important;
}
.visibility-hidden {
  visibility: hidden !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.reoSearchScrollbar::-webkit-scrollbar {
  width: 6px;
  height: none;
}
.reoSearchScrollbar::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
  margin: 4px;
}
.reoSearchScrollbar::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: none;
  border-radius: 5px;
}
.code-box-demo {
  width: 100% !important;
}
.rc-table {
  padding-left: 0 !important;
}

._reolink-iconWrap {
  width: fit-content;
  color: var(--svg-fill);
  font-size: var(--font-size);
}
@media screen and (min-width: 1280px) {
  ._reolink-iconWrap:hover {
    color: var(--svg-hover-fill);
  }
}
._reolink-iconWrap._reolink-icon-display {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

* {
  box-sizing: border-box;
}
._reolink-button-baseline {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
}
@media (min-width: 1280px) {
  ._reolink-primary,
  ._reolink-gradientRedPrimary {
    transition: all 0.2s;
  }
}
/* button样式 */
/* close 按钮 */
._reolink-closeBtn {
  width: var(--closeBtn-width);
  height: var(--closeBtn-height);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--closeBtn-background);
  cursor: pointer;
}
._reolink-buttonWrap {
  position: relative;
  /* 公共样式 */
  /* buttonStyle: unset-type */
}
._reolink-buttonWrap._reolink-size-large {
  line-height: 46px;
  padding: 0 24px;
}
._reolink-buttonWrap._reolink-size-medium {
  line-height: 34px;
  padding: 0 20px;
}
._reolink-buttonWrap._reolink-size-small {
  line-height: 28px;
  padding: 0 14px;
}
._reolink-buttonWrap._reolink-publicStyle {
  box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
  font-weight: 500;
  position: relative;
}
._reolink-buttonWrap._reolink-buttonStyle {
  color: var(--font-color);
  background: var(--background-color);
  border: 1px solid var(--border-color);
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  ._reolink-toggleGhost._reolink-ghost._reolink-buttonWrap._reolink-buttonStyle:hover {
    color: var(--font-color);
    background: var(--background-color);
    border: 1px solid var(--border-color);
    transition: all 0.2s;
  }
  ._reolink-buttonWrap._reolink-buttonStyle._reolink-toggleGhost:hover {
    color: var(--background-color);
    background: var(--font-color);
    border: 1px solid var(--background-color);
    transition: all 0.2s;
  }
}
._reolink-buttonWrap._reolink-buttonStyle._reolink-ghost {
  color: var(--background-color);
  background: var(--font-color);
  border: 1px solid var(--background-color);
  transition: all 0.2s;
}
._reolink-buttonWrap._reolink-buttonStyle-primary,
._reolink-buttonWrapbuttonStyle-gradientRedPrimary {
  color: white;
  border: 1px solid transparent;
}
._reolink-buttonWrap._reolink-buttonStyle-link {
  color: #00ade5;
  border: 1px solid transparent;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
  height: max-content;
  border-radius: 0;
  background-color: unset;
}
._reolink-buttonWrap._reolink-primary {
  color: #fff;
  background: linear-gradient(148deg, #1E7FF2 0%, #1DC4E4 100%);
  border: 1px solid transparent;
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  ._reolink-toggleGhost._reolink-buttonWrap._reolink-primary:hover {
    color: #00ADE5;
    background: rgba(0, 173, 229, 0.08);
    border: 1px solid #00ADE5;
    transition: all 0.2s;
  }
  ._reolink-toggleGhost._reolink-ghost._reolink-buttonWrap._reolink-primary:hover {
    color: #00ADE5;
    background: rgba(0, 173, 229, 0.08);
    border: 1px solid #00ADE5;
    transition: all 0.2s;
  }
}
._reolink-buttonWrap._reolink-primary:not(._reolink-ghost),
._reolink-buttonWrap._reolink-primary:not(:disabled) {
  border-right-color: #1DC4E4;
}
._reolink-buttonWrap._reolink-primary._reolink-ghost {
  color: #00ade5;
  background: transparent;
  border: 1px solid #00ade5;
  transition: all 0.2s;
}
._reolink-buttonWrap._reolink-gradientRedPrimary {
  color: #fff;
  background: linear-gradient(90deg, #EB3349 0%, #F45C43 100%);
  border: 1px solid transparent;
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  ._reolink-toggleGhost._reolink-buttonWrap._reolink-gradientRedPrimary:hover {
    color: #E74300;
    background: rgba(231, 67, 0, 0.08);
    border: 1px solid #E74300;
    transition: all 0.2s;
  }
  ._reolink-toggleGhost._reolink-ghost._reolink-buttonWrap._reolink-gradientRedPrimary:hover {
    color: #E74300;
    background: rgba(231, 67, 0, 0.08);
    border: 1px solid #E74300;
    transition: all 0.2s;
  }
}
._reolink-buttonWrap._reolink-gradientRedPrimary:not(._reolink-ghost),
._reolink-buttonWrap._reolink-gradientRedPrimary:not(:disabled) {
  border-right-color: #F45C43;
}
._reolink-buttonWrap._reolink-gradientRedPrimary._reolink-ghost {
  color: #E74300;
  background: transparent;
  border: 1px solid #E74300;
  transition: all 0.2s;
}
._reolink-buttonWrap._reolink-primary:disabled,
._reolink-buttonWrap._reolink-gradientRedPrimary:disabled,
._reolink-buttonWrap._reolink-primary._reolink-loading,
._reolink-buttonWrap._reolink-gradientRedPrimary._reolink-loading {
  border-right-color: #ccc;
}
._reolink-buttonWrap._reolink-size-large {
  height: 48px;
  padding: 14px 24px;
  font-size: 16px;
}
._reolink-buttonWrap._reolink-size-medium {
  height: 36px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1;
}
._reolink-buttonWrap._reolink-size-small {
  height: 30px;
  padding: 6px 14px;
  font-size: 14px;
}
._reolink-buttonWrap._reolink-hoverFloat:not(._reolink-border-square) {
  transform: translateY(0);
  transition: transform 0.4s;
}
@media (min-width: 1280px) {
  ._reolink-buttonWrap._reolink-hoverFloat:not(._reolink-border-square):hover {
    transform: translateY(-6px);
    position: relative;
    transition: transform 0.4s;
  }
  ._reolink-primary._reolink-buttonWrap._reolink-hoverFloat:not(._reolink-border-square):hover {
    box-shadow: 0px 5px 8px rgba(21, 102, 164, 0.4);
  }
  ._reolink-gradientRedPrimary._reolink-buttonWrap._reolink-hoverFloat:not(._reolink-border-square):hover {
    box-shadow: 0px 5px 8px rgba(177, 69, 56, 0.4);
  }
}
._reolink-buttonWrap._reolink-loading {
  pointer-events: none;
}
._reolink-buttonWrap._reolink-loading ._reolink-loadingWrap {
  position: absolute;
  left: calc(50% - var(--icon-width) / 2);
  border-radius: 0.1rem;
  margin: 0 auto;
  animation-name: _reolink-loadingCircle;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  height: var(--icon-height);
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
}
._reolink-buttonWrap._reolink-loading ._reolink-loadingWrap._reolink-link {
  position: relative;
}
._reolink-buttonWrap._reolink-loading ._reolink-loading-large {
  width: 20px;
  height: 20px;
}
._reolink-buttonWrap._reolink-loading ._reolink-loading-medium {
  width: 18px;
  height: 18px;
}
._reolink-buttonWrap._reolink-loading ._reolink-loading-small {
  width: 16px;
  height: 16px;
}
._reolink-buttonWrap:disabled {
  /* 普通button 禁用 */
  pointer-events: none;
  background: #ccc;
  color: #FFFFFF;
  border: 1px solid #ccc;
}
._reolink-buttonWrap._reolink-ghost:disabled {
  /* ghost禁用 */
  pointer-events: none;
  background: #F7F8F9;
  color: #ccc;
  border: 1px solid #ccc;
}
._reolink-buttonWrap._reolink-loading {
  background: #ccc;
  border: 1px solid #ccc;
}
._reolink-buttonWrap._reolink-loading._reolink-link {
  border: none;
  background: transparent;
}
._reolink-buttonWrap._reolink-loading._reolink-ghost {
  background: #F7F8F9;
  border: 1px solid #ccc;
}
._reolink-buttonWrap._reolink-link:disabled {
  background: none;
  border: none;
  color: #ccc;
  cursor: no-drop;
}
._reolink-buttonWrap._reolink-border-round {
  border-radius: 24px;
}
._reolink-buttonWrap._reolink-border-square {
  border-radius: 8px;
}
._reolink-buttonWrap ._reolink-buttonBaseline {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
}
._reolink-buttonWrap ._reolink-buttonBaseline._reolink-textWrap {
  width: 100%;
  overflow: hidden;
}
._reolink-buttonWrap ._reolink-buttonBaseline._reolink-childrenPosition {
  flex-direction: row-reverse;
}
._reolink-buttonWrap ._reolink-buttonBaseline._reolink-visibilityHidden {
  visibility: hidden;
}
._reolink-buttonWrap ._reolink-buttonBaseline._reolink-hidden {
  display: none;
}
._reolink-buttonWrap ._reolink-buttonBaseline ._reolink-textShow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._reolink-buttonWrap ._reolink-buttonBaseline ._reolink-icon-left {
  margin-left: var(--icon-space);
}
._reolink-buttonWrap ._reolink-buttonBaseline ._reolink-icon-right {
  margin-right: var(--icon-space);
}
/* loading动画 */
@keyframes _reolink-loadingCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._reolink-loading._reolink-link {
  border: none;
  background: #FFF;
}
._reolink-lightShadow {
  top: 0;
  left: 0;
  height: var(--light-height);
  display: block;
  width: 40%;
  transform: skewX(-25deg);
  background: linear-gradient(297deg, rgba(255, 255, 255, 0.5) 10%, transparent 70%);
  animation-name: _reolink-lightShadow;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
}
@keyframes _reolink-lightShadow {
  0% {
    left: -41%;
  }
  88% {
    left: -41%;
  }
  100% {
    left: 100%;
  }
}
/* 切换按钮样式 */
._reolink-carouselButtonWrap {
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  position: relative;
}
._reolink-carouselButtonWrap ._reolink-iconStyle {
  border-radius: 100px;
  padding: var(--carousel-button-padding);
  cursor: pointer;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  z-index: 2;
}
._reolink-carouselButtonWrap ._reolink-iconStyle:hover {
  background-color: var(--hover-background-color);
  box-shadow: var(--hover-box-shadow);
}
._reolink-carouselButtonWrap ._reolink-iconStyle._reolink-visibleTransition {
  display: none;
  animation: 0.4s forwards _reolink-visibilityTransition;
  pointer-events: none;
}
._reolink-carouselButtonWrap ._reolink-children-wrap {
  overflow: hidden;
  width: calc(1200px * 0.9 - 40px);
}
@media (max-width: 1280px) {
  ._reolink-carouselButtonWrap ._reolink-children-wrap {
    width: calc(100% - 40px);
  }
}
._reolink-carouselButtonWrap ._reolink-children-wrap._reolink-show_count_children_container {
  transform: translateX(var(--translate-x));
  width: max-content;
  display: flex;
  z-index: 1;
  flex-shrink: 0;
}
._reolink-carouselButtonWrap ._reolink-children-wrap ._reolink-children-container {
  transform: translate(var(--translate-x), 0);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: max-content;
}
._reolink-carouselButtonWrap ._reolink-children-wrap ._reolink-child_self + ._reolink-child_self {
  margin-left: var(--child-space);
}
._reolink-carouselButtonWrap ._reolink-children-wrap ._reolink-show_item,
._reolink-carouselButtonWrap ._reolink-children-wrap ._reolink-hidden_item {
  width: var(--child-width);
}
._reolink-carouselButtonWrap ._reolink-children-wrap ._reolink-show_item {
  position: relative;
  z-index: 0;
}
._reolink-carouselButtonWrap ._reolink-children-wrap ._reolink-hidden_item {
  z-index: -1;
  position: relative;
}
@keyframes _reolink-visibilityTransition {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

._reolink-reoInputWrap {
  width: var(--width);
}
._reolink-reoInputWrap ._reolink-inputWrap {
  border: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
._reolink-reoInputWrap ._reolink-inputWrap input {
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  padding: 0 20px;
  line-height: 1.2;
  color: #333333;
  font-weight: 500;
  background: var(--bg-color);
  outline: none;
}
._reolink-reoInputWrap ._reolink-inputWrap input::placeholder {
  color: #BBBBBB;
  font-weight: 500;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
._reolink-reoInputWrap ._reolink-inputWrap input:hover,
._reolink-reoInputWrap ._reolink-inputWrap input:focus {
  border: 1px solid #00ADE5;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-large {
  height: 48px;
  font-size: 16px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-medium {
  height: 36px;
  font-size: 14px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-small {
  height: 30px;
  font-size: 12px;
}
._reolink-reoInputWrap ._reolink-inputWrap input:disabled {
  pointer-events: none;
  background: #F7F8F9;
}
._reolink-reoInputWrap ._reolink-inputWrap input ~ ._reolink-showLabel {
  font-size: 16px;
  color: #BBBBBB;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 20px;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  margin: 0;
  pointer-events: none;
  border: none;
  max-width: calc(100% - 48px);
  width: max-content;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasValueClass ~ ._reolink-showLabel,
._reolink-reoInputWrap ._reolink-inputWrap input:focus ~ ._reolink-showLabel {
  border: 1px solid;
  border-color: #fff transparent transparent;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasValueClass ~ ._reolink-showLabel[data-label]::before {
  color: #777777;
}
._reolink-reoInputWrap ._reolink-inputWrap input:focus ~ ._reolink-showLabel[data-label]::before {
  color: #00ADE5;
}
._reolink-reoInputWrap ._reolink-inputWrap input ~ ._reolink-showLabel[data-label]::before {
  content: attr(data-label);
  display: inline-block;
  transition: 0.3s ease-in-out;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
._reolink-reoInputWrap ._reolink-inputWrap input:focus ~ ._reolink-showLabel[data-label]::before,
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasValueClass ~ ._reolink-showLabel[data-label]::before {
  content: attr(data-label);
  transition-duration: 0.2s;
  transform: translateY(-50%);
  font-size: 14px;
  height: var(--height);
  line-height: var(--height);
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasPrefixClass._reolink-large {
  padding-left: 48px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasPrefixClass._reolink-medium {
  padding-left: 36px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasPrefixClass._reolink-small {
  padding-left: 30px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasSuffixClass._reolink-large {
  padding-right: 48px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasSuffixClass._reolink-medium {
  padding-right: 36px;
}
._reolink-reoInputWrap ._reolink-inputWrap input._reolink-hasSuffixClass._reolink-small {
  padding-right: 30px;
}
._reolink-reoInputWrap ._reolink-inputWrap input::placeholder {
  color: var(--placeholder-color);
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap-before {
  position: absolute;
  left: 10px;
  top: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap-before._reolink-large {
  height: 48px;
  max-width: 48px;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap-before._reolink-medium {
  height: 36px;
  max-width: 36px;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap-before._reolink-small {
  height: 30px;
  max-width: 30px;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap {
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  align-items: center;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap._reolink-large {
  height: 48px;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap._reolink-medium {
  height: 36px;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap._reolink-small {
  height: 30px;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-iconWrap ._reolink-icon-rotate {
  animation-name: _reolink-loadingCircle;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-tips {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  padding: 0;
  margin: 6px 0 0 0;
  display: none;
  text-align: left;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-tips._reolink-success {
  color: var(--info-color);
  display: block;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-tips._reolink-info {
  color: var(--info-color);
  display: flex;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-note {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  padding: 0;
  margin: 6px 0 0 0;
  text-align: left;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-required-logo {
  color: red;
  position: absolute;
  right: -7px;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-errorInput input {
  border: 1px solid var(--info-color);
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-errorInput input._reolink-hasValueClass ~ ._reolink-showLabel[data-label]::before,
._reolink-reoInputWrap ._reolink-inputWrap._reolink-errorInput input:focus ~ ._reolink-showLabel[data-label]::before {
  color: var(--info-color);
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-errorInput ._reolink-tips {
  display: block;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-errorInput ._reolink-tips._reolink-error {
  color: var(--info-color);
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-darkInput {
  border: none;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-darkInput input {
  outline: none;
  padding: 24px;
  background: #555555;
  border-radius: 24px;
  color: #fff;
  border: 1px solid #777;
  font-weight: 400;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-darkInput input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-darkInput input:focus {
  background: #777;
  color: #FFF;
  border-radius: 24px;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-lightInput {
  border: none;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-lightInput input {
  outline: none;
  padding: 24px;
  border-radius: 24px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  color: #333333;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-lightInput input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-lightInput input:focus,
._reolink-reoInputWrap ._reolink-inputWrap._reolink-lightInput input:hover {
  background: #fff;
  color: #333;
  border: 1px solid #00ADE5;
  border-radius: 24px;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-grayInput {
  border: none;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-grayInput input {
  outline: none;
  padding: 0 44px 0 20px;
  border-radius: 24px;
  color: #333333;
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-grayInput input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-grayInput input:focus,
._reolink-reoInputWrap ._reolink-inputWrap._reolink-grayInput input:hover {
  background: #E8E8E8;
  color: #333;
  border: 1px solid #E8E8E8;
  border-radius: 24px;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-searchInput {
  border: none;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-searchInput input {
  outline: none;
  padding: 6px 12px 6px 30px;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-searchInput input:hover,
._reolink-reoInputWrap ._reolink-inputWrap._reolink-searchInput input:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-searchInput input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #BBBBBB;
  font-weight: 500;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-blueIconSearch {
  border: none;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-blueIconSearch input {
  outline: none;
  padding: 9px 52px 9px 16px;
  font-weight: 400;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-blueIconSearch input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #BBBBBB;
  font-weight: 400;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-normalSelect {
  border: none;
}
._reolink-reoInputWrap ._reolink-inputWrap._reolink-normalSelect input {
  outline: none;
  padding: 20px;
  border-radius: 17px;
  font-size: 16px;
  line-height: 1.2;
  color: #333;
  font-weight: 500;
  background: #E8E8E8;
}
._reolink-reoInputWrap ._reolink-inputWrap ._reolink-inputLabel._reolink-showLabel {
  color: var(--placeholder-color);
}
/* loading动画 */
@keyframes _reolink-loadingCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* link： 替换箭头的icon */
._reolink-linkNormal {
  font-size: var(--link-font);
  color: var(--link-color);
}
._reolink-linkNormal:hover {
  color: var(--link-hover-color);
}
/* link 按钮 */
._reolink-linkClass {
  font-size: var(--link-font);
  color: var(--link-color);
  display: inline-flex;
  align-items: baseline;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  width: max-content;
}
._reolink-linkClass:hover {
  color: var(--link-hover-color);
}
@media (min-width: 1280px) {
  ._reolink-linkClass:hover ._reolink-link:not(._reolink-hasIcon)::before {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  ._reolink-linkClass:hover ._reolink-link._reolink-hasIcon,
  ._reolink-linkClass:hover ._reolink-link-right-arrow {
    border-bottom: 1px solid var(--link-border-bottom-color);
  }
}
._reolink-linkClass ._reolink-hasIcon {
  margin-right: 16px;
  padding-bottom: 2px;
}
._reolink-linkClass ._reolink-hasIcon._reolink-link_arrow_right {
  margin-right: 0;
}
._reolink-linkClass ._reolink-noUnderline {
  padding-bottom: 0;
  border: 1px solid transparent;
}
._reolink-linkClass ._reolink-link_span {
  transition: right 0.3s;
  border-bottom: 1px solid transparent;
}
._reolink-linkClass ._reolink-link_span._reolink-transition + span {
  position: relative;
  right: 0px;
  margin-left: 8px;
}
@media (min-width: 1280px) {
  ._reolink-linkClass ._reolink-link_span._reolink-transition:hover + span {
    position: relative;
    right: -4px;
    cursor: pointer;
  }
}
._reolink-linkClass ._reolink-link_span._reolink-underline {
  border-bottom: 1px solid var(--link-border-bottom-color);
}
._reolink-linkClass ._reolink-link {
  position: relative;
}
@media (min-width: 1280px) {
  ._reolink-linkClass ._reolink-link:not(._reolink-hasIcon)::before {
    content: "";
    opacity: 0;
    transform-origin: center center;
    transform: scale(0) translateY(5px);
    transition: all 1s cubic-bezier(0.1, 0.1, 0, 1);
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: var(--link-border-bottom-color);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
}

._reolink-paginationContainer {
  display: flex;
  user-select: none;
}
._reolink-paginationContainer ._reolink-iconStyle {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._reolink-paginationContainer ._reolink-iconLeft {
  margin-right: 10px;
}
._reolink-paginationContainer ._reolink-iconRight {
  margin-left: 10px;
}
._reolink-paginationContainer ._reolink-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
._reolink-paginationContainer ._reolink-pageRangeContainer {
  width: 28px;
  height: 28px;
  margin-left: 2px;
  margin-right: 2px;
}
._reolink-paginationContainer ._reolink-pageRangeContainer + ._reolink-paginationContainer ._reolink-pageRangeContainer {
  margin-right: 4px;
}
._reolink-paginationContainer ._reolink-pageRangeContainer ._reolink-pageRange {
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  color: #555;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background-color: transparent;
}
._reolink-paginationContainer ._reolink-pageRangeContainer ._reolink-pageRange:hover {
  color: #333;
}
._reolink-paginationContainer ._reolink-pageRangeContainer ._reolink-active {
  color: #333;
  background-color: #f3f3f3;
  border-radius: 100%;
}

._reolink-iconClass {
  position: absolute;
  left: 12px;
  top: 0;
  height: 100%;
}
._reolink-blueIconClass {
  position: absolute;
  right: 0;
  left: auto;
  padding-left: 12px;
  padding-right: 12px;
  top: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 0 5px 5px 0;
  background: linear-gradient(to right, #1e7ff2, #1dc4e4);
}

._reolink-selectWrap {
  width: var(--width);
}
._reolink-selectWrap input._reolink-has_icon_set_padding {
  padding: 0 36px 0 20px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._reolink-selectWrap ._reolink-iconBgClass {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 50px;
  cursor: pointer;
  overflow: hidden;
  height: 100%;
}
._reolink-selectWrap ._reolink-iconBgClass ._reolink-iconClass {
  transition-duration: 0.3s;
  padding: 20px;
}
._reolink-selectWrap ._reolink-iconBgClass ._reolink-iconClass._reolink-hasSelectListClass {
  transform: rotate(180deg);
  padding-left: 20px;
  padding-right: 20px;
}

._reolink-balloonWrap {
  width: max-content;
  padding: 0;
  margin: 0;
}
._reolink-balloonWrap._reolink-singleLine {
  position: relative;
}
._reolink-popContent {
  left: var(--left);
  top: var(--top);
  background-color: var(--background-color);
  transition: display 0.4s;
  border-radius: 5px;
  position: absolute;
  box-sizing: border-box;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
}
._reolink-popContent._reolink-simpleTipsPopContent {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 6px 14px;
  height: 28px;
  width: max-content;
}
._reolink-popContent._reolink-detailedTipsPopContent {
  width: 300px;
  padding: 20px 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
}
._reolink-popContent._reolink-popContentTopBottomArrowMiddle {
  transform: translateX(-50%);
}
._reolink-popContent._reolink-popContentLeftRightArrowMiddle {
  transform: translateY(-50%);
}
._reolink-popContent ._reolink-arrow {
  width: 0px;
  height: 0px;
  position: absolute;
  border-style: solid;
  box-sizing: border-box;
  border-width: 5px;
}
._reolink-popContent ._reolink-arrow._reolink-placement-top {
  border-color: var(--background-color) transparent transparent;
  bottom: -10px;
}
._reolink-popContent ._reolink-arrow._reolink-placement-bottom {
  border-color: transparent transparent var(--background-color);
  top: -10px;
}
._reolink-popContent ._reolink-arrow._reolink-placement-right {
  border-color: transparent var(--background-color) transparent transparent;
  left: -10px;
}
._reolink-popContent ._reolink-arrow._reolink-placement-left {
  border-color: transparent transparent transparent var(--background-color);
  right: -10px;
}
._reolink-popContent ._reolink-arrow._reolink-arrowPoint-left {
  left: 14px;
}
._reolink-popContent ._reolink-arrow._reolink-arrowPoint-top {
  top: 5px;
}
._reolink-popContent ._reolink-arrow._reolink-arrowPoint-right {
  right: 14px;
}
._reolink-popContent ._reolink-arrow._reolink-arrowPoint-bottom {
  bottom: 5px;
}
._reolink-popContent ._reolink-arrow._reolink-arrPointTopBottomMiddle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
._reolink-popContent ._reolink-arrow._reolink-arrPointLeftRightMiddle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  ._reolink-popContent ._reolink-arrow._reolink-hidden-in-sm {
    display: none;
  }
}
._reolink-popContent ._reolink-children {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

._reolink-counterWrap {
  display: flex;
  width: max-content;
  user-select: none;
}
._reolink-counterWrap._reolink-bordered {
  border: 1px solid #ddd;
  border-radius: 5px;
}
._reolink-counterWrap._reolink-disabledBorderWrap {
  background-color: #f0f0f0;
}
._reolink-counterWrap._reolink-disabled {
  pointer-events: none;
}
@media (min-width: 1280px) {
  ._reolink-counterWrap ._reolink-icon_class._reolink-icon:hover {
    background-color: #f0f0f0;
  }
}
._reolink-counterWrap ._reolink-icon_class._reolink-icon._reolink-counterHandle-small {
  padding: 10px;
}
._reolink-counterWrap ._reolink-icon_class._reolink-icon._reolink-counterHandle-large {
  padding: 14px;
}
._reolink-counterWrap ._reolink-icon_class._reolink-disabled {
  pointer-events: none;
}
._reolink-counterWrap ._reolink-icon_class._reolink-leftSpacing {
  padding-right: 16px;
}
._reolink-counterWrap ._reolink-icon_class._reolink-rightSpacing {
  padding-left: 16px;
}
._reolink-counterWrap ._reolink-centerAlign {
  display: flex;
  align-items: center;
  justify-self: center;
}
._reolink-counterWrap ._reolink-centerAlign._reolink-noBorderValue {
  border: 1px solid #ddd;
  width: 32px;
  font-size: 16px;
  line-height: 1.2;
  color: #777;
  font-weight: 500;
  text-align: center;
  outline: none;
}
._reolink-counterWrap ._reolink-centerAlign._reolink-value-small {
  width: 36px;
  font-size: 14px;
  line-height: 1.2;
  color: #777;
  font-weight: 500;
  border: none;
  text-align: center;
  outline: none;
}
._reolink-counterWrap ._reolink-centerAlign._reolink-value-medium {
  text-align: center;
  outline: none;
}
._reolink-counterWrap ._reolink-centerAlign._reolink-value-large {
  width: 46px;
  font-size: 16px;
  line-height: 1.2;
  color: #777;
  font-weight: 500;
  border: none;
  text-align: center;
  outline: none;
}
._reolink-counterWrap ._reolink-centerAlign._reolink-disabledBorderWrap {
  background-color: #f0f0f0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

._reolink-tag-wrap {
  padding: 6px 12px;
  background-color: #EEEEEE;
  color: #555555;
  font-size: 14px;
  font-weight: 500;
  width: max-content;
  cursor: pointer;
}
._reolink-tag-wrap:hover,
._reolink-tag-wrap._reolink-tag-checked,
._reolink-tag-wrap._reolink-tag-active {
  background-color: #DDF5FB;
  color: #00ADE5;
}

._reolink-tab-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
._reolink-tab-wrap ._reolink-swipe-wrap {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-type-none,
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-type-topLine {
  height: 54px;
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-type-none {
  background-color: #F7F8F9;
  align-items: center;
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-background {
  background: var(--background-color);
  box-shadow: var(--box-shadow);
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-hasBg {
  opacity: 0.85;
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-hasNoBg-topLine {
  border: 0px solid #ddd;
  border-top-width: 1px;
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-hasNoBg-bottomLine {
  border: 0px solid #ccc;
  border-bottom-width: 1px;
}
._reolink-tab-wrap ._reolink-swipe-wrap._reolink-fullContentArea {
  width: 100%;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 auto;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-title {
  white-space: nowrap;
}
@media (max-width: 1279px) {
  ._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-title {
    display: none;
  }
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-title._reolink-tab_alignment_left {
  margin-left: 64px;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-title._reolink-tab_alignment_right {
  margin-right: 64px;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap {
  display: flex;
  align-items: baseline;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap._reolink-tab_alignment_left {
  order: -1;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap._reolink-tab_alignment_center {
  margin: 0 auto;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap {
  width: max-content;
  display: flex;
  position: relative;
}
@media (max-width: 1280px) {
  ._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap {
    width: max-content;
  }
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-item {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  text-align: center;
  width: max-content;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-bgItem-topLine,
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-noBgItem-topLine {
  border: 0px solid;
  border-top-width: 4px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 20px;
  width: max-content;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-bgItem-bottomLine,
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-noBgItem-bottomLine {
  border: 0px solid;
  border-bottom-width: 3px;
  box-sizing: border-box;
  padding-bottom: 10px;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-activeAnimatedItem {
  border-color: transparent;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-activeItem {
  border-color: #00ade5;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-normalItem {
  border-color: transparent;
  opacity: 0.85;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-activeColor {
  color: var(--active-color);
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-color {
  color: var(--color);
}
@media (min-width: 1280px) {
  ._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-hoverColor._reolink-item._reolink-spacing:hover {
    color: var(--hover-color);
    opacity: 1;
  }
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-spacing + ._reolink-spacing {
  margin-left: var(--tab-bar-gutter);
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-animation {
  transition: all 0.4s;
  left: var(--left);
  width: var(--width);
  position: absolute;
  height: 3px;
  background-color: #00ade5;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-animation._reolink-topLine {
  top: 0;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-tab_bar_wrap ._reolink-animation._reolink-bottomLine {
  bottom: 0;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-show_more_container {
  position: relative;
}
@media (max-width: 1279px) {
  ._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-show_more_container {
    display: none;
  }
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-show_more_container ._reolink-show_more_button {
  padding: 0 0 0 var(--show-more-padding);
  height: 100%;
}
@media (min-width: 1280px) {
  ._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-show_more_container ._reolink-show_more_button._reolink-bottomLine {
    max-height: 100%;
    height: max-content;
  }
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-show_more_container ._reolink-show_more_button ._reolink-button_icon {
  transition: all 0.4s;
}
._reolink-tab-wrap ._reolink-swipe-wrap ._reolink-swipe_children_wrap ._reolink-tab-list-wrap ._reolink-show_more_container ._reolink-show_more_button ._reolink-button_icon._reolink-rotate_icon {
  transform: rotate(180deg);
}
._reolink-tab-wrap ._reolink-children-wrap {
  position: relative;
}
._reolink-tab-wrap ._reolink-children-wrap._reolink-content-position-bottom {
  order: 0;
}
._reolink-tab-wrap ._reolink-children-wrap._reolink-content-position-top {
  order: -1;
}
._reolink-tab-wrap ._reolink-children-wrap ._reolink-tab-children._reolink-must-be-hidden {
  display: none !important;
}
._reolink-tabWrap._reolink-movingTransformCss {
  transform: translate3d(var(--translateTempX), 0, 0);
}
._reolink-transformCss {
  transform: translate3d(var(--translateX), 0, 0);
}
._reolink-tab_list {
  position: absolute;
  padding: 8px 0px;
  left: var(--position-left);
  top: 48px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  width: max-content;
  transform: translate(-50%, 0%);
}
._reolink-tab_list ._reolink-tab-bar-show-more-list {
  display: block;
  height: max-content;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #777777;
  text-decoration: none;
  text-align: left;
  padding: 8px 20px;
  cursor: pointer;
}
@media (min-width: 1280px) {
  ._reolink-tab_list ._reolink-tab-bar-show-more-list:hover {
    background-color: #F0F0F0;
  }
}

._reolink-children_class_name {
  width: max-content;
  width: var(--width);
}

._reolink-selectOptionWrap {
  position: absolute;
  padding: 8px 0;
  background-color: white;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 6px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
}
._reolink-selectOptionWrap._reolink-offset {
  width: var(--width);
  left: var(--left);
  top: var(--top);
  max-height: var(--max-height);
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-loading {
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  align-items: center;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-reoSearch {
  padding: 12px;
  box-sizing: border-box;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl {
  list-style-type: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  overflow-y: auto;
  max-height: 314px;
  max-height: var(--max-height);
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi {
  line-height: 1.2;
  font-size: 14px;
  padding: 10px 20px;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 1280px) {
  ._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi:hover {
    background-color: #f0f0f0;
  }
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi._reolink-normalLi {
  color: var(--normal-li-color);
  font-weight: 500;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi._reolink-selectedLi {
  color: var(--active-li-color);
  font-weight: 500;
  background-color: #f0f0f0;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi._reolink-fullDropDownWordsDropDownLi {
  min-height: 36px;
  height: max-content;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi._reolink-normalDropDownLi {
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi._reolink-disabledClass {
  pointer-events: none;
  color: #ccc;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi._reolink-backParentClass {
  text-align: center;
  color: #333;
  font-weight: 700;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi ._reolink-iconPositionClass {
  position: absolute;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi ._reolink-iconPositionClass._reolink-right-4 {
  right: 4px;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi ._reolink-iconPositionClass._reolink-left-4 {
  left: 4px;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi ._reolink-iconPositionClass._reolink-fullDropDownWordsIconPositionClass {
  top: 50%;
  transform: translateY(-50%);
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-dropDownUl ._reolink-dropDownLi ._reolink-iconPositionClass._reolink-normalIconPositionClass {
  top: 12px;
}
._reolink-selectOptionWrap ._reolink-reoSelectDn ._reolink-dropDownList ._reolink-noData {
  margin-top: 12px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  align-items: center;
}

.rc-table {
  position: relative;
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
  line-height: 1.5;
}
.rc-table-rtl {
  direction: rtl;
}
.rc-table table {
  width: 100%;
  border-spacing: 0px;
}
.rc-table th,
.rc-table td {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  padding: 16px 8px;
  white-space: normal;
  word-break: break-word;
  border: 1px solid red;
  border-top: 0;
  border-left: 0;
  transition: box-shadow 0.3s;
}
.rc-table-rtl.rc-table th,
.rc-table-rtl.rc-table td {
  border-right: 0;
  border-left: 1px solid red;
}
.rc-table-cell-fix-left,
.rc-table-cell-fix-right {
  z-index: 1;
}
.rc-table-cell-fix-right:last-child:not(.rc-table-cell-fix-sticky) {
  border-right-color: transparent;
}
.rc-table-rtl .rc-table-cell-fix-right:last-child {
  border-right-color: red;
}
.rc-table-rtl .rc-table-cell-fix-left:last-child {
  border-left-color: transparent;
}
.rc-table-rtl .rc-table-cell-fix-left-first {
  box-shadow: 1px 0 0 red;
}
.rc-table-cell-fix-left-first::after,
.rc-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: -1px;
  width: 20px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.rc-table-cell-fix-left-all::after {
  display: none;
}
.rc-table-cell-fix-right-first,
.rc-table-cell-fix-right-last {
  box-shadow: -1px 0 0 red;
}
.rc-table-rtl .rc-table-cell-fix-right-first,
.rc-table-rtl .rc-table-cell-fix-right-last {
  box-shadow: none;
}
.rc-table-cell-fix-right-first::after,
.rc-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -1px;
  width: 20px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.rc-table-cell.rc-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first,
.rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last,
.rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last {
  overflow: visible;
}
.rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-first .rc-table-cell-content,
.rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-left-last .rc-table-cell-content,
.rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-first .rc-table-cell.rc-table-cell-ellipsis.rc-table-cell-fix-right-last .rc-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rc-table-cell.rc-table-cell-row-hover {
  background: rgba(255, 0, 0, 0.05);
}
.rc-table-ping-left .rc-table-cell-fix-left-first::after,
.rc-table-ping-left .rc-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px green;
}
.rc-table-ping-right .rc-table-cell-fix-right-first::after,
.rc-table-ping-right .rc-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px green;
}
.rc-table-expand-icon-col {
  width: 60px;
}
.rc-table-row-expand-icon-cell {
  text-align: center;
}
.rc-table thead td,
.rc-table thead th {
  text-align: center;
  background: #f7f7f7;
}
.rc-table thead .rc-table-cell-scrollbar::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 1px;
  background: #f7f7f7;
  content: '';
}
.rc-table-rtl.rc-table thead .rc-table-cell-scrollbar::after {
  right: -1px;
  left: auto;
}
.rc-table-header {
  border: 1px solid red;
  border-right: 0;
  border-bottom: 0;
}
.rc-table-placeholder {
  text-align: center;
}
.rc-table tbody tr td,
.rc-table tbody tr th {
  background: #fff;
}
.rc-table-content {
  border: 1px solid red;
  border-right: 0;
  border-bottom: 0;
  border-radius: 5px 0 0 0;
}
.rc-table-body {
  border: 1px solid red;
  border-right: 0;
  border-bottom: 0;
  border-top: 0;
}
.rc-table-fixed-column .rc-table-body::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-right: 1px solid red;
  content: '';
}
.rc-table-expanded-row .rc-table-cell {
  box-shadow: inset 0 8px 8px -8px green;
}
.rc-table-expanded-row-fixed {
  box-sizing: border-box;
  margin: -16px -8px;
  margin-right: -10px;
  padding: 16px 8px;
}
.rc-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  width: 0;
  border-right: 1px solid red;
  content: '';
}
.rc-table-row-expand-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #aaa;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid currentColor;
  cursor: pointer;
}
.rc-table-row-expand-icon.rc-table-row-expanded::after {
  content: '-';
}
.rc-table-row-expand-icon.rc-table-row-collapsed::after {
  content: '+';
}
.rc-table-row-expand-icon.rc-table-row-spaced {
  visibility: hidden;
}
.rc-table-title {
  padding: 16px 8px;
  border: 1px solid red;
  border-bottom: 0;
}
.rc-table-footer {
  padding: 16px 8px;
  border: 1px solid red;
  border-top: 0;
}
.rc-table tfoot td {
  background: #fff;
}
.rc-table-summary {
  border-top: 1px solid red;
  border-left: 1px solid red;
}
.rc-table-sticky-holder {
  position: sticky;
  z-index: 2;
}
.rc-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  border-top: 1px solid #f3f3f3;
  opacity: 0.6;
  transition: transform 0.1s ease-in 0s;
}
.rc-table-sticky-scroll:hover {
  transform: scaleY(1.2);
  transform-origin: center bottom;
}
.rc-table-sticky-scroll-bar {
  height: 8px;
  background-color: #bbb;
  border-radius: 4px;
}
.rc-table-sticky-scroll-bar:hover {
  background-color: #999;
}
.rc-table-sticky-scroll-bar-active {
  background-color: #999;
}

/* @import 'rc-table/assets/index.css'; */
.rc-table th, .rc-table td, .rc-table-header, .rc-table-body,.rc-table-fixed-column .rc-table-body::after,.rc-table-content{
    border:none;
}
.rc-table tbody tr td, .rc-table thead th{
    border-right: #eee solid 1px;
}
.rc-table tbody tr td:last-child, .rc-table thead tr th:last-child{
    border-right: none;
}
.rc-table-ping-left .rc-table-cell-fix-left-first::after, .rc-table-ping-left .rc-table-cell-fix-left-last::after{
    box-shadow: inset 14px 0px 8px -8px #f7f8f9;
}
.rc-table-cell-fix-left-first::after, .rc-table-cell-fix-left-last::after{
    right: 0px;
}
.rc-table .product-details .quantity-and-button button{
    display: block;
    margin: 0 auto;
}
.rc-table-ping-right .rc-table-cell-fix-right-first::after, .rc-table-ping-right .rc-table-cell-fix-right-last::after {
    box-shadow: inset -14px 0 8px -8px #f7f8f9;
}
.rc-table-cell-fix-right-first, .rc-table-cell-fix-right-last {
    box-shadow: none;
}

.rc-table-cell.rc-table-cell-row-hover {
    background: inherit !important;
}
.rc-table thead th{
    background-color: #fff;
    vertical-align: top;
}
.rc-table tbody tr td{
    background-color: inherit !important;
    color: #333333;
}

tbody tr:nth-child(2n){
    background-color: #F7F8F9;
}
tbody tr:nth-child(2n+1){
    background-color: #fff;
}
.tableProductName{
    background: #414141;
    color: white;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rc-table th{
    padding:0;
}
.rc-table tbody tr td:not(.dual-title){
    text-align: center;
}

.rc-table .product-details .price-content .sale-price{
    font-size: 16px;
}
.rc-table .product-details .price-content .pre-price{
    font-size: 14px;
}
.rc-table .text-content .reo-product-select input{
    border-radius: 3px;
    background-color: #fff;
    border-color: #CCCCCC;
}
.rc-table .text-content .reo-product-select input:hover{
    border-radius: 3px;
    background-color: #fff;
    border-color: #CCCCCC;
}
.rc-table-title{
    padding: 16px 8px;
    border: 1px solid #ebebeb;
    border-bottom: 0;
}
.rc-table-footer{
    padding: 16px 8px;
    border: 1px solid #ebebeb;
    border-top: 0;
}
/* @media screen and (max-width: 1024px){

} */
::-webkit-scrollbar {
    -webkit-appearance: normal;
}
@media screen and (min-width: 1280px){
    .rc-table tbody tr td{
        font-size: 16px;
    }
    .rc-table .product-details{
        margin:0 14px;
    }
    .rc-table .product-details .product-image img{
        width: 120px;
        height: 120px;
    }
    .tableProductName{
        font-size: 16px;
        line-height: 48px;
    }
    .buttonBox{
        
        margin-left: 10px;
    }
    .rc-table .product-details .quantity-and-button button + button{
        margin-top: 10px;
    }
    .rc-table .image-content{
        margin-top: 10px;
    }
    .rc-table .product-details .reo-product-select{
        width: 210px;
        margin: 10px auto;
        margin-bottom: 16px;
        max-width: 100%;
    }
    .rc-table .product-details .price-content{
        margin-bottom: 20px;
    }
    .rc-table td{
        padding-left: 14px;
        padding-right: 14px;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1279px){
    
    div.rc-table{
        padding-left: 30px;
    }
    .rc-table tbody tr td{
        font-size: 16px;
    }
    .rc-table .product-details{
        margin:0 14;
    }
    .rc-table .product-details .product-image img{
        width: 135px;
        height: 135px;
    }
    .tableProductName{
        font-size: 16px;
        line-height: 48px;
    }
    .buttonBox{
        margin-left: 10px;
    }
    .rc-table .product-details .quantity-and-button button + button{
        margin-top: 10px;
    }
    .rc-table .image-content{
        margin-top: 10px;
    }
    .rc-table .product-details .reo-product-select{
        width: 210px;
        margin: 10px auto;
        margin-bottom: 16px;
        max-width: 100%;
    }
    .rc-table .product-details .price-content{
        margin-bottom: 20px
    }
    .rc-table td{
        padding-left: 14px;
        padding-right: 14px;
    }
}
@media screen and (max-width: 767px){
    .rc-table tbody tr td{
        font-size: 16px;
    }
    .rc-table .product-details{
        margin:0 14px;
    }
    .rc-table .product-details .product-image img{
        width: 100px;
        height: 100px;
    }
    .tableProductName{
        font-size: 14px;
        line-height: 45px;
    }
    .buttonBox{
        margin-left: 10px;
    }
    .rc-table .product-details .quantity-and-button button + button{
        margin-top: 10px;
    }
    .rc-table .image-content{
        margin-top: 10px;
    }
    .rc-table .product-details .reo-product-select{
        width: 162px;
        margin: 10px auto;
        margin-bottom: 16px;
        max-width: 100%;
    }
    .rc-table .product-details .price-content{
        margin-bottom: 20px;
    }
    .rc-table td{
        padding-left: 14px;
        padding-right: 14px;
    }
}
._reolink-spin-wrapper {
  position: relative;
}
._reolink-no-children {
  width: var(--loadingSize);
  height: var(--loadingSize);
}
._reolink-blinking {
  width: var(--loadingSize);
  height: var(--loadingSize);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
._reolink-blinking span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: var(--loadingBorder) solid var(--color);
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  left: 0;
  top: 0;
  animation: 0.8s ease 0s infinite normal none running _reolink-newBlinking;
}
._reolink-blinking span._reolink-dotted-border {
  border-style: dotted;
  animation: 0.8s linear 0s infinite normal none running _reolink-newBlinking;
}
._reolink-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
._reolink-spin-blur {
  clear: both;
  opacity: var(--opacity);
  user-select: none;
  pointer-events: none;
}
._reolink-spin ._reolink-blinking {
  display: block;
}
@keyframes _reolink-newBlinking {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._reolink-reo-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 80px 0;
  overflow: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  z-index: 999;
}
._reolink-reo-popup._reolink-mask {
  background: rgba(0, 0, 0, 0.6);
}
._reolink-reo-popup._reolink-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
._reolink-reo-popup._reolink-pc-animation {
  overflow: hidden;
}
._reolink-reo-popup._reolink-pc-animation ._reolink-popup-content {
  width: 100%;
  max-width: 1160px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  animation: _reolink-pcAnimation 0.4s linear;
}
._reolink-reo-popup._reolink-mobile-animation {
  overflow: hidden;
}
._reolink-reo-popup._reolink-mobile-animation ._reolink-popup-content {
  width: 100%;
  height: calc(100% - 100px);
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  animation: _reolink-mobileAnimation 0.4s linear;
  border-radius: 12px 12px 0 0;
}
._reolink-reo-popup ._reolink-popup-content {
  position: relative;
  display: inline-block;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  background-color: #fff;
  box-sizing: border-box;
}
@keyframes _reolink-pcAnimation {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes _reolink-mobileAnimation {
  from {
    top: 100vh;
  }
  to {
    top: 100px;
  }
}


._gdpr-cookie-popup_1s7pr_1{position:fixed}._gdpr-cookie-mark_1s7pr_5{z-index:999;top:0;right:0;left:0;bottom:0;pointer-events:auto}._gdpr-cookie-sheet_1s7pr_14{bottom:0;background-color:#fff;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:stretch;pointer-events:auto;z-index:1000}._gdpr-cookie-center_1s7pr_26{left:50%;transform:translate(-50%)}._btn_1cr05_1{display:inline-block;padding:14px 24px;font-family:Quicksand-Medium-,Quicksand-Medium;border-radius:24px;top:0;position:relative;border:none;outline:none;cursor:pointer;user-select:none;text-align:center}@media screen and (max-width: 1279px){._btn_1cr05_1{padding:10px 20px;border-radius:19px}}._btn_1cr05_1{font-size:16px;font-weight:400;line-height:20px}@media screen and (max-width: 1279px){._btn_1cr05_1{font-size:14px;font-weight:500;line-height:18px}}._primary_1cr05_33,._primary_1cr05_33:hover{background:linear-gradient(153deg,#1E7FF2 0%,#1DC4E4 100%);color:#fff}._ghost_1cr05_37,._ghost_1cr05_37:hover{background:transparent;color:#00ade5;border:1px solid #00ADE5}._block_1cr05_42,._block_1cr05_42:hover{display:block;border-radius:36px}._link_vmy4a_1{color:#00ade5;text-decoration:none;font-family:inherit}._link_vmy4a_1:hover{color:#00ade5;text-decoration:underline}._close-icon-large_1ob9e_1{padding:24px 11.85px}._close-icon-large_1ob9e_1>span{width:26.3px;height:2px;background:#777777}._close-icon-large_1ob9e_1>span:after{width:26.3px;height:2px;background:#777777}._close-icon-medium_1ob9e_15{padding:15px 9.425px}._close-icon-medium_1ob9e_15>span{width:13.15px;height:2px;background:#777777}._close-icon-medium_1ob9e_15>span:after{width:13.15px;height:2px;background:#777777}._close-icon-small_1ob9e_29{padding:9px 4.74px}._close-icon-small_1ob9e_29>span{width:10.52px;height:2px;background:#777777}._close-icon-small_1ob9e_29>span:after{width:10.52px;height:2px;background:#777777}._close-icon-auto_1ob9e_43{padding:24px 11.85px}._close-icon-auto_1ob9e_43>span{width:26.3px;height:2px;background:#777777}._close-icon-auto_1ob9e_43>span:after{width:26.3px;height:2px;background:#777777}@media screen and (max-width: 767px){._close-icon-auto_1ob9e_43{padding:15px 9.425px}._close-icon-auto_1ob9e_43>span{width:13.15px;height:2px;background:#777777}._close-icon-auto_1ob9e_43>span:after{width:13.15px;height:2px;background:#777777}}._close-icon_1ob9e_1{display:flex}._close-icon_1ob9e_1>span{display:inline-block;transform:rotate(45deg)}._close-icon_1ob9e_1>span:after{content:"";display:block;transform:rotate(-90deg)}._policy-center_1gmvm_1{background:#FFFFFF;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}@media screen and (min-width: 1280px){._policy-center_1gmvm_1{width:1059px;height:690px}}@media screen and (min-width: 768px) and (max-width: 1279px){._policy-center_1gmvm_1{width:708px;height:563px}}@media screen and (min-width: 768px){._policy-center_1gmvm_1{box-shadow:0 10px 30px 1px #00000024;border-radius:12px;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (max-width: 767px){._policy-center_1gmvm_1{width:unset;height:100%}}._policy-center-header_1gmvm_37{padding:40px 0 30px;font-size:24px;font-family:Quicksand-Bold;font-weight:700;color:#333;line-height:30px;text-align:center;position:relative}._policy-center-header_1gmvm_37 ._policy-center-close_1gmvm_47{position:absolute;top:20px;right:20px}@media screen and (min-width: 768px) and (max-width: 1279px){._policy-center-header_1gmvm_37{font-size:20px;padding:30px 0}._policy-center-header_1gmvm_37 ._policy-center-close_1gmvm_47{top:10px}}@media screen and (max-width: 767px){._policy-center-header_1gmvm_37{font-size:18px;width:unset;padding:20px 0}._policy-center-header_1gmvm_37 ._policy-center-close_1gmvm_47{top:10px;right:10px}}._policy-center-close_1gmvm_47{cursor:pointer;border-radius:50%;transition:background-color .3s ease}._policy-center-close_1gmvm_47:hover{background-color:#f7f8f9}._policy-center-body_1gmvm_82{flex:1;height:0;display:flex;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 767px){._policy-center-body_1gmvm_82{font-size:14px}}._policy-center-body_1gmvm_82>._policy-center-slider-body_1gmvm_95{padding:30px 40px 0 38px;flex:1;border-top:1px solid #DDDDDD}._policy-center-body_1gmvm_82>._policy-center-slider-body_1gmvm_95:not(._policy-center-slider-body-active_1gmvm_100){display:none}@media screen and (max-width: 767px){._policy-center-body_1gmvm_82>._policy-center-slider-body_1gmvm_95{display:none}}._policy-center-slider_1gmvm_95{position:relative;z-index:10;background-color:#f7f8f9;width:280px;height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;font-family:Quicksand-Medium}._policy-center-slider_1gmvm_95>._policy-center-slider-body_1gmvm_95{z-index:-1;height:0;padding:0 20px;transition-property:height,padding;transition-duration:0s,0s;transition-timing-function:ease-in-out,ease-in-out;overflow:hidden}@media screen and (min-width: 768px){._policy-center-slider_1gmvm_95>._policy-center-slider-body_1gmvm_95{display:none}}._policy-center-slider_1gmvm_95>._policy-center-slider-body_1gmvm_95._policy-center-slider-body-active_1gmvm_100{transition-duration:.15s,.15s;padding:20px 20px 40px;height:auto}._policy-center-slider_1gmvm_95>._policy-center-slider-body_1gmvm_95:last-child._policy-center-slider-body-active_1gmvm_100{padding-bottom:20px}@media screen and (min-width: 768px) and (max-width: 1279px){._policy-center-slider_1gmvm_95{width:200px}}@media screen and (max-width: 767px){._policy-center-slider_1gmvm_95{width:100%;background-color:unset}}._policy-center-menu_1gmvm_156{border-top:1px solid #DDDDDD;padding:14px 0 14px 20px;background-color:#f7f8f9;font-weight:500;color:#333;cursor:pointer}@media screen and (max-width: 767px){._policy-center-menu_1gmvm_156{padding-top:15px;padding-bottom:15px}}._policy-center-menu-last_1gmvm_171{border-bottom:1px solid #DDDDDD}._policy-center-slider-body_1gmvm_95{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:relative;font-family:Quicksand-Regular}@media screen and (max-width: 767px){._policy-center-slider-body_1gmvm_95{flex-direction:column-reverse}}._policy-center-slider-body-header_1gmvm_189{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (min-width: 768px){._policy-center-slider-body-header_1gmvm_189{margin-bottom:20px}}._policy-center-slider-body-header-title_1gmvm_201{font-size:16px;color:#333;font-weight:700;height:20px;line-height:20px;font-family:Quicksand-Bold}@media screen and (max-width: 767px){._policy-center-slider-body-header-title_1gmvm_201{display:none}}._policy-center-slider-body-content_1gmvm_215{overflow:auto;font-size:14px;font-family:Quicksand-Regular;font-weight:400;line-height:20px;color:#555}._policy-center-slider-body-content-explain_1gmvm_224{padding-top:40px}._policy-center-slider-body-content-explain_1gmvm_224>*{color:#777}._policy-center-slider-body-content-explain_1gmvm_224>*:before{display:inline-block;content:"";width:10px;height:10px;margin-right:10px;background:#CCCCCC;border-radius:50%}@media screen and (max-width: 767px){._policy-center-slider-body-content-explain_1gmvm_224>*:before{width:8px;height:8px}}._policy-center-slider-body-content-explain_1gmvm_224>*:not(:last-child){margin-bottom:20px}@media screen and (max-width: 767px){._policy-center-slider-body-content-explain_1gmvm_224>*:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 768px) and (max-width: 1279px){._policy-center-slider-body-content-explain_1gmvm_224{padding-top:32px}}@media screen and (max-width: 767px){._policy-center-slider-body-content-explain_1gmvm_224{padding-top:20px}}._policy-center-slider-body-content-link_1gmvm_264{font-size:14px;padding-top:40px}@media screen and (min-width: 768px) and (max-width: 1279px){._policy-center-slider-body-content-link_1gmvm_264{padding-top:32px}}@media screen and (max-width: 767px){._policy-center-slider-body-content-link_1gmvm_264{padding-top:20px}}@media screen and (max-width: 767px){._policy-center-slider-switch_1gmvm_280{margin-top:20px}}._policy-center-menu-active_1gmvm_285,._policy-center-menu_1gmvm_156:hover{color:#00ade5}._policy-center-slider-body-active_1gmvm_100{opacity:1}._policy-center-footer_1gmvm_293{display:flex;padding:50px 40px 40px 20px;justify-content:space-between}@media screen and (min-width: 768px) and (max-width: 1279px){._policy-center-footer_1gmvm_293{padding:30px 20px 40px}}@media screen and (max-width: 767px){._policy-center-footer_1gmvm_293{padding:20px 20px 30px;flex-direction:column;align-items:stretch}._policy-center-footer_1gmvm_293>*:not(:last-child){margin-bottom:20px}}@media screen and (max-width: 767px){._policy-center-btn_1gmvm_315{display:block}}._switch_1m6m3_1{display:inline-block;position:relative;width:36px;height:20px;transition:background-color .2s;background-color:#999;border-radius:10px;cursor:pointer}._switch_1m6m3_1._active_1m6m3_11{background-color:#00ade5;box-shadow:inset 0 0 0 16px #00ade5}._switch_1m6m3_1._active_1m6m3_11 ._slider_1m6m3_15{left:calc(100% - 18px)}._disabled_1m6m3_19{cursor:not-allowed;background-color:#bbb}._disabled_1m6m3_19._active_1m6m3_11{box-shadow:none;background-color:#45dbf4}._slider_1m6m3_15{position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:left .2s}._policy-popup_1y2by_1{background:rgb(0,0,0)}._policy-popup-wrapper_1y2by_5{width:1200px;padding:25px 0;display:flex}._policy-popup-wrapper_1y2by_5 ._policy-popup-content_1y2by_10{font-size:14px;font-weight:400;font-family:Quicksand-Regular;color:#fff;flex:1;line-height:20px}._policy-popup-wrapper_1y2by_5 ._policy-popup-content_1y2by_10>a{font-family:Quicksand-Regular}._policy-popup-wrapper_1y2by_5 ._policy-popup-btn-group_1y2by_21{font-size:16px;flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}._policy-popup-wrapper_1y2by_5 ._policy-popup-btn-group_1y2by_21{font-size:16px;font-weight:400;line-height:20px}@media screen and (max-width: 1279px){._policy-popup-wrapper_1y2by_5 ._policy-popup-btn-group_1y2by_21{font-size:14px;font-weight:500;line-height:18px}}._policy-popup-wrapper_1y2by_5 ._policy-popup-btn-group_1y2by_21>*{flex-grow:0;flex-shrink:0}@media screen and (min-width: 1280px){._policy-popup-wrapper_1y2by_5 ._policy-popup-btn-group_1y2by_21{margin-left:150px}._policy-popup-wrapper_1y2by_5 ._policy-popup-btn-group_1y2by_21>*:first-child{margin-right:40px}}@media screen and (max-width: 1279px){._policy-popup-wrapper_1y2by_5{width:100%;padding:20px;flex-direction:column}._policy-popup-wrapper_1y2by_5 ._policy-popup-content_1y2by_10{margin-bottom:20px}}._policy-popup-content_1y2by_10{margin:auto auto auto 0}._policy-popup-btn-group_1y2by_21{display:flex;flex-wrap:wrap}._policy-popup-btn-group_1y2by_21 ._policy-popup-btn-setting_1y2by_73{max-width:100%}@media screen and (max-width: 767px){._policy-popup-btn-setting_1y2by_73{padding:10px 0}}

@tailwind base;
@tailwind components;
@tailwind utilities;
body {
  margin: 0;
}
body * {
  font-family: Quicksand, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  margin: 0;
  padding: 0;
}
@media (max-width: 1279px) {
  html body {
    overflow-y: auto;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #333 !important;
}
#launcher {
  display: none !important;
}
.floating-button + .floating-button {
  margin-left: 14px;
}
.floating-buttons .floating-buttons-arrow {
  margin-right: 14px;
}
.activity-notice-content .single-activity-notice + .single-activity-notice {
  margin-top: 20px;
}
@media screen and (max-width: 1279px) {
  #terms-tip-content {
    display: block !important;
  }
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 'unset';
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
  margin: 4px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: none;
  border-radius: 5px;
}
.scrollBarHidden::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.scrollBarHidden::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
  margin: 4px;
}
.scrollBarHidden::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: none;
  border-radius: 5px;
}
.reoSearchScrollbar::-webkit-scrollbar {
  width: 6px;
  height: none;
}
.reoSearchScrollbar::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
  margin: 4px;
}
.reoSearchScrollbar::-webkit-scrollbar-thumb {
  background-color: #ccc;
  outline: none;
  border-radius: 5px;
}
.banScroll {
  overflow-y: hidden;
  touch-action: pan-y;
}
@media (max-width: 767px) {
  .main-content-layer {
    margin-left: 20px;
    margin-right: 20px;
  }
  .main-content {
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main-content-layer {
    margin-left: 30px;
    margin-right: 30px;
  }
  .main-content {
    width: calc(100% - 60px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .main-content-layer {
    margin-left: 40px;
    margin-right: 40px;
  }
  .main-content {
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1280px) {
  .main-content-layer {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .main-content {
    width: 1200px;
  }
}
.mustBeHidden {
  display: none !important;
}
.center-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* 版心不同尺寸布局设置 */
.layout {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1280px) and (min-width: 1024px) {
  .layout {
    max-width: calc(100% - 80px);
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .layout {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .layout {
    max-width: calc(100% - 40px);
  }
}

.TXfwQEwAsNXy8W7E3MSLqQ\=\= {
  width: fit-content;
  color: var(--svg-fill);
  font-size: var(--font-size);
}
@media screen and (min-width: 1280px) {
  .TXfwQEwAsNXy8W7E3MSLqQ\=\=:hover {
    color: var(--svg-hover-fill);
  }
}

._2Bv2gpT9m9GJ0g7sauGq8A\=\= {
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-right: 12px;
}
.mfYUdIL\+o3kTYINatRfIhA\=\= ~ .mfYUdIL\+o3kTYINatRfIhA\=\= {
  border-top: 1px solid #777777;
}

.io5quvqH7fYpC5JLgzgSBg\=\= {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 80px 0;
  overflow: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  z-index: 999;
}
.io5quvqH7fYpC5JLgzgSBg\=\=.vIN96bJ1vbsQhs62jTeEMg\=\= {
  background: rgba(0, 0, 0, 0.6);
}
.io5quvqH7fYpC5JLgzgSBg\=\=._05P88MQn3wrqrIka\+NouEQ\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
}
.io5quvqH7fYpC5JLgzgSBg\=\=.RcFz1hr5aYS5hu8DsV4OFQ\=\= {
  overflow: hidden;
}
.io5quvqH7fYpC5JLgzgSBg\=\=.RcFz1hr5aYS5hu8DsV4OFQ\=\= .SDdZNqRP\+I82sIaMWfkeUQ\=\= {
  width: 100%;
  max-width: 1160px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  animation: xPuuFxgZnZ2d2wR4Me5ufw\=\= 0.4s linear;
}
.io5quvqH7fYpC5JLgzgSBg\=\=.atdDtTFWRrotJQM1363N3w\=\= {
  overflow: hidden;
}
.io5quvqH7fYpC5JLgzgSBg\=\=.atdDtTFWRrotJQM1363N3w\=\= .SDdZNqRP\+I82sIaMWfkeUQ\=\= {
  width: 100%;
  height: calc(100% - 100px);
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  animation: -IeJXKCXxNJfi6FBbf\+Xiw\=\= 0.4s linear;
  border-radius: 12px 12px 0 0;
}
.io5quvqH7fYpC5JLgzgSBg\=\= .SDdZNqRP\+I82sIaMWfkeUQ\=\= {
  position: relative;
  display: inline-block;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  background-color: #fff;
  box-sizing: border-box;
}
@keyframes xPuuFxgZnZ2d2wR4Me5ufw\=\= {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes -IeJXKCXxNJfi6FBbf\+Xiw\=\= {
  from {
    top: 100vh;
  }
  to {
    top: 100px;
  }
}

.aAitJFo5fZh8JQst5GrbsA\=\= {
  margin-left: var(--icon-space);
}
.aYt0YLa97Ownsl4g39X\+Qg\=\= {
  margin-right: var(--icon-space);
}
.pLGlRm38ocr0bgoslMfFnQ\=\= {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 1280px) {
  ._2-03qz1UlR6mUE\+Q32n9hQ\=\=,
  .N9XCInGnCVtkl9aYCXtTcw\=\= {
    transition: all 0.2s;
  }
}
/* button样式 */
/* close 按钮 */
.eb75\+kxFdB70lCzlox2JYQ\=\= {
  width: var(--closeBtn-width);
  height: var(--closeBtn-height);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--closebtn-background);
  cursor: pointer;
}
._2-03qz1UlR6mUE\+Q32n9hQ\=\= {
  color: #fff;
  background: linear-gradient(148deg, #1E7FF2 0%, #1DC4E4 100%);
  border: 1px solid transparent;
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  .mN-4PE7eo1-rz2B9MxNE2A\=\=._2-03qz1UlR6mUE\+Q32n9hQ\=\=:hover {
    color: #fff;
    background: #00ADE5;
    border: 1px solid #00ade5;
    transition: all 0.2s;
  }
  .mN-4PE7eo1-rz2B9MxNE2A\=\=._8X8aty4qxm1oGi721wIaNQ\=\=._2-03qz1UlR6mUE\+Q32n9hQ\=\=:hover {
    color: #00ADE5;
    background: rgba(0, 173, 229, 0.08);
    border: 1px solid #00ADE5;
    transition: all 0.2s;
  }
}
._2-03qz1UlR6mUE\+Q32n9hQ\=\=._8X8aty4qxm1oGi721wIaNQ\=\= {
  color: #00ade5;
  background: transparent;
  border: 1px solid #00ade5;
  transition: all 0.2s;
}
._2-03qz1UlR6mUE\+Q32n9hQ\=\=:not(._8X8aty4qxm1oGi721wIaNQ\=\=),
._2-03qz1UlR6mUE\+Q32n9hQ\=\=:not(:disabled) {
  border-right-color: #1DC4E4;
}
.N9XCInGnCVtkl9aYCXtTcw\=\= {
  color: #fff;
  background: linear-gradient(90deg, #EB3349 0%, #F45C43 100%);
  border: 1px solid transparent;
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  .mN-4PE7eo1-rz2B9MxNE2A\=\=.N9XCInGnCVtkl9aYCXtTcw\=\=:hover {
    color: #fff;
    background: #F45C43;
    border: 1px solid #F45C43;
    transition: all 0.2s;
  }
  .mN-4PE7eo1-rz2B9MxNE2A\=\=._8X8aty4qxm1oGi721wIaNQ\=\=.N9XCInGnCVtkl9aYCXtTcw\=\=:hover {
    color: #E74300;
    background: rgba(231, 67, 0, 0.08);
    border: 1px solid #E74300;
    transition: all 0.2s;
  }
}
.N9XCInGnCVtkl9aYCXtTcw\=\=._8X8aty4qxm1oGi721wIaNQ\=\= {
  color: #E74300;
  background: transparent;
  border: 1px solid #E74300;
  transition: all 0.2s;
}
.N9XCInGnCVtkl9aYCXtTcw\=\=:not(._8X8aty4qxm1oGi721wIaNQ\=\=),
.N9XCInGnCVtkl9aYCXtTcw\=\=:not(:disabled) {
  border-right-color: #F45C43;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\= {
  /* buttonStyle: unset-type */
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.nijOKZIYoJRYSyou884oqQ\=\= {
  line-height: 46px;
  padding: 0 24px;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.zNLJ2WFsyujNr4hRbF8NmQ\=\= {
  line-height: 34px;
  padding: 0 20px;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.\+sIyetIowvJ4rXiY60rHzw\=\= {
  line-height: 28px;
  padding: 0 14px;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.QgG7fv7slZf9h3g4VX6cWA\=\=:not(.nbBsoD1OuD3ey3L4phZ3YA\=\=) {
  transform: translateY(0);
  transition: transform 0.4s;
}
@media (min-width: 1280px) {
  .f0hzs\+-yu7p0j0xpSPxn6A\=\=.QgG7fv7slZf9h3g4VX6cWA\=\=:not(.nbBsoD1OuD3ey3L4phZ3YA\=\=):hover {
    transform: translateY(-6px);
    position: relative;
    transition: transform 0.4s;
  }
  ._2-03qz1UlR6mUE\+Q32n9hQ\=\=.f0hzs\+-yu7p0j0xpSPxn6A\=\=.QgG7fv7slZf9h3g4VX6cWA\=\=:not(.nbBsoD1OuD3ey3L4phZ3YA\=\=):hover {
    box-shadow: 0px 5px 8px rgba(21, 102, 164, 0.4);
  }
  .N9XCInGnCVtkl9aYCXtTcw\=\=.f0hzs\+-yu7p0j0xpSPxn6A\=\=.QgG7fv7slZf9h3g4VX6cWA\=\=:not(.nbBsoD1OuD3ey3L4phZ3YA\=\=):hover {
    box-shadow: 0px 5px 8px rgba(177, 69, 56, 0.4);
  }
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.FWSw\+B3W4UjpViQokiMrwA\=\= {
  pointer-events: none;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.FWSw\+B3W4UjpViQokiMrwA\=\= .JQYy5plJe-eZkroBKsUBTA\=\=.wURCDXSZxpbj8RICBXTtBQ\=\= {
  position: relative;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.FWSw\+B3W4UjpViQokiMrwA\=\= .JQYy5plJe-eZkroBKsUBTA\=\= {
  position: absolute;
  left: calc(50% - var(--icon-width) / 2);
  border-radius: 0.1rem;
  margin: 0 auto;
  animation-name: AtxWxDx-seAFxq6m1hGRBQ\=\=;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  height: var(--icon-height);
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=:disabled {
  /* 普通button 禁用 */
  pointer-events: none;
  background: #ccc;
  color: #FFFFFF;
  border: 1px solid #ccc;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=._8X8aty4qxm1oGi721wIaNQ\=\=:disabled {
  /* ghost禁用 */
  pointer-events: none;
  background: #F7F8F9;
  color: #ccc;
  border: 1px solid #ccc;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.FWSw\+B3W4UjpViQokiMrwA\=\= {
  background: #ccc;
  border: 1px solid #ccc;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.FWSw\+B3W4UjpViQokiMrwA\=\=.wURCDXSZxpbj8RICBXTtBQ\=\= {
  border: none;
  background: transparent;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.FWSw\+B3W4UjpViQokiMrwA\=\=._8X8aty4qxm1oGi721wIaNQ\=\= {
  background: #F7F8F9;
  border: 1px solid #ccc;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\= .WVo2EXgDIHLN40PY4OGNVg\=\= {
  visibility: hidden;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.DsdwxFTASncxMPnSGCFRGw\=\= {
  color: var(--font-color);
  background: var(--background-color);
  border: 1px solid var(--border-color);
  transition: all 0.2s;
}
@media (min-width: 1280px) {
  .mN-4PE7eo1-rz2B9MxNE2A\=\=._8X8aty4qxm1oGi721wIaNQ\=\=.f0hzs\+-yu7p0j0xpSPxn6A\=\=.DsdwxFTASncxMPnSGCFRGw\=\=:hover {
    color: var(--font-color);
    background: var(--background-color);
    border: 1px solid var(--border-color);
    transition: all 0.2s;
  }
  .f0hzs\+-yu7p0j0xpSPxn6A\=\=.DsdwxFTASncxMPnSGCFRGw\=\=.mN-4PE7eo1-rz2B9MxNE2A\=\=:hover {
    color: var(--background-color);
    background: var(--font-color);
    border: 1px solid var(--background-color);
    transition: all 0.2s;
  }
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.DsdwxFTASncxMPnSGCFRGw\=\=._8X8aty4qxm1oGi721wIaNQ\=\= {
  color: var(--background-color);
  background: var(--font-color);
  border: 1px solid var(--background-color);
  transition: all 0.2s;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.t3jtMA2iK4Em2zXBnip5oQ\=\= {
  border-radius: 24px;
}
.f0hzs\+-yu7p0j0xpSPxn6A\=\=.nbBsoD1OuD3ey3L4phZ3YA\=\= {
  border-radius: 8px;
}
/* loading动画 */
@keyframes AtxWxDx-seAFxq6m1hGRBQ\=\= {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.FWSw\+B3W4UjpViQokiMrwA\=\=.wURCDXSZxpbj8RICBXTtBQ\=\= {
  border: none;
  background: #FFF;
}
.X7KFlev4G9UJFUYsyQdtEA\=\= {
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  width: 40%;
  transform: skewX(-25deg);
  background: linear-gradient(297deg, rgba(255, 255, 255, 0.5) 10%, transparent 70%);
  animation-name: X7KFlev4G9UJFUYsyQdtEA\=\=;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes X7KFlev4G9UJFUYsyQdtEA\=\= {
  0% {
    left: -41%;
  }
  88% {
    left: -41%;
  }
  100% {
    left: 100%;
  }
}
/* 切换按钮样式 */
._59Oe200\+2gXPIwwDC\+6sdA\=\= {
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
}
._59Oe200\+2gXPIwwDC\+6sdA\=\=:hover {
  background-color: var(--hover-background-color);
  box-shadow: var(--hover-box-shadow);
}
.UuTJP7GiPAqkG3\+XApypGg\=\= {
  animation: 0.4s forwards dtw6j\+8rrgm-tAG\+DpoTug\=\=;
}
@keyframes dtw6j\+8rrgm-tAG\+DpoTug\=\= {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes YhQ\+6DnlSOG2Lwx89w9H-w\=\= {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes ZMt6zgNT9LJUq9Rn8pBu2Q\=\= {
  0% {
    background-position: -13px bottom;
  }
  to {
    background-position: calc(100% + 13px) bottom;
  }
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= {
  display: inline-block;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\=.XiAhYWqOJJx1aww9Xf5ddg\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= {
  background-position: 0 bottom, 100% bottom;
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
.Sz1pY6jXQQ4500XSH5swQQ\=\=.XiAhYWqOJJx1aww9Xf5ddg\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= {
  background-position: 0 bottom, 100% bottom;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\=.XiAhYWqOJJx1aww9Xf5ddg\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover {
  background-position: 300% bottom, 205% bottom;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\=._9nzfMj7-7a2zvdrRWoBCVA\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= {
  cursor: not-allowed;
  background-image: linear-gradient(var(--animate-text-disabled-font-color), var(--animate-text-disabled-font-color)), linear-gradient(var(--animate-text-disabled-font-color), var(--animate-text-disabled-font-color));
}
.Sz1pY6jXQQ4500XSH5swQQ\=\=._9nzfMj7-7a2zvdrRWoBCVA\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
  color: var(--animate-text-disabled-font-color);
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= {
  outline: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
  background-image: linear-gradient(var(--animate-text-font-color), var(--animate-text-font-color)), linear-gradient(var(--animate-text-font-color), var(--animate-text-font-color));
  background-size: 51% 2px, 50% 2px;
  background-position: -205% bottom, -100% bottom;
  background-repeat: no-repeat;
  padding-bottom: 2px;
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= {
  background-position: -205% bottom, -100% bottom;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover {
  background-position: 0 bottom, 100% bottom;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
  color: var(--animate-text-hover-font-color);
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .\+JIa0urnMh1qDywFnruNtw\=\= .R8U8\+eNzNxbI8MGAHM2JSg\=\= {
  animation: YhQ\+6DnlSOG2Lwx89w9H-w\=\= 0.5s cubic-bezier(0.694, 0, 0.335, 1) 0.25s;
  -webkit-animation: YhQ\+6DnlSOG2Lwx89w9H-w\=\= 0.5s cubic-bezier(0.694, 0, 0.335, 1) 0.25s;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
  font-size: var(--animate-common-font-size);
  color: var(--animate-text-font-color);
  font-family: Montserrat-Medium, Montserrat;
  font-weight: 500;
  margin-right: var(--animate-common-icon-space);
  line-height: normal;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= .\+JIa0urnMh1qDywFnruNtw\=\= {
  width: var(--animate-common-icon-size);
  height: var(--animate-common-icon-size);
  overflow: hidden;
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= .\+JIa0urnMh1qDywFnruNtw\=\= .R8U8\+eNzNxbI8MGAHM2JSg\=\= {
  display: flex;
  transform: translateX(-200%);
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= .\+JIa0urnMh1qDywFnruNtw\=\= .R8U8\+eNzNxbI8MGAHM2JSg\=\= .aLuZ2jlkHoqNynwGxH72Yg\=\= {
  display: inline-block;
  line-height: var(--animate-common-icon-size);
}
.Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= .\+JIa0urnMh1qDywFnruNtw\=\= .R8U8\+eNzNxbI8MGAHM2JSg\=\= .aLuZ2jlkHoqNynwGxH72Yg\=\=:first-child {
  padding-right: 100%;
}
@media screen and (max-width: 1023px) {
  .Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\= {
    background-image: none;
  }
  .Sz1pY6jXQQ4500XSH5swQQ\=\= .\+UWIsKJCxGVzHJJkKW1eUA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .\+JIa0urnMh1qDywFnruNtw\=\= .R8U8\+eNzNxbI8MGAHM2JSg\=\= {
    animation: none;
    -webkit-animation: none;
  }
}
.Bdly6zM5BrfDxtn-tr83mA\=\= {
  padding: 14px 24px;
  border-radius: 24px;
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= {
  padding: 22px 58px 23px;
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= .-Y\+m0PjpAT55IVAthJtJ\+g\=\= {
  width: 60px;
}
.omRDrM9av9pP6af7WFimkw\=\= {
  padding: 10px 20px;
  border-radius: 33px;
}
.omRDrM9av9pP6af7WFimkw\=\=.onjdtUQ4rGPopCrodwbdPA\=\= {
  padding: 19px 52px;
}
.omRDrM9av9pP6af7WFimkw\=\=.onjdtUQ4rGPopCrodwbdPA\=\= .-Y\+m0PjpAT55IVAthJtJ\+g\=\= {
  width: 40px;
}
._4YMA\+jduFy\+P4uv9XNcInA\=\= {
  padding: 8px 16px;
  border-radius: 33px;
}
._4YMA\+jduFy\+P4uv9XNcInA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= {
  padding: 19px 52px;
}
._4YMA\+jduFy\+P4uv9XNcInA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= .-Y\+m0PjpAT55IVAthJtJ\+g\=\= {
  width: 40px;
}
.Bdly6zM5BrfDxtn-tr83mA\=\=,
.omRDrM9av9pP6af7WFimkw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\= {
  outline: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-color: var(--animate-btn-color);
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.I8EcxVYS1MC6bIHEl0hA4g\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.I8EcxVYS1MC6bIHEl0hA4g\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.I8EcxVYS1MC6bIHEl0hA4g\=\= {
  background-color: var(--animate-btn-disabled-color);
  cursor: not-allowed;
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.onjdtUQ4rGPopCrodwbdPA\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.onjdtUQ4rGPopCrodwbdPA\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= {
  background-color: var(--animate-btn-loading-color);
  cursor: not-allowed;
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= .-Y\+m0PjpAT55IVAthJtJ\+g\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.onjdtUQ4rGPopCrodwbdPA\=\= .-Y\+m0PjpAT55IVAthJtJ\+g\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.onjdtUQ4rGPopCrodwbdPA\=\= .-Y\+m0PjpAT55IVAthJtJ\+g\=\= {
  height: 2px;
  background-color: var(--animate-btn-loading-bar-color);
  background-image: linear-gradient(var(--animate-btn-loading-line-color), var(--animate-btn-loading-line-color));
  background-size: 13px 2px;
  background-position: -13px bottom;
  background-repeat: no-repeat;
  display: inline-block;
  animation: ZMt6zgNT9LJUq9Rn8pBu2Q\=\= 1s linear infinite;
  -webkit-animation: ZMt6zgNT9LJUq9Rn8pBu2Q\=\= 1s linear infinite;
}
.Bdly6zM5BrfDxtn-tr83mA\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\=,
.omRDrM9av9pP6af7WFimkw\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= {
  position: relative;
  display: flex;
  padding-right: calc(var(--animate-common-icon-space) + var(--animate-common-icon-size));
  overflow: hidden;
  min-height: var(--animate-common-icon-size);
}
.Bdly6zM5BrfDxtn-tr83mA\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
.omRDrM9av9pP6af7WFimkw\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
  font-size: var(--animate-common-font-size);
  font-family: Montserrat-Medium, Montserrat;
  font-weight: 500;
  color: var(--animate-btn-font-color);
  line-height: normal;
}
.Bdly6zM5BrfDxtn-tr83mA\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
.omRDrM9av9pP6af7WFimkw\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\= {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: var(--animate-common-icon-size);
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
  left: 50%;
  transform: translateX(0);
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\= .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\= {
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
  transform: translateX(calc((var(--animate-common-icon-space) + var(--animate-common-icon-size)) / 2));
}
.Bdly6zM5BrfDxtn-tr83mA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
.omRDrM9av9pP6af7WFimkw\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
._4YMA\+jduFy\+P4uv9XNcInA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\= {
  right: calc(0px - var(--animate-common-icon-size) - 1px);
}
@media screen and (max-width: 1023px) {
  .Bdly6zM5BrfDxtn-tr83mA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
  .omRDrM9av9pP6af7WFimkw\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\=,
  ._4YMA\+jduFy\+P4uv9XNcInA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .Jsml3\+2jFqN3yM3F9Rx4vw\=\= {
    transform: translateX(0);
  }
  .Bdly6zM5BrfDxtn-tr83mA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
  .omRDrM9av9pP6af7WFimkw\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\=,
  ._4YMA\+jduFy\+P4uv9XNcInA\=\=.I-ZtTT8KS4CAaRHOnNbYLg\=\=:hover .oXsjiQWW9OP-TMhRQDMVjg\=\= .\+JIa0urnMh1qDywFnruNtw\=\= {
    right: 0;
  }
}
._4ipW9d5hmhsoCIReXCx27g\=\= {
  position: relative;
}
._4ipW9d5hmhsoCIReXCx27g\=\=._6hMWazWMui3jbrscsWL1HA\=\= {
  display: none;
}
._4ipW9d5hmhsoCIReXCx27g\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  border-radius: 30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  border: 2px solid var(--animate-btn-border-color);
}
._4ipW9d5hmhsoCIReXCx27g\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\= .GHbteFlLB6shwqk6qkQNzg\=\=:hover {
  border-color: var(--animate-btn-hover-border-color);
  color: var(--animate-btn-hover-icon-color);
}
._4ipW9d5hmhsoCIReXCx27g\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\= {
  border-color: var(--animate-btn-disabled-border-color);
  color: var(--animate-btn-disabled-icon-color);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.JXAKmt8ew8SnIgGYmis1HA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(50% + var(--animate-btn-icon-space) / 2);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.JXAKmt8ew8SnIgGYmis1HA\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(50% + var(--animate-btn-icon-space) / 2);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._3I8q5oDkMUYTQB\+yuLCQqg\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(100% - 90px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._3I8q5oDkMUYTQB\+yuLCQqg\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(90px + var(--animate-btn-icon-space));
}
._4ipW9d5hmhsoCIReXCx27g\=\=._3I8q5oDkMUYTQB\+yuLCQqg\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(100% - 70px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._3I8q5oDkMUYTQB\+yuLCQqg\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(70px + var(--animate-btn-icon-space));
}
._4ipW9d5hmhsoCIReXCx27g\=\=._3I8q5oDkMUYTQB\+yuLCQqg\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(100% - 50px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._3I8q5oDkMUYTQB\+yuLCQqg\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(50px + var(--animate-btn-icon-space));
}
._4ipW9d5hmhsoCIReXCx27g\=\=.yKwCJnaneVibqK-C6frPpQ\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(90px + var(--animate-btn-icon-space));
}
._4ipW9d5hmhsoCIReXCx27g\=\=.yKwCJnaneVibqK-C6frPpQ\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(100% - 90px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.yKwCJnaneVibqK-C6frPpQ\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(70px + var(--animate-btn-icon-space));
}
._4ipW9d5hmhsoCIReXCx27g\=\=.yKwCJnaneVibqK-C6frPpQ\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(100% - 70px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.yKwCJnaneVibqK-C6frPpQ\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(50px + var(--animate-btn-icon-space));
}
._4ipW9d5hmhsoCIReXCx27g\=\=.yKwCJnaneVibqK-C6frPpQ\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(100% - 50px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._8TE-brRYLkv0fuGwPA\+axA\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(100% - 90px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._8TE-brRYLkv0fuGwPA\+axA\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(100% - 90px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._8TE-brRYLkv0fuGwPA\+axA\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(100% - 70px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._8TE-brRYLkv0fuGwPA\+axA\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(100% - 70px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._8TE-brRYLkv0fuGwPA\+axA\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\= {
  right: calc(100% - 50px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._8TE-brRYLkv0fuGwPA\+axA\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  left: calc(100% - 50px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= {
  height: calc(var(--animate-btn-icon-size) + 23px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  padding: 9.5px;
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\=:hover {
  padding: 9.5px 15px 9.5px calc(90px - var(--animate-btn-icon-size) - 15px - 4px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\= {
  padding: 9.5px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=:hover {
  padding: 9.5px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=.fhyD15Qxin90dvfj4qqcRA\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover {
  padding: 9.5px calc(90px - var(--animate-btn-icon-size) - 15px - 4px) 9.5px 15px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= {
  height: calc(var(--animate-btn-icon-size) + 16px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  padding: 6px;
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\=:hover {
  padding: 6px 10px 6px calc(70px - var(--animate-btn-icon-size) - 10px - 4px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\= {
  padding: 6px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=:hover {
  padding: 6px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=.vImhML8c87a712iFDDMd3A\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover {
  padding: 6px calc(70px - var(--animate-btn-icon-size) - 10px - 4px) 6px 10px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= {
  height: calc(var(--animate-btn-icon-size) + 8px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\= {
  padding: 3px;
  border-width: 1px;
  transition: all 0.5s cubic-bezier(0.694, 0, 0.335, 1);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\=:hover {
  padding: 3px 10px 3px calc(50px - var(--animate-btn-icon-size) - 10px - 2px);
}
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\= {
  padding: 3px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.NTkuU2\+qkuIFeXjUc2y4dQ\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=:hover,
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .GHbteFlLB6shwqk6qkQNzg\=\=.SNH0-HNJIcYmi6Hm2BKi1w\=\=:hover {
  padding: 3px;
}
._4ipW9d5hmhsoCIReXCx27g\=\=._5vnJiiexp0Wpho75rpGn6Q\=\= .FLkyA\+3lOsAQ5WRY3Z1QXA\=\=:hover {
  padding: 3px calc(50px - var(--animate-btn-icon-size) - 10px - 2px) 3px 10px;
}

.fWopRh2vvAKiyeOVPq9iyQ\=\= {
  width: max-content;
  padding: 0;
  margin: 0;
}
.fWopRh2vvAKiyeOVPq9iyQ\=\=.wWh9s-1AMI1dEygti4HboQ\=\= {
  position: relative;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= {
  left: var(--left);
  top: var(--top);
  background-color: var(--background-color);
  transition: display 0.4s;
  border-radius: 5px;
  position: absolute;
  box-sizing: border-box;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
}
.InHeR\+sj4nXlXUejxnhqyQ\=\=.arnVab9\+1QS66cxzPlhh4g\=\= {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 6px 14px;
  height: 28px;
  width: max-content;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\=.xgiaKxPUepub11Et81ylUw\=\= {
  width: 300px;
  padding: 20px 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\=._1rqOQBkzSuvMCfL8jnJaMA\=\= {
  transform: translateX(-50%);
}
.InHeR\+sj4nXlXUejxnhqyQ\=\=.s7Scozh4XgeVcbaj4B01aA\=\= {
  transform: translateY(-50%);
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\= {
  width: 0px;
  height: 0px;
  position: absolute;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.14);
  border-style: solid;
  box-sizing: border-box;
  border-width: 5px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.S7ZLV8Zm1318LXF3kengMg\=\= {
  border-color: var(--background-color) transparent transparent;
  bottom: -10px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.lTj-hhywusrCNspY-DobXA\=\= {
  border-color: transparent transparent var(--background-color);
  top: -10px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.iLrB4FxqH\+adtbQK3v7avA\=\= {
  border-color: transparent var(--background-color) transparent transparent;
  left: -10px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.UvvsqpfrD\+fHlN2SVTNpNA\=\= {
  border-color: transparent transparent transparent var(--background-color);
  right: -10px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.drNqIys2FlR1s\+43-C9NJg\=\= {
  left: 14px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=._6RgkmwH7D9SwZtX5AC\+6nA\=\= {
  top: 5px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.fT1MDBCma1nv-kzQYjvWhQ\=\= {
  right: 14px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=._2jDkLru7Jd55Ubo6PCtGIQ\=\= {
  bottom: 5px;
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.Ty1xP3O2meFyRMUR3LVZyQ\=\= {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=._7mZFqfosqT0CjZ1lZfdYvw\=\= {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .InHeR\+sj4nXlXUejxnhqyQ\=\= .WemyOfklpQgjH91-PIdnwg\=\=.tD5nBxFXba12OlGaDtcoXQ\=\= {
    display: none;
  }
}
.InHeR\+sj4nXlXUejxnhqyQ\=\= .BhZ8oj-D5pTVGbd2YlZF-w\=\= {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

/* link： 替换箭头的icon */
.MnX9jKT3zTrH1clZILqKyQ\=\= {
  font-size: var(--link-font);
  color: var(--link-color);
}
.MnX9jKT3zTrH1clZILqKyQ\=\=:hover {
  color: var(--link-hover-color);
}
/* link 按钮 */
.Y2uPZ3amq1vXlHdbkkb7LA\=\= {
  font-size: var(--link-font);
  color: var(--link-color);
}
.Y2uPZ3amq1vXlHdbkkb7LA\=\=:hover {
  color: var(--link-hover-color);
}
@media (min-width: 1280px) {
  .Y2uPZ3amq1vXlHdbkkb7LA\=\= .u3bGTrNStNsB-jMw8SoTxA\=\=:not(.bo50u2Pdhnkhef8RFZA8Vw\=\=)::before {
    content: "";
    opacity: 0;
    transform-origin: center center;
    transform: scale(0) translateY(5px);
    transition: all 1s cubic-bezier(0.1, 0.1, 0, 1);
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: var(--link-border-bottom-color);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  .Y2uPZ3amq1vXlHdbkkb7LA\=\=:hover .u3bGTrNStNsB-jMw8SoTxA\=\=:not(.bo50u2Pdhnkhef8RFZA8Vw\=\=)::before {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  .Y2uPZ3amq1vXlHdbkkb7LA\=\=:hover .u3bGTrNStNsB-jMw8SoTxA\=\=.bo50u2Pdhnkhef8RFZA8Vw\=\=,
  .Y2uPZ3amq1vXlHdbkkb7LA\=\=:hover .k7fb8VXECexnYw\+l5fJ2-Q\=\= {
    border-bottom: 1px solid var(--link-border-bottom-color);
  }
}
.Y2uPZ3amq1vXlHdbkkb7LA\=\= .u3bGTrNStNsB-jMw8SoTxA\=\=.bo50u2Pdhnkhef8RFZA8Vw\=\= {
  margin-right: 16px;
}
.Y2uPZ3amq1vXlHdbkkb7LA\=\= .k7fb8VXECexnYw\+l5fJ2-Q\=\= + span {
  position: relative;
  right: 0px;
  color: #00ade5;
  transition: right 0.3s;
  margin-left: 8px;
}
@media (min-width: 1280px) {
  .Y2uPZ3amq1vXlHdbkkb7LA\=\= .k7fb8VXECexnYw\+l5fJ2-Q\=\=:hover + span {
    position: relative;
    right: -4px;
    cursor: pointer;
  }
}
.KTZXLwdhSQx2hg4dgvwAUw\=\= {
  padding-bottom: 0;
  border: 1px solid transparent;
}

.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= {
  overflow: hidden;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\=.vODDiKnumpoKJSa4XCY84w\=\= {
  opacity: 0.85;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\=.SCt4haeAmfYU7OsrR-eZew\=\= {
  border: 0px solid #ddd;
  border-top: 1px;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\=.pNEjUptZEPmV3rISf-BjTA\=\= {
  border: 0px solid #ccc;
  border-bottom-width: 1px;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\=.hE25lOEYxQdSDlROBoH06w\=\= {
  width: 100%;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= {
  width: max-content;
  display: flex;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.EsXTL97UeY1TRe7DMdFNmg\=\= {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  text-align: center;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.m6HFLfGrWUNfseWh0dFqyg\=\= {
  border: 0px solid;
  border-top: 4px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 14px;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.c6xr0VIxXROEHwV5Ny4LuQ\=\= {
  border: 0px solid;
  border-top: 4px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 14px;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.SuTvP8r\+lGJXlN2wTSLwGg\=\= {
  border: 0px solid;
  border-bottom-width: 3px;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.Dk68yI33PkBdU-S4fI7MJg\=\= {
  border-color: transparent;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.EdVHU6ttX8\+TuBGVG3LcOQ\=\= {
  border-color: #00ade5;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.bK87NlV5ViIHcbzesXaNyQ\=\= {
  border-color: transparent;
  opacity: 0.85;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.JebAhkg7jM558s23oq-r1Q\=\= {
  color: var(--active-color);
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.EKfQ\+eGjFKMeWIsex4imGQ\=\= {
  color: var(--color);
}
@media (min-width: 1280px) {
  .UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .y-hjRms9xceLHGEarXvwnQ\=\=.EsXTL97UeY1TRe7DMdFNmg\=\=.dWpQDO2dycFyEp1AnnUaPA\=\=:hover {
    color: var(--hover-color);
    opacity: 1;
  }
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= .dWpQDO2dycFyEp1AnnUaPA\=\= + .dWpQDO2dycFyEp1AnnUaPA\=\= {
  margin-left: var(--tab-bar-gutter);
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .Ku1MgmjH-Skbgia5XJBo4w\=\= ._2M67wZTD0GAu3Ta5U8n61g\=\= ._9Y56kI2uXaZyyJN75AFjpA\=\= {
  transition: all 0.4s;
  left: var(--left);
  width: var(--width);
  position: absolute;
  height: 3px;
  bottom: 0px;
  background-color: #00ade5;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .F7P1AXJeG4x5OIMS7wCf\+Q\=\= {
  position: relative;
}
.UeJagUaiH-ukWChdn2l0JQ\=\= .F7P1AXJeG4x5OIMS7wCf\+Q\=\= .m1u0cxrhs9gtpG3ZvInrwA\=\=.p72KnCLzNvKAxZD6Ipvzww\=\= {
  display: none !important;
}
._253N015uE02-pF1VBn7mSQ\=\=.PNJ1-3dDAjiWSxJwsotdAQ\=\= {
  transform: translate3d(var(--translateTempX), 0, 0);
}
.pWQDaZiO8h\+yWZZ4hiZxzw\=\= {
  transform: translate3d(var(--translateX), 0, 0);
}

@tailwind base;
@tailwind components;
@tailwind utilities;
.yy2wXXlfwq7kJ51CDX9-XQ\=\= {
  background: var(--background-color);
}
.poKXDYCOUZf1p5jFx2kTbA\=\= {
  background-image: var(--background-image);
  font-size: 0;
}
@media (max-width: 767px) {
  .oxgabB-Xxo2LzqQeTqctCg\=\= {
    background-image: var(--background-image-mobile);
  }
}
.Mul6sfOtLY2IsXzlc5yHZg\=\= {
  width: auto;
}
@layer components {
  .novlAq8fUZZ1i6GruN9xtA\=\= {
    @apply xl:w-1200 lg:mx-40 md:mx-30 sm:mx-20 w-full font-medium;
  }
  .LdYW2MvGUxvpFDe8jI0ysg\=\= {
    @apply flex flex-wrap justify-center;
  }
  .bct05\+Am232MuycCoNoWQA\=\= {
    @apply flex items-center;
  }
  .\+FGxHI2bP2ozVkYKeUHwZQ\=\= {
    @apply flex items-center justify-start;
  }
  .NydSaWkXG6CrMY83guoO9w\=\= {
    @apply flex flex-wrap justify-start;
  }
}

.ADiRg5Esj6Mdx6geWBgYxg\=\= .juy4wuMkd0wUzA0\+ksD7kw\=\= {
  text-align: center;
  font-size: 14px;
  font-family: Quicksand-Medium, Quicksand;
  font-weight: 500;
  color: #555555;
  line-height: 1.25;
  margin: 10px 0 20px;
}
@media screen and (min-width: 768px) {
  .ADiRg5Esj6Mdx6geWBgYxg\=\= {
    width: 100%;
    padding: 80px 0;
  }
  .ADiRg5Esj6Mdx6geWBgYxg\=\= .juy4wuMkd0wUzA0\+ksD7kw\=\= {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .ADiRg5Esj6Mdx6geWBgYxg\=\= {
    width: 1200px;
    margin: 0 auto;
  }
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= {
  width: var(--width);
  background: radial-gradient(circle, #888888 0%, #777777 100%);
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  background-image: var(--background-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= {
  width: var(--width);
  height: var(--height);
  position: relative;
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= .G7rPJf97Q3igZIjBm6Y85Q\=\= {
  height: 0;
  width: 100%;
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= .SB\+6IhSQs9x6PNFIh2irQg\=\= {
  white-space: nowrap;
  font-family: Quicksand;
  font-weight: 500;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow: visible;
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= .SB\+6IhSQs9x6PNFIh2irQg\=\= .Skw3GQ-7\+olCCd4J7JABmA\=\= .bVmBVJdqLwG52rTQ5JTiSg\=\= {
  display: inline-block;
  opacity: 0;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  left: 0;
  top: 10px;
}
.DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= .SB\+6IhSQs9x6PNFIh2irQg\=\= div {
  overflow: initial;
}
@media screen and (max-width: 767px) {
  .DqaKZY9N6TV92YKf4AJ9iQ\=\= {
    position: relative;
  }
  .DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= {
    display: none;
  }
  .DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= {
    height: var(--height);
  }
  .DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= .SB\+6IhSQs9x6PNFIh2irQg\=\= {
    overflow: visible;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
  }
  .DqaKZY9N6TV92YKf4AJ9iQ\=\= .WWKgacGk0C1stHT7iyzlsQ\=\= .FFA8bfowYdRznzVgzfdHlg\=\= .SB\+6IhSQs9x6PNFIh2irQg\=\= .Skw3GQ-7\+olCCd4J7JABmA\=\= .bVmBVJdqLwG52rTQ5JTiSg\=\= {
    width: 30px;
    height: 30px;
  }
}

@keyframes KiXjk6qLvb9eIJ7ZMlCUUg\=\= {
  0% {
    transform: rotateX(-27deg) rotateY(-55deg);
  }
  100% {
    transform: rotateX(-27deg) rotateY(305deg);
  }
}
._3wqy01ryTfiklBr5-rCSmg\=\= {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  transform-style: preserve-3d;
  animation: KiXjk6qLvb9eIJ7ZMlCUUg\=\= 2s linear infinite;
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\= {
  width: 64px;
  height: 64px;
  position: absolute;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.2);
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(1) {
  transform: rotateX(90deg) translateZ(32px);
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(2) {
  transform: rotateX(180deg) translateZ(32px);
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(3) {
  transform: rotateX(270deg) translateZ(32px);
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(4) {
  transform: rotateX(360deg) translateZ(32px);
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(5) {
  transform: rotateY(90deg) translateZ(32px);
}
._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(6) {
  transform: rotateY(90deg) translateZ(-32px);
}
.rkuvZd7ZLh6UKixMERPlAw\=\= {
  color: #FFFFFF;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  ._3wqy01ryTfiklBr5-rCSmg\=\= {
    width: 54px;
    height: 54px;
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\= {
    width: 54px;
    height: 54px;
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(1) {
    transform: rotateX(90deg) translateZ(27px);
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(2) {
    transform: rotateX(180deg) translateZ(27px);
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(3) {
    transform: rotateX(270deg) translateZ(27px);
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(4) {
    transform: rotateX(360deg) translateZ(27px);
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(5) {
    transform: rotateY(90deg) translateZ(27px);
  }
  ._3wqy01ryTfiklBr5-rCSmg\=\= .cKDAedFI1Am9RkA54cEggQ\=\=:nth-child(6) {
    transform: rotateY(90deg) translateZ(-27px);
  }
}

/* purgecss start ignore */

.carousel.carousel-slider .control-arrow, .carousel .control-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  z-index: 9;
  width: 80px;
  height:80px;
  border-radius: 50%;
  cursor: pointer;
}

.carousel .control-arrow:hover{
  background: rgba(0, 0,0, 0.5)
}

.carousel .arrow-icon {
  margin: 0 auto;
}

.carousel .control-disabled.control-arrow {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: inherit;
  display: none;
}

@media screen and (max-width: 768px){
  .carousel .control-prev.control-arrow {
    opacity: 1;
    left: 20px;
    width: 40px;
    height: 40px;
  }

  .carousel .control-next.control-arrow {
    opacity: 1;
    right: 20px;
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 768px){
  .carousel-root .carousel.normalArrow .control-prev.control-arrow{
    opacity: 1;
    left: 40px;
  }

  .carousel-root .carousel.normalArrow .control-next.control-arrow{
    opacity: 1;
    right: 40px;
  }

  .carousel.hoverArrow .control-prev.control-arrow {
    opacity: 0;
    left: 60px;
  }

  .carousel.hoverArrow .control-next.control-arrow {
    opacity: 0;
    right: 60px;
  }

  .carousel-root .carousel.hoverArrow:hover .control-prev.control-arrow{
    opacity: 1;
    left: 40px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }

  .carousel-root .carousel.hoverArrow:hover .control-next.control-arrow{
    opacity: 1;
    right: 40px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }
}

.carousel .control-next.control-arrow:before {
  border-left: 8px solid #fff;
}

.carousel-root {
  outline: none;
}

.carousel {
  position: relative;
  width: 100%;
}

.carousel * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.carousel img {
  display: inline-block;
  pointer-events: cursor;
}

.carousel .carousel {
  position: relative;
}

.carousel .control-arrow {
  outline: 0;
  border: 0;
  background: none;
  top: 50%;
  margin-top: -13px;
  font-size: 18px;
}

.carousel .thumbs-wrapper {
  margin: 20px;
  overflow: hidden;
}

.carousel .thumbs {
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  list-style: none;
  white-space: nowrap;
}

.carousel .thumb {
  cursor: pointer;
  -webkit-transition: border 0.15s ease-in;
  transition: border 0.15s ease-in;
  display: inline-block;
  margin: 0 9px;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px;
}

.carousel .thumb:focus {
  outline: none;
}

.carousel .thumb img {
  vertical-align: top;
}

.carousel.carousel-slider {
  position: relative;
  margin: 0;
}

.carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  -webkit-transition: height 0.15s ease-in;
  transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider-wrap {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider-warp .slide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-flow: column;
      flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider-warp {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.carousel .slider {
  cursor: pointer;
}

.carousel .slider-warp {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%;
}

.carousel .slider-warp.animated {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.carousel .slide {
  min-width: 100%;
  margin: 0;
  height: 100%;
  position: relative;
  text-align: center;
  list-style: none;
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  border: 0;
}

.carousel .slide iframe {
  display: inline-block;
  width: calc(100% - 80px);
  margin: 0 40px 40px;
  border: 0;
}

.carousel .default-dots{
  position: absolute;
  bottom: 0;
  margin: 24px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.carousel .control-dots .dot {
  background: #777777;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  cursor: pointer;
  display: inline-block;
  margin: 0 6px;
}

.carousel .control-dots .dot:focus{
  outline: none;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
  background: #fff;
}

@-webkit-keyframes NextdotAmimation{
  0%  { margin:0 2px; width: 18px;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); border-radius:10%
  }

  25% { margin:0 3px; width: 16px;
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);  border-radius:20%
  }

  50% { margin:0 4px; width: 14px;
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); border-radius:30%
  }

  75% { margin:0 5px; width: 12px; -webkit-transform: translateX(-4px); transform: translateX(-4px); border-radius:40%
  }

  100%{ margin:0 6px; width: 10px;
    -webkit-transform: translateX(0);
            transform: translateX(0); border-radius:50%
  }
}

@keyframes NextdotAmimation{
  0%  { margin:0 2px; width: 18px;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px); border-radius:10%
  }

  25% { margin:0 3px; width: 16px;
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);  border-radius:20%
  }

  50% { margin:0 4px; width: 14px;
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); border-radius:30%
  }

  75% { margin:0 5px; width: 12px; -webkit-transform: translateX(-4px); transform: translateX(-4px); border-radius:40%
  }

  100%{ margin:0 6px; width: 10px;
    -webkit-transform: translateX(0);
            transform: translateX(0); border-radius:50%
  }
}

@-webkit-keyframes PrevdotAmimation{
  0%  { margin:0 2px; width: 18px;
    -webkit-transform: translateX(16px);
            transform: translateX(16px); border-radius:10%
  }

  25% { margin:0 3px; width: 16px;
    -webkit-transform: translateX(12px);
            transform: translateX(12px);  border-radius:20%
  }

  50% { margin:0 4px; width: 14px;
    -webkit-transform: translateX(8px);
            transform: translateX(8px); border-radius:30%
  }

  75% { margin:0 5px; width: 12px; -webkit-transform: translateX(4px); transform: translateX(4px); border-radius:40%
  }

  100%{ margin:0 6px; width: 10px;
    -webkit-transform: translateX(0);
            transform: translateX(0); border-radius:50%
  }
}

@keyframes PrevdotAmimation{
  0%  { margin:0 2px; width: 18px;
    -webkit-transform: translateX(16px);
            transform: translateX(16px); border-radius:10%
  }

  25% { margin:0 3px; width: 16px;
    -webkit-transform: translateX(12px);
            transform: translateX(12px);  border-radius:20%
  }

  50% { margin:0 4px; width: 14px;
    -webkit-transform: translateX(8px);
            transform: translateX(8px); border-radius:30%
  }

  75% { margin:0 5px; width: 12px; -webkit-transform: translateX(4px); transform: translateX(4px); border-radius:40%
  }

  100%{ margin:0 6px; width: 10px;
    -webkit-transform: translateX(0);
            transform: translateX(0); border-radius:50%
  }
}

.carousel .control-dots .dot.selected{
  background: #00ade5;
  z-index: 10;
}

.carousel .control-dots .dot.selected.NextSelected{
  -webkit-animation: NextdotAmimation .6s linear ;
          animation: NextdotAmimation .6s linear ;
}

.carousel .control-dots .dot.selected.PrevSelected{
  -webkit-animation: PrevdotAmimation .6s linear ;
          animation: PrevdotAmimation .6s linear ;
}

.carousel .carousel-status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  color: #fff;
}

.carousel:hover .slide .legend {
  opacity: 1;
}

.carousel .thumbs-wrapper .thumbs .myItem{
  opacity: 30%;
}

.carousel .thumbs-wrapper .thumbs .myItem.selected{
  opacity: 1;
}

.itemClass {
  width: auto;
}

.carousel .thumbs-wrapper .thumbs .itemClass.selected {
  color: #00ade5;
  border-bottom: 1px solid #00ade5;
  outline: none;
}

.thumbStyle{
  text-align: center;
}

.move-drag{
  cursor: -webkit-grab;
  cursor: grab;
}

.back-index{
  z-index: 1 !important;
}

.custom-controll{
  text-align: center;
}

/* purgecss end ignore */


.ovPibtWYcwIHCn876-AuXQ\=\= {
  width: var(--width);
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= {
  border: none;
  box-sizing: border-box;
  position: relative;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input {
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  padding: 0 20px;
  line-height: 1.2;
  color: #333333;
  font-weight: 500;
  background: transparent;
  outline: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input::placeholder {
  color: #BBBBBB;
  font-weight: 500;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input:hover,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input:focus {
  border: 1px solid #00ADE5;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input.jzOnaCZIFOs5NwXOjhVynA\=\= {
  height: 48px;
  font-size: 16px;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input.ovdXSBRNp9XJts4caV68Zg\=\= {
  height: 36px;
  font-size: 14px;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input.wvuGNUH155bLzUrmle6ujw\=\= {
  height: 30px;
  font-size: 12px;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input:disabled {
  pointer-events: none;
  background: #F7F8F9;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input ~ ._8FTmjyHTSxiRG49YnHKPbA\=\= {
  font-size: 16px;
  color: #BBBBBB;
  font-weight: 500;
  position: absolute;
  top: -2px;
  left: 20px;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  margin: 0;
  pointer-events: none;
  border: none;
  max-width: calc(100% - 48px);
  width: max-content;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input.dRwQPY9bEo67fMi1ZNjMqg\=\= ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input:focus ~ ._8FTmjyHTSxiRG49YnHKPbA\=\= {
  border: 3px solid;
  border-color: #fff transparent transparent;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input.dRwQPY9bEo67fMi1ZNjMqg\=\= ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before {
  color: #777777;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input:focus ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before {
  color: #00ADE5;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before {
  content: attr(data-label);
  display: inline-block;
  transition: 0.3s ease-in-out;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input:focus ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= input.dRwQPY9bEo67fMi1ZNjMqg\=\= ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before {
  content: attr(data-label);
  transition-duration: 0.2s;
  transform: translateY(-50%);
  font-size: 14px;
  height: var(--height);
  line-height: var(--height);
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= .B8To958--2PXKuyoNBxojw\=\= {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  padding: 0;
  margin: 6px 0 0 0;
  display: none;
  text-align: left;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= .B8To958--2PXKuyoNBxojw\=\=.Fhyat0WspXEaT\+YVW--ZLw\=\= {
  color: #318C31;
  display: block;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= .B8To958--2PXKuyoNBxojw\=\=.Wb\+LareGxwuTmxT-z1pYJQ\=\= {
  display: flex;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=._2jx9iitHRvfwsaTX28vP8g\=\= input {
  border: 1px solid #BF352E;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=._2jx9iitHRvfwsaTX28vP8g\=\= input.dRwQPY9bEo67fMi1ZNjMqg\=\= ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=._2jx9iitHRvfwsaTX28vP8g\=\= input:focus ~ ._8FTmjyHTSxiRG49YnHKPbA\=\=[data-label]::before {
  color: #BF352E;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=._2jx9iitHRvfwsaTX28vP8g\=\= .B8To958--2PXKuyoNBxojw\=\= {
  display: block;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=._2jx9iitHRvfwsaTX28vP8g\=\= .B8To958--2PXKuyoNBxojw\=\=.PYLYuxF1d3NC5wgqVR3XQQ\=\= {
  color: #BF352E;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\= .mVvbqAqPr6Zv4jHxzVWUyw\=\= {
  position: absolute;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.Q\+K57N74ADwo9n20c-wx1Q\=\= {
  border: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.Q\+K57N74ADwo9n20c-wx1Q\=\= input {
  outline: none;
  padding: 24px;
  background: #555555;
  border-radius: 24px;
  color: #fff;
  border: 1px solid #777;
  font-weight: 400;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.Q\+K57N74ADwo9n20c-wx1Q\=\= input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.Q\+K57N74ADwo9n20c-wx1Q\=\= input:focus {
  background: #777;
  color: #FFF;
  border-radius: 24px;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.p3gMSCiQTAlSeGXhnpRewQ\=\= {
  border: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.p3gMSCiQTAlSeGXhnpRewQ\=\= input {
  outline: none;
  padding: 24px;
  border-radius: 24px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  color: #333333;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.p3gMSCiQTAlSeGXhnpRewQ\=\= input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.p3gMSCiQTAlSeGXhnpRewQ\=\= input:focus,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.p3gMSCiQTAlSeGXhnpRewQ\=\= input:hover {
  background: #fff;
  color: #333;
  border: 1px solid #00ADE5;
  border-radius: 24px;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.jxFG2Nxa2f3rEPRw\+O9FvQ\=\= {
  border: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.jxFG2Nxa2f3rEPRw\+O9FvQ\=\= input {
  outline: none;
  padding: 0 44px 0 20px;
  border-radius: 24px;
  color: #333333;
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.jxFG2Nxa2f3rEPRw\+O9FvQ\=\= input::placeholder {
  font-weight: 400;
  color: #BBBBBB;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.jxFG2Nxa2f3rEPRw\+O9FvQ\=\= input:focus,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.jxFG2Nxa2f3rEPRw\+O9FvQ\=\= input:hover {
  background: #E8E8E8;
  color: #333;
  border: 1px solid #E8E8E8;
  border-radius: 24px;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.hD-MkZsRLMrZVj3d2aqZOw\=\= {
  border: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.hD-MkZsRLMrZVj3d2aqZOw\=\= input {
  outline: none;
  padding: 6px 12px 6px 30px;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.hD-MkZsRLMrZVj3d2aqZOw\=\= input:hover,
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.hD-MkZsRLMrZVj3d2aqZOw\=\= input:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.hD-MkZsRLMrZVj3d2aqZOw\=\= input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #BBBBBB;
  font-weight: 500;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.o1LWA0n2DkZdwUHjUdO1og\=\= {
  border: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.o1LWA0n2DkZdwUHjUdO1og\=\= input {
  outline: none;
  padding: 9px 52px 9px 16px;
  font-weight: 400;
  border: 1px solid #ccc;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.o1LWA0n2DkZdwUHjUdO1og\=\= input::placeholder {
  font-size: 14px;
  line-height: 1.2;
  color: #BBBBBB;
  font-weight: 400;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.QVos7ABNw32R7YSobjHZXg\=\= {
  border: none;
}
.ovPibtWYcwIHCn876-AuXQ\=\= ._8ysZZ6yxduZpGe9axkaYYw\=\=.QVos7ABNw32R7YSobjHZXg\=\= input {
  outline: none;
  padding: 20px;
  border-radius: 17px;
  font-size: 16px;
  line-height: 1.2;
  color: #333;
  font-weight: 500;
  background: #E8E8E8;
}

.DaUyfn8iwpNpknF1p4flPg\=\= {
  width: var(--width);
  left: var(--left);
  top: var(--top);
  max-height: var(--max-height);
}
.P1A8VK9ahJbt5EqR2jd5yQ\=\= {
  visibility: hidden !important;
}
.w-GUcACqut0UelEvy8pX\+g\=\= {
  width: var(--width);
}
.w-GUcACqut0UelEvy8pX\+g\=\= input.L6hGydjIEs7CwK55ZUuOvQ\=\= {
  padding: 0 36px 0 20px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._0HNQt6m9sTev4hSw5Zq-DA\=\= {
  max-height: var(--max-height);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.reo-buy-and-gift {
  color: #333;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  font-size: 0;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .reo-buy-and-gift {
    width: 100%;
  }
}
.reo-buy-and-gift .activities-nav {
  height: 110px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-nav {
    height: 78px;
    background-color: #fff;
  }
}
.reo-buy-and-gift .activities-content {
  width: 100%;
  position: relative;
  border-radius: 8px;
}
.reo-buy-and-gift .activities-content .custom-controll {
  width: 100%;
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .custom-controll {
    top: -54px;
  }
}
.reo-buy-and-gift .activities-content .single-activity .condition-content {
  padding: 40px;
  background-color: #F7F8F9;
  position: relative;
  border-radius: 8px 8px 0 0;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .single-activity .condition-content {
    padding: 32px 0 24px;
  }
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .activity-countdown {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  padding: 4px 10px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .single-activity .condition-content .activity-countdown {
    font-size: 12px;
  }
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .activity-title {
  font-size: 20px;
  margin-bottom: 33px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .single-activity .condition-content .activity-title {
    font-size: 16px;
    margin-bottom: 24px;
    padding: 0 20px;
    box-sizing: border-box;
  }
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .condition-box.condition-box-center {
  display: flex;
  justify-content: center;
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .triangle-down {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 20px solid #F7F8F9;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.reo-buy-and-gift .activities-content .single-activity .gift-content {
  padding: 40px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .single-activity .gift-content {
    padding: 32px 0 24px;
  }
}
.reo-buy-and-gift .activities-content .single-activity .gift-content .gift-title {
  font-size: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .single-activity .gift-content .gift-title {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
.reo-buy-and-gift .activities-content .single-activity .gift-content .condition-box-center {
  display: flex;
  justify-content: center;
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel .slide,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel .slide {
  display: flex;
  justify-content: center;
  height: auto;
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel.carousel-slider .control-prev.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel.carousel-slider .control-prev.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel.carousel-slider .control-next.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel.carousel-slider .control-next.control-arrow {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12);
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel.carousel-slider .control-next.control-arrow .arrow-icon,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel.carousel-slider .control-next.control-arrow .arrow-icon {
  font-size: 16px;
  color: #333;
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel-root .carousel .control-prev.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel-root .carousel .control-prev.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel-root .carousel:hover .control-prev.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel-root .carousel:hover .control-prev.control-arrow {
  left: 0;
}
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel-root .carousel .control-next.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel-root .carousel .control-next.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .condition-content .carousel-root .carousel:hover .control-next.control-arrow,
.reo-buy-and-gift .activities-content .single-activity .gift-content .carousel-root .carousel:hover .control-next.control-arrow {
  right: 0;
}
.reo-buy-and-gift .activities-content .single-activity .single-product {
  position: relative;
  width: 264px;
  border-radius: 8px;
  padding: 20px 30px;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.reo-buy-and-gift .activities-content .single-activity .single-product + .single-product {
  margin-left: 20px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .product-tag.tag-discount {
  position: absolute;
  left: 0;
}
.reo-buy-and-gift .activities-content .single-activity .single-product img {
  width: 130px;
  display: block;
  margin: 0 auto;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .product-name {
  font-size: 16px;
  margin-top: 8px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .product-select {
  margin-top: 16px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .price-content {
  margin-top: 16px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .price-content .pre-price {
  font-size: 14px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .price-content .sale-price {
  font-size: 16px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .reo-quantity-controller {
  margin: 16px auto 0;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-profile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-profile .product-profile {
  width: 94px;
  height: 94px;
  position: relative;
  margin-bottom: 12px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-profile .product-profile img {
  width: 100%;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-profile .product-profile .product-tag.tag-discount {
  position: absolute;
  bottom: 0;
  left: unset;
  right: 0;
  margin-bottom: 0;
  border-radius: 4px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-profile .product-profile .product-qty {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-name {
  margin-top: 4px;
}
.reo-buy-and-gift .activities-content .single-activity .single-product .combination-name > * {
  vertical-align: middle;
}
.reo-buy-and-gift .activities-content .selected-content {
  padding: 40px;
  background-color: #F7F8F9;
  border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .selected-content {
    padding: 24px 20px;
    border-radius: 0;
  }
}
.reo-buy-and-gift .activities-content .selected-content .selected-title {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .selected-content .selected-title {
    font-size: 16px;
  }
}
.reo-buy-and-gift .activities-content .selected-content .selected-box {
  padding: 20px 0 12px;
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .selected-content .selected-box {
    padding: 16px 0 8px;
  }
}
.reo-buy-and-gift .activities-content .selected-content .selected-box .selected-item {
  font-size: 16px;
  margin: 0 20px 8px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .selected-content .selected-box .selected-item {
    font-size: 14px;
  }
}
.reo-buy-and-gift .activities-content .selected-content .selected-box .selected-item > * {
  vertical-align: middle;
}
.reo-buy-and-gift .activities-content .selected-content .selected-box .selected-item::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 50%;
  margin-right: 4px;
}
.reo-buy-and-gift .activities-content .selected-content .selected-box .selected-item .product-version {
  font-weight: 400;
  margin-left: 6px;
}
.reo-buy-and-gift .activities-content .selected-content .selected-box .selected-item .product-qty {
  margin-left: 6px;
}
.reo-buy-and-gift .activities-content .selected-content .result-box {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .selected-content .result-box {
    margin-top: 16px;
  }
}
.reo-buy-and-gift .activities-content .selected-content .result-box .price-content {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .reo-buy-and-gift .activities-content .selected-content .result-box .price-content {
    margin-bottom: 16px;
  }
}
.reo-buy-and-gift .activities-content .selected-content .result-box .price-content .sale-price {
  font-size: 16px;
}
.reo-buy-and-gift .activities-content .selected-content .result-box .price-content .pre-price {
  font-size: 14px;
}
.flash-sale .reo-buy-and-gift .activities-content {
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.reo-product-tips {
  width: fit-content;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.reo-product-tips:empty {
  display: none;
}
.reo-product-tips * {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 540px) {
  .reo-product-tips * {
    font-size: 12px;
  }
}
.reo-product-tips strong {
  font-weight: 600;
}
.reo-product-tips > * {
  line-height: 1.2;
  width: fit-content;
  text-align: left;
}
.reo-product-tips > * + * {
  margin-top: 14px;
}
.reo-product-tips.has-icon > * {
  position: relative;
  padding-left: 30px;
}
.reo-product-tips.has-icon > *.reo-product-note,
.reo-product-tips.has-icon > *.reo-extra-tip {
  padding-left: 8px;
}
.reo-product-tips.has-icon > * .reo-tip-icon {
  font-family: icomoon;
  font-size: 30px;
  margin: 0;
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-25%);
}
.reo-product-tips .reo-promotion > *,
.reo-product-tips .reo-promotion .gift-item > * {
  display: inline;
  vertical-align: middle;
}
.reo-product-tips .reo-promotion .full-reduction .trigger-target {
  color: #00ade5;
}
.reo-product-tips .reo-promotion .full-reduction .discount {
  color: #E74300;
}
.reo-product-tips .reo-promotion .full-reduction .balloon-trigger-target {
  display: inline-block;
}
.reo-product-tips .reo-promotion .full-reduction .full-reduction-question {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  font-size: 0;
}
.reo-product-tips .reo-lack-stock .percentage-stock-wrap {
  display: flex;
  align-items: center;
}
.reo-product-tips .reo-lack-stock .percentage-stock-wrap .total-stock-box {
  position: relative;
  width: 73px;
  height: 9px;
  border-radius: 5px;
  border: 1px solid #E74300;
  margin-right: 5px;
}
.reo-product-tips .reo-lack-stock .percentage-stock-wrap .total-stock-box .saled-stock-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 5px;
  background-color: #E74300;
}
.reo-product-tips a,
.reo-product-tips a:hover {
  color: #00ade5;
}
.reo-shipping-reminder .shipping-question,
.reo-product-note .shipping-question {
  display: inline-block;
  font-size: 0;
  margin-left: 6px;
}
.reo-shipping-reminder .trigger-target,
.reo-product-note .trigger-target {
  color: #00ade5;
  cursor: pointer;
  user-select: none;
}
.reo-shipping-reminder .trigger-content,
.reo-product-note .trigger-content {
  display: none;
  position: fixed;
  transform: translate(-50%, -104%);
  border-radius: 6px;
  width: 336px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
  z-index: 999;
  box-sizing: border-box;
}
.reo-shipping-reminder .trigger-content::after,
.reo-product-note .trigger-content::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  bottom: -5px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.16);
}
.reo-shipping-reminder .trigger-content *,
.reo-product-note .trigger-content * {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
@media screen and (max-width: 540px) {
  .reo-shipping-reminder .trigger-content *,
  .reo-product-note .trigger-content * {
    font-size: 12px;
  }
}
.reo-shipping-reminder .trigger-content > p,
.reo-product-note .trigger-content > p {
  margin-bottom: 8px;
  line-height: 1.2;
}
.reo-shipping-reminder .trigger-content .compare-content,
.reo-product-note .trigger-content .compare-content {
  display: flex;
}
.reo-shipping-reminder .trigger-content .compare-content .compare-item,
.reo-product-note .trigger-content .compare-content .compare-item {
  width: calc((100% - 16px) / 2);
}
.reo-shipping-reminder .trigger-content .compare-content .compare-item + .compare-item,
.reo-product-note .trigger-content .compare-content .compare-item + .compare-item {
  margin-left: 16px;
}
.reo-shipping-reminder .trigger-content .compare-content .compare-item .compare-img,
.reo-product-note .trigger-content .compare-content .compare-item .compare-img {
  width: 100%;
  padding-top: 70%;
  background-size: 100% 100%;
  margin-top: 6px;
}
@media screen and (max-width: 1280px) {
  .reo-shipping-reminder .trigger-content,
  .reo-product-note .trigger-content {
    width: 100%;
    display: block;
    position: static;
    transform: unset;
    background: transparent;
    border-radius: unset;
    box-shadow: unset;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
  }
  .reo-shipping-reminder .trigger-content::after,
  .reo-product-note .trigger-content::after {
    display: none;
  }
  .reo-shipping-reminder .trigger-content > *:first-of-type,
  .reo-product-note .trigger-content > *:first-of-type {
    margin-top: 8px;
  }
  .reo-shipping-reminder .trigger-content .compare-content .compare-item,
  .reo-product-note .trigger-content .compare-content .compare-item {
    width: calc((100% - 10px) / 2);
    max-width: 166px;
  }
  .reo-shipping-reminder .trigger-content .compare-content .compare-item + .compare-item,
  .reo-product-note .trigger-content .compare-content .compare-item + .compare-item {
    margin-left: 10px;
  }
}
.reo-shipping-reminder.trigger .trigger-content,
.reo-product-note.trigger .trigger-content {
  display: block;
}
@media screen and (max-width: 1280px) {
  .reo-shipping-reminder.trigger .trigger-content,
  .reo-product-note.trigger .trigger-content {
    max-height: 300px;
  }
}
.reo-shipping-reminder.tips-popup.deals .trigger-content,
.reo-product-note.tips-popup.deals .trigger-content {
  width: 336px;
  display: none;
  position: fixed;
  transform: translate(-50%, -104%);
  border-radius: 6px;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
  overflow: visible;
}
@media screen and (max-width: 540px) {
  .reo-shipping-reminder.tips-popup.deals .trigger-content,
  .reo-product-note.tips-popup.deals .trigger-content {
    width: 100%;
    display: block;
    position: static;
    transform: unset;
    border-radius: unset;
    background: transparent;
    padding: 0;
    box-shadow: unset;
    overflow: hidden;
  }
  .reo-shipping-reminder.tips-popup.deals .trigger-content *,
  .reo-product-note.tips-popup.deals .trigger-content * {
    font-size: 12px;
  }
}
.reo-shipping-reminder.tips-popup.deals .trigger-content::after,
.reo-product-note.tips-popup.deals .trigger-content::after {
  display: block;
}
@media screen and (max-width: 540px) {
  .reo-shipping-reminder.tips-popup.deals .trigger-content::after,
  .reo-product-note.tips-popup.deals .trigger-content::after {
    display: none;
  }
}
.reo-shipping-reminder.tips-popup.deals .trigger-content > *:first-of-type,
.reo-product-note.tips-popup.deals .trigger-content > *:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 540px) {
  .reo-shipping-reminder.tips-popup.deals .trigger-content > *:first-of-type,
  .reo-product-note.tips-popup.deals .trigger-content > *:first-of-type {
    margin-top: 8px;
  }
}
.reo-shipping-reminder.tips-popup.deals .trigger-content .compare-content .compare-item,
.reo-product-note.tips-popup.deals .trigger-content .compare-content .compare-item {
  width: calc((100% - 16px) / 2);
}
@media screen and (max-width: 540px) {
  .reo-shipping-reminder.tips-popup.deals .trigger-content .compare-content .compare-item,
  .reo-product-note.tips-popup.deals .trigger-content .compare-content .compare-item {
    width: calc((100% - 10px) / 2);
    max-width: 166px;
  }
}
.reo-shipping-reminder.tips-popup.deals .trigger-content .compare-content .compare-item + .compare-item,
.reo-product-note.tips-popup.deals .trigger-content .compare-content .compare-item + .compare-item {
  margin-left: 16px;
}
@media screen and (max-width: 540px) {
  .reo-shipping-reminder.tips-popup.deals .trigger-content .compare-content .compare-item + .compare-item,
  .reo-product-note.tips-popup.deals .trigger-content .compare-content .compare-item + .compare-item {
    margin-left: 10px;
  }
}
.reo-shipping-reminder.tips-popup.deals.trigger .trigger-content,
.reo-product-note.tips-popup.deals.trigger .trigger-content {
  display: block;
}
.reo-shipping-reminder .coupon-code,
.reo-product-note .coupon-code {
  cursor: pointer;
  color: #00ade5;
  display: inline-block;
}
.reo-shipping-reminder .coupon-code.copied,
.reo-product-note .coupon-code.copied {
  position: relative;
}
.reo-shipping-reminder .coupon-code.copied::before,
.reo-product-note .coupon-code.copied::before {
  content: attr(data-copied);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 17px;
  font-size: 12px;
  pointer-events: none;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: -4px;
  padding: 5px 12px;
  transform: translate3d(-50%, -100%, 0);
}
.reo-shipping-reminder .coupon-code.copied::after,
.reo-product-note .coupon-code.copied::after {
  content: '';
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 4px solid rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 50%;
  top: -4px;
  transform: translate3d(-50%, 0, 0);
  z-index: 99;
}
.reo-not-auto-coupon .not-auto-code {
  cursor: pointer;
  color: #00ade5;
  display: inline-block;
}
.reo-not-auto-coupon .not-auto-code.copied {
  position: relative;
}
.reo-not-auto-coupon .not-auto-code.copied::before {
  content: attr(data-copied);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 17px;
  font-size: 12px;
  pointer-events: none;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: -4px;
  padding: 5px 12px;
  transform: translate3d(-50%, -100%, 0);
}
.reo-not-auto-coupon .not-auto-code.copied::after {
  content: '';
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 4px solid rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 50%;
  top: -4px;
  transform: translate3d(-50%, 0, 0);
  z-index: 99;
}
.full-reduction-balloon {
  max-width: 320px;
  width: fit-content !important;
  padding: 12px !important;
  line-height: 1.2 !important;
}
.full-reduction-balloon .full-reduction-balloon-inner {
  max-height: 280px;
  overflow-y: auto;
  scrollbar-width: none;
}
.full-reduction-balloon .full-reduction-balloon-inner::-webkit-scrollbar {
  display: none;
}
.full-reduction-balloon .single-gradient {
  font-size: 14px;
}
.full-reduction-balloon .single-gradient + .single-gradient {
  margin-top: 10px;
}
.full-reduction-balloon .single-gradient ul {
  padding-left: 10px;
  margin-top: 4px;
}
.full-reduction-balloon .single-gradient .discount {
  color: #E74300;
}
.full-reduction-balloon li + li {
  margin-top: 4px;
}
.full-reduction-balloon .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  margin-right: 4px;
  vertical-align: middle;
}
.full-reduction-balloon a {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  vertical-align: middle;
  text-decoration: underline;
}
.full-reduction-balloon a:hover {
  color: #00ade5;
}

.contact-sales-textarea {
  outline: none;
  background-color: transparent;
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  padding: 14px 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.contact-sales-textarea:focus {
  border: 1px solid #00ade5;
}

.reo-file-select-content .attach-file-button {
  font-size: 14px;
  font-weight: normal;
  color: #00ade5;
  padding: 10px 20px;
  border: 1px solid #00ade5;
  border-radius: 19px;
  line-height: 14px;
  background: #fff;
  margin-top: 20px;
  cursor: pointer;
}
.reo-file-select-content .attach-file-button:hover {
  background-color: #00ade5;
  color: #fff;
}
.reo-file-select .reo_file-inner {
  position: relative;
  vertical-align: middle;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 20px;
  border-radius: 5px;
}
.reo-file-select .reo_file-inner p {
  margin-bottom: 0;
  color: #777;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.reo-file-select .reo_file-inner p .icon-attach-file {
  font-size: 20px;
  color: #777;
  vertical-align: middle;
}
.reo-file-select .reo_file-inner p .note-text {
  font-size: 16px;
  font-weight: 500;
  margin-left: 8px;
}
.reo-file-select .reo_file-inner .reo_file-input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border: 1px solid #ccc;
  height: 100%;
  width: 100%;
  color: #333;
  font-weight: 400;
}
.reo-file-select .format-text {
  font-size: 14px;
  font-weight: 500;
  color: #777;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: 1.2;
}
.reo-file-select .file-list-content {
  list-style: none;
}
.reo-file-select .file-list-content li:nth-of-type(1) {
  margin-top: 16px;
}
.reo-file-select .file-list-content li + li {
  margin-top: 6px;
}
.reo-file-select .file-list-content li .file-list-item-inner {
  display: inline-block;
}
.reo-file-select .file-list-content .file-list-item-inner .name {
  font-size: 14px;
  font-weight: 400;
  color: #777;
}
.reo-file-select .file-list-content li .file-list-item-inner .reo_file-number-progress {
  display: none;
}
.reo-file-select .file-list-content li.uploaded .file-list-item-inner .reo_file-number-progress {
  display: inline-block;
  border: 1px solid #ccc;
  color: #777;
  border-radius: 5px;
  width: 42px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  margin-right: 8px;
  font-weight: 400;
  vertical-align: middle;
  font-size: 12px;
}
.reo-file-select .file-list-content li.uploaded .file-list-item-inner .reo_file-progress .reo_file-progress-cover {
  opacity: 1;
  transition: all 0.3s;
}
.reo-file-select .file-list-content li.uploaded .file-list-item-inner .reo_file-progress .reo_file-progress-cover-finish {
  opacity: 0;
  transition: opacity 1s linear;
}
.reo-file-select .file-list-content .file-list-item-inner .reo_close-file-item {
  cursor: pointer;
  vertical-align: middle;
  color: #777;
  margin-left: 6px;
  font-size: 18px;
}
.reo-file-select .file-list-content .file-list-item-inner .reo_file-progress {
  display: block;
  height: 2px;
  margin-top: 4px;
}
.reo-file-select .file-list-content .file-list-item-inner .reo_file-progress .reo_file-progress-cover {
  display: block;
  height: 2px;
  background-color: #00ade5;
  transition: width 0.5s;
  width: 0;
}
.reo-file-select .file-list-content li.error .file-list-item-inner .reo_file-progress {
  background-color: #bf352e;
  display: block;
}
.reo-file-select .file-list-content li.error .reo_file-progress .reo_file-progress-cover {
  display: none;
}
.reo-file-select {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
}
.reo-file-select .reo_file-inner {
  border: 1px dashed #00ade5;
  border-radius: 8px;
  width: 100%;
  padding: 60px 0 45px;
}
.reo-file-select .reo_file-inner.hover {
  background-color: #f2f7fd;
}
.reo-file-select .reo_file-inner > input {
  display: none;
}
.reo-file-select .reo_file-inner p {
  margin-bottom: 0;
}
.reo-file-select .reo_file-inner img {
  width: 186px;
}
.reo-file-select .reo_file-inner .upload-guide {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 0;
  height: auto;
  line-height: 1.6;
}
.reo-file-select .reo_file-inner .or {
  color: #999;
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0 0;
  height: auto;
  line-height: 1.6;
}
.reo-file-select .reo_file-inner .sk-button.primary-button {
  margin: 14px 0 0;
  text-transform: unset;
}
.reo-file-select .reo_file-inner p {
  height: auto;
}
.reo-file-select .reo_file-inner p .note-text {
  font-size: 16px;
  color: #777;
  display: block;
  margin: 18px 0 0;
  font-weight: normal;
  line-height: 1.6;
  margin-left: 0;
}
.reo-file-select .reo_file-inner p .note-text.error {
  color: #e74330;
}
.reo-file-select .reo_file-inner img {
  width: 186px;
}
li.uploaded .upload-file-error-tip {
  font-size: 14px;
  font-weight: 500;
  margin-top: 4px;
  margin-bottom: 0;
  color: #bf352e;
  line-height: 1.2;
}
li.uploaded-error .file-list-item-inner {
  border-bottom: solid 2px #bf352e;
}
li.uploaded-error .file-list-item-inner .reo_file-number-progress {
  display: none !important;
}

#drop-down-wrap {
  z-index: 1000;
}

.contact-sales-form {
  font-size: 16px;
  text-align: left;
}
.contact-sales-form-item-group {
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .contact-sales-form-item-group {
    flex-wrap: wrap;
  }
}
.contact-sales-form-submit-button {
  border: 1px solid #00ade5;
  background: linear-gradient(150deg, #1e7ff2, #1dc4e4);
  color: #fff;
  margin: 0;
  line-height: 46px;
  border-radius: 100px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
.contact-sales-form-tips {
  margin: 0;
  padding: 0;
  color: #333;
  margin-bottom: 40px !important;
  font-size: 18px;
  max-width: 800px;
  text-align: left;
  line-height: 1.2;
}
.contact-sales-form-submit-button {
  margin: 0 auto;
  display: block;
}
@media (max-width: 768px) {
  .contact-sales-form-submit-button {
    width: 100%;
  }
}
.contact-sales-form .error-tips {
  text-align: center;
  font-size: 14px;
  color: #bf352e;
  font-weight: 500;
  margin-top: 6px;
  line-height: 1.2;
}
.contact-sales-form-item {
  position: relative;
  width: 100%;
  height: fit-content;
  margin-bottom: 20px;
}
.contact-sales-form-item-label {
  display: block;
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 24px;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.contact-sales-form-item-label-focus,
.contact-sales-form-item-label-fill {
  padding: 0 10px;
  font-size: 14px;
  height: 15px;
  line-height: 15px;
  top: 0;
  left: 10px;
  background: #fff;
  z-index: 1;
}
.contact-sales-form-item-label-fill {
  color: #777;
  transition: none;
}
.contact-sales-form-item-label-focus {
  color: #00ADE5;
}
.contact-sales-form-item .contact-sales-form-item-input {
  width: calc(100% - 12px);
  height: 48px;
}
.contact-sales-form-item .contact-sales-form-item-input input:-webkit-autofill,
.contact-sales-form-item .contact-sales-form-item-input input:-webkit-autofill:active,
.contact-sales-form-item .contact-sales-form-item-input input:-webkit-autofill:focus,
.contact-sales-form-item .contact-sales-form-item-input input:-webkit-autofill:hover,
.contact-sales-form-item .contact-sales-form-item-input textarea:-webkit-autofill,
.contact-sales-form-item .contact-sales-form-item-input textarea:-webkit-autofill:active,
.contact-sales-form-item .contact-sales-form-item-input textarea:-webkit-autofill:focus,
.contact-sales-form-item .contact-sales-form-item-input textarea:-webkit-autofill:hover {
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #333 !important;
}
.contact-sales-form-item .required-dot {
  color: #d74330;
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  text-align: center;
}
.contact-sales-form-item .error-tips {
  text-align: left;
  font-size: 14px;
  color: #bf352e;
  font-weight: 500;
  margin-top: 6px;
  line-height: 1.2;
}
.contact-sales-form-item-error input,
.contact-sales-form-item-error textarea,
.contact-sales-form-item-error .reo_file-inner {
  border-color: #bf352e !important;
}
.contact-sales-form-item-error .contact-sales-form-item-label,
.contact-sales-form-item-error .error-tips {
  color: #bf352e;
}
.contact-sales-form-item-suggestions .contact-sales-form-item-input {
  width: calc(100% - 12px);
  height: 120px;
}
.contact-sales-policy-notice {
  margin-bottom: 40px;
  display: flex;
}
.contact-sales-policy-notice .checkbox-wrap {
  margin-right: 10px;
  margin-top: 5px;
}
.contact-sales-policy-notice .required-dot {
  color: #d74330;
  width: 12px;
  text-align: center;
}
.contact-sales-policy-notice-text {
  font-size: 16px;
  display: inline-block;
  width: calc(100% - 40px);
}

.contact-sales-popup-title {
  text-align: center;
}
.contact-sales-popup-submit-success-title {
  color: #318C31 !important;
  line-height: 1.2;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-sales-popup-submit-success-title {
    font-size: 24px;
  }
}
.contact-sales-popup-submit-success-button {
  display: block;
  margin: 0 auto;
  margin-top: 32px;
}
.contact-sales-popup-submit-fail {
  top: 25vh;
  max-width: 800px !important;
  padding-top: 60px !important;
}
.contact-sales-popup-submit-fail-title {
  text-align: center;
  font-size: 18px;
  color: #bf352e;
  font-weight: 500;
  margin-top: 6px;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .contact-sales-popup-submit-fail-title {
    font-size: 24px;
  }
}
.contact-sales-popup-submit-fail-button {
  display: block;
  margin: 0 auto;
  margin-top: 32px;
}

._84WEuIDCZe1GiaD1WT8C4Q\=\= {
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
._84WEuIDCZe1GiaD1WT8C4Q\=\= ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
._84WEuIDCZe1GiaD1WT8C4Q\=\= ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
}
._84WEuIDCZe1GiaD1WT8C4Q\=\= ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff00;
}
@media (max-width: 1279px) {
  ._84WEuIDCZe1GiaD1WT8C4Q\=\= {
    margin: 0 20px;
    width: unset;
  }
}
.aPSIpauj5LrsyXgMChGtcA\=\= {
  max-height: calc(-340px + 100vh);
  width: 100%;
  overflow-y: scroll;
  padding: 20px 30px;
}
@media (max-width: 768px) {
  .aPSIpauj5LrsyXgMChGtcA\=\= {
    padding: 20px 20px;
  }
}
.DKYXzG4cQxSjqRqvyAEiSw\=\= {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #000814;
}
.skvM3GDSdBKnLczVKQi\+yA\=\= {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 32px;
  border: 1px solid #000814;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.skvM3GDSdBKnLczVKQi\+yA\=\= ._4\+VQJxJyJi9sctPOqr2W\+Q\=\= {
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --svg-fill: var(--color) !important;
  --svg-hover-fill: var(--color) !important;
  --font-size: 10px !important;
}
@media (max-width: 768px) {
  .skvM3GDSdBKnLczVKQi\+yA\=\= {
    width: 24px;
    height: 24px;
  }
}
.skvM3GDSdBKnLczVKQi\+yA\=\=:hover {
  --color: #FFFFFF;
  border-color: #666;
  background-color: #666;
}
.Z4XyUqA4XzLBpOC43VK6wg\=\= {
  touch-action: pan-y;
  overflow-y: hidden;
}

.text-content .product-name {
  line-height: 1.2;
}
.text-content .product-name > * {
  vertical-align: middle;
}
.text-content .product-name a {
  color: #333;
}
.text-content .product-name a:hover {
  color: #00ade5;
}
.reo-product-select {
  width: fit-content;
}
.price-content .sale-price {
  color: #333;
  display: inline-block;
  font-weight: 500;
}
.price-content .pre-price {
  color: #777;
  display: inline-block;
  font-weight: 500;
  margin-left: 12px;
}
.quantity-and-button.has-buy-now-btn .is-in-sale:hover,
.quantity-and-button.has-buy-now-btn .is-pre-order:hover {
  background: #EB3349;
  color: #fff;
  transition: none;
}
.quantity-and-button.has-buy-now-btn .buy-now:hover {
  background: rgba(235, 51, 73, 0.08);
  border: 1px solid #EB3349;
  color: #EB3349;
}
.quantity-and-button .is-coming-soon:hover {
  background: #1E7FF2;
  transition: unset;
}
.quantity-and-button button {
  width: fit-content;
}
.reo-products-content,
.refurbished-product .deals-product-list {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .reo-products-content,
  .refurbished-product .deals-product-list {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1024px) {
  .reo-products-content,
  .refurbished-product .deals-product-list {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 768px) {
  .reo-products-content,
  .refurbished-product .deals-product-list {
    width: calc(100% - 40px);
  }
}
.reo-products-content .reo-product-box,
.refurbished-product .deals-product-list .reo-product-box,
.reo-products-content .deals-product-item:not(.is-combination),
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) {
  width: calc((100% - 60px) / 3);
  min-width: 250px;
  flex: none;
  position: relative;
  padding: 20px 40px;
  box-sizing: border-box;
  margin-bottom: 30px;
  margin-right: 30px;
}
.reo-products-content .reo-product-box:nth-of-type(3n),
.refurbished-product .deals-product-list .reo-product-box:nth-of-type(3n),
.reo-products-content .deals-product-item:not(.is-combination):nth-of-type(3n),
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination):nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 1280px) {
  .reo-products-content .reo-product-box,
  .refurbished-product .deals-product-list .reo-product-box,
  .reo-products-content .deals-product-item:not(.is-combination),
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 1024px) {
  .reo-products-content .reo-product-box,
  .refurbished-product .deals-product-list .reo-product-box,
  .reo-products-content .deals-product-item:not(.is-combination),
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) {
    width: calc((100% - 30px) / 2);
    padding: 20px;
  }
  .reo-products-content .reo-product-box:nth-of-type(3n),
  .refurbished-product .deals-product-list .reo-product-box:nth-of-type(3n),
  .reo-products-content .deals-product-item:not(.is-combination):nth-of-type(3n),
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination):nth-of-type(3n) {
    margin-right: 30px;
  }
  .reo-products-content .reo-product-box:nth-of-type(2n),
  .refurbished-product .deals-product-list .reo-product-box:nth-of-type(2n),
  .reo-products-content .deals-product-item:not(.is-combination):nth-of-type(2n),
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination):nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 625px) {
  .reo-products-content .reo-product-box,
  .refurbished-product .deals-product-list .reo-product-box,
  .reo-products-content .deals-product-item:not(.is-combination),
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0 !important;
  }
  .reo-products-content .reo-product-box .product-details,
  .refurbished-product .deals-product-list .reo-product-box .product-details,
  .reo-products-content .deals-product-item:not(.is-combination) .product-details,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-details {
    width: 100%;
  }
  .reo-products-content .reo-product-box .image-content,
  .refurbished-product .deals-product-list .reo-product-box .image-content,
  .reo-products-content .deals-product-item:not(.is-combination) .image-content,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .image-content {
    position: absolute;
    left: 0;
    top: 20px;
    width: 130px;
  }
  .reo-products-content .reo-product-box .image-content .limited-and-tag,
  .refurbished-product .deals-product-list .reo-product-box .image-content .limited-and-tag,
  .reo-products-content .deals-product-item:not(.is-combination) .image-content .limited-and-tag,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .image-content .limited-and-tag {
    position: static;
  }
  .reo-products-content .reo-product-box .text-content,
  .refurbished-product .deals-product-list .reo-product-box .text-content,
  .reo-products-content .deals-product-item:not(.is-combination) .text-content,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .text-content {
    margin-left: 130px;
    text-align: left;
  }
  .reo-products-content .reo-product-box .text-content button,
  .refurbished-product .deals-product-list .reo-product-box .text-content button,
  .reo-products-content .deals-product-item:not(.is-combination) .text-content button,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .text-content button,
  .reo-products-content .reo-product-box .text-content .reo-quantity-controller,
  .refurbished-product .deals-product-list .reo-product-box .text-content .reo-quantity-controller,
  .reo-products-content .deals-product-item:not(.is-combination) .text-content .reo-quantity-controller,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .text-content .reo-quantity-controller {
    margin-left: 0;
  }
  .reo-products-content .reo-product-box .reo-product-tips,
  .refurbished-product .deals-product-list .reo-product-box .reo-product-tips,
  .reo-products-content .deals-product-item:not(.is-combination) .reo-product-tips,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .reo-product-tips {
    margin-right: 0;
    padding-left: 0;
    align-items: start;
  }
}
.reo-products-content .reo-product-box .product-image,
.refurbished-product .deals-product-list .reo-product-box .product-image,
.reo-products-content .deals-product-item:not(.is-combination) .product-image,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-image {
  width: 200px;
  height: 200px;
  margin: 0 auto 7px;
}
@media screen and (max-width: 1024px) {
  .reo-products-content .reo-product-box .product-image,
  .refurbished-product .deals-product-list .reo-product-box .product-image,
  .reo-products-content .deals-product-item:not(.is-combination) .product-image,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-image {
    width: 130px;
    height: 130px;
  }
}
.reo-products-content .reo-product-box .product-name,
.refurbished-product .deals-product-list .reo-product-box .product-name,
.reo-products-content .deals-product-item:not(.is-combination) .product-name,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-name {
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .reo-products-content .reo-product-box .product-name,
  .refurbished-product .deals-product-list .reo-product-box .product-name,
  .reo-products-content .deals-product-item:not(.is-combination) .product-name,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-name {
    font-size: 16px;
  }
}
.reo-products-content .reo-product-box .product-description,
.refurbished-product .deals-product-list .reo-product-box .product-description,
.reo-products-content .deals-product-item:not(.is-combination) .product-description,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-description {
  font-size: 16px;
  font-weight: 400;
  margin-top: 7px;
  line-height: 1.4;
}
@media screen and (max-width: 1024px) {
  .reo-products-content .reo-product-box .product-description,
  .refurbished-product .deals-product-list .reo-product-box .product-description,
  .reo-products-content .deals-product-item:not(.is-combination) .product-description,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .product-description {
    font-size: 14px;
  }
}
.reo-products-content .reo-product-box .limited-and-tag,
.refurbished-product .deals-product-list .reo-product-box .limited-and-tag,
.reo-products-content .deals-product-item:not(.is-combination) .limited-and-tag,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .limited-and-tag {
  position: absolute;
  top: 20px;
  left: 0;
  text-align: left;
  font-size: 12px;
}
.reo-products-content .reo-product-box .reo-product-select,
.refurbished-product .deals-product-list .reo-product-box .reo-product-select,
.reo-products-content .deals-product-item:not(.is-combination) .reo-product-select,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .reo-product-select {
  margin-top: 20px;
  display: inline-block;
  max-width: 100%;
}
.reo-products-content .reo-product-box .price-content,
.refurbished-product .deals-product-list .reo-product-box .price-content,
.reo-products-content .deals-product-item:not(.is-combination) .price-content,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .price-content {
  margin: 20px 0;
}
.reo-products-content .reo-product-box .price-content .sale-price,
.refurbished-product .deals-product-list .reo-product-box .price-content .sale-price,
.reo-products-content .deals-product-item:not(.is-combination) .price-content .sale-price,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .price-content .sale-price {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .reo-products-content .reo-product-box .price-content .sale-price,
  .refurbished-product .deals-product-list .reo-product-box .price-content .sale-price,
  .reo-products-content .deals-product-item:not(.is-combination) .price-content .sale-price,
  .refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .price-content .sale-price {
    font-size: 16px;
  }
}
.reo-products-content .reo-product-box .price-content .pre-price,
.refurbished-product .deals-product-list .reo-product-box .price-content .pre-price,
.reo-products-content .deals-product-item:not(.is-combination) .price-content .pre-price,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .price-content .pre-price {
  font-size: 14px;
}
.reo-products-content .reo-product-box .reo-quantity-controller,
.refurbished-product .deals-product-list .reo-product-box .reo-quantity-controller,
.reo-products-content .deals-product-item:not(.is-combination) .reo-quantity-controller,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) .reo-quantity-controller {
  display: flex;
  margin: 20px auto;
}
.reo-products-content .reo-product-box button,
.refurbished-product .deals-product-list .reo-product-box button,
.reo-products-content .deals-product-item:not(.is-combination) button,
.refurbished-product .deals-product-list .deals-product-item:not(.is-combination) button {
  display: block;
  margin: 0 auto;
}
.reo-cmp-table .product-details {
  font-size: 16px;
  padding-bottom: 10px;
  width: 220px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .reo-cmp-table .product-details {
    width: 160px;
  }
}
.reo-cmp-table .product-details .product-image img {
  width: 100px;
  height: 100px;
  margin: 15px 0 0;
}
.reo-cmp-table .product-details .limited-time,
.reo-cmp-table .product-details .reo-product-tags,
.reo-cmp-table .product-details .product-name {
  display: none;
}
.reo-cmp-table .product-details .reo-product-select {
  width: 122px;
  margin: 10px auto;
  max-width: 100%;
}
.reo-cmp-table .product-details .price-content {
  margin-bottom: 10px;
}
.reo-cmp-table .product-details .price-content .sale-price {
  font-size: 18px;
  display: block;
}
@media screen and (max-width: 768px) {
  .reo-cmp-table .product-details .price-content .sale-price {
    font-size: 16px;
  }
}
.reo-cmp-table .product-details .price-content .pre-price {
  font-size: 14px;
  margin-left: 0;
}
.reo-cmp-table .product-details .quantity-and-button button {
  display: block;
  margin: 0 auto;
}
.reo-cmp-table .product-details .quantity-and-button button + button {
  margin-top: 10px;
}
.reo-cmp-table .product-details .quantity-and-button button.is-coming-soon:hover {
  background: #1E7FF2;
  transition: none;
}
.solution-finder .spots-item .product-details {
  display: flex;
  align-items: center;
  color: #333;
  padding-top: 40px;
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details {
    padding: 0;
    display: block;
  }
}
.solution-finder .spots-item .product-details .image-content {
  width: 240px;
  margin-right: 100px;
  flex: none;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .image-content {
    width: 140px;
    margin: 0;
    float: left;
  }
}
.solution-finder .spots-item .product-details .limited-and-tag {
  position: absolute;
  top: 20px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .limited-and-tag {
    position: static;
  }
}
.solution-finder .spots-item .product-details .text-content {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .text-content {
    padding-bottom: 20px;
    padding-left: 160px;
  }
}
.solution-finder .spots-item .product-details .product-name {
  font-size: 26px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .product-name {
    font-size: 18px;
    word-break: break-word;
  }
}
.solution-finder .spots-item .product-details .product-description {
  font-size: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .product-description {
    font-size: 14px;
    word-break: break-word;
  }
}
.solution-finder .spots-item .product-details .price-content {
  margin: 20px 0;
}
.solution-finder .spots-item .product-details .price-content .sale-price {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .price-content .sale-price {
    font-size: 16px;
  }
}
.solution-finder .spots-item .product-details .price-content .pre-price {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .price-content .pre-price {
    font-size: 14px;
  }
}
.solution-finder .spots-item .product-details .reo-quantity-controller {
  display: inline-flex;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .reo-quantity-controller {
    display: flex;
    margin-bottom: 20px;
  }
}
.solution-finder .spots-item .product-details .quantity-and-button button + button {
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .quantity-and-button button + button {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
}
.solution-finder .spots-item .product-details .reo-product-tips {
  margin-top: 20px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .product-details .reo-product-tips {
    word-break: break-word;
    margin: 0 0 20px auto;
  }
}
.solution-finder .spots-item .key-feature {
  margin-left: 400px;
}
@media screen and (max-width: 768px) {
  .solution-finder .spots-item .key-feature {
    margin-left: 0;
    padding: 20px 0;
  }
}
.reo-accessories-container {
  font-size: 16px;
}
.reo-accessories-container .accessory-select {
  margin-bottom: 16px;
}
.reo-accessories-container .accessory-variation-content {
  cursor: pointer;
}
.reo-accessories-container .accessory-variation-content.color-content {
  position: relative;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reo-accessories-container .accessory-variation-content.color-content + .color-content {
  margin-left: 8px;
}
.reo-accessories-container .accessory-variation-content.color-content .color-inner {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
@keyframes colorAnimation {
  from {
    border-color: transparent;
    padding: 0;
  }
  to {
    border-color: #bbb;
    padding: 3px;
  }
}
.reo-accessories-container .accessory-variation-content.color-content > div {
  border-radius: 50%;
  border: 1px solid transparent;
}
.reo-accessories-container .accessory-variation-content.color-content.active > div {
  border: 1px solid #00ade5;
  padding: 3px;
  animation: colorAnimation 0.1s linear;
}
.reo-accessories-container .accessory-variation-content.text-content {
  padding: 8px 16px;
  border-radius: 24px;
  color: #999;
  font-size: 12px;
  line-height: 1.2;
  border: 1px solid #ccc;
}
.reo-accessories-container .accessory-variation-content.text-content.active {
  color: #00ade5;
  border: 1px solid #00ade5;
}
.reo-accessories-container .accessory-variation-content.text-content + .text-content {
  margin-left: 12px;
}
.reo-accessories-container .reo-quantity-controller {
  margin-right: 20px;
}
.reo-accessories-container .price-content {
  margin-bottom: 16px;
}
.reo-accessories-container .price-content .sale-price {
  font-size: 20px;
}
.reo-accessories-container .quantity-and-button {
  display: flex;
  align-items: center;
}
.reo-accessories-container .quantity-and-button button {
  width: fit-content;
}
.reo-accessories-container .reo-product-tips {
  margin-top: 16px;
  margin-left: 0;
}
.accessories-bottom .image-content {
  width: 340px;
  margin: 0 auto;
}
.accessories-bottom .product-name {
  font-size: 18px;
  font-weight: 400;
}
.accessories-bottom .product-description {
  font-size: 30px;
  font-weight: 400;
  max-width: 710px;
  margin: 0 auto;
  line-height: 1.2;
}
.accessories-bottom .quantity-and-button {
  margin-top: 30px;
}
.acce-wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.acce-wrap ul .acc-item .product-details .image-content .product-image img {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .acce-wrap ul .acc-item .product-details .image-content .product-image img {
    max-width: 140px;
    width: 100%;
  }
}
.acce-wrap ul .acc-item .product-details .accessory-select {
  margin-top: 12px;
  justify-content: center;
}
.acce-wrap ul .acc-item .product-details .accessory-select .color-content {
  padding: 2px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.acce-wrap ul .acc-item .product-details .accessory-select .color-content + .color-content {
  margin-left: 8px;
}
.acce-wrap ul .acc-item .product-details .accessory-select .color-content .color-inner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.diy-container .product-image {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 132px;
  text-align: center;
}
.diy-container .product-image img {
  width: 132px;
}
.diy-container .text-content {
  text-align: center;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .diy-container .text-content {
    padding: 20px 12px;
  }
}
.diy-container .text-content .product-name {
  font-size: 16px;
  margin-bottom: 10px;
}
.diy-container .text-content .product-description {
  display: none;
}
.diy-container .text-content .price-content,
.diy-container .text-content .reo-quantity-controller {
  margin: 15px auto 0;
}
.diy-container .text-content .pre-price {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .diy-container .text-content .pre-price {
    font-size: 12px;
  }
}
.diy-container .text-content .sale-price {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .diy-container .text-content .sale-price {
    font-size: 14px;
  }
}
.flash-sale-content-wrapper {
  background: #fff;
}
.flash-sale-content-wrapper.no-gift-activity .flash-sale-wrap {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .flash-sale-content-wrapper.no-gift-activity .flash-sale-wrap {
    margin-bottom: 0;
  }
}
.flash-sale-content-wrapper .reo-container {
  width: 100%;
  max-width: 1200px;
}
@media screen and (max-width: 1280px) {
  .flash-sale-content-wrapper .reo-container {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1023px) {
  .flash-sale-content-wrapper .reo-container {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 768px) {
  .flash-sale-content-wrapper .reo-container {
    width: calc(100% - 40px);
  }
}
.flash-sale-content-wrapper .reo-container .deals-product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  .flash-sale-content-wrapper .reo-container .deals-product-list {
    flex-direction: column;
    align-items: center;
  }
}
.flash-sale-content-wrapper .reo-container .deals-product-list .deals-product-item {
  width: 100%;
  max-width: 585px;
  flex: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0 0 30px;
  border-radius: 8px;
}
.flash-sale-content-wrapper .reo-container .product-container {
  width: 1200px;
  max-width: 100%;
}
.flash-sale-content-wrapper .reo-container .product-container .product-details {
  background: #fff;
  border-radius: 8px;
}
.flash-sale-content-wrapper .reo-container .product-container .product-details .image-content .limited-time,
.flash-sale-content-wrapper .reo-container .product-container .product-details .image-content .reo-product-tags .product-tag {
  background: unset;
  font-size: 16px;
  padding: 0;
}
@media screen and (max-width: 540px) {
  .flash-sale-content-wrapper .reo-container .product-container .product-details .image-content .limited-time,
  .flash-sale-content-wrapper .reo-container .product-container .product-details .image-content .reo-product-tags .product-tag {
    font-size: 12px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container .product-details .text-content .product-name {
  font-size: 20px;
}
@media screen and (max-width: 540px) {
  .flash-sale-content-wrapper .reo-container .product-container .product-details .text-content .product-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 540px) {
  .flash-sale-content-wrapper .reo-container .product-container .product-details .text-content .price-content .sale-price {
    font-size: 16px;
  }
}
@media screen and (max-width: 540px) {
  .flash-sale-content-wrapper .reo-container .product-container .product-details .reo-product-tips > * + * {
    margin-top: 4px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item {
    max-width: 510px;
    margin: 0 auto 30px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details {
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details {
    flex-direction: column;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content {
  position: static;
  width: 100%;
  max-width: 510px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F7F8F9;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content {
    height: 320px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .combination-images .images-box {
  justify-content: space-between;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .images-box,
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .product-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .limited-and-tag {
  position: absolute;
  top: 16px;
  left: 16px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .limited-and-tag .limited-time,
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .limited-and-tag .reo-product-tags .product-tag {
  background: #F7F8F9;
  font-size: 16px;
  padding: 2px 6px;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .limited-and-tag .limited-time,
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .limited-and-tag .reo-product-tags .product-tag {
    font-size: 12px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content img {
  width: 260px;
  height: 260px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .scene-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .combination-images {
  width: 232px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .combination-images .images-box .single-image img {
  width: 110px;
  height: 110px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .wib-box img {
  width: 72px;
  height: 72px;
  margin-right: 8px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .wib-box img:nth-of-type(3n) {
  margin-right: 0;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .image-content .wib-box img:nth-of-type(n + 4) {
  margin-top: 8px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content {
  flex: 1;
  padding: 40px 48px;
  text-align: left;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content {
    padding: 20px 20px 30px;
  }
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .price-content .sale-price {
    font-size: 16px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .product-name {
  font-size: 22px;
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .product-name {
    font-size: 18px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .feature-list {
  display: flex;
  flex-wrap: wrap;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .feature-list li {
  margin-right: 40px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .quantity-and-button {
  display: flex;
  align-items: center;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .text-content .quantity-and-button .reo-quantity-controller {
  margin-right: 32px;
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .reo-product-tips {
  width: 100%;
  display: block;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .reo-product-tips {
    font-size: 12px;
  }
}
.flash-sale-content-wrapper .reo-container .product-container.lightning-deals .products-box.deals-product-item .product-details .reo-product-tips > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  margin-top: 0;
  margin-bottom: 6px;
}
.flash-sale .buy-and-get-gift-container {
  padding-bottom: 80px;
}
.flash-sale .buy-and-get-gift-container .reo-buy-and-gift .activities-nav {
  height: 70px;
}

.limited-time,
.product-tag {
  font-size: 12px;
  font-weight: 500;
  display: block;
  width: fit-content;
  line-height: 1.2;
  padding: 2px 6px;
  margin-bottom: 6px;
  border-radius: 0 4px 4px 0;
  text-align: left;
}
.limited-time:empty,
.product-tag:empty {
  display: none;
}
.tag-pre-order {
  background: #DFF1D9;
  color: #318C31;
}
.tag-discount,
.tag-sale,
.limited-time,
.tag-deals {
  background: #F5EABC;
  color: #D57304;
}
.limited-time .limited-time-text {
  margin-right: 3px;
}

.vertical-layout .product-details {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.vertical-layout .product-details .image-content {
  width: 200px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  .vertical-layout .product-details .image-content {
    width: 130px;
  }
}
.vertical-layout .product-details .image-content .limited-and-tag {
  position: absolute;
  top: 20px;
  left: 0;
  text-align: left;
  font-size: 12px;
}
.vertical-layout .product-details .image-content .combination-images .images-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vertical-layout .product-details .image-content .combination-images .images-box .single-image {
  position: relative;
}
.vertical-layout .product-details .image-content .combination-images .images-box .single-image img {
  width: 94px;
  height: 94px;
}
.vertical-layout .product-details .image-content .combination-images .images-box .single-image .product-amount {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #333;
}
.vertical-layout .product-details .image-content .combination-images .images-box .single-image .product-tag {
  margin-bottom: 0;
}
.vertical-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-prev.control-arrow,
.vertical-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-next.control-arrow {
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12);
}
.vertical-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.vertical-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-next.control-arrow .arrow-icon {
  font-size: 12px;
  color: #333;
}
.vertical-layout .product-details .image-content .combination-images .carousel-root .carousel:hover .control-prev.control-arrow {
  left: 0;
}
.vertical-layout .product-details .image-content .combination-images .carousel-root .carousel:hover .control-next.control-arrow {
  right: 0;
}
.vertical-layout .product-details .image-content .wib-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.vertical-layout .product-details .image-content .wib-box img {
  width: 60px;
  height: 60px;
}
.vertical-layout .product-details .image-content .wib-box .full-screen {
  position: absolute;
  top: 0;
  right: 0;
}
.vertical-layout .product-details .image-content .reo-shipping-reminder {
  margin-top: 6px;
  text-align: left;
  font-size: 14px;
  color: #555;
}
.vertical-layout .product-details .image-content .reo-shipping-reminder > * {
  display: inline;
  vertical-align: middle;
}
.horizontal-layout .product-details {
  text-align: left;
  width: 100%;
  max-width: 585px;
  padding: 20px 24px 30px 30px;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.horizontal-layout .product-details.is-combination {
  padding: 20px 24px 30px 38px;
}
.horizontal-layout .product-details.is-combination .image-content .limited-and-tag {
  position: relative;
  left: -8px;
}
.horizontal-layout .product-details.is-combination .image-content .combination-images .slider-wrap {
  align-items: center;
}
.horizontal-layout .product-details.is-combination .text-content,
.horizontal-layout .product-details.is-combination .reo-product-tips {
  margin-left: 246px;
}
@media screen and (max-width: 540px) {
  .horizontal-layout .product-details {
    padding: 20px 12px 30px;
  }
  .horizontal-layout .product-details.is-combination {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 30px;
  }
  .horizontal-layout .product-details.is-combination .image-content {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .horizontal-layout .product-details.is-combination .image-content .combination-images {
    width: 200px;
    margin: 12px auto;
  }
  .horizontal-layout .product-details.is-combination .text-content {
    margin-left: 0;
  }
  .horizontal-layout .product-details.is-combination .text-content .product-name {
    margin-top: 0;
  }
  .horizontal-layout .product-details.is-combination .reo-product-tips {
    margin-left: 0;
  }
}
.horizontal-layout .product-details .image-content {
  width: 200px;
  margin: 0 auto;
  float: left;
}
@media screen and (max-width: 540px) {
  .horizontal-layout .product-details .image-content {
    width: 110px;
    left: 12px;
  }
}
.horizontal-layout .product-details .image-content .limited-and-tag {
  position: static;
  text-align: left;
  font-size: 12px;
}
.horizontal-layout .product-details .image-content .combination-images {
  margin-top: 12px;
}
.horizontal-layout .product-details .image-content .combination-images .images-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.horizontal-layout .product-details .image-content .combination-images .images-box > div:nth-of-type(n + 3) {
  margin-top: 12px;
}
.horizontal-layout .product-details .image-content .combination-images .images-box .single-image {
  position: relative;
}
.horizontal-layout .product-details .image-content .combination-images .images-box .single-image img {
  width: 94px;
  height: 94px;
}
.horizontal-layout .product-details .image-content .combination-images .images-box .single-image .tag-pre-order {
  border-radius: 4px;
  margin-bottom: 0;
}
.horizontal-layout .product-details .image-content .combination-images .images-box .single-image .product-amount {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #333;
}
@keyframes NextAnimation {
  0% {
    margin: 0 2px;
    width: 10px;
    transform: translateX(-8px);
    border-radius: 10%;
  }
  50% {
    margin: 0 3px;
    width: 8px;
    transform: translateX(-4px);
    border-radius: 30%;
  }
  100% {
    margin: 0 4px;
    width: 6px;
    transform: translateX(0);
    border-radius: 50%;
  }
}
@keyframes PrevAnimation {
  0% {
    margin: 0 2px;
    width: 10px;
    transform: translateX(8px);
    border-radius: 10%;
  }
  50% {
    margin: 0 3px;
    width: 8px;
    transform: translateX(4px);
    border-radius: 30%;
  }
  100% {
    margin: 0 4px;
    width: 6px;
    transform: translateX(0);
    border-radius: 50%;
  }
}
.horizontal-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-prev.control-arrow,
.horizontal-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-next.control-arrow {
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12);
}
.horizontal-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.horizontal-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-next.control-arrow .arrow-icon {
  font-size: 12px;
  color: #555;
}
.horizontal-layout .product-details .image-content .combination-images .carousel-root .carousel .control-prev.control-arrow,
.horizontal-layout .product-details .image-content .combination-images .carousel-root .carousel:hover .control-prev.control-arrow {
  left: 0;
  transform: translateX(-70%);
}
.horizontal-layout .product-details .image-content .combination-images .carousel-root .carousel .control-next.control-arrow,
.horizontal-layout .product-details .image-content .combination-images .carousel-root .carousel:hover .control-next.control-arrow {
  right: 0;
  transform: translateX(70%);
}
.horizontal-layout .product-details .image-content .combination-images .carousel .control-dots .dot.selected.PrevSelected {
  animation: PrevAnimation 0.6s linear;
}
.horizontal-layout .product-details .image-content .combination-images .carousel .control-dots .dot.selected.NextSelected {
  animation: NextAnimation 0.6s linear;
}
.horizontal-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-dots.default-dots {
  bottom: -40px;
}
.horizontal-layout .product-details .image-content .combination-images .carousel.carousel-slider .control-dots.default-dots .dot {
  width: 6px;
  height: 6px;
  margin: 0 4px;
}
.horizontal-layout .product-details .image-content .wib-box {
  cursor: pointer;
  position: relative;
  text-align: left;
}
.horizontal-layout .product-details .image-content .wib-box img {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-right: 10px;
}
.horizontal-layout .product-details .image-content .wib-box img:nth-of-type(3n) {
  margin-right: 0;
}
.horizontal-layout .product-details .image-content .wib-box img:nth-of-type(n + 4) {
  margin-top: 10px;
}
.horizontal-layout .product-details .image-content .wib-box .full-screen {
  position: absolute;
  top: 0;
  right: 0;
}
.horizontal-layout .product-details .image-content .reo-product-tips {
  margin-top: 6px;
  margin-left: 0;
  text-align: left;
  color: #555;
}
@media screen and (max-width: 540px) {
  .horizontal-layout .product-details .image-content .reo-product-tips {
    display: none;
  }
}
.horizontal-layout .product-details .image-content .reo-product-tips > * {
  vertical-align: middle;
}
.horizontal-layout .product-details .image-content .reo-product-tips * {
  font-size: 14px;
}
.horizontal-layout .product-details .text-content {
  margin-left: 230px;
  text-align: left;
}
@media screen and (max-width: 540px) {
  .horizontal-layout .product-details .text-content {
    margin-left: 130px;
  }
}
.horizontal-layout .product-details .text-content .product-name {
  font-size: 18px;
  margin-top: 20px;
}
@media screen and (max-width: 1280px) {
  .horizontal-layout .product-details .text-content .product-name {
    font-size: 16px;
    margin-top: 10px;
  }
}
.horizontal-layout .product-details .text-content .product-name .name-question {
  display: inline-block;
  font-size: 0;
  margin-left: 6px;
}
.horizontal-layout .product-details .text-content .product-description,
.horizontal-layout .product-details .text-content .feature-list {
  font-size: 18px;
  font-weight: 400;
  margin-top: 12px;
}
@media screen and (max-width: 1280px) {
  .horizontal-layout .product-details .text-content .product-description,
  .horizontal-layout .product-details .text-content .feature-list {
    font-size: 14px;
  }
}
.horizontal-layout .product-details .text-content .feature-list {
  padding-left: 16px;
}
.horizontal-layout .product-details .text-content .feature-list li {
  line-height: 1.2;
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 8px;
}
.horizontal-layout .product-details .text-content .feature-list li::marker {
  font-size: 12px;
}
.horizontal-layout .product-details .text-content .reo-product-select {
  margin-top: 20px;
  display: block;
  max-width: 260px;
  width: 100%;
}
.horizontal-layout .product-details .text-content .price-content {
  margin-top: 20px;
}
.horizontal-layout .product-details .text-content .price-content .sale-price {
  font-size: 18px;
}
.horizontal-layout .product-details .text-content .price-content .pre-price {
  font-size: 14px;
}
.horizontal-layout .product-details .text-content button {
  display: block;
  margin-left: 0;
  width: fit-content;
  margin-top: 20px;
}
.horizontal-layout .product-details .text-content .reo-quantity-controller {
  display: flex;
  justify-content: left;
  margin-top: 20px;
}
.horizontal-layout .product-details .text-content .product-link {
  color: #00ade5;
}
.horizontal-layout .product-details .reo-product-tips {
  margin-left: 230px;
}
@media screen and (max-width: 540px) {
  .horizontal-layout .product-details .reo-product-tips {
    margin-left: auto;
    margin-right: 0;
  }
}
.name-balloon {
  padding: 10px 12px !important;
}
.name-balloon .name-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  line-height: 1.2;
}
.name-balloon .name-list li::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 6px;
}
.name-balloon .name-list li + li {
  margin-top: 6px;
}
.name-balloon .name-list li > span + span {
  margin-left: 6px;
}
.image-balloon,
.note-balloon {
  padding: 6px 12px !important;
  font-size: 12px;
}
.name-balloon .product-version,
.image-balloon .product-version,
.name-balloon .product-amount,
.image-balloon .product-amount {
  margin-left: 6px;
}
.image-balloon,
.note-balloon,
.name-balloon {
  width: fit-content !important;
  max-width: 300px;
}
.image-balloon a,
.note-balloon a,
.name-balloon a,
.image-balloon a:hover,
.note-balloon a:hover,
.name-balloon a:hover {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.image-balloon *,
.note-balloon *,
.name-balloon * {
  color: #fff;
  font-size: 12px;
}
.note-balloon.has-reminder {
  width: 336px !important;
  max-width: 100%;
  padding: 20px !important;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 336px) {
  .note-balloon.has-reminder {
    width: 318px !important;
  }
}
.note-balloon.has-reminder *,
.note-balloon.has-reminder *:hover {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  border-color: #fff transparent transparent;
}
@media screen and (max-width: 540px) {
  .note-balloon.has-reminder *,
  .note-balloon.has-reminder *:hover {
    font-size: 12px;
  }
}
.note-balloon.has-reminder .trigger-content {
  position: static;
  display: block;
  width: 100%;
  box-shadow: unset;
  padding: 0;
  border-radius: unset;
  transform: unset;
  max-height: 300px;
}
.note-balloon.has-reminder .trigger-content::after {
  display: none;
}
.wib-details {
  width: 100%;
  max-width: 750px;
  position: relative;
  padding: 40px 40px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .wib-details {
    padding: 30px 20px;
  }
}
.wib-details .carousel.carousel-slider .control-prev.control-arrow,
.wib-details .carousel.carousel-slider .control-next.control-arrow {
  width: 50px;
  height: 50px;
  margin-top: 0;
}
.wib-details .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.wib-details .carousel.carousel-slider .control-next.control-arrow .arrow-icon {
  font-size: 16px;
}
.wib-details .carousel.carousel-slider .control-prev.control-arrow,
.wib-details .carousel.carousel-slider:hover .control-prev.control-arrow {
  left: 0;
}
.wib-details .carousel.carousel-slider .control-next.control-arrow,
.wib-details .carousel.carousel-slider:hover .control-next.control-arrow {
  right: 0;
}
.wib-details .carousel.carousel-slider .control-dots.default-dots {
  bottom: -16px;
  margin: 0;
}
.wib-details .carousel.carousel-slider .slide {
  text-align: left;
}
.wib-details .wib-item {
  width: calc((100% - 40px) / 3);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
}
.wib-details .wib-item:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .wib-details .wib-item {
    width: calc((100% - 20px) / 2);
  }
  .wib-details .wib-item:nth-of-type(3n) {
    margin-right: 20px;
  }
  .wib-details .wib-item:nth-of-type(2n) {
    margin-right: 0;
  }
}
.wib-details .wib-item img {
  width: 160px;
  height: 160px;
}
@media screen and (max-width: 768px) {
  .wib-details .wib-item img {
    width: 110px;
    height: 110px;
  }
}
.wib-details .wib-item .item-text {
  font-size: 16px;
  color: #555;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .wib-details .wib-item .item-text {
    font-size: 14px;
  }
}
.extra-content .hot-tag {
  position: absolute;
  top: 0;
  left: 20px;
  width: 64px;
  height: 42px;
  line-height: 34px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: bold;
  color: #FFFFFF;
}
@media screen and (max-width: 1023px) {
  .extra-content .hot-tag {
    left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .extra-content .hot-tag {
    width: 50px;
    height: 33px;
    font-size: 12px;
    left: 10px;
    line-height: 27px;
  }
}

.combinations-content {
  border-top: 1px solid #ddd;
  margin-top: 36px;
  position: relative;
  font-weight: 500;
  padding-top: 36px;
}
@media screen and (max-width: 768px) {
  .combinations-content {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.combinations-content .title {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .combinations-content .title {
    font-size: 20px;
  }
}
.combinations-content .combinations-list {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .combinations-content .combinations-list {
    width: 100%;
    margin-top: 24px;
  }
}
.combinations-content .combinations-list .carousel-root {
  width: 100%;
}
.combinations-content .combinations-list .carousel .slider-wrapper.axis-horizontal .slider-wrap .slide {
  height: auto;
}
.combinations-content .combinations-list .carousel .slider-wrapper.axis-horizontal .slider-wrap .slide .single-combination {
  height: 100%;
}
.combinations-content .combinations-list .carousel.carousel-slider .control-prev.control-arrow,
.combinations-content .combinations-list .carousel.carousel-slider .control-next.control-arrow {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12);
  margin-top: 0;
}
.combinations-content .combinations-list .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.combinations-content .combinations-list .carousel.carousel-slider .control-next.control-arrow .arrow-icon {
  font-size: 16px;
  color: #333;
}
.combinations-content .combinations-list .single-combination {
  width: 585px;
  max-width: 100%;
}

.success-recommendations-content {
  border-top: 1px solid #ccc;
  margin-top: 36px;
  padding-top: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .success-recommendations-content {
    margin-top: 24px;
    padding-top: 24px;
  }
}
.success-recommendations-content .recommendations-content {
  width: 100%;
}
.success-recommendations-content .recommendations-content .recommendations-list {
  margin-top: 30px;
  width: 100%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .success-recommendations-content .recommendations-content .recommendations-list {
    margin-top: 24px;
  }
}
.success-recommendations-content .recommendations-content .recommendations-list .single-recommendation {
  border: 1px solid #ddd;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel-root {
  width: 100%;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel .slider-wrapper.axis-horizontal .slider-wrap .slide {
  height: auto;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel .slider-wrapper.axis-horizontal .slider-wrap .slide .single-recommendation {
  width: 100%;
  height: 100%;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel-root .carousel .control-prev.control-arrow,
.success-recommendations-content .recommendations-content .recommendations-list .carousel-root .carousel:hover .control-prev.control-arrow {
  left: 0;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel-root .carousel .control-next.control-arrow,
.success-recommendations-content .recommendations-content .recommendations-list .carousel-root .carousel:hover .control-next.control-arrow {
  right: 0;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel.carousel-slider .control-prev.control-arrow,
.success-recommendations-content .recommendations-content .recommendations-list .carousel.carousel-slider .control-next.control-arrow {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12);
  margin-top: 0;
}
.success-recommendations-content .recommendations-content .recommendations-list .carousel.carousel-slider .control-prev.control-arrow .arrow-icon,
.success-recommendations-content .recommendations-content .recommendations-list .carousel.carousel-slider .control-next.control-arrow .arrow-icon {
  font-size: 16px;
  color: #333;
}
@media screen and (max-width: 625px) {
  .success-recommendations-content .recommendations-content .recommendations-list .product-details {
    display: flex;
    flex-direction: column;
  }
  .success-recommendations-content .recommendations-content .recommendations-list .product-details .image-content {
    position: static;
    width: 100%;
  }
  .success-recommendations-content .recommendations-content .recommendations-list .product-details .image-content .limited-and-tag {
    position: absolute;
  }
  .success-recommendations-content .recommendations-content .recommendations-list .product-details .text-content {
    margin-left: 0;
    text-align: center;
  }
  .success-recommendations-content .recommendations-content .recommendations-list .product-details .text-content .reo-quantity-controller,
  .success-recommendations-content .recommendations-content .recommendations-list .product-details .text-content button {
    margin-left: auto;
  }
  .success-recommendations-content .recommendations-content .recommendations-list .product-details .reo-product-tips {
    margin: 20px auto 0;
  }
}

.reo-add-to-cart-success .button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reo-add-to-cart-success .button-wrap {
    flex-direction: column;
  }
}
.reo-add-to-cart-success .button-wrap .continue-shopping:hover {
  background: rgba(0, 173, 229, 0.08) !important;
  border: 1px solid #00ade5 !important;
  color: #00ade5 !important;
  transition: none !important;
}
.reo-add-to-cart-success .button-wrap .view-cart:hover {
  background: #00ADE5;
  color: #fff;
  transition: none;
}
.reo-add-to-cart-success .button-wrap button {
  width: max-content;
}
.reo-add-to-cart-success .button-wrap button.view-cart:hover {
  background: #1E7FF2;
  transition: unset;
}
.reo-add-to-cart-success .button-wrap button + button {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .reo-add-to-cart-success .button-wrap button + button {
    margin-left: 0;
    margin-top: 16px;
  }
}

.gEPlDSWtO-T5xK\+hPFwYRw\=\= {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  width: var(--wrap-width);
}
@media (max-width: 768px) {
  .gEPlDSWtO-T5xK\+hPFwYRw\=\= {
    flex-wrap: wrap;
  }
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\= {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 20px;
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\=.nfoCtGJFBSy02joaHG39OQ\=\= {
  padding: 0 15px;
  background: linear-gradient(134deg, #1E7FF2 0%, #1DC4E4 100%);
  border-radius: 0px 5px 5px 0px;
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\=.nfoCtGJFBSy02joaHG39OQ\=\=.K5G1exTqAi0dovoSov11rg\=\=,
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\=.nfoCtGJFBSy02joaHG39OQ\=\=._9\+HFH9tp7iN3OaL-2w59gQ\=\= {
  background: #cccccc;
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\= ._9v7nxb1EcKJHmFJm-9w7rQ\=\= {
  height: var(--icon-height);
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\= ._9v7nxb1EcKJHmFJm-9w7rQ\=\=.a8evijnlcrqLAkNwAxHgqg\=\= {
  pointer-events: none;
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\= ._9v7nxb1EcKJHmFJm-9w7rQ\=\=.xRmeHGpb8jTpFamb3LLO8w\=\= {
  pointer-events: none;
  animation-name: M7QB2EihcK2GGIhDcsYX2Q\=\=;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= .V\+SP8XILaDglQXSEZ2XUBA\=\= ._9v7nxb1EcKJHmFJm-9w7rQ\=\=.uzGjAJ1V4gj9sFdWmYMJgw\=\= {
  pointer-events: none;
}
.gEPlDSWtO-T5xK\+hPFwYRw\=\= ._3zaFAnVI-CmSQvoGT9FL-Q\=\= {
  margin-top: 10px;
  width: var(--wrap-width);
}
@keyframes M7QB2EihcK2GGIhDcsYX2Q\=\= {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.L9g6ly0R4Y2CSDvRJf2NmQ\=\= {
  display: flex;
  align-items: flex-start;
  max-width: var(--wrap-width);
}
.L9g6ly0R4Y2CSDvRJf2NmQ\=\= .y6-43ksHVvBQrQAj\+9QGfg\=\= {
  color: var(--color);
  font-family: Quicksand;
  font-weight: 500;
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  margin-left: 10px;
}
._5zbyNRpPXrinQiHC2iEyeA\=\= {
  justify-content: center;
}

.reo-product-subscribe .subscribe-content {
  width: fit-content;
  margin: 0 auto;
  box-sizing: border-box;
}
.reo-product-subscribe .subscribe-content .reo-subscription-product > p > span {
  border: 1px solid #777 !important;
  border-radius: 0px !important;
}
.reo-product-subscribe .subscribe-content .reo-subscription-product input:not([disabled]):checked ~ span {
  background-color: transparent !important;
  color: #00ade5 !important;
}
@media screen and (max-width: 560px) {
  .reo-product-subscribe .subscribe-content > div {
    flex-direction: column;
    align-items: center;
  }
}
.reo-product-subscribe .subscribe-content button {
  width: fit-content;
  margin-top: 0;
  margin-left: 24px;
}
@media screen and (max-width: 560px) {
  .reo-product-subscribe .subscribe-content button {
    margin-top: 14px;
    margin-left: 0;
  }
}
.reo-product-subscribe .subscribe-tips-content .reo-product-tips > * {
  display: none;
}
.reo-product-subscribe .subscribe-tips-content .reo-product-tips > .reo-shipping-reminder {
  display: block;
}

.reo-acc-carousel {
  height: 100%;
  width: 630px;
}
.reo-acc-carousel .reo-product-select {
  margin-bottom: 10px;
}
.reo-acc-carousel .custom-controll {
  width: 100%;
  display: flex;
  height: 70px;
  justify-content: center;
  align-items: center;
}
.reo-acc-carousel .carousel .slider-wrapper {
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 40px;
  box-sizing: border-box;
  width: calc(100% - 80px);
}
.reo-acc-carousel .carousel .slide {
  overflow: hidden;
}
.reo-acc-carousel .carousel.carousel-slider {
  height: calc(100% - 70px);
  overflow-y: auto;
  border-top: 1px solid #ddd;
}
.reo-acc-carousel .carousel.carousel-slider::-webkit-scrollbar {
  width: 6px;
}
.reo-acc-carousel .carousel.carousel-slider::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ccc;
}
.reo-acc-carousel .inner-carousel .carousel .slider-wrapper {
  margin: 0;
  width: 100%;
  position: relative;
  top: 0;
}
.reo-acc-carousel .inner-carousel .carousel.carousel-slider {
  width: 100%;
  height: 440px;
  border-top: none;
  overflow: hidden;
}
.reo-acc-carousel .inner-carousel .carousel .carousel {
  position: absolute;
  bottom: 0;
}
.reo-acc-carousel .inner-carousel .carousel .thumbs-wrapper {
  margin: 0;
  margin-top: 16px;
  margin-bottom: 32px;
}
.reo-acc-carousel .inner-carousel .carousel .thumbs {
  display: flex;
  justify-content: center;
}
.reo-acc-carousel .inner-carousel .carousel .thumbs-wrapper .thumbs .myItem {
  margin: 0;
  padding: 0;
  width: 54px;
  height: 36px;
  box-sizing: border-box;
}
.reo-acc-carousel .inner-carousel .carousel .slide img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.reo-acc-carousel .inner-carousel .carousel .control-prev.control-arrow {
  width: 40px;
  height: 40px;
  left: 16px;
}
.reo-acc-carousel .inner-carousel .carousel .control-next.control-arrow {
  width: 40px;
  height: 40px;
  right: 16px;
}
.reo-acc-carousel .inner-carousel .carousel-root .carousel .control-prev.control-arrow,
.reo-acc-carousel .inner-carousel .carousel-root .carousel:hover .control-prev.control-arrow {
  left: 16px;
  top: 200px;
}
.reo-acc-carousel .inner-carousel .carousel-root .carousel .control-next.control-arrow,
.reo-acc-carousel .inner-carousel .carousel-root .carousel:hover .control-next.control-arrow {
  right: 16px;
  top: 200px;
}
.reo-acc-carousel .carousel .slider-wrapper.axis-horizontal .slider-wrap ul {
  margin: 0;
  padding: 0;
}
.reo-acc-carousel .carousel .arrow-icon {
  font-size: 12px;
}
.reo-acc-carousel .carousel-root {
  height: 100%;
}
.reo-acc-carousel .acc-item {
  width: 100%;
  height: auto;
  max-width: 100%;
  margin-bottom: 32px;
}
.reo-acc-carousel .single-acc-item {
  border-top: 1px solid #ddd;
}
.reo-acc-carousel .single-acc-item::-webkit-scrollbar {
  width: 6px;
}
.reo-acc-carousel .single-acc-item::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ccc;
}
.reo-acc-carousel .design-for-cover {
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0.3) 0, #f7f8f9 40%, #f7f8f9 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0.3) 0, #f7f8f9 40%, #f7f8f9 100%);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0, #f7f8f9 40%, #f7f8f9 100%);
}
.reo-acc-carousel .long-des a {
  color: #00ade5;
}
.reo-acc-carousel .long-des a:hover {
  color: #00ade5;
}
.reo-acc-carousel .reo-accessories-container .quantity-and-button button {
  transition: none;
}
.reo-acc-carousel .reo-accessories-container .quantity-and-button button.is-pre-order:hover,
.reo-acc-carousel .reo-accessories-container .quantity-and-button button.is-in-sale:hover,
.reo-acc-carousel .reo-accessories-container .quantity-and-button button.is-aliexpress:hover {
  background: #EB3349;
  border: 1px solid #EB3349;
}
.reo-acc-carousel .reo-accessories-container .quantity-and-button button.is-coming-soon:hover {
  background: #1E7FF2;
  border: 1px solid #1E7FF2;
}
@media (max-width: 768px) {
  .reo-acc-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .reo-acc-wrap .reo-product-select {
    margin-bottom: 10px;
  }
  .reo-acc-carousel {
    width: 100%;
  }
  .reo-acc-carousel .single-acc-item {
    border-top: 1px solid #ddd;
  }
  .reo-acc-carousel .single-acc-item::-webkit-scrollbar {
    width: 6px;
  }
  .reo-acc-carousel .single-acc-item::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ccc;
  }
  .reo-acc-carousel .custom-controll {
    width: 100%;
    display: flex;
    height: 62px;
    justify-content: center;
    align-items: center;
  }
  .reo-acc-carousel .carousel .slider-wrapper {
    margin-top: 24px;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
  }
  .reo-acc-carousel .carousel .slide {
    overflow: hidden;
  }
  .reo-acc-carousel .carousel.carousel-slider {
    height: calc(100% - 62px);
    overflow-y: auto;
  }
  .reo-acc-carousel .carousel.carousel-slider::-webkit-scrollbar {
    width: 6px;
  }
  .reo-acc-carousel .carousel.carousel-slider::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ccc;
  }
  .reo-acc-carousel .carousel .control-dots .dot {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
  .reo-acc-carousel .inner-carousel {
    height: calc(100% - 70px);
    box-sizing: border-box;
  }
  .reo-acc-carousel .inner-carousel .carousel .slider-wrapper {
    margin: 0;
    width: 100%;
    position: relative;
    top: 0;
  }
  .reo-acc-carousel .inner-carousel .carousel .default-dots {
    margin: 8px 0;
  }
  .reo-acc-carousel .inner-carousel .carousel.carousel-slider {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    overflow: hidden;
  }
  .reo-acc-carousel .inner-carousel .carousel .carousel {
    position: absolute;
    bottom: 0;
  }
  .reo-acc-carousel .inner-carousel .carousel .thumbs {
    display: flex;
    justify-content: center;
  }
  .reo-acc-carousel .inner-carousel .carousel .slide {
    height: auto;
  }
  .reo-acc-carousel .inner-carousel .carousel .slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .reo-acc-carousel .inner-carousel .carousel .control-prev.control-arrow {
    width: 40px;
    height: 40px;
    left: 16px;
  }
  .reo-acc-carousel .inner-carousel .carousel .control-next.control-arrow {
    width: 40px;
    height: 40px;
    right: 16px;
  }
  @keyframes NextAnimation {
    0% {
      margin: 0 1px;
      width: 14px;
      transform: translateX(-12px);
      border-radius: 12.5%;
    }
    25% {
      margin: 0 2px;
      width: 12px;
      transform: translateX(-8px);
      border-radius: 25%;
    }
    50% {
      margin: 0 3px;
      width: 10px;
      transform: translateX(-4px);
      border-radius: 37.5%;
    }
    100% {
      margin: 0 4px;
      width: 8px;
      transform: translateX(0);
      border-radius: 50%;
    }
  }
  @keyframes PrevAnimation {
    0% {
      margin: 0 1px;
      width: 14px;
      transform: translateX(12px);
      border-radius: 12.5%;
    }
    25% {
      margin: 0 2px;
      width: 12px;
      transform: translateX(8px);
      border-radius: 25%;
    }
    50% {
      margin: 0 3px;
      width: 10px;
      transform: translateX(4px);
      border-radius: 37.5%;
    }
    100% {
      margin: 0 4px;
      width: 8px;
      transform: translateX(0);
      border-radius: 50%;
    }
  }
  .reo-acc-carousel .carousel .control-dots .dot.selected.PrevSelected {
    animation: PrevAnimation 0.6s linear;
  }
  .reo-acc-carousel .carousel .control-dots .dot.selected.NextSelected {
    animation: NextAnimation 0.6s linear;
  }
  .reo-acc-carousel .acc-item {
    width: 100%;
    height: auto;
    max-width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
  .reo-acc-carousel .design-for-container a,
  .reo-acc-carousel .design-for-container span {
    margin-bottom: 8px;
  }
  .reo-accessories-container .price-content .sale-price {
    font-size: 16px;
  }
}

.mpTi6U59dcwldrtLvbw-qA\=\= {
  margin-left: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  width: calc(100% - 16px);
}
.PIuQHCoD5BTYZqIexPvREw\=\= {
  justify-content: center;
  align-items: center;
}
.A\+r-\+KABXCuu90FTZXsXXg\=\= {
  display: flex;
  align-items: start;
  cursor: pointer;
}
.\+Foc9etyVbW6oXtnUKXibQ\=\= {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 2px;
  user-select: none;
}
@media (min-width: 1280px) {
  .vqHBkR4MGu3GiotOVLI-Mg\=\=:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= {
  user-select: none;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= {
  display: flex;
  align-items: start;
  cursor: pointer;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\=.u8UHcaMSqI3HwqkzpVytnQ\=\= {
  justify-content: flex-start;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\=.tsauCWvTmhhLA-ZdO2BCPg\=\= {
  justify-content: center;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\=.rvS5t8339BNtb2ZjM46U9w\=\= {
  justify-content: flex-end;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 2px;
  user-select: none;
}
@media (min-width: 1280px) {
  .shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\=.vqHBkR4MGu3GiotOVLI-Mg\=\=:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\=.q3qJpfP4QKtAr0wGHZbfXQ\=\=.EdokHKuTdVbjj3MpiLIgVA\=\= {
  border: 1px solid #00ADE5;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\=.QwvqAgCQp70jOdpQTnWN0A\=\= {
  border: 1px solid #ccc;
  background-color: f7f8f9;
  pointer-events: none;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:not([checked]) ~ .tfheZAE6cbFbgatS4PVIXg\=\= {
  display: none;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:not([disabled]):checked ~ .tfheZAE6cbFbgatS4PVIXg\=\= {
  display: flex;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:not([disabled]):checked ~ .q3qJpfP4QKtAr0wGHZbfXQ\=\= {
  background: #00ADE5;
  padding: 1px;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:disabled:checked ~ .tfheZAE6cbFbgatS4PVIXg\=\= {
  display: flex;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= .PIuQHCoD5BTYZqIexPvREw\=\= {
  justify-content: center;
  align-items: center;
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .mpTi6U59dcwldrtLvbw-qA\=\= {
  margin-left: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  width: calc(100% - 16px);
}
.shWeqHrUoGYDeQO\+Yl4CSA\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .mpTi6U59dcwldrtLvbw-qA\=\= .su6IP1cFk0fyKWeO7hCPLQ\=\= {
  color: #bf352e;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= {
  width: max-content;
  user-select: none;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= {
  display: flex;
  align-items: start;
  cursor: pointer;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\=.u8UHcaMSqI3HwqkzpVytnQ\=\= {
  justify-content: flex-start;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\=.tsauCWvTmhhLA-ZdO2BCPg\=\= {
  justify-content: center;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\=.rvS5t8339BNtb2ZjM46U9w\=\= {
  justify-content: flex-end;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 2px;
  user-select: none;
}
@media (min-width: 1280px) {
  .GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\=.vqHBkR4MGu3GiotOVLI-Mg\=\=:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\=.q3qJpfP4QKtAr0wGHZbfXQ\=\=.EdokHKuTdVbjj3MpiLIgVA\=\= {
  border: 1px solid #00ADE5;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:not([checked]) ~ .tfheZAE6cbFbgatS4PVIXg\=\= {
  display: none;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:not([disabled]):checked ~ .tfheZAE6cbFbgatS4PVIXg\=\= {
  display: flex;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:not([disabled]):checked ~ .q3qJpfP4QKtAr0wGHZbfXQ\=\= {
  background: #00ADE5;
  padding: 1px;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= input:disabled:checked ~ .tfheZAE6cbFbgatS4PVIXg\=\= {
  display: flex;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= .PIuQHCoD5BTYZqIexPvREw\=\= {
  justify-content: center;
  align-items: center;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .\+Foc9etyVbW6oXtnUKXibQ\=\= .PIuQHCoD5BTYZqIexPvREw\=\=.eDxKZLJFsFwdq42by9Qk1A\=\= {
  width: 100%;
  height: 100%;
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .mpTi6U59dcwldrtLvbw-qA\=\= {
  margin-left: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-align: left;
  width: calc(100% - 16px);
}
.GMr0hyo45Fqj4cTvJXC8ZQ\=\= .A\+r-\+KABXCuu90FTZXsXXg\=\= .mpTi6U59dcwldrtLvbw-qA\=\= .su6IP1cFk0fyKWeO7hCPLQ\=\= {
  color: #bf352e;
}

.eOEKKyzk6AgKojwCD8jyWQ\=\= .vAoXv5kNXaJjee9ZM45vlg\=\= {
  width: 100%;
  height: 100%;
}
@media (min-width: 1280px) {
  .eOEKKyzk6AgKojwCD8jyWQ\=\= ._7yntwGRbCqgNZBSCY2A3og\=\=:hover {
    border: 1px solid #00ade5;
    background-color: rgba(0, 173, 229, 0.06);
  }
}
.eOEKKyzk6AgKojwCD8jyWQ\=\= input:not([checked]) ~ .ZfiMmBA-toTuaWmSobIHlw\=\= {
  display: none;
}
.eOEKKyzk6AgKojwCD8jyWQ\=\= input:not([disabled]):checked ~ .ZfiMmBA-toTuaWmSobIHlw\=\= {
  display: flex;
}
.eOEKKyzk6AgKojwCD8jyWQ\=\= input:not([disabled]):checked ~ .ZADAqlFaVevXPZ56w4zv3g\=\= {
  background: #00ADE5;
  padding: 1px;
}
.eOEKKyzk6AgKojwCD8jyWQ\=\= input:disabled:checked ~ .ZfiMmBA-toTuaWmSobIHlw\=\= {
  display: flex;
}
.eOEKKyzk6AgKojwCD8jyWQ\=\= .ZADAqlFaVevXPZ56w4zv3g\=\=.VwlK9eBmgj0zm6\+MnoZW5w\=\= {
  border: 1px solid #00ADE5;
}

.reo-variation-content {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content {
    padding: 0 40px;
    border-radius: 8px 8px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .reo-variation-content {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content {
    padding: 0 20px;
  }
}
.reo-variation-content .reo-variation-inner {
  width: calc(100% - 80px);
  height: 100%;
  margin: 0 auto;
  padding: 50px 0 110px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.reo-variation-content .reo-variation-inner::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }
}
.reo-variation-content .reo-variation-inner .product-name {
  font-size: 28px;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .product-name {
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
.reo-variation-content .reo-variation-inner .version-details {
  width: 540px;
  padding-top: 48px;
  float: left;
  z-index: 1;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-inner .version-details {
    width: 100%;
    padding-top: 0;
  }
}
.reo-variation-content .reo-variation-inner .version-details .low-price-img {
  position: absolute;
  top: 56px;
  left: 18px;
  width: 128px;
  z-index: 1;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .limited-and-tag {
  position: absolute;
  top: 0;
  left: 20px;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .product-image {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .product-image {
    height: 260px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .product-image img {
  width: 380px;
  height: 380px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .product-image img {
    width: 260px;
    height: 260px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images {
    height: 260px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box {
  width: 380px;
  height: 380px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box {
    width: 260px;
    height: 260px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box > div:nth-of-type(n + 3) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box > div:nth-of-type(n + 3) {
    margin-top: 10px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box .single-image {
  position: relative;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box .single-image img {
  width: 188px;
  height: 188px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box .single-image img {
    width: 125px;
    height: 125px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box .single-image .tag-pre-order {
  border-radius: 4px;
  margin-bottom: 0;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box .single-image .product-amount {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .image-content .combination-images .images-box .single-image .product-amount {
    font-size: 12px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .text-content {
  text-align: center;
  margin-top: 20px;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .text-content .product-name {
  display: block;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .text-content .product-name {
    font-size: 20px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .text-content .product-name .name-question {
  display: inline-block;
  margin-left: 10px;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .text-content .product-description {
  display: none;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .text-content .price-content .sale-price {
  font-size: 16px;
}
.reo-variation-content .reo-variation-inner .version-details .product-details .text-content .price-content .pre-price {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .text-content .price-content .sale-price,
  .reo-variation-content .reo-variation-inner .version-details .product-details .text-content .price-content .pre-price {
    font-size: 14px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .reo-product-tips {
  width: 100%;
  text-align: left;
  margin-left: 0;
  padding: 18px 16px;
  background-color: #F7F8F9;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .version-details .product-details .reo-product-tips {
    padding: 16px;
  }
}
.reo-variation-content .reo-variation-inner .version-details .product-details .reo-product-tips > * {
  width: 100%;
}
.reo-variation-content .reo-variation-inner .other-details {
  width: 490px;
  text-align: left;
  padding-top: 48px;
  float: right;
  z-index: 0;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-inner .other-details {
    width: 100%;
    height: auto;
    padding-top: 40px;
  }
}
.reo-variation-content .reo-variation-inner .other-details .product-name {
  margin-top: 0;
  margin-bottom: 32px;
  text-align: left;
  font-weight: 500;
  line-height: 1.2;
}
.reo-variation-content .reo-variation-inner .other-details .version-title,
.reo-variation-content .reo-variation-inner .other-details .quantity-title {
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: 700;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector {
  position: relative;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .reo-variation-content .reo-variation-inner .other-details .product-selector {
    margin-bottom: 16px;
  }
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content {
  width: 100%;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation {
  width: 100%;
  cursor: pointer;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation + .single-variation {
  margin-top: 12px;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .tag-content {
  width: 100%;
  padding: 0 16px;
  display: flex;
  justify-content: flex-end;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .tag-content .reo-product-tags {
  display: flex;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .tag-content .limited-time,
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .tag-content .product-tag {
  margin-bottom: 0;
  margin-left: 8px;
  border-radius: 4px 4px 0 0;
  line-height: 1;
  font-weight: 600;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .tag-content .tag-pre-order {
  display: none;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner {
  padding: 0 16px;
  border-radius: 8px;
  border: 2px solid #ddd;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0;
  flex: 1;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .image-content .images-box {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .image-content .combination-images .images-box {
  flex-wrap: wrap;
  justify-content: space-between;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .image-content .combination-images .images-box img {
  width: 30px;
  height: 30px;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-left: 16px;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .product-name {
  width: 180px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .product-name {
    width: 380px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .product-name {
    display: none;
  }
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .product-description {
  display: none;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .price-content {
  margin-bottom: 0;
  flex: 1;
  text-align: right;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .price-content .sale-price {
  font-size: 14px;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation .inner .product-details .text-content .price-content .pre-price {
  font-size: 14px;
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation.selected .inner {
  border: 2px solid #00ade5;
  background-color: rgba(0, 173, 229, 0.06);
}
.reo-variation-content .reo-variation-inner .other-details .product-selector .selectors-content .single-variation.out-of-stock {
  opacity: 0.5;
}
.reo-variation-content .reo-variation-inner .other-details #paypal-later-msg {
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-inner .other-details .reo-quantity-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .reo-variation-content .reo-variation-inner .other-details .reo-quantity-content .quantity-title {
    margin-bottom: 0;
  }
}
.reo-variation-content .reo-variation-inner .other-details .reo-quantity-content + .refurbished-tip {
  margin-top: 20px;
}
.reo-variation-content .reo-variation-inner .other-details .view-bundles {
  padding: 0;
  line-height: 1.2;
  height: unset;
  font-size: 16px;
  margin-bottom: 32px;
  margin-top: -20px;
}
.reo-variation-content .reo-variation-bottom {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 1160px;
  box-shadow: 0px -4px 20px #E5E5E5;
  background-color: #fff;
  z-index: 1;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-bottom {
    max-width: 100%;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 40px 0 0;
  text-align: right;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner {
    padding: 0 10px 4px;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .reo-and-amz {
  display: flex;
  align-items: start;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .reo-and-amz {
    flex-direction: column;
    align-items: center;
  }
  .reo-variation-content .reo-variation-bottom .bottom-inner .reo-and-amz:not(.has-bwp-btn) {
    padding-bottom: 20px;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .price-and-buttons {
  display: flex;
  gap: 80px;
  align-items: center;
  justify-content: flex-end;
  padding: 16px 0;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .price-and-buttons {
    gap: 10px;
    padding-bottom: 0;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner #paypal-later-msg {
  font-size: 0;
}
.reo-variation-content .reo-variation-bottom .bottom-inner #paypal-later-msg:not(:empty) {
  margin-top: 16px;
}
.reo-variation-content .reo-variation-bottom .bottom-inner #bwpFrame {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner #bwpFrame {
    margin-left: 0;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .price-content {
  text-align: right;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .price-content {
    text-align: center;
    line-height: 1.2;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .price-content .sale-price {
  font-size: 20px;
  margin: 0 6px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .price-content .sale-price {
    font-size: 16px;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .price-content .pre-price {
  font-size: 16px;
  margin: 0 6px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .price-content .pre-price {
    font-size: 12px;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .quantity-and-button {
  flex: none;
  margin-left: 80px;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .quantity-and-button {
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .quantity-and-button {
    display: flex;
    align-items: center;
  }
}
.reo-variation-content .reo-variation-bottom .bottom-inner .quantity-and-button button {
  border-radius: 8px;
  white-space: nowrap;
}
.reo-variation-content .reo-variation-bottom .bottom-inner .quantity-and-button button + button {
  margin-left: 20px;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-bottom .bottom-inner .quantity-and-button button + button {
    margin-left: 10px;
  }
}
.reo-variation-content .reo-variation-top {
  width: 100%;
  max-width: 1160px;
  height: 50px;
  position: fixed;
  top: 0;
  right: 0;
  background: #F7F8F9;
  z-index: 1;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .reo-variation-top {
    max-width: 100%;
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .reo-variation-top {
    height: 40px;
    padding: 0 20px;
  }
}
.reo-variation-content .reo-variation-top .top-inner {
  width: 100%;
  height: 100%;
  padding: 0 40px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reo-variation-content .reo-variation-top .top-inner .back-to-overview {
  padding: 0;
  font-size: 16px;
}
.reo-variation-content .deals-bundles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
  overflow-y: auto;
  scrollbar-width: none;
}
.reo-variation-content .deals-bundles::-webkit-scrollbar {
  display: none;
}
.reo-variation-content .deals-bundles .top-content {
  width: 100%;
  text-align: left;
  font-size: 16px;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 40px;
}
@media screen and (min-width: 1280px) {
  .reo-variation-content .deals-bundles .top-content {
    border-bottom: 1px solid #ddd;
    position: fixed;
    background: #fff;
    z-index: 10;
  }
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .deals-bundles .top-content {
    height: 64px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .top-content {
    height: 64px;
    padding: 0 20px;
  }
}
.reo-variation-content .deals-bundles .top-content .back-to-version {
  padding: 0;
}
.reo-variation-content .deals-bundles .bundles-content {
  padding: 96px 40px 30px;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .deals-bundles .bundles-content {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content {
    padding: 0 20px 30px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-title {
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-title {
    font-size: 22px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list {
  width: 100%;
  max-width: 940px;
  margin: 30px auto 0;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item {
  border-radius: 8px;
  border: 1px solid #ccc;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item + .bundle-item {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item + .bundle-item {
    margin-top: 20px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details {
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: flex;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details {
    flex-direction: column;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  padding: 40px 98px;
  width: auto;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content {
    padding: 40px 68px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content {
    height: 320px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .images-box {
  justify-content: space-between;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .images-box,
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .product-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .limited-and-tag {
  position: absolute;
  top: 12px;
  left: 20px;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .limited-and-tag .limited-time,
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .limited-and-tag .reo-product-tags .product-tag {
  background: transparent;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .limited-and-tag .limited-time,
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .limited-and-tag .reo-product-tags .product-tag {
    font-size: 12px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images {
  width: 272px;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images {
    width: 236px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .images-box .single-image img {
  width: 130px;
  height: 130px;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .images-box .single-image img {
    width: 110px;
    height: 110px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel .control-prev.control-arrow,
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel:hover .control-prev.control-arrow {
  left: 0;
  transform: translateX(-48px);
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel .control-prev.control-arrow,
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel:hover .control-prev.control-arrow {
    transform: translateX(-44px);
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel .control-prev.control-arrow,
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel:hover .control-prev.control-arrow {
    transform: translateX(-40px);
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel .control-next.control-arrow,
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel:hover .control-next.control-arrow {
  right: 0;
  transform: translateX(48px);
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel .control-next.control-arrow,
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel:hover .control-next.control-arrow {
    transform: translateX(44px);
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel .control-next.control-arrow,
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel-root .carousel:hover .control-next.control-arrow {
    transform: translateX(40px);
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .combination-images .carousel.carousel-slider .control-dots.default-dots {
  bottom: -50px;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .wib-box img {
  width: 84px;
  height: 84px;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .wib-box img {
    width: 72px;
    height: 72px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .wib-box img:nth-of-type(3n) {
  margin-right: 0;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .image-content .wib-box img:nth-of-type(n + 4) {
  margin-top: 10px;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content {
  padding: 32px 50px 20px 30px;
  text-align: left;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content {
    padding: 32px 20px 20px 10px;
  }
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .price-content .sale-price {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content {
    padding: 20px;
    width: 100%;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .product-name {
  font-size: 18px;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .product-name {
    font-size: 14px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .feature-list {
  display: flex;
  flex-direction: column;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .feature-list li {
  margin: 0;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .feature-list li + li {
  margin-top: 10px;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .quantity-and-button {
  display: flex;
  align-items: center;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .text-content .quantity-and-button .reo-quantity-controller {
  margin-right: 32px;
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .reo-product-tips {
  width: 100%;
  display: block;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .reo-product-tips {
    font-size: 12px;
  }
}
.reo-variation-content .deals-bundles .bundles-content .bundles-list .bundle-item .product-details .reo-product-tips > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  margin-top: 0;
  margin-bottom: 6px;
}
.reo-variation-content .black_friday_tips {
  text-align: right;
  padding-right: 40px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1280px) {
  .reo-variation-content .black_friday_tips {
    padding-right: 20px;
  }
}

