.sale_page {
  --familyBirthday: "League Spartan", Arial, "Microsoft Yahei", sans-serif;
  --familySansita: "Sansita", Arial, "Microsoft Yahei", sans-serif
}

.sale_page .gift_title {
  position: relative
}
.idreaster .feature .message .message-box{
  width: 635px;
}
.idreaster .comm-tags>em{
  transform: scale(.9);
}
.sale_page .gift_title::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -100px;
  margin: 0 auto;
  width: 211px;
  height: 116px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(./cake.png)
}

.sale_page .title_number {
  position: relative
}

.sale_page .title_number b {
  position: relative;
  display: inline-block;
  font: inherit;
  color: inherit
}

.sale_page .title_number b::after {
  content: '';
  display: block;
  position: absolute;
  top: -40px;
  margin: 0;
  width: 68px;
  height: 158px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent
}
.sale_page.idreaster{
  padding-bottom: 0;
}
.comm_off .off_inner{
      top: -1px;
    left: -3px;
    z-index: 5;
    transform: rotate(350deg) scale(0.9);
}


.sale_feature .message-box {
  width: 650px;
}

.sale_feature .message-box .box-item {
  position: relative;
  margin-bottom: 26px;
  padding: 14px 10px 4px;
  min-height: 150px;
  border: 1px solid rgba(125, 155, 188, 0.2);
  border-radius: 6px;
}

