@charset "UTF-8";

html, body {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

*[data-dev="auto"] .dev-mobile,
*[data-dev="desktop"] .dev-mobile,
*[data-dev="mobile"] .dev-desktop,
*[data-sys="auto"] .sys-mac,
*[data-sys="win"] .sys-mac,
*[data-sys="mac"] .sys-win
{
    display: none !important;
    margin: 0 !important
}
/* base css */
.container,.container-xxl,.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-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

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


/* ```````````````````````````````````````````````````````````````````````` */
.main-part1 {
    background: url("../images/buy-bf-26/bg1.jpg") no-repeat bottom / cover, linear-gradient(#070C34 37%, #D5DAFF);
    padding:60px 0 20px;
}
.part1-banner{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.part1-info {
    color: #d1d7f4;
    position: relative;
    z-index: 1;
}
.part1-info-content {
    max-width: 570px;
}
.part1-info-title {
    font-size: 21px;
    font-weight: 700;
    color: #dfdfdf;
    line-height: 1.2;
    margin-bottom: 10px;
}
.part1-info-title span {
    font-size: 31px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    z-index: 2;
    background: linear-gradient(180deg,#be97ff ,#918aff, #4e77ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #050b31;
}
.part1-info-title em {
    color: #dfdfdf;
    font-weight:400;
}
.part1-info-title strong {
    font-size: 60px;
    display: block;
    font-weight: 700;
    color: #de84fa;
}
.part1-info-title b{display:block; font-size:60px;}
.part1-info-title i{display:inline-block; margin-top:-10px; font-size:70px; font-style:normal; background:linear-gradient(to right, #b534ff, #ffbe17); -webkit-background-clip:text; background-clip:text; color:transparent;}
.part1-info-desc {
    font-size: 17px;
    font-weight: 400;
    color: #d1d7f4;
    line-height: 1.7;
}
.part1-info-desc span{color:#be46e1;}
.part1-info-off-wrap{display:flex; width:-moz-fit-content; width:-webkit-fit-content; width:fit-content; background:linear-gradient(to right, rgba(164, 130, 251, .27), rgba(165, 133, 251, .4)) no-repeat; border-radius:10px; padding:10px 20px; align-items:center; margin-top:30px;}
.part1-off-name{display:flex; align-items:flex-end; margin-right:20px;}
.part1-off-name-b{font-size:80px; line-height:1; background:linear-gradient(#ffffff, #e698ff); -webkit-background-clip:text; background-clip:text; color:transparent; font-family:'Microsoft YaHei'; letter-spacing:-.03em;}
.part1-off-name-extra{font-size:20px; color:#a395e3; line-height:1.1; margin:0 0 6px 7px;}
.part1-off-name-span{color:#d77ef9; display:block;}
.part1-off-timer-wrap{display:flex; font-size:14px; color:#a395e3; justify-content:space-between; margin-bottom:8px; line-height:1; align-items:center; flex-flow:wrap; gap:5px;}
.part1-off-timer-x{display:flex; align-items:center;}
.part1-off-timer{display:flex;}
.part1-off-timer li{background-color:rgba(255, 255, 255, .2); border-radius:3px; margin-left:12px; padding:2px 3px; color:#d1d7f4; position:relative;}
.part1-off-timer li::after{content:attr(data-text);}
.part1-off-timer li + li::before{content:':'; position:absolute; right:100%; margin-right:4px;}
.part1-off-code-wrap{background-color:#fff; border-radius:8px; padding:5px 8px; display:flex; align-items:center; flex-flow:wrap; justify-content:center;}
.part1-off-code-text{font-size:14px; color:#706f7c;}
.part1-off-code{font-size:17px; color:#000; margin:0 min(2vw, 40px) 0 5px;}
.part1-off-code-btn{font-size:18px; color:#fff; background-color:#FF653C; border:0 none; padding:4px 12px 6px; border-radius:6px; cursor:pointer; transition:background-color .3s;}
.part1-off-code-btn:disabled{cursor:no-drop;}
.part1-off-code-btn:disabled, .part1-off-code-btn:hover{background-color:#6754ca;}
.part1-r-img{max-width:100%; height:auto;}
.part1-figcaption{font-size:24px; color:#8C81B9; font-style:italic; text-align:center; margin-top:25px;}

.part1-sale-x{background:linear-gradient(#453597, transparent 85%) no-repeat; padding:clamp(10px, 1.57vw, 30px) 0 0; border-radius:20px; margin-top:40px;}
.product-bundle{display:flex;justify-content:center;align-items: center;flex-wrap: wrap;gap: 20px;background-color:#fff; border-radius:10px;padding:clamp(15px, 2.3vw, 44px) clamp(10px, 2vw, 20px); margin:0 clamp(10px, 1.57vw, 30px);}
.product-bundle-left{width: 570px;display:flex;flex-direction:column;align-items: center;}
.product-bundle-imgs li{display:none; height:280px; align-items:center;}
.product-bundle-imgs li.active{display:flex;}
.product-bundle-imgs > li > img{max-width:100%; max-height:100%;}
.product-bundle-toggle {display: flex;align-items: center;flex-wrap: wrap;gap: 8px; margin-top:30px;}
.product-bundle-arrow {width: 30px;height: 50px;background: url(../winxvideo-ai/images/special-deal-2025/toggle-arrow-icons.png) no-repeat 6px center;cursor: pointer;}
.product-bundle-right-arrow {background-position-x: -49px;}
.product-bundle-toggle-content {display: flex;flex-wrap: wrap;gap: 14px;}
.product-bundle-toggle-content li {width: 70px;height: 59px;display: flex;justify-content: center;align-items: center;position: relative;border-radius: 4px;overflow: hidden;cursor: pointer;background: linear-gradient(to right, #a1c4fd, #c1e8fb);}
.product-bundle-toggle-content li.active {box-shadow: 0 0 0 3px #fff;background: linear-gradient(to right, #0abafe, #5944ec);}
.product-bundle-toggle-content li>img {max-width: 90%;}
.product-bundle-right{border-radius: 12px;}
.product-bundle-right>h3{font-size:26px;color: #2e2e2e;line-height: 1;font-weight: 600;}
.product-bundle-intros {padding: 26px 0 10px;}
.product-bundle-intros>li{padding:0 0 15px;color:#3d3d43;font-size:17px;line-height: 1.1;}
.product-bundle-intros>li>b{color:#000;font-weight: 500;}
.product-bundle-price {display:flex;justify-content:center;align-items:center;gap:10px;padding: 0 0 5px;font-size: 17px;color: #706f7c;line-height: 1; flex-flow:wrap;}
.product-bundle-price b {font-size:30px;color:#ff6511;line-height: 1;}
.product-bundle-price span{font-size:19px;color:#57595e;line-height: 1;position:relative;overflow: hidden;}
.product-bundle-price span::after {content: "";width: 200%;height: 1px;background-color: #dd4a37;transform: rotate(-15deg);position: absolute;top: 50%;left: 50%;margin-left: -100%;}
.product-bundle-right .product-buttons {display: flex;justify-content: center; width:auto;}
.product-bundle-right .product-button {min-width:min(100%, 300px);line-height: 50px;border-radius: 100px;background-color: #FF653C;text-align: center;font-size: 23px;color: #fff;}
.change-link:not(.active){display:none;}
.product-bundle-right .product-button:hover {color: #fff;text-decoration: none;}
.product-bundle-more {font-size: 17px;color: #777497;line-height: 1.1;padding:10px 0 0;text-align: center;}

.banner-bundle{margin:3.5% clamp(10px, 1.57vw, 30px) 0; display:flex; justify-content:space-between; gap:3.5%; position:relative; z-index:1;}
.bundle-card{display:flex; justify-content:space-around; align-items:center; gap:10px; width:595px; box-sizing:border-box; padding:2.5%; border-radius:22px; background-color:#ffffff; flex:auto;}
.bundle-left{width:235px;}
.bundle-left .img-wrap {display: flex;align-items: center;}
.bundle-h3 {font-size: 21px;color: #000;font-weight: 500;line-height: 21px;padding: 12px 0 14px;}
.bundle-h3>span {display: block;}
.bundle-h3>span.small-font {font-size: 18px;}
.bundle-h3>span+span {margin-top: 12px;}
.bundle-intros>li {padding-left: 6px;font-size: 17px;color: #3d3d3d;line-height: 1.3;margin-bottom: 6px;position: relative;}
.bundle-intros>li::before {content: "";width: 2px;height: 2px;background-color: currentColor;position: absolute;top: 10px;left: 0;}
.bundle-price {font-size: 18px;color: #666;line-height: 1;padding: 12px 0 24px;}
.bundle-price>b {font-size: 36px;color: #ff6600;line-height: 1;display: inline-block;margin-right: 8px;}
.bundle-buttons {display: flex;}
.bundle-buttons>a {min-width:min(100%, 216px);line-height: 54px;font-size: 21px;color: #fff;font-weight: 600;text-align: center;background: linear-gradient(90deg, #fe6a0d, #feb305);border-radius: 27px;}
.bundle-right img{max-width:100%; height:auto;}

.banner-data {margin:8.49% 0 2.71%;position: relative;color: #35288f;}
.banner-data>img {max-width:1747px; width:100vw; object-fit:none; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -47%); pointer-events:none;}
.banner-nums{display:flex; justify-content:space-evenly; font-size:17px; color:#5F84C5; text-align:center; position:relative; padding:0 min(6vw, 110px); gap:10px;}
.banner-num>span {font-size: 21px;line-height: 1;color: #2162D2;display: block;margin-bottom: 8px;}
.banner-num>span>b {font-size:75px;line-height: 1;display: inline-block;margin-right: 8px; color:#FF6600;}

.buy-payment-service {padding:25px 2% 0;display: flex;justify-content:space-between;flex-wrap: wrap;}
.buy-service {display: flex;flex-wrap: wrap; gap:30px;}
.buy-service>li {display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 13px;color: #b8bbcc;line-height: 1.3;text-align: center;position: relative; text-align:left;}
.buy-service>li::before {content: "";width: 51px;height: 41px;background: url(../images/promotion-20th/service-icons.png) no-repeat left center;}
.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;}
.buy-payment > img{max-width:100%; height:auto;}

@media (max-width:1200px){
    .buy-payment-service {
        gap: 15px;
    }
    .banner-nums{padding:0;}
}
@media (max-width:992px){
	.bundle-card{flex-flow:column;}
	.bundle-left{width:auto;}
}
@media (max-width:768px){
    .part1-info-content {
        width: 100%;
    }
    .part1-info-off-wrap{background:#463697; flex-flow:wrap; justify-content:center;}
    .part1-off-name{margin:0 0 20px 0;}
    .part1-banner{flex-flow:column;}
}
@media (max-width:576px){
    .product-bundle-imgs li{height:auto;}
    .banner-bundle{flex-flow:column;}
    .bundle-card{width:100%;}
    .bundle-card + .bundle-card{margin-top:3.5%;}
    .banner-nums{flex-flow:column;}
    .banner-data > img{display:none;}
}

/* ```````````````````````````````````````````````````````````````````````` */
.product {background:linear-gradient(#D5DAFF, #EDEDFF);padding:40px 0 80px;}
.top-tag {
	display: flex;
	justify-content: center;
    height: 50px;
    margin: 0 auto;
    border-radius: 25px;
    box-sizing: border-box;
}
.top-tag > b{display:block; padding:10px 20px; border-radius:999px; border:solid transparent; font-size:21px; color:#2061D2; background:linear-gradient(#B8CFFF, #B8CFFF) padding-box, linear-gradient(to right, #99BEFF, #548CF0, #99BEFF); box-shadow:0 0 30px 15px #9c9eff;}
.main-h2 {font-size: 45px;line-height: 1;font-weight: 600;text-align: center;margin: 26px 0 18px;color: #2061D2;}
.blcak {color: #000000 !important;}
.gray {color: #8c8c8c !important;}
.main-p {font-size: 19px;color: #5F84C5;line-height: 1.1;text-align: center;}
.product-wrap {padding-top: 58px;}
.product-content {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 40px;background-color: #fff;border-radius: 22px;padding: 60px 144px 46px 46px;position: relative;}
.product-content+.product-content {margin-top: 45px;}
.product-content:nth-child(even) {padding: 60px 46px 46px 144px;}
.product-tag {width: 100px;height: 113px;font-size: 30px;color: #fff;line-height: 1.2;box-sizing: border-box;padding-top: 10px;text-align: center;background: url(../images/buy-newyear2025/product-tag.png);position: absolute;top: -2px;right: 24px;}
.product-content:nth-child(even) .product-tag {right: auto;left: 24px;}
.product-content .img-wrap {display: flex; position:relative;}
.product-content:nth-child(even) .img-wrap {order: 1;}
.product-content .img-wrap>img, .pi-before-box img {max-width:100%; height:auto;}
.product-intro {width: 480px;}
.product-h3 {font-size: 24px;color: #000;line-height: 1;font-weight: 600;}
.product-intro-p {font-size: 17px;color: #626262;line-height: 1.6;margin: 10px 0 15px;text-align: left;}
.product-intro-p>a {color: #6085ff;}
.product-intro-p>a:hover {text-decoration: underline;}
.product-intros {padding-left: 22px;}
.product-intros>li {font-size: 17px;line-height: 1.1;color: #626262;list-style-type: disc;margin-bottom: 10px;}
.product-price {width:min(100%, 320px);font-size: 14px;color: #b0b0b0;line-height: 1;padding: 8px 0 16px;text-align: center;}
.product-price>b {font-size: 35px;color: #ff4b1b;line-height: 1;display: inline-block;margin-right: 8px;}
.product-intro .product-buttons {display: flex; width:min(100%, 320px);}
.product-intro .product-buttons>a {width: 100%;line-height: 60px;font-size: 27px;color: #fff;font-weight: 600;text-align: center;background: linear-gradient(90deg, #fe6a0d, #feb305);border-radius: 6px;}
.piw-items{position:absolute; bottom:5px; right:15px; display:flex; background-color:rgba(0 0 0 / .85); border-radius:8px;}
.piw-item{font-size:17px; color:#9aabb3; padding:13px;}
.piw-item.active{background-color:#3C90FF; color:#fff; border-radius:inherit;}
.pi-icons{position:absolute; bottom:35px; right:5px; left:30%; display:flex; background-color:rgba(0 0 0 / .85); border-radius:8px; align-items:center; padding:0 10px; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin-left:auto;}
.pi-icon{padding:13px;}
.pi-icon.arrow{flex:none;}
@keyframes arrowHighlight{70%{opacity:.3;}}
.pi-icon-arrow{display:inline-block; width:13px; height:13px; border:3px solid #fff; border-top:0 none; border-left:0 none; transform:rotate(-45deg); margin-top:8px; animation:arrowHighlight .9s infinite;}
.pi-icon-arrow:first-of-type{margin-left:-7px;}
.pi-icon-arrow:nth-of-type(2){animation-delay:.3s;}
.pi-icon-arrow:nth-of-type(3){animation-delay:.6s;}
.img-wrap-x{display:flex; align-items:flex-end;}
.pi-img-box{margin:0 -87px -15px 0; z-index:1;}
.pi-before-box{position:relative;}
.pi-before{position:absolute; bottom:0; object-fit:cover; object-position:50% 100%; box-shadow:0 -1px #fff; right:0;}

@media (max-width:1400px){

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

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

}
@media (max-width:768px){
	.product-content, .product-content:nth-child(2n){padding:0 15px 20px;}
	.product-content{flex-flow:column; gap:20px;}
	.product-tag{position:initial;}
	.product-intro{width:auto;}
}
@media (max-width:576px){

}

/* ```````````````````````````````````````````````````````````````````````` */
.main-part3{padding:20px 0 80px; background:linear-gradient(#EDEDFF, #8e66f9 50%, #35219c 80%, #10135d);}
.main-part3-head{text-align:center;}
.part3-title{font-size:44px; color:#2061D2; line-height:1; margin-bottom:15px;}
.part3-desc{font-size:17px; color:#5F84C5; line-height:1.3;}
.store-toggle{display:grid; grid-template-areas:'package bundle''package buy'; grid-row-gap:20px; grid-column-gap:5%; margin-top:40px;background:url(../images/buy-bf-26/bundle-bg.png) 0 / 100% 100%, #ffffff; padding:2.32%; border-radius:23px;}
/* .store-toggle::before{content:''; grid-area:2 / 1 / -1 / -1; background-color:rgba(255, 255, 255, .65); box-shadow:0 0 0 20px rgba(255, 255, 255, .65); border-radius:8px;} */
.store-toggle-title{font-size:48px; text-align:center; line-height:1; font-weight:400; margin-top:80px;}
.store-toggle-title span{color:#ffb200;}
.store-toggle-left {grid-area:package; margin:auto 0;}
.store-toggle-imgs {margin-bottom: 30px; text-align:center;}
.store-toggle-imgs>li {display: none;}
.store-toggle-imgs>li img{vertical-align:middle; border-radius:20px; max-width:100%; height:auto;}
.store-toggle-imgs>li.active {display: block;}
.store-toggle-wrap,.store-toggle-icons {display: flex;justify-content: center;}
.store-toggle-icons{flex-flow:wrap;}
.store-toggle-icons>li {width: 71px;height: 59px;border-radius: 4px;overflow: hidden;position: relative;cursor: pointer; margin:0 10px;}
.store-toggle-icons>li::before {content: "";display: none;width: 100%;height: 100%;box-shadow: inset 0 0 0 2px #f87d34;border-radius: 4px;position: absolute;top: 0;left: 0;}
.store-toggle-icons>li.active::before {display: block;}
.store-toggle-arrow {width: 28px;height: 59px;cursor: pointer;overflow: hidden; flex:none;}
.store-toggle-arrow::before {content: "";display: block;width: 12px;height: 12px;border-left: 3px solid #000;border-bottom: 3px solid #000;transform: rotate(45deg);margin: 23px 0 0 9px;border-radius: 2px;}
.store-toggle-arrow.right-arrow::before {margin-left: 3px;transform: rotate(-135deg);}
.store-toggle-right{grid-area:bundle;}
.store-toggle-h3 {font-size:20px;color: #000;line-height: 1;font-weight: 600;padding-bottom: 13px;border-bottom: 1px solid rgba(255, 255, 255, .15);}
.store-toggle-intros{margin:17px 0;}
.store-toggle-intros>li:not(:last-of-type)::after{content:'+'; color:#9AB5ED; font-size:40px; line-height:1; font-family:Arial; margin-left:13px;}
.banner-ti-product{display:flex; align-items:center; position:relative;}
.banner-ti-product-info{margin:0 12px; flex:1;}
.banner-ti-product-info span{font-size:21px; color:#000; font-weight:700;}
.banner-tipi-tip{vertical-align:middle; margin-left:3px; background-color:initial; border:0 none; padding:0; cursor:pointer; position:relative;}
.banner-tipi-tip::after{content:''; width:10px; height:10px; background-color:#fff; position:absolute; left:50%; bottom:100%; transform:translate(-50%) rotate(45deg); margin-bottom:8px; display:none;}
.banner-tipi-tip:hover::after{display:block;}
.banner-tipi-tip-con{position:absolute; background-color:#fff; padding:5px; border-radius:5px; font-size:13px; line-height:1.3; transform:translateY(-100%); margin:-5px 0 0 -27px; display:none;}
.banner-tipi-tip:hover + .banner-tipi-tip-con{display:inline-block;}
.banner-ti-product-info p{margin-top:5px; font-size:17px; color:#1A3F80; line-height:1;}
.banner-ti-product-price{display:flex; flex-flow:column; align-items:flex-end; justify-content:space-between; align-self:stretch;}
.banner-ti-product-price del{font-size:15px; color:#73A4FF;}
.banner-ti-product-price b{font-size:21px; color:#e55c00; font-weight:700;}
.store-toggle-price-x{grid-area:buy;}
.store-toggle-price {font-size: 17px;color: #666; display:flex; justify-content:space-between;}
.store-toggle-price > i, .store-toggle-price > var{font-style:normal;}
.store-toggle-price > var{color:#f60;}
.store-toggle-price-total{color:#000; align-self:flex-end;}
.store-toggle-price > b {font-size:48px;color: #f60;line-height: 1;}
.store-toggle-buttons > a {display:block;font-size: 25px;color: #fff;font-weight: 700;text-align: center;background: linear-gradient(90deg, #fe6a0d, #feb305);border-radius: 100vw; padding:17px; margin:15px 0;}
.store-toggle-p {font-size: 15px;color: #707070;line-height: 1;text-align: center;}

@media (max-width:1400px){

}
@media (max-width:1200px){
   
}
@media (max-width:992px){
	.store-toggle{grid-template-areas:'package' 'bundle' 'buy';}
}
@media (max-width:768px){

}
@media (max-width:576px){
	.banner-ti-product > img{display:none;}
}

/* ```````````````````````````````````````````````````````````````````````` */
.faq {padding: 60px 0 78px;background: #1c1e59;color: #fff; border-top:1px solid #303273;}
.faq .main-h2{color: currentColor;}
.faq-content {padding-top: 38px;}
.qes_one{border-bottom: 1px solid #8d8ab8;padding: 18px 0 8px;text-align: left;}
.qes_one .t{font-size: 18px;/* color: #000000; */line-height: 1;cursor: pointer;padding: 0 25px 10px 0;position: relative;}
.qes_one .t:after{position: absolute;right: 0;top: 0; content: "";display: inline-block;width: 17px;height: 17px;color:#4772d4;background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px, linear-gradient(currentColor, currentColor) no-repeat center / 3px 100%}
.qes_one .qes_ans{font-size: 15px;line-height: 1.5;color: #d3cef9;padding: 10px 0 20px;display: none;}
.qes_one.focus .t:after{background: linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px;}
.qes_one.focus .qes_ans{display: block;}
.qes_one a { color: #2691fc; }