/* -------- Colors -------- */
.tcpc-modal {
  background-color: #FFF;
  border-radius: 4px;
  position: relative;
  padding: 12px 10px;
  box-sizing: border-box;
}
.tcpc-modal-title {
  font-size: 16px;
  text-align: center;
  color: #333;
  font-weight: 900;
}
.tcpc-modal-description {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  margin: 7px 0 10px;
  white-space: pre;
  text-align: center;
}
.tcpc-modal-close {
  width: 30px;
  height: 30px;
  background-image: url(data:image/png;base64,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);
  border: unset;
  background-size: 100%;
  background-color: unset;
  position: absolute;
  bottom: -50px;
  left: 50%;
  cursor: pointer;
  margin-left: -15px;
}
.tcpc-modal-top .tcpc-modal-close {
  bottom: unset;
  left: unset;
  margin-left: unset;
  top: -40px;
  right: 0;
}
.tcpc-modal-default .tcpc-modal-close {
  width: 12px;
  height: 12px;
  background-image: url(data:image/png;base64,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);
  bottom: unset;
  left: unset;
  margin-left: unset;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.tcpc-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
}
.tcpc-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}

/* -------- Colors -------- */
.tcpc-button {
  width: 100%;
  height: 45px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.tcpc-button-default {
  color: #333;
  background-color: #FFF;
  border: 1px solid #e8e8e8;
  font-size: 18;
}
.tcpc-button-ghost {
  color: #3264FF;
  background-color: #FFF;
  border: 1px solid #3264FF;
  font-size: 18;
}
.tcpc-button-warning {
  color: #fff;
  background-color: #FF0000;
  font-size: 18px;
  border: unset;
}
.tcpc-button-warning:active {
  background-color: #B12222;
}
.tcpc-button-primary {
  font-size: 18px;
  color: #fff;
  background-color: #3264FF;
  border: unset;
}
.tcpc-button-primary:active {
  background-color: #2245B1;
}
.tcpc-button-inline {
  width: unset;
  height: unset;
  display: inline;
  padding: 9px 14px;
  font-size: 28px;
}
.tcpc-button-inline.tcpc-button-radius {
  border-radius: 15px;
}
.tcpc-button-large {
  font-size: 16px;
}
.tcpc-button-middle {
  font-size: 14px;
  height: 30px;
}
.tcpc-button-small {
  font-size: 12px;
}
.tcpc-button-radius {
  border-radius: 46px;
}
.tcpc-button:disabled {
  background-color: #E8E8E8;
  color: #BBBBBB;
  border: unset;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}

.VerificationCodeItem--qxZQD {
  display: inline-block;
}
.VerificationCodeItem--qxZQD .code-request--R6fkG {
  width: 97px;
  height: 30px;
  line-height: 30px;
  background-color: #3264FF;
  font-size: 14px;
  color: #fff;
  border-radius: 15px;
  cursor: pointer;
}
.VerificationCodeItem--qxZQD button:disabled {
  background-color: #E8E8E8;
  cursor: unset;
}

.container--n_Nqm {
  display: flex;
  width: 290px;
  flex: none;
}
.select--adf0Y {
  position: relative;
  width: 290px;
  height: 30px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
}
.select--adf0Y.supertest--Ns7IC {
  opacity: 0;
}
.select--adf0Y:last-child {
  margin-right: 0;
}
.select--adf0Y.open--riJEQ::after {
  content: '';
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #000333 transparent;
}
.select--adf0Y::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #000333 transparent transparent transparent;
}
.select-value--gmZy5 {
  display: block;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-value--gmZy5.border--DIJav {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}
.select-popover--z6CDY {
  position: absolute;
  display: flex;
  max-height: 402px;
  left: 0;
  top: -10000px;
  z-index: 10;
  padding-top: 32px;
  overflow: hidden;
  overscroll-behavior: contain;
  -ms-scroll-chaining: contain;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}
.select-popover--z6CDY.visible--cFrFr {
  top: 36px;
}
.select-popover-header--gqsc5 {
  position: absolute;
  height: 32px;
  line-height: 32px;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  padding: 0 8px;
  display: flex;
}
.select-popover-header--gqsc5 span {
  color: #979797;
  margin-left: 5px;
  margin-right: 6px;
}
.select-popover-index--NLg_E {
  display: flex;
  flex-direction: column;
  width: 24px;
  padding-top: 4px;
  border-radius: 4px 0 0 4px;
  background-color: #E8E8E8;
  padding-left: 0;
  margin: 0;
}
.select-popover-index-item--VrDM1 {
  line-height: 24px;
  font-size: 14px;
  display: block;
  text-align: center;
  color: #666;
  cursor: pointer;
}
.select-popover-index-item--VrDM1.active--AD0UE,
.select-popover-index-item--VrDM1:hover {
  background-color: #406EFF;
  color: #fff;
}
.select-popover-index-item-used--Qqmpi.active--AD0UE,
.select-popover-index-item-used--Qqmpi:hover {
  background-color: #FF963C;
}
.select-popover-list--N5cPL {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
  overflow: auto;
}
.select-popover-list--N5cPL.border-radius--hTdzx {
  border-radius: 4px;
  min-width: 172px;
}
.select-popover-section--m5wwY {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.select-popover-section-header--pCqZf {
  line-height: 32px;
  background-color: #F5F5F5;
  padding-left: 16px;
}
.select-popover-section-item--rM5KX {
  line-height: 32px;
  padding: 0 16px;
  color: #333;
  white-space: nowrap;
}
.select-popover-section-item--rM5KX.active--AD0UE {
  background-color: #406EFF;
  color: #fff;
}
.select-popover-section-item--rM5KX:hover {
  background-color: #406EFF;
  color: #fff;
  cursor: pointer;
}
.select-popover-section-item-used--kHXam.active--AD0UE,
.select-popover-section-item-used--kHXam:hover {
  background-color: #FF963C;
}
.search-container--ev1yV {
  position: relative;
  overflow: hidden;
  padding-top: 46px;
  margin-top: -46px;
}
.search-btn--l_LBg {
  position: relative;
  z-index: 2;
  width: 88px;
  line-height: 30px;
  border-radius: 4px;
  background: linear-gradient(153deg, #FFBD54 0%, #FF8116 100%);
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.search-btn--l_LBg:hover {
  color: #fff;
}
.kind-popover--nMCvM {
  position: absolute;
  left: 215px;
  transition: all 0.2s ease-in-out;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
}
.kind-popover--nMCvM .scrollbar-container {
  padding-bottom: 35px;
}
.kind-popover--nMCvM .select-popover-back--Ih_JS {
  position: absolute;
  bottom: 32px;
  left: 0;
  line-height: 32px;
  padding: 0 16px;
  color: #333;
  white-space: nowrap;
  background: #fff;
  width: 100%;
  text-align: center;
  border-top: 1px solid #eee;
  cursor: pointer;
}
.search-icon--Fc7QY {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -28px;
  display: none;
  width: 57px;
  height: 67px;
  background-image: url('https://c.8891.com.tw/assets/static/home/img-33.png');
  background-size: 100% auto;
  z-index: 1;
}
.search-icon--Fc7QY.hover--Jsd1R {
  display: block;
}
.slogan--WyPfW {
  margin-top: 12px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.clean-btn--f1mnX {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 12px;
  height: 12px;
  display: block;
  background-image: url(78e80796624b2d97265f.png);
  z-index: 10;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.scrollbar-container {
  position: relative;
  height: 100%; }
.Video--kEhXF {
  position: relative;
}
.left-video-icon--TLaug {
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/20.png');
  position: absolute;
  left: 46px;
  top: 43%;
  cursor: pointer;
}
.right-video-icon--VgbCT {
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/19.png');
  position: absolute;
  right: 46px;
  top: 43%;
  cursor: pointer;
}
.video-list--JcKAl {
  width: 576px;
  height: 324px;
  margin: 0 auto;
}
.Three--kfMxO {
  margin-top: 54px;
  position: relative;
}
.Three--kfMxO::before {
  content: '';
  position: absolute;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2022/cons-3.png');
  width: 60px;
  height: 50px;
  left: 20px;
  top: -50px;
  background-size: cover;
}
.Three--kfMxO::after {
  content: '';
  position: absolute;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2022/cons-4.png');
  width: 132px;
  height: 111px;
  left: -10%;
  top: 58%;
  background-size: cover;
}
.Three--kfMxO .img--Mqblf {
  width: 50px;
  height: 24px;
}
.Three--kfMxO .img2--onJxo {
  width: 60px;
  height: 25px;
}
.Three--kfMxO .main--Py9vQ {
  width: 920px;
  background: #F4F4F4;
  border-radius: 12px;
  padding: 40px 0;
  position: relative;
  top: -30px;
}
.Three--kfMxO .btn--f5nb2 {
  width: 122px;
  height: 36px;
  font-size: 14px;
  color: #333;
  display: grid;
  place-items: center;
  font-weight: 500;
  background: #e2e2e2;
  border-radius: 18px;
  margin: 30px auto;
  cursor: pointer;
}
.Three--kfMxO b {
  color: #FFEA00;
}
.Three--kfMxO .title-1--lhxJ3 {
  width: 100%;
  height: 84px;
  background-size: 100%;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/3.png');
  position: relative;
}
.Three--kfMxO .title-100--L1KM0 {
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/66.png');
}
.Three--kfMxO .header--oP0aG {
  width: 920px;
  height: 271px;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2022/discount.png');
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}
.Three--kfMxO .title--irBMM {
  position: absolute;
  left: 279px;
  top: 55px;
  width: 363px;
  height: 56px;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 56px;
}
.Three--kfMxO .header-content--rc6yS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 70px;
  box-sizing: border-box;
  position: absolute;
  top: 160px;
}
.Three--kfMxO .price--w7kVK,
.Three--kfMxO .date--sNNgU {
  font-size: 24px;
  font-family: PingFangTC, PingFangTC-Regular;
  font-weight: 400;
  color: #ffffff;
}
.Three--kfMxO .nav-item--eFQEm {
  font-size: 17px;
  color: #999;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.Three--kfMxO .nav-item--eFQEm .nav-one--qvsxJ {
  cursor: pointer;
  position: relative;
  margin: 0 13px;
}
.Three--kfMxO .nav-item--eFQEm .active--wfQBq {
  position: relative;
  color: #333;
}
.Three--kfMxO .nav-item--eFQEm .active--wfQBq::before {
  width: 24px;
  height: 5px;
  content: "";
  background-color: #3264FF;
  border-radius: 2px;
  display: inline-block;
  position: absolute;
  margin-left: -12px;
  left: 50%;
  bottom: -7px;
}
.Three--kfMxO .content--zJMS9 {
  display: grid;
  grid-template-columns: repeat(4, 200px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 0 28px;
  margin-top: 33px;
}
.Two--Krijy {
  width: 920px;
  height: 1006px;
  background: #ffffff;
  border-radius: 12px;
}
.Two--Krijy .item-2--nPaZe {
  width: 800px;
  height: 234px;
  background: linear-gradient(360deg, #ffffff, #ffd9d9 67%);
  border-radius: 12px;
  margin: 0 auto;
  padding-top: 15px;
  box-sizing: border-box;
  margin-top: 20px;
}
.Two--Krijy .item-2--nPaZe .title-2--eZeJr {
  font-size: 19px;
  color: #FF6262;
  text-align: center;
}
.Two--Krijy .title-1--lhxJ3 {
  width: 100%;
  height: 84px;
  background-size: 100%;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/2.png');
  position: relative;
}
.Two--Krijy .title-1--lhxJ3 .number--_wCFW {
  font-size: 14px;
  color: #fff;
  text-align: center;
  top: 56px;
  position: relative;
}
.Two--Krijy .title-1--lhxJ3 i {
  width: 42px;
  height: 22px;
  border-radius: 9px;
  display: block;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  line-height: 22px;
  position: absolute;
  top: 6px;
  right: 46px;
}
.Two--Krijy .title-100--L1KM0 {
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/66.png');
}
.Two--Krijy .trial-content--B8LOs {
  margin-top: -20px;
}
.Two--Krijy .item-1--frWto {
  cursor: pointer;
  width: 800px;
  height: 243px;
  background: linear-gradient(360deg, #ffffff, #ffd9d9 67%);
  border-radius: 12px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 60px);
  grid-column-gap: 74px;
  padding: 14px 37px;
  box-sizing: border-box;
  margin-top: 24px;
}
.Two--Krijy .tip-1--ZRVeY {
  color: #333;
  font-size: 16px;
  text-align: center;
  margin-top: 8px;
}
.Two--Krijy .brand-more--agXuQ {
  width: 57px;
  height: 59px;
  border: 1px solid #bc1fe5;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: 11px;
  color: #BC1FE5;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 7px;
  line-height: 21px;
  cursor: pointer;
}
.Two--Krijy .brand-item--Tc8Vw {
  display: inline-block;
  width: 60px;
  overflow: hidden;
  white-space: pre;
}
.Two--Krijy .brand-item--Tc8Vw img {
  width: 60px;
  height: 60px;
  margin-bottom: 3px;
}
.Two--Krijy .brand-item--Tc8Vw .name--yUKdo {
  font-size: 16px;
  text-align: center;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Two--Krijy .item-3--sOpiG {
  width: 800px;
  height: 68px;
  background: linear-gradient(360deg, #ffffff, #ffd9d9 67%);
  border-radius: 12px;
  margin: 170px auto;
}
.Two--Krijy .item-3--sOpiG .title-3--WzI8j {
  width: 321px;
  height: 33px;
  margin: 0 auto;
  background-size: 100%;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/10.png');
  position: relative;
  top: -15px;
}
.Two--Krijy .item-3--sOpiG .content-2--ZBubh {
  display: flex;
  justify-content: space-between;
  text-align: center;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  padding: 0 30px;
}
.Two--Krijy .item-3--sOpiG .content-2--ZBubh span {
  color: #EF2A2A;
}
.video-js {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 50px !important;
  opacity: 0.8;
}
.video-js .vjs-big-play-button {
  background-color: unset !important;
  border: unset !important;
  cursor: pointer !important;
  left: 50% !important;
  top: 50% !important;
  margin-top: -24px;
  margin-left: -45px;
}
.video-js .vjs-big-play-button:hover {
  background-color: unset;
}
.BuyCarBanner--GEA29 {
  width: 568px;
  height: 35px;
  line-height: 35px;
  background: #ff4333;
  border: 2px solid #feef8a;
  border-radius: 18px;
  margin: 0 auto;
  position: absolute;
  top: 568px;
  left: 50%;
  margin-left: -284px;
}
.BuyCarBanner--GEA29 .skeleton-section--mxhSP {
  margin-bottom: unset;
}
.BuyCarBanner--GEA29 .banner-item--hD4zh {
  width: 100%;
  height: 370px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: relative;
}
.BuyCarBanner--GEA29 .arrow-icon--FWoKU {
  width: 20px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  right: -10px;
  top: 26px;
}
.BuyCarBanner--GEA29 .join-count--yCRUf {
  background: #000000cc;
  padding: 7px 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  display: inline-block;
  border-radius: 24px;
  left: 30px;
  top: 30px;
  z-index: 11;
  position: absolute;
  pointer-events: none;
}
.BuyCarBanner--GEA29 .time-price--xMo2a {
  background: linear-gradient(0deg, #ec4a40 0%, #ec4040);
}
.BuyCarBanner--GEA29 .carusel-list--b84eI {
  width: 370px;
  font-weight: 300;
}
.BuyCarBanner--GEA29 .check-btn--WvbfX {
  cursor: pointer;
}
.BuyCarBanner--GEA29 .await-price-list--LeFio {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  color: #fff;
  padding: 0 24px;
  font-size: 19px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}
.BuyCarBanner--GEA29 .await-price--_Lhh_ {
  width: 370px;
  font-size: 19px;
  color: #fff;
  box-sizing: border-box;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.BuyCarBanner--GEA29 .time-line--t_7HK {
  width: 750px;
  height: 120px;
  opacity: 1;
  background: #fff;
  padding-top: 24px;
  white-space: nowrap;
  display: -webkit-box;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
.BuyCarBanner--GEA29 .time-line--t_7HK .date--sNNgU {
  font-size: 28px;
  color: #999;
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 4px;
  position: relative;
  padding-right: 18px;
  margin-right: 6px;
}
.BuyCarBanner--GEA29 .time-line--t_7HK .date--sNNgU span {
  color: #999;
}
.BuyCarBanner--GEA29 .time-line--t_7HK .date--sNNgU:nth-last-child(1) .arrow-icon--FWoKU {
  display: none;
}
.BuyCarBanner--GEA29 .time-line--t_7HK:last-child(0) .arrow-icon--FWoKU {
  display: none;
}
.BuyCarBanner--GEA29 .time-line--t_7HK .date-press--B_Ggx {
  color: #FF0000;
}
.BuyCarBanner--GEA29 .time-line--t_7HK .date-press--B_Ggx span {
  color: #FF0000;
}
.tc-modal--r3vQf .tcpc-modal-close {
  display: none;
}
.tc-modal--r3vQf .tcpc-modal {
  width: unset;
}
.modal-content--brigr {
  text-align: center;
  color: #333;
}
.modal-content--brigr .icon-8--jty60 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.modal-content--brigr .icon-8--jty60 img {
  width: 44px;
  height: 44px;
}
.modal-content--brigr .succeed--iEPVL {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.modal-content--brigr .tip--KYjc1 {
  font-size: 14px;
}
.modal-content--brigr .return-btn--EKHU0 {
  width: 367px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: #fff;
  background-color: #3264FF;
  border-radius: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.RegionItem--SEWFq {
  position: relative;
  margin-top: 20px;
  white-space: pre;
}
.RegionItem--SEWFq .select-region-item--WOUBC {
  width: 502px;
  height: 180px;
  background: #ffffff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  color: #333;
  font-size: 14px;
  padding: 20px 18px 0;
  position: absolute;
  user-select: none;
  top: 26px;
  left: 0;
  z-index: 1;
  overflow: auto;
}
.RegionItem--SEWFq .select-region-item--WOUBC .block--CTSV8 {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 30px auto;
}
.RegionItem--SEWFq .select-region-item--WOUBC .block--CTSV8 ul {
  display: flex;
}
.RegionItem--SEWFq .select-region-item--WOUBC label,
.RegionItem--SEWFq .select-region-item--WOUBC ul {
  display: inline-block;
  font-weight: 900;
}
.RegionItem--SEWFq .select-region-item--WOUBC ul li {
  font-weight: 400;
  color: #999999;
  margin-left: 20px;
  cursor: pointer;
}
.RegionItem--SEWFq .select-region-item--WOUBC ul li:hover {
  color: #3264FF;
}
.RegionItem--SEWFq .select-region-item--WOUBC ul li.press--f3Dww {
  color: #3264FF;
}
.RegionItem--SEWFq .ask-label--P_ylD {
  color: #333;
  display: inline-block;
  font-weight: 900;
  font-size: 14px;
}
.RegionItem--SEWFq .selcet-item-border--tVgsN {
  width: 291px;
  height: 30px;
  padding-left: 10px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  vertical-align: middle;
  margin-top: -2px;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
.RegionItem--SEWFq .arrow-icon--RRl4c {
  width: 10px;
  height: 7px;
  display: inline-block;
  background-image: url(3b8d1d22c9d2d6e643cf.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 11px;
  top: 10px;
  transition: transform 0.3s;
}
.RegionItem--SEWFq .arrow-icon--RRl4c.action--g3hNf {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* 主要变量 */
/* prefix 用于所有样式名的前缀 */
/* -------- Colors -------- */
/* -------- Font -------- */
/* 新车变量 */
/* 新车PC */
/* 快捷樣式 */
/* 主題色 */
/* 配色字體顏色 */
/* 配色字體顏色 */
/* 配色字體顏色 */
/* 配色背景顏色*/
/* 配色背景顏色*/
/* 設置字體大小 */
.ant-switch-small {
  height: 20px;
  min-width: 128px;
  line-height: 114px;
}
/* 頭像 */
/* Icon  */
/* button 樣式 */
/*動畫效果*/
/* 全局居中 global-middle  */
/* button 樣式 */
/* 简化 */
.none {
  display: none !important;
}
.tl {
  text-align: left;
}
.br-btn {
  border-radius: 20px;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.bn {
  border: 0  !important;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
i {
  font-style: unset;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
:root {
  --tc-radius-s: 4px;
  --tc-radius-m: 8px;
  --tc-radius-l: 12px;
  --tc-radius-full: 100px;
  --tc-font-size-1: 12px;
  --tc-font-size-2: 13px;
  --tc-font-size-3: 14px;
  --tc-font-size-4: 15px;
  --tc-font-size-5: 16px;
  --tc-font-size-6: 17px;
  --tc-font-size-7: 18px;
  --tc-font-size-8: 19px;
  --tc-font-size-9: 20px;
  --tc-font-size-10: 22px;
  --tc-color-base: #3264FF;
  --tc-color-primary: #3264FF;
  --tc-color-im-base: #5C8AFF;
  --tc-color-success: #00CC81;
  --tc-color-warning: #F87F15;
  --tc-color-danger: #FF0000;
  --tc-color-white: #ffffff;
  --tc-color-gray: #bbb;
  --tc-color-text: #333333;
  --tc-color-text-secondary: #666666;
  --tc-color-weak: #999999;
  --tc-color-border: #bbb;
  --tc-color-box: #f5f5f5;
  --tc-color-white-background: #ffffff;
  --tc-color-gray-background: #e8e8e8;
  --tc-color-primary-background: #3264FF;
  --tc-color-warning-background: #F87F15;
  --tc-color-danger-background: #FF4333;
  --tc-toast-z-index: 999900;
  --tc-modal-z-index: 3100;
  --tc-popup-z-index: 3010;
  --tc-popover-z-index: 3001;
  --tc-mask-z-index: 3000;
  --tc-font-size-main: var(--tc-font-size-5);
  --tc-border-color: var(--tc-color-border);
  --tc-font-family: 'PingFang SC', -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}
html[data-prefers-color-scheme='usercar'] {
  --tc-color-base: #F87F15;
}
html[data-prefers-color-scheme='dark'] {
  --tc-color-primary: #3086ff;
  --tc-color-success: #34b368;
  --tc-color-warning: #ffa930;
  --tc-color-danger: #ff4a58;
  --tc-color-text: #e6e6e6;
  --tc-color-text-secondary: #b3b3b3;
  --tc-color-weak: #808080;
  --tc-color-light: #4d4d4d;
  --tc-color-border: #2b2b2b;
  --tc-color-box: #0a0a0a;
  --tc-color-white-background: #1a1a1a;
  --tc-border-color: var(--tc-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: var(--tc-font-family) !important;
}
body.tc-overflow-hidden {
  overflow: hidden !important;
}
.tc-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tc-icon-spin svg {
  animation: tc-icon-spin 1s infinite linear;
}
@keyframes tc-icon-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes tc-icon-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
*,
::before,
::after {
  border: 0 solid #e8e8e8;
  box-sizing: border-box;
}
body {
  font-size: 12px;
  font-family: PingFang TC, Helvetica, 'Helvetica Neue', Arial, STHeiti, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
  overscroll-behavior-y: none;
  background: #fff;
  margin: 0;
}
a {
  color: #333;
}
a:hover {
  color: #333;
}
dd {
  margin-bottom: 0 !important;
}
p,
ul,
li,
ol,
dl,
dt,
dd {
  list-style: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
dl {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
input {
  vertical-align: middle;
  outline: none;
}
button {
  border: unset;
}
.tc-icon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tc-icon-spin svg {
  animation: tc-icon-spin 1s infinite linear;
}
@keyframes tc-icon-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes tc-icon-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.skeleton {
  --width: 100%;
  --height: 0;
  --border-radius: 0;
  background-color: rgba(200, 87, 87, 0.2);
  border-radius: var(--border-radius);
  width: var(--width);
  height: var(--height);
  display: block;
}
.skeleton.skeleton-animated {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: adm-skeleton-loading 1.4s ease infinite;
}
@keyframes adm-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.nav-box-shadow {
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
}
.active-icon {
  width: 55px;
  height: 18px;
  display: inline-block;
  background-image: url('https://photo.8891.com.tw/2023/07/10/1688954632152239.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: -10px;
  top: 4px;
}
.app-download {
  padding: 40px 50px;
  width: 688px;
}
.app-download h3 {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}
.app-download-banner {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}
.app-download-list {
  display: flex;
  flex-wrap: wrap;
}
.app-download-list-item {
  width: 117px;
  margin-top: 24px;
}
.app-download-list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.app-download-list-item p {
  font-size: 14px;
  line-height: 18px;
  margin-top: 14px;
  color: #333;
}
.help-list {
  display: flex;
  padding: 40px 66px;
}
.nav-profile {
  width: 374px;
  padding: 40px;
  background-color: #fff;
}
.nav-profile h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 16px;
}
.nav-profile h3 a {
  color: #333;
}
.nav-profile-title {
  color: #3264FF;
  font-size: 14px;
  line-height: 18px;
  display: block;
}
.nav-profile-row {
  display: flex;
  flex-wrap: wrap;
}
.nav-profile-row.split {
  flex-direction: column;
}
.nav-profile-row.split .nav-profile-col {
  padding: 0;
  border-right: 0;
}
.nav-profile-col {
  font-size: 14px;
  line-height: 18px;
  color: #333;
  margin-top: 16px;
  padding: 0 9px;
  border-right: 1px solid #E9EEFF;
}
.nav-profile-col:nth-of-type(4n) {
  border-right: none;
}
.nav-profile-col:nth-of-type(4n + 1) {
  padding-left: 0;
}
.nav-profile-col:first-child {
  padding-left: 0;
}
.nav-profile-col:last-child {
  padding-right: 0;
  border-right: none;
}
.tc-top-nav-right-dividing {
  margin-top: 8px;
  margin-bottom: 15px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #EEECF4;
}
.tc-top-nav-popover.article {
  padding-left: 50px;
  justify-content: flex-start;
}
.tc-top-nav-popover.movie {
  padding-left: 50px;
  justify-content: flex-start;
}
.tc-top-nav-popover.movie li {
  margin-top: 0;
  margin-bottom: 20px;
}
.tc-top-nav-popover.movie ul:last-child {
  margin-right: 0;
}
.tc-top-nav-popover-images {
  display: flex;
  text-align: center;
  font-size: 14px;
  margin-top: 40px;
}
.tc-top-nav-popover-image {
  margin-right: 38px;
}
.tc-top-nav-popover-image:last-child {
  margin-right: 0;
}
.tc-top-nav-popover-image-top {
  width: 182px;
  height: auto;
  margin-bottom: 24px;
}
.tc-top-nav-logout {
  color: unset;
}
.tc-top-nav-logout::after {
  content: '|';
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
}
.tc-top-nav-msg {
  color: #3264FF;
  margin-left: 5px;
}
.tc-top-nav-msg::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 12px;
  background-image: url('https://photo.8891.com.tw/2023/07/10/1688954712902623.png');
  background-size: 100%;
  margin-right: 5px;
  top: 2px;
}
.nav-profile-bottom {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.tc-search-popover {
  position: fixed;
  top: -100%;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.97);
  z-index: 10000;
  box-sizing: border-box;
  transition: ease-in-out 0.8s;
}
.tc-search-popover-header {
  display: flex;
  justify-content: space-between;
  width: 970px;
  height: 60px;
  align-items: center;
}
.tc-search-popover-content {
  display: flex;
  width: 836px;
  margin-top: 44px;
  position: relative;
}
.tc-search-popover-input {
  position: relative;
  width: 688px;
  height: 56px;
  border: 1px solid #999999;
  border-radius: 8px;
  margin-right: 18px;
  box-sizing: border-box;
}
.tc-search-popover-input input {
  border: none;
  display: block;
  color: #333;
  font-size: 28px;
  line-height: 56px;
  width: 100%;
  height: 54px;
  padding-left: 10px;
  background-color: transparent;
  outline: none;
}
.tc-search-popover-btn {
  width: 131px;
  height: 56px;
  background: linear-gradient(153deg, #ffbd54, #ff8116 83%);
  border-radius: 4px;
  font-size: 20px;
  color: #fff;
  border: none;
  cursor: pointer;
}
.tc-search-popover-extra {
  margin-top: 40px;
  width: 836px;
  display: flex;
  justify-content: flex-start;
}
.tc-search-popover-extra p {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  margin-bottom: 12px;
  min-width: 64px;
}
.tc-search-popover-extra ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 8px;
}
.tc-search-popover-extra a {
  display: block;
  line-height: 30px;
  background-color: #E8E8E8;
  color: #666;
  font-size: 16px;
  padding: 0 8px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.tc-search-popover-extra li {
  margin-right: 20px;
}
.tc-search-popover-extra li img {
  margin-right: 4px;
  vertical-align: -1px;
}
.tc-item-ads a {
  background-color: #EAEFFF;
  color: #3264FF;
}
.tc-search-popover-input-mentions {
  display: block;
  position: absolute;
  width: 100%;
  padding: 20px 0;
  background-color: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.tc-search-popover-input-mentions a {
  display: block;
  line-height: 24px;
  font-size: 16px;
  color: #666;
  padding-left: 20px;
}
.tc-search-popover-input-mentions a:hover {
  text-decoration: none;
}
.tc-search-popover-input-mentions a.active {
  background-color: #F5F5F5;
}
.hide {
  display: none;
}
.tc-search-popover-close {
  width: 36px;
  height: 36px;
  background-image: url('https://photo.8891.com.tw/2023/07/10/1688954747815730.png');
  background-size: 100% auto;
  cursor: pointer;
}
.tc-search-popover-logo {
  height: 28px;
  width: auto;
}
.help-list-item {
  margin-right: 66px;
  height: 92px;
}
.help-list-item:last-child {
  margin-right: 0;
}
.help-list-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 14px;
}
.help-list-text {
  font-size: 14px;
  color: #333;
  line-height: 18px;
  text-align: center;
}
.article-popover-list {
  display: flex;
}
.article-popover-list-item {
  width: 182px;
  margin-right: 25px;
}
.article-popover-list-item:last-child {
  margin-right: 0;
}
.article-popover-list-image {
  display: block;
  width: 182px;
  height: 72px;
  margin-bottom: 23px;
}
.article-popover-list-title {
  font-size: 14px;
  line-height: 18px;
  color: #333;
  margin-bottom: 8px;
  text-align: center;
  font-weight: 900;
}
.article-popover-list-text {
  font-size: 14px;
  line-height: 18px;
  color: #999;
  text-align: center;
}
.search-active-box {
  width: 836px;
}
.search-active-img {
  margin-top: 20px;
  display: block;
}
.tc-search-popover-drop {
  width: 686px;
  background: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  top: 56px;
  position: absolute;
  left: 0;
  z-index: 9;
}
.tc-search-popover-drop .history p {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  margin: 20px 20px 12px 20px;
}
.tc-search-popover-drop .history p span {
  color: #3264ff;
  font-weight: 400;
  cursor: pointer;
}
.tc-search-popover-drop .history ul {
  cursor: pointer;
}
.tc-search-popover-drop .history ul li {
  padding-left: 20px;
  width: 100%;
  height: 24px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.tc-search-popover-drop .history ul li a {
  font-size: 16px;
  color: #666666;
  width: 460px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.tc-search-popover-drop .history ul li:hover {
  background: #f5f5f5;
}
.tc-search-popover-drop .results .brand {
  display: flex;
  align-items: center;
  padding: 5px 0 5px 20px;
}
.tc-search-popover-drop .results .brand img {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}
.tc-search-popover-drop .results .brand p {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #666666;
}
.tc-search-popover-drop .results .brand:hover {
  cursor: pointer;
  background: #f5f5f5;
}
.tc-search-popover-drop .results .kind {
  cursor: pointer;
  width: 100%;
  padding: 5px 20px 5px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tc-search-popover-drop .results .kind .title {
  font-size: 16px;
  color: #666666;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.tc-search-popover-drop .results .kind .btn {
  display: flex;
  justify-content: flex-end;
}
.tc-search-popover-drop .results .kind .btn a {
  margin-left: 24px;
  color: #333333;
  font-size: 14px;
}
.tc-search-popover-drop .results .kind:hover {
  background: #f5f5f5;
}
.tc-search-popover-drop .results .article {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 20px;
}
.tc-search-popover-drop .results .article p {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.tc-search-popover-drop .results .article:hover {
  cursor: pointer;
  background: #f5f5f5;
}

.ask-active-btn--eq5PG {
  width: 100%;
  line-height: 45px;
  background: #ff0000;
  border-radius: 36px;
}
.AskPriceMenu--jN1gB .car-desc--rdiTL {
  grid-template-columns: 160px auto;
  grid-column-gap: 10px;
  align-items: center;
  font-size: 20px;
  color: #333;
  display: grid;
}
.AskPriceMenu--jN1gB .car-price-item--HS_L_ .car-price-thumb--De_KK {
  width: 160px;
  height: 107px;
}
.AskPriceMenu--jN1gB .car-price-item--HS_L_ .car-price-thumb--De_KK img {
  width: 100%;
}
.AskPriceMenu--jN1gB .car-price-thumb--De_KK {
  width: 105px;
  height: 70px;
  margin: 0 auto;
}
.AskPriceMenu--jN1gB .car-price-thumb--De_KK img {
  width: 100%;
}
.AskPriceMenu--jN1gB .brand-name--f4KAF {
  font-size: 16px;
  color: #333;
}
.AskPriceMenu--jN1gB .two-price-item--Corj3 {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  text-align: center;
}
.AskPriceMenu--jN1gB .two-price-brand--J2W6T {
  width: 200px;
  border-right: 0.5px solid #e8e8e8;
  padding-right: 80px;
}
.AskPriceMenu--jN1gB .two-label--tpffB {
  color: #333;
  font-weight: 900;
  font-size: 14px;
}
.AskPriceMenu--jN1gB .two-arrow-icon--DQ5Tz {
  width: 8.5px;
  height: 16px;
  background-image: url('https://c.8891.com.tw/assets/static/kindsum/9.png');
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 5px;
}
.AskPriceMenu--jN1gB .two-kind-price--zgjtk {
  color: #FF6600;
  font-size: 17px;
  text-decoration: line-through #333;
  display: inline-flex;
  align-items: center;
  text-align: center;
}
.AskPriceMenu--jN1gB .two-price-question--LhizR {
  width: 200px;
  padding-left: 80px;
}
.AskPriceMenu--jN1gB .two-question-price--JqrxC {
  font-size: 17px;
  color: #FF6600;
}
.AskPrice--Jwga1 .ask-item-6--avO51 {
  margin-top: 6px;
  margin-bottom: 14px;
  color: #999;
  font-size: 12px;
  width: 298px;
  margin: 20px auto 0px;
  position: relative;
}
.AskPrice--Jwga1 .ask-item-6--avO51 .circle-icon--BSrKO {
  width: 14px;
  height: 14px;
  background-image: url(997f70b218cf1a866760.png);
  background-size: 100%;
  margin-right: 16px;
  margin-top: -2px;
  position: absolute;
  left: -20px;
  top: 4px;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/icon_6.png');
}
.AskPrice--Jwga1 .ask-item-6--avO51 .circle-icon--BSrKO.press--SkoCJ {
  background-image: url(2d23a3b2ced6e600d6b7.png);
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/icon_5.png');
}
.AskPrice--Jwga1 .ask-item-6--avO51 span {
  margin-left: 10px;
  color: #3264FF;
}
.AskPrice--Jwga1 .ask-item-6--avO51 a {
  color: #999999;
  text-decoration: underline;
}
.AskPrice--Jwga1 .reminder--VDRA6 {
  position: absolute;
  bottom: -16px;
  left: 72px;
  color: #FF0000;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
}
.AskPrice--Jwga1 .ask-btn--xZXQu {
  margin-top: 24px;
}
.AskPrice--Jwga1 .inqupt-item--ipOyu {
  margin-top: 20px;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  white-space: pre;
  position: relative;
  grid-template-columns: 70px auto;
  align-content: center;
  display: flex;
}
.AskPrice--Jwga1 .inqupt-item--ipOyu label {
  display: inline-flex;
  width: 70px;
  height: 28px;
  align-items: center;
}
.AskPrice--Jwga1 .code--I1RN6 {
  width: 253px;
}
.AskPrice--Jwga1 input {
  width: 298px;
  height: 30px;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding-left: 10px;
}
.AskPrice--Jwga1 .car-item--fbTCr {
  display: grid;
  grid-template-columns: 185px auto;
  grid-column-gap: 10px;
  text-align: left;
}
.AskPrice--Jwga1 .car-item--fbTCr .car-img--ryBwN {
  width: 185px;
  height: 105px;
}
.AskPrice--Jwga1 .car-item--fbTCr .car-img--ryBwN img {
  width: 100%;
}
.AskPrice--Jwga1 .car-item--fbTCr .brand-name--f4KAF {
  margin-top: 24px;
  font-size: 20px;
  color: #333;
  font-weight: 400;
}
.AskPrice--Jwga1 .car-item--fbTCr .price--HS0Ii {
  font-size: 20px;
  color: #FF0000;
  font-weight: 400;
  margin-top: 6px;
}
.AskPrice--Jwga1 .protect-icon--SdT7N {
  width: 14px;
  height: 16px;
  background-image: url(d0c8409d7d93ee2b2dad.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 8px;
  top: 8px;
}
.AskPrice--Jwga1 .protect-icon--SdT7N.press--SkoCJ {
  background-image: url(39dcde224dd4ef919f89.png);
}
.AskPrice--Jwga1 .ask-count--eVa1s {
  font-size: 12px;
}
.ask-price-discounts-banner-item--g_PEJ {
  width: 100%;
  height: 120px;
  background-image: url('https://c.8891.com.tw/assets/static/ask/img-1.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #f54b4c;
  border-radius: 10px 10px 0 0;
  position: relative;
  font-size: 17px;
  color: #fff;
}
.ask-price-discounts-banner-item--g_PEJ .discounts-date--MKCwj {
  position: absolute;
  left: 24px;
  top: 12px;
  font-size: 17px;
}
.ask-price-discounts-banner-item--g_PEJ .discount-region--AgT0X {
  position: absolute;
  bottom: 14px;
  right: 14px;
  font-size: 14px;
}
.ask-price-discounts-banner-item--g_PEJ .discounts-price-item--OjZBh {
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 6px;
  padding-top: 24px;
  box-sizing: border-box;
}
.ask-price-discounts-banner-item--g_PEJ .price--HS0Ii {
  font-size: 36px;
  color: #FFC700;
}
.AskPriceDiscountsModal--yqSZq {
  width: 600px;
  border-radius: 10px;
  padding: 0 0 20px;
}
.AskPriceModal--u2XsI,
.AskPriceMenuModal--RZMJ4 {
  width: 600px;
  border-radius: 10px;
  padding: 20px 28px;
}
.AskPriceModal--u2XsI .tcpc-modal-title,
.AskPriceMenuModal--RZMJ4 .tcpc-modal-title {
  color: #2F6CD3;
  font-size: 22px;
}
.AskPrice--Jwga1.AskPriceDiscounts--AECxj .car-item--fbTCr {
  display: grid;
  grid-template-columns: 160px auto;
  grid-column-gap: 10px;
  text-align: left;
}
.AskPrice--Jwga1.AskPriceDiscounts--AECxj .car-item--fbTCr .brand-name--f4KAF {
  margin-top: 35px;
}
.AskPrice--Jwga1.AskPriceDiscounts--AECxj .car-item--fbTCr .car-img--ryBwN {
  width: 160px;
  height: 107px;
}
.activity-price--cw5zO .activity-price-text-1--f6Mf7 {
  color: #fff;
  font-size: 25px;
  margin-top: 12px;
}
.activity-price--cw5zO .activity-price-text-1--f6Mf7 span {
  color: #FFE201;
}
.activity-price--cw5zO .activity-price-text--reKmz {
  color: #FFE201;
  font-size: 15px;
}
.activity-price--cw5zO .activity-price-text-2--CBkQz {
  position: absolute;
  left: 16px;
  top: 16px;
}
.activity-price--cw5zO .discount-region--AgT0X {
  position: absolute;
  right: 16px;
  top: 16px;
}
.like-car--bje7N {
  position: relative;
  margin-top: 20px;
  white-space: pre;
  display: flex;
}
.like-car--bje7N .select-region-item--MFrDg {
  width: 502px;
  height: 180px;
  background: #ffffff;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  color: #333;
  font-size: 14px;
  padding: 20px 18px 0;
  position: absolute;
  user-select: none;
  top: 26px;
  left: 0;
  z-index: 1;
  overflow: auto;
}
.like-car--bje7N .select-region-item--MFrDg .block--QlDHk {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 30px auto;
}
.like-car--bje7N .select-region-item--MFrDg .block--QlDHk ul {
  display: flex;
}
.like-car--bje7N .select-region-item--MFrDg label,
.like-car--bje7N .select-region-item--MFrDg ul {
  display: inline-block;
  font-weight: 900;
}
.like-car--bje7N .select-region-item--MFrDg ul li {
  font-weight: 400;
  color: #999999;
  margin-left: 20px;
  cursor: pointer;
}
.like-car--bje7N .select-region-item--MFrDg ul li:hover {
  color: #3264FF;
}
.like-car--bje7N .select-region-item--MFrDg ul li.press--SkoCJ {
  color: #3264FF;
}
.like-car--bje7N .ask-label--l46SX {
  color: #333;
  display: inline-block;
  font-weight: 900;
  font-size: 14px;
  line-height: 30px;
}
.like-car--bje7N .selcet-item-border--ytlVY {
  width: 298px;
  height: 30px;
  padding-left: 10px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  vertical-align: middle;
  margin-top: -2px;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
.ask-model--gwMX2 {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 450px;
  height: 517px;
  background: #fff;
  padding: 30px 42px;
  border: 2px solid #e41e1e;
  padding-top: 90px;
  border-radius: 12px 12px 0 0;
  z-index: 1;
}
.ask-model--gwMX2 .model-top--CzFlM {
  width: 447px;
  height: 75px;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/166.png');
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
}
.ask-model--gwMX2 .model-top--CzFlM .icon-123--c4i6j {
  width: 60px;
  height: 60px;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/icon123.png');
  background-size: 100% auto;
  position: absolute;
  left: 17px;
  top: -15px;
  background-repeat: no-repeat;
}
.ask-model--gwMX2 .model-top--CzFlM .rule-model-btn--tH95n {
  width: 82px;
  height: 26px;
  background: #fde6d5;
  border-radius: 13px;
  font-size: 14px;
  color: #e51e1e;
  line-height: 26px;
  text-align: center;
  top: 16px;
  right: 15px;
  display: block;
  position: absolute;
}
.ask-model--gwMX2 .modal-close--YOP73 {
  width: 30px;
  height: 30px;
  background-color: unset;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2021/167.png');
  background-size: 100% auto;
  border: unset;
  position: absolute;
  bottom: -50px;
  left: 50%;
  cursor: pointer;
  margin-left: -15px;
  bottom: unset;
  left: unset;
  margin-left: unset;
  top: -40px;
  right: 0;
}
.rule-modal--S1xS1 {
  width: unset;
}
.rule-modal-iframe--SYKzm {
  width: 680px;
  border: unset;
  height: 500px;
}

.One--rSSxU {
  display: grid;
  grid-template-columns: 252px 252px 252px;
  grid-column-gap: 43px;
  width: 920px;
  margin: 0 auto;
  position: relative;
  top: 672px;
  justify-content: center;
}
.One--rSSxU .item-1--urZmK {
  width: 252px;
  height: 260px;
  cursor: pointer;
}
.One--rSSxU .item-1--urZmK img {
  width: 100%;
}
.One--rSSxU .item-2--EFLyV {
  margin-top: -40px;
}
.code-modal--mJurI {
  width: 450px !important;
  height: 365px !important;
}
.code-modal--mJurI img {
  width: 226px;
  height: 266px;
  display: block;
  margin: 22px auto;
}
.Trial--RSLeT {
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(360deg, #0946ff, #4927e2 29%, #4a27e2 49%, #9300bf);
}
.Trial--RSLeT .banner--I_CJo {
  position: relative;
  width: 100%;
  height: 713px;
  background: linear-gradient(180deg, #fca671, #fff1e9 25%, #fccbac 97%, #fcc9a9);
}
.Trial--RSLeT .banner-img--HpOBU {
  width: 1397px;
  height: 936px;
  margin: 0 auto;
  position: relative;
}
.Trial--RSLeT .banner-img--HpOBU .img--EeTyl {
  width: 1397px;
  height: 936px;
  background-size: 100%;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2022/main.png');
  background-position: center top;
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
}
.trial-user-show--Fpv6F {
  width: 920px;
  height: 44px;
  background: #ec4a40;
  border-radius: 22px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 40px;
}
.content--zkVfX {
  width: 920px;
  margin: 0 auto;
  padding-top: 266px;
}
.footer--U4HdZ {
  width: 920px;
  margin-top: 100px;
  cursor: pointer;
  position: relative;
}
.footer--U4HdZ::before {
  content: '';
  position: absolute;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2022/b-1.png');
  width: 122px;
  height: 156px;
  left: -10%;
  top: -30%;
  background-size: cover;
}
.footer--U4HdZ img {
  width: 100%;
}
.carousel-text--BXBQ4 {
  width: 100%;
  display: block;
  text-align: center;
}
.code-modal--mJurI {
  width: 450px !important;
  height: 365px !important;
}
.code-modal--mJurI img {
  width: 226px;
  height: 266px;
  display: block;
  margin: 22px auto;
}
.trial-modal--bcrv4 {
  width: 450px !important;
  height: 400px !important;
}
.trial-modal--bcrv4 canvas {
  width: 226px;
  height: 266px;
  display: block;
  margin: 22px auto;
}
.trial-modal--bcrv4 .tcpc-modal-close {
  display: none !important;
}
.banner-me--fMFlj {
  position: absolute;
  right: 145px;
  top: 145px;
}
.banner-me--fMFlj a,
.banner-me--fMFlj .me-btn--Lb3n2 {
  width: 70px;
  height: 38px;
  opacity: 0.5;
  background: #000000;
  border-radius: 19px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 19px;
  font-weight: 500;
  color: #fff;
  display: grid;
  place-items: center;
}
.rule-modal--sBp3_ {
  width: unset;
}
.rule-modal-iframe--Snwex {
  width: 680px;
  border: unset;
  height: 500px;
}
.content-text--v8_mn {
  width: 100%;
  height: 33px;
  margin-top: 54px;
  font-size: 24px;
  font-family: PingFangTC, PingFangTC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 33px;
}
.content-text--v8_mn b {
  cursor: pointer;
  color: #FFEA00;
}
.qrcode--jch8a {
  width: 210px;
  height: 260px;
  background-image: url('https://c.8891.com.tw/assets/static/campaigns/2022/qrcode.png');
  background-size: 100% 100%;
  margin: 25px auto;
  background-repeat: no-repeat;
  position: relative;
}