.halloween {
  font-family: "League Spartan";
  font-size: 16px;
  position: relative; }
  .halloween img {
    max-width: none;
    width: auto; }
  .halloween .wrapper,
  .halloween .common-reviews {
    width: 1200px !important;
    margin: 0px auto; }
  .halloween strong {
    font-weight: bold; }
  .halloween .buybtn,
  .halloween .btn-active {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto; }
  .halloween .buybtn {
    width: 220px;
    height: 44px;
    border: 2px solid #FD7E1A;
    border-radius: 8px;
    transition: all .3s ease-out;
    padding-top: 4px; }
    .halloween .buybtn:hover {
      background: #FFE7C7;
      border-color: rgba(255, 255, 255, 0); }
    .halloween .buybtn span {
      color: #FD7E1A;
      font-weight: 600; }
  .halloween .num_count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0px 6px 0px 30px;
    height: 24px;
    background: #FFE8C7 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 8px rgba(201, 82, 0, 0.87);
    border-radius: 12px;
    z-index: 9;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0px auto;
    opacity: 1; }
    .halloween .num_count > img {
      position: absolute;
      top: -6px;
      left: -8px; }
    .halloween .num_count > p {
      line-height: 16px;
      font-size: 14px; }
    .halloween .num_count .countdown {
      position: relative;
      display: flex;
      vertical-align: bottom;
      height: 16px;
      line-height: 16px;
      overflow: hidden;
      text-align: center;
      top: 2px; }
      .halloween .num_count .countdown .scroll-tick {
        width: 14px;
        height: 16px; }
        .halloween .num_count .countdown .scroll-tick:last-child {
          margin-right: 0; }
        .halloween .num_count .countdown .scroll-tick strong,
        .halloween .num_count .countdown .scroll-tick span {
          font-size: 16px;
          display: block;
          font-weight: 600;
          color: #FF6E07; }
  .halloween .btn-active {
    width: 256px;
    height: 75px;
    padding-top: 18px;
    align-items: start;
    background: url(./btn_bg.png) top no-repeat; }
    .halloween .btn-active span {
      display: block;
      color: #0F4000;
      height: 30px;
      line-height: 30px;
      font-weight: 600;
      margin-left: 4px; }
    .halloween .btn-active:hover {
      background: url(./btn_bg.png) bottom no-repeat; }
  .halloween .banner {
    height: 1032px;
    background: url(./banner_bg.png) no-repeat center top;
    padding-top: 60px; }
    .halloween .banner .more {
      cursor: pointer;
      text-decoration: underline; }
    .halloween .banner .date {
      position: absolute;
      width: 352px;
      left: 0;
      right: 0;
      top: -11px;
      margin: auto;
      text-align: center;
      background: #FFE8C7;
      height: 23px;
      font: normal normal normal 14px/23px League Spartan;
      box-shadow: 0px 6px 8px rgba(201, 82, 0, 0.87);
      border-radius: 12px; }
      .halloween .banner .date span {
        color: #FF6E07;
        font-size: 16px; }
      .halloween .banner .date::after {
        position: absolute;
        content: "";
        width: 34px;
        height: 32px;
        left: -25px;
        top: -10px;
        background: url(../2024halloween/clock_icon.png); }
    .halloween .banner .title {
      text-align: center;
      position: relative; }
      .halloween .banner .title h1 {
        z-index: 1;
        margin: 0 auto;
        height: 167px;
        background: url(./title.png) no-repeat bottom center; }
      .halloween .banner .title h2 {
        position: absolute;
        left: 20%;
        bottom: 20px;
        text-align: center;
        font: normal 600 22px League Spartan; }
        .halloween .banner .title h2 span {
          font-weight: 600;
          color: #00B134; }
    .halloween .banner .message {
      width: 1200px;
      display: flex;
      margin-top: 30px;
      align-items: end;
      justify-content: center;
      gap: 10px; }
      .halloween .banner .message .box {
        width: 363px;
        height: 592px;
        padding: 33px 39px 0px 46px;
        background: url(./offer_bg.png) top no-repeat; }
        .halloween .banner .message .box h3 {
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center;
          height: fit-content;
          height: 55px; }
          .halloween .banner .message .box h3 p {
            width: fit-content;
            padding: 0px 20px;
            font-weight: 600;
            height: 30px;
            line-height: 34px;
            border-radius: 15px;
            text-align: center;
            background: #FFBF85; }
        .halloween .banner .message .box .price {
          margin-top: 28px;
          text-align: center;
          position: relative; }
          .halloween .banner .message .box .price p {
            font-size: 20px;
            font-weight: bold; }
            .halloween .banner .message .box .price p strong {
              font-size: 36px; }
          .halloween .banner .message .box .price del {
            display: block;
            margin-top: 8px;
            color: #606060;
            min-height: 16px; }
        .halloween .banner .message .box .buybtn {
          margin: 28px auto 25px; }
        .halloween .banner .message .box .box-p {
          text-align: center;
          color: #606060;
          margin-bottom: 35px; }
        .halloween .banner .message .box ul {
          font: normal normal normal 16px/24px League Spartan;
          color: #5D5D5D;
          border-top: 1px solid rgba(117, 104, 91, 0.3);
          padding: 22px 0px 0px 12px; }
          .halloween .banner .message .box ul li {
            list-style: disc;
            color: #5D5D5D; }
        .halloween .banner .message .box.active-box {
          width: 410px;
          position: relative;
          padding: 33px 50px 0px 55px;
          background: url(./active_bg.png) top no-repeat; }
          .halloween .banner .message .box.active-box h3 span {
            padding-top: 7px;
            text-align: center;
            color: #8DFFA7;
            font-size: 20px;
            font-weight: 600; }
          .halloween .banner .message .box.active-box .btn-active {
            margin: 20px auto 4px; }
          .halloween .banner .message .box.active-box .box-p {
            color: #79311E; }
          .halloween .banner .message .box.active-box ul {
            border-top: 1px solid rgba(255, 255, 255, 0.3); }
            .halloween .banner .message .box.active-box ul li {
              color: #fff; }
    .halloween .banner .service {
      margin-top: 75px;
      display: flex;
      padding: 0px 50px;
      justify-content: space-between; }
      .halloween .banner .service li {
        display: flex;
        align-items: center;
        gap: 10px; }
        .halloween .banner .service li p {
          color: #606060; }
  .halloween .table-box h2,
  .halloween .table-box h3,
  .halloween .feature h2,
  .halloween .feature h3,
  .halloween .media-user h2,
  .halloween .media-user h3 {
    color: #1F1E24;
    font: normal normal bold 32px/35px League Spartan;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; }
    .halloween .table-box h2::after, .halloween .table-box h2::before,
    .halloween .table-box h3::after,
    .halloween .table-box h3::before,
    .halloween .feature h2::after,
    .halloween .feature h2::before,
    .halloween .feature h3::after,
    .halloween .feature h3::before,
    .halloween .media-user h2::after,
    .halloween .media-user h2::before,
    .halloween .media-user h3::after,
    .halloween .media-user h3::before {
      content: "";
      display: block;
      width: 110px;
      height: 32px;
      position: relative;
      top: -10px;
      background: url(./bird.svg) center no-repeat; }
    .halloween .table-box h2::after,
    .halloween .table-box h3::after,
    .halloween .feature h2::after,
    .halloween .feature h3::after,
    .halloween .media-user h2::after,
    .halloween .media-user h3::after {
      transform: rotateY(180deg); }
  .halloween .feature {
    padding-top: 100px;
    background: url(./feature_bg.png) right bottom no-repeat; }
    .halloween .feature h2 {
      color: #1F1E24;
      font: normal normal bold 32px/35px League Spartan;
      text-align: center; }
    .halloween .feature .message {
      display: flex;
      justify-content: space-between;
      margin-top: 50px; }
      .halloween .feature .message .img-box {
        position: relative;
        width: 562px;
        height: 399px; }
        .halloween .feature .message .img-box img {
          position: absolute;
          left: -120px;
          bottom: 0px; }
      .halloween .feature .message .feature-off {
        position: absolute;
        width: 306px;
        height: 299px;
        background: url(./gift_box.png) center no-repeat;
        z-index: 2;
        right: 0px;
        bottom: 0px;
        text-align: center; }
      .halloween .feature .message .message-box {
        margin-top: 75px;
        display: flex;
        width: 615px;
        justify-content: space-between;
        flex-wrap: wrap; }
        .halloween .feature .message .message-box li {
          width: 48%;
          margin-bottom: 35px; }
          .halloween .feature .message .message-box li h4 {
            display: flex;
            margin-bottom: 15px;
            align-items: center;
            font: normal normal 600 18px/21px League Spartan; }
            .halloween .feature .message .message-box li h4::before {
              content: "";
              width: 12px;
              height: 12px;
              margin-right: 10px;
              background: url(./checked.svg) center no-repeat;
              background-size: contain; }
          .halloween .feature .message .message-box li p {
            padding-left: 22px;
            color: #4E4E4E;
            font: normal normal normal 16px/20px League Spartan; }
    .halloween .feature .img-box {
      position: relative;
      z-index: 1; }
  .halloween .bottom-buy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 58px;
    width: 100%;
    height: 326px;
    background: url(./float_bg.png) no-repeat center; }
    .halloween .bottom-buy .wrapper {
      width: 1347px !important;
      height: 258px;
      padding: 0px 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(./bg_c.png) center no-repeat; }
    .halloween .bottom-buy .off {
      position: relative;
      display: flex;
      align-items: center; }
      .halloween .bottom-buy .off > img {
        position: relative;
        top: -20px;
        left: -10px; }
      .halloween .bottom-buy .off .gift_offer {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        left: 70%;
        gap: 15px; }
        .halloween .bottom-buy .off .gift_offer span {
          font-weight: 500; }
    .halloween .bottom-buy .center-message {
      position: relative;
      width: 198px;
      height: 198px;
      background: url(./prize01.png);
      display: flex;
      align-items: center;
      margin: 0px 150px 0px 255px; }
      .halloween .bottom-buy .center-message::after, .halloween .bottom-buy .center-message::before {
        content: "";
        display: block;
        position: absolute; }
      .halloween .bottom-buy .center-message::before {
        width: 30px;
        height: 31px;
        background: url(./add.png);
        left: -35%; }
      .halloween .bottom-buy .center-message::after {
        width: 1px;
        height: 164px;
        background: #FFBA03;
        right: -55%; }
      .halloween .bottom-buy .center-message .date {
        width: 282px;
        height: 35px;
        padding-top: 3px;
        display: flex;
        justify-content: center;
        margin-top: -10px;
        margin-left: -35px;
        background: #FFEFC9;
        flex-wrap: wrap;
        box-shadow: inset 0px 3px 6px rgba(236, 175, 51, 0.65);
        border: 1px solid rgba(250, 250, 250, 0.56);
        border-radius: 18px;
        font: normal normal normal 14px / 15px League Spartan; }
        .halloween .bottom-buy .center-message .date i {
          width: 21px;
          height: 23px;
          margin-right: 5px;
          margin-top: -10px;
          background: url(./hw_icon.png); }
        .halloween .bottom-buy .center-message .date span {
          width: 100%;
          color: #FF5A04;
          text-align: center; }
      .halloween .bottom-buy .center-message > div > p {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        color: transparent;
        text-shadow: 0px 3px 6px #DB8E37AD;
        margin-top: 50px; }
      .halloween .bottom-buy .center-message > div .num_count {
        position: relative;
        margin-top: 16px;
        background: #FFEFC9 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 3px 6px #ECAF33A6;
        border: 1px solid #FAFAFA8F;
        border-radius: 18px;
        flex-wrap: wrap;
        width: 110%;
        left: -5%;
        height: fit-content;
        padding: 2px 16px 2px 36px; }
        .halloween .bottom-buy .center-message > div .num_count > img {
          left: 16px; }
    .halloween .bottom-buy .right-message {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .halloween .bottom-buy .right-message h4 {
        font-size: 18px;
        font-weight: 600;
        color: #FFFFFF; }
      .halloween .bottom-buy .right-message h5 {
        margin: 6px 0px 17px;
        background: #FFDE91 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 3px 6px #ECAF33;
        border: 1px solid #FAFAFA63;
        border-radius: 15px;
        width: fit-content;
        height: 35px;
        text-align: center;
        padding: 0px 30px;
        font-size: 16px;
        line-height: 35px; }
        .halloween .bottom-buy .right-message h5 span {
          font-weight: 500; }
        .halloween .bottom-buy .right-message h5 b {
          font-weight: 600;
          color: #00B454; }
      .halloween .bottom-buy .right-message .price {
        display: flex;
        align-items: baseline;
        position: relative;
        color: #000;
        justify-content: center; }
        .halloween .bottom-buy .right-message .price span {
          font-size: 14px;
          font-weight: bold; }
        .halloween .bottom-buy .right-message .price b {
          font-size: 30px;
          font-weight: 600;
          font-family: "League Spartan"; }
        .halloween .bottom-buy .right-message .price del {
          color: rgba(93, 93, 93, 0.61);
          margin-left: 5px; }
      .halloween .bottom-buy .right-message > p {
        font-size: 14px;
        color: #7A3700;
        margin-top: -10px; }
  .halloween .table-box {
    margin-top: 74px;
    padding-top: 64px;
    background: url(./center_bg.png) top left no-repeat; }
    .halloween .table-box .table_cont {
      padding: 110px 12px 0px;
      display: flex;
      justify-content: space-between;
      align-items: start; }
      .halloween .table-box .table_cont .li_title {
        height: 60px;
        font-weight: 600;
        line-height: 60px;
        border-radius: 12px 12px 0px 0px;
        text-align: center;
        color: #1E1C2C; }
      .halloween .table-box .table_cont ul {
        border-radius: 0px 0px 12px 12px; }
        .halloween .table-box .table_cont ul li {
          display: flex;
          line-height: 1.2;
          align-items: center;
          height: 30px;
          justify-content: center;
          border-top: 1px solid #FBDFA2;
          font-size: 14px;
          font-weight: 500;
          color: #1E1C2C; }
          .halloween .table-box .table_cont ul li.increase {
            height: 40px; }
          .halloween .table-box .table_cont ul li span {
            display: block;
            width: 16px;
            height: 16px; }
            .halloween .table-box .table_cont ul li span.grey-yes {
              background: url(./grey_yes.svg) center no-repeat; }
            .halloween .table-box .table_cont ul li span.grey-no {
              background: url(./grey_no.svg) center no-repeat; }
            .halloween .table-box .table_cont ul li span.red-yes {
              width: 25px;
              height: 25px;
              position: relative;
              bottom: -4px;
              background: url(./red_yes.svg) center no-repeat; }
      .halloween .table-box .table_cont .table_l {
        width: 430px;
        padding-left: 18px; }
        .halloween .table-box .table_cont .table_l li {
          justify-content: left; }
          .halloween .table-box .table_cont .table_l li span {
            width: auto;
            height: auto; }
      .halloween .table-box .table_cont .table_c {
        border-radius: 12px;
        background: #FFF4E8; }
        .halloween .table-box .table_cont .table_c ul {
          width: 296px;
          padding: 0px 12px 10px; }
      .halloween .table-box .table_cont .table_r {
        width: 424px;
        padding: 17px 13px;
        border-radius: 12px;
        position: relative;
        top: -61px;
        color: #FF8148;
        border: 2px solid #FF7A00; }
        .halloween .table-box .table_cont .table_r::after, .halloween .table-box .table_cont .table_r::before {
          content: "";
          display: block;
          position: absolute; }
        .halloween .table-box .table_cont .table_r::before {
          width: 49px;
          height: 88px;
          background: url(./table_icon1.svg);
          left: 0px;
          top: 0px; }
        .halloween .table-box .table_cont .table_r::after {
          width: 87px;
          height: 72px;
          background: url(./table_icon2.svg);
          right: -25px;
          bottom: -25px; }
        .halloween .table-box .table_cont .table_r .li_title {
          font-size: 20px;
          height: 105px;
          padding-top: 32px;
          border-bottom: 1px solid #FFBD61; }
        .halloween .table-box .table_cont .table_r ul {
          padding: 0px 16px 20px; }
          .halloween .table-box .table_cont .table_r ul li {
            color: #fff;
            border-top: 1px solid #FFBD61; }
        .halloween .table-box .table_cont .table_r div {
          background: transparent linear-gradient(180deg, #FFB444 0%, #FF8016 100%) 0% 0% no-repeat padding-box;
          box-shadow: 0px 20px 50px #CC68148C;
          border-radius: 12px; }
          .halloween .table-box .table_cont .table_r div::before {
            content: "";
            display: block;
            width: 117px;
            height: 72px;
            background: url(./vip-logo.png) center no-repeat;
            position: absolute;
            top: -36px;
            left: 0;
            right: 0;
            margin: 0px auto; }
  .halloween .media-user {
    min-height: 600px;
    padding-top: 100px; }
    .halloween .media-user .screen-title {
      font-size: 32px;
      font-weight: bold;
      text-align: center;
      padding-bottom: 30px; }
    .halloween .media-user .media p {
      width: 760px;
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      margin: 70px auto 50px; }
    .halloween .media-user .swiper-container {
      width: 100%;
      height: 100%; }
    .halloween .media-user .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      position: relative;
      width: 84px;
      height: 84px;
      border-radius: 50%; }
      .halloween .media-user .swiper-slide img {
        width: 80%;
        height: 80%;
        margin: 5% auto; }
    .halloween .media-user .swiper-slide-active {
      border: 2px solid #ea5656;
      box-sizing: border-box; }
    .halloween .media-user .swiper-button-prev {
      left: 0;
      background: url(./arrow.png) left center no-repeat; }
      .halloween .media-user .swiper-button-prev::after {
        display: none; }
    .halloween .media-user .swiper-button-next {
      right: 0;
      background: url(./arrow.png) right center no-repeat; }
      .halloween .media-user .swiper-button-next::after {
        display: none; }
    .halloween .media-user .review-wrap {
      margin-top: 30px;
      height: 320px;
      padding-top: 30px;
      padding-right: 30px; }
    .halloween .media-user .user-head {
      height: 90px;
      width: 730px;
      padding: 0 90px;
      position: relative;
      margin: 0 auto; }
    .halloween .media-user .user-avator {
      font-size: 14px;
      color: #202020;
      line-height: 1.6;
      width: 730px;
      margin: 15px auto;
      font-weight: 500;
      position: relative; }
      .halloween .media-user .user-avator ul li {
        display: none;
        width: 100%;
        height: 160px;
        font-weight: 500; }
      .halloween .media-user .user-avator P {
        font-size: 18px;
        margin-top: 15px;
        font-weight: 500; }
      .halloween .media-user .user-avator img {
        position: absolute;
        right: -105px;
        bottom: 65px; }
  .halloween .screen3 {
    position: relative;
    z-index: 3;
    padding-top: 32px;
    overflow: hidden;
    margin-top: 60px; }
    .halloween .screen3 .swiper-container {
      width: 100%;
      height: 100%; }
    .halloween .screen3 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: transparent;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      position: relative;
      width: 160px;
      height: 160px;
      border-radius: 50%; }
      .halloween .screen3 .swiper-slide img {
        width: 100%;
        height: 100%;
        margin: 5% auto; }
    .halloween .screen3 .review-wrap {
      height: 320px;
      position: relative; }
    .halloween .screen3 .content {
      background: #fff;
      width: 1120px;
      margin: 0 auto; }
      .halloween .screen3 .content .user-head {
        height: 160px;
        width: 160px;
        position: absolute;
        left: 75px;
        top: 70px; }
        .halloween .screen3 .content .user-head:before {
          content: '';
          width: 185px;
          height: 210px;
          position: absolute;
          left: -36px;
          top: -33px;
          background: url(../2024halloween/red-cm.png) no-repeat; }
      .halloween .screen3 .content .user-avator {
        font-family: League Spartan;
        font-size: 16px;
        color: #999;
        line-height: 1.7;
        width: 878px;
        margin: 15px auto;
        font-weight: 400;
        position: relative;
        float: right;
        padding-top: 0px; }
        .halloween .screen3 .content .user-avator ul {
          margin-top: 68px; }
          .halloween .screen3 .content .user-avator ul li {
            display: none;
            width: 100%;
            height: 130px;
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            color: #60403C;
            padding: 0 150px 0 20px; }
        .halloween .screen3 .content .user-avator img {
          position: absolute;
          right: -105px;
          bottom: 65px; }
        .halloween .screen3 .content .user-avator p {
          font-size: 18px;
          margin-top: 15px;
          width: 152px;
          line-height: 30px;
          position: absolute;
          top: 210px;
          left: -160px;
          text-align: center;
          font-size: 12px;
          color: #fff;
          background: url(../2024halloween/nome-cm.png) no-repeat; }
        .halloween .screen3 .content .user-avator .screen-title {
          width: 100%;
          color: #60403C;
          line-height: 1.6;
          font-weight: 600;
          text-align: left;
          font-size: 46px; }
          .halloween .screen3 .content .user-avator .screen-title::after {
            content: '';
            display: inline-block;
            width: 81px;
            height: 57px;
            background: url(../2024halloween/dit-cm.png) no-repeat;
            vertical-align: middle;
            margin-left: -10px; }
      .halloween .screen3 .content .swiper-button-next,
      .halloween .screen3 .content .swiper-button-prev {
        width: 30px;
        height: 20px;
        top: 50px; }
        .halloween .screen3 .content .swiper-button-next::after,
        .halloween .screen3 .content .swiper-button-prev::after {
          content: ""; }
      .halloween .screen3 .content .swiper-button-prev {
        background: url(../2024halloween/arrow.png) left 5px no-repeat;
        left: 226px; }
      .halloween .screen3 .content .swiper-button-next {
        background: url(../2024halloween/arrow.png) right 5px no-repeat;
        left: 300px; }
      .halloween .screen3 .content .swiper-button-next.swiper-button-disabled,
      .halloween .screen3 .content .swiper-button-prev.swiper-button-disabled {
        opacity: 1; }
      .halloween .screen3 .content .swiper-button-prev.swiper-button-disabled {
        background: url(../2024halloween/arrow.png) left -85px no-repeat; }
      .halloween .screen3 .content .swiper-button-next.swiper-button-disabled {
        background: url(../2024halloween/arrow.png) right -85px no-repeat; }
  .halloween .footer {
    padding: 22px 16px 18px;
    text-align: center;
    background: #fff;
    color: #8F8F8F;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500; }
  .halloween .popbg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .3s ease;
    transform-origin: top;
    z-index: -99998; }
    .halloween .popbg.on {
      transform: scale(1);
      z-index: 999; }
  .halloween .hllwen-btn {
    display: flex;
    margin: 0px auto;
    justify-content: center;
    width: 259px;
    height: 79px;
    background: url(../2024halloween/btn-nomail.png);
    color: #0F4000;
    font: normal normal 600 16px/67px League Spartan; }
    .halloween .hllwen-btn:hover {
      background: url(../2024halloween/btn-hover.png); }
  .halloween .halloween-pop {
    position: fixed;
    width: 733px;
    height: 390px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -99998;
    margin: auto;
    transform: scale(0);
    transition: all .3s ease;
    transform-origin: top;
    z-index: -99998;
    background: url(../2024halloween/tc_bg_new.png); }
    .halloween .halloween-pop.on {
      transform: scale(1);
      z-index: 1000; }
    .halloween .halloween-pop .hllwen-btn {
      padding-left: 38px;
      margin-left: 264px;
      margin-top: 0px; }
    .halloween .halloween-pop .close {
      position: absolute;
      display: block;
      width: 16px;
      height: 16px;
      top: 34px;
      right: 77px;
      cursor: pointer;
      background: url(../2024halloween/cross-small.png); }
      .halloween .halloween-pop .close:hover {
        opacity: 0.8; }
    .halloween .halloween-pop .tit_h3 {
      font-size: 20px;
      color: #FF3131;
      margin-top: 117px;
      text-align: center; }
      .halloween .halloween-pop .tit_h3 span {
        font-weight: 700;
        position: relative; }
        .halloween .halloween-pop .tit_h3 span::after {
          content: attr(data-content);
          -webkit-text-stroke: 3px #fff;
          position: absolute;
          left: 0;
          top: -1px;
          z-index: -1; }
    .halloween .halloween-pop .message-box {
      margin-top: 0px;
      display: flex;
      justify-content: center; }
      .halloween .halloween-pop .message-box .price {
        margin-top: 30px;
        text-align: center;
        margin-left: 40px; }
        .halloween .halloween-pop .message-box .price > b {
          display: block;
          font-size: 18px;
          font-weight: bold; }
        .halloween .halloween-pop .message-box .price strong {
          display: block;
          margin: 5px auto;
          color: #1CB900;
          font-size: 20px; }
          .halloween .halloween-pop .message-box .price strong b {
            font-size: 36px;
            font-weight: 700; }
        .halloween .halloween-pop .message-box .price span {
          display: block;
          background: url(../2024halloween/pop_del.png) no-repeat center;
          font-size: 16px;
          color: rgba(120, 0, 0, 0.52); }
        .halloween .halloween-pop .message-box .price del {
          font-size: 16px;
          color: rgba(0, 0, 0, 0.52); }
    .halloween .halloween-pop .hllwen-btn {
      padding-left: 38px;
      margin-left: 264px;
      margin-top: 0px; }
    .halloween .halloween-pop p {
      color: #fff;
      margin-top: -5px;
      font-size: 12px;
      text-align: center;
      text-indent: 55px; }

/*# sourceMappingURL=style.css.map */