.sale_feature .message-box .box-item.separate {
  width: 100%;
  padding-top: 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.sale_feature .message-box .box-item.separate dl {
  max-width: 305px;
}

.sale_feature .message-box .box-item.separate dd {
  padding-top: 8px;
  padding-bottom: 24px;
}

.sale_feature .message-box .box-item.separate dd>p {
  padding: 0;
  color: #4e4e4e;
}

.sale_feature .message-box .box-item dl dt {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
  color: #000;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}

.sale_feature .message-box .box-item dl dt::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 0;
  flex-shrink: 0;
  background: url(../../../2024summer_gw/idr/checked.svg) center no-repeat;
  background-size: contain;
}

.sale_feature .message-box .box-item dl p {
  line-height: 1.2;
  font-weight: 400;
}

.sale_feature .message-box .box-item dl dd {
  padding-left: 24px;
}

.sale_feature .message-box .box-item dl dd>p {
  padding: 8px 0 10px;
  color: #1c1c34;
  font-size: 16px;
}

.sale_feature .message-box .trigger-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 30px;
  text-align: center;
  max-width: 190px;
  min-height: 68px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.sale_feature .message-box .trigger-list.trigger-auto.trigger-on {
  column-gap: 25px;
}

.sale_feature .message-box .trigger-list.trigger-auto.trigger-on li {
  max-width: 50px;
}

.sale_feature .message-box .trigger-list.trigger-on {
  max-width: 600px;
  transition: all 0.3s ease;
}

.sale_feature .message-box .trigger-list .trigger-pic {
  width: 100%;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.idreaster .feature .message .message-box .trigger-list p {
  padding: 4px 0;
  color: #787878;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Lexend Deca", Arial, "Microsoft Yahei", sans-serif !important;
}

.sale_feature .message-box .message-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 30px;
}
.idreaster .feature .message .message-box .message-list li{
  width: auto;
  margin-bottom: 0;
}
.idreaster .feature .message{
  align-items: center;
}
.sale_feature .message-box .trigger-btn {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
  border-radius: 50%;
  background: #eff0f4;
  transition: all 0.3s ease;
  margin-top: -16px;
}

.sale_feature .message-box .trigger-btn:hover {
  opacity: 0.8;
}

.sale_feature .message-box .trigger-btn.trigger-on {
  transform: rotate(-180deg);
  transition: all 0.3s ease;
  margin-right: -40px;
}

.sale_feature .message-box .trigger-btn em {
  position: absolute;
  top: 5px;
  left: 10px;
  display: block;
  pointer-events: none;
  width: 7px;
  height: 11px;
}


.idreaster::after{
  display: none;
}
.sale_page .title_number.four b::after {
  right: -70px;
  background-image: url(./four.png)
}
.comm-popup .pop_tag{
  margin-top: 60px;
}
.comm-popup .pop_desc {
    padding: 0px;
    margin-bottom: -10px;
}
.comm-popup .pop_title{
  margin-bottom: 0px;
}
.sale_bottom .service .name{
  font-size: 16px;
}
.sale_review .review_box{
  justify-content: center;
  gap: 50px;
}
.sale_bottom .service .desc{
  font-size: 14px;
}
.sale_page .title_number.five b::after {
  left: 0px;
  background-image: url(./five.png)
}
.sale_table table::after{
  height: 570px;
}
.sale_page .comm_off .off_text {
  white-space: nowrap;
  font: normal normal normal 16px/1.5 "Sansita";
  color: #FFF453;
      left: 14px;
  text-shadow: 0px 3px 5px #B300FF
}
.idreaster .feature{
  padding-top: 165px;
}
.bottom_buy.sale_on{
  position: relative;
  margin: 60px auto 80px;
}

.feature_pic{
  position: relative;
}
.sale_feature .product_box {
    position: absolute;
    z-index: 2;
    top: 52%;
    right: -70px;
    width: 194px;
    height: 194px;
}
.sale_page .comm_off .off_text big {
  font: normal normal normal 40px/1.5 "Sansita";
  color: #FFF453;
  text-shadow: 0px 3px 5px #B300FF
}

.sale_page .bottom_off {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%
}

.sale_page .bottom_off::before {
  top: 18px;
  left: -18px;
  width: 54px;
  height: 73px;
  background-image: url(./cap.png)
}

.sale_page .bottom_off::after {
  display: none
}

.sale_page .bottom_off .off_inner {
  top: 46px;
  left: 70px;
  transform: rotate(0deg)
}

.sale_page .bottom_off .off_text {
  white-space: nowrap;
  font: normal normal normal 14px/1 "Sansita";
  letter-spacing: 0.7px;
  color: #FFF;
  text-shadow: 0px 0px 4px #E615BC;
  text-align: center;
  transform: rotate(-6deg)
}

.sale_page .bottom_off .off_text big {
  display: block;
  padding-bottom: 8px;
  line-height: 1;
  letter-spacing: 0px;
  color: #FF2E0D;
  text-shadow: none;
  transform: rotate(0deg)
}

.sale_offer {
  align-items: center;
  gap: 30px;
  margin: 60px auto 25px
}

.sale_offer .sale_btn {
  min-width: 278px
}

.sale_offer .sale_btn .btn_svg {
  top: -5px
}

.sale_offer .body_top,
.sale_offer .body_footer {
  width: 100%
}

.sale_offer .offer_body {
  padding: 34px 42px 15px
}

.sale_offer .offer_foot {
  padding: 16px 10px
}

.sale_offer .offer_price {
  padding-bottom: 0;
  margin-bottom: -6px
}

.sale_offer .offer_sale .sale_btn {
  min-width: 320px
}

.sale_offer .offer_sale .offer_body {
  padding: 0px 20px 10px;
  background: none;
  border-radius: 0
}

.sale_offer .offer_sale .offer_foot {
  padding: 16px 30px
}

.sale_feature .pro_tag {
  transform: scale(0.7);
  transform-origin: left center
}

.sale_table {
  background: url(./table_bg.jpg) center bottom no-repeat
}

.sale_table table::before {
  height: 500px
}

.sale_table table th,
.sale_table table td {
  font-weight: 400;
  color: #1E1C2C
}

.sale_table table th.table_text .table_pic,
.sale_table table td.table_text .table_pic {
  display: none
}

.sale_table table th.table_pro,
.sale_table table td.table_pro {
  font-weight: 400
}

.sale_table table th.table_pro .table_version::before {
  top: -30px;
  width: 79px;
  height: 91px;
  background-image: url(../../logo_vpn.png)
}

.sale_table table tr.tr_last td.table_text {
  border-bottom: 1px solid #FFEAE6
}

.sale_table table tr.tr_last td::after {
  display: block !important
}

.sale_table table tfoot th {
  height: 138px;
  border-bottom: none
}

.sale_table table tfoot th.table_free {
  background: none
}

.sale_table table tfoot th.table_pro p {
  margin: 0 auto;
  max-width: 70%;
  font: normal normal 500 16px/1.5 var(--familySale);
  color: #D19B54
}

.sale_table table tfoot th.table_pro::before {
  display: none
}

.sale_table table .sale_btn.btn_current {
  margin: 10px auto;
  width: 272px;
  height: 50px
}

.bottom_buy .sale_wrapper {
  gap: 0
}

.recovery_bottom .copy {
  color: #C59783;
  background: #FFF2DB
}