@import url("./font.css");
html {
  font-size: 16px;
  --12px: 0.75rem;
  --14px: 0.875rem;
  --16px: 1rem;
  --18px: 1.125rem;
  --20px: 1.25rem;
  --22px: 1.375rem;
  --24px: 1.5rem;
  --26px: 1.625rem;
  --28px: 1.75rem;
  --30px: 1.875rem;
  --32px: 2rem;
  --34px: 2.125rem;
  --36px: 2.25rem;
  --38px: 2.375rem;
  --40px: 2.5rem;
  --42px: 2.625rem;
  --44px: 2.75rem;
  --46px: 2.875rem;
  --48px: 3rem;
  --50px: 3.125rem;
  --52px: 3.25rem;
  --54px: 3.375rem;
  --56px: 3.5rem;
  --58px: 3.625rem;
  --60px: 3.75rem;
}
body {
  font-family: "Nunito-Light", "Nunito-Bold", system-ui;
  font-weight: 400;
}
.main {
  color: #fff;
}

.pic {
  height: 80px;
  border: 1px solid #ffb814;
  border-radius: 6px;
}

.buttonArrow {
  animation: arrowMove 0.6s linear infinite alternate;
}
@keyframes arrowMove {
  from {
    transform: translateX(-5px);
  }
  to {
    transform: translateX(5px);
  }
}

.visible {
  position: fixed !important;
  bottom: 5rem;
  left: 0;
  right: 0;
  animation: show 0.3s;
  -webkit-animation: show 0.3s;
}
@keyframes show {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 3rem;
    opacity: 1;
  }
}

.FAQ-item .question .question-icon {
  transition: 0.3s ease;
}
.FAQ-item.active .question .question-icon {
  transform: rotate(0deg);
}
.FAQ-item.active .answer {
  display: block;
}

/* 滚动条整体宽度 */
::-webkit-scrollbar {
  width: 8px; /* 垂直滚动条 */
  height: 8px; /* 水平滚动条 */
}

/* 滚动条轨道（背景） */
::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c0c0c0, #999999);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* 滚动条滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #999999, #666666);
}

.included_table {
  border: 1px solid #ffb814;
  border-radius: 24px;
}

.border-included {
  border-bottom: 1px solid rgba(255, 185, 20, 0.3);
}

.pay_tips {
  font-family: Nunito-Light;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

/* 移动端 */
@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

/* 2k及以上 */
@media (min-width: 2048px) {
  html {
    font-size: 20px;
  }
}