*{margin: 0;padding: 0;}
img{max-width:100%;height: auto;}
/* body{font-size: 19px;} */

.container{max-width: 1200px;margin: 0 auto;}
.title-bg{text-align: center;}
h2{font-weight: bolder;font-size: 42px;padding-left: 120px;text-align: center;color:#ff0000;background: url(../images/festival-present-gw/h2-bg.png) no-repeat left top;min-width: 929px;min-height: 125px;display: inline-flex;flex-direction: column;justify-content:flex-end;padding-bottom: 15px;}
h2 span{display: block; -webkit-text-stroke: 6px #fff;padding-bottom: 10px;}
h2 span::before{
    content: attr(data-title);
    position: absolute;
   color:#ff0000;
    -webkit-text-stroke: 0;
}
@media (max-width:1200px) {
  .container{padding: 0 10px;}
  
}
@media (max-width:979px) {
  h2{font-size:34px;background: none;padding-left: 0;min-height: auto;min-width: auto;}
  
}

/* ------------ */
.main-banner{background: url(../images/festival-present-gw/bg1.jpg) no-repeat center top/cover;text-align: center;padding: 20px 0;}
h1 span{display: none;}
.banner-step-container{padding: 20px 0 0;display: flex;justify-content: space-between;}
@media (max-width:1200px) {
  .banner-step-container img{width: 25%;}
}
@media (max-width:479px) {
  .banner-step-container{flex-wrap: wrap;}
  .banner-step-container img{width: 50%;}
}
/* ---------- */
.main-first{background: url(../images/festival-present-gw/bg2.jpg) no-repeat center top/cover;min-height: 1177px;padding: 70px 0 0 ;}
.mf-prod{display: flex;padding: 50px 0 20px;gap: 20px;justify-content: center;}
.mf-prod >div{padding: 20px 35px;border-radius: 10px;background: #fff;}
.prod-enhancer{}
.prod-enhancer h3{font-size: 35px;display: flex;align-items: center;gap: 10px;padding:0 0 10px 15px;}
.prod-enhancer .h3-mess{font-size: 25px;background: #cae4ff;line-height: 48px;border-radius: 24px;padding: 0 20px;display: inline-block;}
.video-container{padding: 30px 0 0;width: 600px;}
.video-container video{width: 100%;height: auto;border-radius: 10px;}
.pde-btn-container{display: flex;justify-content: space-between;align-items: flex-end;}
.pde-btn-container p{font-size: 15px;color: #949292;text-align: right;padding-right: 10px;}
.pde-btn-input-box{position: relative;}
.pde-btn-input-box .num{position: absolute;left: 5px;top:-22px;z-index:0;background: #3ab549;border-radius: 10px 0 0;padding: 0 10px 10px;color: #fff;}
.pde-btn-input-box input{outline: none;font-size: 14px;}
.btn-input-bg{background: #f0f0f0;border-radius: 24px;z-index: 1;position: relative;padding: 4px 5px 4px 10px;display: flex;;}
.btn-input-bg button{font-size: 17px;background: #ff861a;color: #fff;line-height: 40px;border-radius: 20px;padding: 0 10px;}
.pde-price-box{color: #000;font-size: 27px;}
.pde-price-box del{color: #888888;}
.pde-down-btn a{background: #3e9dff;border-radius: 10px;color: #fff;font-size: 17px;line-height: 48px;display: inline-block;padding: 0 15px;}
.mf-prod .prod-function{padding-top: 30px;}
.prod-function h3{font-size: 21px;}
.prod-function h3 span{display: none;align-items: center;gap: 10px;padding-bottom: 10px;}
.prod-function h3 span.active{display: flex;}
.prod-function ul{padding: 15px 0 25px;display: none;}
.prod-function ul.active{display: block;}
.function-imgs{position: relative; height: 311px; overflow: hidden;}
.function-imgs img{position: absolute; top: 0; left: 0; display: none;}
.function-imgs img.active{display: block;}
.function-icons{text-align: center;}
.function-icons span{width: 10px;height: 10px;border-radius: 5px;background: #acacac;display: inline-block;margin-right: 5px;transition: width 0.3s ease-in-out;cursor: pointer;}
.function-icons span.active{background: #165bff;width: 30px;border-radius: 5px;}
.mf-steps{background: #fff;border-radius: 10px;display:flex;align-items: center;padding: 20px 10px 45px;}
.mf-steps p:first-of-type{width: 230px;flex-shrink: 0;padding: 0 10px;}
.mf-steps p:not(:first-of-type){font-size: 13px;}
.step-bg{position: relative;margin-left: 15px;}
.step-bg span{color: #178524;font-size: 15px;padding-left: 25px;}
.step-bg span b{font-size: 19px;}
.step-bg::before{content: url(../images/festival-present-gw/icon-r.png);position: absolute;left: -15px;top:calc(50% - 8px);}
.mf-steps .step-bg:first-of-type::before{display: none;}

@media (max-width:1320px) {
  .mf-prod{padding: 50px 0 20px;}
  .video-container{width:550px; }
  .mf-steps{margin: 0;}
}
@media (max-width:1200px) {
  
  .prod-enhancer{width:60%; }
  .video-container{width: auto;}
  .pde-btn-container{flex-direction: column;align-items: center;}
  .pde-btn-input-box input{flex-grow: 1;}
  .pde-btn-container div:nth-child(1){align-self: stretch;}
}
@media (max-width:979px) {
  .mf-prod{flex-direction: column;}
  .prod-enhancer{width: auto;}
  .mf-steps{flex-wrap: wrap;padding: 0 10%;}
  .step-bg{display: flex;flex-direction: column;}

  .mf-steps p:first-of-type{
    flex: 0 0 calc(100% - 60px);
    width: auto;
  }
  .mf-steps .step-bg{
    flex: 0 0 120px;
    margin-left: 0;
  }
  .mf-steps .step-bg + p{
    flex: 1 1 calc(100% - 120px);
    margin: 0;
    padding-left: 10px;
  }
  
}
@media (max-width:767px) {
  .prod-enhancer .h3-mess{font-size:17px;line-height: 1.1 ;}
  .mf-steps{padding: 0 0 0 20px;}
}
@media (max-width:479px) {
  .mf-prod >div{padding-left: 5px;padding-right: 5px;}
  .prod-enhancer h3{font-size: 29px;padding-left: 0;}
}
/* ---------- */
.main-day{background: url(../images/festival-present-gw/bg3.jpg) no-repeat center top/cover;min-height: 996px;padding: 70px 0 0 ;}
.main-day h2{padding-bottom: 75px;}
.day-title {position: relative;margin-bottom: 25px;}
.day-title p{display: inline-block;line-height: 40px;border-radius: 20px;background: #fff;font-weight: bold;margin-left: 15px;padding-left: 100px;}
.day-title span{color: #f34a88;font-size: 21px;}
.day-title >img{position: absolute;left: 0;top:-15px;}
.day-title2 >img{top: -10px;left: 15px;}
.day-multiple{border-bottom: 16px solid #f34a88;display: flex;justify-content: space-between;align-items: flex-end;margin: -140px 60px 0;}
.day-multiple >div{width: 28%;text-align: center;position: relative;}
.day-multiple .t{border-radius: 10px 10px 0 0;padding-top: 20px; background:#f34a88;color: #fff;font-size: 30px;display: flex;flex-direction: column;justify-content: center;font-weight: bold;align-items: center;}
.multiple1 .t{height: 185px;}
.multiple2 .t{height: 266px;}
.multiple3 .t{height: 412px;}
.multiple1 > img{margin-bottom: -35px;}
.multiple2 > img{margin-bottom: -30px;}
.multiple3 > img{margin-bottom: -30px;}
.day-multiple .t span{font-size: 53px;display: block;}
.multiple3 .five{font-size: 30px;background: url(../images/festival-present-gw/5b.png);width: 227px;height: 211px;color: #000;display: flex;justify-content: center;flex-direction: column;}
.multiple3 .five span{font-size: 72px;color: #f24a89;line-height: 1;}
.multiple3 .t p{font-size: 21px;}
.multiple2::before{content:url(../images/festival-present-gw/line.png);position: absolute;top: 90px;left:-95px;}
.multiple3::before{content:url(../images/festival-present-gw/line.png);position: absolute;top: 70px;left:-80px;}
.multiple-btn{position: absolute;bottom: -88px; width: 100%;}
.multiple-btn a{line-height: 52px;font-size: 19px;display: inline-block; width: 100%;font-weight: bold;}
.multiple1 .multiple-btn a{background: #fff;border-radius: 10px;}
.multiple2 .multiple-btn a{background: #000;border-radius: 24px;color: #fff;display:flex;justify-content: center;align-items: center;gap:10px;}
.multiple3 .multiple-btn a{background: linear-gradient(to right,#ff5956,#ffeb26);border-radius: 10px;position: relative;border-radius: 24px;}
.multiple3 .multiple-btn a img{position: absolute;right: 5px;bottom:-35px;}

@media (max-width:992px) {
  .main-day .container{padding: 0;}
  .day-multiple{margin-left: 0;margin-right: 0;}
  .day-multiple >div{width: 32%;}
  
}
@media (max-width:767px) {
  .main-day{padding-bottom: 90px;}
  .day-multiple{flex-direction: column;align-items: center;gap: 20px;margin-top: 0;}
  .day-multiple >div{width: 100%;}
  .day-multiple >div > img{display: none;}
  .day-multiple >div::before{display: none;}

}
/* ---------- */
.main-buyone{background: url(../images/festival-present-gw/bg4.jpg) no-repeat center top/cover;min-height: 1250px;padding: 20px 0 0 ;}
.main-buyone h2{background-image: url(../images/festival-present-gw/h2-bg2.png);flex-direction: row;justify-content: center;align-items: flex-end;color: #000;min-width: 724px;}
.main-buyone h2 b{color: #ff0000;font-size: 55px;}
.buyone-container{background: #fff;border-radius: 20px;margin: 40px 0 0;}
.buyone-content{display: flex;justify-content: space-between;}
.buyone-box{padding: 18px 25px;}
.buyone-left{border: 10px solid #0a9eff;border-right: none;border-bottom: none; border-radius: 20px 0 0 0;width: 48%; position: relative;}
.buyone-right{border: 10px solid #ff7d1e;border-left: none;border-bottom: none;border-radius: 0 20px 0 0;width: 52%;padding-left: 6%;box-sizing: border-box;}
.product-top {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;padding-bottom: 20px;}
.product-logo {flex-shrink: 0;display: flex;}
.product-title-tag {display: inline-block;font-size: 15px;line-height: 1;padding: 6px 14px;border-radius: 100vw;background-color: #acd1ff;}
.product-content.ave .product-title-tag {background-color: #253b99;}
.product-h3 {font-size: 28px;line-height: 1;font-weight: 600;padding-top: 8px;}
.product-video {padding-top: 68%;background-color: #bfbfbf;border-radius: 18px;position: relative;margin-left: 20px;}
.product-video>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 18px;}
.product-box {position: absolute;left: -20px;bottom: -18px;}
.product-icons {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 24px;}
.product-icons>li {width: 125px;font-size: 15px;color: #000;line-height: 1;text-align: center;}
.product-icons>li::before {content: "";display: block;height: 54px;background-repeat: no-repeat;background-position-y: top;}
.buyone-box.ave .product-icons>li::before {background-image: url(../images/festival-present-gw/product-icons1.png);}
.buyone-box.aie .product-icons>li::before {background-image: url(../images/festival-present-gw/product-icons2.png);}
.buyone-box.aim .product-icons>li::before {background-image: url(../images/festival-present-gw/product-icons3.png);}
.buyone-box.ave .product-icons>li:nth-child(1)::before {background-position-x: 44px;}
.buyone-box.ave .product-icons>li:nth-child(2)::before {background-position-x: -104px;}
.buyone-box.ave .product-icons>li:nth-child(3)::before {background-position-x: -240px;}
.buyone-box.ave .product-icons>li:nth-child(4)::before {background-position-x: -377px;}
.buyone-box.aie .product-icons>li:nth-child(1)::before {background-position-x: 44px;}
.buyone-box.aie .product-icons>li:nth-child(2)::before {background-position-x: -106px;}
.buyone-box.aie .product-icons>li:nth-child(3)::before {background-position-x: -247px;}
.buyone-box.aie .product-icons>li:nth-child(4)::before {background-position-x: -379px;}
.buyone-box.aim .product-icons>li:nth-child(1)::before {background-position-x: 39px;}
.buyone-box.aim .product-icons>li:nth-child(2)::before {background-position-x: -105px;}
.buyone-box.aim .product-icons>li:nth-child(3)::before {background-position-x: -246px;}
.buyone-box.aim .product-icons>li:nth-child(4)::before {background-position-x: -383px;}
.product-intros {padding: 22px 0 5px 20px;}
.product-intros>li {list-style-type: disc;line-height: 1;padding-bottom: 13px;}
.buyone-left::before{content: "";position: absolute;right: -60px; top: 0;bottom: 0; border-left: 60px solid currentColor;color: #0a9eff;border-top: 380px solid transparent;border-bottom: 380px solid transparent;}
.buyone-price{background:#eff9ff ;border-radius: 0 0 20px 20px;padding: 15px 0 25px;position: relative;
     border: 10px solid transparent;
     border-top: none;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(#eff9ff, #eff9ff), linear-gradient(to right, #0a9eff 50%, #ff7d1e 50%);
}
.buyone-price .bg-img{position: absolute;bottom: -5px;right: -80px;}
.product-price {display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;gap: 5px;padding-bottom: 5px;}
.product-price-left {width: 100px;height: 88px;box-sizing: border-box;padding: 0 0 18px;font-size: 17px;color: #fff;line-height: 1;background: url(../images/festival-present-gw/fire-bg.png);display: flex;justify-content: center;align-items: flex-end;}
.product-price-center {width: 202px;line-height:53px;text-align: center;background-color: #dc2f2f;border-radius: 10px;margin-bottom: 11px;font-size: 37px;color: #fff;font-weight: 700;position: relative;}
.product-price-center::after {content: "";border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #dc2f2f;position: absolute;left: 50%;top: 100%;margin-left: -10px;}
.product-price-right {width: 106px;font-size: 17px;color: #3f3f3f;line-height: 1;display: flex;justify-content: center;align-items: flex-end;flex-direction: column;text-align: center;margin-bottom: 17px;gap: 5px;}
.product-price-right>span {font-weight: bold; width: 100%;line-height: 24px;font-size: 18px;color: #dc2f2f;border: 1px solid currentColor;border-radius: 100vw;}
.product-btn {display: flex;justify-content: center;}
.product-btn>a {width: 430px;line-height: 49px;box-sizing: border-box;padding: 0 15px;text-align: center;font-size: 25px;color: #fff;font-weight: 600;background: linear-gradient(90deg, #ffa233, #fc7817);border-radius: 100vw;}
.buyone-bottom{display: flex;justify-content: space-between;padding: 30px 0 0;}
.buyone-btm-pay{display: flex;gap: 20px;align-items: center;;}
.buyone-btm-prm{display: flex;gap: 20px;text-align: center;font-size: 13px;}

@media (max-width:1200px) {
  .product-icons>li{width: 100px;font-size: 13px;}
  .buyone-btm-pay{gap: 5px;}
}
@media (max-width:979px) {
  .buyone-content{display: block;}
  .buyone-left,.buyone-right{width: auto;}
  /* .buyone-left::before{top: auto;bottom:-30px;left: 0;right: 0; border-top: 60px solid currentColor;border-left:50% solid transparent;border-right: 480px solid transparent;border-bottom: none;} */
  .buyone-left::before{display: none;}
  .buyone-left,.buyone-right{border: none;}
  .buyone-bottom{flex-direction: column;align-items: center;padding-bottom: 10px;}
  .buyone-price .bg-img{display: none;}
  .buyone-right{padding-left: 0;}
}

/* ---------- */
.buyone-pack{background:url(../images/festival-present-gw/bg5.jpg) no-repeat center top/cover;padding: 60px 0 ;}
.bundle-wrap {width: 1270px;margin: 0 auto;}
.bundle-one {border:10px solid #ffb32f;border-radius: 24px;background-color: #fff;padding: 0 0 53px;position: relative;margin-top: 40px;}
.bundle-h2 {text-align: center;margin-top: -45px;}
.bundle-h2>span {display: inline-block;font-size: 31px;color: #fff;line-height: 1;font-weight: 800;padding: 18px 48px;border-radius: 100vw;background-color: #e02a18;}
.bundle-one-center {padding: 66px 0 0;display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 24px;}
.bundle-one-toggle {width: 610px;overflow: hidden;display: flex;position: relative;}
.bundle-toggle-items {flex-shrink: 0;display: flex;width: 100%;transition: all 0.2s;}
.bundle-toggle-items>li {flex-shrink: 0;width: 100%;display: flex;}
.bundle-toggle-dots {display: flex;justify-content: flex-end;gap: 6px;padding: 0 53px 9px;position: absolute;right: 0;bottom: 0;}
.bundle-toggle-dots>li {width: 30px;height: 6px;border-radius: 3px;background-color: #fff;cursor: pointer;}
.bundle-toggle-dots>li.active {background-color: #4777ff;}
.bundle-one-sale {width: 480px;}
.bundle-one-sale-top {border-radius: 8px;background-color: #fff6e3;padding: 17px 14px 20px;}
.bundle-one-h3 {padding: 3px 0 12px 46px;font-size: 23px;color: #000;line-height: 1;font-weight: 600;border-bottom: 1px solid #e5ddcc;background: url(../images/store/product-title-icon.svg) no-repeat 14px 2px;}
.bundle-pros {margin: 20px 0 16px;}
.bundle-pros>li {display: flex;justify-content: center;align-items: center;gap: 15px;}
.bundle-pros>li+li {margin-top: 16px;position: relative;}
.bundle-pros>li+li::before {content: "";width: 17px;height: 17px;color: #000;background: linear-gradient(to bottom,currentColor,currentColor) no-repeat center /17px 3px,linear-gradient(to bottom,currentColor,currentColor) no-repeat center/3px 17px;position: absolute;top: -17px;left: 20px;}
.bundle-pro-icon {width: 47px;flex-shrink: 0;display: flex;}
.bundle-pro-intro {flex-grow: 1;}
.bundle-h4 {font-size: 19px;color: #000;line-height: 1;font-weight: 600;padding-bottom: 6px;}
.bundle-p {font-size: 13px;color: #707070;line-height: 1.4;}
.bundle-pro-price {flex-shrink: 0;width: 60px;text-align: right;display: flex;flex-direction: column;gap: 22px;font-size: 14px;line-height: 1;}
.bundle-pro-price>del {color: #4d4d4d;}
.bundle-pro-price>span {color: #000;font-weight: 600;}
.bundle-pros-price>li {display: flex;justify-content: space-between;align-items: center;gap: 20px;font-size: 17px;color: #000;line-height: 1;font-weight: 600;}
.bundle-pros-price>li:nth-child(2) {padding: 6px 0 2px;}
.bundle-pros-price>li:nth-child(1)>span:last-child {font-size: 14px;}
.bundle-pros-price>li:nth-child(2)>span:last-child {font-size: 15px;color: #ff0909;}
.bundle-pros-price>li:nth-child(3)>span {color: #ff0909;}
.bundle-pros-price>li:nth-child(3)>span:last-child {font-size: 33px;font-weight: 700;flex-shrink: 0;}
.bundle-sale-price {max-width: 450px;margin: 0 auto;padding: 20px 0 10px;font-size: 37px;color: #ff0909;font-weight: 700;line-height: 1;text-align: right;}
.buy-btn {display: flex;justify-content: center;}
.buy-btn>a {width: 450px;height: 60px;box-sizing: border-box;padding: 0 15px;display: flex;justify-content: center;align-items: center;gap: 22px;font-size: 27px;color: #fff;line-height: 1;font-weight: 600;background: linear-gradient(90deg, #ff871c, #ffaa24);border-radius: 100vw;}
.buy-btn>a::before {content: "";width: 32px;height: 26px;background: url(../../images/store/buy-icon.svg);}
.payments {position: absolute;margin-top: -42px;display: flex;justify-content: space-around;gap: 20px;padding-left: 60px;}
.payments img{height: min-content;}
.bundle-two-h2 {margin: 67px 0 166px}
.bundle-two-h2>span {padding-left: 72px;padding-right: 72px;}
.bundle-two-container {display: flex;justify-content: center;flex-wrap: wrap;gap: 28px;}
.bundle-two {width: 584px;box-sizing: border-box;padding: 0 36px 33px;border: 4px solid #e02a18;border-radius: 18px;background-color: #fff;}
.bundle-two-img {margin-top: -123px;text-align: center;display: flex;justify-content: center;}
.bundle-two-center {border-radius: 10px;background-color: #fff6e3;padding: 22px 33px 16px;}
.bundle-two .bundle-pros>li+li::before {display: none;}
@media (max-width:1270px) {
    img:not([src$='svg']) {max-width: 100%;height: auto;}
    .bundle-wrap {width: 96%;}
    .bundle-one {padding-left: 20px;padding-right: 20px;}
    .payments {position: static;margin-top: 20px;text-align: center;}
    .bundle-two-img {margin: 30px 0;}
    .bundle-two-h2 {margin-bottom: 40px;}
}
@media (max-width:600px) {
    .bundle-one-sale {width: 100%;}
    .bundle-two {width: 100%;padding-left: 20px;padding-right: 20px;}
    .bundle-h2>span {font-size: 25px;}
    .bundle-pros-price>li:nth-child(3)>span:last-child {font-size: 21px;}
    .buy-btn>a {font-size: 23px;}
    .bundle-two-center {padding: 20px 15px;}
    .bundle-h4 {font-size: 17px;}
}
/* ---------- */
.buyone-rules { padding: 80px 0; } 
h2.rules-title {background: none;padding: 0;min-height:auto; text-align: center; color: #340e0e; height: 65px; width: 620px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: #FF993F; border-top-left-radius: 30px; border-top-right-radius: 30px; font-size: 30px; font-weight: 700;min-width: auto; } 
.rules-container { background-color: #ffffff; border: 6px solid #FF993F; box-sizing: border-box; border-radius: 30px; overflow: hidden; } 
.rules-scroll { height: 500px; overflow-y: scroll; padding: 45px 30px; } 
.rules-container h3 { background-color: #FF993F; font-size: 17px; font-weight: 700; margin-bottom: 10px; padding: 3px 10px 0; margin-top: 20px; } 
.rules-container p { font-size: 17px; margin-bottom: 10px; color: #000000; padding-left: 10px; }


@media (max-width: 1200px) {
    .part-rules {
        padding: 30px 0;
    }
}
@media (max-width: 997px) {
    .rules-title {
        width: 100%;
        font-size: 25px;
    }
    .rules-container {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .rules-scroll {
        padding: 15px;
    }
}
@media (max-width: 576px) {
    .rules-container p {
        font-size: 15px;
    }
}
/* ---------- */

@media(max-width:1200px){
	.details{width:100%; padding:0 10px;}
}