img{max-width:100%;height: auto;}

[id] {
  scroll-margin-top: 70px;
}
@media(max-width:1200px){
	.details{width:100%; padding:0 10px;}
}

.rounded-16 {
    border-radius: 16px;
    overflow: hidden;
}
.video-container {
    position: relative;
    overflow: hidden;
    background-size: cover;
    transform: scale(1);
}
.video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.video-container::before {
    content: '';
    display: block;
    padding-top: var(--ratio, calc(9 / 16 * 100%));
}
.video-container.video-high::before {
    content: '';
    display: block;
    padding-top: var(--ratio, calc(11.3 / 16 * 100%));
}

.bg-main {
    background: url("../images/festival-present/bg-main.jpg") center top #b5223b;
    background-size: 100% auto;
}
.bottom-footer {
    background-color: #232323;
}

@media (max-width: 1200px) {

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

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

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

}

/* ```````````````````````````````````````````````````````````````````````````````````` */
.part-banner {
    background: url("../images/festival-present/bg-banner.png") no-repeat center bottom;
    background-size: 100% auto;
    padding-top: 30px;
    text-align: center;
}

.banner-nav-list {
    padding: 40px 0 50px;
}
.banner-nav-list ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.banner-nav-list ul li {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    font-size: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.banner-nav-list ul li:hover {
    transform: translateY(-10px);
}
.banner-period {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    gap: 30px;
}
.banner-period-tips {
    background-color: #b5223b;
    color: #fff;
    font-size: 31px;
    height: 70px;
    width: 335px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.banner-period-time {
    font-size: 27px;
    font-weight: 700;
}
.banner-period-time time {
    font-size: 43px;
}

@media (max-width: 1200px) {

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

}
@media (max-width: 768px) {
    .banner-period-time time {
        font-size: 25px;
    }
    .banner-period-time {
        font-size: 21px;
    }
    .banner-period-tips {
        font-size: 25px;
    }
    .banner-nav-list ul {
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {

}


/* ```````````````````````````````````````````````````````````````````````````````````` */
.mian-title-h2 {
    font-size: 33px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

.title-h2-wrap {
    padding: 14px 30px 14px 90px;
    background: url("../images/festival-present/bg-title-h2.jpg") center #ffdc7d;
    color: #b5223b;
    position: relative;
}
.title-h2-wrap>img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.part-offer {
    text-align: center;
    padding: 80px 0 0;
    position: relative;
    overflow-x: hidden;
}

.part-offer-box {
    position: relative;
    padding: 8px;
}
.part-offer-box svg {
    border-radius: 20px;
    overflow: hidden;
     position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.part-offer-container {
    background-color: #fff;
    border-radius: 15px;
    position: relative;
    z-index: 2;
}

.offer-one .part-offer-box::before {
    content: '';
    background: url("../images/festival-present/offer-one-left.png") no-repeat center;
    position: absolute;
    left: -160px;
    bottom: 90px;
    width: 304px;
    height: 359px;
}
.offer-one .part-offer-box::after {
    content: '';
    background: url("../images/festival-present/offer-one-right.png") no-repeat center;
    position: absolute;
    right: -230px;
    bottom: 65px;
    width: 364px;
    height: 421px;
}

@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .mian-title-h2 {
        font-size: 25px;
    }
}
@media (max-width: 768px) {
    .mian-title-h2 {
        font-size: 21px;
    }
}
@media (max-width: 576px) {

}

/* ``````````````````````````````````````````````` */
.offer-one-flex {
    padding: 40px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.limite-item-animation {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 20px;
}
.limite-animation-box {
    width: 100%;
    border-radius: 10px;
    position: relative;
}
.limite-animation-line {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 4px solid #ced4de;
    font-size: 12px;
    color: #6c6c6c;
    height: 26px;
    padding: 0 20px;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
    gap: 15px;
}
.limite-animation-line::after{
    content: '';
    height: 4px;
    width: 50%;
    position: absolute;
    left: 0;
    top: -4px;
    background-color: #5da5ff;
    z-index: 1;
}
.limite-animation-line::before{
    content: '';
    width: 10px;
    height: 10px;
    border: 2px solid #5da5ff;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -8px);
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
}
.limite-animation-gift {
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: 3;
}
.ai-matting-bg-contenter {
    position: relative;
    overflow: hidden;
}
.limite-animation-box .ai-matting-bg-contenter {
    border-radius: 10px 10px 0 0;
    font-size: 0;
}
.limite-animation-tips {
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 4;
    background-color: #3e8bff;
    border-radius: 0 10px 0 10px;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
}

.limite-item-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    text-align: left;
    margin-bottom: 15px;
}
.limite-title-h3 {
    font-size: 27px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
}
.tips-offer-one {
    position: absolute;
    left: -20px;
    top: -60px;
}
.count-offer-one {
    background-color: #3ab549;
    color: #fff;
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 15px;
    line-height: 1;
}
.count-offer-one span {
    color: #fff338;
}


.ai-rt-step-left {padding-left: 40px;padding-right: 10px;}
.ai-rt-step-section{border-bottom:1px solid rgba(0, 0, 0, .2); margin-bottom:28px; padding-bottom:7px;}
.ai-rt-step-subtitle{display:flex; align-items:center; font-size:29px; font-weight:700; color:#003057; margin-bottom:20px;}
.ai-rt-ss-tag{font-size:57%; color:#178524; border:1px solid; border-right:0 none; padding:5px; position:relative; margin-right:25px;}
.ai-rt-ss-tag::before, .ai-rt-ss-tag::after{content:''; position:absolute; left:100%; width:17px; margin-left:-1px;}
.ai-rt-ss-tag::before{top:-1px; bottom:49%; background:linear-gradient(to right top, transparent 46%, currentColor, transparent 54%) no-repeat;}
.ai-rt-ss-tag::after{bottom:-1px; top:49%; background:linear-gradient(to left top, transparent 46%, currentColor, transparent 54%) no-repeat;}
.ai-rt-step-subdesc{font-size:17px; color:#7a7a7a; text-align:left; margin:20px 0;}
.ai-rt-step-buy{width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:0 auto;}
.ai-rt-step-price{font-size:39px; margin:8px 0;}
.ai-rt-step-price-del{color:#949494; margin-left:12px;}
.ai-rt-step-down{font-size:29px; color:#fff; background-color:#5096FF; border-radius:5px; padding:15px; display:flex; justify-content:center; align-items:center;}
.ai-rt-step-down.icon::before{content:''; width:44px; height:38px; background:url(../images/aiarty-rentio-tokka/down-icon.png) no-repeat; margin-right:17px; flex:none;}
.ai-rt-step-code{font-size:29px; border:1px dashed rgba(0, 0, 0, .3); border-radius:5px; padding:15px; display:flex; justify-content:center; align-items:center; width:100%; margin:22px 0;}
.ai-rt-step-code.icon::after{content:''; width:33px; height:29px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 29'%3E%3Crect fill='none' stroke='%23000' stroke-width='2' x='11' y='7' width='21' height='21' rx='3' ry='3'/%3E%3Crect fill='%23fff' stroke='%23000' stroke-width='2' x='1' y='1' width='21' height='21' rx='3' ry='3'/%3E%3C/svg%3E") no-repeat; margin-left:17px; flex:none;}
.ai-rt-step-code.icon.active::after{height:33px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%2393CB3E' d='M18 1.5c9.1 0 16.5 7.4 16.5 16.5S27.1 34.5 18 34.5 1.5 27.1 1.5 18 8.9 1.5 18 1.5M18 0C8.1 0 0 8.1 0 18s8.1 18 18 18 18-8.1 18-18S27.9 0 18 0z'/%3E%3Cpath fill='%2393CB3E' d='M15.9 25.6c-.4.4-1 .4-1.4 0l-6.7-6.7c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l6.7 6.7c.3.4.3 1 0 1.4z'/%3E%3Cpath fill='%2393CB3E' d='M14.4 25.6c-.4-.4-.4-1 0-1.4L28.7 10c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4L15.9 25.6c-.4.4-1.1.4-1.5 0z'/%3E%3C/svg%3E");}
.ai-rt-ss-ol{display:flex; align-items:center; justify-content:space-between; margin-top:-10px;}
.ai-rt-ss-ol::before, .ai-rt-ss-ol::after{content:''; border:12px solid transparent; border-left-color:#178524; border-right:0 none;}
.ai-rt-ss-li{margin:10px 5px 0;}
.ai-rt-ss-li:first-of-type{order:-1;}
.ai-rt-ss-li:last-of-type{order:1;}
.ai-rt-ss-title{font-size:15px; color:#178524; margin-bottom:7px; display:block;}
.ai-rt-ss-title-b{font-size:130%;}
.ai-rt-ss-li > figure > img{height:auto;}
.ai-rt-ss-figcaption{font-size:13px; margin-top:3px;}
.ai-rt-ssf-hlt{color:#178524;}
.ai-rt-step-right{background:linear-gradient( 45deg, #fcf3dd, #ffe6b1, #fcf3dd) no-repeat; border-radius:10px; flex: 1;padding: 30px 30px 15px;position: relative;}

.ai-rt-step-ul{display:flex; justify-content:space-between; font-weight:700;}
.ai-rt-step-ul::after{content:''; margin:0 8px; width:1.5px; background-color:rgba(0, 0, 0, .2);}
.ai-rt-su-li{padding:12px 0;}
.ai-rt-su-li:last-of-type{order:1;}
.ai-rt-sul-span{display:block; font-size:21px; color:#000000; margin-top:6px;}
@media(max-width:979px){
	.ai-rt-ss-li{flex:1;}
	.ai-rt-ss-figcaption br{display:none;}
}
@media(max-width:767px){
	.ai-rt-step-detail{flex-flow:wrap;}
}
@media(max-width:479px){
	.ai-rt-step-down, .ai-rt-step-code{font-size:19px;}
	.ai-rt-ss-ol{flex-flow:column;}
	.ai-rt-ss-ol::before, .ai-rt-ss-ol::after{border-left-color:transparent; border-top-color:#178524; border-right:12px solid transparent; border-bottom:0 none; margin-top:10px;}
	.ai-rt-step-left, .ai-rt-step-right{margin:0;}
	.ai-rt-step-right{margin-top:20px;}
	.ai-rt-step-img{transform:scale(.97);}
	.ai-rt-step-subtitle{flex-flow:column; align-items:flex-start; text-align:left;}
}

@media (max-width: 1200px) {
    .offer-one-flex {
        flex-wrap: wrap;
    }
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    .ai-rt-step-down {
        font-size: 21px;
    }
    .ai-rt-step-code {
        font-size: 21px;
    }
    .ai-rt-sul-span {
        font-size: 17px;
    }
    .limite-title-h3 {
        font-size: 17px;
    }
}
@media (max-width: 576px) {
    .ai-rt-step-down {
        font-size: 17px;
    }
    .ai-rt-step-code {
        font-size: 15px;
    }
}

/* ``````````````````````````````````````````````````````````````````````````````````` */
.offer-two-container {
    padding: 100px 70px 50px;
    box-sizing: border-box;
}

.offer-two-href {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.offer-two-time {
    background: #f35454;
    color: #fff;
    padding: 5px 25px;
    font-size: 13px;
    font-weight: 700;
    clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
}
.offer-two-time time {
    font-size: 17px;
}
.offer-two-share {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: #fff;
    z-index: 1;
}
.offer-two-share a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #76b3ff;
    color: #fff;
    font-size: 19px;
    gap: 10px;
    padding: 0 30px;
    border-radius: 30px;
    font-weight: 700;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.offer-two-share a:hover {
    transform: translateY(5px);
}
.offer-two-share::after {
    content: '';
    width: 100%;
    height: 50px;
    background-color: #4177ff;
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 1;
    border-radius: 30px;
}
.offer-two-prize {
    max-width: 865px;
    margin: 0 auto;
}
.prize-title {
    background-color: #fff9e6;
    color: #000;
    font-weight: 700;
    font-size: 29px;
    border: 4px solid #e3c975;
    border-radius: 30px 30px 0 0;
    border-bottom: none;
    display: inline-block;
    padding: 0 100px;
}
.prize-title span {
    color: #b5223b;
    font-size: 39px;
}
.prize-content {
    background-color: #fff9e6;
    border: 4px solid #e3c975;
    border-radius: 30px;
    padding: 30px 90px 0;
}
.prize-item {
    border-bottom: 2px solid #e5e0cf;
    padding-bottom: 20px;
    padding-top: 5px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 30px;
}
.prize-item:last-of-type {
    border-bottom: none;
}
.prize-info {
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}
.prize-tips {
    background-color: #439977;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 30px;
    padding:  0 20px;
}
.prize-tips span {
    font-size: 25px;
    color: #fffd7c;
    padding: 0 5px;
}
.prize-msg {
    font-size: 25px;
    font-weight: 700;
    color: #1c217b;
}
.prize-msg span {
    color: #ff0018;
}
.prize-desc {
    font-size: 15px;
    color: #424140;
    font-weight: 700;
}
.prize-line {
    position: relative;
    padding: 30px 0;
}
.prize-line span {
    background-color: #fff;
    font-size: 25px;
    font-weight: 700;
    padding: 0 25px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.prize-line::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000000;
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    z-index: 1;
}
.prize-step {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
}
.prize-step-arrow {
    width: 14px;
    height: 22px;
    border: 11px solid transparent;
    border-right-width: 0;
    border-left-width: 14px;
    border-left-color: #000000;
}


.main02-icons img {position: absolute;z-index: 3;}
.icons10 {top: 230px;left: 700px;}
.icons11 {top: 620px;left: 425px;}
.icons13 {top: 725px;right: 260px;}
.icons14 {top: 500px;right: 245px;}
.icons15 {top: 775px;right: 125px;}
.rotate-animation {animation: rotate 4s linear infinite;}
@keyframes rotate {0% {transform: rotate(0deg);} 20% {transform: rotate(20deg);} 40% {transform: rotate(0deg);} 60% {transform: rotate(-20deg);} 80% {transform: rotate(0deg);} 100% {transform: rotate(0deg);}}
.rotate2-animation {animation: rotate2 4s linear infinite;}
@keyframes rotate2 {0% {transform: rotate(0deg);} 20% {transform: rotate(-20deg);} 40% {transform: rotate(0deg);} 60% {transform: rotate(20deg);} 80% {transform: rotate(0deg);} 100% {transform: rotate(0deg);}}
.translate-animation {animation: translate 3s linear infinite;}
@keyframes translate {0% {transform: translateY(0);} 40% {transform: translateY(-10px);} 80% {transform: translateY(0);} 100% {transform: translateY(0);}}
.main02 .details {width: 1430px;}

.dialog-content {width: 380px;box-sizing: border-box;padding: 10px 20px;background-color: #fe6470;font-size: 27px;line-height: 1.4;font-weight: 600;color: #fff;position: relative;border-radius: 20px;}
.dialog-content::after {content: "";border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 26px solid #fe6470;position: absolute;bottom: 23px;right: -26px;}
.dialog-info {font-size: 21px;color: #fd636f;line-height: 31px;font-weight: 600;padding: 30px 0;}
.main02-content-link {line-height: 78px;padding: 0 33px;background-color: #fe6470;border-radius: 39px;font-size: 33px;color: #fff;font-weight: 600;position: relative;transition: background-color 0.2s;}
.main02-content-link img {position: absolute;top: -22px;left: 22px;}
.main02-content-link span {display: inline-block;vertical-align: middle;width: 43px;height: 43px;color: #fe6470;background-color: #fff;border-radius: 50%;margin: -3px 0 0 14px;position: relative;}
.main02-content-link span::before {content: "";display: block;width: 31px;height: 4px;background-color: currentColor;margin: 20px auto 0;}
.main02-content-link span::after {content: "";width: 8px;height: 8px;border-right: 4px solid currentColor;border-bottom: 4px solid currentColor;transform: rotate(-45deg);position: absolute;top: 16px;right: 7px;}
.main02-content-link:hover {background-color: #ff9099;color: #fff;}
.main02-container2{width: 100%;background-color: #fff9e6;border: 5px solid #e3c975;border-radius: 30px;position: relative;margin-bottom: 100px;}
.main02-container2-right {width: 800px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 400px;}
.main02-container2-right .dialog-content {background-color: #51d6b6;}
.main02-container2-right .dialog-content::after {border-right: 26px solid #51d6b6;border-left: none;left: -26px;right: auto;}
.main02-container2-right .dialog-content img {position: absolute;top: -17px;left: -194px;}
.main02-container2-right .dialog-info {color: #4a9783;}
.main02-container2-right .main02-content-link img {left: auto;right: 22px;}
.main02-container2-left {width: 462px;background-color: #31827d;transform: rotate(-10deg);position: absolute;top: -50px;right: -30px;}
.main02-container2-left>img {transform: rotate(5deg);}
.main02-container2-left .main02-content-number {position: absolute;top: -40px;left: -40px;}


@media (max-width: 1200px) {
    .main02-icons {display: none;}
    .main02-container2-left {
        position: relative;
        right: 40%;
        transform: translateX(100%);
    }
}
@media (max-width: 992px) {
    .main02-container2-left {
        right: 80%;
    }
    .main02-container2-right {
        width: 100%;
    }
    .prize-title {
        padding: 0 30px;
    }
    .prize-item {
        flex-wrap: wrap;
    }
    .prize-info {
        flex: none;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .prize-step {
        flex-wrap: wrap;
        gap: 15px;
    }
    .prize-step-arrow  {
        width: 100%;
    }
    .prize-content {
        padding: 30px;
    }
    .prize-title {
        font-size: 17px;
    }
    .prize-msg {
        font-size: 21px;
    }
    .offer-two-share a {
        font-size: 17px;
    }
    .main02-container2-left {
        right: 80%;
        transform: translateX(50%);
    }
}
@media (max-width: 576px) {
}
/* ``````````````````````````````````````````````````````````````````````` */


.offer-three-flex {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 1px;
    margin-bottom: 30px;
}
.offer-three-item {
    width: 50%;
    text-align: left;
    box-sizing: border-box;
}
.product-wrap {
    background-color: #fff9e6;
    padding: 20px 40px;
    border-radius: 20px;
    box-sizing: border-box;
}
.product-tips {
    text-align: center;
    height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 39px;
    font-weight: 700;
    position: relative;
}
.left .product-tips {
    border-radius: 15px 0 0 0;
    background-color: #0490ff;
}
.left .product-tips::before {
    content: '';
    width: 42px;
    background-color: #6a5eff;
    position: absolute;
    right: 0;
    top: 0;
    height: 74px;
}
.left .product-tips::after {
    content: '';
    border: 37px solid transparent;
    border-right-width: 0;
    border-left-width: 42px;
    border-left-color: #0490ff;
    position: absolute;
    right: 0;
    top: 0;
}
.right .product-tips {
    background-color: #6a5eff;
    border-radius: 0 15px 0 0;
}
.left-wrap {
    padding: 0 25px 0 50px;
}
.right-wrap {
    padding: 0 50px 0 25px;
}
.product-more-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    background-color: #fff;
    padding: 10px 30px;
    border-radius: 15px;
}
.product-more-name {
    font-size: 21px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-more-desc {
    font-size: 17px;
    font-weight: 700;
    color: #ff0909;
}
.product-jiage {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.product-jiage-red {
    font-size: 27px;
    font-weight: 700;
    color: #ff6f29;
    line-height: 1;
}
.product-jiage-red strong {
    font-size: 57px;
    line-height: 1;
}
.product-jiage-del {
    font-size: 15px;
    font-weight: 700;
    color: #737373;
    line-height: 1;
}
.product-jiage-del del {
    font-size: 27px;
    font-weight: 400;
    line-height: 1;
}
.limite-content-wrapper {
    padding-bottom: 30px;
}
.limite-title-h4 {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    margin-bottom: 30px;
}
.limite-content-list {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 50px;
}
.limite-content-item p {
    font-size: 15px;
    line-height: 1.4;
    color: #7f7f7f;
    padding-top: 5px;
}

.product-top {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;justify-content: center;padding: 20px 0;}
.product-logo {flex-shrink: 0;display: flex;}
.product-title-tag {display: inline-block;font-size: 15px;color: #fff;line-height: 1;font-weight: 600;padding: 6px 14px;border-radius: 100vw;background-color: #7f4dff;}
.product-content.ave .product-title-tag {background-color: #253b99;}
.product-h3 {font-size: 27px;color: #000;line-height: 1;font-weight: 600;padding-top: 8px;}
.product-intros {padding: 22px 0 5px 20px;}
.product-intros>li {list-style-type: disc;font-size: 15px;color: #000;line-height: 1;padding-bottom: 13px;}

.product-video {border-radius: 18px;position: relative;}
.product-box {position: absolute;left: -30px;bottom: -18px;}
.product-icons {display: flex;justify-content: center;align-items: center;padding: 20px 0 0;}
.product-icons>li {width: 130px;font-size: 15px;color: #000;line-height: 1;text-align: center;}
.product-icons>li::before {content: "";display: block;height: 42px;background-repeat: no-repeat;background-position-y: top;margin-bottom: 10px;}
.product-icons.ave>li::before {background-image: url(../images/festival-present/product-icons1.png);}
.product-icons.aie>li::before {background-image: url(../images/festival-present/product-icons2.png);}
.product-icons.ave>li:nth-child(1)::before {background-position-x: 44px;}
.product-icons.ave>li:nth-child(2)::before {background-position-x: -75px;}
.product-icons.ave>li:nth-child(3)::before {background-position-x: -195px;}
.product-icons.ave>li:nth-child(4)::before {background-position-x: -320px;}
.product-icons.aie>li:nth-child(1)::before {background-position-x: 44px;}
.product-icons.aie>li:nth-child(2)::before {background-position-x: -75px;}
.product-icons.aie>li:nth-child(3)::before {background-position-x: -190px;}
.product-icons.aie>li:nth-child(4)::before {background-position-x: -313px;}

.product-price {display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;gap: 5px;padding-bottom: 14px;}
.product-price-left {width: 110px;height: 107px;box-sizing: border-box;padding: 0 0 25px;font-size: 17px;color: #fff;line-height: 1;background: url(../../images/store/fire-bg.png);display: flex;justify-content: center;align-items: flex-end;}
.product-price-center {width: 202px;line-height: 74px;text-align: center;background-color: #dc2f2f;border-radius: 10px;margin-bottom: 11px;font-size: 44px;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 {width: 100%;line-height: 24px;font-size: 18px;color: #dc2f2f;border: 1px solid currentColor;border-radius: 100vw;}
.product-btn {display: flex;justify-content: center;margin-bottom: 30px;}
.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;}


@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .offer-three-flex {
        flex-wrap: wrap;
        gap: 30px;
    }
    .offer-three-item {
        width: 100%;
    }
    .left .product-tips {
        border-radius: 15px 15px 0 0;
    }
    .right .product-tips {
        border-radius: 15px 15px 0 0;
    }
    .left .product-tips::after {
        display: none;
    }
    .left .product-tips::before {
        display: none;
    }
}
@media (max-width: 768px) {
    .limite-content-list {
        flex-wrap: wrap;
        gap: 15px;
    }
}
@media (max-width: 576px) {

}


/* ```````````````````````````````````````````````````````````````````````````````````` */
.part-christmas {
    background: url("../images/festival-present/bg-snow.png") center top #fff4e1;
    margin-top: 100px;
    text-align: center;
    padding: 70px 0;
}

.christmas-container {
    background: #b5223b;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 100px;
}
.banner-shadow-title {
    font-size: 35px;
    color: #b5223b;
    line-height: 1.4;
    position: relative;
    z-index: 0;
    font-weight: 700;
    align-self: flex-end;
}
.banner-shadow-title::after {
    content: attr(content);
    position: absolute;
    -webkit-text-stroke: .22em #fff !important;
    left: 0;
    right: 0;
    z-index: -1;
}
.christmas-banner {
    position: relative;
    text-align: left;
}
.christmas-banner-shadow {
    position: absolute;
    top: 65px;
    left: 125px;
    z-index: 2;
}
.mask-banner {
    position: absolute;
    left: 0;
    top: 0;
}
.christmas-banner-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 200px;
    transform: rotate(-20deg);
}
.christmas-banner-desc p {
    background-color: #b5223b;
    color: #fff;
    padding: 0 15px;
    font-size: 17px;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}

.christmas-item {
    padding: 50px 130px 70px;
    position: relative;
    box-sizing: border-box;
}
.christmas-item-tips {
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   transform: translateY(-50%);
}
.christmas-item-tips img {
   width: 100%;
}
.christmas-item-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.christmas-item-btn a {
    background: url("../images/festival-present/bg-title-h2.jpg") no-repeat center #f6d073;
    color: #ab2038;
    padding: 0 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    font-size: 31px;
    font-weight: 700;
    border-radius: 40px;
}
.christmas-item-flex {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 40px;
}
.christmas-item-info {
    flex: 1;
    border-radius: 15px;
    padding: 0 30px;
    height: 303px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.christmas-item-info a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.christmas-item-pic {
    position: relative;
    font-size: 0;
}
.christmas-item-pic::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 303px;
    border: 2px dashed rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    left: 15px;
    bottom: -15px;
}
.christmas-item-pic.resiver::after {
    left:auto;
    right: 15px;
}
.christmas-info-title {
    font-size: 27px;
    font-weight: 700;
    background-image: url("../images/festival-present/bg-title-h2.jpg");
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.christmas-info-desc {
    font-size: 14px;
    line-height: 1.4;
    color: #ffd39a;
}
.christmas-info-btn {
    background: url("../images/festival-present/bg-title-h2.jpg") no-repeat center #f6d073;
    color: #ab2038;
    padding: 0 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 19px;
    font-weight: 700;
    border-radius: 30px;
    white-space: nowrap;
}
.christmas-more-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 10;
}
.christmas-more-item p {
    font-size: 17px;
    color: #ffd39a;
    margin-top: 10px;
}

.ai-matting-bg-box {border-radius: 10px;overflow: hidden;position: relative;}
.ai-matting-bg-box >img{width: 100%;height: auto;}
.ai-matting-bg-box .pic-ing{position: absolute;width:0;height: 100%;opacity: 0;left: 0;top: 0;}
.ai-matting-bg-box .normal-ing {position: relative;}
.ai-matting-bg-box .normal-ing>img {display: block;}
.ai-matting-bg-box .pic-ing img{max-width: 100%;height: 100%;object-fit: cover;object-position: 0;}
.ai-matting-bg-box .pic-ing::after{content:"";position: absolute;right: 0;width: 2px;height: 100%;background:url(../../images/aiarty-image-matting/index/banner-line.png) no-repeat;top: 0;}
.ai-matting-bg-box .ai2{animation: analysis 3s infinite;}
@keyframes analysis{ 0%{width: 0;opacity: 1;} 100%{width: 100%;opacity: 1;} }

@media (max-width: 1200px) {

}
@media (max-width: 992px) {
    .banner-shadow-title {
        font-size: 25px;
    }
    .christmas-banner-shadow {
        width: 100%;
        left: 0;
        text-align: center;
    }
    .christmas-banner-desc {
        left: 0;
    }
    .christmas-item {
        padding: 50px 30px;
    }
}
@media (max-width: 768px) {
    .christmas-item-flex {
        flex-wrap: wrap;
    }
    .christmas-item-pic {
        order: 1;
    }
    .christmas-item-info {
        order: 2;
    }
    .christmas-more-list {
        flex-wrap: wrap;
    }
    .christmas-more-item {
        width: 40%;
    }
}
@media (max-width: 576px) {

}

/* ``````````````` part-rules ```````````````````` */

.rules-title {
    text-align: center;
    color: #ffd39a;
    height: 65px;
    width: 620px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b5223b;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    font-size: 30px;
    font-weight: 700;
}
.rules-container {
    background-color: #ffffff;
    border: 6px solid #b5223b;
    box-sizing: border-box;
    border-radius: 30px;
    overflow: hidden;
    text-align: left;
}
.rules-scroll {
    height: 500px;
    overflow-y: scroll;
    padding: 45px 30px;
}
.rules-container h3 {
    background-color: #b5223b;
    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;
}
.rules-container h3 {
    color: #ffd39a;
}

@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) {

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

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

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

}