body {
  position: relative;
  --familyLeague: "League Spartan", Arial, "Microsoft Yahei", sans-serif;
  --familyGa: "Ga Maamli", sans-serif;
  color: #000;
  background: url(./vpn_bottom_bg.png) center 97% no-repeat; }
  body::after, body::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 556px;
    height: 756px; }
  body::before {
    left: 0;
    top: 40%;
    background: url(./umbrella_left.png) center center no-repeat; }
  body::after {
    right: 0;
    top: 30%;
    background: url(./umbrella_right.png) center center no-repeat; }

.purchase_enjoy ._list .pic {
  position: relative;
  width: 90px;
  margin: 0 auto; }
  .purchase_enjoy ._list .pic::before {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    right: -10px;
    width: 62px;
    height: 63px;
    background: url(./cap.png) center center no-repeat; }
.purchase_enjoy ._list li:nth-child(1) .pic::before {
  top: -25px;
  right: -28px; }
.purchase_enjoy ._list li:nth-child(2) .pic::before {
  top: -30px;
  right: -10px; }
.purchase_enjoy ._list li:nth-child(4) .pic::before {
  top: -25px;
  right: -10px; }
.purchase_enjoy ._list li:nth-child(6) .pic::before {
  top: -25px;
  right: -3px; }

.vpn__banner {
  background-image: url(./sale_green/banner_bg.jpg); }
  .vpn__banner .banner_title {
    background: url(./sale_green/title.png) center center no-repeat; }
  .vpn__banner .banner_desc {
    margin-top: -10px; }
.vpn__offer .vpn_off::after {
  background: url(./flower.png) center center no-repeat; }

.vpn_red .vpn__banner {
  background-image: url(./sale_red/banner_bg.jpg); }
  .vpn_red .vpn__banner .banner_title {
    background: url(./sale_red/title.png) center center no-repeat; }
  .vpn_red .vpn__banner .banner_desc {
    color: #fff; }
.vpn_red .sub_list .sub_icon {
  background: #45D42B; }
.vpn_red .sub_list .sub_desc {
  color: #FFF8D2; }
.vpn_red .vpn__offer .vpn_current {
  border-color: #FF1300; }
.vpn_red .vpn__offer .vpn_head {
  background: #FFE0AF;
  border-color: #FF1300; }
.vpn_red .purchase_table ._table .tab_svg.key_svg {
  fill: #EB1200 !important; }
.vpn_red .purchase_table ._table .tab-list .left::after,
.vpn_red .purchase_table ._table .tab-list .center::after,
.vpn_red .purchase_table ._table .tab-list .right::after {
  background: #e4e4e4; }
.vpn_red .purchase_table ._table .tab-list .right {
  background: #FFF0E4; }
  .vpn_red .purchase_table ._table .tab-list .right::after {
    background: #fbe3d1; }
  .vpn_red .purchase_table ._table .tab-list .right::before {
    background: #FFF6EF; }
.vpn_red .purchase_table ._table .tab_title .right {
  background: #EB1200; }
  .vpn_red .purchase_table ._table .tab_title .right::before {
    background: url(./table_vip_logo.png) center center no-repeat; }
  .vpn_red .purchase_table ._table .tab_title .right::after {
    background: #FFF6EF; }
.vpn_red .purchase_service .ser_pic {
  background: #FF4141; }
.vpn_red .comm-popup .pop_subtitle b {
  color: #28FF00; }
.vpn_red .comm-popup .price_sale {
  color: #9D503E; }
  .vpn_red .comm-popup .price_sale strong {
    color: #360C02; }
  .vpn_red .comm-popup .price_sale del {
    color: #9D503E; }
.vpn_red .comm-popup .vpn_btn {
  background: transparent linear-gradient(180deg, #FF7D7D 0%, #FF5353 41%, #FF2929 54%, #CF0202 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 9px 19px #F85800;
  border: 2px solid #FFFFFFCC; }
  .vpn_red .comm-popup .vpn_btn:hover {
    box-shadow: 0px 9px 19px #F85800; }
.vpn_red .comm-popup .pop-desc {
  color: #610702; }

.vpn_red .comm-popup .pop-offer {
  gap: 100px; }

.comm-popup {
  width: 708px;
  height: 360px;
  top: -10%; }
  .comm-popup .pop_pic {
    position: absolute;
    inset: 0px;
    z-index: 0;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover; }
  .comm-popup .pop_inner {
    position: relative;
    z-index: 1;
    text-align: center; }
  .comm-popup .pop_title {
    margin: 0;
    display: block;
    text-align: left; }
    .comm-popup .pop_title > img {
      margin: 0;
      margin-left: 40px;
      margin-top: 8px; }
  .comm-popup .pop_subtitle {
    margin-top: -32px;
    text-align: center;
    color: #fff;
    font: 500 16px/1.5 var(--familyLeague); }
    .comm-popup .pop_subtitle b {
      color: #FFCB00;
      font: inherit;
      font-weight: 700; }
  .comm-popup .reduce_price {
    display: block;
    position: absolute; }
  .comm-popup .pop-offer {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    margin-top: 24px; }
  .comm-popup .pop-image {
    flex-shrink: 0;
    width: auto;
    margin: 0;
    margin-left: 66px; }
    .comm-popup .pop-image > img {
      width: auto;
      max-width: none;
      height: auto; }
  .comm-popup .pop-sale {
    text-align: center;
    padding-top: 15px;
    position: relative; }
    .comm-popup .pop-sale > img {
      position: absolute;
      top: -40px;
      left: 88px; }
  .comm-popup .price_sale {
    color: #fff;
    font: 400 16px/1.5 var(--familyLeague); }
    .comm-popup .price_sale strong {
      color: #FFDF00;
      font: 600 32px/1.5 var(--familyLeague); }
    .comm-popup .price_sale del {
      display: inline-block;
      padding-left: 5px;
      font: inherit;
      color: rgba(255, 255, 255, 0.48); }
  .comm-popup .vpn_btn {
    margin: 4px auto;
    min-width: 260px;
    max-width: 400px;
    height: 48px;
    background: transparent linear-gradient(180deg, #FF896A 0%, #FF0000 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.76);
    border: 2px solid #FF5347;
    border-radius: 9999px;
    box-shadow: none;
    outline: none;
    color: #fff;
    font: 600 14px/1.5 var(--familyLeague);
    transition: none; }
    .comm-popup .vpn_btn .comm-second {
      padding-left: 4px; }
    .comm-popup .vpn_btn:hover {
      box-shadow: none;
      outline: none;
      background: #FF5347; }
  .comm-popup .pop-desc {
    color: rgba(255, 255, 255, 0.42);
    font: 400 12px/1.5 var(--familyLeague); }

@media (max-width: 768px) {
  body::after, body::before {
    display: none; } }

/*# sourceMappingURL=xmas_purchase.css.map */
