* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;font-weight: normal; }
html {font:10px "syst","Microsoft YaHei";font-weight: normal;-webkit-text-size-adjust: 100%;}
html:after{position: fixed;content: ""; width: 100%;height: 100vh;top: 0;left: 0;background: url("../images/bg.jpg")no-repeat center center;background-size: cover;z-index: -2;}
body {position: relative;color: #393939;background: #000;-webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;    width: 100%;max-width: 540px;margin: 0 auto;    box-shadow: 0 0 4rem #000c;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #414141;border-radius: 0;-webkit-border-radius: 0;border:none;}
img{border: none;max-width: 100%;width: 100%;vertical-align: middle;-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;}
a {color: #333;text-decoration: none;cursor: pointer;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {text-decoration: none;}
a:focus {outline: none;-moz-outline: none;}
input,input:focus,input:active{user-select: text;}
input::-webkit-input-placeholder {color: #c7b49d;font-weight: normal;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.section{position: relative;overflow: hidden;}
/*.section.active{-webkit-animation: scaleA 1s ease both;}*/
.text-underline{text-decoration:underline ;}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
*::-webkit-scrollbar {width: 4px;height: 8px;}
*::-webkit-scrollbar-thumb {border-radius: 4px;background: #9bb4b2;}
*::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.05);border-radius: 4px;}
i.sg{content: "";position: absolute;top: 0%;left: -100%;width: 100%;height: 100%;background: linear-gradient( -45deg, transparent,transparent,#d5d2ff7a, transparent, transparent );animation:animate-wipes 2s linear infinite;transform: skew(-38deg, 0deg);}
i.fg{content: "";position: absolute;display: none;top: 0;left:0;width: 100%;height: 100%;border-radius: 50%;background: radial-gradient( circle, #ea71f5, #b135bd,transparent, transparent ); animation:animate-lightzoom1 2s linear infinite;}
a:hover i.fg{display: block;z-index: -1;}
.pm-box{overflow: hidden;position: relative;}
/*.section2{background: url(../images/bg1.jpg)no-repeat bottom center;background-size:100% 100%;}*/

/*.foot{background: url(../images/bgfoot.jpg)no-repeat center center;background-size: 100% 100%;}*/
.title{width: 90%;margin: 0 auto 1%;}
.title-2{font-size: 2rem;line-height: 4rem;color: #70a3b2;text-align: center;margin-bottom: 1rem;margin-top: -1%;}
.title-2 span{font-size: 2rem;color: #bfc377;}
.pic-web{display: block;}
.pic-wap{display: none;}
.finger{position: absolute;content: "";width: 23%;    top: 39%;left: 90%;animation:animate-zoom 2s linear infinite;}
.btn{display: inline-block;color: #fff;font-size: 1.4rem;line-height: 2.6rem;padding: 0 1.5rem;}
.btn:hover{filter: brightness(1.2);}
.btn{font-size: 1.5rem;line-height: 2.4rem;}
.title-2{line-height: 3rem;margin-top: -3%;}
.section3{background: url(../images/bg3.jpg)no-repeat bottom center;background-size:100% 100%;margin-top: -1px;padding-bottom: 9%;}
/*.section4{background: url(../images/bg4.jpg)no-repeat center center;background-size: 100% 100%;margin-top: -1px;}*/
.section5{background: url(../images/bg5.jpg)no-repeat center center;background-size: 100% 100%;margin-top: -1px;}


.an-de-1{animation-delay:0.3s;}
.wUp,.wzoom,.wfr,.wfi,.wfb{opacity: 0;}
.wUp.animated,.wzoom.animated,.wLeft.animated{opacity: 1;}
.animated{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay:0s;-webkit-animation-delay:0s;}




select.select2-hidden-accessible{    border: 0 !important;clip: rect(0 0 0 0) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;}
.select2-selection{position: relative;display: block;width: 100%!important;    line-height: 3.4rem;height: 3.4rem;font-size: 1.2rem;padding-left: 3%;text-align: left;background: #dec59f;border: none;color: #fff;font-family: "Microsoft YaHei";}
.select2-selection__placeholder{font-family: "Microsoft YaHei";}
.select2-selection .select2-selection__arrow{position: absolute;border-color: #b39267 transparent transparent transparent;border-width: 7px 3px 0 3px;border-style: solid;height: 0;right: 2%;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--open .select2-dropdown{position: absolute;z-index: 99999;max-height: 200px;overflow: auto;overscroll-behavior: contain;background: #fff;border: 1px #eee solid;}
.select2-results__options li{padding-left: 1%;font-size: 14px; line-height: 30px;background:#dec59f;border: none;color:#af824d;text-align: left;font-family: "Microsoft YaHei";}
.select2-container{box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;}
.select2-search__field{line-height: 40px;height: 40px;padding-left: 1%;width: 100%;border: none;color:#af824d;font-size: 14px;font-family: "Microsoft YaHei";}
.select2-search__field::-webkit-input-placeholder {color: #af824d;}

.star-box{position: absolute;top: 0%;left: 0%;height: 100%;width: 100%;}
.star-box span{position: absolute;width: 3rem;top: 35%;left: 36%;pointer-events: none;z-index: 4;animation: animate-lightzoom 2s linear infinite;display: inline-block;}
.star-box span:nth-child(2){top: 40%;left: 57%;}
.star-box span:nth-child(3){top: 57%;left: 44%;}
.star-box span:nth-child(4){top: 67%;left: 30%;}

.btn1{color: #631e1e;font-size: 1rem;background: url(../images/btn1.png) no-repeat center center;background-size: 100% 100%;padding: 2% 5% 2% 0%;line-height: 2rem;display: flex;justify-content: center;align-items: center;width: 50%;margin: 0 auto;}



.btn-sotre{position: relative;overflow: hidden;}

a.btn-normalaudio{position: fixed;top: 8%;right: 3%;width:2.5rem;background: #de613e;border-radius: 100%;z-index: 1000;}
a.btn-normalaudio:after{position: absolute;content: "";width: 85%;height: 3px;background: #e99e89;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
a.btn-normalaudio.active{transform: rotate(360deg);animation:animate-turn 5s linear infinite;}
a.btn-normalaudio.active:after{display: none;}

.head{position: fixed;top: 0%;left: 50%;transform: translate(-50%,0); width: 100%;max-width: 540px;z-index: 1000;display: flex;align-items: center;padding: 0 1%;justify-content: space-between;}
.head:after{position: absolute;content: "";width: 100%;height: 110%;top: 0;left: 0;background: url("../images/head.png");background-size: 100% 100%;z-index: -1;}
.head>.logo{display: flex;opacity: 1;align-items: center;position: relative;z-index: 2;width: 50%;}
.head .right{display: flex;align-items: center;justify-content: flex-start;}
.head .right>a.icon-reward{display: none;}
.head .right .head-icon{display: none;}
.head-icon{padding: 0 7%;}
.head-icon a.icon-reward{display: none;}
.head .right>a.icon-reward{display: block;width:3rem;}
@keyframes animate-voice {
    0% {height: 5%;}
    50% {height: 70%;}
    100% {height: 5%;}
}

@media(max-width:1920px){
    .btn1{font-size: 1.2rem;line-height: 3rem;}
    .btn2{font-size: 1.2rem;line-height: 3rem;}
    .star-box span{top: 39%;left: 38%;}
    .star-box span:nth-child(2){top: 44%;left: 59%;}
    .star-box span:nth-child(3){top: 60%;left: 46%;}
    .star-box span:nth-child(4){top: 67%;left: 32%;}
}



/*手机端汉堡包*/
.head .hanbager{cursor: pointer;position: relative;width: 3.2rem; height: 3.2rem;margin-left: 0.5rem;opacity: 1;background: url(../images/icon-bg.png) no-repeat center center;background-size: 100% 100%;    z-index: 2;}
.head .hanbager div{position: absolute;width: 55%;height: 4px;background: #ffbd7c;top:30%;left: 50%;transform: translate(-50%,-50%);    border-radius: 2px;}
.head .hanbager div:nth-child(2){top:50%;transform: translate(-50%,-50%);}
.head .hanbager div:nth-child(3){top:70%;transform: translate(-50%,-50%);}
.head .hanbager.active div{top: 49%;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);transform-origin: center center;left: 24%;}
.head .hanbager.active div:nth-child(2){display: none;}
.head .hanbager.active div:nth-child(3){transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 49%;}
.head .right a{width: 3.2rem;margin-left: 0.5rem;}

/*.head .hanbager:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: url("../images/icon-bg.png");background-size: 100% 100%;z-index: -1;}*/
/*社交链接*/
.head-icon{display: flex;align-items: center;}
.head-icon a{width: 2.7rem;margin: 0 0.5rem;position: relative;}
.head-icon a span{display: block;}
.head-icon a .active{position: absolute;content: "";width: 100%;height: 100%;top:0;left: 0;z-index: 2;opacity: 0;}
@media (any-hover: hover){
    .head-icon a:hover .active{opacity: 1;}
    .head-icon a:hover .normal{opacity: 0;}
}
/*导航栏*/
.nav-cbl{position: fixed;top: 0;height: 100vh; display: flex;flex-direction: column;background: rgb(0 0 0 / 80%);width: 45%;left: auto;right: -400%;z-index: -1;transition: all 1s ease;}
.nav-cbl:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;right: 0;background: url("../images/nav-bg.png");background-size: 100% 100%;z-index: -1;}
.nav-cbl>.logo{margin: 0 auto 10%;width: 60%;}
.nav-cbl .head-right{display: flex;flex-direction: column;margin-bottom: 8%;}
.nav-cbl .head-right li{list-style:  none;position: relative;text-align: center;}
.nav-cbl .head-right li a{padding: 3% 18%;position: relative;display: block;color: #fff;}
.nav-cbl .head-right li a:after{position: absolute;content: "";width: 80%;height: 1px;bottom: 0;left: 11%;background: url("../images/dot.png");background-size: 100% 100%;z-index: 1;}
.nav-cbl .head-right li:hover a{color: #ffe99b;}
.nav-cbl .head-right li.active a{color: #ffe99b;}

.nav-cbl .btn-icon a{width: 67%;margin: 5% auto;}

/*body.scroll .head>.logo,body.scroll .head .page-voice,body.scroll .head .hanbager{opacity: 1;}*/
.head.active .page-voice{opacity: 0; }
.head.active .nav-cbl{right: 0%;justify-content: center; }
.head.active .hanbager{opacity: 1; }

@media(max-width:1920px){
   
}
@media(max-width:540px){
    .head{padding: 0 3%;}
    .head .page-voice{width: 2.35rem;}
    .pic-web{display: none;}
    .pic-wap{display: block;}
    
}
@media(max-width:350px){
    .head .hanbager{transform: scale(0.9);margin-left: 0;}
}
.btn-store{position: relative;overflow: hidden;display: block;}
.btn-store:after{position: absolute;content: "";width: 0.5rem;height: 0.5rem;border-radius: 50%;top: 15%;right: 3%;z-index: 2;background: #c00;}
.btn-box{display: flex;align-items: center;justify-content: center;}
.btn-box a{width: 48%;margin: 0 2%;}
a.btn-store span.pic{display: block;overflow: hidden;border-radius: 0.5rem;position: relative;}
.red-dot{position: absolute;content: "";width: 0.4rem;height: 0.4rem;border-radius: 50%;top: 8%;right: 3%;z-index: 2;background: #c00;animation:animate-zoom 2s linear infinite;}


#myfullpage{position: relative;}

.bannerpic{position: absolute;width: 100%;left: 0;top: 18.5%;z-index: 100;}
.section1{z-index: 2;}
.banner-pic{line-height: 0;}
.banner-box{position: absolute;content: "";width: 100%;top: 79%;left: 50%;transform: translate(-50%,0); text-align: center;z-index: 5;    display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;}
.banner-video{position: absolute;content: "";width:20%;top: 46%;right: 41%;animation: animate-pao infinite 1s ease-in-out alternate;}
.banner-box .num-reserve{position: relative;letter-spacing: 2px;display: inline-flex;align-items: center;line-height: 1.6rem;font-size: 0.9rem;color: #d4fff9;justify-content: center;background: linear-gradient(to right, rgba(159, 120, 32, 0), #78b3bea8, rgba(159, 120, 32, 0));width: 71%;text-shadow: 0 0 8px #000;}
.banner-box a.btn-banner-reserve{display: block; width:70%;margin: 0% auto 3%;max-width: 50rem;position: relative;    animation: animate-zoom1 3s linear infinite;}

@media(max-width:1920px){
    .banner-box .num-reserve{line-height: 2rem;font-size: 1.2rem;}
}



.section2{position: relative;}
.section2 .title{position: absolute;content: "";top: 4%;left: 5%;z-index: 3;}
.sec2{position: absolute;content:"";    top: 19%;left: 19%;width: 31%;}
.sec2-1{position: absolute;content:"";top:11%;left:3%;width: 94%;}
.sec2-1 .allreward .pic{position: absolute;content:"";top:0%;left:0%;width: 100%;}
.sec2-1 .reward-pic{position: absolute;content:"";bottom:292%;left:68%;width: 45%;    animation: animate-zoom1 3s linear infinite;}
.reserve-mess .phone-box{z-index: 1;position: relative;color: #fff;width: 63%;display: flex;align-items: center;justify-content: space-between;background: #726454;margin: 0 auto;border-radius: 10px;padding: 0 7%;}
.reserve-mess .phone-box span{font-size: 1rem;padding: 0 5%;    line-height: 1.5rem;display: block;border-right: 1px #c7b49d solid;}
.reserve-mess .phone-box .telephone{color: #a3abb2;font-size: 0.9rem;line-height: 2.8rem;height: 2.8rem;background:rgba(255,255,255,0.01);}
.reserve-mess .phone-box .selectd{    padding: 0 5% 0 3%;position: relative;}
.reserve-mess .phone-box .selectd:after{    position: absolute;content: "";width: 1px;height: 59%;background: #8f180e;top: 50%;right: 0;transform: translate(0, -50%);}
.reserve-mess .phone-box .phone{color: #c7b49d;font-size: 0.9rem;line-height: 2.8rem;background: none;padding-left: 5%;flex: 1;}
.reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 0.9rem;color: #c7b49d;}
.reserve-mess a.btn-reserve{width: 53%;position: relative;display: block;animation: animate-zoom1 3s linear infinite;margin: 3% auto 0;}
.privacy{display: flex;align-items: center;justify-content: center;margin-top: 2%;}
.privacy span.radio{position: relative;width: 1rem;height: 1rem;border: 1px #625c51 solid;border-radius: 25%;margin-right: 0.3rem;}
.privacy span.radio.active{position: relative;width: 1rem;height: 1rem;background: url(../images/dot-2.png);background-size: 100% 100%;z-index: 1;cursor: pointer;}
.privacy p{color: #625c51;font-size: 0.8rem;}



.sec2-2{position: absolute;top:47%;left: 3%;width: 94%;display: flex;justify-content: space-between;flex-direction: column;}
.allreward{position: relative;}
.allreward .hover{position: absolute;content: "";width: 100%;height: 100%;left: 0%;top: 0;z-index: 5;}
.allreward .hover .reward-box{display: none;position: absolute;width: 12rem;top: 1%;left: 50%;transform: translate(-50%, 0);background: #0b1018a3;color: #fff;font-size: 0.7rem;line-height: 1.2rem;border-radius: 0.2rem;padding: 0.5rem;text-align: center;}
.allreward .hover .reward-box span{display: block}
.allreward .hover:hover .reward-box{display: block;}
.sec2-2 .btn-box{margin: -15% auto;width: 73%;z-index: 10;}
.sec2-2 .star-box span{top: -7%;left: 50%;}
.sec2-2 .star-box span:nth-child(2){top: 44%;left: 11%;}
.sec2-2 .star-box span:nth-child(3){display: none;}
.sec2-2 .star-box span:nth-child(4){display: none;}


.sec2-3{position: absolute;top:74%;left: 20%;width: 60%;}
.sec2-3 .btn-suc{width: 72%;display: block;margin: -3% auto 0;}
.sec2-3 .star-box span{top: -1%;left: 52%;}
.sec2-3 .star-box span:nth-child(2){top: 44%;left: 14%;}
.sec2-3 .star-box span:nth-child(3){display: none;}
.sec2-3 .star-box span:nth-child(4){display: none;}

@media(max-width:1920px){
    .reserve-mess .phone-box .selectd{    padding: 0 5% 0 5%;}
    .reserve-mess .phone-box .telephone{font-size: 1rem;line-height: 3.2rem;height: 3.2rem;}
    .reserve-mess .phone-box .phone{font-size: 1rem;line-height: 3.2rem;}
    .reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 1rem;}
    .allreward .hover .reward-box{font-size: 0.9rem;line-height: 1.5rem;}
    
    .sec2-2 .star-box span{top: -3%;left: 52%;}
    .sec2-2 .star-box span:nth-child(2){top: 44%;left: 13%;}
    .sec2-2 .star-box span:nth-child(3){display: none;}
    .sec2-2 .star-box span:nth-child(4){display: none;}
    
    .sec2-3 .star-box span{top: 4%;left: 52%;}
    .sec2-3 .star-box span:nth-child(2){top: 44%;left: 16%;}
    .sec2-3 .star-box span:nth-child(3){display: none;}
    .sec2-3 .star-box span:nth-child(4){display: none;}
}
@media(max-width:540px){
   
    
}

/*.section3{    padding-bottom: 15%;}*/
.section3{position: relative;}
.section3 .per-num{display: flex;justify-content: center;color: #fff;font-size: 1.2rem;}
.section3 .per-num p{width: 100%;text-align: center;}
.section3 .per-num span{color: #fff5a3;font-size: 1.3rem;}
.milestone-box{display: flex;flex-direction: column-reverse;margin-top: 0%;margin-bottom: 7%;}
.milestone-ord{    display: flex;justify-content: center;}
.milestone-box .milestone{position: relative; width: 28%;margin: 0% 1%;}
.milestone-box .milestone>img{filter: brightness(1);}
.milestone-box .milestone .ydc{position: absolute;content: "";    width: 60%;top: 30%;left: 20%;z-index: 3;opacity: 0;filter: drop-shadow(0 0 10px black);}
.milestone-gra .milestone{width: 92%;margin: 0 0 5% 3%;animation: animate-zoom1 3s linear infinite;}
.milestone-gra .milestone .ydc{position: absolute;content: "";    width: 21%;top: 22%;left: 79%;z-index: 3;opacity: 0;filter: drop-shadow(0 0 10px black);}

.milestone-box .milestone.active>img{filter: brightness(0.6) grayscale(0.6);}
.milestone-box .milestone.active .ydc{opacity: 1;}

.milestone .hover{position: absolute;content: "";width: 100%;height: 100%;left: 0%;top: 0;z-index: 5;}
.milestone .hover .reward-box{display: none;position: absolute;width: 12rem;top: 1%;left: 50%;transform: translate(-50%, 0);background: #0b1018a3;color: #fff;font-size: 0.7rem;line-height: 1.2rem;border-radius: 0.2rem;padding: 0.5rem;text-align: center;}
.milestone .hover .reward-box span{display: block}
.milestone .hover:hover .reward-box{display: block;}

@media(max-width:1920px){
    .milestone .hover .reward-box{font-size: 0.9rem;line-height: 1.5rem;}
}



.section4{position: relative;}
.section4 .title{position: absolute;content: "";top: 2%;left: 5%;z-index: 3;}
.sec4{position: absolute;content:"";    top: 74%;left: 16%;width: 68%;}
.sec4-gif{position: absolute;width: 37%;top: 34.7%;left: 30.5%;}
.sec4-top{display: flex;align-items: center;width: 85%;margin: 0 0% 0 14%;}
.sec4-top .btn-draw{animation: animate-zoom1 3s linear infinite;}
.sec4-top .btn-rule{width: 17%;margin-left: 3%;}
.sec4 p.num{text-align: center;margin: 4% auto;color: #ffebba;font-size: 1.1rem;}
.sec4 p.num span{color: #fff;font-size: 1.4rem;}
.sec4-btn{display: flex;justify-content: space-evenly;}
.sec4-btn a{color: #ffefd4;font-size: 1.2rem;background: url(../images/broadcast-bg.png) no-repeat center center;background-size: 100% 100%;width: 50%;text-align: center;padding: 1% 0;}



@media (any-hover: hover){
    .banner-box a.btn-banner-reserve:hover{filter: brightness(1.5);}
    .reserve-mess a.btn-reserve:hover{filter: brightness(1.3);}
    .sec2-3 .btn-suc:hover{filter: brightness(1.3);}
    .sec4-top .btn-draw:hover{filter: brightness(1.1);}
}


.section5{position: relative;}
.sec5 .secpic-wap{width: 90%;margin: 4% auto;position: relative; }
/*.sec7 .pic-feature{position: relative; }*/
.sec5 .secpic-wap:after{position: absolute;content: "";width: 110%;height: 123%;top: -15%;left: -5%;background: url("../images/feature-bg.png")no-repeat center center;background-size: 100% 100%;z-index: 1;}
.pic-feature .swiper-pic-feature{    border: 1px #e0d89e solid;}
.swiper-pagination{position: absolute; bottom: 0;display: flex;align-items: center;justify-content: center;top: 110%;z-index: 10;}
.swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 1.6rem;height: 1.6rem; background: url(../images/dot-2.png)no-repeat center center;background-size: contain;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/dot.png)no-repeat center center;background-size: contain;}
.pic-feature-nav{width: 72%;margin: 0 auto;position: relative;}
.pic-feature-nav .swiper-slide{border: 1px #ccddff45 solid;position: relative;}
.pic-feature-nav .swiper-slide-thumb-active{border: 1px #ccddff solid;position: relative;}
.pic-feature-nav .swiper-button-prev,.pic-feature-nav .swiper-button-next{position: absolute;width: 2rem;height: 2rem;z-index: 10;cursor: pointer;top: 50%;left: -12%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;}
.pic-feature-nav .swiper-button-next{right: -12%;left: auto;}
.pic-feature-nav .swiper-button-prev{transform: rotateY(180deg)}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}
.pic-feature-nav .swiper-button-prev:after,.pic-feature-nav .swiper-button-next:after{display: none;}

.swiper-button-prev,.swiper-button-next{position: absolute;width: 2.8rem;height: 2.8rem;z-index: 10;cursor: pointer;top: 51%;left: -5%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;}
.swiper-button-next{right: -5%;left: auto;}
.swiper-button-prev{transform: rotateY(180deg)}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}




/*.foot{text-align: center;color:#797ec6;font-size: 0.7rem;margin-top: 15%;padding-bottom: 25%;}*/
.foot-st{display: flex;align-items: center;justify-content: center;width: 85%;margin: 7% auto 1%;}
.foot-st a{width: 40%;margin: 0 3%;}

.foot-rule{background: url(../images/rule-bg.png) no-repeat center center;background-size: 100% 100%;padding: 7%;margin-bottom: 12%;}
.rule-word{color: #707475;width: 96%;margin: 0 auto;font-size: 0.75rem;overflow: auto;height: auto;max-height: 14rem;}
.foot-rule p{margin-bottom: 0.5rem;}

.foot{padding: 1.5rem 5% 8rem;width: 540px;margin: 0 auto;display: flex;justify-content: space-evenly;}
.foot a{color: #ffcf7c;}
.foot a:nth-child(1){border-right: 1px #ffcf7c solid;padding-right: 10%;}

.pic-fc-bot .swiper-slide{opacity: 0!important;}
.pic-fc-bot .swiper-slide-active{opacity: 1!important;}

@media (any-hover: hover){
    .foot-st a:hover{filter: brightness(1.3);}
}

@media(max-width:1920px){
    .foot{padding: 2rem 5% 10rem;}
    .rule-word{font-size: 0.9rem;}
    .foot-rule p{margin-bottom: 1rem;}
    .foot-right{font-size: 0.9rem;}
    .foot-right p{line-height: 1.5rem;}
    .ri{font-size: 0.9rem;}
    .ri p{line-height: 2rem;}
    .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: 2rem;}
}
@media(max-width:540px){
    .foot{width: 100%;}
}


.fc-bot{display: block;width: 100%;z-index: 10;position: fixed;width: 100%;max-width: 540px;bottom: 0;left: 50%;transform: translate(-50%, 0);z-index: 100;    display: none;}
.fc-bot a{position: absolute;width: 35%;top: 50%;right: 5%;z-index: 1001;overflow: hidden;animation: zt 2s linear infinite;}
body.scroll .fc-bot{display: block;}
body.scroll .fc-bot a{display: block;}

@media(max-width:540px){
    

}

.snowfall{position: fixed;content: "";width: 100%;height: 100vh;top: 0;left: 0;z-index: 100;pointer-events: none;}

.pop-selfclose {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 12rem; /* Reduced from 15rem (20% decrease) */
    transform: translate(-50%, -50%);
    display: none;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 6px; /* Slightly smaller radius */
    padding: 16px; /* Reduced from 20px */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    color: white;
}

.pop-selfclose span {
    font-weight: bold;
    color: #ffffff;
    font-size: 1.04rem; /* Reduced from 1.3rem */
    line-height: 2.88rem; /* Reduced from 3.6rem */
    display: block;
}

.pop-self {
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 2px #0a2b4a; /* Slightly reduced shadow */
    font-size: 1.12rem; /* Reduced from 1.4rem */
    line-height: 3.2rem; /* Reduced from 4rem */
    width: 32%; /* Reduced from 40% */
    min-width: 28.8rem; /* Reduced from 36rem */
}

.pop-selfclose.invited-succ {
    width: 41.6rem; /* Reduced from 52rem */
}

.popup_tip .pop_title{line-height: 3.5rem;font-size: 2.2rem;color: #fff;text-align: center;margin-bottom: 3%;background: url(../images/nav-active.png)no-repeat center center;background-size: 100% 100%;display: inline-block;font-size: 2.4rem;text-shadow: 0 0 10px #ce0303;}
.popup_tip .pop_inner{color: #abbfc6;font-size: 1.4rem;line-height: 2rem;max-height: 69rem;overflow: auto;overscroll-behavior: contain;}

.popup{color: #d5ecff;width: 100%;padding: 0.5% 1% 2% 1%;max-width: 30rem;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;margin: 0 auto;display: none;text-align: center;background:url(../images/pop-bg.png)no-repeat center center;background-size: 100% 100%;   z-index: 10;}
.popup.pop-nobg{background: none;padding: 0;}

.popup .pop-title{position: relative;width: 76%;font-size: 1.8rem;margin: 0 auto;}
/*.popup .pop-title{position: relative; line-height: 3rem;text-align: center;color: #d9ebff;background: url(../images/pop-title-bg.png)no-repeat center center;background-size: 100% 100%;padding: 1% 0% 4% 0%;width: 76%;font-size: 1.8rem;margin: 0 auto;}*/
.popup .pop-title span{color: #ffcf7c;}
.pop-inner{color: #ffeccc;font-size: 1.1rem;line-height: 1.8rem;max-height: 30rem;}
.pop-inner span{color: #bf612e;}
.pop-inner span.red{color: #ff2121;text-shadow: 0 0 5px #ffe4e4;}
.popup .word-jb{background: linear-gradient(#fff,#e4ec6e);color: transparent;-webkit-background-clip: text;font-size: 1.6rem;}
.popup .copy{font-size: 1rem;}
.popup .close{position: absolute;width: 2.8rem; left: 90%;top:-6%;cursor: pointer;line-height: 0; }
.popup .btn1{line-height: 2.5rem;padding: 0% 0% 0% 0%;font-size: 1rem;}
.popup .btn2{line-height: 2.5rem;padding: 0% 0% 0% 0%;font-size: 1rem;}
.font-samll{font-size: 1rem;}

.reserve-mess .phone::placeholder{font-size: 1.3rem;}



.b-modal{opacity: 0.85!important;}


.popup-normal{padding: 1.5% 1% 2% 1%;}
.popup-normal .pop-inner p{margin: 5% auto;}


.broadcast{position: absolute;width: 100%;top: 13%;padding: 0 11% 0;left: 0%;background: url(../images/broadcast-bg.png)no-repeat center center;background-size: 100% 100%;max-height: 1.8rem;}
.broadcast .bd{overflow: hidden;}
.broadcast li{width: auto!important;padding-right: 40px;color: #f9f9f9;}
.broadcast li p{display: inline-block;line-height: 1.8rem;}
.broadcast li span{color: #fff9d3;}

/*.popup-start{display: block}*/
.popup-start{width: 100%;}
.popup-start .reserve-mess{position: absolute;width: 100%;top: 55%;left: 0%;}
.popup-start .reserve-mess .phone-box{padding: 0 4%;}
.popup-start .reserve-mess .phone-box .phone{line-height: 2.8rem;}
.popup-start .close{top: 2%;left: 88%;}
.popup .pop-reward{position: absolute;width: 22%;top: 74%;left: 68%;animation: animate-zoom1 3s linear infinite;}


/*.popup-reserve{display: block}*/
.popup-reserve{width: 100%;}
.popup-reserve .close{left: 87%;top: 5%;}
.popup-reserve .btn-box{display: flex;position: absolute;width: 64%;top: 69.5%;left: 18%;}
.popup-reserve .btn-box a{width: 100%;}
.popup-reserve .pop-reward{top: 76%;}

/*.popup-store{display: block}*/
.popup-store{width: 100%;}
.popup-store .close{left: 87%;top: 5%;}
.popup-store .btn-fb{width: 43%;display: block;position: absolute;top: 69.5%;left: 29%;animation: animate-zoom1 3s linear infinite;}
.popup-store .pop-reward{top: 76%;}



/*.popup-record{display: block}*/
.popup-record .pop-title{width: 87%;margin: 1% auto 0;}
.popup-record .pop-inner>div{display: flex;justify-content: space-between;padding: 0.3rem 0;text-align: center;align-items: center;}
.popup-record .pop-inner p{flex: 1 1 42%;font-size: 0.9rem;padding:0.2rem 0%;background: #3b0e00;border: 1px #ffd49b solid; margin: 0 1%;}
.popup-record .pop-inner p:nth-child(2){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.2rem 1rem;}
.popup-record a{margin: 0 0 0 1%;}
.popup-record a.active{filter: grayscale(0.9) brightness(0.8);pointer-events: none;}

.popup-task .pop-title{width: 78%;position: absolute;top: -4%;left: 11%;}
.popup-task .pop-inner{position: absolute;width: 96%;left: 2%;top: 18%;}
.popup-task .pop-inner>div{display: flex;justify-content: space-between;padding: 0.3rem 0;text-align: center;align-items: center;}
.popup-task .pop-inner p{flex: 1 1 42%;font-size: 1rem;padding:0.2rem 0%;background: #3b0e00;border: 1px #ffd49b85 solid; margin: 0 1%;}
.popup-task .pop-inner p:nth-child(2){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.2rem 1rem;}
.popup-task a{width: 40%;}
.popup-task a.active{filter: grayscale(0.9) brightness(0.8);pointer-events: none;}


.popup-rule .pop-inner{text-align: left;font-size: 1rem;overflow: auto;}
.popup-rule .pop-inner p{margin-bottom: 2%;color: #ffeccc;}


/*.popup-draw{display: block;}*/
.popup-draw{max-width: 34rem;}
.popup-draw .inner{display: none;}
.popup-draw .inner.active{display: block;background:url(../images/pop-bg.png)no-repeat center center;background-size: 100% 100%;}
.popup-draw .reward-pic{width: 32%;margin: 0 auto;padding-bottom: 5%;}
.popup-draw .reward-pic p{color: #ffeccc;}



@media (any-hover: hover){
    .popup-store a:hover{filter: brightness(1.3);}
    .popup-record .pop-inner a:hover{filter: brightness(1.3);}
    .popup-task a:hover{filter: brightness(1.3);}
}
@media(max-width:1920px){
   
}
@media(max-width:540px){
    .popup{padding: 0% 7% 5% 10%;max-width: inherit;}
    .pop-inner{max-height: 66rem;font-size: 1.2rem;line-height: 1.8rem;}
    .popup .close{width: 2.6rem;}
    .popup .btn1{    font-size: 1.2rem;}
    .popup .btn2{    font-size: 1.2rem;}
    .popup .num-reser{font-size: 1.5rem;}
    .popup-normal{padding: 4% 7% 5% 10%;}

    .popup-start{width: 90%;}
    .popup-reserve{width: 90%;}
    .popup-reserve .btn-box{top: 68.5%;width: 40%;left: 31%;}
    .popup-store{width: 90%;}
    

    .popup-record .pop-inner a{width: 10rem;}
    .popup-record .pop-inner p{font-size: 1rem;    padding: 0.6rem 0%;}
    .popup-record .pop-inner p:nth-child(2){font-size: 1rem;    padding: 0.6rem 0%;}

    
    .popup-task{width: 85%;}
    
    
}



/*动效-转圈*/
/*调用-转圈*/ /*    animation:animate-turn 5s linear infinite;    */
@keyframes animate-turn {
    0% {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

@keyframes animate-pos-turn {
    0% {transform: rotate(0deg) translate(-50%,-50%);}
    to {transform: rotate(1turn) translate(-50%,-50%);}
}

/*动效-按钮缩放*/
/*调用-按钮缩放*/ /*    animation:animate-zoom 2s linear infinite;    */
@keyframes animate-zoom {
    0% {transform: scale(0.85);}
    50% {transform: scale(1);}
    100% {transform: scale(0.85);}
}

@keyframes animate-zoom1 {
    0% {transform: scale(1.1);}
    50% {transform: scale(1);}
    100% {transform: scale(1.1);}
}
@keyframes animate-zoom2 {
    0% {transform: scale(1.1);}
    50% {transform: scale(0.6);}
    100% {transform: scale(1.1);}
}

@keyframes animate-pos-zoom {
    0% {transform: scale(0.85) translate(-50%,0);}
    50% { transform: scale(1) translate(-50%,0);}
    100% {transform: scale(0.85) translate(-50%,0);}
}

@keyframes animate-pos1-zoom {
    0% {transform: scale(0.85) translate(0,-50%);}
    50% { transform: scale(1) translate(0,-50%);}
    100% {transform: scale(0.85) translate(0,-50%);}
}
@keyframes animate-pos2-zoom {
    0% {transform: scale(0.85) translate(-50%,-50%);}
    50% { transform: scale(1) translate(-50%,-50%);}
    100% {transform: scale(0.85) translate(-50%,-50%);}
}



/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom 2s linear infinite;    */
@keyframes animate-lightzoom {
    0% {transform: scale(1) rotate(0deg);opacity: 1;}
    75% { transform: scale(0.8) rotate(360deg);opacity: 1;}
    100% { transform: scale(0) rotate(180deg);opacity: 0;}
}

/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom1 2s linear infinite;    */
@keyframes animate-lightzoom1 {
    0% {transform: scale(1);opacity: 1;}
    75% { transform: scale(0.8) ;opacity: 1;}
    100% { transform: scale(0) ;opacity: 0;}
}



/*动效-扫光*/  /*    background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );    */
/*调用-扫光*/ /*    animation:animate-wipes 2s linear infinite;    */
@keyframes animate-wipes {
    from {left:0;}
    to {left:100%;}
}



/*动效-左右摇晃*/
/*调用-左右摇晃*/ /*    transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;    */
@keyframes animate-shake {
    0%{transform:none}
    15%{transform:translate3d(-2%,0,0) rotate3d(0,0,1,-2deg);}
    30%{transform:translate3d(1%,0,0) rotate3d(0,0,1,1deg);}
    45%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    60%{transform:translate3d(1%,0,0) rotate3d(0,0,1,2deg);}
    75%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    100%{transform:none}
}
@keyframes animate-shake1 {
    0%{transform:none}
    15%{transform:translate3d(-1%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    30%{transform:translate3d(0.5%,0,0) rotate3d(0,0,0.5,0.5deg);}
    45%{transform:translate3d(-0.5%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    60%{transform:translate3d(0.5%,0,0) rotate3d(0,0,0.5,0.5deg);}
    75%{transform:translate3d(-0.5%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    100%{transform:none}
}

/*动效-气泡动效*/
/*调用-气泡动效*/ /*    transform-origin: center top;animation: animate-pao infinite 1s ease-in-out alternate;    */
@keyframes animate-pao {
    0% {transform: rotate(3deg);transform-origin: bottom left;}
    100% {transform: rotate(0deg);}
}

/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(1deg);}
    100% {transform: rotate(-2deg);}
}

/*动效-云移動*/
/*调用-云移動*/ /*    animation: animate-cloud 0.8s linear infinite;    */
@keyframes animate-cloud {
    0% {transform:translate(0,0);}
    50% { transform:translate(-20%,0);}
    100% {transform:translate(0,0);}
}

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-jump-lr 0.8s linear infinite;    */
@keyframes animate-jump-lr {
    0% {transform:translate(0,0);}
    50% { transform:translate(-6px,0);}
    100% {transform:translate(0,0);}
}

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-jump-lrf 0.8s linear infinite;    */
@keyframes animate-jump-lrf {
    0% {transform:translate(0,0) rotateY(180deg);}
    50% { transform:translate(-6px,0) rotateY(180deg);}
    100% {transform:translate(0,0) rotateY(180deg);}
}

/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
@keyframes animate-jump {
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-3px);}
    100% {transform:translate(0,0);}
}



/*动效-背景逐帧动效*/
/*调用-背景逐帧动效*/ /*    animation: animate-changebg 1s steps(3) infinite;    */
@keyframes animate-changebg {
    from{background-position:0 0;}
    to {background-position: -90px 0;}
}

@-webkit-keyframes scaleA {
    0% {opacity: 0;-webkit-transform: scale(1.4);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}


/*左右摇晃动效*/
@-webkit-keyframes error-swing {
    0% {-webkit-transform: rotate(1deg)}
    100% {-webkit-transform: rotate(-2deg)}
}
@-moz-keyframes error-swing {
    0% {-moz-transform: rotate(1deg)}
    100% {-moz-transform: rotate(-2deg)}
}
@keyframes error-swing {
    0% {transform: rotate(1deg)}
    100% {transform: rotate(-2deg)}
}

@keyframes animate-card {
    0%{transform:rotateY(0deg);}
    15%{transform:rotateY(-60deg);}
    30%{transform:rotateY(60deg);}
    45%{transform:rotateY(-60deg);}
    60%{transform:rotateY(60deg);}
    75%{transform:rotateY(-60deg);}
    100%{transform:rotateY(0deg);}
}