* {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 "Microsoft YaHei";font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;color: #393939;background: #fff;-webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
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: #b3b3b3;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: #33609c;}
*::-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{}
.section4{background: url(../images/bg4-1.jpg)no-repeat bottom center #26477c;background-size: 100% 100%;}
.section5{background: url(../images/bg5.jpg)no-repeat center center;background-size: 100% 100%;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: 32%;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%;}
.btn{display: inline-block; background: url("../images/btn.png")no-repeat center center;background-size: 100% 100%;color: #fff;font-size: 1.4rem;line-height: 2.6rem;padding: 0 1.5rem;}
.btn:hover{filter: brightness(1.2);}
.star-box{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.star-box .star{position: absolute;content: "";width: 3rem;top: 5%;left: 5%;    animation: animate-zoom2 1s linear infinite;}
.star-box .star:nth-child(2){width: 2rem;top: -3%;left: 37%;animation-delay: 0.5s;}
.star-box .star:nth-child(3){width: 2.5rem;top: 15%;left: 66%;animation-delay: 0.3s;}
@media(max-width:540px){
    .pic-web{display: none;}
    .pic-wap{display: block;}
    .btn{font-size: 1.5rem;line-height: 2.4rem;}
    .title{width: 72%;}
    .title-2{line-height: 3rem;margin-top: -3%;}
    /*.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 10%;}
    /*.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%;}*/
}


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

.gif{position: absolute;bottom: 0;z-index: 5;width: 20%;pointer-events: none;}
.gif .bubble{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;}
.gif .word{position: absolute;top: 2%;left: 90%;}

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

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

.head{opacity: 1;position: fixed;top: 0;left: 0%;width: 100%;z-index: 1000;display: flex;align-items: center;padding: 0 6%;justify-content: space-between;}
.head:after{position: absolute;content: "";width: 100%;top: 0;left: 0;height: 100%;background: url("../images/head-bg.jpg")no-repeat center center;background-size: 100% 100%;opacity: 0.5;z-index: -1;transition: opacity 2s ease;}
.head .logo{display: flex;    align-items: center;position: relative;z-index: 2;width: 8%;margin-bottom: -0.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{color:#b5c9da;    padding: 0 2rem;}
.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: 1rem; line-height: 3.4rem;position: relative;color: #b5c9da;display: block;    padding: 0 2rem;}
.nav-cbl .head-right li.active a{color: #fff;}
.nav-cbl .head-right li.active a:after{position: absolute;content:"";bottom: 0%;left:-5%;width: 110%;height: 1rem;;background: url("../images/head-word-bg.png")no-repeat center bottom;background-size: contain;}
.head .right-web .head-icon{display: flex;align-items: center;    width: 16.5%;justify-content: flex-end;}
.head .right-web .head-icon a{width: 2.7rem;border-radius: 50%;    margin: 0 0.5rem;}
.head .right-web .head-icon a:hover{filter: brightness(1.2);box-shadow: 0 0 5px #51a8ff;}
/*wap*/
.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: #fff;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;}
body.scroll .head:after{opacity: 0.9;}
@media(max-width:900px){
    .head{padding: 0 3%;}
    .head .right-web .head-icon a{}
    .nav-cbl .head-right li a{}
}

@media(max-width:540px){
    .nav-cbl .head-right li.active a:before,.nav-cbl .head-right li.active a:after{position: absolute;content:"";top: 50%;left: auto; right:5%;transform: translate(0,-50%); width: 20%;height: 25%;;background: url("../images/nav-zs.png")no-repeat center left;background-size: contain;}
    .nav-cbl .head-right li.active a:before{transform: translate(0,-50%) rotateY(180deg);right: auto;left: 5%;}
    .head{ padding: 2.4% 2% 2.4% 3%;opacity: 1;}
    .head:after{ background: url(../images/head-bg-wap.jpg);background-size: 100% 100%;}
    .head .logo{width: 81%;margin-bottom: -4%;    left: 0%;}
    .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:66%;}
    .head .hanbager{width: 32px;height: 30px;display: block;z-index: 2;   }
    .head .hanbager div{width: 60%;height: 3px;border-radius: 2px;}
    .head .right-web{position: fixed;content: "";width: 60%;height: 100vh; top: 0;left: 100%;z-index: 1;transition: all 1s ease;background:url(../images/nav-bg.png)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:40%;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;text-align: center;}
    .nav-cbl .head-right li.active a{    color: #fff;background: #5c94b88a;border-top: 1px #fe9f6261 solid;border-bottom: 1px #fe9f6261 solid; }
    .head .right-web .head-icon{position: absolute;justify-content: center;bottom: 18%;left: 50%;transform: translate(-50%,0);width: 70%;flex-wrap: wrap;}
    .head .right-web .head-icon a{width: 24%;    margin: 6% 4%;}
    .nav-cbl .head-right li a{line-height: 3.4rem; font-size: 1.2rem; margin: 0.5rem 0;    letter-spacing: 2px;}
    .head .right-web .nav-cbl a.btn-record{display: block;text-align:center;line-height: 4rem;color:#b5c9da;     letter-spacing: 2px;   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;}
}
.btn-store{position: relative;}

.section1{position: relative;z-index: 2;}
.banner-pic{position: relative;}
/*.banner-pic:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);}*/
/*.slogan{position: relative;width: 46%;margin: 0 27% 1%;}*/
/*.slogan .gif{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}*/
.zz{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.logo{position: absolute;content: "";width: 8%;top: 8%;left: 3%;z-index: 12;}
.banner-video{position: absolute;width:3.5%;bottom: 159%;left: 72%;}
/*.banner-video>img{animation: animate-zoom 3s linear infinite; }*/
.banner-video .video-bg{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: -1; }
.banner-box{position: absolute;content: "";width: 100%;top: 75%;left: 50%;transform: translate(-50%,0); text-align: center;z-index: 5;}
.banner-box a.btn-banner-reserve{display: block; width:16%;margin: 0% auto;max-width: 50rem;animation:animate-zoom 3s linear infinite;}
.banner-box .num-reserve{position: relative;    letter-spacing: 2px; display: inline-flex;align-items: center;color: #fef7d7;line-height: 2rem;font-size: 1.2rem;background: linear-gradient(to right, transparent, #432c25d4, #432c25c7, transparent);padding: 0.2rem 4%;justify-content: center;margin-top: 0.5%;}
.banner-box .num-reserve span{color: #ef9f4c;letter-spacing: 0;padding: 0 0.2rem;}
.banner-box .num-reserve:before,.banner-box .num-reserve:after{ position: absolute;content: "";width: 100%;height: 1px; top: 0;left: 0;background : linear-gradient(to right, transparent, #fffbe275, #fffbe275, transparent) }
.banner-box .num-reserve:after{top:auto;bottom: 0; }
.zs-banner{position: absolute;width: 100%;bottom: -1px;left:0%;z-index: 5;pointer-events: none;}
.sxdjs{width: 100%;display: flex;align-items: center;justify-content: center;font-family: "systb";text-shadow: 0 0 1rem #000;color: #fff;font-size: 1.3rem;margin-bottom: 0.2%;}
.sxdjs p span{color: #fffdcd;}
.online-time{display: flex;align-items: center;margin-left: 0.5rem;justify-content: space-between;justify-content: space-between;min-width: 0;}
.online-time span{margin: 0 1%;text-shadow: none;width: 3.5rem;background: linear-gradient(#d6634c, #a33c28);border: 1px #be9494 solid;display: flex;align-items: center;justify-content: center;color: #fffdcd;border-radius: 2px;line-height: 2.2rem;font-size: 1.5rem;font-weight: bold;}
#video-wap{display: none;}
a.bannerlink{position: absolute;width: 12%;bottom: 12%;right: 5%;    z-index: 10;animation: animate-jump 0.8s linear infinite;}
.banner-box .yxz{color: #fff;font-size: 1.2rem;display: inline-block;letter-spacing: 0.1rem; line-height: 2.2rem;padding: 0 3rem;background: linear-gradient(to right,transparent,#00000096,#00000096,#00000096,transparent);position: absolute;content: "";bottom: 100%;left: 50%;transform: translate(-50%,-30%);}

/*.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;}
.section2 .title{position: absolute;content: "";top: 10%;left: 34%;}
.section2 .gif{width: 15%;left: 80%;bottom: 7%;}
.sec2{position: absolute;content:"";    top: 46%;left: 40.5%;width: 45.5%;height: 39%;}
.sec2-1{position: absolute;content:"";top: 0%;left:10%;width: 45%;}
.sec2-1-inner .bubble{width: 114%;margin: 0 auto;margin-left: 3%;margin-bottom: -15%;}
.sec2-1-inner .bubble .word{position: absolute;top: 0;left: 0;}
.phone-box{z-index: 1;position: relative;color:#000;    margin: 0 auto;background: url("../images/input-bg.jpg")no-repeat center center;background-size: 100% 100%; width: 96%;display: flex;align-items: center;justify-content: space-between;}
.phone-box .telephone{color: #365a91;font-size: 1.2rem;font-weight: bold;padding-left: 1%;line-height: 4rem;height: 4rem;background:rgba(255,255,255,0.01); }
.phone-box .phone{color: #365a91;font-size: 1.2rem;font-weight: bold;line-height: 4rem;background: none;padding-left: 3%;flex: 1;    min-width: 0;}
.sec2-1-inner a.btn-reserve{width: 80%;position: relative;display: block;animation: animate-zoom 3s linear infinite;margin: 4% auto 0;}
.sec2-1-inner a.btn-reserve:hover{filter: brightness(1.1);}
.sec2-1-inner a.btn-reserve span.finger{    top: 42%;}
.sec2-gift-bg{position: absolute;content: "";width:350px;left: 122%;bottom:-12%;height: 261px;transform: scale(1.5);transform-origin: bottom center; }
.sec2-gif{position: absolute;content: "";width:350px; height: 261px;top: 0;left: 0;}
.sec2-gift-bg .sec2-gif-1{background-image: url('../images/gift-cs1.png');animation: animationcs1 2s steps(7) infinite;opacity: 1;}
.sec2-gift-bg .sec2-gif-2{background-image: url('../images/gift-cs.png');animation: animationcs 2s steps(28) infinite;opacity: 0;}
.sec2-gift-bg.active .sec2-gif-1{opacity:0;}
.sec2-gift-bg.active .sec2-gif-2{opacity:1;}
.sec2-2 .reward{position: absolute;content: "";    width: 27rem;height: 12rem;bottom: 120%;left: -5%;}
.sec2-3 .reward{position: absolute;content: "";width: 18rem;height: 17rem;bottom: -16%;right: 101%;}
.sec2-2 .reward span{opacity: 0; position: absolute;content: "";    width: 32%;top: 51%;left: 78%;transform: translate(-50%, -50%);}
.sec2-3 .reward span{opacity: 0; position: absolute;content: "";    width: 49%;top: 73%;left: 51%;transform: translate(-50%,-50%);}
.sec2-2 .reward.active span,.sec2-3 .reward.active span{opacity: 1;}
@keyframes animationcs1 {
    100% {background-position:0 0;}
    0% {background-position:0 1827px;}
}
@keyframes animationcs {
    0% {background-position:0 0;}
    100% {background-position:0 7308px;}
}
@media(max-width:2050px){.sec2-gift-bg{transform: scale(1.25);transform-origin: bottom center;left: 117%;}}
@media(max-width:1950px){.sec2-gift-bg{transform: scale(1.2);transform-origin: bottom center;left: 114%;}}
@media(max-width:1850px){.sec2-gift-bg{transform: scale(1.1);transform-origin: bottom center;left: 111%;}}
@media(max-width:1750px){.sec2-gift-bg{transform: scale(1);transform-origin: bottom center;left: 108%;}}
@media(max-width:1650px){.sec2-gift-bg{transform: scale(0.95);transform-origin: bottom center;left: 103%;}}
@media(max-width:1550px){.sec2-gift-bg{transform: scale(0.9);transform-origin: bottom center;left: 98%;}}
@media(max-width:1450px){.sec2-gift-bg{transform: scale(0.85);transform-origin: bottom center;left: 93%;}}
@media(max-width:1350px){.sec2-gift-bg{transform: scale(0.8);transform-origin: bottom center;left: 88%;}}
.sec2-gift{position: absolute;content: "";width: 100%;height:100%;top: 0; left:0%;}
.sec2-2{position: absolute;bottom: 0%;left: 2%;width: 45%;}
.sec2-2 .star-box{width: 50%;height: 300%;top:auto;bottom: 100%;left:auto;right: 0;}
.sec2-2 .star-box .star:nth-child(1){top: 48%;left: 33%;}
.sec2-2 .star-box .star:nth-child(3){top: -14%;left: 72%;}
.sec2-btn{display: flex;align-items: center;justify-content: space-evenly;}
.sec2-btn a{display: block;overflow: hidden;width: 45%;}
.sec2-3{position: absolute;bottom: 2%;left: 82.5%;width: 16%;}
.sec2-3 .star-box{    width: 139%;height: 100%;top:auto;bottom: 13%;left: -160%;}
.sec2-3 a{width: 88%;display: block;margin: 0 auto;animation: animate-jump 1.8s linear infinite;}
.sec2-3 a:hover{filter: brightness(1.1);}
.sec2-2 .pic span,.sec2-3 .pic span{width: 17%;position: absolute;content: "";top: 4%;left: 34%;}
.sec2-2 .pic span:nth-child(2),.sec2-3 .pic span:nth-child(2){width: 10%;top: 24%;left: 64%;transform: rotateY(180deg)}
.sec2-2 .pic span:nth-child(3),.sec2-3 .pic span:nth-child(3){width: 11%;top: 42%;left: 16%;}
/*.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;}*/

.section3 .title{position: absolute;content: "";top: 2%;left:33%;}
.section3 .zs{position: absolute;content: "";bottom: 0%;left: 1%;width: 13%;}
.section3 .zs span{position: absolute;content: "";    bottom: 8%;left: 83%;width: 100%;transform-origin: center top;animation: animate-pao infinite 0.4s ease-in-out alternate;}
/*.sec3{width: 75%;}*/
.sec3-left{position: absolute;content: "";width: 18.5%;top: 27%;left: 23.5%;height: 58%;}
.sec3-left .list{max-height:73%;overflow: auto;overscroll-behavior: contain;padding-right: 4%;}
.sec3-left .list dd{position:relative;margin-bottom: 3%;display: flex;align-items: center;justify-content: space-between;padding: 0.6rem 5% 0.6rem 5%;background: url("../images/task-bg.png");background-size: 100% 100%;}
/*.sec3-left .list dd.point{background: url("../images/task-bg-point.png");background-size: 100% 100%;}*/


.sec3-left .list dd .left{flex: 1;color: #204260;line-height: 1.7rem;font-size:1.1rem;    font-family: "syst";}
/*.sec3-left .list dd .left span{  font-weight: bold;}*/
.sec3-left .list dd .left p:first-child{color: #1f437e; font-family: "systb";   font-weight: bolder;}
.sec3-left .list dd.point .left{color: #3c7663;}
.sec3-left .list dd.point .left p:first-child{color: #e06642;}
.sec3-left .list dd.point .left span{color: #e06642;}
.sec3-left .list dd a{position:relative;display: block;text-align: center;font-size: 1.1rem;line-height: 2rem;padding: 0 1rem;  background-image: url("../images/btn1.png");  font-family: 'syst';}
.sec3-left .list dd.active a{background-image: url("../images/btn.png");}
.sec3-left .list dd a:hover{filter: brightness(1.2);}
.sec3-left .list dd.point a:before{position: absolute;content: "";transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;z-index:2;width: 2rem;height: 3.2rem;top: -13%;left: -13%; background: url("../images/cq.png")no-repeat center center;background-size: contain;}
.sec3-left .list dd.point.active a:before{display: none;}
.sec3-left .list dd a img.normal{display: block;}
.sec3-left .list dd a img.active{display: none;}
.sec3-left .list dd.active a img.normal{display: none;}
.sec3-left .list dd.active a img.active{display: block;}
.sec3-left .list::-webkit-scrollbar {width:0.6rem;height: 8px;}
.sec3-left .list::-webkit-scrollbar-thumb {border-radius: 4px;background: #6d80a4;}
.sec3-left .list::-webkit-scrollbar-track-piece {background-color:#dce0e6;border-radius: 4px;}
.btn-card-rule{position: absolute;top: 25%;right: 16%;font-size: 1.2rem;padding: 0 0.9rem;line-height: 2.2rem;font-family: 'syst';}
.sec3-left .finger{position: absolute;content: "";top: 4%;left: 99%;width: 12%;animation: finger infinite 3s ease-in-out alternate;}
.avator-box{display: flex;align-items: center;justify-content: space-around;    width: 100%;margin: 22% auto 0;}
.avator-box dd{cursor: pointer; width: 23%;position: relative;overflow: hidden;    text-align: center;}
.avator-box dd span{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 0.7rem;letter-spacing: 2px; line-height: 1.2rem;background:#325e98ad;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec3-right{position: absolute;content: "";width: 38%;top: 29.5%;left: 46%;    height: 62%;}
.sec3-right dl{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.sec3-right dl dd{width: 23.5%;margin-bottom: 2%;cursor: pointer;position: relative;}
/*.sec3-right dl dd.active{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.1);z-index: 10;transition: all 1s ease;}*/
.sec3-right dl dd span.fad{display: block;transition:all 1s ease;}
.sec3-right dl dd span.pos{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;opacity: 0;transition:all 1s ease;transform: rotateY(180deg);}

.sec3-right .bot{font-size: 1.3rem;font-weight: bold;color: #315587;    font-family: 'systb';}
.sec3-right .bot span{font-weight: bold;color: #c25e00;    font-size: 1.5rem;}
.btn-follow-list{position: absolute;content: "";width: 38%;bottom: 0%;right: -4.6%;}
.btn-follow-list span{position: absolute;content: "";width: 100%;height:89%;bottom: 0%;left: 0%;overflow: hidden}
.btn-follow-list span.finger{display: none;}
.btn-follow-list:hover{filter: brightness(1.1);}
.sec3 .btn-box{position: absolute;content: "";width: 24%;bottom: 71.5%;left: 37%;}
.sec3 .btn-box a{width: 45%;}
.sec3 .btn-box a:hover{filter: brightness(1.2);}
.sec3 .gif{width: 26%;bottom:3%;left: 71.5%;}
.sec3 .gif .word{width: 48%;top: 54%;left: auto;right: 26%;}
.btn-box{display: flex;align-items: center;justify-content: space-evenly;}
.btn-box a{width: 40%;letter-spacing: 1px;}
@keyframes finger {
    0% {top: 4%;}
    50% {top: 20%;}
    100% {top: 4%;}
}
@media (any-hover: hover){
    .sec3-right dl dd:hover span.fad{transform: rotateY(180deg);}
    .sec3-right dl dd:hover span.pos{opacity: 1;transform: rotateY(0deg);}
}


.section4{position: relative;}
.section4 .title{position: absolute;content: "";top: 9%;left: 33%;    z-index: 13;}
.section4 .sec4{position: absolute;content: "";width:75%;top: 23%;left: 12.5%;height: 67%;}
.section4 .sec4 .nav-top{position: absolute;content: "";width:13%;z-index: 6;    left: -3%;display: flex;flex-direction: column;z-index: 10; align-items: center;top: 42%;transform: translate(0, -50%);}
.section4 .sec4 .nav-top:before,.section4 .sec4 .nav-top:after{position: absolute;content: "";;width: 1px;height: 4rem;top: 102%;left: 50%;background: linear-gradient(#ffffff50,transparent);}
.section4 .sec4 .nav-top:before{top: auto;bottom: 102%;background: linear-gradient(transparent,#ffffff50);}
.section4 .sec4 .nav-top a{position: relative;width: 5rem;height: 5rem;transition: all 0.8s ease;display: inline-block;font-size: 1.3rem;color:  #ffffff50;}
.section4 .sec4 .nav-top a span.word{position: absolute;content: "";top: 50%;left: 115%;transform: translate(0,-50%);font-family: 'syst';}
.section4 .sec4 .nav-top span.line{height: 2.5rem;width: 1px;background: #ffffff50;margin: 1rem 0;}
.section4 .sec4 .nav-top a .normal{opacity: 1;}
.section4 .sec4 .nav-top a .active{position: absolute;content: "";width: 100%;top: 0;left: 0;z-index: 2;opacity: 0;}

.section4 .sec4 .nav-top a.active{    width: 12rem;    height: 12rem;}
.section4 .sec4 .nav-top a.active .normal{opacity: 0;}
.section4 .sec4 .nav-top a.active .active{opacity: 1;}
.section4 .sec4 .nav-top a.active span.word{  color: #fff; font-family: 'systb'; top: 82%;left: 79%;font-size: 1.6rem;}
.section4 .sec4 .nav-bot{position: absolute;content: "";width: 87%;right: 0;top: 0%;height: 100%;-moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;}
.section4 .sec4 .nav-bot .li{opacity:0;}
.section4 .sec4 .nav-bot .li.active{opacity: 1;}
.section4 .sec4 .nav-bot .li .per{position: absolute;content: "";width: 25%;left: 2%;top: 4%;}
.section4 .sec4 .nav-bot .li .per .light{position: absolute;content: "";width: 100%;height:100%;left: 0%;top: 0%;opacity: 0; pointer-events: none;   transition: all 1s linear;}
.section4 .sec4 .li .word{position: absolute;content: "";width:35rem;left: 0%;top: 0%;opacity:0; transition: all 1s linear;transition-delay: 0.1s;}
.section4 .sec4 .li .word>img{pointer-events: none;}
.section4 .sec4 .li .word .voice{width:20rem;margin: 0 auto;display: flex;align-items: center;background: url("../images/cv-bg.png")no-repeat center center;background-size: contain;padding: 1rem 0 1rem 3.2rem;}
.section4 .sec4 .li .word .voice .language{display: flex;align-items: center;color: #213660;width: 7rem;justify-content: center;cursor: pointer;}
.lag-ch{margin-right: 0.4rem;}
.section4 .sec4 .li .word .voice .language .icon{width: 1.5rem;display: block;margin-left: 0.3rem;}
.section4 .sec4 .li .word .voice .language .pause{display: block;}
.section4 .sec4 .li .word .voice .language .play{display: none;}
.section4 .sec4 .li .word .voice .language.active .pause{display: none;}
.section4 .sec4 .li .word .voice .language.active .play{display: block;}
.section4 .sec4 .nav-bot .li .per .placeholder{pointer-events: none;height: 100%; background-size: contain;background-position: top left;background-repeat: no-repeat;}
.section4 .sec4 .nav-bot .li .per:nth-child(1){transform: translate(25px, 0);transition: all 1s ease;}
.section4 .sec4 .nav-bot .li.active .per:nth-child(1){transform: translate(0, 0);}
.section4 .sec4 .nav-bot .li .per:nth-child(2){transform: translate(35px, 0);transition: all 2s ease;}
.section4 .sec4 .nav-bot .li.active .per:nth-child(2){transform: translate(0, 0);}
.section4 .sec4 .nav-bot .li .per:nth-child(3){transform: translate(-25px, 0);transition: all 1s ease;}
.section4 .sec4 .nav-bot .li.active .per:nth-child(3){transform: translate(0, 0);}
.section4 .sec4 .nav-bot .li .per:nth-child(4){transform: translate(-35px, 0);transition: all 2s ease;}
.section4 .sec4 .nav-bot .li.active .per:nth-child(4){transform: translate(0, 0);}

.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(1){width: 26%;top: 6%;left: 2%;height: 81%;z-index: 3;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(2){left: 28%;width: 25%;top: 10%;height: 82%;z-index: 4;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(3){left: 53%;width: 21%;top: 15%;height: 79%;z-index: 2;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(4){left: 74%;width: 23%;top: 12%;height: 84%;z-index: 1;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(1) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(1) .light{position: absolute;content: "";width: 241%;top: -19%;left: -39%;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(2) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(2) .light{position: absolute;content: "";width: 266%;top: -2%;left: -139%;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(3) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(3) .light{position: absolute;content: "";width: 257%;top: -7%;left: -103%;/* z-index: 2; */}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(4) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(4) .light{position: absolute;content: "";width: 346%;top: -27%;left: -149%;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(1) .word{left: 35%;top: 60%;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(2) .word{left: -67%;top: 54%;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(3) .word{left: -128%;top: 51%;}
.section4 .sec4 .nav-bot .li:nth-child(1) .per:nth-child(4) .word{left: -112%;top: 51%;}

.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(1){width: 17%;top: 3%;left: -1%;height: 75%;z-index: 2;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(2){left: 22%;width: 27%;top: -1%;height: 88%;z-index: 3;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(3){left: 46%;width: 28%;top: 13%;height: 80%;z-index: 4;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(4){left: 74%;width: 21%;top: 9%;height: 76%;z-index: 1;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(1) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(1) .light{position: absolute;content: "";width: 300%;top: -25%;left: -128%;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(2) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(2) .light{position: absolute;content: "";width: 194%;top: -4%;left: -33%;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(3) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(3) .light{position: absolute;content: "";width: 242%;top: 7%;left: -79%;/* z-index: 2; */}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(4) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(4) .light{position: absolute;content: "";width: 356%;top: -4%;left: -169%;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(1) .word{left: 14%;top: 54%;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(2) .word{left: -82%;top: 50%;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(3) .word{left: -122%;top: 50%;}
.section4 .sec4 .nav-bot .li:nth-child(2) .per:nth-child(4) .word{left: -151%;top: 52%;}


.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(1){width: 29%;top: 3%;left: 0%;height: 88%;z-index: 2;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(2){left: 28%;width: 26%;top: 14%;height: 85%;z-index: 3;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(3){left: 50%;width: 25.5%;top: 16%;height: 94%;z-index: 4;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(4){left: 77%;width: 23%;top: 5%;height: 79%;z-index: 1;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(1) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(1) .light{position: absolute;content: "";width: 337%;top: -7%;left: -106%;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(2) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(2) .light{position: absolute;content: "";width: 238%;top: -8%;left: -84%;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(3) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(3) .light{position: absolute;content: "";width: 188%;top: -2%;left: -52%;/* z-index: 2; */}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(4) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(4) .light{position: absolute;content: "";width: 221%;top: -6%;left: -74%;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(1) .word{left: 22%;top: 46%;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(2) .word{left: -79%;top: 40%;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(3) .word{left: -138%;top: 41%;}
.section4 .sec4 .nav-bot .li:nth-child(3) .per:nth-child(4) .word{left: -102%;top: 48%;}

.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(1){width: 28%;top: -2%;left: 0%;height: 73%;z-index: 2;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(2){left: 28%;width: 25%;top: 4%;height: 98%;z-index: 4;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(3){left: 53%;width: 24%;top: 8%;height: 88%;z-index: 3;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(4){left: 77%;width: 21%;top: -4%;height: 92%;z-index: 1;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(1) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(1) .light{position: absolute;content: "";width: 217%;top: -10%;left: -34%;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(2) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(2) .light{position: absolute;content: "";width: 350%;top: 5%;left: -157%;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(3) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(3) .light{position: absolute;content: "";width: 253%;top: 3%;left: -124%;/* z-index: 2; */}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(4) .placeholder,.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(4) .light{position: absolute;content: "";width: 350%;top: -13%;left: -167%;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(1) .word{left: 52%;top: 57%;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(2) .word{left: -82%;top: 52%;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(3) .word{left: -88%;top: 52%;}
.section4 .sec4 .nav-bot .li:nth-child(4) .per:nth-child(4) .word{left: -114%;top: 42%;}

.nav-bot-wap{display: none;z-index: 8;position: absolute;content: "";width: 100%;height: 100%;}

@media (any-hover: hover){
    .section4 .sec4 .nav-bot .li .per:hover{z-index: 6!important;}
    .section4 .sec4 .nav-bot .li .per:hover .light{opacity: 1;}
    .section4 .sec4 .nav-bot .li .per:hover .word{opacity: 1;}
}
.section5{position: relative;padding-top: 2%;text-align: center;}
.section5 .num-reserve{position: relative;     padding: 0.5rem 0;    align-items: center;    font-family: "systb";   display: inline-flex; background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));letter-spacing: 2px; font-size: 1.2rem;line-height: 3rem;text-align: center;margin: 0 auto ;color: #d15300;}
.section5 .num-reserve span{line-height: 2rem;}
.section5 .num-reserve b{color: #6b2b0c;font-weight: bold;font-size: 1.9rem;    margin-top: -0.3rem;line-height: 2rem;margin-right: 0.5rem;background:linear-gradient(#6b2b0c,#a84f0a);-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;letter-spacing: 0px; }
.section5 .num-reserve:before,.section5 .num-reserve:after{position: absolute;content: "";width: 1.5rem;height: 1.5rem;top: 45%;left: -3rem;transform:translate(0,-40%) rotateY(180deg);background: url("../images/arrow1.png")no-repeat center center;background-size: contain;}
.section5 .num-reserve:after{transform:translate(0,-40%) rotateY(0deg);left: auto;right: -3rem;}
.section5 .swiper-button-next1,.section5 .swiper-button-prev1{position: absolute;width: 4rem;height: 4rem;top: 50%;left: 100%;cursor: pointer; background: url("../images/arrow1.png");background-position:center left;    background-repeat: no-repeat;background-size:contain; }
.section5 .swiper-button-prev1{transform: rotateY(180deg);left: auto;right: 100%;animation: animate-jump-lrf 0.8s linear infinite; }
.section5 .swiper-button-next1{animation: animate-jump-lr 0.8s linear infinite; }
.section5 .swiper-button-prev1:after,.section5 .swiper-button-next1:after{display: none;}
.section5 .swiper-button-lock{display: block;}
.sec5{position: relative;    width: 75%;margin: 0 auto;margin-bottom: -7%;}
.sec5 .milestone{width: 72%; position: relative;display: flex;    align-items: flex-start;    z-index: 2;}
.sec5 .milestone .swiper-slide{position: relative;margin: -6%;margin-top: 21%;width: 28%;}
.sec5 .milestone .swiper-slide:nth-child(2){margin-top: 0%;}
.sec5 .milestone .swiper-slide:nth-child(3){margin-top: 27%;}
.sec5 .milestone .swiper-slide:nth-child(4){margin-top: 3%;}
.sec5 .milestone .swiper-slide:nth-child(5){margin-top: 25%;}
.sec5 .milestone .swiper-slide:nth-child(6){margin-top: 0%;}
.sec5 .milestone .swiper-slide:hover{animation: animate-jump 2s linear infinite;}
.sec5 .milestone .swiper-slide.active>img{-webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */filter: grayscale(80%);}
.sec5 .milestone .swiper-slide .ydc{position: absolute;content: "";display: none;    width: 22%;top: 25%;right: 5%;}
.sec5 .milestone .swiper-slide.active .ydc{display: block;}
.sec5 .milestone .swiper-slide .star-box{height: 45%;}
.sec5 .milestone .swiper-slide .star-box .star{    top: 46%;left: 26%;}
.sec5 .milestone .swiper-slide .star-box .star:nth-child(2){       top: 39%;left:71%;}
.sec5 .milestone .swiper-slide .star-box .star:nth-child(3){   top: 27%;}
.pic-milestone{overflow: inherit;}
.sec5 .draw-reward{position: absolute;content: "";    width: 45%;right: -8%;top: 13%;}
.sec5 .draw-reward a{width: 45%;margin: -12% auto 0;animation: animate-zoom 3s linear infinite;}
.sec5 .draw-reward .zs-per{position: absolute;content: "";   width: 66%;right: 1%;top: -16%;transform: rotateY(180deg);}
.sec5 .btn-box a{width: 13%;    animation: animate-zoom 3s linear infinite;}
.sec5 .draw-reward a:hover{filter: brightness(1.2);}

.sec6{width: 80%;margin: 0 auto;position: relative;}
.sec6 .pic-feature{}
.sec6 .secpic{position: relative;display: flex;align-items: center;justify-content: center;}
/*.secpic .pic{width: 7%;display: flex;align-items: center;justify-content: flex-start;transition: all 1s ease;overflow: hidden;}*/
/*.secpic .pic .left{width: 100%;min-width: 0;flex-shrink: 0;}*/
/*.secpic .pic .right{width: 1%;flex-shrink: 0;}*/
/*.secpic .pic.active{width: 78%;}*/
/*.secpic .pic.active .left{width: 9%;}*/
/*.secpic .pic.active .right{width: 91%;}*/
.secpic .pic{width:5rem;display: flex;align-items: center;justify-content: flex-start;transition: all 1s ease;overflow: hidden;}
.secpic .pic .left{width: 5rem;min-width: 0;flex-shrink: 0;cursor: pointer;}
.secpic .pic .left:hover{filter: brightness(1.1);}
/*.secpic .pic .right{width:50rem;flex-shrink: 0;}*/
/*.secpic .pic.active{width: 55rem;}*/
.secpic .pic,.secpic .pic .left{width: 5.5rem;}
.secpic .pic .right{width:42rem;flex-shrink: 0;}
.secpic .pic.active{width: 47.5rem;}
.sec6 .pic6-zs{position: absolute;content: "";width: 109%;top: 88%;left: -5%;z-index: 5;}
.sec6 .gif{pointer-events: none; width: 25%;bottom: -10%;left: 91%;z-index: 6;}
.sec6 .arrow{position: absolute;content: "";width:6%; top: 50%;left: 95%;transform: translate(0,-50%);}
.sec6 .arrow-next{left:auto;right: 95%;}
.pic-feature-wap{padding-bottom: 1.5rem;}
.sec6 .swiper-slide{transform: scale(0.8);position: relative;z-index: 1;opacity: 0.7;padding: 0.5rem;background: url("../images/feature-bg.png")no-repeat center center;background-size: 100% 100%;}
.sec6 .swiper-slide:after{position: absolute;content: "";top: 0.5rem;left: 0.5rem;bottom: 0.5rem;right: 0.5rem;background: rgba(0,0,0,0.5);z-index: 3;}
.sec6 .swiper-slide.swiper-slide-active{transform: scale(1);z-index: 3;opacity: 1;box-shadow: 0 0 5px #fff;}
.sec6 .swiper-slide.swiper-slide-active:after{display: none;}
.sec6 .swiper-slide.swiper-slide-active:after{display: none;}
.sec6 .swiper-pagination{position: relative; bottom: 0;display: flex;align-items: center;justify-content: center;}
.sec6 .swiper-pagination:before,.sec6 .swiper-pagination:after{position: absolute; content: "";width: 25%;height: 1px; left: 0;top: 50%;transform: translate(0,-50%);}
.sec6 .swiper-pagination:after{left: auto;right: 0;transform: translate(0,-50%) rotateY(180deg);}
.sec6 .swiper-pagination-bullet{opacity: 1;width: 1rem;height: 1.5rem; background: #cbdaff;   margin: 0 1.5%!important; border-radius: 50%;background: url(../images/dot.png)no-repeat bottom center;background-size: 100% 100%;}
.sec6 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.5rem;height: 2rem;border-radius: 0; background: url(../images/dot-active.png)no-repeat bottom center;background-size: 100% 100%;}
.sec6 .swiper-button-prev,.sec6 .swiper-button-next{position: absolute;width: 5rem;height: 4rem;z-index: 10;cursor: pointer;top: 45%;left: 10%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;}
.sec6 .swiper-button-next{right: 10%;left: auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{    opacity: .35;cursor: auto;pointer-events: none;}
.sec6 .swiper-button-prev{transform: rotateY(180deg)}
.sec6 .swiper-button-prev:after,.sec6 .swiper-button-next:after{display: none;}


.page-notice{position: relative; width: 70%;margin: 1% auto 0%;font-size: 0.9rem;line-height:1.7rem;color: #224273;display: none;}
.page-notice h3{margin-bottom: 0.5rem;}

.foot-link{width: 50%;margin: 1% auto 1%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 3;}
.foot-link a{margin: 0 2%;width: 10%;text-align: center;display: block;color: #ffffffcf;font-size: 0.9rem;}
.foot-link a:hover{filter: brightness(1.2);}
.foot-link a .pic{margin-bottom: 2%;}
.foot-link a .word{display: block;    font-family: "syst";margin-top: 0.3rem;}

.foot{padding: 1% 0;width:70%;margin:0 auto;font-size: 0.8rem;line-height: 1.2rem; }
.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{font-size: 0.8rem;line-height: 1.2rem;text-align: right;}
.foot .ri a{}

.foot-btn{width: 100%;margin:2% auto;text-align: center;align-items: center;justify-content: space-around;display: flex;}
.foot-btn a{position: relative;width: 17%;}
.foot-btn a span{position: absolute;content: "";width: 45%;top: -17%;left: -19%;transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;}
.foot-btn a.foot-st{display: none;}
.foot-btn a.foot-rule{}
@media(max-width:900px){
    .sec4 .broadcast-xm{width: 90%;}
    .section4 .search-box{width: 66%;}

    .secpic .pic,.secpic .pic .left{width:3.2rem;}
    .secpic .pic .right{width: 32.3rem;}
    .secpic .pic.active{width: 35.5rem;}
}
@media(max-width:540px){

    .logo{display: none;}
    .section2 .title,.section3 .title,.section4 .title{left: 14%;}
    .section2 .title{top:6%;}
    .section3 .title{top: 4%;}
    .section4 .title{top: 6%;}
    .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;}

    a.bannerlink{width: 32%;bottom: 2%;right: -1%;}
    #video-wap{display: block;width: 100%;}
    .banner-box{top:68%;width: 100%;    display: flex;flex-direction: column;}
    /*.slogan{width: 100%;    margin: 0 auto;}*/
    /*.slogan>img{margin-left: 2%;}*/
    .banner-box a.btn-banner-reserve{width: 65%;    margin-top: 3%;}
    .banner-video{    width: 12%;bottom: 233%;left: 78%;}
    .banner-box .num-reserve{line-height: 2rem;     font-size: 1.1rem;   width: 70%;margin: 2% auto 0;}
    .btn-banner-fz{    width: 22%;bottom: 25%;left:0%;}
    .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;}

    .sxdjs{flex-direction: column;font-size: 2rem;}
    .online-time{margin-top: 2%;}
    .online-time span{line-height: 3rem;font-size: 2.2rem;width: 5.5rem;}


    .sec2{width: 82%;top: 22%;left: 10%;height: 71%;}
    .sec2-1{left: 0%;width: 100%;bottom: auto;top: 5%;}
    .sec2-1-inner{width: 87%;margin: 0 auto;margin-top: 61%;}
    .sec2-1-inner .phone-box .telephone{width: 9rem;}
    .sec2-1-inner .phone-box .phone,.sec2-1-inner .phone-box .telephone{font-size: 1.1rem;line-height: 3.5rem;height: 3.5rem;}
    .sec2-1-inner .btn-reser{width: 96%;margin-top: 1%;}
    .sec2-1-inner .phone-box{}
    .sec2-1-inner .bubble{margin-left: 11%;width: 95%;}
    .sec2-1-inner a.btn-reserve{margin-top: 2%;   width: 76%;}
    .sec2-1 .reward-word{height: 150px;width: 100%;margin-left: 0;}
    .sec2-gift-bg{position: absolute;left: 0;top: -17%;display: none; }
    .sec2-2{width:45%;top: 68%;left: 8%;bottom: auto;display: flex;justify-content: space-between;align-items: center;}
    .sec2-2 .star-box{width: 88%;height: 300%;top: auto;bottom: -82%;left: auto;right: -100%;}
    .sec2-btn{flex: 1;}
    .sec2-2 .reward-word .word-p{margin: 17%;width: 80%;}
    .sec2-2 a.btn-ios, .sec2-2 a.btn-and{width: 100%;}
    .sec2-3{width:55%;left: 3%; justify-content: space-around;align-items: center;    bottom: 0%;}
    .sec2-2 .reward{position: absolute;content: "";width: 14rem;height: 12rem;top: -168%;left: 100%;}
    .sec2-3 .reward{position: absolute;content: "";width: 14rem;height: 12rem;top: -236%;left: 93%;}
    .sec2-2 .reward span,.sec2-3 .reward span{opacity: 0; position: absolute;content: "";width: 50%;top :40%;left: 50%;transform: translate(-50%,-50%);}
    /*.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 .star-box{width: 100%;height: 161%;top: auto;bottom: -11%;left: 88%;}
    .sec2-3 a{width: 90%;}
    .section2 .gif{width: 33%;left: 74%;bottom: 0%;}

    .sec2-2 .reward,.sec2-3 .reward{display: block;}

    /*.sec3{width: 94%;position: absolute;content: "";width: 80%;top: 14%;left: 10%;}*/
    /*.sec3-right,.sec3-left{position: relative;top: auto;left: auto;width: 100%;}*/
    .sec3 .btn-box{    width: 63%;bottom: 87.5%;left: 18%;}
    .sec3-right{width: 80%;top: 16.5%;left: 10.5%;height: 60%;}
    .sec3-right .wap-card{width: 120%;    margin-bottom: -3%;margin-left: -10%;}
    .sec3-right dl{justify-content: center;display: none;}
    .sec3-right dl dd{width: 53%;display: none;margin-bottom: 0;}
    .sec3-right dl dd:nth-child(1){display: block;    font-size: 1.2rem;}
    .btn-follow-list{     animation: animate-zoom 3s linear infinite;   position: relative;right: 0;width: 66%;display: block;margin: 2% auto 0;}
    .sec3-right .bot{text-align: center;}
    .sec3-left{ width: 78%;top: 54%;left: 12%;height: 35%;}
    .sec3-left .list{max-height: 64%;}
    .sec3-left .list dd{padding: 0.5rem 3% 0.5rem 3%;background: url(../images/task-bg-wap.png);background-size: 100% 100%;    margin-bottom: 2%;}
    .sec3-left .list dd .left{display: flex;align-items: center;font-size: 1rem;    justify-content: space-between;}
    .sec3-left .list dd .left p:first-child{margin-right:2%;letter-spacing: -0.5px;    font-size: 1.2rem; }
    .sec3-left .list dd.point a:before{left: 81%;height: 3.6rem;top: -30%;}
    .sec3-left .list dd a{margin-left: 0.5rem;}
    .btn-card-rule{    top: auto;bottom: 7%;right: 7%;}
    .section3 .zs{width:28%;    left: 0%;}
    .avator-box{width:76%;margin: 16% auto 0;align-items: flex-start;}
    .avator-box dd{width:25%;}
    .avator-box dd span{position: relative;background: none;margin-top: 1%;color: #325e98;font-size: 0.9rem;letter-spacing: 1px;}
    .sec3 .gif{    width: 67%;bottom: -1%;left: 56.5%;}
    .sec3 .gif .word{width: 62%;right: 45%;top: 52%;}
    .sec3-left .list dd:after{ right: 1.3%;}
    .sec3-left .list dd:before{ left: 2.5%;}
    .btn-follow-list span.finger{display: block;width: 20%;left: 90%;    bottom: -48%;top: auto;}

    .sec4{}
    .sec4 .light{ width: 100%;top: auto;left: auto;}
    .section4 .sec4{width: 100%;left: 0;top: 19%;}
    .section4 .sec4 .nav-top{width: 80%;flex-direction: row;    justify-content: center;transform: translate(0, 0%);top: -2%;left: 10%;    height: 7.5rem;}
    .section4 .sec4 .nav-top:before, .section4 .sec4 .nav-top:after{width: 3rem;height: 1px;top: 50%;left: 100%;background: linear-gradient(to right,#ffffff50,transparent);}
    .section4 .sec4 .nav-top:before{left: auto;right: 100%;background: linear-gradient(to right,transparent,#ffffff50);}
    .section4 .sec4 .nav-top span.line{width: 2rem;height: 1px;    margin: 0 0.5rem;}
    .section4 .sec4 .nav-top a{width: 3.5rem;}
    .section4 .sec4 .nav-top a.active{width: 7.5rem;height: 7.5rem;}
    .section4 .sec4 .nav-top a span.word{top: 103%;left: 50%;transform: translate(-50%, 0);    opacity: 1;}
    .section4 .sec4 .nav-top a.active span.word{font-size: 1.4rem;top: 98%;    left: 50%;}
    .section4 .sec4 .nav-bot{display: none;}

    .nav-bot-wap{display: block;}
    .section4 .sec4 .nav-bot-wap .li{    position: absolute;opacity: 0;content: "";width: 100%;height: 100%;top: 0;left: 0;}
    .section4 .sec4 .nav-bot-wap .li.active{opacity: 1;}
    .section4 .sec4 .nav-bot-wap .li .word{opacity: 1;top: 72%;width: 88%;left: 6%;}
    .section4 .sec4 .nav-bot-wap .li .swiper-button-prev4{}
    .section4 .sec4 .li .word .voice{transform-origin: center;    transform: scale(0.9);}
    .swiper-button-prev4,.swiper-button-next4{position: absolute;width: 5rem;height: 4rem;z-index: 10;cursor: pointer;top: 45%;left: 4%; background: url(../images/arrow.png)no-repeat center center;background-size: contain;-webkit-user-select: none; /*webkit浏览器*/
        -ms-user-select: none; /*IE10*/
        -khtml-user-select: none; /*早期浏览器*/
        user-select: none;}
    .swiper-button-prev4{transform: rotateY(180deg)}
    .swiper-button-next4{right: 4%;left: auto;}

    .section5{padding-top: 12%;}
    .section5 .title{    margin-bottom: 4%;}
    .sec5{    width: 96%;margin-top: 5%;}
    .sec5 .milestone .road{width: 320%;bottom: 12%;}
    .pic-milestone{overflow: hidden;padding-bottom: 4%;padding-bottom: 4%;padding-bottom: 4%;}
    .sec5 .milestone{width: 100%; position: relative;display: block;    z-index: 2;}
    .sec5 .milestone .swiper-slide .ydc{    width: 13%;top: 47%;right: 20%;}
    .sec5 .milestone .swiper-slide{margin: 0%;margin-top: 0%;width: 100%;}
    .sec5 .milestone .swiper-slide:nth-child(2){margin-top: 0%;}
    .sec5 .milestone .swiper-slide:nth-child(3){margin-top: 0%;}
    .sec5 .milestone .swiper-slide:nth-child(4){margin-top: 0%;}
    .sec5 .milestone .swiper-slide:nth-child(5){margin-top: 0%;}
    .sec5 .milestone .swiper-slide:nth-child(6){margin-top: 0%;}
    .swiper-milestone{padding-bottom: 27%;}
    .sec5 .milestone .swiper-slide .star-box{height: 98%;}
    .sec5 .draw-reward{top: auto;     margin-top: 4%;   position: relative;right: 0;width: 100%;margin-bottom: 5%;}
    .sec5 .draw-reward .zs-per,.sec5 .draw-reward>img{display: none;}
    .sec5 .draw-reward a{width: 52%;margin-top: 6%;}
    .sec5 .swiper-pagination3{bottom: 0;    position: relative;}
    .sec5 .swiper-pagination-bullet{opacity: 1;width: 1rem;height: 1.5rem; background: #cbdaff;   margin: 0 2.5%!important; border-radius: 50%;background: url(../images/dot1.png)no-repeat bottom center;background-size: 100% 100%;}
    .sec5 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.5rem;height: 2rem;border-radius: 0; background: url(../images/dot1-active.png)no-repeat bottom center;background-size: 100% 100%;}
    .sec5 .swiper-button-prev3,.sec5 .swiper-button-next3{position: absolute;width: 5rem;height: 4rem;z-index: 10;cursor: pointer;top: 27%;left: 3%; background: url(../images/arrow2.png)no-repeat center center;background-size: contain;}
    .sec5 .swiper-button-prev3{transform: rotateY(180deg)}
    .sec5 .swiper-button-next3{right: 3%;left: auto;}
    .sec5 .milestone .swiper-slide .star-box .star:nth-child(2){left: 66%;width: 4rem;}
    .sec5 .milestone .swiper-slide .star-box .star:nth-child(3){width: 5rem;top: 11%;left: 39%;}

    .sec5 .btn-box a{width:45%;}
    .sec5 .milestone .box .per{bottom: -16%;left: 59%;}
    .sec5 .milestone .box .word-box{top: 61%;}
    .sec5 .milestone .per-gif{    width: 20%;bottom: -31%;left: 32%;}
    .sec5 .milestone .box .reward-inner{bottom: -6%;}
    .sec5 .milestone .box .ydc{bottom: -17%;}

    .section6 .title{margin-bottom: 10%;}
    .section6{background: url(../images/bg6-wap.jpg) no-repeat center center;background-size: 100% 100%;    padding: 13% 0 9%;}
    .sec6{width: 94%;margin: -6% auto 0;}
    .sec6 .secpic{display: none;}
    .sec6 .pic-feature{display: block;}
    .section6 p.gz{width: 53%;margin: 7% auto 0;}
    .sec6 .gif{width: 39%;bottom: -16%;left: 68%;z-index: 6;}
    .sec6 .swiper-button-prev, .sec6 .swiper-button-next{    top: 95%;width: 3.5rem;z-index: 15;}
    .sec6 .swiper-pagination-bullet{margin: 0 2%!important;}

    .foot-btn a.foot-st{display: block;}
    .foot-btn a{width: 40%;}

    .foot-btn{display: flex;z-index: 7;position: relative;justify-content: space-evenly;margin: 7% 0 6%;padding:0 0 0 6%;}
    .foot-link{width: 88%;padding: 3%;flex-wrap: wrap; justify-content: center; display: none;   margin: 0 1%;  margin: 5% auto 5%;}
    .foot-link a{width: 19%;margin:0 6%;margin-bottom: 4%;}
    .foot-link a .word{font-size: 1rem;}
    .page-notice{width: 88%;padding: 1rem;background: url("../images/rule-bg.png")no-repeat center center;background-size: 100% 100%; font-size: 1rem;line-height: 1.8rem;    max-height: 17.5rem;overflow: auto; overscroll-behavior: contain;   margin-bottom: 8%;display: none;}

    .foot{padding: 5% 0 23%;width: 90%;font-size: 1rem;    line-height: 1.4rem;}
    .copyright,.copyright .foot-box{display: block;}
    .foot-left{margin-bottom: 2%;}
    .foot .ri{text-align: left;margin-top: 3%;font-size: 1rem;    line-height: 1.4rem;}
}
@media(max-width:395px){
    .sec2-gift-bg{transform: scale(0.75);    left: -5%;top: -25%;}
}
@media(max-width:360px){
    .sec2-gift-bg{transform: scale(0.7);    left: -9%;top: -30%;}
}

/*公共飘窗样式*/
.fc{position: fixed;width:12%;right: -50%;top: 50%;z-index: 1000; transform: translate(0,-50%);text-align: center;z-index: 11;transition: all 1s ease;}
.fc.active{transform:translate(85%,-50%);transition: all 1s ease;}
.fc .pic{position: absolute;width: 88%;bottom: 72%;left:52%;transform:translate(-50%,0);z-index: 1;}
.fc .pic a{position: absolute;width: 100%;top: 0;left: 0;display: block;}
.fc.active .fc-close{opacity: 1;}
.fc .fc-btn{position:absolute;width: 66%;left: 19%;top: 31%;}
.fc .fc-btn a{display: flex;align-items: center;justify-content: center;;width: 89%;margin: 0 auto 4%;    font-size: 1.1rem;font-family: 'systb'; line-height: 2.6rem;   border-radius: 0.4rem;position: relative;overflow: hidden;padding: 0;}
.fc .fc-btn a span{background: linear-gradient(#fff,#aed5ff);color: #fff;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fc .fc-btn a img.fc-fblike{    width: 1.8rem;margin-right: 0.3rem;}
.fc .fc-btn a:hover{}
.fc .fc-btn a.btn-ios,.fc .fc-btn a.btn-google{margin-bottom: 6%;width: 100%;}
.fc-close{position: absolute;width: 15%;top: 50%;left: 0;transform: translate(0,-50%);opacity: 0;}
.btn-top{position: absolute;width: 26%;height:13%;bottom: 2%;left: 53%;transform: translate(-50%,0);}

.fc-reward{position: absolute;width:10%;right: 0%;top: 42%;z-index: 1000; transform: translate(0,-50%);text-align: center;z-index: 20;transition: all 1s ease;}
.fc-reward a{position: absolute;content: "";    width: 73%;top: 12%;left: 54%;transform: translate(-50%, 0);height: 26%;overflow: hidden;}
.fc-reward a.fc-reward2{top: 40%;}
.fc-reward a.fc-reward3{top: 68%;}

.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: 17%;right:2%;z-index: 3;}
/*.pic-fc-bot .swiper-slide{opacity: 0!important;}*/
/*.pic-fc-bot .swiper-slide-active{opacity: 1!important;}*/
/*.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;}

body.scroll .fc{right: 0;}
body.scroll .fc-reward{right: -50%;}
@media(max-width:1650px){

}
@media(max-width:1200px){

}
@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){
    body.scroll .fc-bot{opacity: 1;display: block;}
    .fc{display: none;}
    .fc-reward{display: none;}
}


.pop-selfclose{ position: fixed;top:50%;left: 50%;    width: 20rem;transform: translate(-50%,-50%);display: none; z-index: 999999;background: url(../images/post-bg.png)no-repeat center center;background-size: 100% 100%;text-align: center;}
.pop-selfclose span{ font-weight: bold;color: #fff; font-size: 1.3rem;line-height:4rem;text-shadow: 0 0 5px #1b4959; }
.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;}

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


.popup{width:25%;padding:1% 2% 3%;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:after{position: absolute;content: "";width: 2rem;height: 12rem;top: 0;right:-1%;    z-index: -1; background: url("../images/pop-zs.png")no-repeat center top;background-size: contain;}
.popup.pop-nobg{background: none;padding: 0;}
.popup.pop-nobg:after{display: none;}

.popup .pop-title{position: relative; line-height: 3rem; font-size: 2.2rem; text-align: center;margin-bottom: 3%;padding-bottom: 2%;}
.popup .pop-title:after{position: absolute;content: "";width: 70%;height: 1rem;: 0;bottom: 0; left: 50%;transform: translate(-50%,0); background: url("../images/pop-title-zs.png")no-repeat center bottom;background-size: contain;}
.popup .pop-title span{display: inline-block;font-size: 2.2rem;font-weight: bold;background: linear-gradient(to right,#0a2b4a,#2d637a);color: #0a2b4a;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pop-inner{color: #114773;font-size: 1.1rem;line-height: 1.8rem;}
.pop-inner span{color: #bf612e;}
.pop-inner span.red{color: #ff2121;text-shadow: 0 0 5px #ffe4e4;}
.pop-inner .copy{color: #bf612e;}
.popup .word-jb{background: linear-gradient(#fff,#e4ec6e);color: transparent;-webkit-background-clip: text;font-size: 1.6rem;}
.popup .copy{font-size: 0.9rem;}
.popup .close{position: absolute;top:-1%; left: 94%;width: 2rem;cursor: pointer; }
.popup .btn-box{}
.popup .btn{background: url("../images/btn.png");background-size: 100% 100%;font-size: 1.2rem;line-height: 3.2rem;color: #fff;text-shadow: 0 0 5px #173577;}
.popup .btn1{background: url("../images/btn1.png");background-size: 100% 100%;font-size: 1.2rem;line-height: 3.2rem;color: #fff;text-shadow: 0 0 5px #773117;}
.font-samll{font-size: 1rem;}

.popup .num{color: #595c67;font-size: 0.9rem;line-height: 1.8rem;letter-spacing: 0.5px;}

.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-start{display: block}*/
.popup-start{text-align: left;width: 27%;max-width: none;margin-top: -3.5%;    margin-left:0%;text-align: center;color: #fff;}
.popup-start .countdown{display: flex;justify-content: center;font-size: 2.2rem;    margin-top: -7%;margin-bottom: 2%;line-height: 2.6rem;color: #fff;}
.popup-start .countdown span{color: #fffdcd;border-radius: 0.5rem;border: 2px #be9494 solid;font-weight: bold;font-family: "微软雅黑";    padding: 1% 4%;margin: 0 2%;background: linear-gradient(#d6634c,#a33c28);    text-align: center;}
.popup-start .pop-reser-box{width: 75%;margin: 2% auto 0;}
.popup-start .pop-reser-box .phone-box .telephone,.popup-start .pop-reser-box .phone-box input.phone{     color: #606985; line-height: 2.8rem;height: 2.8rem; font-size:0.8rem;}
.popup-start .pop-reser-box .phone-box input.phone::-webkit-input-placeholder{ color: #606985; }
.popup-start .phone-box{background: url(../images/input-bg-pop.png) no-repeat center center;background-size: 100% 100%;}
.popup-start .finger{width: 20%;top: 61%;left: 88%;}
.popup-start .reward-box{position: absolute;content: "";width: 85%;top: 66.1%;left: 7%;height: 23%;align-items:center; justify-content: space-between;display:flex;}
.popup-start .reward-box span{width: 28%;position: absolute;content: "";top: 0;left: 0;opacity: 0;}
.popup-start .reward-box span.active{opacity: 1;}
.popup-start .reward-box span:nth-child(2){width: 40%;top: -17%;left: 30.7%;}
.popup-start .reward-box span:nth-child(3){left: auto;right: 0;}
/*.popup-start .reward-box span:nth-child(2){transform: scale(1.8);transform-origin: center center;}*/

.popup-start .btn-reser-start{width: 66%;margin:3% auto 0;display: block; animation: animate-zoom 3s linear infinite;}
.popup-start .btn-reser-start .pic{position: relative;display: block;}
.popup-start .btn-reser-start .reward{position: absolute;content: "";width:51%;bottom:-28%;left: 53%;transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;}
.popup-start .gif-word{position: absolute;content: "";width:24%;top: 0%;left: 75%; }
.popup-start .gif-word span{color:#513f24;font-size: 2rem;line-height: 2rem;display: flex;align-items: center;justify-content: center;}
.popup-start .btn-box{ position: absolute;content: "";width:36.8%;top: 54%;left: 43.8%;height: 14.5%;align-items: stretch; justify-content: space-between;}
.popup-start .btn-box span{width: 26.6%;position: relative;cursor: pointer;}
.popup-start .btn-box span b{width: 1rem;height: 1rem; position: absolute;content: "";top: -6%;right: -7%;}
.popup-start .btn-box span b:after{position: absolute;content: "";width:100%;height: 100%;top: -12%;right: 0;background: #fff;border: 2px #d77265 solid;z-index: 2;border-radius: 50%;}
.popup-start .btn-box span.active{box-shadow: 0 0 20px #db1f06c7;}
.popup-start .btn-box span b img{display: none;}
.popup-start .btn-box span.active b img{position: relative;z-index: 3;display: block;}
/*.popup-start .btn-box span.active b img{display: block;}*/
/*.popup-start .btn-box span.active b:after{position: absolute;content: "";width: 92%;height: 82%;background: #fff;border-radius: 50%;border: 1px #d77265 solid;top: 6%;right: 5%;z-index: 0;}*/
.popup-start .bubble{position: absolute;content: "";width: 25%;top: 23%;left: 79%;}
.popup-start .bubble .word{position: absolute; padding: 8% 5% 12% 5%;font-size:1.2rem;line-height:1.5rem;color:#513f24 ;text-align:center;width:100%;background: url("../images/bubble-start.png")no-repeat center center;background-size: 100% 100%;}
.popup-start .close{top: auto;    bottom: 92%;left: 93%;width: 2rem;}
.popup-start .broadcast-start{position: absolute;content: "";width: 74%;left: 11%;top: 41.5%;font-size: 1rem; background: linear-gradient(to right,#f5a06700,#f5a067,#f5a067,#f5a067,#f5a067,#f5a067,#f5a06700);}
.popup-start .broadcast-start .bd{overflow: hidden;height: 1.6rem;}
.popup-start .broadcast-start .bd li{width: auto!important;padding-right: 2rem;color: #fff;}
.popup-start .broadcast-start .bd li p{display: inline-block;line-height: 1.6rem;font-size: 0.8rem;}
.popup-start .reward{position: absolute;content: "";width: 67%;left: 15.5%;top: 51.5%;display: flex;align-items: center;justify-content: space-between;}
.popup-start .reward>div{flex:1;position: relative;cursor: pointer;}
.popup-start .reward>div{position: relative;z-index: 1;}
.popup-start .reward>div span.active{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: 2;}
.popup-start .reward>div.active span.active{opacity: 1;}
.popup-start .reward>div:after{opacity: 0; position: absolute;content: "";width: 85%;height: 93%;top: 5%;left: 6%;background: #24df00;z-index: 0;box-shadow: 0 0 2.5rem #24df00;animation: animate-zoom 3s linear infinite;border-radius: 2rem;}
.popup-start .reward>div.active:after{opacity: 1;}
.popup-start .star{}
.popup-start .star span{position: absolute;content: "";width: 2rem;bottom: -2%;left: 13%;    animation: animate-zoom 1s linear infinite;}
.popup-start .star span:nth-child(2){width:3rem;bottom: -2%;left: 6%;}
.popup-start .star span:nth-child(3){width: 2.6rem;bottom: 48%;left: 85%;}

.popup-start-close{background: #d3d3d3!important;color:#000;border-radius: 1.5rem;width: 20rem;text-align: center;}
.popup-start-close .top{padding: 1rem;border-bottom: 1px rgba(0,0,0,0.3) solid;}
.popup-start-close .top p{line-height: 2.2rem;font-size: 1.2rem;}
.popup-start-close .bot{display: flex;justify-content: space-between;align-items: center;}
.popup-start-close .bot a{display: block;flex: 1;line-height: 3.6rem;font-size: 1.3rem;}
.popup-start-close .bot a.btn-getreward{color:#138dff ;border-left: 1px rgba(0,0,0,0.3) solid;}

.popup-video{max-width: 60rem;width: 50%;padding: 1% 2% 2%;}
.popup-video iframe{width: 100%;height: 32rem;}
.popup-video.popup:after{right: 1%;}

/*.popup-reserve{display: block}*/
.popup-reserve{width:35%;margin-top: -3%;}
.popup-reserve .broadcast{position: absolute;content: "";width:55%;top: 89%;left: 29%;padding: 0 1%;background: url("../images/post-bg.png");background-size: 100% 100%;}
.popup-reserve .broadcast .bd{overflow: hidden;height: 1.8rem;}
.popup-reserve .broadcast .bd li{width: auto!important;padding-right: 2rem;color: #fff;text-shadow: 0 0 3px #1e7b80;}
.popup-reserve .broadcast .bd li p{display: inline-block;line-height: 1.8rem;font-size: 0.8rem;}
.popup-reserve .num{position: absolute;content: "";width: 44%;top: 30%;left: 38%;padding: 0;}
.popup-reserve .num-reward{position: absolute;content: "";display: flex;justify-content: center;align-items: center; width: 75%;top: 82.5%;left: 10%;color: #fff;font-size: 1rem;}
.popup-reserve .num-reward span{color: #fff;font-size: 1.4rem;margin:0 5px;font-weight:bolder;line-height: 1.5rem;font-family: "微软雅黑";background: linear-gradient(#ffe89b, #fff);-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;}

.popup-reserve .bot{position: absolute;content: "";width: 59%;left: 18%;top:86%;display: flex;align-items: center;}
.popup-reserve .bot .lead{flex:1;margin-right: 2%;}

.popup-reserve .btn-box{width: 76%;    margin-top: 3%; }
.popup-reserve .btn-box .finger{animation: animate-zoom 3s linear infinite; top: 55%;width: 36%;left: 84%;display: none;}
.popup-reserve .btn-box a{width: 100%;margin:0 2%;    overflow: inherit;}
.popup-reserve .btn-box a span.pic{position: relative;display: block;overflow: hidden;border-radius: 4px;    animation: animate-zoom 3s linear infinite;}
.popup-reserve .smm{position: absolute;content: "";width: 12%;height:12%;bottom: 25%;left:21%;}
.popup-reserve .smm span{box-shadow: 0 0 5px #ffdc9d;position: absolute;content: "";width: 110%;height:2px;top: 0%;left:-5%;background: #b56843;animation: sx 3s linear infinite;}
.popup-reserve .gif{position: absolute;content: "";width:7.5%;top: 53%;left: 43%;bottom: auto;transform: rotateY(180deg);}
.popup-reserve .star-box{position: absolute;content: "";width: 44%;height: 14%;top: 39%;left: 41%;}
.popup-reserve .close{left: 82%;top: 20%;}

.b-modal{opacity: 0.85!important;}
.popup-rule p{display: flex;align-items: flex-start;}
.popup-rule i{flex: 1;font-style: normal; }
.popup-rule b.dot{width: 1.4rem;line-height: 1.4rem;    margin-top: 0.2rem;background: linear-gradient(#244d77,#38779d);  border-radius: 50%;  color: #fff;  display: inline-flex;  justify-content: center;  align-items: center;  margin-right: 0.2rem;}
.popup-card-rule p{display: flex;align-items: flex-start;}
.popup-card-rule i{flex: 1;font-style: normal; }
.popup-card-rule b.dot{width: 1.4rem;line-height: 1.4rem;    margin-top: 0.2rem;background: linear-gradient(#244d77,#38779d);  border-radius: 50%;  color: #fff;  display: inline-flex;  justify-content: center;  align-items: center;  margin-right: 0.2rem;}


.num .copy{color:#9c7c6e;}
.red-dot{position: absolute;content: "";width: 13%;top: -25%;right: -4%;z-index: 2;}
.popup-reserve .countdown{position: absolute;content: ""; font-size: 1rem;   width: 14.5%;left: 13%;top: 29.8%;color: #ffe776;display: flex;align-items: center;justify-content: space-between;}
@keyframes sx {
    0% {top: 0%;}
    50% {top: 100%;}
    100% {top: 20%;}
}

/*.popup-store{display: block}*/
.popup-store{width: 25%;}
.popup-store .close{top: 30%;left: 90%;}
.popup-store .num{position: absolute;content: "";width: 44%;top: 40%;left: 42%;padding: 0;}
.popup-store .btn-box{    position: absolute;top: 86%;left: 20%;width: 60%;}
.popup-store .btn-box a{width: 100%;animation: animate-zoom 3s linear infinite;}
.popup-store .btn-box .red-dot{    width: 9%;top: -13%;right: 10%;}
.popup-store .star-box{position: absolute;content: "";width: 50%;height: 40%;top: 55%;left: 49%;z-index: 2;}

/*.popup-like{display: block}*/
.popup-like{width: 45%;margin-left: -5%;}
.popup-like .num{position: absolute;content: "";width: 45%;top: 34%;left: 41%; }
.popup-like .btn-box{position: absolute;width: 41%;left: 43%;    top: 78%;}
.popup-like a{width: 100%;animation: animate-zoom 3s linear infinite;}
.popup-like .btn-box .red-dot{    width: 10%;top: -30%;right: 11%;}
.popup-like .close{top: 16%;left: 85%;}
.popup-like .star-box{position: absolute;content: "";width: 50%;height: 40%;top: 50%;left: 46%;z-index: 2;pointer-events: none;}


.finger-gif{position: fixed;width: 100%;height: 100%; top: 0%;left: 0%;z-index: 1000;background: rgba(0, 0, 0, 0.7);opacity: 0;pointer-events: none;}
.finger-gif span{position: absolute;width: 0%;top: 50%;left: 50%;transform: translate(-50%,-50%) rotateY(0deg);transition: all 1s ease;transform-origin: center;}
.finger-gif.active span{width: 22%;}
.finger-gif.active1 span{transform:translate(-50%,-50%) rotateY(180deg);}
/*.popup-result{display: block;}*/
.popup-result{width: 22%;}
.popup-result{transition:all 1s ease;transform:scale(0.5) translate(-50%,-50%)!important;opacity: 0;transform-origin: top left; }
.popup-result.active{transition:all 1s ease;transform: scale(1) translate(-50%,-50%)!important;opacity: 1; }
.popup.popup-result:after{display: block;z-index: -1;top: 2%;right: -6%;}
.popup-result .btn-box{position: absolute;content: "";top: 77%;left: 50%;width: 80%;transform: translate(-50%, 0);}
.popup-result .btn-box a{width: 48%;animation: animate-zoom 3s linear infinite;}
.popup-result .close{left:95%;top: 8%;}
.popup.popup-result:after{top: 10%;}

.card-gif-box{position: fixed;background: #000000e0;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;display: none;}
.card-gif{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.card-gif-box .close{position: absolute;content: ""; top: 4rem;right: 4rem; height: 4rem;width: 3rem;z-index: 3;}

.popup-paint{width: 55%;}
.popup-paint a.btn-result{position: absolute;content: "";bottom: 18%;right: 27%;width: 13%;height: 16%;z-index: 3;}
.popup-paint .close{top: 3%;left: 74%;}
#signature{position: absolute;content: ";";width: 54%;top: 25%;left: 22%;height: 62%;z-index: 1;}
#signature canvas{background: rgba(255,255,255,0)!important; height: 100%;   position: absolute;content: "";width: 100%;top: 0;left: 0;}

/*.popup-recruit{display: block;}*/
.popup-recruit{width: 25%;}
.popup-recruit .num{position: absolute;content: "";width: 100%;top: 15%;left: 0;padding: 0 8%;}
.popup-recruit .btn-box{position: absolute;content: "";top: 62%;left: 16%;width: 65%;display: flex;align-items: center;justify-content: center;}
.popup-recruit .btn-box a{width: 100%;animation: animate-zoom 3s linear infinite;}
.popup-recruit .close{left: 92%;    top: 1%;}

/*.popup-follow-list{display: block;}*/
.popup-follow-list{width: 38%;    margin-left: 4%;}
.popup-follow-list .pop-nav{display: flex;align-items: center;justify-content: space-between;position: absolute;bottom: 98%;width: 43%;left: 9%;}
.popup-follow-list .pop-nav a{background:url("../images/btn4.png");background-size: 100% 100%;width: 33%; }
.popup-follow-list .pop-nav a.active{background:url("../images/btn3.png");background-size: 100% 100%; }
.popup-follow-list .pop-bot dd{display: none;}
.popup-follow-list .pop-bot dd.active{display: block;}
.popup-follow-list .avator{position: absolute;content: "";width: 8%;top: 11%;right: 23%;height: 42%;z-index: 3;}
.popup-follow-list .avator .gallery-thumbs{width: 100%;height: 100%;}
.popup-follow-list .avator .gallery-thumbs1{width: 100%;height: 100%;}
.popup-follow-list .avator .gallery-thumbs2{width: 100%;height: 100%;}
.popup-follow-list .avator .swiper-slide{cursor: pointer;filter: brightness(0.8);}
.popup-follow-list .avator .swiper-slide-thumb-active{filter: brightness(1.1);}
.popup-follow-list .swiper-button-prev2{cursor:pointer;background: url("../images/arrow.png")no-repeat center bottom;background-size: contain; position: absolute;content: "";width: 60%;bottom: 100%;left: 50%;transform: translate(-50%,0);height: 2rem;}
.popup-follow-list .swiper-button-next2{cursor:pointer;background: url("../images/arrow.png")no-repeat center bottom;background-size: contain;position: absolute;content: "";width: 60%;top: 100%;left: 50%;transform: translate(-50%,0) rotateX(180deg);height: 2rem;}
.popup-follow-list .yh{position: absolute;content: "";width: 69%;top: 3%;left: 10%;}
.popup-follow-list .close{left: 84%;}

.popup-invited-friend .inputbox{background:url("../images/input-bg.jpg");background-size:100% 100%;border-radius: 0.5rem;font-size: 1.1rem;line-height: 3rem;margin: 4% auto;}
.popup-invited-friend p{font-size: 1.4rem;}
.popup-invited-friend p.small{font-size: 1rem;margin-top: 1rem; }
.popup-invited-friend p span{font-size: 2.4rem;font-weight: bold;margin: 0 2%;}

.popup .title-pic{width: 51%;margin: 0 auto 4%;}

/*.popup-create{display: block;}*/
.popup-create{width: 36.7%;padding:7% 6% 2%;background:url("../images/xm-bg.png")no-repeat center center;background-size: 100% 100%; }
.popup-create .close{left: 90%;}
.popup-create form>div{margin-bottom: 4%;display: flex;align-items: center;justify-content: space-between;font-family: "Microsoft YaHei";color: #49260d;}
.popup-create label{width: 9rem;text-align: left; }
.popup-create label b{opacity: 0; }
.popup-create input,.popup-create textarea{flex:1;font-size: 1.1rem;line-height: 3rem; color:#49260d;font-family: "Microsoft YaHei";   min-width: 0;padding-left: 2%;background:url("../images/input-bg.png")no-repeat center center;background-size: 100% 100%; }
.popup-create input::-webkit-input-placeholder,.popup-create textarea::-webkit-input-placeholder{color:#b29680; }
.popup-create select{font-family: "Microsoft YaHei";padding:0 2%;flex:1;font-size: 1.1rem;line-height: 3rem;height:3rem;color: #49260d;; background:url("../images/input-bg.png")no-repeat center center;background-size: 100% 100%; }
.popup-create .btn-box a{width: 55%;margin: 3% auto 0;}

/*.popup-invite{display: block;}*/
.popup-invite{width: 36.7%;padding:7% 6% 2%; }
.popup-invite .close{left: 90%;}
.popup-invite .btn-box{margin-top: 2%;}
.form.from-details>div{font-family: "Microsoft YaHei";  display: flex;align-items: center;justify-content: space-between;padding: 0.7rem 3%;margin-bottom: 3%;line-height:1.3rem;background:url("../images/paper.png")no-repeat center center;background-size: 100% 100%;}
.form.from-details>div:first-child{}
.form.from-details>div .left{width: 40%;color: #49260d;}
.form.from-details>div .right{flex: 1;color: #a47b5c;text-align: left;}

.popup-create-success,.popup-invite-success{padding-bottom: 1%;}
.popup-create-success .btn-box,.popup-invite-success .btn-box{width: 60%;margin: 3% auto 3%}
.popup-create-success .btn-box a,.popup-invite-success .btn-box a{width: 5rem;}
.popup-create-success .btn-box a:hover,.popup-invite-success .btn-box a:hover{filter: brightness(1.2);}

/*.popup-datails{display: block;}*/
.popup-datails{width: 36.7%;padding:7% 6% 2%;background:url("../images/xm-bg.png")no-repeat center center;background-size: 100% 100%;}
.popup-datails .close{left: 90%;}

.popup-myxm{width: 36.7%;padding:7% 6% 2%;background:url("../images/xm-bg.png")no-repeat center center;background-size: 100% 100%;}
.popup-myxm .close{left: 90%;}
.popup-myxm .btn{font-size: 1.2rem;line-height: 3.2rem;}

.popup-xm-list dl{max-height: 25rem;overflow: auto;overscroll-behavior: contain;}
.popup-xm-list dl dd{display: flex;align-items: center;justify-content: space-between;margin-bottom: 3%;}
.popup-xm-list dl dd p.name{width: 8rem;}
.popup-xm-list dl dd .btn-box .btn1{font-size: 1rem;line-height: 2rem;width: 5rem;margin: 0 2px;}
.popup-xm-list dl dd .btn-box .btn2{font-size: 1rem;line-height: 2rem;width: 5rem;margin: 0 2px;}


/*.popup-rule{display: block}*/
.popup-rule,.popup-card-rule{width: 37%;text-align: left;}
.popup-rule p,.popup-card-rule p{margin-bottom: 2%;}
.popup-rule .pop-inner,.popup-card-rule .pop-inner{font-size: 1rem;max-height: 26rem;overflow: auto;overscroll-behavior: contain;}

/*.popup-record{display: block}*/
.popup-record{width: 30%;color:#49260d;  }
.popup-record .pop-inner{overflow: auto;max-height: 30rem;overscroll-behavior: contain;}
.popup-record .pop-inner>div{display: flex;justify-content: space-between;padding: 0.3rem 0;text-align: center;align-items: center;}
.popup-record .pop-inner p{flex: 1 1 38%;font-size: 1rem;padding:0.5rem 0%;background: url(../images/input-bg.jpg)no-repeat center center;background-size: 100% 100%;margin: 0 2%;}
.popup-record .pop-inner p:nth-child(1){overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.popup-record .pop-inner p:nth-child(2){color: #bf612e;}
.popup-record .pop-inner a{width: 6rem;display: block;min-width: inherit; line-height:2.5rem;font-size: 1rem;text-align: center;text-decoration:none;color: #fff;padding: 0; }

@media(max-width:1920px){

}
@media(max-width:1550px){

}
@media(max-width:1200px){
    .pop-inner{font-size: 1.2rem;}
    /*.popup-create{width: 44%;padding: 7% 8% 2%;}*/
    /*.popup-invite{width: 44%;padding: 7% 8% 2%;}*/
    /*.popup-datails{width: 44%;padding: 7% 8% 2%;}*/
}
@media(max-width:900px){
    .popup{}
    .popup .num-reser{font-size: 1.2rem;}
    .pop-inner{max-height: 32rem;font-size: 1.3rem;line-height: 1.8rem;}
    .popup .close{width: 2.4rem;}

    /*.popup-start .countdown{font-size: 1.5rem;line-height: 2.4rem;}*/
    .popup-start .pop-reser-box .phone-box .telephone, .popup-start .pop-reser-box .phone-box input.phone{font-size: 1rem;line-height: 2.5rem;}
    .popup-start .pop-reser-box .phone-box input.phone{padding-left: 3%;}
    .popup-start .btn-box a{width: 32%;font-size: 0.9rem;.popup-start .bubble}
    .popup-start .bubble{width: 31%;top: 18%;}
    .popup-start .bubble .word{font-size: 1rem;}
    .popup-result{width: 42%;}

    .popup-create{width: 50%;padding: 10% 8% 4%;}
    .popup-create form>div{margin-bottom: 2%;}

    .popup-invite{width: 50%;padding: 10% 8% 4%;}

    .popup-datails{width: 50%;padding: 10% 8% 4%;}

    .popup.popup-record{width: 60%;}
}
@media(max-width:540px){
    .popup{width: 85%;padding: 4% 4% 9%;}
    .popup .pop-title{}
    .popup .pop-title span{font-size: 2.2rem;}
    .pop-inner{max-height: 66rem;font-size: 1.2rem;line-height: 1.8rem;}
    .popup .close{top: auto;left: auto;bottom: 95%;right: 0;}
    .popup .num-reser{font-size: 1.5rem;}
    .popup .copy{font-size: 1rem}
    .popup .word-jb{font-size: 1rem;}


    .popup-start{width: 100%;      margin-left: 0;  margin-top: -2%;}
    /*.popup-start .countdown{font-size: 3rem;line-height: 2rem;width: 33%;top: 17.5%;left: 53%;}*/
    .popup-start .close{top: auto;bottom:93%;right: 1%;  }
    .popup-start .countdown{top: 57%;}
    /*.popup-start .countdown{ width: 41%;left: 29.5%;top: 45.3%;font-size: 1.8rem;line-height: 3rem;}*/
    .popup-start .pop-reser-box{width: 86%;
        left: 7.5%;
        top: 97%;}
    .popup-start .pop-reser-box .phone-box .telephone, .popup-start .pop-reser-box .phone-box input.phone{font-size: 1.1rem;    height: 3.4rem;line-height: 3.4rem;}
    /*.popup-start .pop-reser-box .phone-box input.phone{padding-left: 5%;}*/
    .popup-start .btn-reser-start{margin-top: 3%;width: 62%;}
    .popup-start .bubble{top: 44%;left: 76%;width: 24%}
    .popup-start .bubble .word{line-height: 1.2rem;}
    .popup-start .btn-box{     width: 64.2%;left: 18%;top: 59.4%;height: 13.1%;}
    .popup-start .btn-box span{ width: 26%;}
    .popup-start .btn-box span b:after{border:1.5px #d77265 solid}
    /*.popup-start .btn-box span b{width: 23%;top: -7%;right: -9%;}*/
    /*.popup-start .btn-box span.active b:after{    width: 92%;height: 94%;background: #fff;border-radius: 50%;border: 2px #d77265 solid;top: 1%;right: 0%;}*/
    .popup-start .btn-box a.btn{width: 29%;}
    .popup-start .reward{width: 78%;left: 12%;top: 52.5%;}
    .popup-start .broadcast-start{width: 85%;left: 9%;}
    .popup-start .star span:nth-child(2){left: 1%;}
    .popup-start .star span:nth-child(3){left: 93%;}
    .popup-start .broadcast-start .bd{height: 2rem;}
    .popup-start .broadcast-start .bd li p{;line-height: 2rem;font-size: 1rem;}

    .popup-start-close{width: 22rem;}

    .popup .num{font-size: 1.1rem;}

    .popup-video{min-height: 24%;width: 100%;padding: 4%;}
    .popup-video iframe{height: 20rem;}

    .popup-reserve{    width: 100%;margin-left: 0;margin-top: -10%;}
    .popup-reserve .broadcast{width: 80%;top:96.3%;left: 12%;}
    .popup-reserve .broadcast .bd{height: 1.6rem;}
    .popup-reserve .broadcast .bd li p{line-height: 1.6rem;}
    .popup-reserve .num{    width: 77%;top: 42.5%;left: 11%;}
    .popup-reserve .num-reward{top: 81%;left: 14%;}
    .popup-reserve .bot{width: 60%;left:20%;top:84%;align-items: center;}
    .popup-reserve .btn-box .finger{top: 14%;}
    .popup-reserve .pop-inner{position: absolute;width: 75%;top: 77%;right: 8%;}
    .popup-reserve .smm{display: none;}
    /*.popup-reserve .lead,.popup-reserve .red-dot{display: block;}*/
    .popup-reserve .pic a.btn-sotre{position: relative;width: 60%;bottom: auto;right: auto;margin: 4% auto;display: block;}

    .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: 79%;right: 9%;}
    /*.popup-reserve .bot .lead{position: absolute;content: "";width: 25%;bottom: 121%;left: 0%;}*/
    .popup-reserve .btn-box{ position: relative;   width: 64%;    margin-top: 7%;}
    .popup-reserve .btn-box .finger{ display: block;}
    .popup-reserve .btn-box a{width: 100%;    margin-bottom: 2%;}
    .popup-reserve .btn-box .red-dot{display: none;}
    .popup-reserve .gif{    width: 12%;top: 59%;left: 58%;}
    .popup-reserve .countdown{width: 21.5%;left: 12.5%;top: 39.5%;}
    .popup-reserve .star-box{    width: 75%;height: 14%;top: 51%;left: 19%;}

    .popup-store{width: 86%;margin-left: 0;margin-top: -14%;}
    .popup-store .num{    width: 76%;top: 51%;left: 12%;}

    .popup-store .close{     bottom: 65%;right: 4%;}
    .popup-store .star-box{width: 50%;height: 40%;top: 64%;left: 28%;}

    .popup-like{width: 106%;margin-left: 0;margin-top: -15%;}
    .popup-like .num{  left: 12%;    width: 78%;top: 51%;}
    .popup-like .btn-box{width: 78%;left: 12%;top: 88%;}
    .popup-like .close{    bottom: 59%;right: 10%;}
    .popup-store .star-box{    width: 91%;height: 40%;top: 65%;left: 21%;}

    .popup-result{width:75%;   }
    .popup-result .btn-box{width: 90%;top:75%;}
    .popup-result .close{bottom: 87%;right: -4%;}
    /*.card-gif{width: 300%;left: -103%;}*/

    .popup-create{width: 116%;padding: 16% 19% 6%;}
    .popup-create form>div{margin-bottom: 4%;}
    .popup-create .close{right: 13%;}

    .popup-invite{width: 116%;padding: 16% 19% 6%;}
    .popup-invite .close{right: 13%;}

    .popup-datails{width: 116%;padding: 16% 19% 6%;}
    .popup-datails .close{right: 13%;}

    .popup-myxm{width: 116%;padding: 16% 19% 6%;}
    .popup-myxm .close{right: 13%;}
    .popup-myxm .btn{font-size: 1.2rem;line-height: 3.4rem;}

    .popup-rule{width: 96%;}
    .popup-rule p{font-size: 1.2rem;text-align: left;}

    .popup-follow-list{width: 108%;    margin-left: 8%;}
    .popup-follow-list .pop-nav{width: 58%;}
    .popup-follow-list .close{right: 12%;}

    .popup.popup-record{width: 96%;}
    .popup.popup-record .pop-inner{max-height: 39rem;}
    .popup-record .pop-inner a{width: 7rem;}
    .popup-rule .pop-inner, .popup-card-rule .pop-inner{font-size: 1.1rem;line-height: 2rem;}

    #signature{width: 92%;top: 16%;left: 4%;height: 79%}
    .popup-paint a.btn-result{bottom: 7%;right: 7%;width: 24%;height: 16%;}
    .finger-gif.active span{width: 75%;}
}



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