@charset "UTF-8";

html,
body {
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
    color: inherit;
}
img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
}
[id] {
  scroll-margin-top: 80px;
}

.audio-wave-pmgressbar  {max-width: 720px !important;}
.audio-controller {max-width: 720px !important;}
.audio-type-item {font-size: 17px !important;}
.audio-wave-cover-item { --ratio: calc(575 / 930 * 100%) !important;}
.Anti-language-toggle {color: #fff !important;border-color: #fff !important;}
.Anti-language-toggle svg path {fill: #fff !important;}
.Anti-language-icon svg path  {stroke: #fff !important;fill: none !important;}

/* base css */
.container,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.container-fluid{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1240px
    }
}

.giftoffer-main {
	background: url(../images/giftoffer-christmas-2025/bg-main.jpg) no-repeat center top #fffaf4;
	background-size: 100% auto;
	color: #000000;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 400;
}
.main-title-h1 {
	font-size: 47px;
	line-height: 1.4;
	font-weight: 700;
    text-align: center;
    color: #fff;
}
.main-title-h1 span {
    color: #ffb83b;
}
.main-title-h2 {
	font-size: 27px;
	line-height: 1.4;
	font-weight: 700;
    text-align: center;
}
.main-title-h2 span {
    position: relative;
    z-index: 1;
}
.main-title-h2 span::after {
    content: "";
    width: 100%;
    height: 11px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffe5b7;
    z-index: -1;
}
.main-suhead {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 400;
    text-align: center;
}
.white {
	color: #fff;
}


.switch-system {position: absolute;bottom: 15px;right: 5px;}
.switch-system-flex{display:flex;justify-content:flex-end;align-items:center;gap:11px;}
.switch-system-wrapper{height:15px;margin:0;position:relative;width:31px;}
.switch-system-wrapper input{height:0;opacity:0;width:0;display: none;}
.switch-system-slider{display: block;border:1px solid #fff;height: 15px;border-radius:34px;cursor:pointer;transition:.4s;position: relative;}
.switch-system-slider:before{content:"";background-color:#fff;border-radius:50%;bottom:2px;height:11px;left:2px;position:absolute;transition:.4s;width:11px;}
.switch-system-wrapper input:checked+.switch-system-slider:before{left:calc(100% - 13px);}
.system-item{color:#000;font-size:17px;line-height: 1;}
.system-item.active{color:#fff;}

.singular-price, .plural-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    img {
        height: auto;
    }
    .main-title-h1 {
        font-size: 27px;
    }
    .main-suhead {
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .switch-system {
        bottom: -30px;
        z-index: 999;
    }
}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.giftoffer-part1 {
    padding: 50px 0;
}
.part1-bundle {
    text-align: center;
    position: relative;
}
.part1-bundle img {
    position: relative;
    top: 20px;
}


.part1-sale-container {
    background-color: #ffffff;
    border: 2px solid #ff8624;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.stage-tips {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff8624;
    color: #fff;
    width: 106px;
    height: 36px;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    padding-right: 10px;
}
.stage-tips.active {
    display: flex;
}

.stage-tips .singular-discount {
    display: block;
}
.stage-tips .plural-discount {
    display: none;
}
.stage-tips::after {
    content: '';
    border: 10px solid #ff8624;
    border-right-color: #fffef7;
    border-top-width: 18px;
    border-bottom-width: 18px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.stage-tips em {
    position: relative;
    z-index: 2;
}
.sale-gift {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    gap: 50px;
    flex: 1;
}
.sale-gift-title {
    font-size: 23px;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #000;
    font-weight: 700;
}
.sale-gift-list {
    padding-left: 20px;
}
.sale-gift-item {
    position: relative;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #323232;
}
.sale-gift-item::before {
    content: '';
    position: absolute;
    left: -18px;
    top: 8px;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #ff740d;
    border-radius: 50%;
}


.ladder-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}
.ladder-price strong {
    font-size: 39px;
    font-weight: 700;
    color: #ff5e0d;
}
.ladder-price del {
    font-size: 21px;
    font-weight: 400;
    color: #000000;
}
.ladder-select, .ladder-button {
    width: 240px;
    position: relative;
}
.ladder-select select {
    width: 100%;
    height: 35px;
    border: 1px solid #9d9d9c;
    font-size: 15px;
    color: #474747;
    outline: none;
    border-radius: 5px;
}
.ladder-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #ff740d;
    color: #fff;
    height: 42px;
    border-radius: 5px;
    font-size: 19px;
}

.ladder-list ul li {
    font-size: 15px;
    color: #000000;
    line-height: 1.2;
    padding-left: 18px;
    position: relative;
    margin-top: 5px;
}
.ladder-list ul li::before {
    content: "";
    width: 4px;
    height: 8px;
    border-right: 2px solid #50b22b;
    border-bottom: 2px solid #50b22b;
    transform: rotate(45deg);
    position: absolute;
    top: 3px;
    left: 4px;
}

.sale-info {
    padding: 30px 0;
    background-color: #fff5d5;
    width: 420px;
}
.sale-info-container {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.sale-info-container.active {
    display: flex;
}
.sale-discount-box {
    position: absolute;
    bottom: 0;
    right: -20px;
    width: 50px;
    height: 49px;
    text-align: center;
    background: url("../images/giftoffer-christmas-2025/box-countdown.png") no-repeat center;
    padding-top: 20px;
    box-sizing: border-box;
}
.sale-discount-time {
    color: #fff;
    font-size: 15px;
    line-height: 1;
}
.sale-discount-name {
    font-size: 0;
}
.sale-discount-name span {
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    color: #abb7fe;
}





@media (max-width: 1200px) {
  
}
@media (max-width: 992px) {
    .part1-sale-container {
        flex-wrap: wrap;
    }
    .sale-gift {
        width: 100%;
        flex: none;
    }
    .sale-info {
        width: 100%;
    }
    .system-item{color:#000;font-size:17px;line-height: 1;}
    .system-item.active{color:#5c87f5;}
    .switch-system-slider{border:1px solid #5c87f5;}
    .switch-system-slider:before{background-color:#5c87f5;}
}
@media (max-width: 768px) {
    .sale-gift {
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */

.buy-bottom {
    background: #ffffff;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 40px;
    padding: 20px 35px;
    border: 2px solid #ff9137;
    border-radius: 0 0 20px 20px;
    position: relative;
    top: -2px;
}
.buy-bottom-left {position: relative;flex: 1;}
.buy-bottom-left::before {
    content: "";
    border: 2px solid transparent;
    border-left-color: #ff8a2b;
    border-top-color: #ff8a2b;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    transform: rotate(45deg);
    position: absolute;
    left: 45%;
    top: -32px;
}
.buy-bottom-h3 {
    font-size: 19px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 10px;
}

.buy-main-p {font-size: 21px;color: #808080;line-height: 1;}
.buy-bottom-left-p {font-size: 15px;color: #000000;line-height: 1.4;margin-top: 5px;}
.buy-bottom-left-p.i-c {font-size: 15px;color: #505050;line-height: 1;padding-left: 23px;position: relative;margin-top: 10px;}
.buy-bottom-left-p.i-c::before {content: "";width: 4px;height: 8px;border-right: 2px solid #50b22b;border-bottom: 2px solid #50b22b;transform: rotate(45deg);position: absolute;top: 2px;left: 4px;}
.buy-bottom-left-p>span>b {display: block;font-size: 17px;color: #000;line-height: 1.3;}
.buy-bottom-right {padding-left: 60px;border-left: 2px solid #e0e0e0;position: relative;display: flex;flex-direction: column;justify-content: center;width: 440px;}
.buy-bottom-right::before {content: "";width: 34px;height: 34px;border-radius: 50%;background-color: #e0e0e0;position: absolute;left: -18px;top: 50%;margin-top: -17px;}
.buy-bottom-right::after {content: "";width: 16px;height: 16px;position: absolute;top: 50%;margin-top: -8px;left: -9px;background: linear-gradient(transparent 7px, #fffaed 7px, #fffaed 9px, transparent 9px), linear-gradient(90deg, transparent 7px, #fffaed 7px, #fffaed 9px, transparent 9px);}
.buy-bottom-gifts>li {display: flex;align-items: center;gap: 12px;padding: 3px 0;}
.buy-bottom-gifts>li+li {margin-top: 10px;}
.buy-bottom-gifts.win>li::before {content: "";flex-shrink: 0;width: 56px;height: 41px;background: url(../images/giftoffer-christmas-2025/gift-icons-win.png) no-repeat left top;}

.buy-bottom-gifts.win>li.win-gift1::before {
    height: 41px;
    background-position-y: -0px;
}
.buy-bottom-gifts.win>li.win-gift2::before {
    height: 41px;
    background-position-y: -58px;
}
.buy-bottom-gifts.win>li.win-gift3::before {
    height: 41px;
    background-position-y: -119px;
}
.buy-bottom-gifts.win>li.win-gift4::before {
    height: 47px;
    background-position-y: -168px;
}

.buy-bottom-gifts.mac>li::before {content: "";flex-shrink: 0;width: 56px;height: 41px;background: url(../images/giftoffer-christmas-2025/gift-icons-mac.png) no-repeat left top;}

.buy-bottom-gifts.mac>li.mac-gift1::before {
    height: 41px;
    background-position-y: -0px;
}
.buy-bottom-gifts.mac>li.mac-gift2::before {
    height: 42px;
    background-position-y: -59px;
}
.buy-bottom-gifts.mac>li.mac-gift3::before {
    height: 42px;
    background-position-y: -116px;
}
.buy-bottom-gifts.mac>li.mac-gift4::before {
    height: 41px;
    background-position-y: -175px;
}
 




.buy-bottom-h4 {font-size: 15px;color: #808080;line-height: 1;padding-bottom: 5px;}
.buy-bottom-h4>b {font-size: 17px;color: #282828;line-height: 1;}
.buy-bottom-h4 del {color: #282828;font-weight: 700;}
.buy-bottom-gift-p {font-size: 15px;color: #505050;line-height: 1;}
.buy-payment-service {padding-top: 18px;display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}
.buy-payment {padding-left: 40px;}
.buy-service {display: flex;flex-wrap: wrap;}
.buy-service>li {min-width: 200px;display: flex;justify-content: center;align-items: center;gap: 15px;font-size: 14px;color: #b8bbcc;line-height: 1.3;text-align: center;position: relative;}
.buy-service>li::before {content: "";width: 51px;height: 41px;background: url(../images/gift-offer/service-icons.png) no-repeat left center;}
.buy-service>li+li::after {content: "";width: 1px;height: 33px;background-color: #b8bbcc;position: absolute;left: 0;top: 50%;margin-top: -16px;}
.buy-service>li:nth-child(2)::before {width: 39px;background-position-x: -207px;}
.buy-service>li:nth-child(3)::before {width: 38px;background-position-x: -409px;}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .buy-bottom {
        flex-wrap: wrap;
    }
    .buy-bottom-left {
        flex: none;
        width: 100%;
    }
    .buy-bottom-right {
        width: 100%;
    }
}
@media (max-width: 768px) {

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

}

/* ```````````````````````````````````````````````````````````````````````````````` */

.animate {padding: 30px 0;}
.main-h2 {font-size: 35px;color: #000;line-height: 1;font-weight: 600;text-align: center;}
.main-p {font-size: 23px;color: #000;line-height: 1.1;padding-top: 16px;text-align: center;}
.animate-wrap {display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;margin: 15px 0 24px;padding: 35px 30px 25px;background-color: #fff;border-radius: 28px;box-shadow: 0 10px 10px 0 rgba(0,0,0,0.03);}
.animate-left {width: 315px;}
.animate-left>li {padding: 15px 5px 15px 16px;border-radius: 10px;background: linear-gradient(90deg, #ffdaa4, transparent);margin-bottom: 12px;display: flex;align-items: center;gap: 12px;cursor: pointer;transition: all 0.4s;}
.animate-left>li.active {flex-wrap: wrap;padding: 22px;border: 2px solid #ffa05a;background: #fff;margin-right: 28px;position: relative;cursor: auto;}
.animate-left>li.active::before {content: "";width: 18px;height: 18px;border-right: 2px solid #ffa05a;border-bottom: 2px solid #ffa05a;background-color: #fff;transform: rotate(-45deg);position: absolute;top: 50%;margin-top: -9px;right: -12px;}
.animate-left .img-box {width: 50px;flex-shrink: 0;transition: all 0.4s;}
.animate-left>li.active .img-box {width: 240px;}
.animate-left .animate-left-h4 {font-size: 15px;color: #4d3717;line-height: 1;transition: all 0.1s;}
.animate-left>li.active .animate-left-h4 {color: #000;font-weight: 600;}
.animate-left .animate-left-p {opacity: 0;display: none;font-size: 15px;color: #313131;line-height: 1.2;padding-top: 6px;transition: all 0.4s;}
.animate-left .animate-left-p>b {color: #ffa05a;}
.animate-left>li.active .animate-left-p {opacity: 1;display: block;}
.animate-right {width: 750px;}
.animate-right>li {display: none;}
.animate-right>li.active {display: block;}
.animate-right-h3 {font-size: 19px;color: #333;line-height: 1;font-weight: 600;}
.animate-right-p {font-size: 15px;color: #373534;line-height: 1.4;padding: 18px 0 40px;}
.animate-right-p>b {color: #ffa05a;}
.animate-medias>li {display: none;border-radius: 12px;overflow: hidden;position: relative;}
.animate-medias>li.active {display: block;background-color: #000;}
.animate-medias.video>li::before {content: "";display: block;padding-top: 56.25%;}
.animate-medias.video>li>video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.animate-thumbnails {width: fit-content;width: -webkit-fit-content;width: -moz-fit-content;margin: -51px auto 0;padding: 10px 11px 0;background-color: #fff;border-radius: 10px;position: relative;display: flex;justify-content: center;gap: 9px;}
.animate-thumbnails::before,.animate-thumbnails::after {content: "";width: 10px;height: 10px;background: url(../images/gift-offer/arc.png);position: absolute;left: -10px;top: 41px;}
.animate-thumbnails::after {transform: rotateY(180deg);left: auto;right: -10px;}
.animate-thumbnails>li {padding: 2px;border: 2px solid transparent;border-radius: 4px;cursor: pointer;}
.animate-thumbnails>li.active {border-color: #ffa05a;}

.animate-features {display: flex;justify-content: center;flex-wrap: wrap;gap: 45px;padding-top: 30px;font-size: 17px;color: #ba8f64;line-height: 1;}
.animate-bottom-intro {font-size: 15px;color: #959595;line-height: 1.2;text-align: center;padding-bottom: 36px;}
.animate-bottom-intro>span {display: inline-block;vertical-align: middle;width: 18px;height: 18px;line-height: 1.1;text-align: center;background-color: #e0ccad;border-radius: 50%;font-size: 15px;color: #806845;margin-right: 10px;}
.animate-buttons {display: flex;justify-content: center;flex-wrap: wrap;gap: 34px;}
.animate-buttons>a {width: 255px;line-height: 58px;text-align: center;border-radius: 10px;background-color: #159bfd;text-decoration: none;font-size: 21px;color: #fff;}
.animate-buttons>a:last-child {background-color: #fca033;}
.animate-buttons>a::before {content: "";width: 21px;height: 21px;display: inline-block;vertical-align: middle;margin: -6px 22px 0 0;background: url(../images/gift-offer/win-mac-icon.png) no-repeat left -4px;}
.animate-buttons>a:nth-child(2)::before {height: 25px;background-position: right top;}
.animate-buttons>a:nth-child(3)::before {width: 32px;height: 28px;background: url(../images/gift-offer/buy-icon.png) no-repeat center;}


@media (max-width: 1200px) {
    .animate-left {width: 100%;display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}
    .animate-left>li {background: #ffdaa4;margin-bottom: 0;align-items: flex-start;}
    .animate-left>li,.animate-left>li.active {width: 150px;flex-wrap: wrap;box-sizing: border-box;padding: 5px;margin-right: 0;text-align: center;}
    .animate-left>li.active::before {display: none;}
    .animate-left>li.active .img-box,.animate-left .img-box {width: 100%;}
    .animate-left .animate-left-h4 {font-size: 15px;color: #000;font-weight: 500;}
    .animate-left .animate-left-p {font-size: 13px;opacity: 1;display: block;}
    .animate-right>li {text-align: center;}
    .animate-right-p {padding: 20px 0;}
    .animate-thumbnails::before, .animate-thumbnails::after {display: none;}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

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

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.feature {padding: 50px 0;}
.feature-lists {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 48px;}
.feature-lists>li {width: 33%;box-sizing: border-box;padding: 30px 30px 35px;text-align: center;border-radius: 15px;}
.feature-lists>li:hover {background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.feature-lists>li::before {content: "";width: 78px;height: 78px;display: block;margin: 0 auto 28px;background: url(../images/gift-offer/feature-icons.png) no-repeat left top;}
.feature-lists>li:hover::before,.feature-lists>li:nth-child(4):hover::before {background-position-x: -107px;}
.feature-lists>li:nth-child(2)::before {background-position: -429px top;}
.feature-lists>li:nth-child(2):hover::before,.feature-lists>li:nth-child(5):hover::before {background-position-x: -536px;}
.feature-lists>li:nth-child(3)::before {background-position: -865px top;}
.feature-lists>li:nth-child(3):hover::before,.feature-lists>li:nth-child(6):hover::before {background-position-x: -972px;}
.feature-lists>li:nth-child(4)::before {background-position: left bottom;}
.feature-lists>li:nth-child(5)::before {background-position: -429px bottom;}
.feature-lists>li:nth-child(6)::before {background-position: -865px bottom;}
.feature-h3 {font-size: 19px;color: #292929;line-height: 1;font-weight: 600;padding-bottom: 6px;}
.feature-p {font-size: 17px;color: #272727;line-height: 1.5;}
.feature-p a {color: #0f9bff;}
.feature-p a:hover {text-decoration: underline;}
@media (max-width: 1200px) {
    .feature-lists>li {padding: 20px;}
}
@media (max-width: 992px) {
        .feature-lists>li {width: 330px;}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {
    .feature-lists>li {width: 100%;}
}

/* ```````````````````````````````````````````````````````````````````````````````` */
.table {padding: 50px 0;background: linear-gradient(#ffffff, #f9f9f9);}
.table .details {width: 1132px;}
.table-wrap {padding-top: 56px;}
table {width: 100%;border: none;}
table th:first-child {font-size: 27px;color: #000;line-height: 1;text-align: left;}
table th,table td {border-bottom: 1px solid #dcdcdc;padding: 24px 10px;}
table td:first-child {padding-left: 24px;}
table th:nth-child(2),table td:nth-child(2) {background-color: #fafafa;border-right: 8px solid #fff;}
table th:nth-child(3),table td:nth-child(3) {background-color: #fff9ec;border-left: 2px solid #ffc955;border-right: 2px solid #ffc955;}
table th:nth-child(3) {border-top: 2px solid #ffc955;}
table tr:last-child td:nth-child(3) {border-bottom: 2px solid #ffc955;}
table p {font-size: 17px;color: #373737;line-height: 1.4;text-align: center;}
table td:first-child p {text-align: left;}
table th:nth-child(2) p,table th:nth-child(3) p {font-size: 19px;line-height: 1;padding-bottom: 20px;}
table p>span {display: inline-block;margin-bottom: 6px;font-weight: 600;}
table .table-buttons {display: flex;justify-content: center;}
table .table-buttons>a {min-width: 134px;box-sizing: border-box;text-align: center;padding: 0 10px;line-height: 35px;font-size: 17px;color: #fff;background-color: #0f9bff;border-radius: 5px;text-decoration: none;font-weight: 500;}
table .table-buttons>a::before {content: "";width: 11px;height: 17px;background: url(../images/gift-offer/download-icon.png)no-repeat center;display: inline-block;vertical-align: middle;margin-right: 9px;}
table .table-buttons.buy-btn>a {background-color: #fca033;}
table .table-buttons.buy-btn>a::before {width: 20px;height: 18px;background: url(../images/gift-offer/buy-icon.png) no-repeat center/100% 100%;}
table .table-td-no {display: block;width: 16px;height: 3px;background-color: #a0a0a0;margin: 0 auto;}
table .table-td-yes {display: block;width: 6px;height: 15px;border-right: 3px solid #ff8c40;border-bottom: 3px solid #ff8c40;transform: rotate(45deg);margin: 0 auto;}
table tr.hide,table tr.hide~tr{display:none;}
table tr.hide.active,table tr.hide.active~tr {display:table-row;}
.table-toggle {width:100%;border-bottom: 1px solid #cfcfcf;display:flex;justify-content:center;align-items:center;height:44px;background-color:#ececec;cursor:pointer;position:relative;}
.table-toggle::after {content: "";width: 35px;height: 23px;background: url(../images/gift-offer/table-arrow.png) no-repeat center;transition:all 0.2s;}
.table-toggle.active::after {transform:rotate(180deg);}
.recommend-wrap {padding: 48px 0 0;text-align: center;}
.recommend-wrap .star{padding-bottom:25px;}
.recommend-wrap h2{font-size:29px;font-weight:bold;line-height:1;}
.recommend-wrap .recmd-border{display:flex;}
.recommend-wrap .recmd-border span{display:flex;cursor:pointer;text-align:center;height:100%;}
.recommend-wrap .recmd-border span:after{content:"";width:20px;height:20px;border-left:1px solid #99A2AC;border-bottom:1px solid #99A2AC;transform:translate(4px,0) rotate(45deg);margin:auto;}
.recommend-wrap .recmd-border .right span:after{transform:translate(-3px,0) rotate(-135deg);}
.recommend-wrap .recmd-content{width:1020px;position:relative;overflow:hidden;margin:auto;height:220px;}
.recommend-wrap .recmd-box{position:absolute;width:30000px;}
.recommend-wrap .recmd-box .box_one{float:left;width:1020px;}
.recommend-wrap .box_one .pic{padding:45px 0 30px;}
.recommend-wrap .box_one p{font-size:17px;color:#333;}
.recommend-wrap .box_one .other{padding:20px 0 0;font-size:14px;}
.recommend-wrap .recmd-bottom{text-align:center;font-size:0;line-height:1;padding-top: 15px;}
.recommend-wrap .recmd-bottom span{display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;margin:0 8px;border:1px solid #19B8FD;vertical-align:middle;}
.recommend-wrap .recmd-bottom span.focus{background:#19B8FD;}

@media (max-width: 1200px) {
    .recommend-wrap .recmd-content {width: 100%;height: auto;}
    .recommend-wrap .recmd-box {position: static;width: 100%;}
    .recmd-border .left,.recmd-border .right,.recommend-wrap .recmd-bottom {display: none;}
    .recommend-wrap .box_one .pic {padding: 20px 0 10px;}
    .recommend-wrap .recmd-box .box_one {width: 100% !important;float: none;}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .table-wrap table {box-shadow: 0 0 10px 0 rgba(0,0,0,0.07);}
}
@media (max-width: 576px) {
    .table-wrap {
        overflow-x: scroll;
    }
}

/* ```````````````````````````````````````````````````````````````````````````````` */
.faq{padding:50px 0;background-color: #ffffff;}
.slide-container {padding: 10px 0 0;}
.slide-container .qes_one{border-bottom:1px solid #e6e6e6;padding:18px 0 8px;}
.slide-container .t{font-size:18px;line-height:20px;cursor:pointer;padding-bottom:10px;position:relative;padding-right:25px;}
.slide-container .t::before{content:"";width:17px;height:3px;background-color:#ffaf32;position:absolute;top:8px;right:0;}
.slide-container .t::after{content:"";width:3px;height:17px;background-color:#ffaf32;position:absolute;top:1px;right:7px;}
.slide-container .t.focus::after{display:none;}
.slide-container .qes_ans{color:#737480;display:none;}
.slide-container a{color:#2691fc;}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

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

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.lottery {padding: 50px 0;background: linear-gradient(180deg, #ffffff, #fff8e7);}
.lottery-content {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;margin-top: 56px;align-items: stretch;}
.lottery-left {flex: 1;}
.lottery-prize {border-radius: 22px;background-color: #ffffff;overflow: hidden; display:flex; flex-flow:column;padding-top: 20px;box-sizing: border-box;}
.lottery-h3 {font-size: 25px;color: #000;line-height: 57px;text-align: center;font-weight: 500;background-color: #fff1d2;border-radius: 22px 22px 0 0;}
.lottery-prize-lists {padding: 22px;counter-reset: prizeNum;}
.lottery-prize-lists>li {display: flex;align-items: center;gap: 10px;counter-increment: prizeNum;}
.lottery-prize-lists>li+li {margin-top: 15px;}
.lottery-prize-num {flex-shrink: 0;width: 48px;height: 48px;border-radius: 50%;box-sizing: border-box;padding: 2px;background: linear-gradient(90deg, #f8170f, #fe7d4b);position: relative;}
.lottery-prize-num.has-crown::after {content: url(../images/giftoffer-christmas-2025/crown.png);position: absolute;top: -13px;left: -4px;}
.lottery-prize-num::before {content: counter(prizeNum);display: block;height: 100%;background-color: #fff;border-radius: 50%;line-height: 44px;font-size: 25px;text-align: center;color: #f8170f;}
.lottery-prize-intro {font-size: 15px;color: #000;line-height: 1.5;}
.lottery-prize-intro>span {color: #f7273f;}
.lottery-winner {border-radius: 22px;background-color: #fff6ee;margin-top: 23px;padding: 47px 34px 38px;position: relative;}
.lottery-winner .ornament {position: absolute;top: -42px;left: 58px;}
.lottery-winner .ornament.two {left: auto;right: 58px;}
.lottery-winner .ornament>i {display: block;width: 9px;height: 70px;border-radius: 5px;background-color: #595CFF;position: relative;z-index: 1;}
.lottery-winner .ornament::before,.lottery-winner .ornament::after {content: "";width: 15px;height: 15px;border-radius: 50%;background-color: #0C10E3;position: absolute;top: -4px;left: -3px;}
.lottery-winner .ornament::after {top: auto;bottom: -4px;}
.lottery-winner-lists {height: 83px;overflow: hidden;}
.lottery-winner-lists>li {display: flex;justify-content: center;gap: 33px;margin-bottom: 16px;align-items: center;font-size: 17px;color: #000;line-height: 1;}
.lottery-winner-lists>li>span {flex-shrink: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lottery-winner-lists>li>span:first-child {width: 150px;}
.lottery-winner-lists>li>span:last-child {width: 95px;}
.lottery-right {width: 864px;height: 587px;box-sizing: border-box;background: url(../images/giftoffer-christmas-2025/lottery-bg.png) center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.prizes {display: flex;justify-content: center;flex-wrap: wrap;gap: 3px;}
.prize {width: 262px;height: 169px;border-radius: 10px;background: url(../images/giftoffer-christmas-2025/prize-bg.jpg) no-repeat center/cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.prize.active,.prize.focus {background: #d3d3d3;}
.prize-info {font-size: 15px;color: #80807d;line-height: 1;margin-top: 8px;}
.prize-info>span {color: #ff8d07;}
.prize.play {background: #ffe2a6;border: 1px solid #d0d8a8;}
.play-after-flex {display: flex;justify-content: flex-end;align-items: center;flex-direction: column;height: 100%;gap: 10px;color: #fff;}
.play-after-flex span {color: #ff8d07;}
.play-before p {font-size: 19px;color: #000;line-height: 1.4;text-align: center;margin-bottom: 20px;}
.play-links {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
.play-after {display: none;background: linear-gradient(50deg, #21c3e1, #860cd9);height: 100%;width: 100%;border-radius: 10px;padding-bottom: 15px;}
.play-after.expired {background: gray;cursor: not-allowed;}
.play-after button {font-size: 59px;color: #fff;font-weight: 600;cursor: pointer;border: none;outline: none;background-color: transparent;}
.play-after button:disabled{color:#ddd; cursor:no-drop;}
.play-after.expired button {color:#ddd; cursor:no-drop;}
.lottery-prize-items{padding:5px 15px; display:flex; flex-flow:column; flex:auto; justify-content:space-between;}
.lottery-prize-item{display:flex; font-size:15px; align-items:center; line-height:1; padding:12px 0;}
.lottery-item-info{margin-left:10px;}
.lottery-item-top{display:flex; justify-content:space-between;}
.lottery-item-title{font-size:inherit; font-weight:400; color:#000;}
.lottery-item-price{color:#f80707;}
.lottery-item-desc{line-height:1.2; color:#666; margin-top:5px;}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .lottery-right {width: 100%;height: auto;background: #a6a8ff;border: 16px solid #585bfe;padding: 0;}
	.prize {width: calc(33.33% - 3px);}
}
@media (max-width: 768px) {
    .lottery-right {border-width: 5px;}
	.prize .img-wrap {max-width: 80%;max-height: 80px;}
	.prize .img-wrap>img {max-height: 100%;}
	.play-before p {font-size: 15px;margin-bottom: 5px;line-height: 1.1;}
	.play-after button {font-size: 25px;height: 60px;width: 60px;}
}
@media (max-width: 576px) {

}

/* ```````````````````````````````````````````````````````````````````````````````` */
.prize-popup {display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 100;}
.popup-content {width: 539px;height: 452px;background: url(../images/giftoffer-christmas-2025/popup-bg.png) no-repeat center bottom/cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;padding-top: 30px;box-sizing: border-box;}
.popup-title-img {margin: -40px 0 20px;}
.popup-h3 {font-size: 35px;color: #000000;line-height: 1.2;margin:40px 0 10px;}
.popup-p {font-size: 17px;color: #000000;line-height: 1.4;margin-bottom: 15px;padding: 0 20px;}
.popup-prize .img-wrap {height: 145px;display: flex;align-items: flex-end;justify-content: center;margin-bottom: 15px;}
.popup-prize .img-wrap img {height: 100%;}
.popup-buttons {display: flex;justify-content: center;}
.popup-buttons>a {display: flex;justify-content: flex-end;align-items: center;gap: 10px;font-size: 19px;color: #00000a;text-decoration: underline;}
.popup-buttons>a::after {content: "";width: 18px;height: 16px;;background: url(../images/giftoffer-christmas-2025/popup-arrow.png) no-repeat center;}
.popup-input {width: 402px;height: 46px;margin: 0 auto;box-sizing: border-box;padding: 0 4px 0 20px;border: 1px solid #fff;background-color: #f6d6d6;border-radius: 23px;display: flex;justify-content: space-between;align-items: center;gap: 10px;color: #ff5858;}
.popup-input>input {border: none;outline: none;background-color: transparent;font-size: 17px;color: #fff;flex-grow: 1;}
.popup-input>input::-webkit-input-placeholder {color: #ff5858;}
.popup-input>button {min-width: 88px;box-sizing: border-box;padding: 0 10px;line-height: 35px;border-radius: 18px;font-size: 17px;color: #fff;background: #1c991c;outline: none;border: none;cursor: pointer;}
.popup-input-after {display: none;min-height: 46px;font-size: 17px;color: #fff;line-height: 1;padding-top: 9px;}

.popup-email {
    border: 1px solid #ffffff;
    background-color: #ffd990;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border-radius: 30px;
    width: 65%;
    margin: 0 auto 15px;
    padding: 4px;
    box-sizing: border-box;
}
.popup-email input {
    flex: 1;
    border: none;
    height: 35px;
    background: transparent;
    padding: 0 15px;
    color: #000;
    outline: none;
}
.popup-email button {
    padding: 0 15px;
    background-color: #17c137;
    color: #fff;
    border: none;
    outline: none;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 30px;
}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .buy-top-h3,.buy-main-h3,.main-h2,table th:first-child,.recommend-wrap h2 {font-size: 25px;}

    .popup-content {width: 90%;border-radius: 10px;height: auto;padding-bottom: 30px;box-sizing: border-box;background: linear-gradient(210deg, #ffb321 20%, #ffca21 80%);}
	.popup-prize .img-wrap {height: auto;margin: 20px 0;}
	.popup-h3 {font-size: 23px;}
	.popup-title-img {margin: -40px 0 0;}
}
@media (max-width: 576px) {
    .play-before p {font-size: 13px;}
	.prize-info {text-align: center;}
	.popup-input {width: 90%;flex-wrap: wrap;height: auto;padding: 15px 10px 10px;justify-content: center;}
	.popup-input input {width: 100%;text-align: center;}
    .popup-email {
        width: 95%;
    }
}



/* ``````````````````````````````````````````````````````` */
.fixed-nav { background:#000000; width: 100%;height: 80px; position: fixed; top: 0; left: 0; z-index: 99; display: none; }
.fixed-nav .details { height: 100%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center; }
.fixed-nav .fixed-right {display: flex;justify-content: flex-end;align-items: center;}
.fixed-nav .Btn {display: flex;align-items: center;justify-content: center;}
.fixed-nav .Buy {width: 150px; text-align: center; cursor: pointer;margin: 0 20px 0 0; }
.fixed-nav .Buy p { color: #ffe08a; font-weight: 800; font-size: 17px; line-height: 20px; }
.fixed-nav .Buy p i { font-size: 11px; color: #808080; display: block; font-style: normal; font-weight: 400; line-height: 1.1;}
.fixed-nav .Down { width: 145px; border-radius: 5px;background: #f18c1b; color: #fff; text-align: center;cursor: pointer; transition:all 0.4s;display: flex;justify-content: center;align-items: center;padding: 5px 0;}
.fixed-nav ul {width: 360px;font-size: 17px; color: #122936;display: flex;}
.fixed-nav ul li {width: 120px; text-align: center;display: flex;justify-content: center;align-items: center;}
.fixed-nav ul li a { color: #ffffff; text-decoration:none; line-height: 1.4;}

.fixed-nav-download {
    display: block;
    background-color: #16aff5;
    color: #fff;
    line-height: 1;
    padding: 3px 15px;
    border-radius: 5px;
    font-size: 17px;
    text-align: center;
    font-weight: 700;
}
.fixed-nav-download span {
    display: block;
    font-size: 11px;
    font-weight: 400;
}

@media (max-width: 992px) {
    .fixed-nav {display: none !important;}
}

/* ``````````````````````````````````````````````````````` */
.discount-popup {
    display: block;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.discount-popup-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.discount-popup-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    position: relative;
}

.flip {
    display: inline-block;
    position: relative;
    width: 37px;
    height: 43px;
    line-height: 43px;
    border-radius: 10px;
    background: #fff;
    font-size: 31px;
    font-weight: 700;
    color: #ffae00;
    box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    text-align: center;
    font-family: "Helvetica Neue"
}

.flip .digital:before,
.flip .digital:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #2b56f6;
    overflow: hidden;
    box-sizing: border-box;
}

.flip .digital:before {
    top: 0;
    bottom: 50%;
    border-radius: 5px 5px 0 0;
    border-bottom: solid 1px #6f91f7;
}

.flip .digital:after {
    top: 50%;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    line-height: 0;
}

/*向下翻*/
.flip.down .front:before {
    z-index: 3;
}

.flip.down .back:after {
    z-index: 2;
    transform-origin: 50% 0%;
    transform: perspective(160px) rotateX(180deg);
}

.flip.down .front:after,
.flip.down .back:before {
    z-index: 1;
}

.flip.down.go .front:before {
    transform-origin: 50% 100%;
    animation: frontFlipDown 0.6s ease-in-out both;
    box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.3);
    backface-visibility: hidden;
}

.flip.down.go .back:after {
    animation: backFlipDown 0.6s ease-in-out both;
}

/*向上翻*/
.flip.up .front:after {
    z-index: 3;
}

.flip.up .back:before {
    z-index: 2;
    transform-origin: 50% 100%;
    transform: perspective(160px) rotateX(-180deg);
}

.flip.up .front:before,
.flip.up .back:after {
    z-index: 1;
}

.flip.up.go .front:after {
    transform-origin: 50% 0;
    animation: frontFlipUp 0.6s ease-in-out both;
    box-shadow: 0 2px 6px rgba(255, 255, 255, 0.3);
    backface-visibility: hidden;
}

.flip.up.go .back:before {
    animation: backFlipUp 0.6s ease-in-out both;
}

@keyframes frontFlipDown {
    0% {
        transform: perspective(160px) rotateX(0deg);
    }

    100% {
        transform: perspective(160px) rotateX(-180deg);
    }
}

@keyframes backFlipDown {
    0% {
        transform: perspective(160px) rotateX(180deg);
    }

    100% {
        transform: perspective(160px) rotateX(0deg);
    }
}


@keyframes frontFlipUp {
    0% {
        transform: perspective(160px) rotateX(0deg);
    }

    100% {
        transform: perspective(160px) rotateX(180deg);
    }
}

@keyframes backFlipUp {
    0% {
        transform: perspective(160px) rotateX(-180deg);
    }

    100% {
        transform: perspective(160px) rotateX(0deg);
    }
}

.flip .number0:before,
.flip .number0:after {
    content: "0";
}

.flip .number1:before,
.flip .number1:after {
    content: "1";
}

.flip .number2:before,
.flip .number2:after {
    content: "2";
}

.flip .number3:before,
.flip .number3:after {
    content: "3";
}

.flip .number4:before,
.flip .number4:after {
    content: "4";
}

.flip .number5:before,
.flip .number5:after {
    content: "5";
}

.flip .number6:before,
.flip .number6:after {
    content: "6";
}

.flip .number7:before,
.flip .number7:after {
    content: "7";
}

.flip .number8:before,
.flip .number8:after {
    content: "8";
}

.flip .number9:before,
.flip .number9:after {
    content: "9";
}

.discount-popup-clock {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 300px;
    transform: translateX(-50%);
}

.discount-popup-clock em {
    display: inline-block;
    line-height: 37px;
    font-size: 31px;
    font-style: normal;
    vertical-align: top;
    color: #2b57f8;
}
.discount-popup-close {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 2;
    color: #6f77a8;
    font-size: 25px;
    cursor: pointer;
}
.discount-popup-title {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    font-size: 31px;
    font-weight: 700;
    color: #1d4af2;
    line-height: 1.4;
}
.discount-popup-desc {
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: 700;
    color: #30333b;
    line-height: 1.4;
    text-align: center;
    width: 100%;
}
.discount-popup-price {
    position: absolute;
    left: 50%;
    top: 175px;
    transform: translateX(-50%);
    font-size: 37px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.4;
    text-align: center;
}
.discount-popup-price strong {
    font-size: 49px;
}
.discount-popup-button {
    position: absolute;
    left: 50%;
    top: 390px;
    transform: translateX(-50%);
    width: 100%;
}
.discount-popup-button button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff740d;
    color: #fff;
    border: none;
    outline: none;
    height: 44px;
    padding: 0 30px;
    font-size: 17px;
    font-weight: 700;
    border-radius: 5px;
    margin: 0 auto;
    cursor: pointer;
}
.discount-popup-clock-name {
    position: absolute;
    left: 50%;
    top: 340px;
    transform: translateX(-50%);
}
.discount-popup-clock-name span {
    display: inline-block;
    width: 90px;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    color: #2b56f6;
}

.side-discount {
    width: 331px;
    height: 74px;
    background: url("../images/giftoffer-christmas-2025/side-discount.png") no-repeat center;
    position: fixed;
    right: 0px;
    bottom: 100px;
    display: none;
    opacity: 0;
}
.side-discount.show {
    display: block;
}
.side-discount.active {
    opacity: 1;
}
.side-discount-button {
    position: absolute;
    bottom: 9px;
    right: 10px;
    padding: 0 15px;
    height: 43px;
    background-color: #ff740d;
    color: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
}
.side-discount-desc {
    position: absolute;
    bottom: 9px;
    left: 85px;
    font-size: 17px;
    line-height: 1.2;
    width: 100px;
    color: #363636;
}
.side-discount-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 74px;
    text-align: center;
}
.side-discount-time {
    color: #fff;
    font-size: 19px;
    line-height: 1;
}
.side-discount-name {
    font-size: 0;
}
.side-discount-name span {
    display: inline-block;
    width: 25px;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    color: #abb7fe;
}


@media (max-width:1366px) {
    .side-discount {
        display: none!important;
    }
}



/* ``````````````````````````````````````````````````````` */
.part-import { text-align: center; padding: 30px 0;}
.main-suhead{font-size: 23px;line-height: 1;padding-top: 15px;}
.toggle-import-container {position: relative;margin: 30px 0;}
.import-arrow-left,.import-arrow-right {width: 40px;height: 60px;position: absolute;top: 14%;cursor: pointer;z-index: 10;}
.import-arrow-left {left: -20px;}
.import-arrow-left::before {content: "";display: block;width: 12px;height: 12px;border-top: 4px solid #399fff;border-left: 4px solid #399fff;transform: rotate(-45deg);margin: 22px auto 0;}
.import-arrow-right {right: -20px;}
.import-arrow-right::before {content: "";display: block;width: 12px;height: 12px;border-top: 4px solid #399fff;border-right: 4px solid #399fff;transform: rotate(45deg);margin: 22px auto 0;}
.import-arrow-disabled::before {border-color: #999;}
.import-list-content {height: 130px;margin: 0 auto;overflow: hidden;}
.import-list{display: flex;width: 300%;}
.import-list-item{display: flex;width: 100%;justify-content: space-around;}
.import-list li {text-align: center;flex-shrink: 0;}
.import-list li .img-container {margin-bottom: 10px;}
.import-list li p {display: inline-block;font-size: 15px;color: #4c4c4c;border-bottom: 1px dotted #4c4c4c;cursor: pointer;margin-bottom: 10px;}
.import-down { display: flex; justify-content: center; align-items: center; }
.import-down a { color: #2691fc; font-size: 19px; text-decoration: underline; } 
.import-down a svg { transform: translateY(3px); }
@media (max-width:1200px) {
    .import-list li {width: 15%;}
}
@media (max-width: 992px) {
    .import-list-content {width: 100%;overflow-x: auto;}
    .import-arrow-left, .import-arrow-right {display: none;}
    .import-list li p {border: none;}
}