* {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:12px "syst","Microsoft YaHei";font-weight: normal;-webkit-text-size-adjust: 100%;background: #000;}
body {position: relative;color: #576bae;background: #070a0d;-webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0);}
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: #000;border-radius: 0;-webkit-border-radius: 0;border:none;}
img{border: none;max-width: 100%;width: 100%;vertical-align: middle;}
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: #000;}
.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: #d7d9e2;}
*::-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, rgba(255, 244, 227, 0.8), transparent, transparent );animation:animate-wipes 2s linear infinite;}
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;}
/*.section2{background: url(../images/bg1.jpg)no-repeat bottom center;background-size:100% 100%;}*/
.section3{background: url(../images/bg3.jpg)no-repeat center center;background-size: 100% 100%;padding: 2% 0 7.5%;}
.section4{background: url(../images/bg4.jpg)no-repeat bottom center;background-size: 100% 100%;padding: 0% 0 7%;margin-top: -1px;}
.section5{background: url(../images/bg5.jpg)no-repeat center center;background-size: 100% 100%;padding: 2% 0 8%;margin-top: -1px;}
.section6{background: url(../images/bg6.jpg)no-repeat center center;background-size: 100% 100%;padding: 3% 0 4%;margin-top: -1px;}
.section7{background: url(../images/bg7.jpg)no-repeat center center;background-size: 100% 100%;padding:3% 0 2%;}
/*.foot{background: url(../images/bgfoot.jpg)no-repeat center center;background-size: 100% 100%;}*/
.title{width: 40%;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: 66%;left: 82%;}
@media(max-width:1920px){
    html{font-size:10px;}
}
@media(max-width:1750px){
    html{font-size:9px;}
}
@media(max-width:1600px){
    html{font-size:8.5px;}
}
@media(max-width:1200px){
    html{font-size:8px;}
    .btn{font-size: 1.8rem;line-height: 3.6rem;}
}
@media(max-width:900px){
    html{font-size:10px;}
    .btn{font-size: 1.3rem;line-height: 2.6rem;}
}
@media(max-width:670px){
    html{font-size:8px;}
}
@media(max-width:540px){
    html{font-size:10px;}
    .pic-web{display: none;}
    .pic-wap{display: block;}
    .btn{font-size: 1.5rem;line-height: 2.4rem;}
    .section3{background: url(../images/bg3-wap.jpg)no-repeat bottom center;background-size:100% 100%;padding: 3% 0 12%;margin-top: -1px;}
    .section4{background: url(../images/bg4-wap.jpg)no-repeat center center;background-size: 100% 100%;padding: 6% 0 18%;}
    .section5{background: url(../images/bg5-wap.jpg)no-repeat center center;background-size: 100% 100%;padding: 2% 0 19%;}
    .section6{background: url(../images/bg6-wap.jpg)no-repeat center center;background-size: 100% 100%;padding: 6% 0 8%;}
    .section7{background: url(../images/bg7-wap.jpg)no-repeat center center;background-size: 100% 100%;padding: 3% 0 21%;}
}
@media(max-width:380px){
    html{font-size:9px;}
}


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: "微软雅黑";}
.select2-selection__placeholder{font-family: "微软雅黑";}
.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;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: "微软雅黑";}
.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: "微软雅黑";}
.select2-search__field::-webkit-input-placeholder {color: #af824d;}



.share-box{position: relative;}
.share-box-inner{text-align:center;font-size: 1rem;color: #fff;padding:3% 7%; position: absolute;content: "";bottom: 100%;left: 50%;transform: translate(-50%,0);display: none;justify-content: space-around;align-items: center;background: rgba(0,0,0,0.8);}
.share-box-inner a{color: #b1c2c3;}
.share-box-inner a .pic{width: 4rem;display: block;margin: 0 0.5rem;}
.share-box:hover .share-box-inner{display: flex;}

.head{opacity: 1;position: fixed;top: 0;left: 50%;transform: translate(-50%,0);width: 100%;z-index: 1000;display: flex;align-items: center;padding: 0 10%;justify-content: space-between;background: #0d1425a1;}
.head .logo{display: flex;    align-items: center;position: relative;z-index: 2;width: 9.5%;}
/*.head .logo .txt{color:#fffede;font-size: 1rem;    line-height: 1.6rem;display: none;}*/
/*.head .logo .txt h5{font-size: 1.6rem;color:#fffede;line-height: 2.4rem;}*/
.head .right-web{flex: 1;display: flex;justify-content: flex-end;align-items: center;}
.head .right-web .nav-cbl{flex: 1;display: flex;justify-content:center;align-items: center;}
.head .right-web .nav-cbl a.btn-record{display: none;}
.nav-cbl .head-right{display: flex;align-items: center;}
.nav-cbl .head-right li{list-style:  none;position: relative;}
.nav-cbl .head-right li a{font-size: 2rem; line-height: 5.2rem;position: relative;color: #fff;display: block;    padding: 0 2rem;}
.head-right li.active:before{position: absolute;content: "";width: 2rem;height: 1rem;left: 0;top: 45%;background: url(../images/head-dot.png)no-repeat center center;background-size: 100% 100%;transform: rotatey(180deg);}
.head-right li.active:after{position: absolute;content: "";width: 2rem;height: 1rem;right: 0;top: 45%;background: url(../images/head-dot.png)no-repeat center center;background-size: 100% 100%;}


.nav-cbl .head-right li a:first-child:before{display: none;}
.head .right-web .head-icon{display: flex;align-items: center;}
.head .right-web .head-icon a{margin-left: 1rem;width: 3.5rem;}
.head .right-wap{display: none;align-items: center;    justify-content: flex-end;position: relative;z-index: 2;}
.head .right-wap a{width: 8.5rem;display: inline-block;}

.head .hanbager{cursor: pointer;position: relative;width: 4rem;height: 4rem;    margin-left: 0.6rem;}
.head .hanbager div{position: absolute;width: 70%;height: 4px;background: #576bae;top:25%;left: 50%;transform: translate(-50%,-50%);}
.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%;}
body.scroll .head{opacity: 1;}
@media(max-width:900px){
.btn{line-height: 4.2rem;font-size: 1.4rem;padding-bottom: 0.3rem;}
.head{padding: 0 3%;}
.head .right-web .head-icon a{width: 2.8rem;}
.nav-cbl .head-right li a{line-height: 4.2rem;font-size: 1.3rem;}
}

@media(max-width:540px){
    .head{ padding: 2.5% 2% 2.5% 3%;opacity: 1;background-size: cover;}
    .head .logo{width: 80%;margin-bottom: -4%;}
    .head .logo .txt h5{line-height: 2rem;font-size: 1.4rem;}
    .head .logo .txt{font-size: 1rem;line-height: 1.2rem;}
    .head .right-wap{display: flex;}
    .head .right-wap a{width:60%;}
	.head .hanbager{width: 32px;height: 30px;display: block;z-index: 2;    border: 1px #576bae solid;}
	.head .hanbager div{width: 60%;height: 3px;}
    .head .right-web{position: fixed;content: "";width: 60%;height: 100vh; top: 0;left: 100%;z-index: 1;transition: all 1s ease;background:url(../images/bg7-wap.jpg)no-repeat right center;background-size: cover ;}
    .head.active .right-web{left: 40%;display: block;}
    .head .right-web .nav-cbl{position: absolute;width: 100%;top:50%;left: 50%;transform: translate(-50%,-50%);display: block;}
    .nav-cbl .head-right{width: 100%;display: block;}
    .nav-cbl .head-right li{display:block;font-size: 1.5rem;line-height: 5rem;position: relative;}
    .head .right-web .head-icon{position: absolute;bottom: 15%;left: 50%;transform: translate(-50%,0);}
    .head .right-web .head-icon a{width: 3.8rem;    margin: 0 0.5rem;}
    .nav-cbl .head-right li a{line-height: 5.2rem;      padding: 0 0 0 19%;}
    .nav-cbl .head-right li.active a, .nav-cbl .head-right li:hover a{background: none;}
    .head .right-web .nav-cbl a.btn-record{display: block;padding-left: 19%;line-height: 5rem;color: #fff;    font-size: 1.3rem;}
    .head-right li.active:before{left: 9%;top: 43%;}
    .head-right li.active:after{display: none;}
}
@media(max-width:350px){
	.head .hanbager{transform: scale(0.9);margin-left: 0;}
}



.section1{position: relative;overflow: inherit;z-index: 2;}
.banner-video{position: relative;width:8%;margin-left: 1%;}
.banner-video>img{position: relative;z-index: 2;}
.banner-video i{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;animation: animate-turn 5s linear infinite;    z-index: 0;}
.banner-box{position: absolute;content: "";width: 50%;bottom: 4%;left: 26%;text-align: center;}
.banner-box .num-reserve{display: flex;align-items: center; color: #fffede;line-height: 4rem;font-size: 5rem;text-shadow: 0 0 5px #000;justify-content: center;margin-bottom: 1%;}
.banner-box .num-reserve span{color: #fde19b;font-size: 6.5rem;}
.banner-box a.btn-join{display: block; width: 60%;margin: 0.5% auto;max-width: 50rem;animation:animate-zoom 3s linear infinite;}
.banner-card{position: absolute;width: 18%;top: 64%;left: 78%;animation: animate-jump 1s linear infinite;z-index: 5;}
.djs{text-align: center;font-size: 3rem;color: #ffffff;margin-bottom: 1%;text-shadow: 0 0 5px #353030;}
.djs p span{font-size: 4.5rem;color: #6f4f3c;margin: 0 5px;background: linear-gradient(180deg, #f1eee7, #cbb584);border: 1px #ffffff40 solid;min-width: 7.5rem;display: inline-block;line-height: 6rem;text-shadow: 0 0 5px #fff;}

.section2{position: relative;}
.sec2-1{position: absolute;top: 30%;left: 15%;width: 27%;}
.sec2-1-inner .phone-box .telephone{color: #000;font-size: 1.8rem;line-height: 5rem;height: 5rem;background: #fff;width: 11rem;}
.sec2-1-inner .phone-box{display: flex;align-items: center;justify-content: center;padding-left: 4%;background: #fff;color:#000;width: 94%;margin: 0 auto;border: solid 2px #070b1b;border-radius: 10px;}
.sec2-1-inner .phone-box .phone{color: #000;font-size: 1.8rem;line-height: 6rem;background: none;padding-left: 9%;flex: 1;}
.sec2-1-inner .phone-box:before{left: 37.5%;}
.sec2-1-inner a.btn-reser{width: 66%;position: relative;display: block;margin: 4% auto;animation: animate-zoom 3s linear infinite;}
.sec2-1 .reward-word{height: 400px;width: 68%;margin-left: 11%;}

.sec2-2{position: absolute;top: 27%;left: 58%;width: 25%;display: flex;}
.sec2-btn{width: 34%;margin-top: 22%;}
.sec2-btn a{display: block;margin-bottom: 4%;position: relative;overflow: hidden;}
.reward-word{margin-left: 13%;width: 50%;}
.reward-word .word-p{display: none;margin-left: 13%;font-size: 1.8rem;text-align: center;color: #fff;line-height: 3rem;background: url(../images/dot-2.png)no-repeat right center;background-size: 100% 100%;padding: 11% 5%;}
.reward-word:hover .word-p{display: block;}
.sec2-3{position: absolute;top: 60%;left: 57%;width: 26%;display: flex;}
.sec2-3 .reward-word{margin-left: 0%;margin-right: 11%;}
.sec2-3 a{width: 47%;margin-top: 34%;position: relative;overflow: hidden;    animation: animate-jump 1s linear infinite;}


.sec3-inner{position: relative;width: 78%;margin: 0 auto;}
.per-all{display:block;position: absolute;width: 100%;top: 0%;left: 0%;height: 100%;}
.per-int{display: none;}
.per-yh{position: relative;}
.per-all.active{display: none;}
.per-int.active{display: block;position: absolute;width: 100%;top: 1%;left: auto;}
.per-all a img.nor{display: block;}
.per-all a img.act{display: none;}
.per-all li{width: 37%;position: absolute;top: 7%;left: 0%;}
.per-all li:nth-child(2){top: 4%;left: 17%;width: 39%;}
.per-all li:nth-child(3){top: -2%;left: 38%;width: 23.5%;z-index: 5;}
.per-all li:nth-child(4){top: 11.5%;left: 50%;width: 37%;}
.per-all li:nth-child(5){top: 23.5%;left: 67%;width: 38%;z-index: 2;}
.per-all li:hover a img.nor{display: none;}
.per-all li:hover a img.act{display: block;}

.per-mat{display: flex;flex-direction: row-reverse;position: relative;}
.per-mat .per-pic{width: 80%;margin-top: -8%;margin-left: -16%;margin-right: 4%;    margin-bottom: 0.6%;}
.per-mat .per-word{width: 20%;margin-top: 7%;}
.per-back{position: absolute;width: auto;top: 25%;right: 5%;z-index: 10;}

.per-tx{display: none;}
.per-btn{position: absolute;width: 16%;bottom: 9%;left: 37%;transform: rotate(4deg);z-index: 10;}
.per-btn a{display: block;}
.per-btn .btn-team-act{display: none;}
.per-btn.active .btn-team-act{display: block;}
.per-btn.active .btn-team{display: none;}
.swiper-button-prev4{position: absolute;content: "";width: 5%;height: 9%;top: auto;bottom: 50%;left: 7%;background: url(../images/arrow-role.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotatey(180deg);cursor: pointer;z-index: 20;}
.swiper-button-next4{position: absolute;content: "";width: 5%;height: 9%;top: auto;bottom: 34%;right: 4%;background: url(../images/arrow-role.png)no-repeat center center;background-size: 100% 100%;padding: 0%;cursor: pointer;z-index: 20;}




.sec4{display: flex;width: 70%;margin: 0 auto;justify-content: center;}
.sec4 .left-box{display: flex;flex-direction: column;position: absolute;top: 21.5%;left: 29%;width: 60%;}
.sec4 .sec4-invite{display: flex;flex-direction: column;position: absolute;top: 47%;width: 65%;left: 27%;z-index: 5;}
.sec4 .sec4-invite .invite-box{text-align: center;}
.sec4 .sec4-invite .invite-box li{width: 26%;margin: 0 2%;display: inline-block;position: relative;}
.sec4 .sec4-invite .invite-box li span{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;opacity: 0;}
.sec4 .sec4-invite .invite-box li.active span{opacity: 1;}
.sec4 .sec4-invite .invite-inner{width: 58%;margin: 0 auto;}
.sec4 .sec4-invite .invite-inner a{display: block;margin-bottom: 5%;}
.sec4 .sec4-invite p{text-align: center;font-size: 1.5rem;color: #ffff;margin: 3% 0;}

.sec4-left{width: 31.61%;position: relative;}
.sec4-right{width: 59%;position: relative;}
.sec4 .left-box .broadcast{margin-bottom: 10%;text-align: center;}
.broadcast p{    white-space: nowrap;font-size: 1.5rem;color: #dcdbf0;padding: 1% 0;list-style: none;}
.sec4 .left-box .bar-inner{display: flex;justify-content: space-around;font-size: 1.8rem;}
.sec4 .left-box .bar-inner a{color: #fff;text-decoration: underline;}

.sec4-right .box{position: absolute;width: 87%;top: 0%;left: 0%;z-index: 5;}
.sec4-right .draw li{transform: rotate(270deg);display: inline-block;position: absolute;width: 33%;top: 27%;left: 10%;}
.sec4-right .draw li:nth-child(2){transform: rotate(450deg);left: 56%;}
.sec4-right .draw li:nth-child(3){transform: rotate(315deg);top: 10.5%;left: 17%;}
.sec4-right .draw li:nth-child(4){transform: rotate(495deg);top: auto;left: 50%;bottom: 10%;}
.sec4-right .draw li:nth-child(5){transform: rotate(405deg);top: 11%;left: 50%;}
.sec4-right .draw li:nth-child(6){transform: rotate(225deg);top: auto;left: 17.5%;bottom: 9.5%;}
.sec4-right .draw li:nth-child(7){transform: rotate(360deg);top: 4%;left: 33.5%;}
.sec4-right .draw li:nth-child(8){transform: rotate(180deg);top: auto;left: 34%;bottom: 3%;}
.sec4-right .draw li img.nor{display: inline-block;}
.sec4-right .draw li img.act{display: none;}
.sec4-right .draw li.active img.nor{display: none;}
.sec4-right .draw li.active img.act{display: inline-block;}
.sec4-right .draw li img.unlock{display: none;}
.sec4-right .draw li.lottery-unit.lottery-unit-6 img.unlock{display: block;}
.sec4-right .draw li.lottery-unit.lottery-unit-7 img.unlock{display: block;}
.sec4-right .draw li.lottery-unit.lottery-unit-6.active img.unlock{display: none;}
.sec4-right .draw li.lottery-unit.lottery-unit-7.active img.unlock{display: none;}
.sec4-right .draw li.lottery-unit.lottery-unit-6 img.nor{display: none;}
.sec4-right .draw li.lottery-unit.lottery-unit-7 img.nor{display: none;}
.sec4-right .box a{width: 38%;position: absolute;top: 32%;left: 31%;}
.sec4-right .box a p{position: absolute;width: 100%;bottom: 20%;text-align: center;font-size: 2rem;color: #574716;}
.sec4 .btn-gain{position: absolute;width: 5%;bottom: 13%;right: 26%;z-index: 5;cursor: pointer;}
.sec4 .btn-gain span{position: absolute;width: 54%;bottom: -19%;right: 72%;animation: animate-jump 1s linear infinite;}
.sec4 .per-gif{display: flex;position: absolute;top: 50%;left: auto;justify-content: space-between;width: 79%;}
.sec4 .per-gif img{width: 20%;}


.section5{position: relative;}
.section5 .title{margin: 0 auto 6%;}
.test{position: relative;}
.test:after{position: absolute;content: "";width: 7%;height: 150%;left: 0%;top: -26%;background: url(../images/test-dot.png)no-repeat center center;background-size: 100% 100%;z-index: 2;}
.sec5-test{position: absolute;width: 100%;top: 0%;left: 0%;text-align: center;height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.sec5-test p{color: #2e457b;font-size: 3rem;line-height: 6rem;}
.sec5-test .choose{display: flex;font-size: 2.5rem;margin-top: 3%;justify-content: space-evenly;width: 100%;}
.sec5-test .choose a{color: #fff;position: relative;z-index: 2;}
.sec5-test .choose a:after{position: absolute;content: "";width: 140%;height: 85px;left: -31%;top: 53%;transform: translate(0,-50%);background: url(../images/btn-a-2.png)no-repeat center center;background-size: contain;z-index: -1;}
.sec5-test .choose a.begin{position: relative;z-index: 2;}
.sec5-test .choose a.begin:after{position: absolute;content: "";width: 249%;height: 80px;left: -105%;top: 53%;transform: translate(0,-50%);background: url(../images/btn-a-1.png)no-repeat center center;background-size: contain;z-index: -1;}
.test-word .swiper-slide-prev:after {position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0;background: url(../images/test-bg-dot.png)no-repeat center center;background-size: 100% 100%;z-index: 3;}
.test-word .swiper-slide-next:after {position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0;background: url(../images/test-bg-dot.png)no-repeat center center;background-size: 100% 100%;}
.sec5-test .choose a.active:before{position: absolute;content: "";width: 100%;height: 80px;left: 54%;top: 53%;transform: translate(0,-50%);background: url(../images/dot-4.png)no-repeat center center;background-size: contain;z-index: 0;}
.sec5-test .choose a:hover:before{position: absolute;content: "";width: 100%;height: 80px;left: 54%;top: 53%;transform: translate(0,-50%);background: url(../images/dot-4.png)no-repeat center center;background-size: contain;z-index: 0;}
.sec5-test .choose a.begin:hover:before{left: 70%;}



.section6{position: relative;}
.section6 .title a{width: 73%;position: relative;display: block;margin: -5% auto 15%;}
.sec6{width: 77%;margin: 0 auto;position: relative;}
.section6 .sz{position: absolute;z-index: 2;width: 100%;left: 0%;top: 19%;pointer-events: none;}
.sec6 .milestone{position: relative;margin: 0 auto;display: flex;justify-content: center;}
.sec6 .milestone dd{width:17%;position: relative;margin: 0 1%;display: block;
    -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;}
.sec6 .milestone dd:nth-child(1){animation-delay: -4s;}
.sec6 .milestone dd:nth-child(2){margin-top: 7%;animation-delay: -1s;}
.sec6 .milestone dd:nth-child(3){animation-delay: -3s;}
.sec6 .milestone dd:nth-child(4){margin-top: 7%;animation-delay: -2s;}
.sec6 .milestone dd:nth-child(5){animation-delay: -4s;}
.sec6 .milestone dd .pic img.nor{display: block;}
.sec6 .milestone dd .pic img.act{display: none;;}
.sec6 .milestone dd.active .pic img.nor{display: none;}
.sec6 .milestone dd.active .pic img.act{display: block;;}
.sec6 .milestone dd .ydc{position: absolute;content: "";width: 45%;top: 28%;left: 65%;display: none;}
.sec6 .milestone dd.active .ydc{;display: block;}
.sec6 .milestone dd .reward-word{display: none;font-size: 1.8rem;text-align: center;color: #fff;line-height: 3rem;background: url(../images/dot-2.png)no-repeat right center;background-size: 100% 100%;padding: 11% 5%;position: absolute;width: 100%;top: 8%;left: 0%;margin-left: 0;z-index: 2;}
.sec6 .milestone dd:hover .reward-word{display: block;}


.sec7{width: 66%;margin: 0 auto;}
.secpic{position: relative;}
.pic-feature{padding-bottom: 1rem;}
.pic-feature .swiper-slide{padding: 1.5%;transform: scale(0.9);position: relative;z-index: 1;opacity: 0.8;}
.pic-feature .swiper-slide:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,55%); transform: scale(0.93);}
.pic-feature .swiper-slide.swiper-slide-active{transform: scale(1);z-index: 3;opacity: 1;}
.pic-feature .swiper-slide.swiper-slide-active:after{display: none;}
.pic-feature .swiper-pagination{position: relative; bottom: 0;display: flex;align-items: center;justify-content: center;}
.pic-feature .swiper-pagination:before,.pic-feature .swiper-pagination:after{position: absolute; content: "";width: 25%;height: 1px; left: 0;top: 50%;transform: translate(0,-50%);}
.pic-feature .swiper-pagination:after{left: auto;right: 0;transform: translate(0,-50%) rotateY(180deg);}
.pic-feature .swiper-pagination-bullet{opacity: 1;width: 1rem;height: 1rem; background: #cbdaff;   margin: 0 1.5%!important; border-radius: 50%;}
.pic-feature .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 2rem;height: 1.5rem;border-radius: 0; background: url(../images/sec6-dot-active.png)no-repeat bottom center;background-size: 100% 100%;}
.sec7 .swiper-button-prev1,.sec7 .swiper-button-next1{position: absolute;width: 8rem;height: 6rem;z-index: 10;cursor: pointer;top: 50%;left: -5%; background: url(../images/arrow-role.png)no-repeat center center;background-size: contain;}
.sec7 .swiper-button-next1{right: -5%;left: auto;}
.swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}
.sec7 .swiper-button-prev1{transform: rotateY(180deg)}
.sec7 .swiper-button-prev1:after,.sec6 .swiper-button-next1:after{display: none;}

.page-notice{position: relative; width: 60%;margin: 1% auto 8%;color: #dfecff;font-size: 1.3rem;line-height:2rem;}
.page-notice h3{margin-bottom: 0.5rem;}

.foot-link{display: flex;justify-content: center;align-items: center;position: relative;z-index: 3;}
.foot-link:before{position: absolute; content: "";width: 37%;height: 100px; left: 50%;top: 50%;transform: translate(-50%,-50%);background: url("../images/foot-bg.png")no-repeat center center;background-size: 100% 100%;z-index: -1;}
.foot-link a{margin: 0 2%;text-align: center;display: block;color: #cbdaff;font-size: 1.2rem;}
.foot-link a .pic{width: 4rem;margin-bottom: 2%;display: inline-block;}
.foot-link a .word{display: block;}

.foot{padding: 1% 0;width:60%;margin:0 auto;color: #949494;font-size: 0.9rem;line-height: 1.3rem; }
.copyright{display: flex;align-items: flex-start;justify-content: space-between;}
.copyright .foot-box{display: flex;align-items: flex-start;justify-content: flex-start;flex: 1;}
.foot-left{display: flex;margin-right:1rem;}
.foot-left a{display: inline-block;width: 4rem;margin-right: 2%;}
.foot .ri{color: #949494;font-size: 1rem;line-height: 1.5rem;text-align: right;}
.foot .ri a{color: #cbdaff;}

.foot-btn{width: 100%;margin: 0 auto;text-align: center;display: none;}
.foot-btn a{font-size: 1.5rem;color: #dfecff;}

.section7 p.gz{width: 17%;margin: 2% auto 0;}


/*公共飘窗样式*/
.fc{position: fixed;width: 12%;right: 0;top: 50%;transform: translate(0,-50%);text-align: center;z-index: 3;transition: all 1s ease;opacity: 0;}
.fc.active{transform:translate(85%,-50%);transition: all 1s ease;}
.fc .pic{position: relative;margin-bottom: 45%;width: 80%;margin-left: 9%;}
.fc .pic a{position: absolute;width: 100%;top: 0;left: 0;display: block;}
.fc.active .fc-close{opacity: 1;}
.fc .fc-btn{background: url(../images/fc-bg.png);background-size: 100% 100%;padding: 37% 8% 14% 7%;width: 83%;margin: 0 auto;}
.fc .fc-btn a{font-size: 2rem;line-height: 4rem;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;padding: 2% 5%;}
.fc .fc-btn a span{height: 2.2rem;margin: 0 0.4rem;line-height: 0;margin-left: -10%;}
.fc-close{position: absolute;width: 15%;top: 50%;left: 0;transform: translate(0,-50%);opacity: 0;}
.btn-top{position: relative;width: 23%;display: flex;margin: 0 auto;transform: translate(2%,-50%);align-items: flex-end;}
.btn-top span{color: #fff;position: absolute;content: "";width: 100%;bottom: 18%;left: 0;text-align: center;font-size: 1.5rem;line-height: 5rem;transform: scale(0.9);top: 3%;}

body.scroll .fc{opacity: 1;}



@media(max-width:1650px){

    .fc .fc-btn a.btn span{ font-size: 1.6rem;}
}
@media(max-width:1200px){
    .fc .fc-btn a.btn span{ font-size: 1.4rem;}
}
@media(max-width:900px){
	.fc{width: 12%;transform: translate(0,-23%);}
    .btn-top span{font-size: 0.8rem;line-height: 0.8rem;transform: scale(1);}
}
@media(max-width:540px){
    .fc{display: none;}
}


.fc-bot{position: fixed;content: "";width: 100%;bottom: 0;left: 0;z-index: 1000;opacity: 0;display: none;}
.fc-bot .pic{pointer-events: none;}
.fc-bot a{position: absolute;content: "";width: 33%;bottom: 7%;right:2%;z-index: 3;}


/*.fc-bot-pic{position: fixed;bottom: 0;left: 50%;width:100%;z-index:200000;display: none;max-width: 550px;transform: translate(-50%,0);pointer-events: none;}*/
/*.fc-bot-btn{position: fixed;bottom: 0;left: 50%;width:100%;z-index:200000;display: none;max-width: 550px;transform: translate(-50%,0);}*/
/*.fc-bot-btn span.btn{position: absolute;width: 30%;bottom: 26%;right: 1.5%;font-size: 1.8rem;line-height: 4rem;animation: animate-zoom 2s linear infinite;}*/
/*.fc-bot-pic.active{display: block;}*/
/*.fc-bot-btn.active{display: block;}*/

.copy{color: #c2523c;}
.sm{color: #dac9b8;   line-height: 26px; font-size: 1.4rem;padding-bottom: 2%;margin-bottom: 2%;border-bottom: 1px rgba(255,255,255,0.1) solid;}
.sm b{font-size: 2rem;}

.pic-card{position: relative;}
.pic-card .bg{position: relative;z-index: 3;pointer-events: none;}
.pic-card .card{position: absolute;content: "";width: 93%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pic-card .card .real{position: absolute;content: "";width: 100%;top:0%;left: 0%;display: none;}
.pic-card .zs{position: absolute;content: "";width: 200%;top: 57%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.popup .pic-card{position: relative; width: 50%;margin:3% auto;}
.popup .auto-90{width: 90%;margin: 0 auto;}
.popup .pop-inner .name{color: #35f3f1;}
.popup .word-jb{background: linear-gradient(#fff,#e4ec6e);color: transparent;-webkit-background-clip: text;font-size: 1.6rem;}

.popup{max-width: 500px;width:25%;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%; ; padding:3rem 2rem;  z-index: 10;}
.popup.pop-nobg{background: none;padding: 0;}
.popup .pop-title{line-height: 3.5rem; font-size: 2.2rem;color: #2b2b2b; text-align: center;margin-bottom: 3%;}
.popup .pop-title span{display: inline-block;font-size: 3rem;}
.pop-inner{color: #2b2b2b;font-size: 1.4rem;line-height: 2rem;max-height:69rem;overflow: auto;}
.pop-inner span{color: #fff000;}
.popup p{font-size: 1.5rem;line-height: 3rem;}
.popup .copy{color: #576bae;text-decoration: underline;}
.popup .close{position: absolute;top: 0%; left: 101%;width: 3rem;cursor: pointer; }
.popup .btn-box{margin-top:  2%;}
.popup .btn{padding: 3% 0%;background: url(../images/btn-2.png)no-repeat center center;background-size: 100% 100%;width: 38%;display: block;margin: 1% auto;font-size: 2rem;}
.font-samll{font-size: 1rem;}

.popup .num-reser{text-align: center;font-size: 2rem;color: #2b2b2b;    padding: 2% 5%;line-height: 2rem;}
.popup .num-reser span{color: #c78333;}
.popup .num-reser span.num{color: #c78333;}
.popup .num-reser .copy{margin-left: 0.5rem;color: #576bae;}

/*.popup .pic-card{background: url(../images/card-bg.png)no-repeat center center;background-size: 100% 100%;padding: 5% 1%;}*/

/*.popup-start{display: block}*/
.popup-start{text-align: left;width: 53%;max-width: none;}
.popup-start .close{top: auto;bottom: 79%;left: 95%;}
.popup-start .pop-reser-box{position: absolute;content: "";width: 50%;left:54%;top: 73%;transform: translate(-50%,0);text-align: center; }
.popup-start .pop-reser-box .phone-box{display: flex;align-items: center;justify-content: center;padding-left: 4%;background: #fff;color: #000;width: 94%;margin: 0 auto;border: solid 2px #070b1b;border-radius: 10px;}
.popup-start .pop-reser-box .phone-box .telephone,.popup-start .pop-reser-box .phone-box input.phone{line-height: 5.2rem;font-size: 2rem;color: #000;background: none;width: 13rem;}
.popup-start .pop-reser-box .phone-box input.phone{flex: 1;padding-left: 7%;}
.popup-start .pop-reser-box .agree{margin: 1% auto;font-size: 1rem;color: #000;line-height: 1.5rem;}
.popup-start .pop-reser-box .btn-reser{width: 80%;margin:2% auto 0 6%;position: relative;display: inline-block;    animation: animate-zoom 3s linear infinite;}
.popup-start .pop-reser-box .btn-reser .reward{position: absolute;content: "";width:24%;bottom: 0%;left: 75%;transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;display: none;}
.popup-start .countdown{position: absolute;content: "";display: flex;justify-content: space-between;width: 29.5%;left: 54%;top: 19.5%;transform: translate(-50%,0);font-size: 6rem;line-height: 3rem;color: #144691;}

/*.popup-record{display: block}*/
.popup-record .pop-inner div{display: flex;justify-content: space-between;padding: 0.3rem 0;text-align: left;align-items: center;}
.popup-record .pop-inner p{flex: 1 1 40%;line-height: 1.8rem;padding: 1rem;background: url(../images/pop-dot.png)no-repeat center center;background-size: 100% 100%;margin: 0 1%;}
.popup-record .pop-inner p:nth-child(2){color: #123f75;}
.popup-record .pop-inner a{width: 10rem;display: block;min-width: inherit;    line-height: 4rem;font-size: 1.4rem;text-align: center;text-decoration:none;color: #2b2b2b;padding: 0;}
.popup-record .pop-inner a.btn1{background: url(../images/btn-1.png)no-repeat center center;background-size: 100% 100%; }
.popup-record .pop-inner a.btn{background: url(../images/btn-2.png)no-repeat center center;background-size: 100% 100%; }

/*.popup-reserve{display: block}*/
.popup-reserve{width: 31%;max-width: none;opacity: 0;pointer-events: none;display:block;}
.popup-reserve .pop-title{display: none;}
.popup-reserve .pop-inner{position: absolute;width: 63%;top: 88%;right: 14%;}
.popup-reserve .pic{position: absolute;content: "";width: 43%; bottom: 0%;right: 50%;}
.popup-reserve .reserve-btn{width: 100%;display: flex;margin: 0 auto;margin: 1% auto;}
.popup-reserve a{animation: animate-zoom 3s linear infinite;position: relative;display: block;overflow: hidden;}
.popup-reserve .pic a.btn-and{right: 7%;}
.popup-reserve .broadcast-2{margin-bottom: 20px;position: absolute;width: 100%;top: 41%;left: 7%;padding: 0 13% 0 8%;max-height: 3rem;}
.popup-reserve .broadcast-2 .bd{overflow: hidden;}
.popup-reserve .broadcast-2 li{width: auto!important;padding-right: 40px;color: #fff;}
.popup-reserve .broadcast-2 li p{display: inline-block;line-height: auto;}
.popup-reserve .broadcast-2 li span{color: #fae286;}
/*.popup-reserve .broadcast-2 li{white-space: nowrap;font-size: 1.8rem;color: #dcdbf0;padding: 1% 0;list-style: none;}*/
.popup-reserve .close{left: 94%;}

/*.popup-store{display: block}*/
.popup-store{background: none;max-width: none;width: 55%;}
.popup-store .pop-inner{position: absolute;top: 85%;left: 31%;width: 38%;}
.popup-store .btn-sotre{width: 71%;display: inline-block;animation: animate-zoom 3s linear infinite;}
.popup-store .close{top: 18%;left: 86%;}



/*.popup-like{display: block}*/
.popup-like .btn-disgroup{width: 66%;display: inline-block;margin-top: 2%;animation: animate-zoom 3s linear infinite;background: none;display: none;}
.popup-like a.action-fb-club-click{width: 66%;display: inline-block;margin-top: 2%;animation: animate-zoom 3s linear infinite;background: none;}
.popup-like a.add-opera-record{width: 66%;display: inline-block;margin-top: 2%;animation: animate-zoom 3s linear infinite;background: none;}
.popup-like .pic-reward{margin: 3% auto;width: 80%;;}


/*.popup-gain{display: block}*/
.popup-gain .task-chance-bg{display: block;padding: 0;background: none;width: 88%;margin: 0 auto 2%;}
.popup-gain .task-chance-bg>.pic{width: 100%;position: relative;margin: 0 auto;}
.popup-gain .task-chance-bg .pic .task-chance{width: 100%;top: 0%;position: absolute;left: -3%;height: 100%;}
.popup-gain .task-chance-bg .pic .task-chance dd{position: absolute;width: 100%;top: 1%;left: 0;content: "";display: flex;justify-content: flex-end;}
.popup-gain .task-chance-bg .pic .task-chance dd:nth-child(2){    top: 15.5%;}
.popup-gain .task-chance-bg .pic .task-chance dd:nth-child(3){    top: 30%;}
.popup-gain .task-chance-bg .pic .task-chance dd:nth-child(4){    top: 44.5%;}
.popup-gain .task-chance-bg .pic .task-chance dd:nth-child(5){    top: 59%;}
.popup-gain .task-chance-bg .pic .task-chance dd:nth-child(6){    top: 73.5%;flex-direction: column;align-items: flex-end;}
.popup-gain .task-chance-bg .pic .task-chance dd:nth-child(7){top:88%;}
.popup-gain .task-chance-bg .pic .task-chance dd .share-box>.share-box-inner{width: auto;padding: 2% 8%;}
.popup-gain .task-chance-bg .pic .task-chance dd>a.btn{width: 33%;min-width: auto;}
.popup-gain .task-chance-bg .pic .task-chance dd a.btn{line-height:3rem;z-index: 5;position: relative;margin: 0;font-size: 1.7rem;}
.popup-gain .invited-box{display: flex;width: 80%;margin: 4% auto;display: none;}
.popup-gain .invited-box li{width: 20%;position: relative;}
.popup-gain .invited-box li a span{color: #2b2b2b;}
.popup-gain .invited-box li span{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;opacity: 0;}
.popup-gain .invited-box li.active span{opacity: 1;}

/*.popup-bounty-rule{display: block}*/
.popup-bounty-rule{width: 40%;}
.popup-bounty-rule .card-rule{text-align: left;}


/*.popup-invite{display: block}*/
.popup-invite{width: 40%;background: url(../images/pop-bg-2.jpg)no-repeat center center;background-size: 100% 100%;border-radius: 10px;}
.popup-invite p{font-size: 2rem;line-height: 3rem;}
.popup-invite p span{vertical-align: bottom;width: 29%;display: inline-block;}
.popup-invite .num-create{line-height: 5rem;width: 90%;margin: 2% auto;background: #96a2bdd9;font-size: 1.8rem;display: flex;align-items: center;justify-content: center;}
.popup-invite .num-create span{width: 50%;position: relative;display: inline-block;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 2.5rem;}
.popup-invite .num-create a{margin-left: 3%;}
.popup-invite .btn-box a{margin: 4% auto 0;background: url(../images/btn-3.png)no-repeat center center;background-size: 100% 100%;color: #fff;}




/*.popup-group{display: block}*/
.popup-group{width: 40%;background: url(../images/pop-bg-2.jpg)no-repeat center center;background-size: 100% 100%;border-radius: 10px;padding: 3rem 2rem 5rem;}
.popup-group .pop-inner{overflow: inherit;}
.popup-group .btn-sure{display: inline-block;position: relative;width: 40%;}
.popup-group .btn-sure a{width: 93%;padding: 8% 0%;background: url(../images/btn-1.png)no-repeat center center;background-size: 100% 100%;}
.popup-group .btn-sure p{position: absolute;width: 100%;left: 0%;top: 77%;font-size: 1.2rem;line-height: 4rem;}
.popup-group a.btn{display: inline-block;}



/*.popup-pmd{display: block}*/
.popup-pmd{width: 15%;}
.popup-pmd .pop-inner{position: absolute;width: 80%;top: 5%;left: 50%;transform: translate(-50%, 0);overflow: inherit;}
.popup-pmd .pop-title{font-size: 3.5rem;color: #fff;margin-top: 19%;}
.popup-pmd .pop-reward{width: 80%;margin: 8% auto 20%;}
.popup-pmd p{color: #fff;font-size: 2.5rem;}
.popup-pmd p a.btn{background: none;display: inline-block;font-size: 2.5rem;width: 50%;text-decoration: underline;color: #ffe8a2;}


/*.popup-test{display: block}*/
.popup-test{width: 44%;max-width: none;}
.popup-test .pop-inner{position: absolute;top: 9%;left: 3%;width: 94%;}
.popup-test .test-a{display: flex;align-items: center;}
.popup-test .pop-title{font-size: 3.5rem;color: #fff;margin-top: 19%;}
.popup-test a.btn{width: 23%;padding: 2% 3%;margin-left: 9%;text-align: left;position: relative;}
.popup-test a.btn:after{position: absolute;content: "";width: 6rem;height: 5rem;right: 5.5%;top: 0%;background: url(../images/dot-5.png)no-repeat center center;background-size: contain;}
.popup-test .test-b{text-align: left;}
.popup-test .test-b p{font-size: 1.8rem;}
.popup-test .test-c p{font-size: 1.8rem;}
.popup-test .test-c{text-align: left;margin-left: 4%;}


/*.popup-share{display: block}*/
.popup-share{width: 34%;max-width: none;}
.popup-share .pop-inner{position: absolute;top: 13%;left: 16%;width: 69%;}
.popup-share .pop-inner p{font-size: 2rem;color: #2b2b2b;text-align: left;}
.popup-share .pop-inner .num-reser{text-align: left;padding: 2% 0;}
.popup-share .pop-title span{    color: #2b2b2b;font-size: 3.5rem;}
.popup-share p.check{text-align: center;margin-top: 2%;}
.popup-share p.check a{color: #c78333;}

/*.popup-job{display: block}*/
.popup-job{width: 30%;max-width: none;padding: 3% 1%;}
.popup-job .pop-inner{display: flex;}





.pop-video{min-height: 56%;max-width: 800px;width: 100%;}
.pop-video iframe{width: 100%;height: 500px;}

.popup_tip .pop_title{line-height: 3.5rem;font-size: 2.2rem;color: #fff;text-align: center;margin-bottom: 3%;background: url(../images/pop-title-bg.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;}

.popup .mtb3{margin:3% auto; }
@media(min-width:540px){
.secpic.secpic-avator .swiper-wrapper .swiper-slide{width: 100%!important;}
}
@media(max-width:1920px){
/*.sec2-1-inner .phone-box .phone{line-height: 5rem;}*/
}
@media(max-width:1550px){
    .foot{width: 80%;}
}
@media(max-width:1300px){
    .popup{width:33%;}
    .popup-reserve{width:65%;}
    .popup-gain .task-chance-bg .pic .task-chance dd a.btn{padding: 2% 0%;font-size: 1.5rem;}
}
@media(max-width:900px){
    .banner-box .num-reserve{font-size: 2rem;line-height: 2rem;}
    .banner-box .num-reserve span{font-size: 2.5rem;line-height: 2.5rem;}
    .banner-box a.btn-join{width: 32%;}
    .title{width: 48%;}
    .title-2,.title-2 span{font-size: 1.6rem;line-height: 2rem;}
    .sec2{width: 78%;}
    .sec2-1-inner .phone-box .phone,.sec2-1-inner .phone-box .telephone{font-size:1.2rem;line-height: 4rem; height: 4rem;background: #fff;    border-radius: 10px;}
    .sec3-inner .btn-box a.btn{width: 100%;}
    .sec3-inner .btn-box.mt{margin: 0.3rem auto;}
    .sec3-inner .card-right .btn-box.mt{margin-top: 3rem;}
    .secpic.secpic-avator .swiper-wrapper .swiper-slide:before, .secpic.secpic-avator .swiper-wrapper .swiper-slide:after{width: 0.2rem;height: 0.2rem;}
    .section5 .title-2 span{font-size: 2.2rem;}
    .sec6 .btn-box>a,.sec6 .btn-box .share-box{width: 17%;}
    .sec6{top: 2%;width: 73%;}
    .sec6 .swiper-button-prev1, .sec6 .swiper-button-next1{width: 6rem;height: 1.5rem;}
    .pic-feature .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;    margin: 0 2.5%!important;}
    .pic-feature .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1.5rem;height: 2rem;}
    .page-notice{width: 80%;}
    .foot{width: 94%;}
    .nav-cb{width: 11%;}
    .nav-cb a{font-size: 1rem;line-height: 3rem;}
    .nav-cb a .icon{height: 1.3rem;}
    .nav-cb a .icon img{height: 1.3rem;}
    .nav-cb .link-top{font-size: 1rem;line-height: 1.5rem;}
    .popup{width: 36%;padding: 2% 2%;}
    .popup .pop-title{font-size: 1.5rem;}
    .popup .pop-title span{font-size: 1.8rem;}
    .popup .num-reser{font-size: 1.2rem;}
    .popup-start .countdown{font-size: 2.4rem;line-height: 2.4rem;}
    .popup.popup-record{width: 60%;}
    .pop-inner{max-height: 32rem;}
    .popup p{font-size: 1.3rem;line-height: 1.8rem;}
    .popup .word-jb{font-size: 1.3rem;}
    .popup-my-card-bag .nav-bot{max-height: 38rem;overflow: auto;}
    .popup-my-card-bag .titles{top: 8.5%;}
    .popup-gain .task-chance-bg .pic .task-chance dd a.btn{font-size: 1.2rem;}
    .task-chance dd .invited-box li{width: 4rem;}


}
@media(max-width:540px){
    .title{width: 99%;margin-bottom: 3%;}
    .title-2{line-height: 3rem;margin-top: -3%;}
    .banner-box{top: 80%;width: 100%;left: 0%;}
    .banner-box a.btn-join{width: 68%;    margin-top: 2%;}
    .banner-video{width: 9%;}
/*    .banner-video{width: 11%;position: absolute;right: 19%;top: 28%;}*/
    .banner-box .num-reserve{margin-left: -12%;}
    .banner-card{width: 40%;top: 47%;left: 59%;}
    .djs{font-size: 1.5rem;margin-bottom: 4%;}
    .djs p span{font-size: 2rem;line-height: 3rem;min-width: 3rem;}
    
    
    .sec2{width: 90%;}
    .sec2-1{height: 36%;top: 18%;left: 7%;width: 87%;}
    .sec2-1-inner{width: 87%;margin: 0 auto;}
    .sec2-1-inner .phone-box .telephone{width: 9rem;}
    .sec2-1-inner .btn-reser{width: 96%;margin-top: 1%;}
    .sec2-1-inner .phone-box{width: 100%;}
    .sec2-1 .reward-word{height: 150px;width: 100%;margin-left: 0;}
    .reward-word{height: 150px;width: 100%;margin-left: 0;}
    .reward-word .word-p{margin: 0 auto;font-size: 1.3rem;padding: 5% 5%;width: 50%;line-height: 2.5rem;}
 
    .sec2-2{width:86%;top: 50%;left: 7%}
    .sec2-btn{width: 100%;margin-top: 20%;}
    .sec2-2 .reward-word .word-p{margin: 17%;width: 80%;}
    .sec2-2 a.btn-ios, .sec2-2 a.btn-and{width: 79%;left: 21%;top:25%}
    .sec2-3{width:82%;top: 72%;left: 7%;justify-content: space-around;align-items: center;}
    .sec2-3 .reward-word{margin-left: 0%;width: 42%;margin-right: 0%;height: 135px;}
    .sec2-3 .reward-word .word-p{margin: 17% 9%;width: 80%;}
    .sec2-3 a{width: 50%;margin-top: 18%;}
    
    
    
    .section3 .sec3{top: 12%;}
    .sec3-inner{width: 100%;}
    .per-all{display: none;}
    .per-int{display: block;}
    .sec3-inner img.sec3-pic{display: none;}
    .per-mat .per-pic{width: 100%;margin-top: 0;margin-left: 0;margin-right: 0;}
    .per-mat .per-word{left: 3%;width: 38%;margin-top: 14%;position: absolute;}
    .per-back{display: none;}
    .per-btn{width: 35%;left: 50%;transform: translate(-50%,0);bottom: 14%;}
    .per-tx{display: block;width: 80%;position: absolute;bottom: 1%;left: 50%;transform: translate(-50%, 0);z-index: 2;}
    .per-tx .swiper-slide{filter: grayscale(1);}
    .per-tx .swiper-slide-thumb-active{filter: grayscale(0);}
    .swiper-button-prev4{width: 11%;height: 6%;bottom: 3%;left: 6%;}
    .swiper-button-next4{width: 11%;height: 6%;bottom: 3%;right: 0%;}
    
    
    .sec4{width: 100%;justify-content: center;flex-direction: column-reverse;}
    .sec4-left{width: 95%;margin: 0 auto;}
    .sec4-right{width: 97%;margin: 0 auto 7%;}
    .sec4 .left-box{top: 11%;left: 10%;width: 80%;}
    .sec4 .left-box .bar-inner{position: absolute;width: 100%;bottom: -316%;}
    .sec4-right .box{width: 88.5%;top: 0%;left: 6%;}
    .sec4-right .box a{width: 41%;top: 30.5%;left: 29.5%;}
    .sec4-right .box a p{bottom: 12%;font-size: 1.2rem;}
    .sec4 .per-gif{top: 41%;width: 28%;z-index: 7;}
    .sec4 .per-gif img{width: 100%;}
    .sec4 .per-gif img:nth-child(2){display: none;}
    .sec4 .btn-gain{width: 19%;bottom: 44%;right: 6%;}
    
    .sec4 .sec4-invite{top: 37%;width: 100%;left: 0%;}
    .sec4 .sec4-invite p{font-size: 1.2rem;margin: 1% 0;}
    .sec4 .sec4-invite .invite-box li{width: 15%;margin: 0 0.8%;}
    .sec4 .sec4-invite .invite-inner{width: 100%;margin: 0 auto;display: flex;justify-content: space-evenly;}
    .sec4 .sec4-invite .invite-inner a{display: inline-block;margin-bottom: 0;width: 37%;}
    
    
    .section5 .title{margin: 0 auto 12%;}
    .test:after{display: none;}
    .sec5-test{width: 66%;left: 18%;text-align: center;}
    .sec5-test p{font-size: 1.6rem;line-height: 3rem;}
    .sec5-test .choose{font-size: 1.6rem;margin: 2% 0;flex-direction: column;align-items: center;}
    .sec5-test .choose a{margin: 8% 0;}
    .sec5-test .choose a.begin{margin: 3% 0;}
    .sec5-test .choose a.begin:after{height: 44px;}
    .sec5-test .choose a:after{height: 54px;}
    

    
    
    .sec6{width: 100%;}
    .section6 .title a{margin: -5% auto 6%;}
    .sec6 .milestone{width: 100%;justify-content: center;flex-wrap: wrap;}
    .sec6 .milestone dd{margin: 0 1.5%;width: 29.5%;}
    .sec6 .milestone dd:nth-child(2){margin-top: 3%;}
    .sec6 .milestone dd:nth-child(4){margin-top: 7.5%;margin-left: 0.5%;}
    .sec6 .milestone dd:nth-child(5){margin-top: 10.5%;margin-left: 15%;}
    .sec6 .milestone dd .reward-word{height: inherit;font-size: 1rem;line-height: 2rem;}
    .section6 .sz{top: 13.5%;}

    
    .sec7{width: 94%;margin: -6% auto 0;}
    .sec7 .swiper-button-prev1, .sec7 .swiper-button-next1{width: 5rem;height: 5rem;top: 33%;left: -3%;}
    .sec7 .swiper-button-next1{right:-3%;left: auto;}
    .pic-feature .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 1rem;}
    .section7 p.gz{width: 53%;margin: 7% auto 0;}
    
    .foot-btn{display: flex;z-index: 3;position: relative;justify-content: space-evenly;margin: 5% 0 9%;}
    .foot-btn a{width: 45%;background: #dfecff63;}
    
    .pic-feature .swiper-pagination{margin-top:3%;}
    .page-notice{width: 90%;padding: 1rem;background: rgba(35,35,35,0.4);font-size: 1rem;line-height: 1.8rem;    max-height: 16rem;overflow: auto;    margin-bottom: 8%;display: none;}
    .foot-link a .pic{width: 2.5rem;}
    .foot-link a .word{font-size: 1rem;}
    .foot-link{justify-content: center;}
    .foot-link:before{width: 85%;height: 65px;}
    .copyright,.copyright .foot-box{display: block;}
    .foot{padding: 5% 0 23%;}
    .foot-left{margin-bottom: 2%;}
    .foot .ri{text-align: left;margin-top: 3%;}
    .fc-bot{display: none;}
    body.scroll .fc-bot{opacity: 1;display: block;}
    .pic-fc-bot .swiper-slide{opacity: 0!important;}
    .pic-fc-bot .swiper-slide-active{opacity: 1!important;}
    .nav-cb{display: none}
    
    
    .popup{width: 85%;padding: 6% 3%;}
    .popup-card-rule{width: 96%;}
    .popup.popup-record{width: 96%;}
    .popup.popup-record .pop-inner{max-height: 39rem;}
    .popup .close{top: auto;left: auto;bottom: 101%;right: 0;width: 2.4rem;}
    .popup-record .pop-inner a{width: 9rem;}
    .popup .btn{padding: 1% 0%;width: 53%;}
    
    .popup-start{width: 109%;}
    .popup-start .countdown{font-size: 3rem;line-height: 2rem;width: 33%;top: 17.5%;left: 53%;}
    .popup-start .close{top: auto;bottom: 79%;right: 8%;}
    .popup-start .pop-reser-box{width: 73%;left: 53%;top: 65%;}
    .popup-start .pop-reser-box .phone-box .telephone, .popup-start .pop-reser-box .phone-box input.phone{font-size: 1.5rem;}
    .popup-start .pop-reser-box .phone-box input.phone{padding-left: 5%;}
    .popup-start .pop-reser-box .phone-box .telephone{width: 9.5rem;}
    
    .popup .pop-title{font-size: 1.8rem;font-size: 1.8rem;margin-bottom: 0%;}
    .popup .pop-title span{font-size: 2.5rem;}
    .popup .num-reser{font-size: 1.5rem;}
    .pop-inner{max-height: 66rem;}
    /*.popup p{font-size: 1.2rem;line-height: 1.8rem;}*/
    .popup .word-jb{font-size: 1.4rem;}
    
    .popup-reserve{width: 92%;left: 47%!important;}
    .popup-reserve .pop-inner{position: absolute;width: 75%;top: 77%;right: 8%;}
    .popup-reserve .pic a.btn-sotre{position: relative;width: 60%;bottom: auto;right: auto;margin: 4% auto;display: block;}
    .popup-reserve .pic{width: 37%;bottom: auto;right: 62%;top: 0%;}
    .popup-reserve .reserve-btn{margin: 19% auto 1%;width: 45%;flex-direction: column;}
    .popup-reserve .broadcast-2{top: 41%;left: 7%;max-height: 2rem;}
    .popup-reserve .broadcast-2 .bd{max-height: 2rem;}
    .popup-reserve .close{bottom: 88%;right: 10%;}
/*    .popup-reserve a.btn-sotre{display: none;}*/
    
    .popup-invite p{font-size: 1.6rem;}
    
    .popup-test{    width: 96%;}
    .popup-test .popup-test .pop-inner{top: 11%;}
    .popup-test .test-b p{font-size:0.9rem;line-height: 1.4rem;}
    .popup-test .test-c{margin-left: 3%;}
    .popup-test .test-c p{font-size:0.9rem;line-height: 1.4rem;}
    .popup-test a.btn{width: 23%;padding: 0% 1.5%;margin-left: 3%;font-size: 1.2rem;line-height: 3.2rem;}
    .popup-test a.btn:after{width: 2.5rem;height: 3rem;right: 3.5%;top: 0%;}
    
    
    .popup-share{width: 95%;}
    .popup-share span.pose{width: 84%;margin: 0 auto 3%;position: relative;display: block;}
    .popup-share .pop-inner p{font-size: 1.5rem;}
    
    .popup-pmd{width: 47%;}
    .popup-pmd .pop-title{font-size: 2.3rem;}
    .popup-pmd p a.btn{font-size: 1.5rem;}
    
    .popup-rule p{font-size: 1.2rem;text-align: left;}
    
    
    .popup-gain .task-chance-bg .pic .task-chance dd a.btn{font-size: 1.2rem;padding: 1.5% 0%;}
    .task-chance dd .invited-box li{width: 5rem;}

    
    
    .popup-store{width: 113%;}
    .popup-store .pop-inner{    top: 80%;left: 26%;width: 50%;}
    .popup-store .btn-sotre{width: 85%;}
    .popup-store .close{bottom: 92%;right: 7%;}
    
    .pop-video{min-height: 24%;width: 100%;}
    .pop-video iframe{width: 92%;height: 200px;margin: 2% 0 0 0;}
    
    .pop-selfclose.invited-succ{ width: 40rem;}
    .pop-selfclose.invited-succ span{ font-size: 1.5rem;}
    
    .popup-job{width: 94%;}
    .popup-job .pop-title span{font-size: 2rem;}
    .popup-job .btn{width: 37%;font-size: 1.7rem;margin: 2% auto;}
    
    .popup-group{padding: 6% 3% 8%;}
    .popup-group .btn-sure{width: 48%;}
    .popup-group .btn-sure a.btn{width: 93%;padding: 3% 0%;}
    .popup-group .btn-sure p{font-size: 1rem;}
    .popup-group a.btn{width: 44%;}
}


.pop-selfclose{ position: fixed;top:50%;left: 50%;    width: 13rem;transform: translate(-50%,-50%);display: none; z-index: 10001;background: url(../images/head-li-bg.png)no-repeat center center;background-size: 100% 100%;text-align: center;}
.pop-selfclose span{ font-weight: bold;background: linear-gradient(#fff,#fff5e6);-webkit-background-clip: text;color: transparent; font-size: 2rem;line-height:4rem; }
.pop-selfclose.invited-succ{ width: 52rem;}



/*动效-转圈*/
/*调用-转圈*/ /*    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-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);opacity: 0;}
    75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(0);opacity: 1;}
}



/*动效-扫光*/  /*    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-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 0.8s linear infinite;    */
@keyframes animate-jump {
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-6px);}
    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)}
}