* {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=1) 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;}
.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: #928e9e;}
*::-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.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: 96%;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 14%;}
.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%;padding: 9% 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;}

.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: #8f663c;font-size: 1rem;background: url(../images/btn1.png) no-repeat center center;background-size: 100% 100%;padding: 1% 0% 1% 0%;line-height: 2rem;display: flex;justify-content: center;align-items: center;width: 45%;margin: 0 auto;}
.btn2{color: #f9f7d7;font-size: 1rem;background: url(../images/btn2.png) no-repeat center center;background-size: 100% 100%;padding: 1% 0% 1% 0%;line-height: 2rem;display: flex;justify-content: center;align-items: center;width: 45%;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.5% 0.5%;justify-content: space-between;}
.head:after{position: absolute;content: "";width: 100%;height: 100%;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.4rem;line-height: 3rem;}
    .btn2{font-size: 1.4rem;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: 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;}
.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: 52%;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;}
}
@media(max-width:540px){
    .head{padding: 1.5% 2%;}
    .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; }
.btn-store:after{position: absolute;content: "";width: 0.4rem;height: 0.4rem;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: 43%;margin: 0 2%;overflow: hidden;}
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;}

.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;}
.slogan{position: absolute;content: "";width: 100%;top: 42%;left: 50%;transform: translate(-50%, 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: #fadf9b;justify-content: center;width: 71%;}
.banner-box a.btn-banner-reserve{display: block; width:48%;margin: 3% auto 3%;max-width: 50rem;position: relative;    animation: animate-zoom1 3s linear infinite;}

@media(max-width:1920px){
    .banner-box .num-reserve{font-size: 1.2rem;}
    .btn-store:after{position: absolute;content: "";width: 0.5rem;height: 0.5rem;border-radius: 50%;top: 15%;right: 4%;z-index: 2;background: #c00;}
}



.section2{position: relative;}
.section2 .title{position: absolute;content: "";top: 3%;left: 2%;z-index: 3;}
.sec2{position: absolute;content:"";    top: 19%;left: 19%;width: 31%;}
.sec2-1{position: absolute;content:"";top:11.9%;left:10%;width: 80%;}
.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{margin-top: 15%;}
.reserve-mess .phone-box{z-index: 1;position: relative;color: #a3abb2;width: 100%;display: flex;align-items: center;justify-content: space-between;background: #544852f0;border: 1px #eacb39 solid;padding-left: 3%;}
.reserve-mess .phone-box .telephone{color: #c4b49b;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: #c4b49b;top: 50%;right: 0;transform: translate(0, -50%);}
.reserve-mess .phone-box .phone{color: #c4b49b;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: #c4b49b;}
.reserve-mess a.btn-reserve{width: 56%;position: relative;display: block;animation: animate-zoom1 3s linear infinite;margin: 5% auto;}




.sec2-2{position: absolute;top:52%;left: 12%;width: 72%;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: #1f1840bf;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-left: -10%;}
.sec2-2 .btn-box a{margin:0;width: 38%;}
.sec2-2 .btn-warn{width: 63%;margin: 2% 3% 0 16%;}
.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: 14%;width: 75%;}
.sec2-3 .btn-suc{width: 58%;display: block;margin: 0% auto 0;margin-left: 18%;}
.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;}

.sec2-per{position: absolute;width: 34%;left: 66%;top: 45%;z-index: 3;}
.sec2-per .star-box span{top: 7%;left: 39%;}
.sec2-per .star-box span:nth-child(2){top: 31%;left: 65%;}
.sec2-per .star-box span:nth-child(3){top: 57%;left: 46%;}
.sec2-per .star-box span:nth-child(4){top: 44%;left: 7%;}

@media(max-width:1920px){
    .reserve-mess .phone-box{padding-left: 8%;}
    .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){
    .reserve-mess .phone-box{padding-left: 5%;}
    .sec2-2 .btn-box a{width: 100%;}
    .sec2-2 .btn-warn{margin:2% auto 0;}
    
}

/*.section3{    padding-bottom: 15%;}*/
.section3{position: relative;}
.section3 .coffin-video{position: absolute;content: "";top: 0%;left: 0%;width: 100%;}
.section3 .title{position: absolute;content: "";top: 4%;left: 2%;z-index: 3;}
.section3 .btn-rule{display: block;width: 7%;position: absolute;content: "";top: 13%;left: 82%;}
.sec3{position: absolute;content: "";top: 63%;left: 0%;width: 100%;}
.sec3-btn{position: relative;}
.sec3-btn .finger{width: 10%;top: 58%;left: 65%;}

.sec3-gift{width: 90%;margin: 0 auto;}
.sec3-gift .reward-title{width: 46%;margin: 6% auto 3%;}
.sec3-gift dl{display: flex;}
.sec3-gift dl dd{margin: 0 0.5%;}
.sec3-reward{position: relative;background: url(../images/sec3reward-nor.png)no-repeat center center;background-size: contain;}
.sec3-reward.active{background: url(../images/sec3reward-act.png)no-repeat center center;background-size: contain;}

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




.section4{position: relative;}
.section4 .title{margin : 3.5% auto 1%;}
.section4 .mil-per{text-align: center;color: #fadf9b;font-size: 1.1rem;margin-bottom: 4%;}
.milestone-box{display: flex;flex-wrap: wrap;}
.milestone-box dd{position: relative; width: 25%;}
.milestone-box dd>img{filter: brightness(1);}
.milestone-box dd:last-child{width: 98%;margin: 3% auto 0;}
.milestone-box dd .ydc{position: absolute;content: "";width: 40%;top: 34%;left:32%;z-index: 3;opacity: 0;filter: drop-shadow(0 0 10px black);}
.milestone-box dd:last-child .ydc{top: 35%;left: 48%;width: 12%;}
.milestone-box dd.active>img{filter: brightness(0.6) grayscale(0.6);}
.milestone-box dd.active .ydc{opacity: 1;}
.mil-heart{position: absolute;width: 57%;top: 1%;left: 0%;height: 93%;    z-index: 6;}
.mil-heart a{position: absolute;width: 22%;top: 8%;left: 41%;animation: animate-zoom 2s 
linear infinite;animation-delay: -4s;}
.mil-heart a:nth-child(2){top: 46%;left: 54%;animation-delay: -2s;}
.mil-heart a:nth-child(3){top: 56%;left: 27%;animation-delay: -6s;}

.milestone{position: relative;}
.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: #1f1840bf;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;}
.milestone .star-box{top: 51%;left: 41%;height: 20%;width: 59%;}
.milestone .star-box span{top: 0%;left: 10%;}
.milestone .star-box span:nth-child(2){top: 36%;left: -7%;}
.milestone .star-box span:nth-child(3){top: 33%;left: 66%;}
.milestone .star-box span:nth-child(4){top: 56%;left: 81%;}

.section4 .btn-draw{display: block;width: 45%;margin: -5% auto 0;animation: animate-zoom1 3s linear infinite;}

@media(max-width:1920px){
    .milestone .hover .reward-box{font-size: 0.9rem;line-height: 1.5rem;}
    .section4 .mil-per{font-size: 1.4rem;}
    .milestone .star-box span{top: 8%;left: 13%;}
    .milestone .star-box span:nth-child(2){top: 36%;left: -1%;}
    .milestone .star-box span:nth-child(3){top: 33%;left: 68%;}
    .milestone .star-box span:nth-child(4){top: 64%;left: 81%;}
}



.section5{position: relative;}
/*.section5 .title{position: absolute;content: "";top: 0%;left: 10%;z-index: 3;}*/
.role-video{width: 100%;z-index: 2;}
.role-video .btn-role{width: 50%;z-index: 2;}
.sec5 .pic{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 .bg{display: none;}
.role-paint .per{position: relative;}
.role-paint .word{position: absolute;top: 62%;left:7%;width: 44%;z-index: 2;}
.role-paint .content{position: absolute;top: 73%;left:11%;width: 80%;z-index: 2;}
.role-paint .content p{font-size: 0.8rem;color: #fff9e3;margin-top: 3%;}
.role-paint .btn-voice{position: absolute;content: "";height: 1.2rem;width: 1.2rem;display: flex;align-items: center;justify-content: space-between;bottom: 28%;right: -16%;}
.role-paint .voice-long{right: 10%;}
.role-paint .btn-voice span{height: 30%;width: 0.2rem;border-radius: 0.2rem;background: #fff1ba;}
.role-paint .btn-voice span:nth-child(2){height: 60%;}
.role-paint .btn-voice span:nth-child(3){height: 100%;}
.role-paint .btn-voice span:nth-child(4){height: 60%;}
.role-paint .btn-voice span:nth-child(5){height: 30%;}
.role-paint .btn-voice.active span:nth-child(1){animation: animate-voice 1.5s 0.2s infinite linear;}
.role-paint .btn-voice.active span:nth-child(2){animation: animate-voice 1.5s 0.4s infinite linear;}
.role-paint .btn-voice.active span:nth-child(3){animation: animate-voice 1.5s 0.6s infinite linear;}
.role-paint .btn-voice.active span:nth-child(4){animation: animate-voice 1.5s 0.8s infinite linear;}
.role-paint .btn-voice.active span:nth-child(5){animation: animate-voice 1.5s 1.0s infinite linear;}
.role-nav{position: absolute;content: "";width: 80%;bottom: 2%;left: 10%; z-index: 5;}
.role-nav>.swiper{position: relative;}
.role-nav .swiper-slide{filter:brightness(0.4); cursor: pointer;transition: all 1s ease;}
.role-nav .swiper-slide-thumb-active{filter:brightness(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;}

.perpic{position: absolute;width: 48%;height: 50%;left: 12%;top: 13%;}
.perpic a{width: 35%;position: absolute;top: 39%;left: 14%;animation: animate-zoom 2s 
linear infinite;z-index: 5;opacity: 1;}
.perpic span{position: absolute;width: 100%;top: 0%;left: 0%;opacity: 0;}
.perpic span:nth-child(3){top: 39%;}
.perpic.active span{animation: fadeOut 2s forwards;}
.perpic.active span:nth-child(3){animation-delay: 1.2s;}
.perpic.active a{opacity: 0;}
.perpic a span{position: absolute;width: 69%;top: 85%;left: -39%;opacity: 1;}
.perpic a span img{transform: rotateY(180deg);}

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

@media(max-width:1920px){
    .role-paint .word{width: 42%;}
    .role-paint .btn-voice{height: 1.2rem;width: 1.6rem;}
    .role-paint .btn-voice:after{height: 3rem;width: 3rem;top: -71%;left: -0.8rem;}
    .role-paint .content p{font-size: 1rem;}
    .role-paint .voice-long{right: 10%;}
    .swiper-button-prev-role,.swiper-button-next-role{width: 2.2rem;height: 2.2rem;top: 31.5%;}
}


.section6{position: relative;}
.sec6 .secpic-wap{width: 90%;margin: 4% auto;position: relative; }
/*.sec6 .pic-feature{position: relative; }*/

.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: 0.5rem;height: 0.5rem; background: #fff1ba47;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff1ba;}
.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;}


/*.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: 67%;margin: 12% auto 1%;}
.foot-st a{width: 40%;margin: 0 2%;}

.foot-rule{background: #1b152bc2;padding: 4%;width: 90%;margin: 4% auto 12%;}
.rule-word{color: #928e9e;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% 6rem;width: 540px;background: #0e0e0e;margin: 0 auto}
.foot-left{}
.foot-left a{display: inline-block;margin: 0 5px;width: 3rem;height: 3rem;background: url(../images/foot.png)no-repeat 0 0;background-size: 300% 100%;}
.foot-left a.foot2{background-position: -3rem 0;}
.foot-left a.foot3{background-position: -6rem 0;}
.foot-right{color: #928e9e;font-size: 0.7rem;}
.foot-right p{line-height: 1.2rem;}
.ri{color: #928e9e;font-size: 0.7rem;}
.ri p a{color: #928e9e;}
.ri p{line-height: 1.2rem;}

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

@media(max-width:1920px){
    .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;}
    .swiper-pagination .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;}
}
@media(max-width:540px){
    .banner-box .num-reserve{line-height: 2rem;font-size: 1.2rem;}
    .reserve-mess .phone-box .selectd{    padding: 0 5% 0 2%;}
    .reserve-mess .phone-box .telephone{font-size: 1.2rem;}
    .reserve-mess .phone-box .phone{font-size: 1.2rem;line-height: 3.2rem;}
    .reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 1.2rem;}
    .allreward .hover .reward-box{font-size: 1rem;line-height: 1.5rem;}

    .sec2-2 .btn-box{width: 59%;margin: -4% auto 0;        z-index: 6;}

    .worldView b{width: 51%;top: 25%;left: 23%;}
    .worldView p{font-size: 1.1rem;line-height: 2rem;margin: 4% 0;}
    .lounge-iframe{height: 33rem;}

    .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%;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: 57%}
    .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{ font-weight: bold;color: #fff;font-size: 1.3rem;line-height: 3.6rem;margin-top: 0.8rem;text-shadow: 0 0 5px #1b4959;display: block; }
.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: 93%;width: 20rem;}
.disappare-2 span{font-size: 1rem;}

.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% 2% 4% 2.5%;max-width: 28rem;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: 1% 3% 3% 0%;width: 66%;font-size: 1.8rem;margin: 6% auto 0%;color: transparent;background: linear-gradient(#6052c4, #473f6f) text;}
.popup .pop-title:before, .popup .pop-title:after{position: absolute;content: "";width: 30%;height: 10%;background: url(../images/dot-3.png) no-repeat center center;background-size: contain;top: 40%;left: 73%;}
.popup .pop-title:before{transform: rotateY(180deg);left: -8%;}
.pop-inner{color: #604e6c;font-size: 1.1rem;line-height: 1.8rem;max-height: 30rem;}

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

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



.popup-video{max-width: 45rem;padding: 2% 2% 1.5% 3%;}
.popup-video iframe{width: 100%;height: 22rem;}
.popup-video.popup:after{right: 1%;}

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

/*.popup-reserve{display: block}*/
.popup-reserve{width: 100%;max-width: 28rem;}
.popup-reserve .close{left: 88%;top: -6%;}
.popup-reserve .mid{position: absolute;width: 100%;top: 77%;left: 0;display: flex;}
.popup-reserve .btn-box{display: flex;align-items: center;justify-content: space-around;}
.popup-reserve .btn-box a{width: 45%;overflow: inherit;}
.popup-reserve .btn-box a:before{position: absolute;content: "";width: 40%;height: 90%;border-radius: 50%;top: 67%;right: 0%;z-index: 2;background: url(../images/finger.png)no-repeat center center;background-size: contain;animation: animate-zoom 2s 
linear infinite;}


.num-code{position: absolute;content: "";width: 93%;left: 6%;top: 18%;z-index: 2;font-size: 1rem;color: #fff;background: linear-gradient(to right, #3a1d0900, #6b4cad, #6b4cad, #3a1d0900);display: flex;justify-content: center;padding: 0.2rem 0;}
.num-code span{color: #fde7e7;    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, #c3c2ba69, #c3c2ba69, #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: #ff9c27;}


.broadcast{position: absolute;width: 100%;top: 73.5%;padding: 0 13% 0 14%;left: 0%;max-height: 3rem;background: linear-gradient(to right, #3a1d0900, #6b4cad, #6b4cad, #3a1d0900);}
.broadcast:before, .broadcast:after{     position: absolute;content: "";width: 100%;height: 1px;background: linear-gradient(to right, #fff0, #ffffff99, #ffffff99, #fff0);top: 0;left: 0;}{margin-bottom: 20px;position: absolute;width: 100%;top: 45%;left: 0%;padding: 0 13% 0 8%;max-height: 3rem;background: linear-gradient(to right, #3a1d0900, #00000091, #00000091, #3a1d0900);position: relative;}
.broadcast:after{     top: auto; bottom: 0;}
.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: #f9f9f9;}


.popup-start1{width: 100%;max-width: 28rem;}
.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: 93%;left: 3%; top: 46%;display: flex;align-items: center;justify-content: space-between;}
.popup-start1 dl dd{position: relative; width: 32%;cursor: pointer;filter: brightness(0.6);}
.popup-start1 dl dd:after{    position: absolute;content: "";width: 1.7rem;height: 1.2rem;top: 100%;left: 41%;background: url(../images/dot-4.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: 42%;}
.popup-start1 dl dd.active img.nor{opacity: 0;}
.popup-start1 dl dd.active img.act{opacity: 1;}
.popup-start1 dl dd.active:after{opacity: 1;}
.popup-start1 .reserve-mess{position: absolute;content: ""; width: 86.5%;left: 6%;top: 81%;z-index: 2;margin-top: 0;}
.popup-start1 .reserve-mess .phone-box{background: url(../images/phone-bg.png)no-repeat center center;background-size: 100% 100%;border: none;padding-left: 6%;}
.popup-start1 .reserve-mess a.btn-reserve{width: 55%;margin: 4% auto;}
.popup-start1 .reserve-mess .phone{ line-height: 3.2rem;color: #6b4cad;}
.popup-start1 p{position: absolute;content: "";width: 93%;left: 2%;top: 76%;color: #d6cba9;}
.popup-start1 p:before, .popup-start1 p:after{position: absolute;content: "";width: 40%;height: 18%;background: url(../images/dot-2.png) no-repeat center center;background-size: contain;top: 40%;left: 57%;}
.popup-start1 p:before{transform: rotateY(180deg);left: 2%;}

.popup-start1 .reserve-mess .phone-box .telephone{color: #6b4cad;}
.popup-start1 .reserve-mess input::-webkit-input-placeholder{color: #6b4cad;}

@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: 28rem;}
.popup-start2 .close{top: 7%;left: 87%;}
.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 dl{z-index: 10;width: 93%;display: flex;align-items: stretch;justify-content: center;margin: 0 auto;}
.popup-start2 .pop-inner{position: absolute;content: ""; width: 90%;left: 5%;top: 78%;z-index: 2;}
.popup-start2 dl dd{position: relative; width: 32%;cursor: pointer;}
.popup-start2 dl dd img.nor{opacity: 1;}
.popup-start2 dl dd img.act{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}
.popup-start2 dl dd.active{filter: brightness(1);}
.popup-start2 dl dd.active img.nor{opacity: 0;}
.popup-start2 dl dd.active img.act{opacity: 1;}
.popup-start2 dl dd .star-box{opacity: 0;}
.popup-start2 dl dd.active .star-box{opacity: 1;}
.popup-start2 dl dd .star-box span{top: 4%;left: 46%;}
.popup-start2 dl dd .star-box span:nth-child(2){top: 44%;left: 66%;}
.popup-start2 dl dd .star-box span:nth-child(3){top: 60%;left: 13%;}
.popup-start2 dl dd:nth-child(2) .star-box span:nth-child(2){top: 44%;left: 61%;}
.popup-start2 dl dd:nth-child(2) .star-box span:nth-child(3){top: 60%;left: 6%;}
.popup-start2 dl dd:nth-child(3) .star-box span{top: 14%;left: 46%;}
.popup-start2 dl dd:nth-child(3) .star-box span:nth-child(3){top: 47%;left: -2%;}

.popup-start2 .reserve-mess .phone-box .telephone{color: #6b4cad;}
.popup-start2 .reserve-mess input::-webkit-input-placeholder{color: #6b4cad;}


.popup-start2 .countdown{display: flex;justify-content: space-between;width: 39%;line-height: 1.5rem;margin-left: 61%;font-size: 1.3rem;position: absolute;top: 94.5%;}
.popup-start2 .countdown span{position: relative;color: #ff1c1c;padding: 1% 0% 1%;width: 21%;margin: 0 5%;}
.popup-start2 .reserve-mess{width: 92.5%;display: flex;flex-direction: column;align-items: center;margin: 0 auto;}
.popup-start2 .reserve-mess .phone-box{background: url(../images/phone-bg.png)no-repeat center center;background-size: 100% 100%;margin: 0 auto;border: none;padding-left: 6%;}
.popup-start2 .reserve-mess a.btn-reserve{width: 56%;margin: 3% 0 2% 0%;}
.popup-start2 .reserve-mess .phone{ line-height: 3.2rem;}
.popup-start2 p.tips{ color: #918787;}


.popup-per{width: 100%;max-width: 30rem;}
.popup-per .close{top: 7%;left: 87%;}
.popup-per .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-per .yy-num span{background: linear-gradient(#e7f9fb, #c7eeef, #b1e5e6);-webkit-background-clip: text;color: transparent;}
.popup-per dl{z-index: 10;width: 93%;display: flex;align-items: stretch;justify-content: center;margin: 0 auto;}
.popup-per .pop-inner{position: absolute;content: ""; width: 100%;left: 0%;top: 53%;z-index: 2;}
.popup-per dl dd{position: relative; width: 32%;cursor: pointer;}
.popup-per dl dd img.nor{opacity: 1;}
.popup-per dl dd img.act{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}
.popup-per dl dd.active{filter: brightness(1);}
.popup-per dl dd.active img.nor{opacity: 0;}
.popup-per dl dd.active img.act{opacity: 1;}
.popup-per dl dd .star-box{opacity: 0;}
.popup-per dl dd.active .star-box{opacity: 1;}
.popup-per dl dd .star-box span{top: 4%;left: 46%;}
.popup-per dl dd .star-box span:nth-child(2){top: 44%;left: 66%;}
.popup-per dl dd .star-box span:nth-child(3){top: 60%;left: 13%;}
.popup-per dl dd:nth-child(2) .star-box span:nth-child(2){top: 44%;left: 61%;}
.popup-per dl dd:nth-child(2) .star-box span:nth-child(3){top: 60%;left: 6%;}
.popup-per dl dd:nth-child(3) .star-box span{top: 14%;left: 46%;}
.popup-per dl dd:nth-child(3) .star-box span:nth-child(3){top: 47%;left: -2%;}


.popup-per .reserve-mess{width: 92.5%;display: flex;flex-direction: column;align-items: center;margin: 0 auto;}
.popup-per .reserve-mess .phone-box{background: url(../images/phone-bg.png)no-repeat center center;background-size: 100% 100%;margin: 0 auto;}
.popup-per .reserve-mess a.btn-reserve{width: 62%;margin: 3% 0 2% 0%;}
.popup-per .reserve-mess .phone{ line-height: 3.2rem;}
.popup-per p.tips{ color: #918787;}




/*.popup-store{display: block}*/
.popup-store{width: 100%;max-width: 30rem;}
.popup-store .close{top: 0%;left: 87%;}
.popup-store .btn-suc{width: 44%;display: block;position: absolute;top: 87%;left: 30%;animation: animate-zoom1 3s linear infinite;}
.popup-store .num-code{top: 18%}
.popup-store .star-box span{top: 28%;left: 17%;}
.popup-store .star-box span:nth-child(2){top: 44%;left: 59%;}
.popup-store .star-box span:nth-child(3){top: 67%;left: 85.5%;}
.popup-store .star-box span:nth-child(4){top: 55%;left: 16%;}



.popup-suc{width: 100%;}
.popup-suc .num-code{top: 10%;}
.popup-suc dl dd{position: absolute;content: "";width: 37%;top: 21%;left: 48%;transform-origin: center top;transform-origin: center top;animation: animate-pao infinite 1s ease-in-out alternate;}
.popup-suc dl dd:nth-child(2){top: 42%;left: 63%;animation-delay: 0.2s;}
.popup-suc dl dd:nth-child(3){top: 63%;left: 54%;animation-delay: 0.4s;}
.popup-suc .btn-st{width: 50%;display: block;position: absolute;top: 87%;left: 25%;animation: animate-zoom1 3s linear infinite;}
.popup-suc p{width: 100%;position: absolute;top: 87%;left: 0%;color: #d5fffb;}


.popup-invite{margin-top: -2%;}
.popup-invite .close{top: 43%;}
.link-box{position: absolute;content: "";width: 78%;left: 11%;top: 87.3%;z-index: 3;display: flex;justify-content: space-between;align-items: stretch;}
.link-box .link{font-size: 1rem;color:#d5ecff;width: 72%;background: none;    line-height: 2.9rem;overflow: hidden;text-overflow: ellipsis;text-wrap: nowrap; }
.link-box a{flex:1;cursor: pointer; }
.popup-invite .num-invited{position: absolute;top: 55%;width: 100%;left: 0;font-size: 1rem;}
.popup-invite .num-invited span{font-size: 1.2rem;}

/*.popup-record{display: block}*/
.popup-record .pop-title{width: 78%;}
.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{overflow: auto;}
.popup-record .pop-inner p{flex: 1 1 42%;font-size: 0.9rem;padding:0.4rem 0%;background: url(../images/pop-task-bg.png) no-repeat center center;background-size: 100% 100%; margin: 0 1%;color: #fff;}
.popup-record .pop-inner p:nth-child(2){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.4rem 1rem;}
.popup-record a.active{filter: grayscale(0.9) brightness(0.8);pointer-events: none;}

.popup-task .pop-title{width: 78%;}
.popup-task .pop-inner{overflow: auto;}
.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 44%;font-size: 1rem;padding:0.4rem 0%;background: url(../images/pop-task-bg.png) no-repeat center center;background-size: 100% 100%; margin: 0px 4% 0 0;    color: #fff;}
.popup-task .pop-inner p:nth-child(2){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.2rem 1rem;}
.popup-task a{width: 35%;}
.popup-task a.active{filter: grayscale(0.9) brightness(0.8);pointer-events: none;}


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

/*.popup-follow-list{display: block;}*/
.popup-follow-list{width: 23%;margin-left: 2%;top: 50% !important;}
.popup-follow-list .pop-title{position: absolute;top: -4%;left: 18%;color: transparent;background: linear-gradient(#feffe3, #ead186) text;}
.popup-follow-list .pop-title:before, .popup-follow-list .pop-title:after{background: url(../images/dot-2.png) no-repeat center center;background-size: contain;}
.popup-follow-list .avator{position: absolute;content: "";width: 23%;top: 12%;left: -16%;height: 76%;z-index: 1;}
.popup-follow-list .avator .gallery-thumbs-2{width: 100%;height: 100%;}
.popup-follow-list .avator .swiper-slide{cursor: pointer;filter:brightness(0.5) grayscale(1);}
.popup-follow-list .avator .swiper-slide-thumb-active{filter: brightness(1.1);}
.popup-follow-list .yh{position: absolute;content: "";width: 75%;top: 9%;left: 12.5%;}
.popup-follow-list .yh img{padding: 4%;}
.popup-follow-list .yh span{position: absolute;width: 20%;top: 80%;right: 2%;display: none;animation: animate-zoom1 3s linear infinite;}
.popup-follow-list .yh span img{padding: 0;}
.popup-follow-list .yh span.active{display: block;}
.popup-follow-list .yh span.active img.active{display: block;}
.popup-follow-list .yh .btn-box{margin-top: 14%;display: none;}
.popup-follow-list .close{left: 90%;}
.swiper-button-prev3,.swiper-button-next3{position: absolute;width: 1.8rem;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-best .pop-inner{position: absolute;width: 58%;top: 88%;left: 20%;}
.popup-best .pop-inner a{display: block;animation: animate-zoom1 3s linear infinite;}
.popup-best .pop-inner a:hover{filter: brightness(1.3)}

.finger-gif{position: fixed;width: 100%;height: 100%; top: 0%;left: 0%;z-index: 1000;display: none;}
.finger-gif span{position: absolute;width: 21%;bottom: 29%;left: 50%;transform: translate(-50%,0);}
.popup-result{padding: 0% 1%;background: url(../images/pop-card-bg.png) no-repeat center center;background-size: 100% 100%;max-width: 28rem;}
.popup-result .pop-title{width: 105%;font-size: 1.6rem;color: #ffc7e9;}
.popup-result .pop-title span{color: transparent;background: linear-gradient(#feffe3, #ead186) text;}
.popup-result .pop-title:before, .popup-result .pop-title:after{display: none;}
.popup-result .pic{width: 74%;margin: 0 auto;}
.popup-result a{width: 54%;display: block;margin: 4% auto 0;    animation: animate-zoom1 3s 
linear infinite;}

.popup-warn .pop-title{width: 100%;font-size: 1.4rem;}
.popup-warn .pop-inner{font-size: 1.2rem;text-align: left;overflow: auto;max-height: 16rem;}
.popup-warn .pop-inner b{font-weight: normal;font-size: 1.2rem;line-height: 3rem;background: #5f5fb959;width: 100%;display: block;margin-bottom: 2%;}
.popup-warn .pop-inner b:nth-child(5){margin-top: 3%;}
.popup-warn .pop-inner p{font-size: 1rem;line-height: 2rem;text-align: left;}
.popup-warn .pop-inner span{font-size: 1rem;color: #af4c4c;line-height: 2rem;display: block;}

@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;}
    .finger-gif span{width: 28%;}
    .popup-store{max-width: 30rem;}
    .popup-reserve{max-width: 30rem;}
    .popup-start1{max-width: 30rem;}
    .popup-start2{max-width: 30rem;}
    .popup-per{max-width: 32rem;}
}
@media(max-width:540px){
    .popup{padding: 0% 7% 13% 10%;max-width: 34rem;}
    .pop-inner{max-height: 21rem;font-size: 1.2rem;line-height: 1.8rem;}
    .popup .close{width: 1.5rem;top: -3%;}
    .popup .btn1{    font-size: 1.2rem;}
    .popup .btn2{    font-size: 1.2rem;}
    .popup .num-reser{font-size: 1.5rem;}

    .popup-reserve .btn-box a{width: 46%;}
    .num-code{font-size: 1.2rem;}
    .popup-reserve .mid{flex-direction: column;}
    .popup-reserve .btn-box{top: 69%;}
    .popup-reserve .lead{width: 38%;margin: 2% auto 0;}
    .popup-reserve .btn-box a:before{    right: -21%;}

    .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-invite .close{top: 34%;}
    .link-box{top:87.6%;}
    
    .popup-result{padding: 0% 0% 6%;width: 94%;}
    .popup-result .pic{width: 64%;}
    .popup-result a{width: 48%;}
    .finger-gif span{width: 100%;bottom: 32%;}

    .popup-follow-list{    width: 79%;margin-left: 8%;}
    .popup-task{width: 93%;}
    
    .popup-video{padding: 6% 6% 5% 7%;}
    
    .popup-start2 .yy-num{top: 36.5%;}
    .popup-start2 dl dd .star-box span{top: -5%;left: 39%;width: 5rem;height: 5rem;}
    .popup-start2 dl dd .star-box span:nth-child(2){top: 44%;left: 55%;}
    .popup-start2 dl dd .star-box span:nth-child(3){top: 54%;left: -3%;}
    .popup-start2 dl dd:nth-child(2) .star-box span:nth-child(2){top: 34%;left: 53%;}
    .popup-start2 dl dd:nth-child(2) .star-box span:nth-child(3){top: 50%;left: -2%;}
    .popup-start2 dl dd:nth-child(3) .star-box span{top: 3%;left: 46%;}
    .popup-start2 dl dd:nth-child(3) .star-box span:nth-child(2){top: 35%;left: 62%;}
    .popup-start2 dl dd:nth-child(3) .star-box span:nth-child(3){top: 39%;left: -2%;}
    .popup-start2 .countdown{line-height: normal;top: 94.3%;}
    .popup-start2 .countdown span{padding: 2% 0% 1%;}
    .popup-start2 .close{top: 7%;}
    
    .popup-per .yy-num{top: 36.5%;}
    .popup-per dl dd .star-box span{top: -5%;left: 39%;width: 5rem;height: 5rem;}
    .popup-per dl dd .star-box span:nth-child(2){top: 44%;left: 55%;}
    .popup-per dl dd .star-box span:nth-child(3){top: 54%;left: -3%;}
    .popup-per dl dd:nth-child(2) .star-box span:nth-child(2){top: 34%;left: 53%;}
    .popup-per dl dd:nth-child(2) .star-box span:nth-child(3){top: 50%;left: -2%;}
    .popup-per dl dd:nth-child(3) .star-box span{top: 3%;left: 46%;}
    .popup-per dl dd:nth-child(3) .star-box span:nth-child(2){top: 35%;left: 62%;}
    .popup-per dl dd:nth-child(3) .star-box span:nth-child(3){top: 39%;left: -2%;}
}



/*动效-转圈*/
/*调用-转圈*/ /*    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);}
}