@charset "UTF-8";

/* ``````````````` common style ```````````````````` */
*,
::before,
::after {box-sizing: border-box;border-style: solid;border-width: 0;}
body {margin: 0;}
main {display: block;}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {margin: 0;}

h1,
h2,
h3,
h4,
h5,
h6 {font-size: inherit;font-weight: inherit;margin: 0;}

ul,
ol {margin: 0;padding: 0;list-style: none;}

dt {font-weight: bold;}
dd {margin-left: 0;}

hr {box-sizing: content-box; /* 1 */height: 0; /* 1 */overflow: visible; /* 2 */border-top-width: 1px;margin: 0;clear: both;color: inherit;}
address {font-style: inherit;}

a {background-color: transparent;text-decoration: none;color: inherit;}
a:hover {text-decoration: none;color: inherit;}

b,
strong {font-weight: bolder;}

svg,
img,
embed,
object,
iframe {vertical-align: middle;}

button,
input,
optgroup,
select,
textarea {-webkit-appearance: none; /* 1 */appearance: none;vertical-align: middle;color: inherit;font: inherit;background: transparent;padding: 0;margin: 0;border-radius: 0;text-align: inherit;text-transform: inherit; /* 2 */outline: none;}
  
[type="checkbox"] {-webkit-appearance: checkbox;appearance: checkbox;}
[type="radio"] {-webkit-appearance: radio;appearance: radio;}

button,
[type="button"],
[type="reset"],
[type="submit"] {cursor: pointer;}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {cursor: default;}
:-moz-focusring {outline: auto;}

select:disabled {opacity: inherit;}
option {padding: 0;}
textarea {overflow: auto;}
label[for] {cursor: pointer;}

table {border-color: inherit; /* 1 */}
td,
th {vertical-align: top;padding: 0;}

th {text-align: left;font-weight: bold;}


/* ``````````````` common style ```````````````````` */
html {
    scrollbar-width: thin;
    scroll-behavior: smooth;
}

.container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 1280px) {
    .container {
        max-width: 1232px;
    }
}

@media (max-width: 1200px) {
   
}
@media (max-width: 997px) {
   
}
@media (max-width: 576px) {
    
}

