.mt-\[159px\] {
  margin-top: 159px;
}

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

.mt-\[54px\] {
  margin-top: 54px;
}

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

.bg-\[\#4088FF\] {
  background: #4088ff;
}

.text-\[\#4088FF\] {
  color: #4088ff;
}

.text-\[\#fff\] {
  color: #fff;
}

.top-\[24px\] {
  top: -24px;
}

.top-\[200px\] {
  top: 200px;
}

.hover\:bg-\[\#2e3033\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(46 48 51 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F9FAFB\] {
  background-color: #f9fafb;
}

.bg-\[\#DFE6F3\] {
  background-color: #dfe6f3;
}

.bg-\[\#4088\] {
  background-color: #ebf3ff;
}

.border-\[\#16191C\] {
  border-color: #16191c;
}

.sticky {
  position: sticky;
}

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

.buy-now-btn {
  border: 1px solid #DFE6F3;
  background: #fff;
  color: #16191C;
  border-radius: 8px;
  height:42px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  transition: border-color 0.2s ease;
}

.buy-now-btn:hover {
  border-color: #16191C !important;
  background: #fff !important;
  color: #16191C !important;
}

/* 第二个套餐卡片渐变背景 */
.package-card:nth-child(2) {
  background: linear-gradient(180deg, rgba(62,134,249,0.3) 0%, rgba(255,255,255,0) 100%), #FFFFFF !important;
  position: relative;
  overflow: hidden;
}
.package-card:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(270deg, #17C1E7 0%, #3C81FC 100%), #D8D8D8;
  z-index: 1;
}
/* 第二个套餐按钮默认蓝色 */
.package-card:nth-child(2) .buy-now-btn {
  background: #4088FF !important;
  color: #fff !important;
  border-color: #4088FF !important;
}
.package-card:nth-child(2) .buy-now-btn .icon-normal {
  display: none !important;
}
.package-card:nth-child(2) .buy-now-btn .icon-hover {
  display: inline-block !important;
}
.package-card:nth-child(2) .buy-now-btn:hover {
  background: #3470D7 !important;
  color: #fff !important;
  border-color: #3470D7 !important;
}

/* hover 时切换图标 */
.buy-now-btn:hover .icon-normal {
  display: none !important;
}
.buy-now-btn:hover .icon-hover {
  display: inline-block !important;
}

.w-\[632px\] {
  width: 632px;
}

.w-\[256px\] {
  width: 256px;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[68px\] {
  width: 68px;
}

.w-\[276px\] {
  width: 276px;
}

.w-\[211px\] {
  width: 211px;
}

.w-\[44px\] {
  width: 44px;
}

.h-\[340px\] {
  height: 340px;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[68px\] {
  height: 68px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[96px\] {
  height: 96px;
}

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

.h-\[222px\] {
  height: 222px;
}

.h-\[221px\] {
  height: 221px;
}

.h-\[690px\] {
  height: 690px;
}

.-left-\[2px\] {
  left: -2px;
}

.border-y-\[1px\] {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-x-\[2px\] {
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-\[\#F9FAFB\] {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}

.border-\[\#ADB7CD\] {
  border-color: #adb7cd;
}

.border-\[\#4088ff\] {
  border-color: #4088ff;
}

.border-\[4px\] {
  border-width: 4px;
}

.hover\:bg-\[\#3470D7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 112 215 / var(--tw-bg-opacity, 1)) !important;
}

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

.leading-\[23px\] {
  line-height: 23px;
}

.leading-\[70px\] {
  line-height: 70px;
}

.min-h-\[690px\] {
  min-height: 690px;
}

.min-h-\[222px\] {
  min-height: 222px;
}

.xl\:w-\[632px\] {
  width: 632px;
}

.lg\:w-\[632px\] {
  width: 632px;
}

.lg\:pt-\[80px\] {
  padding-top: 80px;
}

.leading-\[57px\] {
  line-height: 57px;
}

.startBtn {
  width: 200px;
  height: 48px;
  background: #4088ff;
  font-size: 16px;
  border-radius: 8px;
  margin-top: 60px;
}

.ul li {
  list-style: none;
  width: 308px;
  height: 162px;
  text-align: center;
  display: block;
}

.z-\[-1\] {
  z-index: -1;
}

.border-y-\[0px\] {
  border-top-width: 0px;
  border-bottom-width: 0px;
}


@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
}

.absolute {
  position: absolute;
}