@charset "utf-8";
html, body{scroll-behavior: smooth;}
*{margin: 0;padding: 0;}
body{font:17px/27px Helvetica Neue Light,tahoma,Arial, Helvetica, sans-serif; color:#333;}
.details{width: 1200px;padding: 0;}
img{max-width: 100%;}
a.line{text-decoration: underline;}

.title-h2 {
    font-size: 31px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #000000;
    text-align: center;
}
.title-desc {
    font-size: 19px;
    line-height: 1.4;
    color: #404040;
    margin-bottom: 30px;
    text-align: center;
}
/*----------------*/
/*----------------*/
.sale {padding: 44px 0 50px;background-color: #fff;}
.sale .details {width: 1370px;}
.sale-h2{font-size:21px;color:#fff;line-height: 1.1;font-weight:500;width:fit-content;width:-moz-fit-content;width:-webkit-fit-content;margin:0 auto -25px;padding:8px 15px;background-color:#fc6339;position:relative;text-align:center;border-radius:200px;z-index: 1;}
.discount-container{border:8px solid #ffbd00;border-radius:30px;padding:32px 10px 54px;background:#fff;}
.discount-flex{display:flex;justify-content:center;align-items:flex-start;gap: 35px;}
.discount-item02-pic {padding-top: 35px;}
.discount-item-price{display:flex;font-weight:700;align-items:flex-end;justify-content:center;font-size:23px;line-height: 1;padding-bottom: 20px;}
.discount-item-price b{font-size:35px;color:#ff2a2a;line-height: 1;}
.discount-item02-suhead{margin-bottom:15px;font-size:22px;line-height: 1;text-align: center;}
.discount-item02-suhead span{font-size:18px;color:#fff;background:linear-gradient(to right,#ff8c03,#ff0d60);line-height:26px;border-radius:13px;padding:0 30px;display:inline-block;vertical-align: middle;margin-left: 12px;}
.discount-limit{font-size:25px;line-height: 1;font-weight:bold;text-align:center;padding:13px 0 34px;}
.discount-box{display:flex;justify-content:center;align-items: center;flex-wrap: wrap;}
.discount-box .discont-left{background:#fff5e2;border:3px solid #ffbcbc;border-radius:12px;gap:15px;display:flex;padding:14px 15px 12px;}
.discount-box a{text-align:center;font-size:12px;color: #000;line-height: 1;}
.discount-box a>span {height: 47px;display: flex;align-items: flex-end;justify-content: center;margin-bottom: 13px;}
.discount-box .discont-icon{width: 36px;height: 36px;border-radius: 50%;background: linear-gradient(transparent 8px, #fff 8px, #fff 11px, transparent 11px) no-repeat center/19px 19px,linear-gradient(90deg, transparent 8px, #fff 8px, #fff 11px, transparent 11px) no-repeat center/19px 19px;background-color: #421f84;margin: 0 -13px;position: relative;}
.m04-switch-x{overflow:hidden; position:relative; border-radius:20px;max-width: 741px;}
.m04-switch-pics{display:flex; align-items:center;}
.m04-switch-pics > a{width:100%; flex:none;}
.m04-switch-pics img{width:100%; height:auto; flex:none;}
.m04-switch-btns{position:absolute; bottom:10px; right:15px; font-size:0;}
.m04-switch-btn{width:28px; height:6px; background-color:#fff; border-radius:100vw; margin:0 3px;}
.m04-switch-btn:disabled{background-color:#4777FF;}
.m04-switch-btn:not(:disabled){cursor:pointer;}
.discount-button-buy {display:flex;justify-content:center;}
.discount-button-buy a{display: block;font-size:26px;width:260px;line-height:57px;font-weight:700;color:#000000;border-radius:10px;text-align: center;background-color:#ff993f;}
.main01-ul{display:flex;flex-wrap:wrap;justify-content:center;width:500px;padding:42px 0 0;text-align: left;}
.main01-ul li{width:50%;padding:0 0 8px;font-size: 17px;color: #656565;line-height: 1;}
.main01-ul li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:3px;background:#ff993f;vertical-align:middle;margin-right:5px;}
.switch-system{padding:12px 0;}
.switch-flex{display:flex;justify-content: center;padding-left:35px;align-items:center;gap:10px;}
.switch-wrapper{height:20px;position:relative;width:40px;}
.switch-wrapper input{position:absolute;clip:rect(0 0 0 0);}
.switch-slider{background-color:#fff;border:2px solid #353535;border-radius:100px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;}
input:checked+.switch-slider:before{left:20px;}
.switch-slider:before{background-color:#1d9bf0;border-radius:50%;bottom:1px;content:"";height:14px;left:2px;position:absolute;transition:.4s;width:14px;}
.system-item{display:flex;align-items:center;gap:5px;color:#000000;font-size:15px;}
.system-show.system-show{display:block !important;}
@media (max-width:1370px){
	.sale .details {width: 96%;}
    .m02-title {padding: 0 30px;font-size: 27px;}
    .discount-flex{flex-wrap:wrap;justify-content:center;gap:15px;flex-direction:column;align-items:center;}
.discount-button{flex-wrap:wrap;}
.discount-item02{order:1;}
.discount-item02-pic{order:2;}
.discount-item02-pic img{max-width:100%;}
.discount-flex{margin-bottom:30px;}
}
@media (max-width:576px){
.discount-item02-suhead{flex-wrap:wrap;font-size:19px;}
.main01-ul{width:auto;}
.discount-box .discont-icon {display: none;}
}

/*----------------*/
.whats-new-banner{background: url(../images/registered-update-2024/bg1.jpg) no-repeat center/cover;text-align: center;padding-bottom: 80px;}
.whats-new-banner .banner-logo{display: flex;justify-content: center;gap: 20px;align-items: center;padding: 65px 0 0;position: relative;}
.whats-new-banner .banner-logo img{position: absolute;left: 0;top: 50%;}
.whats-new-banner h1{font-size: 71px;color: #f2f8ff;line-height: 1;}
.whats-new-banner h1 span{color: #ff9537;position: relative;}
.whats-new-banner h1 span:nth-child(2):after{content: url(../images/registered-update-2024/v4.png);width: 74px;height: 76px;position: absolute;top: -28px;right: -140px;}
.whats-new-banner h1 var{color: #bb4bfb;font-style: normal;font-size: 41px; line-height: 1;padding-top: 10px;display: block;}
.whats-new-banner .h1-mess{font-size: 25px;color: #fff;padding: 25px 0 15px;}
.whats-new-banner p{color: #b1aacd;font-size: 19px;}
.whats-new-banner .pic img{margin: 0 0 0 -170px;max-width: none;}
.whats-new-banner .banner-btn{margin-bottom: -100px;padding-top: 50px;position: relative;z-index: 2;}
.whats-new-banner .banner-btn a{display: inline-block;border-radius: 10px;line-height: 54px;font-size: 25px;color: #fff;padding: 0 35px;}
.whats-new-banner .banner-btn>a:hover{text-decoration: none;}
.whats-new-banner .banner-btn a:nth-child(2){margin-left: 30px;}
.whats-new-banner .banner-btn a.down{background: linear-gradient(45deg,#8586f4,#d24bdd);}
.whats-new-banner .banner-btn a.give{line-height: 52px;border: 1px solid #ad8af9;background: #351465;}
.banner-btn-more {position: absolute;left: 50%;transform: translateX(-50%);width: 100%;bottom: -50px;}
.whats-new-banner .banner-btn-more a {text-decoration: underline;font-size: 17px;height: auto;line-height: 1.4;}
/* -------------------------------- */
.whats-new-years{background: url(../images/registered-update-2024/bg2.png) no-repeat left top;text-align: center;padding: 70px 0;}
.years-content{display: flex;padding: 50px 0 0;text-align: left;gap: 30px;}
.years-content .t{color: #7c69ff;padding: 25px 0 20px;line-height: 27px;}
.years-content .line{border-top: 1px solid #7c69ff;margin-left: 18px;position: relative;}
.years-content .line::before{content:"●";font-size: 27px;color: #7c69ff;position: absolute;left:-19px;top: -18px;}
.years-content .line::after{content:"";color: #7c69ff;position: absolute;right:-10px;top: -7px;width: 12px;height: 12px;border-bottom: 1px solid currentColor;border-right: 1px solid currentColor;transform: rotate(-45deg);}
.years-content p{color: #747474;font-size: 15px;padding: 20px 0 0;line-height: 23px;position: relative;padding-left: 10px;}
.years-content p::before{content: "●";display: inline-block;color: #7c69ff;font-size: 12px;position: absolute;left: 0;}
.years-content .y2023{width: 210px;flex-shrink: 0;margin: 0 20px;position: relative;}
.years-content .y2023 p{color: #000;}
.years-content .y2023::after{background: #f2f2f2;content: "";position: absolute;left: -15px;right: -25px;top: 0;bottom: 0;border-radius: 15px;z-index: -1;}
.years-content .y2024{width: 310px;flex-shrink: 0;margin: 0 20px;position: relative;}
.years-content .y2024 .t{color: #fff;font-size: 29px;display: flex;justify-content: space-between;align-items: center;}
.years-content .y2024 .t::after{content: "Continue to innovate";font-size: 14px;color: #e2e0ff;}
.years-content .y2024 .line,.years-content .y2024 .line::before{border-color: #fff;color: #fff;}
.years-content .y2024 .line::after{display: none;}
.years-content .y2024 p{color: #fff;font-size: 17px;}
.years-content .y2024 p::before{color: #fff;}
.years-content .y2024::after{background: #7c69ff;content: "";position: absolute;left: -17px;right: -25px;top: 0;bottom: 0;border-radius: 15px;z-index: -1;}
.years-content .y2024 .try{padding: 20px 0 35px;}
.years-content .y2024 .try a{font-size: 21px;background: #65ba4f;color: #fff;border-radius: 5px;line-height: 44px;display: inline-block;padding: 0 50px;}
.years-content .y2024 .try a:hover{text-decoration: none;}
/* `````````````````  plat-main03  ````````````````` */
.plat-main03 {
    padding: 100px 0;
    text-align: center;
    position: relative;
    background: url(../images/registered-update-2024/bg4.jpg) no-repeat center top/cover;
}

/*--------------------------------------------------------------*/
.main02 {padding: 32px 0 62px;background: #fbf9f3;text-align: center;}
.main02 h2 {font-size: 36px;line-height: 46px;color: #4f4532;margin-bottom: 30px;font-weight: 700;}
.main02 .details > p {font-size: 17px;color: #666666;line-height: 28px;margin: 0 94px 0;text-align: justify;}
.product-info-list {font-size: 0;text-align: center; margin: 50px 0 0;}
.product-info-list .product-info {display: inline-block;vertical-align: top;width: 376px;box-sizing: border-box;padding: 38px 40px;background-color: #fff;margin-bottom: 30px;}
.product-info-list .has-margin {margin: 0 30px 30px;}
.product-info-list .product-info .product-img {height: 80px;}
.product-info-list .product-info h3 {font-size: 21px;line-height: 31px;margin: 12px 0 16px;font-weight: 700;}
.product-info-list .product-info p {font-size: 17px;line-height: 27px;color: #646464;}
.product-info-list .product-info .product-price {font-size: 23px;line-height: 33px;margin: 14px 0 30px;font-weight: 600;}
.product-info-list .product-info a {display: block;font-size: 21px;line-height: 31px;color: #268cff;}
.product-info-list .empty-product {height: 404px;padding: 110px 20px 0;}
.product-info-list .product-all {display: inline-block;vertical-align: top;width: 375px; height: 404px;box-sizing: border-box;padding: 50px 10px 36px;overflow: hidden;margin-bottom: 30px;background-color: #fff;border: 6px solid #FFC53B;position: relative;}
.product-info-list .product-all .stocks{position:absolute; top:-2px; left:0px;}
.product-info-list .product-all .price-words {font-size: 24px;line-height: 34px;}
.product-info-list .product-all .real-price {font-size: 58px;color: #ff290d;line-height: 68px;margin: 13px 0 10px;}
.product-info-list .product-all .discount-price {font-size: 29px;line-height: 39px;text-decoration: line-through;}
.product-info-list .product-all p {font-size: 17px;line-height: 27px;margin: 15px 0 20px;}
.product-info-list .product-all p img {vertical-align: middle;margin-right: 10px;}
.product-info-list .product-all .buy-container a {display: block;width: 255px;height: 62px;line-height: 62px;font-size: 27px;color: #fff;border-radius: 5px;background-color: #ff891d;margin: 0 auto 5px;}
.product-info-list .product-all .buy-container a:hover {text-decoration: none;}
.product-info-list .product-all .bought-count {font-size: 15px;line-height: 25px;}
.product-info-list .product-all .bought-count span {color: #3fbf75;}




@media (max-width: 1200px) {
	.details{width:auto; padding: 0 5px;}
    .whats-new-banner .pic img{max-width: 100%;margin: 0;}

    .main01-toggle-content{width: auto;}
	.main01-toggle-content li{margin: 0 2px;width: 70px;}
	.flex-right{margin: 0 10px;}
}
@media (max-width: 979px) {

    h2{font-size: 31px;}

    .whats-new-banner h1 span:nth-child(2):after{right: -100px;}

    .years-content{flex-wrap: wrap;}
    .years-content >div{width: 30%;}


     .product-info-list .product-info,
    .product-info-list .has-margin,
    .product-info-list .product-all {width: 46%;margin: 0 2% 2%;padding: 30px 20px;}
    .content-container {width: 100%;}

    .march-lottery{background-size:cover; height:auto; padding-bottom:20px;}
	.march-lottery .details{width:96%;}
	.lottery-x{align-items:stretch;}
}

@media (max-width: 767px) {

    h2{font-size: 28px;}

    .banner-logo img{width: 20%;}
	.whats-new-banner h1{font-size: 60px;}
    .whats-new-banner h1 var{font-size: 29px;}
    .whats-new-banner .h1-mess{font-size: 23px;}
    .whats-new-banner .banner-btn a.give{margin:0 auto;margin-top: 20px;}

    .main02 h2 {font-size: 26px;line-height: 36px;}
	.product-info-list .empty-product {height: auto;}
    .product-info-list .product-info,
    .product-info-list .has-margin,
    .product-info-list .product-all {width: 100%;margin: 0 0 20px;padding: 30px 20px;}

    .years-content >div{width: 43%;}

    .lottery-x li > img{width:50%;}
	.lottery-x li p{font-size:15px; line-height:1;}
	.lottery-x::before, .lottery-x::after{display:none;}
	.lottery-btn{font-size:15px;}
	.lottery-email-x{margin:0 5px;}
	.lottery-wrong-email, .lottery-info-ti{font-size:17px; line-height:1;}
	.lottery-wrong a, .lottery-info a{width:auto; line-height:1; padding:5px 0; font-size:15px;}


    .title-h2 {
        font-size: 1.3125rem;
    }

}

@media  (max-width: 479px) {

    h2{font-size: 25px;}

    .whats-new-banner h1{font-size: 45px;}
    .whats-new-banner h1 var{font-size: 20px;}
    .whats-new-banner .h1-mess{font-size: 19px;}
    .whats-new-banner p{font-size: 18px;}
    .whats-new-banner h1 span:nth-child(2):after{display: none;}

    .whats-new-years h2+p{padding: 0;}

    .years-content >div{width: 95%;}
    .years-content .y2023,.years-content .y2024{width: 88%;/* margin: 0 auto; */}



    .lottery-title::before{left:0;}
	.lottery-desc{font-size:15px;}
	.lottery-x{row-gap:1px; border-width:5px;}
	.lottery-email{font-size:12px;}
	.lottery-btn{margin-top:5px;}

    .large-imgs li {height: 300px;}

    .lottery-x li > img {
        height: auto;
    }
    .lottery-x li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}





.discount-container {
    background-color: #ffffff;
    border: 10px solid #8bb7ff;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    padding: 30px 0 30px 30px;
}
.discount-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.discount-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.discount-button-buy a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    font-weight: 700;
    color: #000000;
    background-color: #ff993f;
    border-radius: 10px;
    width: 322px;
    height: 78px;
}
.discount-button-more a {
    font-size: 19px;
    color: #5d4b4b;
    font-weight: 700;
}
.discount-item02-li {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.discount-item02 {
    text-align: left;
    flex-basis: 500px;
}
.discount-item02-suhead {
    margin-bottom: 15px;
}
.discount-item02-suhead a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 23px;
    font-weight: 700;
}
.discount-item02-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
.discount-item02-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    font-size: 23px;
    font-weight: 700;
    color: #ff2a2a;
    margin-bottom: 20px;
    margin-top: 20px;
}
.discount-item02-price del {
    font-size: 23px;
    color: #442f2f;
}
.discount-item02 .discount-button-buy a {
    font-size: 27px;
    width: 260px;
    height: 63px;
}
.discount-item02 .discount-button-more a {
    font-size: 17px;
}
.discount-item02 .discount-button {
    justify-content: flex-start;
}


@media (max-width: 1200px) {

    .discount-flex {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }


    .discount-button {
        flex-wrap: wrap;
    }
    .discount-item02 {
        order: 1;
    }
    .discount-item03-pic {
        order: 2;
    }
    .discount-item03-pic img {
        max-width: 100%;
    }
    .discount-item02-title {
        font-size: 21px;
    }
    .discount-item02-price {
        font-size: 17px;
    }
    .discount-item02-price del {
        font-size: 15px;
    }
    .discount-container {
        margin-bottom: 30px;
    }
}
@media (max-width: 997px) {

}
@media (max-width: 576px) {
    .discount-button-buy {
        width: 100%;
    }
    .discount-button-buy a {
        width: 100%;
        max-width: 322px;
    }
    .discount-item02-suhead {
        flex-wrap: wrap;
        padding-right: 100px;
        font-size: 19px;
    }
}