/* `````````````````````````````````` main01 ``````````````````````````````````` */
.main01 {
    background: url("../image-style/giveaway-240906/bg-dazzling.png") no-repeat center top #251e61;
    background-size: 100% auto;
    color: #ffffff;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}
.sys-href {
    display: flex;
    justify-content: flex-end;
}
.sys-href a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    text-decoration: underline;
    transform: translateY(-25px);
}
.gradient-ramp {
    background-image: linear-gradient(90deg, #8044f2, #f457a5, #fcaf83);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-tips {
    display: inline-block;
    background-image: linear-gradient(90deg, #7943f6, #f156a7, #fcb482);
    padding: 0 .8em;
    border-top-right-radius: .8em;
    border-bottom-left-radius: .8em;
}
.main-title-h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 30px;
}
.main-suhead {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 10px;
}

.digiarty-timer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 50px;
}
.digiarty-timer span {
    font-size: 21px;
    font-weight: 700;
}
.digiarty-timer li {display: inline-block; vertical-align: top; width: 62px; height: 62px; border: 1px solid #92c3dc; color: #fff; font-size: 25px;line-height: 44px;text-align: center;border-radius: 4px; position: relative;background-color: transparent;font-weight: 700;}
.digiarty-timer li::after {width: 100%;font-size: 13px;text-align: center;line-height: 17px;position: absolute;bottom: 4px;left: 0;color: #92c3dc;font-weight: 400;}
.digiarty-timer li[data-provider="days"]::after {content: "Days";}
.digiarty-timer li[data-provider="hours"]::after {content: "Hours"}
.digiarty-timer li[data-provider="minutes"]::after {content: "Minutes"}
.digiarty-timer li[data-provider="seconds"]::after {content: "Seconds"}


.main01-card-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
}
.main01-card {
    width: 309px;
    height: 229px;
    background: url("../image-style/giveaway-240906/bg-card.png") no-repeat center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.main01-card-desc {
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
}
.main01-card-box {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main01-card-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 185px;
    border-radius: 20px;
    background: linear-gradient(90deg, #a966ff, #a966ff);
    font-size: 19px;
    font-weight: 700;
}
.main01-card:last-of-type .main01-card-button a {
    background: linear-gradient(90deg, #38c28f, #3cc859);
}
.main01-bundle-wrap {
    padding-top: 150px;
}
.main01-bundle {
    background-color: #fff;
    border-radius: 50px;
    margin-bottom: 50px;
    position: relative;
    padding: 145px 75px 75px;
    color: #000;
}
.main01-bundle-tips {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}
.main01-bundle-flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.main01-bundle-list {
    flex-basis: 520px;
}
.main01-bundle-order {
    flex-basis: 425px;
}
.main01-list-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    color: #251e60;
    margin-bottom: 20px;
    text-align: left;
}
.main01-list-box {
    border-top: 1px solid #a19eba;
    padding-top: 20px;
    padding-bottom: 10px;
}
.main01-list-box.add {
    position: relative;
}
.main01-list-box.add::before {
    content: '';
    display: block;
    width: 20px;
    height: 21px;
    background: url("../image-style/giveaway-240906/add-icon.png") no-repeat center #ffffff;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}
.main01-list-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.main01-list-l {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #251e61;
    font-size: 16px;
}
.main01-list-r {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 215px;
}
.mark {
    cursor: pointer;
    position: relative;
}
.mark:hover .mark-info {
    display: block;
}
.mark-info {
    position: absolute;
    display: none;
    background: #fff;
    min-width: 260px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 13px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    bottom: 30px;
    left: -5px;
    transform-origin: center bottom;
    z-index: 29;
}
.mark-info::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 7px;
    margin-left: 1px;
    border-color: transparent;
    border-top-color: #ffffff;
    border-bottom-width: 0;
    border-width: 6px;
}
.main01-list-type {
    background-color: #e9e9e9;
    color: #686868;
    width: 120px;
    height: 24px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}
.main01-list-price {
    font-size: 16px;
    color: #ff8e33;
}
.main01-list-price.green {
    color: #6ba300;
}
.main01-order-box {
    background: linear-gradient(180deg, #fff, #fff8e9);
    padding-bottom: 25px;
    border-radius: 20px;
    margin-top: 30px;
}
.main01-order-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.main01-order-l {
    font-size: 17px;
    color: #251e61;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
.main01-order-l .gradient-tips {
    font-weight: 400 !important;
    color: #fff;
    font-size: 16px;
}
.main01-order-r {
    font-size: 17px;
    color: #666666;
    font-weight: 700;
}
.main01-order-r strong {
    font-size: 30px;
    color: #ff6511;
}
.switch-price {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}
.switch-price span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: relative;
    cursor: pointer;
    font-size: 17px;
    color: #666666;
}
.switch-price span::before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #b2b2b2;
}
.switch-price span.active {
    color: #000000;
}
.switch-price span.active::before {
    border-color: #fd5414;
    background-color: #fd5414;
}
.switch-price span.active::after {
    content: '';
    width: 8px;
    height: 5px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    position: absolute;
    left: 5px;
    top: 10px;
    transform: rotate(-45deg);
}
.main01-order-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.main01-order-button a {
    width: 355px;
    height: 65px;
    line-height: 65px;
    border-radius: 35px;
    background-color: #fb8e33;
    color: #ffffff;
    font-size: 31px;
    font-weight: 700;
}
.main01-order-time {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.progress-bar {
    width: 325px;
    background-color: #ffdda7;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
    border-radius: 10px;
    padding: 2px;
    margin-bottom: 20px;
}
.progress-bar #progress-bar  {
    height: 9px;
    background-color: #f97e2f;
    border-radius: 10px;
}
.main01-order-desc {
    font-size: 13px;
    line-height: 1.4;
    color: #888888;
}



@media (max-width: 1200px) {
    .main01-bundle {
        padding: 145px 30px 30px;
    }
}
@media (max-width: 997px) {
    .main01-bundle-flex {
        flex-wrap: wrap;
    }
    .main01-equity img {
        max-width: 100%;
    }
    .main01-bundle-tips{
        width: 100%;
    }
    .main01-bundle-tips img {
        max-width: 824px;
        width: 95%;
    }
}
@media (max-width: 576px) {
    .main01-card-flex {
        flex-wrap: wrap;
    }
    .main01-order-button a {
        width: 90%;
    }
    .main-suhead {
        font-size: 1.0625rem;
        line-height: 1.5;
    }
    .main-title-h1 {
        font-size: 1.5625rem;
    }
    .main01-card-button a {
        font-size: 1.0625rem;
    }
    .main01-bundle {
        padding: 70px 15px 15px;
    }
    .main01-list-title {
        font-size: 1.0625rem;
    }
    .main01-list-l {
        font-size: 13px;
        text-align: left;
    }
    .main01-order-l {
        font-size: 15px;
    }
    .main01-order-r {
        font-size: 15px;
    }
    .main01-order-button a {
        font-size: 1.4375rem;
    }
    .main01-bundle-order {
        flex-basis: auto;
        width: 100%;
    }
    .main01-bundle-list {
        flex-basis: auto;
        width: 100%;
    }
    .main01-list-r {
        flex-basis: auto;
    }
    .progress-bar {
        width: 100%;
        max-width: 325px;
    }
}

/* `````````````````````````````````` main02 ``````````````````````````````````` */
.main02 {
    background: url("../image-style/giveaway-240906/bg-wave.jpg") no-repeat center top #251e61;
    color: #ffffff;
    text-align: center;
    padding-bottom: 110px;
    padding-top: 150px;
    background-size: 100% auto;
}
.main-title-h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 30px;
}
.main-desc {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 30px;
}
.share-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.share-list ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background-color: #53419f;
    padding: 12px 30px 10px;
    border-radius: 50px;
}

.pro-content {
    display: flex;
    justify-content: space-between;
    row-gap: 100px;
    align-items: stretch;
    flex-wrap: wrap;
}


.pro-content .pro-one{border-radius:10px; position:relative;box-shadow:0 0 40px rgba(227, 184, 190, .3); position:relative;width: 370px;}
.pro-content .pro-one::before{content:''; position:absolute; top:0; right:0; bottom:0; left: 0; border-radius:10px; transform:rotate(5deg); background-color:#493c92;}
.pro-content .pro-one-x{background-color:#fff; border-radius:10px; position:relative; padding-bottom:50px; color: #333333;height: 100%;}
.pro-content .pro-one .txt-label{text-align:left;height: 42px;padding-bottom: 30px;}
.pro-content .pro-one .txt-label var{font-weight:700; color:#a966ff; display:inline-block; line-height:42px; vertical-align:middle; padding:0 20px; border-top-left-radius:10px; background-color:currentColor; position:relative;}
.pro-content .pro-one .txt-label var:first-line{color:#fff;}
.pro-content .pro-one .txt-label var:after{content:''; position:absolute; right:-20px; border-width:21px 10px; border-style:solid; border-color:currentColor transparent transparent currentColor;}

.product-box {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-name {
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 5px;
}
.product-name a:hover {
    text-decoration: underline;
}
.product-nums {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.product-nums .orange {
    color: #ff610b;
}
.product-down {
    font-size: 15px;
    line-height: 1.4;
    color: #fc6f77;
    height: 50px;
    width: 285px;
    margin: 0 auto 10px;
}
.product-down-code {
    display: none;
}
.product-code {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}
.product-more a  {
    color: #1f80f7;
    font-size: 15px;
    text-decoration: underline;
}
.product-feature {
    text-align: left;
    color: #646464;
    font-size: 15px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-left: 28px;
}
.product-feature li {
    margin-bottom: 5px;
    position: relative;
}
.product-feature li::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #a57520;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.product-down {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-down a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 285px;
    height: 50px;
    line-height: 50px;
    background-color: #40d554;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 5px;
}
.product-price {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
}


@media (max-width: 1200px) {
    .pro-content {
        justify-content: space-around;
    }
}
@media (max-width: 997px) {
    
}
@media (max-width: 576px) {
    .main02 {
        overflow: hidden;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .main-title-h2 {
        font-size: 1.3125rem;
        margin-bottom: .9375rem;
    }
    .main-desc {
        font-size: .9375rem;
    }
    .product-name {
        font-size: 1.0625rem;
    }
    .product-feature {
        font-size: 13px;
    }
    .pro-content {
        row-gap: 50px;
    }
}

/* `````````````````````````````````` main03 ``````````````````````````````````` */
.main03 {
    background: linear-gradient(180deg, #272170, #221c58);
    text-align: center;
    color: #ffffff;
    padding-top: 90px;
    padding-bottom: 110px;
}
.main03-partner {
    margin-bottom: 50px;
}

.fold-domain {
    text-align: left;
}
.fold-item {
    border-bottom: 1px solid #bdb8e1;
}
.fold-item-t {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
    padding: 25px 0;
}
.fold-item-c {
    font-size: 15px;
    line-height: 1.5;
    color: #d3cef9;
    display: none;
    padding-bottom: 25px;
    margin-top: -10px;
    padding-right: 25px;
}
.fold-item.active .fold-item-c {
    display: block;
}
.fold-item-t::after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: linear-gradient(#ff8624, #ff8624) no-repeat center / 100% 3px, linear-gradient(#ff8624, #ff8624) no-repeat center / 3px 100%;
    position: relative;
    top: 5px;
    right: 5px;
}
.fold-item.active .fold-item-t::after {
    background: linear-gradient(#ff8624, #ff8624) no-repeat center / 100% 3px;
}



@media (max-width: 1200px) {
    .main03-partner img {
        max-width: 100%;
    }
}
@media (max-width: 997px) {
  
}
@media (max-width: 576px) {
    .main03 {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .fold-item-t {
        font-size: .9375rem;
    }
    .fold-item-c {
        font-size: 13px;
    }
}
/* `````````````````````````````````` pswp ``````````````````````````````````` */
.pswp_container {
    background: url("../image-style/giveaway-240906/bg-popu.png") no-repeat center;
    width: 735px;
    height: 455px;
    text-align: center;
    padding-top: 50px;
}

.pswp-email {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin: 0 auto 15px;
}
.pswp-email input {
    flex: 1;
    width: 100%;
    height: 47px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #000000;
    border: none;
    outline: none;
    padding: 0 10px 0 15px;
    font-size: 15px;
    background-color: #fff;
    text-align: left;
}
.pswp-email button {
    font-size: 19px;
    height: 47px;
    border: none;
    outline: none;
    padding: 0 20px;
    background: #00d07a;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #ffffff;
    cursor: pointer;
}
.popu-title {
    font-size: 27px;
    line-height: 1.4;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 700;
}
.popu-desc {
    font-size: 17px;
    line-height: 1.4;
    color: #333333;
    margin-bottom: 20px;
}
.popu-share {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}
.pswp-content {
    color: #ffffff;
}
.pswp-title {
    font-size: 25px;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
}
.pswp-desc {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.pswp-more {
    color: #c0bfdb;
    font-size: 15px;
}
.pswp-email-after {
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
    width: 80%;
    margin: 30px auto;
    display: none;
}

.register_container {
    background-color: #fff;
    width: 370px;
    padding: 15px;
    border-radius: 10px;
}
.register-title {
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}
.register-how {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
}
.register-list-ul {
    padding-left: 15px;
}
.register-list-ul li {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
    position: relative;
}
.register-list-ul li::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #00d07a;
    border-radius: 50%;
    position: absolute;
    left: -12px;
    top: 8px;
}
.register-desc {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.register-list-ol {
    padding-left: 20px;
}
.register-list-ol li {
    list-style: decimal;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.4;
}



/* `````````````````````````````````` side-navigation ``````````````````````````````````` */
.side-navigation {
    position: fixed;
    top: 10%;
    right: 0;
    display: none;
}
@media (max-width: 1600px) {
    .side-navigation{
        display: none !important;
    }
}
.side-navigation .side-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #ffffff;
    width: 170px;
    border-radius: 5px;
    padding: 8px 0;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
    top: 100px;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.side-item {
    width: 100%;
    padding: 15px 0 10px;
}
.side-item:hover {
    background-color: #d7edff;
}
.side-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}
.side-btn a {
    display: block;
    background-color: #1f80f7;
    color: #ffffff;
    text-decoration: none;
    width: 136px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lifetime-custom {
    display: none;
}

.Nav-mobilestyle {
    box-sizing: content-box !important;
}


.promotion-celebrate{background: url("../image-style/giveaway-240906/bg3.jpg") #4873ef no-repeat center/cover;text-align: center;padding-top: 10px;}
.celebrate-flex{display: flex;align-items: center;height: 100%;}
.cele-img img{margin-left: -30px;}
.cele-content h3{font-size: 27px;color: #fff;font-weight: bold;}
.cele-content h3 p{font-size: 21px;color: #aecdff;font-weight: normal;padding: 10px 0 0;}
.hurry-left{color: #fffd33;font-size: 25px; padding: 15px 0 10px; text-align: center;}
.hurry-left span{color: #fc772e;font-size: 26px;display: inline-block;letter-spacing: 28px;text-align: center;background: url("../image-style/giveaway-240906/b.png") no-repeat center;width: 119px;line-height: 36px;text-indent: 10px;}
.cele-content .btn{text-align: center;}

.promotion-celebrate.active{ position:fixed; left:0; bottom:0;width:100%; z-index:101;display: flex;justify-content: center;}

.btn a{height: 63px; padding:0 65px;border-radius: 31px;font-size: 29px;color: #fff;display: inline-flex;align-items: center;}
.btn a:hover{text-decoration: none;}
.btn a{background: #ff8624;margin: 10px 0;font-weight:bold;}
.btn a span{ font-size:19px; padding-left:10px; }
.btn a span del{ font-size:15px; color:#333; font-weight:normal;}


@media (max-width: 1200px) {
    .promotion-celebrate {height: auto !important;}
    .cele-img {display: none;}
}
@media (max-width: 576px) {
    .promotion-celebrate.active {display: none !important;}
}