main {
  min-height: auto;
}

.box {
  background: #170E13;
  text-align: center;
  margin-top: -1px;
  position: relative;
}
.box .title {
  background: linear-gradient(90deg, #EB5E28 0%, #FDEFE9 46.22%, #FFD779 94.72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  margin: 0 auto 8px;
  padding-top: 48px;
}
@media (min-width: 992px) {
  .box .title {
    font-size: 36px;
    width: -moz-max-content;
    width: max-content;
    padding-top: 40px;
  }
}
@media (min-width: 1600px) {
  .box .title {
    padding-top: 80px;
    font-size: 48px;
  }
}
.box .info {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #FFF8E9;
  margin-bottom: 40px;
  opacity: 0.8;
}
@media (min-width: 992px) {
  .box .info {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .box .info {
    font-size: 18px;
  }
}
.box .swiper-box {
  position: relative;
}
.box .swiper-box .swiper-button-prev {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .box .swiper-box .swiper-button-prev {
    width: 60px;
    height: 60px;
    left: 24px;
  }
}
@media (min-width: 1600px) {
  .box .swiper-box .swiper-button-prev {
    left: 144px;
  }
}
@media (min-width: 1900px) {
  .box .swiper-box .swiper-button-prev {
    left: 250px;
  }
}
.box .swiper-box .swiper-button-prev::after {
  content: "";
  width: 48px;
  height: 48px;
  background: url("https://images.pixpretty.com/buy/prev-icon.png") no-repeat;
  background-size: 100% 100%;
}
@media (min-width: 1366px) {
  .box .swiper-box .swiper-button-prev::after {
    width: 60px;
    height: 60px;
  }
}
.box .swiper-box .swiper-button-next {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
@media (min-width: 1366px) {
  .box .swiper-box .swiper-button-next {
    width: 60px;
    height: 60px;
    right: 24px;
  }
}
@media (min-width: 1600px) {
  .box .swiper-box .swiper-button-next {
    right: 144px;
  }
}
@media (min-width: 1900px) {
  .box .swiper-box .swiper-button-next {
    right: 250px;
  }
}
.box .swiper-box .swiper-button-next::after {
  content: "";
  width: 48px;
  height: 48px;
  background: url("https://images.pixpretty.com/buy/prev-icon.png") no-repeat;
  background-size: 100% 100%;
  transform: rotate(-180deg);
}
@media (min-width: 1366px) {
  .box .swiper-box .swiper-button-next::after {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 991.98px) {
  .box .swiper-box {
    padding-bottom: 112px !important;
  }
  .box .swiper-box .swiper-button-prev,
  .box .swiper-box .swiper-button-next {
    top: auto;
    bottom: 16px;
    position: absolute;
    transform: none;
  }
  .box .swiper-box .swiper-button-prev {
    left: 50%;
    transform: translateX(calc(-50% - 48px));
  }
  .box .swiper-box .swiper-button-next {
    left: 50%;
    transform: translateX(calc(-50% + 48px));
  }
}
.box .swiper-box .buySwiper {
  position: relative;
  width: 285px;
  overflow: visible;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (min-width: 992px) {
  .box .swiper-box .buySwiper {
    overflow: hidden;
    width: auto;
    max-width: 1127px;
  }
}
@media (min-width: 1600px) {
  .box .swiper-box .buySwiper {
    max-width: 1209px;
  }
}
.box .swiper-box .buySwiper.swiper-initialized {
  visibility: visible;
  opacity: 1;
}
.box .swiper-box .buySwiper .swiper-slide {
  width: 285px;
}
@media (min-width: 992px) {
  .box .swiper-box .buySwiper .swiper-slide {
    width: 264px;
  }
}
.box .swiper-box .buySwiper .swiper-slide .plan-card {
  width: 285px;
  padding: 44px 16px 36px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: space-between;
  gap: 36px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .box .swiper-box .buySwiper .swiper-slide .plan-card {
    width: 264px;
  }
}
@media (min-width: 1600px) {
  .box .swiper-box .buySwiper .swiper-slide .plan-card {
    width: 285px;
  }
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .recommend-tag {
  width: 168px;
  height: 37px;
  background: url("https://images.pixpretty.com/buy/recommend-tag.png") no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .recommend-tag .text {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #FFFFFF;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .info-box .name {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .info-box .obtain {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 40px 0 8px;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .info-box .obtain .num {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .info-box .obtain .giveaway {
  background: #170E13;
  display: inline-block;
  padding: 5px 17px 5px 21px;
  font-size: 14px;
  color: #fff;
  border-radius: 0 4px 4px 0;
  position: relative;
  font-weight: 400;
  line-height: 140%;
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%235E2610"/></svg>') no-repeat center;
  background-size: cover;
  min-width: 103px;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .info-box .total {
  font-weight: 500;
  font-size: 32px;
  line-height: 140%;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .buy-box .price {
  font-weight: 700;
  font-size: 48px;
  line-height: 140%;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .buy-box .price span {
  font-size: 32px;
  line-height: 140%;
  margin-right: 4px;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .buy-box .validity {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  opacity: 0.7;
  margin-bottom: 12px;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card .buy-box .buy-btn {
  min-width: 188px;
  justify-content: center;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card::after {
  content: "";
  width: 390px;
  height: 187px;
  background: url('data:image/svg+xml,<svg width="390" height="187" viewBox="0 0 390 187" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M389.604 14.4673L266.035 144.215C226.243 185.997 162.138 187.442 122.815 147.444L0.703375 23.2343" stroke="url(%23paint0_linear_393_13585)" stroke-width="20" stroke-linecap="square"/><defs><linearGradient id="paint0_linear_393_13585" x1="17.8921" y1="112.375" x2="374.774" y2="120.629" gradientUnits="userSpaceOnUse"><stop offset="0.0549523" stop-color="white" stop-opacity="0"/><stop offset="0.502314" stop-color="white"/><stop offset="0.872552" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
  background-size: cover;
  position: absolute;
  top: -80px;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  pointer-events: none;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-yellow {
  background: linear-gradient(160.17deg, #FFE4A6 23.77%, #FFBC20 103.1%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-yellow .info-box .name {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-yellow .info-box .obtain .num {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-yellow .info-box .total {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-yellow .buy-box .price {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-yellow .buy-box .validity {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey {
  background: linear-gradient(160.42deg, #746E71 1.76%, #453E42 97.44%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey .info-box .name {
  color: #ECDBCA;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey .info-box .obtain .num {
  color: #ECDBCA;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey .info-box .obtain .giveaway {
  color: #170E13;
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%23ECDBCA"/></svg>') no-repeat center;
  background-size: cover;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey .info-box .total {
  color: #ECDBCA;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey .buy-box .price {
  color: #ECDBCA;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-grey .buy-box .validity {
  color: #FFFFFF;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow {
  background: linear-gradient(160.08deg, #FFF8E9 1.78%, #E1BA93 98.8%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow .info-box .name {
  color: #A35A12;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow .info-box .obtain .num {
  color: #A35A12;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow .info-box .obtain .giveaway {
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%23A35A12"/></svg>') no-repeat center;
  background-size: cover;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow .info-box .total {
  color: #A35A12;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow .buy-box .price {
  color: #A35A12;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-lightYellow .buy-box .validity {
  color: #A35A12;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue {
  background: linear-gradient(160.42deg, #E9ECFF 1.76%, #7E8EF3 97.44%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue .info-box .name {
  color: #101A5E;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue .info-box .obtain .num {
  color: #101A5E;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue .info-box .obtain .giveaway {
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%23101A5E"/></svg>') no-repeat center;
  background-size: cover;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue .info-box .total {
  color: #101A5E;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue .buy-box .price {
  color: #101A5E;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-blue .buy-box .validity {
  color: #101A5E;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink {
  background: linear-gradient(158.06deg, #F7BFA9 24.78%, #EB5E28 139.84%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink .info-box .name {
  color: #5E2610;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink .info-box .obtain .num {
  color: #5E2610;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink .info-box .obtain .giveaway {
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%235E2610"/></svg>') no-repeat center;
  background-size: cover;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink .info-box .total {
  color: #5E2610;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink .buy-box .price {
  color: #5E2610;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-pink .buy-box .validity {
  color: #5E2610;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange {
  background: linear-gradient(158.06deg, #FFCE75 24.78%, #FC7F2A 100.2%, #FD8A2F 139.84%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange .info-box .name {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange .info-box .obtain .num {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange .info-box .obtain .giveaway {
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%23170E13"/></svg>') no-repeat center;
  background-size: cover;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange .info-box .total {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange .buy-box .price {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-orange .buy-box .validity {
  color: #170E13;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple {
  background: linear-gradient(160.17deg, #C4B0FF 23.77%, #8349CB 103.1%);
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple .info-box .name {
  color: #1B0042;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple .info-box .obtain .num {
  color: #1B0042;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple .info-box .obtain .giveaway {
  background: url('data:image/svg+xml,<svg width="116" height="34" viewBox="0 0 116 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3 1.57A4 4 0 0 1 14.476 0H111.5a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4H14.477a4 4 0 0 1-3.178-1.57l-9.94-13a4 4 0 0 1 0-4.86l9.94-13z" fill="%231B0042"/></svg>') no-repeat center;
  background-size: cover;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple .info-box .total {
  color: #1B0042;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple .buy-box .price {
  color: #1B0042;
}
.box .swiper-box .buySwiper .swiper-slide .plan-card.bg-purple .buy-box .validity {
  color: #1B0042;
}
.box .rule {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.8;
  margin: 20px 10px 32px;
}
@media (min-width: 992px) {
  .box .rule {
    margin: 36px auto 24px;
    max-width: 546px;
  }
}
@media (min-width: 1600px) {
  .box .rule {
    margin: 40px auto;
    max-width: 624px;
    font-size: 16px;
  }
}
.box .adviser-btn {
  border: 1px solid #FFFFFF;
  margin-bottom: 60px;
}
.box .adviser-btn:hover {
  border: 1px solid #FFFFFF;
}
@media (min-width: 992px) {
  .box .adviser-btn {
    margin-bottom: 95px;
  }
}
@media (min-width: 1600px) {
  .box .adviser-btn {
    margin-bottom: 141px;
  }
}
.box::after {
  content: "";
  background: url("https://images.pixpretty.com/buy/buy-bg.png") no-repeat center;
  background-size: 100% 100%;
  width: 100%;
  height: 79px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
@media (min-width: 992px) {
  .box::after {
    width: 100%;
    height: 145px;
  }
}
@media (min-width: 1366px) {
  .box::after {
    width: 1102px;
  }
}
@media (min-width: 1600px) {
  .box::after {
    width: 1516px;
    height: 215px;
  }
}

#adviserModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: auto;
}
#adviserModal .modal-dialog .modal-content {
  width: 452px;
  border-radius: 8px;
  padding: 56px 24px 60px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1803921569);
  background: #FFFFFF;
  margin: auto;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  #adviserModal .modal-dialog .modal-content {
    width: 350px;
    padding: 36px 24px 36px;
  }
}
#adviserModal .modal-dialog .modal-content .modal-body {
  position: relative;
}
#adviserModal .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 7L17 17M7 17L17 7" stroke="%2348494C" stroke-linecap="square"/></svg>');
  cursor: pointer;
  position: absolute;
  top: -38px;
  right: -20px;
}
@media (min-width: 992px) {
  #adviserModal .modal-dialog .modal-content .modal-body .btn-close {
    right: 2px;
  }
}
@media (max-width: 991px) {
  #adviserModal .modal-dialog .modal-content .modal-body .btn-close {
    top: -28px;
    right: -12px;
  }
}
#adviserModal .modal-dialog .modal-content .modal-body .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: #170E13;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  #adviserModal .modal-dialog .modal-content .modal-body .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    margin-bottom: 48px;
  }
}
#adviserModal .modal-dialog .modal-content .modal-body .adviser-img {
  width: 200px;
  height: 200px;
  display: block;
  margin: auto;
}

#payModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: auto;
}
#payModal .modal-dialog .modal-content {
  width: 452px;
  border-radius: 8px;
  padding: 56px 24px 40px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF8E2 100%);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1803921569);
  margin: auto;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  #payModal .modal-dialog .modal-content {
    width: 350px;
    padding: 36px 24px 36px;
  }
}
#payModal .modal-dialog .modal-content .modal-body {
  position: relative;
}
#payModal .modal-dialog .modal-content .modal-body .btn-close {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 7L17 17M7 17L17 7" stroke="%2348494C" stroke-linecap="square"/></svg>');
  cursor: pointer;
  position: absolute;
  top: -38px;
  right: -20px;
}
@media (min-width: 992px) {
  #payModal .modal-dialog .modal-content .modal-body .btn-close {
    right: 2px;
  }
}
@media (max-width: 991px) {
  #payModal .modal-dialog .modal-content .modal-body .btn-close {
    top: -28px;
    right: -12px;
  }
}
#payModal .buy-content .nav {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  #payModal .buy-content .nav {
    gap: 64px;
  }
}
#payModal .buy-content .nav .nav-link {
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #170E13;
}
#payModal .buy-content .nav .nav-link.active {
  font-size: 24px;
  color: #A35A12;
}
#payModal .buy-content .tab-content {
  margin: 24px auto 28px;
}
#payModal .buy-content .tab-content .code-img {
  width: 180px;
  height: 180px;
  display: block;
  margin: auto;
  position: relative;
  background: url("https://images.pixpretty.com/buy/code-background.png") no-repeat center;
  background-size: cover;
}
#payModal .buy-content .tab-content .code-img img {
  width: 165px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#payModal .buy-content .tab-content .code-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #170E13;
  z-index: 10;
  text-align: center;
  cursor: pointer;
}
#payModal .buy-content .tab-content .code-mask .mask-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: #170E13;
}
#payModal .buy-content .tab-content .code-mask .refresh-icon {
  width: 44px;
  height: 44px;
}
#payModal .buy-content .price-box {
  text-align: center;
}
#payModal .buy-content .price-box .p-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #170E13;
}
#payModal .buy-content .price-box .price {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #FFBC20;
}
#payModal .buy-content .price-box .price span {
  font-size: 36px;
}
#payModal .buy-content .info {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  opacity: 0.6;
  color: #170E13;
  margin: 12px auto 40px;
  text-align: center;
}
#payModal .buy-content .account {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  opacity: 0.7;
  color: #170E13;
}/*# sourceMappingURL=buy.css.map */