* {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?v=2) 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: #c4b49b;font-weight: normal;}
input::-moz-placeholder {color: #c4b49b;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: #ffffff73;}
*::-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,#fffff685, transparent, transparent );animation:animate-wipes 2s linear infinite;transform: skew(-38deg, 0deg);}
i.sg-pop{content: "";position: absolute;top: 0%;left: -100%;width: 100%;height: 100%;background: linear-gradient( -45deg, transparent,transparent,#fffff685, transparent, transparent );}
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;}
.animateclass{animation:animate-wipes 2s linear infinite;transform: skew(-38deg, 0deg);}
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;} */
/* .section4{background: url(../images/bg4.jpg)no-repeat center center;background-size: 100% 100%;margin-top: -1px;    padding: 4% 0 19%;} */
/* .section5{background: url(../images/bg5.jpg)no-repeat center center;background-size: 100% 100%;margin-top: -1px;    padding: 8% 0 5%;} */
/* .section6{background: url(../images/bg6.jpg)no-repeat center center;background-size: 100% 100%;margin-top: -1px;    padding: 8% 0 5%;} */
.section7{background: url(../images/bg7.jpg)no-repeat center center;background-size: 100% 100%;padding: 0% 0 0%;}


.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;}
.select2-search__field::-moz-placeholder {color: #af824d;}

.star-box{position: absolute;top: 0%;left: 0%;height: 100%;width: 100%;}
.star-box span{position: absolute;width: 3rem;top: 33%;left: 32%;pointer-events: none;z-index: 4;animation: animate-lightzoom 2s linear infinite;display: inline-block;}
.star-box span:nth-child(2){top: 10%;left: 52%;}
.star-box span:nth-child(3){top: 45%;left: 85%;}
.star-box span:nth-child(4){top: 67%;left: 29%;display: none;}

.btn1{color: #70492f;font-size: 1rem;background: url(../images/btn1.png) no-repeat center center;background-size: 100% 100%;padding: 1.5% 0% 1.5% 0%;line-height: 2rem;display: flex;justify-content: center;align-items: center;width: 45%;margin: 0 auto;}
.btn2{color: #24427d;font-size: 1rem;background: url(../images/btn2.png) no-repeat center center;background-size: 100% 100%;padding: 1.5% 0% 1.5% 0%;line-height: 2rem;display: flex;justify-content: center;align-items: center;width: 45%;margin: 0 auto;}

.pic-minlo{position: absolute;bottom: 3%;left: 0%;width: 28%;    z-index: 2;}
.section1 .pic-minlo{cursor: pointer;}
.pic-minlo .fall{position: absolute;top: 0%;left: 0%;width: 100%;height: 65%;}
.pic-minlo .fall .fallz{position: absolute;top: 0%;left: 40%;width: 10%;animation:animate-fall 1.5s linear infinite;}
.pic-minlo .fall .fallz.fallz1{width: 4%;animation:animate-fall 1s linear infinite;}
.pic-minlo .fall .fallz.fallz2{width: 8%;animation:animate-fall 1.7s linear infinite;}
.pic-minlo .fall .fallz:nth-child(2){left: 25%;width: 7%;}
.pic-minlo .fall .fallz:nth-child(3){left: 80%;width: 5%;}
.pic-minlo .fall .fallz:nth-child(4){left: 50%;width: 3%;}
.pic-minlo .fall .fallz:nth-child(5){left: 60%;width:6%;}

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

a.btn-normalaudio{position: fixed;top: 7%;left: 58.5%;width:2rem;background: #ff6b41;max-width: 540px;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: flex-start;padding: 0.2% 0.2%;justify-content: space-between;}
.head:after{position: absolute;content: "";width: 100%;height: 90%;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: 33%;margin-top: 2%;}
.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.4rem;line-height: 3rem;}
    .btn2{font-size: 1.4rem;line-height: 3rem;}
    .star-box span{left: 37%;}
    .star-box span:nth-child(2){left: 57%;}
    .star-box span:nth-child(3){left: 88%;}
    .star-box span:nth-child(4){top: 72%;left: 31%;}

    a.btn-normalaudio{top: 9%;left: 61%;width: 2.5rem;}
    
}



/*手机端汉堡包*/
.head .hanbager{cursor: pointer;position: relative;width: 3rem; margin-left: 0.5rem;opacity: 1;    z-index: 2;}
.head .hanbager div{position: absolute;width: 70%;height: 4px;background: #fff;top:25%;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:75%;transform: translate(-50%,-50%);}
.head .hanbager.active div{top: 44%;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);transform-origin: center center;left: 16%;}
.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: 44%;}
.head .hanbager span.open{opacity: 1;transition: opacity 1s ease;}
.head .hanbager span.close{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: opacity 1s ease;}
.head .hanbager.active span.open{opacity: 0;}
.head .hanbager.active span.close{opacity: 1;}
/* .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;padding-left: 35%; width: 100%;left: auto;right: -400%;z-index: -1;transition: all 1s ease;background: #0d1b30a8;}
.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;}
.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;}
.nav-cbl .head-right li a img{position: relative;z-index: 2;}
/*.nav-cbl .head-right li.active a{color: #d9ebff;background: linear-gradient(#fff, #d9ebff);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 1.3rem;text-shadow:-1rem 0 1rem #6a87c3, 1rem 0 2rem #6a87c3, 0 0.5rem 1rem #6a87c3, 0 -0.5rem 1rem #6a87c3;}*/
.nav-cbl .head-right li a:after{position: absolute;display:none;content:"";top: 0%;left: 50%;width: 100%;height: 100%;background: url("../images/nav-active.png")no-repeat center center;background-size: contain;z-index: 0;transform: translate(-50%,0);}
.nav-cbl .head-right li.active a:after{display: block;}

.head-icon-box{position: absolute;content: "";width: 10%;left: 12%;top: 50%;transform: translate(0, -50%);}
.head-icon-box a{display: block;    border: 1px #8d8cb0ab solid;border-radius: 0.4rem;margin: 50% 0;}
.head-icon-box a:hover{border: 1px #5f5fb9 solid;background:#5f5fb9; }
.head-icon-box a:hover>img{filter: brightness(0); }

/*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){
    .head .right>a.icon-reward{width: 4rem;}
    .head .hanbager{width: 4rem;}
    .nav-cbl{padding-left: 42%;padding-right: 3%;}
}
@media(max-width:540px){
    .head{padding: 1.5% 2%;}
    .head .page-voice{width: 2.35rem;}
    .pic-web{display: none;}
    .pic-wap{display: block;}
    a.btn-normalaudio{left: 90%;}
    
}
@media(max-width:350px){
    .head .hanbager{transform: scale(0.9);margin-left: 0;}
}
.btn-store{position: relative;display: inline-block; }
.btn-box{display: flex;align-items: center;justify-content: center;    flex-direction: column;}
.btn-box a{width: 41%;margin: 0 2%;}
.btn-box a span{position: relative;;overflow: hidden;display: inline-block;}
a.btn-store span.pic{display: block;overflow: hidden;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;}

.loadvideo{position: fixed;content: "";width: 100%;height:100vh;top: 50%;left: 0;transform: translate(0,-50%);z-index: 10000;background: #fff;}
.section1{z-index: 2;}
.banner-pic{line-height: 0;position: relative;}
.banner-pic > img{position: relative;z-index: 1;}
#bannervideo{position: absolute;width: 100%;top: 0%;left: 0;z-index: 1;opacity: 1;transition: opacity 0.5s ease;}
.slogan{position: absolute;content: "";width: 90%;top: 61.5%;left: 50%;transform: translate(-50%, 0);z-index: 2;}
.banner-box{position: absolute;content: "";width: 100%;top: 76%;left: 50%;transform: translate(-50%,0); text-align: center;z-index: 5;    display: flex;flex-direction: column;justify-content: center;align-items: center;}
.banner-video{position: absolute;content: "";width:16%;top: 57%;right: 42%;z-index: 100;}
.banner-video img{position: relative;z-index: 2;}
.banner-video i{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;animation: animate-turn 5s linear infinite;z-index: 0;}
.banner-video i img{position: relative;z-index: 0;}
.banner-box .num-reserve{position: relative;display: inline-flex;align-items: center;line-height: 1.5rem;font-size: 0.85rem;color: #f8faff;justify-content: center;width: 71%;}
.banner-box .num-reserve span{letter-spacing: 2px;}
.banner-box a.btn-banner-reserve{display: block; width:60%;margin: 3% auto 0%;max-width: 50rem;position: relative;    animation: animate-zoom1 3s linear infinite;}
.banner-box a span{position: absolute;width: 11%;top: 3%;right: 2%;animation: animate-shake infinite 1s ease-in-out alternate;}
.banner-dot{position: absolute;width: 100%;top: 0;left: 0;z-index: 1;pointer-events: none;}


@media(max-width:1920px){
    .banner-box .num-reserve{font-size: 1.2rem;line-height: 2rem;}
    .btn-store:after{position: absolute;content: "";width: 1.5rem;height: 1.5rem;;top: -10%;right: -3%;z-index: 2;}
}



.section2{position: relative;}
.section2 .title{position: absolute;content: "";top: 4%;left: 5%;z-index: 3;}

.reserve-mess{margin-top: 13%;}
.reserve-mess .phone-box{z-index: 1;position: relative;color: #737a8d;width: 75%;display: flex;align-items: center;justify-content: space-between;padding-left: 5%;}
.reserve-mess .phone-box .telephone{color: #737a8d;font-size: 0.75rem;line-height: 2.3rem;height: 2.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1rem;background:rgba(255,255,255,0.01) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23737a8d' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 0.3rem center;background-size:0.6rem;}
.reserve-mess .phone-box .selectd{    padding: 0 4% 0 7%;position: relative;}
.reserve-mess .phone-box .selectd option{color: #0f2c4d;}
.reserve-mess .phone-box .selectd:after{    position: absolute;content: "";width: 1px;height: 59%;background: #737a8d;top: 50%;right: 0;transform: translate(0, -50%);}
.reserve-mess .phone-box .phone{color: #737a8d;font-size: 0.75rem;line-height: 2.3rem;background: none;padding-left: 5%;flex: 1;}
.reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 0.75rem;color: #737a8d;}
.reserve-mess .phone-box input::-moz-placeholder{font-size: 0.8rem;color: #737a8d;}
.reserve-mess a.btn-reserve{width: 60%;position: relative;display: block;animation: animate-zoom1 3s linear infinite;margin: 5% auto 0;}
.reserve-mess a span{position: absolute;width: 16%;top: 47%;left: 75%;    animation: 2s linear 0s infinite normal none running animate-zoom1;}
.sec2-1 .reserve-mess a.btn-reserve{margin-left: 10%;}

.sec1 {position: relative;}
.sec1 .pic {line-height: 0;position: relative;width: 100%;height: 100%;}


.sec23 {position: relative;margin-top: -1px;}
.sec23 .pic img.store-ios {display: none;}
.sec2-1 {position: absolute;content: "";top: 49%;left: 2.5%;width: 95%;height: 49%;}
.sec2-1 .allreward {width: 45%;height: 135%;left: 57%;top: -43%;}


.kuang{position:absolute;content:"";width:100%;height:6px;background:#fff;z-index:3;}

.sec2-2{position: absolute;top:3%;left: 8%;width: 86%;display: flex;justify-content: space-between;flex-direction: row;align-items: center;    height: 35%;}
.box-right{margin-top: 23%;width: 40%;margin-left: 56%;}
.allreward {position: absolute;content: "";width: 60%;height: 100%;left: 0%;top: 0;z-index: 1;}
.allreward .reward-box {display: none;z-index: 10!important;position: absolute;width: 11rem;top: 0%;left: 50%;transform: translate(-50%, 0);background: #122240cc;color: #fff;font-size: 0.65rem;line-height: 1rem;border-radius: 0.2rem;padding: 0.5rem;text-align: center;}
.allreward:hover .reward-box {display: block;z-index: 10!important;}
.allreward .reward-box span {display: block;}
.section2 .allreward .reward-box{width: 13rem;font-size: 0.7rem;line-height: 1.2rem;}
.sec2-2 .btn-box a{margin:2% 0 0;width: 100%;}
.sec2-2 .btn-warn{width: 100%;position: relative;display: block;}
.sec2-2 .star-box span{top: 65%;left: 69%;}
.sec2-2 .star-box span:nth-child(2){top: 27%;left: 5%;}
.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: 49%;left: 9%;width: 86%;display: flex;align-items: center;height: 35%;}
.sec2-3 .btn-suc{display: block;margin-top: 11%;width: 41%;margin-left: 54%;;}
.btn-suc{position: relative;}
.btn-suc span{position: absolute;top: 64%;animation: animate-shake infinite 1s ease-in-out alternate;}
.sec2-3 .star-box span{top: 20%;left: 60%;}
.sec2-3 .star-box span:nth-child(2){top: 51%;left: -9%;}
.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{padding-left: 7%;}
    .reserve-mess .phone-box:after{bottom: -3%;left: -1%;width: 106%;}
    .reserve-mess .phone-box .selectd{    padding: 0 5% 0 5%;}
    .reserve-mess .phone-box .telephone{font-size: 0.9rem;line-height: 3.2rem;height: 3.2rem;}
    .reserve-mess .phone-box .phone{font-size: 0.9rem;line-height: 3.2rem;}
    .reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 0.9rem;}
    .reserve-mess .phone-box input::-moz-placeholder{font-size: 0.9rem;}
    .allreward .hover .reward-box{font-size: 0.8rem;line-height: 1.5rem;width: 9.5rem;}
    .section2 .allreward .hover .reward-box{font-size: 0.8rem;line-height: 1.5rem;}
    .section2 .allreward .reward-box{font-size: 0.9rem;}
    
    .sec2-2 .star-box span{top: 67%;left: 72.5%;}
    .sec2-2 .star-box span:nth-child(2){top: 31%;left: 9%;}
    .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: 24%;left: 63%;}
    .sec2-3 .star-box span:nth-child(2){top: 55%;left: -6%;}
    .sec2-3 .star-box span:nth-child(3){display: none;}
    .sec2-3 .star-box span:nth-child(4){display: none;}
}
@media(max-width:540px){
    .reserve-mess .phone-box{padding-left: 6%;}
    .sec2-2 .btn-box a{width: 100%;}
    .sec2-2 .btn-warn{margin:2% auto 0;}
    
}

/*.section3{    padding-bottom: 15%;}*/
.section3{position: relative;}
.section3 .pic{position: relative;}
.section3 .pic img.nor{display: block;}
.section3 .pic img.act{display: none;}
.section3 .title{position: absolute;content: "";top: 1%;left: 5%;z-index: 3;}
.section3 .btn-rule{display: block;width: 5%;position: absolute;content: "";top: 8.3%;left: 87%;z-index: 5;}
.sec3{width: 100%;position: absolute;content: "";top: 15%;left: 0%;}
.sec3 .sec3-invite{display: flex;flex-direction: column;position: relative;width: 94%;left: 3%;margin-bottom: 6%;}
.sec3 .sec3-invite .invite-box{text-align: center;}
.sec3 .sec3-invite .invite-box li{width: 19%;display: inline-block;position: relative;cursor: pointer;}
.sec3 .sec3-invite .invite-box li span{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;opacity: 0;}
.sec3 .sec3-invite .invite-box li.active{pointer-events: none;}
.sec3 .sec3-invite .invite-box li.active span{opacity: 1;}
.sec3 .sec3-invite .invite-inner{width: 89%;margin: 1% auto 0;display: flex;}
.sec3 .sec3-invite .invite-inner a{display: block;margin: 0 3%;}
.sec3 .sec3-invite .invite-inner a.btn-create{position: relative;}
.sec3 .sec3-invite .invite-inner a.btn-create img.nor{display:block;opacity:1;}
.sec3 .sec3-invite .invite-inner a.btn-create img.act{position: absolute;width: 100%;top: 0;left: 0;opacity:0;transition:opacity .3s ease;}
.sec3 .sec3-invite .invite-inner.active a.btn-create img.nor{opacity:0;}
.sec3 .sec3-invite .invite-inner.active a.btn-create img.act{opacity:1;}
.sec3 .sec3-invite .invite-inner.active a.btn-group{filter: grayscale(0.5) brightness(0.5);pointer-events: none;}
.sec3 .sec3-invite p{text-align: center;font-size: 0.8rem;color: #e1ebf099;margin: 3% 0;}

.broadcast{position: relative;width: 80%;top: 70.5%;left: 10%;max-height: 3rem;text-align: center;margin-bottom: -5%;z-index: 0;}
.broadcast:after{position: absolute;content:"";top:-8%;left:0%;width: 100%;height: 120%; background: #00000075;background-size: 100% 100%; z-index: -1;}
.broadcast span.broadcast-dot{position: absolute;width: 8%;top: -8%;left: 4%;z-index: 1;}
.broadcast .bd{overflow: hidden;}
.broadcast li{width: auto!important;padding-right: 40px;color: #c59d62;}
.broadcast li p{display: inline-block;line-height: 1.5rem;}
.broadcast li span{color: #c59d62;}
.broadcast p{white-space: nowrap;font-size: 0.7rem;color: #e1ebf099;padding: 1% 0;list-style: none;}

.sec3-draw .box{position: relative;width: 100%;top: 0%;left: 0%;z-index: 5;}
.sec3-draw .box:after{position: absolute;content:"";top:0%;left:0%;width: 100%; background: url(../images/draw-dot.png)no-repeat center center;background-size: 100% 100%;height:100%; z-index: 1;pointer-events: none;}
.sec3-draw .box img.draw-bg{    animation: animate-turn 15s linear infinite;}
.sec3-draw .draw li{transform: rotate(271deg);display: inline-block;position: absolute;width: 30%;top: 38%;left: 4.8%;}
.sec3-draw .draw li:nth-child(2){transform: rotate(450deg);left: 66%;}
.sec3-draw .draw li:nth-child(3){transform: rotate(310deg);top: 21.5%;left: 11.5%;}
.sec3-draw .draw li:nth-child(4){transform: rotate(489deg);top: auto;left: 59.5%;bottom: 21.5%;}
.sec3-draw .draw li:nth-child(5){transform: rotate(411deg);top: 22%;left: 59%;}
.sec3-draw .draw li:nth-child(6){transform: rotate(231deg);top: auto;left: 12%;bottom: 21.6%;}
.sec3-draw .draw li:nth-child(7){transform: rotate(360deg);top: 11.5%;left: 27%;width: 47%;}
.sec3-draw .draw li:nth-child(8){transform: rotate(180deg);bottom: 11%;left: 27.5%;width: 47%;}
.sec3-draw .draw li img.nor{display: inline-block;}
.sec3-draw .draw li img.act{display: none;}
.sec3-draw .draw li.active img.nor{display: none;}
.sec3-draw .draw li.active img.act{display: inline-block;}
.sec3-draw .draw li img.unlock{display: none;}
.sec3-draw .draw li.lottery-unit.lottery-unit-6 img.unlock{display: block;}
.sec3-draw .draw li.lottery-unit.lottery-unit-7 img.unlock{display: block;}
.sec3-draw .draw li.lottery-unit.lottery-unit-6.active img.unlock{display: none;}
.sec3-draw .draw li.lottery-unit.lottery-unit-7.active img.unlock{display: none;}
.sec3-draw .draw li.lottery-unit.lottery-unit-6 img.nor{display: none;}
.sec3-draw .draw li.lottery-unit.lottery-unit-7 img.nor{display: none;}
.sec3-draw .box a{width: 57%;position: absolute;top: 30%;left: 22%;}
.sec3-draw .box a p{position: absolute;width: 100%;bottom: 20%;left: 1%;text-align: center;font-size: 0.7rem;color: #e1ebf0;}

.sec3 .btn-box{width: 90%;flex-direction: row;position: absolute;bottom: -5%;left: 12%;}
.sec3 .btn-box a{width: 39%;margin: 0 4%;}
.sec3 .btn-box a.btn-bagrecord{font-size: 0.85rem;color: #8d91a8;text-decoration-line: underline;}

@media(max-width:1920px){
    .sec3 .sec3-invite p{font-size: 1rem;}
    .broadcast p{font-size: 0.9rem;}
    .broadcast:after{height: 145%;}
    .sec3-btn a{font-size: 1.4rem;}
    .sec3 .btn-box a.btn-bagrecord{    font-size: 1.1rem;}
    .sec3-draw .box a p{font-size: 1rem;bottom: 21%;left: 1.5%;}
}


.section4{position: relative;}
.section4 .title{position: absolute;content: "";top: 2%;left: 5%;z-index: 3;}
.sec4 .pic{position: relative;}
.role-sort{position: absolute; width: 100%;top: 10.5%;left: 0;}
.role-box{display: flex;position: relative;}
.role-paint .swiper-slide{opacity: 0!important;}
.role-paint .swiper-slide-active{opacity: 1!important;}
.role-paint .swiper-slide{position: relative;}
.role-paint .per{position: relative;width: 97%;left: 1.5%;}
.role-paint .content{z-index: 2;position: absolute;display: block;color: #a6afb4cc;font-size: 0.8rem;width: 77%;left: 23%;top: 71%;}

.role-paint .content p{font-size: 0.75rem;color: #5e7074;margin-top: 3%;}
.role-paint .content b{font-size: 2.4rem;position: absolute;top: -21%;left: -11%;}
.role-paint .content b:nth-child(3){top: 80%;left: 87%;}
.role-info{width: 86%;position: absolute;top: 70%;left: 7%;z-index: 7;display: block;}



.role-nav{position: absolute;content: "";width: 80%;bottom: -3%;left: 10%; z-index: 5;}
.role-nav>.swiper{position: relative;}
.role-nav .swiper-slide{filter:brightness(0.4) grayscale(1); cursor: pointer;transition: all 1s ease;}
.role-nav .swiper-slide-thumb-active{filter:brightness(1);}
/* .role-nav .swiper-slide-thumb-active a img{animation: animate-shake infinite 1s ease-in-out alternate;} */
.role-nav .swiper-slide-thumb-active a:after{animation: animate-shake infinite 3s ease-in-out alternate;}
.role-nav .swiper-slide a{display: block;position: relative;width: 77%;margin: 0 auto;}
.role-nav:after{position: absolute;content:"";bottom:0%;left:-16%;width: 128%; background: url(../images/role-nav-dot.png)no-repeat center center;background-size: contain;height:100%;z-index: -1;}
.swiper-button-prev-role,.swiper-button-next-role{position: absolute;width: 1.8rem;height: 1.8rem;z-index: 10;cursor: pointer;top: 26.5%;left:-10%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;}
.swiper-button-next-role{right: -10%;left: auto;}
.swiper-button-prev-role{transform: rotateY(180deg)}
.swiper-button-next-role.swiper-button-disabled, .swiper-button-prev-role.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}

@media(max-width:1920px){
    .role-paint .word{width: 42%;}
    .role-paint .content{font-size: 1.05rem;}
    .swiper-button-prev-role,.swiper-button-next-role{width: 2.2rem;height: 2.2rem;top: 31.5%;}
}

.sec5{ position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;}
.section5 .title{position: absolute;content: "";top: 2%;left: 5%;z-index: 3;}
.sec5 .word{position: absolute;z-index:2;top: 33%;left: 0;width: 100%;text-align: center;color: #e1ebf09c;font-size: 0.85rem;line-height: 4rem;}
.sec5 .word b{width: 25%;display: block;margin: 0 auto;}
@keyframes wfiIn{from{opacity:0;transform: translateY(10px);}to{opacity:1;transform: translateY(0);}}
@-webkit-keyframes wfiIn{from{opacity:0;transform: translateY(10px);}to{opacity:1;transform: translateY(0);}}
.sec5 .swiper-slide-active .wfi{-webkit-animation-name: wfiIn;animation-name: wfiIn;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.sec5 .line-1{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.sec5 .line-2{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;line-height: 1.8rem;}
.sec5 .line-3{-webkit-animation-delay: 0.9s;animation-delay: 0.9s;line-height: 1.8rem;}
.sec5 .line-4{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;line-height: 1.8rem;}
.sec5 .line-5{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;line-height: 1.8rem;}
.sec5 .line-6{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;line-height: 1.8rem;}
.sec5 .line-7{-webkit-animation-delay: 2.1s;animation-delay: 2.1s;line-height: 1.8rem;}

.sec5 .pic{position: relative;z-index: 1;overflow: hidden;}
.sec5 .pic img{width: 100%;transition: all 6s ease;transform: scale(1);}
.sec5 .swiper-slide-active .pic img{transform: scale(1.2);}
.sec5 .pic:after{position: absolute;content:"";width: 100%;height: 100%;top: 0;left: 0;background: url(../images/world-bg.png)no-repeat center center;background-size: 100% 100%;}
.sec5 .swiper-horizontal>.swiper-pagination-bullets,.sec5 .swiper-pagination-bullets.swiper-pagination-horizontal{top: 80%;}
.worldSwiper .box{position:absolute;top: 80%;width: 48%;left: 27.5%;height: 1px;overflow: hidden;margin-left:-2.4rem; }
.worldSwiper .swiper-pagination{position:absolute;top: 0;width: 125%;left: -25%;height: 1px;}
.worldSwiper .swiper-pagination .swiper-pagination-progressbar-fill{background: var(--color-red);    transition-duration: 6000ms!important;}
#swiperbar{position: absolute;content: "";width: 0%;height: 1px;top:80%;left:20%;margin-bottom: -1px;background:var(--color-red);z-index: 2;transition: width 2.5s linear;}

.worldSwiper .swiper-pagination span.swiper-pagination-bullet-active{color: var(--color-red);}
.worldSwiper .swiper-pagination span.active:after{width: 100%;transition: all 7s ease;}
.worldSwiper .swiper-pagination span.swiper-pagination-bullet-active:after{background:var(--color-red);z-index: 2;}
.pic-wordf{position: absolute;bottom: 18%;left: 50%;transform: translateX(-50%);z-index: 20;width: 13rem;overflow: hidden;}
.pic-wordf:after{position: absolute;content:"";width: 90%;height: 1px;top: 50%;left: 5%;background: #ffffff45;}
.pic-wordf .gallery-thumbs-3{width: 100%;overflow: hidden;}
.pic-wordf .gallery-thumbs-3 .swiper-wrapper{justify-content: center;}
.pic-wordf .swiper-slide{position: relative;width: 12%;height: 3rem;cursor: pointer;margin: 0 8%;}
.pic-wordf .swiper-slide img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transition: opacity .4s ease;}
.pic-wordf .swiper-slide img.act{opacity: 0;}
.pic-wordf .swiper-slide.swiper-slide-thumb-active img.nor{opacity: 0;}
.pic-wordf .swiper-slide.swiper-slide-thumb-active img.act{opacity: 1;}

@media(max-width:1920px){
    .sec5 .word{font-size: 1.05rem;line-height: 5rem;    top: 31%;}
    .sec5 .line-2{line-height: 2.3rem;}
    .sec5 .line-3{line-height: 2.3rem;}
    .sec5 .line-4{line-height: 2.3rem;}
    .sec5 .line-5{line-height: 2.3rem;}
    .pic-wordf{bottom: 23%;width: 19rem;}
}




.section6{position: relative;}
.section6 .title{margin: 0;position: absolute;top: 2%;z-index: 1;left: 5%;}
.section6 .mil-per{text-align: center;color: #fff;font-size: 0.9rem;position: absolute;top: 91.3%;left: 29%;width: 48%;}
.section6 .mil-per p{letter-spacing: 2px;}


.milestone-box{width: 100%;height: 100%;}
.milestone-box dd{position: absolute;    width: 70%;top: 10.2%;left: -4.5%;;}
.milestone-box dd:nth-child(2){top: 25.3%;left: 32%;}
.milestone-box dd:nth-child(3){top: 38.9%;left: -2.3%;}
.milestone-box dd:nth-child(4){    top: 52.9%;left: 31.5%;}
.milestone-box dd>img{filter: brightness(1);}
.milestone-box dd:last-child{width: 89%;top: 67.8%;left: 4.7%;}

.milestone-box dd .ydc{position: absolute;content: "";width: 15%;top: 42%;left:44%;z-index: 3;opacity: 0;filter: drop-shadow(0 0 10px black);}
.milestone-box dd:last-child .ydc{top: 43%;left: 45%;width: 13%;}
.milestone-box dd.active>img{filter: brightness(0.5) grayscale(0.4);}
.milestone-box dd.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: 10rem;top: 1%;left: 50%;transform: translate(-50%, 0);background: #181b2fe0;color: #fff;font-size: 0.7rem;line-height: 1.2rem;border-radius: 0.2rem;padding: 0.5rem 0.2rem;text-align: center;}
.milestone-box dd:last-child .hover .reward-box{width: 14rem;}
.milestone .hover .reward-box span{display: block}
.milestone .hover:hover .reward-box{display: block;}
.milestone .star-box{top: 23%;left: 12%;height: 50%;width: 82%;}
.milestone .star-box span{top: 2%;left: 6%;}
.milestone .star-box span:nth-child(2){top: 48%;left: 42%;}
.milestone .star-box span:nth-child(3){top: 45%;left: 91%;}
.milestone .star-box span:nth-child(4){top: 23%;left: 39%;}

.section6 .btn-draw{display: block;position: absolute;top: 88%;left: 37%;width: 32%;animation: animate-zoom1 3s linear infinite;z-index: 5;}

@media(max-width:1920px){
    .milestone .hover .reward-box{font-size: 0.9rem;line-height: 1.5rem;width: 13rem;}
    .section6 .mil-per{font-size: 1.2rem;}
    .milestone .star-box span{top: 7%;left: 13%;}
    .milestone .star-box span:nth-child(2){top: 54%;left: -2%;}
    .milestone .star-box span:nth-child(3){top: 51%;left: 93%;}
    .milestone .star-box span:nth-child(4){top: 29%;left: 43%;}
}


@keyframes fadeOut {
    from {opacity: 0;} /* 初始状态：完全不透明 */
    to {opacity: 1;} /* 结束状态：完全透明 */
  }

@media(max-width:1920px){
    .swiper-button-prev-role,.swiper-button-next-role{width: 2.2rem;height: 2.2rem;top: 31.5%;}
}


.section7{position: relative;}
.sec7 .secpic-wap{width: 90%;margin: 8% auto;position: relative; }



.pic-feature .swiper-pic-feature{    border: 1px #e0d89e solid;}
.swiper-pagination, .swiper-pagination-2{position: absolute; bottom: 0;display: flex;align-items: center;justify-content: center;top: 108%;z-index: 10;}
.swiper-pagination-progressbar{background: none;}
.swiper-pagination{top: 111%!important;;}
.swiper-pagination-bullet{opacity: 1;width: 1.3rem;height: 1.3rem; background: url(../images/point1.png)no-repeat center center;background-size: contain;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/point2.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-3,.swiper-button-next-3{position: absolute;width: 2rem;height: 2rem;z-index: 10;cursor: pointer;top: 45%;left: -6%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;}
.swiper-button-next-3{right: -6%;left: auto;}
.swiper-button-prev-3{transform: rotateY(180deg)}
.swiper-button-next-3.swiper-button-disabled, .swiper-button-prev-3.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}
.swiper-button-prev-3:after,.swiper-button-next-3: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: 79%;margin: 18% auto 13%;}
.foot-st a{width: 25%;margin: 0 2%;}

.foot-rule{background: #131927;padding: 4%;width: 100%;margin-top: 3%;}
.rule-word{color: #ffffff66;width: 96%;margin: 0 auto;font-size: 0.7rem;overflow: auto;height: auto;max-height: 16rem;}
.foot-rule p{margin-bottom: 0.5rem;}

.foot{padding: 1.5rem 5% 6rem;width: 540px;background: #000;margin: 0 auto}
.foot-left{}
.foot-left a{display: inline-block;margin: 0 5px;width: 3rem;height: 3rem;background: url(../images/foot.png?v=1)no-repeat 0 0;background-size: 300% 100%;}
.foot-left a.foot2{background-position: -2.95rem 0;}
.foot-left a.foot3{background-position: -6rem 0;}
.foot-right{color: #ffffffb0;font-size: 0.7rem;}
.foot-right p{line-height: 1.2rem;}
.ri{color: #ffffffb0;font-size: 0.7rem;}
.ri p a{color: #ffffffb0;}
.ri p{line-height: 1.2rem;}

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

@media(max-width:1920px){
    .swiper-pagination-bullet{opacity: 1;width: 1.8rem;height: 1.8rem}
    .swiper-button-prev-3,.swiper-button-next-3{width: 2.8rem;height: 2.8rem;}
    .foot{padding: 2rem 5% 8rem;}
    .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;}
    .foot-st a{width: 22%;margin: 0 2%;}
    
}
@media(max-width:540px){
    .banner-box .num-reserve{line-height: 2rem;font-size: 1.2rem;}
    .reserve-mess .phone-box .selectd{    padding: 0 5% 0 11%;}
    .reserve-mess .phone-box .telephone{font-size: 1rem;}
    .reserve-mess .phone-box .phone{font-size: 1rem;line-height: 3.5rem;}
    .reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 1rem;}
    .reserve-mess .phone-box input::-moz-placeholder{font-size: 1rem;}
    .allreward .hover .reward-box{font-size: 0.9rem;line-height: 1.5rem;}
    .allreward .hover .reward-box:last-child{font-size: 0.8rem;line-height: 1.5rem;}
    .section2 .allreward .hover .reward-box{font-size: 0.9rem;line-height: 1.5rem;}

    .sec3-btn a{font-size: 1.5rem;}
    .role-paint .content{font-size: 1.1rem;}
    .sec5 .word{font-size: 1.1rem;}
    
    .milestone .hover .reward-box{font-size: 0.9rem;width: 12rem;}

   

    .pic-feature-nav .swiper-button-prev,.pic-feature-nav .swiper-button-next{width: 3rem;height: 3.5rem;}
    .foot{font-size: 0.9rem;}
}


.fc-pic{position: fixed;width: 100%;max-width: 540px; bottom: 0;left: 50%;transform: translate(-50%,0); z-index: 100;display: none;}
.fc-pic img{position: absolute;width: 100%;top: 0;left: 0; display: block;opacity: 1;}
.fc-pic .swiper-slide a{opacity: 0;}
.fc-pic .swiper-slide-active a{opacity: 1;}
.fc-btn{position: fixed;width: 98%;max-width: 540px; bottom: 0.3%;left: 53.5%;transform: translate(-50%,0);display: none;z-index: 100;}
.fc-btn .btn-box{width: 80%;justify-content: flex-end;flex-direction: column;
    align-items: flex-end;}
.fc-btn .btn-box a{margin: 1% 0 0;width: 34%;}
/*.fc-btn .btn-box a:nth-child(2){display: none;}*/
body.scroll .fc-pic{display: block;}
body.scroll .fc-btn{display: block;}

@media(max-width:1920px){
    .fc-btn{left: 54.8%;}

}
@media(max-width:540px){
    /*.fc-btn .btn-box{width: 56%;bottom: 0%;left: 50%;}*/
    .fc-btn{width: 59%;bottom: 1%;left: 70%;}
    .fc-btn .btn-box{width: 100%;}
    .fc-btn .btn-box a{margin:0 1%;width: 52%}
    .fc-btn .btn-box a:nth-child(2){display: block;}

}

.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: 15rem;transform: translate(-50%,-50%);display: none; z-index: 999999;background: url(../images/nav-active.png) no-repeat center center;background-size: 100% 100%;text-align: center;}

.pop-selfclose span{color: #f8f6d1;font-size: 1rem;line-height: 3.6rem;margin-top: 0.8rem;display: block;margin-bottom: 0.2rem; }
.pop-self{font-weight: bold;color:#fff;text-shadow: 0 0 3px #0a2b4a; font-size: 1.4rem;line-height:4rem;width: 40%;    min-width: 36rem;}
.pop-selfclose.invited-succ{ width: 52rem;}

.disappare-2{top: 97%;width: 20rem;}
.disappare-2 span{font-size: 0.8rem;color: #8691a6;}

.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: 1.5% 2% 3% 2.5%;max-width: 24rem;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;line-height: 3rem;text-align: center;padding: 2% 0% 1% 0%;width: 66%;font-size: 1.1rem;margin: 0% auto;color: #cdcbb3;}
.popup .pop-title:before, .popup .pop-title:after{position: absolute;content: "";width: 30%;height: 40%;top: 35%;left: 71%;background: url("../images/dot.png")no-repeat center center;background-size: contain;}
.popup .pop-title:before{transform: rotateY(180deg);left: -3%;}
.pop-inner{color: #949cb2;font-size: 1.1rem;line-height: 1.3rem;max-height: 21rem;}

.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: 4%; left: 93%;top:-6%;cursor: pointer;line-height: 0; }
.popup .btn1{line-height: 2rem;padding: 1% 0% 1% 0%;font-size: 0.9rem;}
.popup .btn2{line-height: 2rem;padding: 1% 0% 1% 0%;font-size: 0.9rem;}
.font-samll{font-size: 1rem;}

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

.popup-video{max-width: 27rem;padding: 1.5%;}
.popup-video iframe{width: 100%;height: 14rem;}
.popup-video.popup:after{right: 1%;}
.popup-video .close{left: 94%;top: -6%;width: 3.5%;;}

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


.popup-normal{    background: url(../images/pop-bg.png) no-repeat center center;background-size: 100% 100%;}
.popup-normal .pop-title{padding: 2% 3% 1% 3%;}
.popup-normal .pop-title:before{left: -2%;}
.popup-normal .pop-title:after{left: 87%;}
.popup-normal .close{top: -20%;}

/*.popup-reserve{display: block}*/
.popup-reserve{width: 100%;max-width: 26rem;}
.popup-reserve .close{left: 96%;top: 0%;}
.popup-reserve .mid{position: absolute;width: 80%;top: 71%;left: 0;display: flex;}
.popup-reserve .btn-box{display: flex;align-items: center;justify-content: space-around;flex-direction: row;}
.popup-reserve .btn-box a{width: 45%;overflow: inherit;}
.popup-reserve .btn-box a span.finger{position: absolute;width: 23%;top: 61%;left: 86%;display: none;}


.num-code{position: absolute;content: "";width: 93%;left: 3.5%;top: 22%;z-index: 2;font-size: 0.8rem;color: #868d91;background: linear-gradient(to right, #3a1d0900, #000000a1, #000000a1, #3a1d0900);display: flex;justify-content: center;padding: 0.4rem 0;}
.num-code span{color: #868d91;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 30%;display: inline-block;}
.num-code:before, .num-code:after{     position: absolute;content: "";width: 100%;height: 1px;background: linear-gradient(to right, #fff0, #737a8d99, #737a8d99, #fff0);top: 0;left: 0;}
.num-code:after{     top: auto; bottom: 0;}
.num-code a.btn-copy{text-decoration: underline;margin-left: 1rem;display: inline-block;color: #f2eac7;}





.popup-start1{width: 100%;max-width: 25rem;}
/* .popup-start1 .djs-second{position: absolute;content: "";top: 45%;left: 77%;font-size: 3.2rem;color: #fff;font-weight: bolder;font-family: "微软雅黑";background: linear-gradient(#fff1bd, #eac98d);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
.popup-start1 dl{z-index: 10;position: absolute;content: "";width: 92%;left: 4%; top: 60%;display: flex;align-items: center;justify-content: space-between;}
.popup-start1 dl dd{position: relative; width: 36%;cursor: pointer;filter: brightness(0.6);}
/* .popup-start1 dl dd:after{    position: absolute;content: "";width: 1rem;height: 1rem;top: 101%;left: 46%;background: url(../images/dot7.png);background-size: 100% 100%;opacity: 0;} */
.popup-start1 dl dd img.nor{opacity: 1;}
.popup-start1 dl dd img.act{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}
.popup-start1 dl dd.active{filter: brightness(1);width: 55%;}
.popup-start1 dl dd.active img.nor{opacity: 0;}
.popup-start1 dl dd.active img.act{opacity: 1;}
.popup-start1 dl dd.active:after{position: absolute;content: "";width: 25%;height: 18%;top: 78%;left: 39%;background: url(../images/ydc.png)no-repeat center center;background-size: contain;}
.popup-start1 .reserve-mess{position: absolute;content: ""; width: 88.5%;left: 6%;top: 81.3%;z-index: 2;margin-top: 0;}
.popup-start1 .reserve-mess .phone-box{padding-left: 5%;width: 100%;}
.popup-start1 .reserve-mess .phone-box .selectd{padding: 0 4% 0 15%;}
.popup-start1 p{position: absolute;content: "";width: 93%;left: 4%;top: 79.5%;color: #847d72;font-size: 0.6rem;z-index: 13;display: none;}


.popup-start1 .countdown{position: absolute;top: 54.2%;left: 32%;font-size: 1.2rem;color: #ffedcb;text-align: center;width: 36%;}
.popup-start1 .countdown span{width: 30%;display: inline-block;}
.disappare-dif{top: 46%; width: 20rem;background: linear-gradient(to right, rgba(159, 120, 32, 0), #f2400e, rgba(159, 120, 32, 0));}
.disappare-dif span{line-height: 1.8rem;margin-top: 0rem;margin-bottom: 0rem;}

.popup-start1 .close{top: 7%;}

@media (any-hover: hover){
    /*.popup-start1 dl dd:hover{opacity: 1;}*/
}


.pic-popStart{position: relative;}
.swiper-button-prev-start,.swiper-button-next-start{position: absolute;width: 2.8rem;height: 3rem;z-index: 10;cursor: pointer;top: 31%;right:3%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;}
.swiper-button-prev-start{left: 3%;right: auto;transform: rotateY(180deg);}
.pic-popStart .swiper-slide{opacity: 0!important;transition: opacity 1s ease!important;}
.pic-popStart .swiper-slide-active{opacity: 1!important;}

.popup-start2{width: 100%;max-width: 25rem;}
.popup-start2 .close{top: 7%;left: 92%;}
.popup-start2 .yy-num{    position: absolute;width: 100%;top: 35.5%;left: 0%;padding: 0 13% 0 11%;max-height: 3rem;color: #edffff;font-size: 1.6rem;}
.popup-start2 .yy-num span{background: linear-gradient(#e7f9fb, #c7eeef, #b1e5e6);-webkit-background-clip: text;color: transparent;}
.popup-start2 .pop-inner{position: absolute;content: ""; width: 90%;left: 5%;top: 80%;z-index: 2;}

.popup-start2 .reserve-mess .phone-box .telephone{color: #737a8d;}
.popup-start2 .reserve-mess input::-webkit-input-placeholder{color: #737a8d;}
.popup-start2 .reserve-mess input::-moz-placeholder{color: #737a8d;}

.popup-start2 .countdown{display: flex;justify-content: space-between;width: 39%;line-height: 1.5rem;margin-left: 58.8%;font-size: 1rem;position: absolute;top: 74%;text-align: center;}
.popup-start2 .countdown span{position: relative;color: #dfdac3;padding: 1% 0% 1%;width: 21%;margin: 0 5%;}
.popup-start2 .reserve-mess{width: 95.5%;display: flex;flex-direction: column;align-items: center;margin: 0 auto;}
.popup-start2 .reserve-mess a.btn-reserve{width: 65%;}
.popup-start2 .reserve-mess .phone-box{padding-left: 5%;width: 100%;}
.popup-start2 .reserve-mess .phone-box .selectd{padding: 0 4% 0 15%;}


.popup-start2 p.tips{ color: #918787;}



.popup-start3 .reserve-mess{position: absolute;content: ""; width: 88.5%;left: 6%;top: 53.3%;z-index: 2;margin-top: 0;}
.popup-start3 .reserve-mess .phone-box{padding-left: 5%;width: 100%;}
.popup-start3 .reserve-mess .phone-box .selectd{padding: 0 4% 0 15%;}
.popup-start3 p{position: absolute;content: "";width: 93%;left: 4%;top: 79.5%;color: #847d72;font-size: 0.6rem;z-index: 13;display: none;}

.popup-start3 .countdown{position: absolute;top: 8.2%;left: 32%;font-size: 1.2rem;color: #ffedcb;text-align: center;width: 36%;}
.popup-start3 .countdown span{width: 30%;display: inline-block;}

.popup-start3 dl{z-index: 10;position: absolute;content: "";width: 92%;left: 4%; top: 67%;display: flex;align-items: center;justify-content: space-between;}
.popup-start3 dl dd{position: relative; width: 36%;cursor: pointer;filter: brightness(0.6);}
/* .popup-start1 dl dd:after{    position: absolute;content: "";width: 1rem;height: 1rem;top: 101%;left: 46%;background: url(../images/dot7.png);background-size: 100% 100%;opacity: 0;} */
.popup-start3 dl dd img.nor{opacity: 1;}
.popup-start3 dl dd img.act{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}
.popup-start3 dl dd.active{filter: brightness(1);width: 55%;}
.popup-start3 dl dd.active img.nor{opacity: 0;}
.popup-start3 dl dd.active img.act{opacity: 1;}
.popup-start3 dl dd.active:after{position: absolute;content: "";width: 25%;height: 18%;top: 78%;left: 39%;background: url(../images/ydc.png)no-repeat center center;background-size: contain;}
.popup-start3 .close{top: 6%;}


/*.popup-store{display: block}*/
.popup-store{width: 100%;max-width: 28rem;}
.popup-store .close{top: 0%;left: 87%;}
.popup-store .btn-suc{width: 33%;display: block;position: absolute;top: 80%;left: 35%;animation: animate-zoom1 3s linear infinite;}
.popup-store .num-code{top: 25%;}
.popup-store .star-box span{top: 49%;left: 13%;}
.popup-store .star-box span:nth-child(2){top: 43%;left: 34%;}
.popup-store .star-box span:nth-child(3){top: 52%;left: 62.5%;}
.popup-store .star-box span:nth-child(4){top: 48%;left: 75%;}



.popup-worldpic{    max-width: 24rem;background: url(../images/world-pic-bg-2.png) no-repeat center center;background-size: 100% 100%;padding: 2.5% 1.5% 4.5% 2%;}
.popup-worldpic .pop-inner{max-height: inherit;position: relative;overflow: auto;width: 100%;}
.popup-worldpic .close{top: 2%;    left: 96%;z-index: 2;}

/*.popup-record{display: block}*/
.popup-record{}
.popup-record .pop-inner>div{display: flex;justify-content: space-around;padding: 0.3rem 0;text-align: center;align-items: center;margin-bottom: 1%;border-radius: 15px;}
.popup-record .pop-inner{overflow: auto;}
.popup-record .pop-inner p{width: 78%;margin: 0 1%;font-size: 0.8rem;color: #d7dcea;background: #00000057;line-height: 2.2rem;text-align: center;}
.popup-record .pop-inner p:nth-child(2){width: 54%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0rem 1rem;}
.popup-record a.active{filter: grayscale(0.5) brightness(0.5);pointer-events: none;}
.popup-record p.record-tip{color: #ffffff5e;font-size: 0.75rem; margin-top: 5%;display: block;}
.popup-record p a{color: #bfbcb5;text-decoration: underline;}
.popup-record .btn1{padding: 0% 0% 0% 0%;    font-size: 0.8rem;margin-left: 1%;}
.popup-record .btn2{padding: 0% 0% 0% 0%;    font-size: 0.8rem;margin-left: 1%;}
.popup-record .close{    top: -3%;}


/*.popup-bagrecord{display: block}*/
.popup-bagrecord{}
.popup-bagrecord .pop-inner>div{display: flex;justify-content: space-around;padding: 0.3rem 0;text-align: center;align-items: center;margin-bottom: 1%;border-radius: 15px;}
.popup-bagrecord .pop-inner{overflow: visible;}
.popup-bagrecord .pop-inner p{width: 78%;margin: 0 1%;font-size: 0.8rem;color: #d7dcea;background: #00000057;line-height: 2.2rem;text-align: center;}
.popup-bagrecord .pop-inner p:nth-child(2){width: 56%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0rem 0.2rem;}
.popup-bagrecord a.active{filter: grayscale(0.5) brightness(0.5);pointer-events: none;}
.popup-bagrecord .btn1{padding: 0% 0% 0% 0%;    font-size: 0.8rem;}
.popup-bagrecord .btn2{padding: 0% 0% 0% 0%;    font-size: 0.8rem;}


/*.popup-task{display: block}*/
.popup-task{}
.popup-task .pop-inner{overflow: auto;}
.popup-task .pop-inner>div{display: flex;justify-content: space-around;padding: 0.3rem 0;text-align: center;align-items: center;margin-bottom: 1%;border-radius: 15px;}
.popup-task .pop-inner p{font-size: 0.9rem;color: #d7dcea;background: #00000057;line-height: 2.2rem;text-align: center;}
.popup-task .pop-inner p:nth-child(2){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.2rem 1rem;}
.popup-task .task-list{width: 60%;text-align: center;line-height: 1rem;padding-right: 5%;}
.popup-task .task-list span{font-size: 0.75rem;
    -webkit-text-stroke: 4px transparent;
    background: linear-gradient(90deg, #7b5135, #7b5135, #7b5135) top left / 100% 100%;
    -webkit-background-clip: text;
    color: #f8f6d1;padding: 0 1%;}
.popup-task a{width: 35%;margin: 0;}
.popup-task a.active{filter: grayscale(0.5) brightness(0.5);pointer-events: none;}
.popup-task .close{top: -3%;}

/*.popup-rule{display: block}*/
.popup-rule .pop-inner{text-align: left;font-size: 0.8rem;overflow: auto;}
.popup-rule .pop-inner p{margin-bottom: 2%;color: #949cb2;}



.swiper-button-prev3,.swiper-button-next3{position: absolute;width: 1.2rem;height: 1.5rem;z-index: 5;cursor: pointer;top: -7%;left: 36%;background: url(../images/arrow.png) no-repeat center center;background-size: 100% 100%;    transform: rotate(90deg);}
.swiper-button-next3{right:36%;left: auto;top: 100%;}
.swiper-button-next3.swiper-button-disabled, .swiper-button-prev3.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}
.swiper-button-prev3{transform: rotate(270deg);}
.swiper-button-prev2:after,.swiper-button-next2:after{display: none;}



/*.popup-warn{display: block}*/
.popup-warn .pop-title{width: 89%;}
.popup-warn .pop-title:before, .popup-warn .pop-title:after{display: none;}
.popup-warn .pop-inner{font-size: 0.85rem;text-align: left;overflow: auto;max-height: 16rem;}
.popup-warn .pop-inner b{font-weight: normal;font-size: 0.9rem;line-height: 2rem;background: #627fcf29;width: 100%;display: block;margin-bottom: 2%;color: #969fb0;}
.popup-warn .pop-inner b:nth-child(5){margin-top: 3%;}
.popup-warn .pop-inner p{font-size: 0.8rem;line-height: 1.5rem;text-align: left;}
.popup-warn .pop-inner span{font-size: 0.8rem;color: #af4c4c;line-height: 1.5rem;display: block;}

/*.popup-dig{display: block}*/
.popup-dig{max-width: 24rem;padding: 1.5% 1.5% 3% 2%;}
.popup-dig .pic{position: relative;}
.popup-dig .pop-title{color: #d2daf3;}
.popup-dig .pop-reward{width: 60%;margin: 0 auto;}
.popup-dig .pic-minlo{margin-top: -9%;position: relative;width: 100%;}
.popup-dig .pic-minlo .fall .fallz{    width: 4%;}
.popup-dig .pic-minlo .fall .fallz:nth-child(2){    width: 6%;}
.popup-dig .pic-minlo .fall .fallz:nth-child(3){    width: 5%;}
.popup-dig .pic-minlo .fall .fallz:nth-child(4){    width: 3%;}
.popup-dig .pic-minlo .fall .fallz:nth-child(5){    width: 6%;}
.popup-dig .pop-inner p{font-size: 0.8rem;margin-top: -4%;}
.popup-dig .num-code{position: relative;padding: 0.2rem 0;margin: 2% auto;left: 0%;width: 100%;font-size: 0.7rem;}
.popup-dig a.btn-invite{display: block;width: 44%;margin: 6% auto 0;}
.popup-dig .close{top: -2%;}

/*.popup-invite{display: block}*/
.popup-invite .pop-inner{    margin-top: 2%;}
.popup-invite .pop-inner p{color: #949cb2;font-size: 0.9rem;}
.pop-inner .inputbox{    background: #0000003d;padding: 4% 0;margin: 2% auto 6%;border-radius: 5px;width: 80%;color: #949cb2;font-size: 0.8rem;}
.popup-invite .pop-inner .inputbox span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 4% 0rem 4% 0.5rem;width: 76%;}
.popup-invite .pop-inner .inputbox{margin: 4% auto 6%; padding: 1% 0;   color: #868d91;font-size: 0.7rem;display: flex;justify-content: center;align-items: center;width: 90%;}
.popup-invite .pop-inner .inputbox a{text-decoration: underline;margin-left: 1rem;display: inline-block;color: #f2eac7;}
.popup-invite .pop-inner .inputbox p{font-size: 0.7rem;width: 80%;display: flex;align-items: center;justify-content: center;}
.popup-invite .pop-inner .btn-box{display: flex;align-items: center;justify-content: space-between;flex-direction: inherit;}
.popup-invite .pop-inner .btn-box a{width: 44%;}

/*.popup-create{display: block}*/
.popup-create .pop-title{padding: 2% 0% 1% 4%;}
.popup-create .pop-title:before{left: -6%;}
.popup-create .pop-inner{margin-top: 4%;}
.popup-create .pop-inner p{display: flex;font-size: 0.95rem;justify-content: center;position: relative;align-items: center;}
.popup-create .pop-inner p span{width: 36%;margin: 0 1%;display: inline-block;position: relative;line-height: 0.75rem;}
.popup-create .pop-inner .inputbox p span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 4% 0rem 4% 0.5rem;width: 75%;}
.popup-create .pop-inner .inputbox{margin: 4% auto 6%; padding: 3% 0;   color: #868d91;font-size: 0.7rem;display: flex;justify-content: center;align-items: center;width: 90%;}
.popup-create .pop-inner .inputbox a{text-decoration: underline;margin-left: 1rem;display: inline-block;color: #f2eac7;}
.popup-create .pop-inner .inputbox p{font-size: 0.7rem;width: 75%;}
.popup-create .btn-box a{width: 47%;}

/*.popup-group{display: block}*/
.popup-group{padding: 1.5% 2% 2.5% 2.5%;}
.popup-group .pop-title:before, .popup-group .pop-title:after{display:none;}
.popup-group .btn-box{flex-direction: row;align-items: flex-start;}
.popup-group .btn-sure{display: flex;flex-direction: column;width: 50%;}
.popup-group .btn-sure a{width: 91%;padding: 1.8% 0% 1.8% 0%;}
.popup-group .btn-sure p{font-size: 0.6rem;}
.popup-group .close{top: -8%;}

/*.popup-full{display: block}*/
.popup-full{padding: 1.5% 2% 2.5% 2.5%;max-width: 23rem;}
.popup-full .pop-title{line-height: 1.5rem;font-size: 1rem;}
.popup-full .pop-title:before, .popup-full .pop-title:after{display:none;}
.popup-full .pop-inner{margin-top: 5%;}
.popup-full .btn1{font-size: 1rem;}
.popup-full .close{top: -10%;}

@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){
    .popup{max-width: 32rem;padding: 2% 2% 3% 3%;}
    .popup .pop-title{font-size: 1.5rem;}
    .pop-inner{    max-height: 24rem;}
    .popup .btn1{font-size: 1.1rem;line-height: 2.5rem;}
    .popup .btn2{font-size: 1.1rem;line-height: 2.5rem;}
    .popup-rule .pop-inner{font-size: 1rem;line-height: 2rem;}
   
    .popup-store{max-width: 33rem;}
    .popup-reserve{max-width: 32rem;}
    .popup-start1{max-width: 30rem;}
    .popup-start2{max-width: 30rem;}
    .popup-start1 .countdown{font-size: 1.4rem;    top: 54.4%;}
    .popup-start1 p{font-size: 1rem;}
    .popup-start1 .reserve-mess{top: 81%;}
    .popup-start2 .reserve-mess .phone-box .selectd{padding: 0 4% 0 18%;}
    .broadcast{top: 69.5%;font-size: 0.9rem;}
    .broadcast li p{line-height: 1.8rem;}
    .popup-start2 .countdown{font-size: 1.2rem;top: 74.2%;}
    .popup-start2 .pop-inner{top: 79.6%;}
    .popup-start3 .reserve-mess{top: 53.15%;}
    .popup-start2 .reserve-mess .phone-box{padding-left: 1%;}
    .popup-start2 .reserve-mess a.btn-reserve{width: 73%;}
    .popup-start1 .reserve-mess a.btn-reserve{width: 69%;}
    .popup-start3 .reserve-mess a.btn-reserve{width: 69%;margin: 4% auto 0;}
    .popup-start3 .countdown{font-size: 1.4rem;}
    .disappare-2 span{font-size: 1rem;}
    
    .popup-create .pop-title{padding: 2% 0% 1% 2%;}
    .popup-create .pop-inner p{font-size: 1.3rem;}
    .popup-create .pop-inner .inputbox{font-size: 1rem;}
    .popup-create .pop-inner .inputbox p{font-size: 1rem;}

    .popup-invite .pop-inner{margin-top: 5%;}
    .popup-invite .pop-inner p{font-size: 1.2rem;}
    .pop-inner .inputbox{font-size: 1rem;}
    .popup-invite .pop-inner .inputbox{font-size: 1rem;}
    .popup-invite .pop-inner .inputbox p{font-size: 1rem;}
    .popup-invite .pop-inner .btn-box a{width: 43%;}

    .popup-group .pop-inner{    margin-top: 3%;}
    .popup-group .btn-sure p{    font-size: 0.8rem;}

    .popup-full{padding: 2% 2% 3% 2%;max-width: 30rem;}
    .popup-full .pop-title{line-height: 2rem;font-size: 1.3rem;}
    .popup-full .btn1{font-size: 1.2rem;}

    .popup-task{padding: 2% 3% 4% 3.5%;}
    .popup-task .pop-inner>div{margin-bottom: 2%;}
    .popup-task .pop-inner p{font-size: 1.1rem;line-height: 2.8rem;}
    .popup-task .task-list span{font-size: 0.9rem;}
    .popup-task a.btn1{padding: 0.5% 0% 0.5% 0%;}
    .popup-task a.btn2{padding: 0.5% 0% 0.5% 0%;}
    
    .popup-record{padding: 2% 3% 4% 3.5%;}
    .popup-record .pop-inner>div{margin-bottom: 2%;}
    .popup-record .pop-inner p{flex: 1 1 55%;font-size: 0.9rem;line-height: 2.8rem;}
    .popup-record .task-list span{font-size: 0.9rem;}
    .popup-record a.btn1{padding: 0.5% 0% 0.5% 0%;margin-left: 2%;}
    .popup-record a.btn2{padding: 0.5% 0% 0.5% 0%;margin-left: 2%;}
    .popup-record p.record-tip{font-size: 0.9rem;}

    .popup-bagrecord{padding: 2% 3% 4% 3.5%;}
    .popup-bagrecord .pop-inner>div{margin-bottom: 2%;}
    .popup-bagrecord .pop-inner p{flex: 1 1 53%;font-size: 0.9rem;line-height: 2.8rem;}
    .popup-bagrecord .task-list span{font-size: 0.9rem;}
    .popup-bagrecord a.btn1{padding: 0.5% 0% 0.5% 0%;margin-left: 2%;}
    .popup-bagrecord a.btn2{padding: 0.5% 0% 0.5% 0%;margin-left: 2%;}


    .popup-dig{padding: 2% 2% 5% 3%;}
    .popup-dig .pop-inner p{ top: 94.5%;font-size: 0.95rem;}
    .popup-dig .num-code{font-size: 1rem;}

    .popup-warn .pop-title{width: 89%;font-size: 1.4rem;}
    .popup-warn .pop-title:before, .popup-warn .pop-title:after{width: 6%;height: 38%;top: 35%;left: 77%;}
    .popup-warn .pop-title:before{left: 13%;}
    .popup-warn .pop-inner{font-size: 1.2rem;max-height: 20rem;}
    .popup-warn .pop-inner b{font-size: 1.2rem;line-height: 3rem;}
    .popup-warn .pop-inner p{font-size: 1rem;line-height: 2rem;}
    .popup-warn .pop-inner span{font-size: 1rem;line-height: 2rem;}

    .popup-video{padding: 1.5%;}
    .popup-video iframe{height: 17rem;}

    .num-code{font-size: 1rem;}
    .pop-selfclose span{    font-size: 1rem;}
}
@media(max-width:540px){
    .popup{padding: 7% 10% 13% 11%;max-width: 34rem;}
    .popup .pop-title{width: 56%;}
    .popup .pop-title:before, .popup .pop-title:after{left: 75%;}
    .popup .pop-title:before{left: -6%;}
    .pop-inner{max-height: 21rem;font-size: 1.2rem;line-height: 1.8rem;}
    .popup .close{width: 1.2rem;top: -5%;}
    .popup .btn1{    font-size: 1.1rem;}
    .popup .btn2{    font-size: 1.1rem;}
    .popup .num-reser{font-size: 1.5rem;}
    .popup-normal .close{top: -20%;}
    .pop-selfclose span{font-size: 1.2rem;}

    .popup-reserve .btn-box a{width: 42%;}
    .popup-reserve .btn-box a span.finger{display: block;}
    .num-code{font-size: 1.2rem;}
    .popup-reserve .mid{flex-direction: column;width: 100%;top: 68%;}
    .popup-reserve .btn-box{top: 69%;}
    .popup-reserve .lead{width: 38%;margin: 2% auto 0;}
    .popup-reserve .btn-box a:before{    right: -21%;}
    .popup-reserve .close{top: 0%;    left: 91%;}

    .popup-record .pop-inner a{width: 10rem;}
    .popup-record .pop-inner p{font-size: 1rem; }
    .popup-record .pop-inner p:nth-child(2){font-size: 1rem; }
    .popup-record p.record-tip{margin-top: 9%;}
    .popup-record .close{top: -4%;}

    .popup-bagrecord .pop-inner a{width: 10rem;}
    .popup-bagrecord .pop-inner p{font-size: 1rem; }
    .popup-bagrecord .pop-inner p:nth-child(2){font-size: 1rem; }

    .popup-store .btn-suc{width: 36%;top: 80%;left: 32%;}
    .popup-store .close{top: -2%;left: 92%;}

    .popup-task .pop-inner p{font-size: 1.1rem; }

    .popup-group .pop-inner .btn1{font-size: 1.2rem;}
    .popup-group .pop-inner .btn2{font-size: 1.2rem;}
    .popup-group .close{top: -10%;}

    .popup-full{padding: 7% 2% 9% 2%;max-width: 28rem;}
    .popup-full .btn1{font-size: 1.2rem;}
    .popup-full .close{top: -7%;}
    
    .popup-task{width: 93%;}
    
    .popup-video{width: 100%;max-width: none;padding: 5.5%;}
    .popup-video iframe{width: 100%; height: auto; aspect-ratio: 16 / 9;}
    .popup-video .close{top: -5%;}

    .popup-start1{max-width: 33rem;}
    .popup-start1 .countdown{}
    .popup-start1 .reserve-mess{width: 82%;left: 9%;top: 81%;}
    .popup-start1 .reserve-mess .phone-box .selectd{padding: 0 4% 0 11%;}
    .popup-start1 .reserve-mess a.btn-reserve{width: 72%;margin: 3% auto 0;}
    .popup-start1 .reserve-mess .phone-box{padding-left: 7%;}
    .popup-start1 .close{top: 7%;}
    
    .popup-start2{max-width: 33rem;}
    .popup-start2 .countdown{line-height: normal;top: 73.8%;}
    .popup-start2 .countdown span{padding: 2% 0% 1%;}
    .popup-start2 .reserve-mess .phone-box{padding-left: 2%;}
    .popup-start2 .reserve-mess .phone-box .selectd{padding: 0 4% 0 16%;}
    .popup-start2 .reserve-mess a.btn-reserve{width: 72%;}
    .popup-start2 .close{top: 6%;}

    .popup-start3{max-width: 34rem;    top: 52% !important;}
    .popup-start3 .countdown{font-size: 1.5rem;}
    .popup-start3 .reserve-mess{width: 82%;left: 9%;top: 53.2%;}
    .popup-start3 .reserve-mess .phone-box .selectd{padding: 0 4% 0 11%;}
    .popup-start3 .reserve-mess a.btn-reserve{width: 72%;margin: 3% auto 0;}
    .popup-start3 .reserve-mess .phone-box{padding-left: 7%;}
    .popup-start3 .close{top: 6%;    left: 90%;}

    .popup-dig{max-width: 34rem;padding: 3% 2% 4% 2%;}
    /* .popup-dig .pop-title{margin: 7% 1% 6% 4%;font-size: 1.85rem;} */
    .popup-dig .pop-inner{max-height: inherit;}
    .popup-dig .pop-inner p{top: 117.5%;font-size: 1rem;}
    .popup-dig .pop-reward{width: 46%;}
    .popup-dig .pic-minlo{width: 94%;margin: -9% auto 0;}
    .popup-dig a.btn-invite{width: 42%;margin: 5% auto 7%;}

   

    .popup-rule .pop-inner{font-size: 1.1rem;line-height: 1.7rem;overflow: auto;}

    .popup-warn .pop-title{width: 89%;}
    


    
}



/*动效-转圈*/
/*调用-转圈*/ /*    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-fall 2s linear infinite;    */
@keyframes animate-fall {
	0% {transform: rotate(0deg);top:0;opacity: 0;}
	50% {transform: rotate(60deg);top:50%;opacity: 1;}
	80% {transform: rotate(100deg);top:100%;opacity: 0.8;}
	100% {transform: rotate(180deg);top:100%;opacity: 0;}
}



/*动效-光效缩放*/
/*调用-光效缩放*/ /*        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);}
}