* {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;}
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%;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: 49%;left: 36%;pointer-events: none;z-index: 4;animation: animate-lightzoom 2s linear infinite;display: inline-block;}
.star-box span:nth-child(2){top: 22%;left: 51%;}
.star-box span:nth-child(3){top: 65%;left: 80%;}
.star-box span:nth-child(4){top: 67%;left: 29%;}

.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: #70492f;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;}


.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: 49%;}
.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: 41%;left: 38%;}
    .star-box span:nth-child(2){top: 27%;left: 53%;}
    .star-box span:nth-child(3){top: 69%;left: 78%;}
    .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: #0d2330a8;}
.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;}
    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-store:after{position: absolute;content: "";width: 1rem;height: 1rem;border-radius: 50%;top: -10%;right: -4%;z-index: 2;background: url(../images/dot.png)no-repeat center center;background-size: contain;}
.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;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;position: relative;}
.slogan{position: absolute;content: "";width: 98%;top: 46.5%;left: 49%;transform: translate(-50%, 0);}
.banner-box{position: absolute;content: "";width: 100%;top: 72%;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:20%;top: 46%;right: 41%;animation: animate-pao infinite 1s ease-in-out alternate;}
.banner-box .num-reserve{position: relative;display: inline-flex;align-items: center;line-height: 1.5rem;font-size: 0.85rem;color: #31537e;justify-content: center;width: 71%;background: url(../images/num-reser-bg.png)no-repeat center center;background-size: 100% 100%;padding: 6% 0 1%;}
.banner-box .num-reserve span{letter-spacing: 2px;color: #a8571c;}
.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;}
.banner-box a span{position: absolute;width: 11%;top: 3%;right: 2%;animation: animate-shake infinite 1s ease-in-out alternate;}



@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;}
.sec2{position: absolute;content:"";    top: 19%;left: 19%;width: 31%;}
.section2 .pic{position: relative;}
.section2 .pic:after{position: absolute;content: "";bottom: 9%;left: 70%;width: 27%;background: url(../images/sec2-dot.png) no-repeat center center;background-size: contain;height: 9%;z-index: 1;animation: animate-shake infinite 1s ease-in-out alternate;}
.sec2-1{position: absolute;content:"";top:23.9%;left:10%;width: 80%;}
.sec2-1 .allreward .pic{position: absolute;content:"";top:0%;left:0%;width: 100%;}
.sec2-1 .allreward img{z-index: 1;position: relative;}
.sec2-1 .allreward-gif{position: absolute;width: 100%;left: 4%;top: 3%;z-index: 1;}
.sec2-1 .reward-pic{position: absolute;content:"";bottom:292%;left:68%;width: 45%;    animation: animate-zoom1 3s linear infinite;}
.reserve-mess{margin-top: -3%;}
.reserve-mess .phone-box{z-index: 1;position: relative;color: #fefdb8;width: 100%;display: flex;align-items: center;justify-content: space-between;padding-left: 5%;}
.reserve-mess .phone-box:after{position: absolute;content:"";bottom:-2%;left:-7%;width: 114%; background: url(../images/phone-bg.png)no-repeat center center;background-size: 100% 100%;height:108%;z-index:-1;}
.reserve-mess .phone-box .telephone{color: #fefdb8;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 option{color: #0f2c4d;}
.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: #fefdb8;font-size: 0.8rem;line-height: 2.8rem;background: none;padding-left: 5%;flex: 1;}
.reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 0.8rem;color: #fefdb8;}
.reserve-mess .phone-box input::-moz-placeholder{font-size: 0.8rem;color: #fefdb8;}
.reserve-mess a.btn-reserve{width: 52%;position: relative;display: block;animation: animate-zoom1 3s linear infinite;margin: 3% auto 0;}
.reserve-mess a span{position: absolute;width: 11%;top: -7%;right: 3%;animation: animate-shake infinite 1s ease-in-out alternate;}
.sec2-1 .reserve-mess a.btn-reserve{margin-left: 24%;}


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

.sec2-2{position: absolute;top:52%;left: 13%;width: 75%;display: flex;justify-content: space-between;flex-direction: row;align-items: center;}
.box-right{margin-top: 2%;}
.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: 8rem;top: 1%;left: 50%;transform: translate(-50%, 0);background: #122f40cc;color: #fff;font-size: 0.65rem;line-height: 1rem;border-radius: 0.2rem;padding: 0.5rem 0.2rem;text-align: center;}
.allreward .hover .reward-box span{display: block}
.allreward .hover:hover .reward-box{display: block;}
.section2 .allreward .hover .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: 13%;left: 60%;}
.sec2-2 .star-box span:nth-child(2){top: 37%;left: 3%;}
.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:70%;left: 13%;width: 75%;display: flex;align-items: center;}
.sec2-3 .btn-suc{width: 80%;display: block;}
.btn-suc{position: relative;}
.btn-suc span{position: absolute;width: 11%;top: -7%;right: -1%;animation: animate-shake infinite 1s ease-in-out alternate;}
.sec2-3 .star-box span{top: 14%;left: 54%;}
.sec2-3 .star-box span:nth-child(2){top: 45%;left: 14%;}
.sec2-3 .star-box span:nth-child(3){display: none;}
.sec2-3 .star-box span:nth-child(4){display: none;}


@media(max-width:1920px){
    .reserve-mess .phone-box{padding-left: 8%;}
    .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: 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;}
    .reserve-mess .phone-box input::-moz-placeholder{font-size: 1rem;}
    .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;}
    
    .sec2-2 .star-box span{top: 42%;left: 77%;}
    .sec2-2 .star-box span:nth-child(2){top: 66%;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: 19%;left: 56%;}
    .sec2-3 .star-box span:nth-child(2){top: 49%;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 .pic{position: relative;}
.section3 .pic img.nor{display: block;}
.section3 .pic img.act{display: none;}
.section3 .title{position: absolute;content: "";top: 4%;left: 5%;z-index: 3;}
.section3 .btn-rule{display: block;width: 5%;position: absolute;content: "";top: 13.2%;left: 92%;z-index: 5;}
.sec3{width: 100%;position: absolute;content: "";top: 27%;left: 0%;}
.sec3-btn{position: relative;margin: 0% auto 0;width: 44%;}
.sec3-btn a{display: block;background: url(../images/btn-open-bg.png) no-repeat center center;background-size: 100% 100%;padding: 7% 6% 8% 18%;text-align: center;font-size: 1rem;color: #864517;}
.sec3-btn i{position: absolute;width: 25%;top: -15%;left: 9%;    animation: animate-shake infinite 1s ease-in-out alternate;}
.sec3-btn .finger{width: 15%;top: 58%;left: 81%;}

.sec3-gift{width: 85%;margin: 0 auto;}
.sec3-gift .reward-title{width: 44%;margin: 6% auto 3%;}
.sec3-gift dl{display: flex;}
.sec3-gift dl dd{margin: 0 0.5%;}
.sec3-reward img.nor{position: relative;display:block;}
.sec3-reward img.act{position: relative;display:none;}
.sec3 .slide-inner.gift-box-1.active img.nor{display:none;}
.sec3 .slide-inner.gift-box-3.active img.nor{display:none;}
.sec3 .slide-inner.gift-box-6.active img.nor{display:none;}
.sec3 .slide-inner.gift-box-9.active img.nor{display:none;}
.sec3 .slide-inner.gift-box-12.active img.nor{display:none;}
.sec3 .slide-inner.gift-box-1.active img.act{display:block;}
.sec3 .slide-inner.gift-box-3.active img.act{display:block;}
.sec3 .slide-inner.gift-box-6.active img.act{display:block;}
.sec3 .slide-inner.gift-box-9.active img.act{display:block;}
.sec3 .slide-inner.gift-box-12.active img.act{display:block;}
.sec3 .slide-inner.gift-box-1.active:after{position: absolute;content:"";bottom:-12%;left:59%;width: 33%; background: url(../images/ydc.png)no-repeat center center;background-size: contain;height:53%;}
.sec3 .slide-inner.gift-box-3.active:after{position: absolute;content:"";bottom:-12%;left:59%;width: 33%; background: url(../images/ydc.png)no-repeat center center;background-size: contain;height:53%;}
.sec3 .slide-inner.gift-box-6.active:after{position: absolute;content:"";bottom:-12%;left:59%;width: 33%; background: url(../images/ydc.png)no-repeat center center;background-size: contain;height:53%;}
.sec3 .slide-inner.gift-box-9.active:after{position: absolute;content:"";bottom:-12%;left:59%;width: 33%; background: url(../images/ydc.png)no-repeat center center;background-size: contain;height:53%;}
.sec3 .slide-inner.gift-box-12.active:after{position: absolute;content:"";bottom:-12%;left:59%;width: 33%; background: url(../images/ydc.png)no-repeat center center;background-size: contain;height:53%;}
.sec3 .slide-inner.gift-box-1 .road{position: absolute;content:"";width: 100%;height: 6px;left: 0%; background: #0000009e;top: 52%;}
.sec3 .slide-inner.gift-box-3 .road{position: absolute;content:"";width: 100%;height: 6px;left: 0%; background: #0000009e;top: 52%;}
.sec3 .slide-inner.gift-box-6 .road{position: absolute;content:"";width: 100%;height: 6px;left: 0%; background: #0000009e;top: 52%;}
.sec3 .slide-inner.gift-box-9 .road{position: absolute;content:"";width: 100%;height: 6px;left: 0%; background: #0000009e;top: 52%;}
.sec3 .slide-inner.gift-box-12 .road{position: absolute;content:"";width: 100%;height: 6px;left: 0%; background: #0000009e;top: 52%;}
.sec3 .slide-inner.gift-box-1 .road-1{width: 50%;left: 50%; }
.sec3 .slide-inner.gift-box-12 .road-5{width: 50%;left: 0%; }
.sec3 .slide-inner.gift-box-1.active .road:after{position: absolute;content:"";width: 100%;height: 100%;left: 0%; background: #ed3a1a;}
.sec3 .slide-inner.gift-box-3.active .road:after{position: absolute;content:"";width: 100%;height: 100%;left: 0%; background: #ed3a1a;}
.sec3 .slide-inner.gift-box-6.active .road:after{position: absolute;content:"";width: 100%;height: 100%;left: 0%; background: #ed3a1a;}
.sec3 .slide-inner.gift-box-9.active .road:after{position: absolute;content:"";width: 100%;height: 100%;left: 0%; background: #ed3a1a;}
.sec3 .slide-inner.gift-box-12.active .road:after{position: absolute;content:"";width: 100%;height: 100%;left: 0%; background: #ed3a1a;}

.sec3 .btn-box{width: 90%;margin: 3% auto 0;flex-direction: row;}
.sec3-gift .secpic{position:relative;}
.swiper-button-prev-1,.swiper-button-next-1{position: absolute;width: 2rem;height: 2rem;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;}

@media(max-width:1920px){
    .sec3-btn a{font-size: 1.4rem;}
    .swiper-button-prev-1,.swiper-button-next-1{width: 2.8rem;height: 2.8rem;}
}


.section4{position: relative;}
.section4 .title{position: absolute;content: "";top: 6%;left: 5%;z-index: 3;}
.section4:after{position: absolute;content:"";top:24.8%;left:8%;width: 17%; background: url(../images/sec4-dot.png)no-repeat center center;background-size: 100% 100%;height:9%; z-index: 0;}
.sec4 .pic{position: relative;}
.role-sort{position: absolute; width: 100%;top: 27.5%;left: 0;}
.role-box{display: flex;position: relative;}
.role-box:after{position: absolute;content:"";top:77.8%;left:30%;width: 39%; background: url(../images/sec4-dot-2.png)no-repeat center center;background-size: 100% 100%;height:7%; z-index: -3;}
.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;width: 58%;-webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
    -webkit-animation: error-swing infinite 2s ease-in-out alternate;
    -moz-animation: error-swing infinite 2s ease-in-out alternate;
    animation: error-swing infinite 2s ease-in-out alternate;z-index: 10;}
.role-paint .content{z-index: 2;position: relative;display: block;color: #5e7074;background: #2e4c4e2b;padding: 6% 4% 6% 7%;margin: 7% auto 16%;}
.role-paint .content:after{position: absolute;content:"";bottom:-25%;left:0%;width: 100%; background: url(../images/dot-2.png)no-repeat center center;background-size: 100% 100%;height:1px;}
.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: 34%;margin-left: -2%;}
.role-info .word-2{margin-bottom: 3%;display: block;color: #a08075;font-size: 1rem;margin-left: 3%;}
.role-info .word-2 span{display: block;margin-bottom: 3%;font-size: 0.75rem;}
.role-info .word-2 img{width: 95%;}
.role-gif{position: relative;display: block;}
.role-gif:after{position: absolute;content:"";bottom:16%;left:14%;width: 80%; background: url(../images/sec4-gif-bg.png)no-repeat center center;background-size: 100% 100%;height:80%;z-index:-1;}

.role-nav{position: absolute;content: "";width: 80%;bottom: -20%;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;}
.role-nav .swiper-slide a:after{position: absolute;content:"";bottom:0%;left:0%;width: 100%; background: url(../images/role-nav-bg.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 p{font-size: 1rem;}
    .role-paint .content b{font-size: 3rem;}
    .role-info .word-2 span{font-size: 1rem;}
    .swiper-button-prev-role,.swiper-button-next-role{width: 2.2rem;height: 2.2rem;top: 31.5%;}
}


.section5{position: relative;}
.section5 .title{margin: 0;position: absolute;top: 6%;z-index: 1;left: 5%;}
.section5 .mil-per{text-align: center;color: #fff;font-size: 0.9rem;position: absolute;top: 81%;left: 53%;width: 48%;background: linear-gradient(to right, rgba(159, 120, 32, 0), #d6cc85d4, rgba(159, 120, 32, 0));padding: 0.5% 0;}
.section5 .mil-per p{
    -webkit-text-stroke: 4px transparent;
    background: linear-gradient(90deg, #271713, #271713, #271713) top left / 100% 100%;
    -webkit-background-clip: text;}
.mil-gif{position: absolute;width: 100%;left: 0%;top: 16.5%;height: 12%;}

.milestone-box{width: 100%;height: 100%;}
.milestone-box dd{position: absolute;width: 36%;top: 32.8%;left: 9%;}
.milestone-box dd:nth-child(2){top: 34.8%;left: 53%;}
.milestone-box dd:nth-child(3){top: 55.9%;left: 54.7%;}
.milestone-box dd:nth-child(4){top: 52.4%;left: 9.5%;}
.milestone-box dd>img{filter: brightness(1);}
.milestone-box dd:last-child{width: 50%;top:72.3%;left: 6.5%;}

.milestone-box dd .ydc{position: absolute;content: "";width: 30%;top: 42%;left:35%;z-index: 3;opacity: 0;filter: drop-shadow(0 0 10px black);}
.milestone-box dd:last-child .ydc{top: 40%;left: 38%;width: 25%;}
.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: #3a1d09c7;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: 20%;left: 12%;height: 50%;width: 77%;}
.milestone .star-box span{top: 1%;left: 10%;}
.milestone .star-box span:nth-child(2){top: 48%;left: -6%;}
.milestone .star-box span:nth-child(3){top: 6%;left: 95%;}
.milestone .star-box span:nth-child(4){top: 23%;left: 39%;}

.section5 .btn-draw{display: block;position: absolute;top: 85%;left: 61%;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;}
    .section5 .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: 11%;left: 100%;}
    .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%;}
}


.section6{position: relative;}
.sec6 .secpic-wap{width: 90%;margin: 4% auto;position: relative; }
.sec6-gif{display: flex;width: 61%;left: 36%;position: relative;margin-top: 3%;}
.sec6-gif span:nth-child(1){    margin-top: 3%;}


.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{top: 111%;}
.swiper-pagination-bullet{opacity: 1;width: 1.3rem;height: 1.3rem; background: url(../images/point-1.png)no-repeat center center;background-size: contain;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/point-2.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: 67%;margin: 12% auto 1%;}
.foot-st a{width: 25%;margin: 0 2%;}

.foot-rule{background: #091c20;padding: 4%;width: 100%;margin-top: 3%;}
.rule-word{color: #ffffffb0;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: -3rem 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;}
    
}
@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.5rem;}
    .reserve-mess .phone-box input::-webkit-input-placeholder{font-size: 1.2rem;}
    .reserve-mess .phone-box input::-moz-placeholder{font-size: 1.2rem;}
    .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;}

    .sec2-3 .btn-suc{width: 100%;}
    .sec3-btn a{font-size: 1.5rem;}
    
    .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: #0a7f99;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: 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: 1.5% 2.5% 4% 3%;max-width: 26rem;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% 3% 1% 0%;width: 66%;font-size: 1.3rem;margin: 0% auto;color: #70492f;}
.popup .pop-title:before, .popup .pop-title:after{position: absolute;content: "";width: 9%;height: 43%;top: 31%;left: 71%;background: url("../images/dot-4.png")no-repeat center center;background-size: contain;}
.popup .pop-title:before{transform: rotateY(180deg);left: 13%;}
.pop-inner{color: #7f6f66;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: 1.6rem; left: 90%;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: 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-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: 77%;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:before{display: none;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: 30%;z-index: 2;font-size: 0.9rem;color: #edc07e;background: linear-gradient(to right, #3a1d0900, #000000a1, #000000a1, #3a1d0900);display: flex;justify-content: center;padding: 0.4rem 0;}
.num-code span{color: #edc07e;    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, #fefdb899, #fefdb899, #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: #f2e48a;}


.broadcast{position: absolute;width: 94%;top: 70.5%;padding: 0 13% 0 14%;left: 6%;max-height: 3rem;background: linear-gradient(to right, #3a1d0900, #000000a1, #000000a1, #3a1d0900);font-size:0.85rem;}
.broadcast span.broadcast-dot{position: absolute;width: 8%;top: -8%;left: 4%;z-index: 1;}
.broadcast:before, .broadcast:after{     position: absolute;content: "";width: 100%;height: 1px;background: linear-gradient(to right, #fff0, #fefdb899, #fefdb899, #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: #c59d62;}
.broadcast li p{display: inline-block;line-height: 1.5rem;}
.broadcast li span{color: #c59d62;}


.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: 82%;left: 9%; top: 80%;display: flex;align-items: center;justify-content: space-between;}
.popup-start1 dl dd{position: relative; width: 32%;cursor: pointer;filter: brightness(0.6);margin: 0 1.5%;}
/* .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: 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{position: absolute;content: "";width: 30%;height: 22%;top: 0%;left: 77%;background: url(../images/ydc.png)no-repeat center center;background-size: contain;}
.popup-start1 .reserve-mess{position: absolute;content: ""; width: 88.5%;left: 4.5%;top: 59%;z-index: 2;margin-top: 0;}
.popup-start1 .reserve-mess a.btn-reserve{width: 58%;}
.popup-start1 p{position: absolute;content: "";width: 93%;left: 3%;top: 101.5%;color: #d3ccb3;font-size: 0.8rem;z-index: 13;}
.popup-start1 p:before, .popup-start1 p:after{    position: absolute;content: "";width: 7%;height: 56%;background: url(../images/dot-3.png) no-repeat center center;background-size: contain;top: 24%;left: 66%;}
.popup-start1 p:before{transform: rotate(180deg);left: 27%;}

.popup-start1 .countdown{position: absolute;top: 49%;left: 29%;font-size: 1.4rem;color: #e17d41;text-align: center;width: 44%;}
.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: 2%;}

@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: 0%;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: 76%;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{padding-left: 8%;}
.popup-start2 .reserve-mess .phone-box .telephone{color: #fefdb8;}
.popup-start2 .reserve-mess input::-webkit-input-placeholder{color: #fefdb8;}
.popup-start2 .reserve-mess input::-moz-placeholder{color: #fefdb8;}


.popup-start2 .countdown{display: flex;justify-content: space-between;width: 39%;line-height: 1.5rem;margin-left: 60.8%;font-size: 1rem;position: absolute;top: 96.25%;text-align: center;}
.popup-start2 .countdown span{position: relative;color: #f9772a;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{margin: 5% 0 2% 0%;}

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



/*.popup-store{display: block}*/
.popup-store{width: 100%;max-width: 28rem;}
.popup-store .close{top: 0%;left: 87%;}
.popup-store .btn-suc{width: 35%;display: block;position: absolute;top: 87%;left: 33%;animation: animate-zoom1 3s linear infinite;}
.popup-store .num-code{top: 39%;left: 20%;}
.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{padding: 2% 2.5% 5% 2.5%;}
.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 55%;font-size: 0.8rem;padding:0.4rem 0%; margin: 0 1%;color: #ffffec;background: #a38d82d1;border-radius: 8px;}
.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.5) brightness(0.5);pointer-events: none;}


.popup-task{padding: 2% 3% 5% 3.5%;}
.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;background: #a38d828f;margin-bottom: 3%;border-radius: 15px;}
.popup-task .pop-inner p{flex: 1 1 44%;font-size: 0.9rem;margin: 0px 4% 0 0;color: #f9f5a6;
    -webkit-text-stroke: 4px transparent;
    background: linear-gradient(90deg, #7b5135, #7b5135, #7b5135) top left / 100% 100%;
    -webkit-background-clip: text;padding: 0 1%;line-height: 1.2rem;}
.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: 35%;text-align: left;}
.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-rule .pop-inner{text-align: left;font-size: 0.85rem;}
.popup-rule .pop-inner p{margin-bottom: 2%;color: #7f6f66;}

/*.popup-follow-list{display: block;}*/
.popup-follow-list{width: 22%;top: 50% !important;}
.popup-follow-list .pop-title{position: absolute;    width: 38%;top: -8%;left: 33%;background: none;}
.popup-follow-list .pop-title:before, .popup-follow-list .pop-title:after{display: none;}
.popup-follow-list .pop-inner{position: absolute;width: 89%;top: 6%;left: 6%;}
.list-bar{width: 93%;margin: 0 auto;position: relative;padding: 2% 5% 7%;border-radius: 10px;background: #8295a37d;}
.list-bar p{font-size: 0.8rem;display: inline-block;margin-left: -7%;color: #f8f6d1;
    -webkit-text-stroke: 4px transparent;
    background: linear-gradient(90deg, #42596d, #42596d, #42596d) top left / 100% 100%;
    -webkit-background-clip: text;
    padding: 0 1%;}
.list-bar .bar{position: relative;width: 100%;height: 13px;background: #42596d;border-radius: 50px;}
.list-bar .bar span.bar-pross-2{position: absolute;content: "";top: 0;left: 0;width: 1px;height: 100%;background: #f8f6d1;border-radius: 50px;border: 2px #42596d solid;}
.list-bar .bar p.bar-num{font-size: 0.8rem;margin-top: 3%;}
.list-bar .bar-reward{display: flex;align-items: center;justify-content: space-between;position: absolute;top: 8%;left: 2%;width: 100%;justify-content: space-between;}
.list-bar .bar-reward p:nth-child(1){width: 12%;margin-left: 0;}
.list-bar .bar-reward p:nth-child(2){width: 27%;margin-left: 0;animation: animate-shake infinite 1s ease-in-out alternate;}
.list-bar.active .bar-reward p:nth-child(2):after{position: absolute;content: "";width: 35%;height: 42%;top: 16%;left: 60%;background: url(../images/ydc.png) no-repeat center center;background-size: contain;}

.list-box{height: 28.5rem;overflow: auto;}
.list-title{width: 30%;margin: 6% auto 3%;}
.list-title:nth-child(1){margin: 2% auto 3%;}
.list-hero, .list-props{display: flex;flex-wrap: wrap;}
.list-hero dd, .list-props dd{    width: 33%;margin-bottom: 3%;}
.list-hero dd img.nor, .list-props dd img.nor{display: block;}
.list-hero dd img.act, .list-props dd img.act{display: none;}
.list-hero dd.active img.nor, .list-props dd.active img.nor{display: none;}
.list-hero dd.active img.act, .list-props dd.active img.act{display: block;}
.list-down{width: 8%;margin: 4% auto 0;animation: animate-jump 0.8s linear infinite;}

.popup-follow-list .close{left: 90%;top: -4%;}
.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-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{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: 89%;font-size: 1.2rem;}
.popup-warn .pop-title:before, .popup-warn .pop-title:after{width: 6%;height: 43%;top: 31%;left: 77%;}
.popup-warn .pop-title:before{left: 13%;}
.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: 1rem;line-height: 2rem;background: #af824d54;width: 100%;display: block;margin-bottom: 2%;color: #7d594e;}
.popup-warn .pop-inner b:nth-child(5){margin-top: 3%;}
.popup-warn .pop-inner p{font-size: 0.85rem;line-height: 1.5rem;text-align: left;}
.popup-warn .pop-inner span{font-size: 0.85rem;color: #af4c4c;line-height: 1.5rem;display: block;}

.popup-dig{max-width: 25rem;padding: 2% 3% 2% 2%;background: url(../images/pop-map-bg.png) no-repeat center center;background-size: 100% 100%;}
.popup-dig .pic{position: relative;}
.popup-dig .pop-inner{width: 67%;position: absolute;top: 15%;left: 17%;}
.popup-dig .pop-inner span{display: block;}
.popup-dig .pop-inner p{    position: absolute;width: 84%;top: 84.5%;left: 8%;font-size: 0.75rem;color: #fffeec;line-height: 1.2rem;}
.popup-dig a.btn-confirm{position: relative;display: block;width: 61%; margin: 5% auto;}
.popup-dig .close{top: -2%;}

.popup-invite .pop-inner{    margin-top: 4%;}
.popup-invite .pop-inner p{color: #997b5e;}
.popup-invite .pop-inner p span{color: #dd5614;font-size: 1.4rem;padding: 0 1%;}
.popup-invite .pop-inner .inputbox{background: #a38d825c;padding: 4% 0;margin: 2% auto 6%;border-radius: 10px;width: 80%;color: #997b5e;}
.popup-invite .pop-inner .btn-box{display: flex;align-items: center;justify-content: space-between;flex-direction: inherit;}

@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% 3% 4% 3.5%;}
    .popup .pop-title{font-size: 1.5rem;}
    .pop-inner{    max-height: 24rem;}
    .popup .btn1{font-size: 1rem;line-height: 2.5rem;}
    .popup .btn2{font-size: 1rem;line-height: 2.5rem;}
    .popup-rule .pop-inner{font-size: 1rem;line-height: 1.5rem;}
    .finger-gif span{width: 28%;}
    .popup-store{max-width: 33rem;}
    .popup-reserve{max-width: 32rem;}
    .popup-start1{max-width: 30rem;}
    .popup-start2{max-width: 32rem;}
    .popup-start1 .countdown{font-size: 1.6rem;}
    .popup-start1 p{font-size: 1rem;}
    .popup-start1 .reserve-mess{left: 4.5%;}
    .broadcast{top: 69.5%;font-size: 0.9rem;}
    .broadcast li p{line-height: 1.8rem;}
    .popup-start2 .countdown{font-size: 1.3rem;top: 96.8%;}
    .popup-follow-list{width: 28%;max-width: 33rem;}
    .popup-follow-list .pop-title{top: -6%;}
    .popup-follow-list .btn-confirm{width: 65%;}
    .list-box{height: 36rem;overflow: auto;}
    .list-bar .bar-reward{top: -2%;}
    .list-bar p{font-size: 1rem;}
    .list-bar .bar p.bar-num{margin-top: 4%;}
    .list-title{width: 30%;}
    .popup-task{padding: 2% 3% 5% 3.5%;}
    .popup-task .pop-inner p{font-size: 1.1rem;line-height: 1.8rem;}
    .popup-task .task-list span{font-size: 0.9rem;}
    .popup-record{padding: 3% 3% 6% 3.5%;}

    .popup-dig{max-width: 32rem;padding: 3% 3% 2% 2%;}
    .popup-dig .pop-title{font-size: 1.8rem;margin: 0% 1% 9% 4%;}
    .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-record .pop-inner p{flex: 1 1 42%;font-size: 0.9rem;line-height: 1.7rem;}
    .num-code{font-size: 1rem;}
    .pop-selfclose span{    font-size: 1.3rem;}
}
@media(max-width:540px){
    .popup{padding: 7% 10% 18% 11%;max-width: 34rem;}
    .popup .pop-title{width: 56%;}
    .pop-inner{max-height: 21rem;font-size: 1.2rem;line-height: 1.8rem;}
    .popup .close{width: 1.5rem;top: -9%;}
    .popup .btn1{    font-size: 1.1rem;}
    .popup .btn2{    font-size: 1.1rem;}
    .popup .num-reser{font-size: 1.5rem;}
    .popup-normal .close{top: -20%;}

    .popup-reserve .btn-box a{width: 44%;}
    .popup-reserve .btn-box a:before{display: block;}
    .num-code{font-size: 1.2rem;}
    .popup-reserve .mid{flex-direction: column;width: 100%;}
    .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: 1.1rem;    padding: 0.6rem 0%;}
    .popup-record .pop-inner p:nth-child(2){font-size: 1.1rem;    padding: 0.6rem 0%;}

    .popup-store .num-code{width: 87%;left: 22%;}
    .popup-store .close{top: -2%;left: 92%;}

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

    .popup-follow-list{width: 100%;}
    .popup-follow-list .pop-title{width: 38%;}
    .popup-follow-list .close{top: -4%;}
    .list-bar p{font-size: 1.1rem;}
    .list-bar .bar-reward{top: 8%;}
    .list-bar .bar p.bar-num{font-size: 1rem;}
    .popup-task{width: 93%;}
    
    .popup-video{padding: 6% 6% 5% 7%;}

    .popup-start1{max-width: 32rem;}
    .popup-start1 .countdown{top: 49.2%;}
    .popup-start1 .reserve-mess{width: 92.5%;    left: 3.5%;}
    .popup-start1 .reserve-mess .phone-box{padding-left: 3%;}
    .popup-start1 .reserve-mess .phone-box .selectd{padding: 0 4% 0 6%;}
    .popup-start1 .reserve-mess a.btn-reserve{    width: 55%;}
    .popup-start1 .close{top: 3%;}
    
    .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: 96.6%;}
    .popup-start2 .countdown span{padding: 2% 0% 1%;}
    .popup-start2 .close{top: 2%;}

    .popup-dig{max-width: 35rem;padding: 3% 3% 4% 2%;}
    .popup-dig .pop-title{margin: 7% 1% 6% 4%;font-size: 1.85rem;}
    .popup-dig .pop-inner p{top: 117.5%;font-size: 1rem;}
    .popup-dig a.btn-confirm{animation: animate-zoom1 3s linear infinite;}

   

    .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-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);}
}