*{margin: 0;padding: 0;border: 0;list-style: none;}
img{display: block;width: 100%;}
a{text-decoration: none;}
.clear{clear: both;}
a,input, button,select{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}


body{width: 100%;font-family: "微软雅黑";-webkit-text-size-adjust: 100% !important; background: #000000;}
.wrap{position: relative;width: 100%; font-size: 1rem;-webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling:touch; overflow: hidden;}
.top,.downbox,.rewardbox{position: relative;width: 100%;height: auto;}
.downbox{ padding-bottom: 25%;}
.logo{ width: 35%; position: absolute; top: 2%; right: 8%;}
.slogan{ width: 80%;}
.contact{ width: 90%; margin: 0 auto;}
.join{ width: 93%; margin: 20% auto 0 auto;}


.and_btn,.ios_btn,.reward,.more{display: block;position: absolute; width: 43.4375%;  z-index: 10;}
.and_btn{ left: 4%; bottom: 4%;}
.ios_btn{ right: 4%; bottom: 4%;}
.reward{ left: 4%; top: 27%;}
.more{ right: 4%; top: 27%;}
.home{ width: 13%; position: absolute; left: 0; top: 0;}
.back{ width: 23%; height: 3rem; text-align: center; position: absolute; left: 0; top: 0; font-weight: 900; font-size: 1.5rem; color: #ffffff; line-height: 3rem;}


.rewardbox img{ width: 95%; margin: 1.2rem auto;}
.rebate_title{ width: 100%; position: relative; margin-top: 3rem;}
.rebate{ width: 95%; margin: 0 auto;}
.attention1{ width: 50%; position: absolute; left: 25%; top: -1.5rem;}
.attention2{ width: 50%; margin: 2rem auto;}


.bottom{position: relative;width: 100%;height: 8rem;background-color: #000000;}
.bot_bg{position: absolute;bottom: 1.5rem;left: 13.75%;width: 72.5%;}
.ghw,.zyk{position: absolute;top: 0;}
.ghw{left: 5%; width: 41.6%;}
.zyk{right: 15%; width: 28.45%;}



/*弹窗*/
.mask{ position: fixed; top: 0;bottom: 0;left: 0;right: 0; width: 100%;background-color: #000;opacity: 0.6;z-index: 99; display: none;}
.pop,.pop2,.pop3{ position: fixed; top: 0;left: 0;right: 0;bottom: 0; width: 92%; margin: auto;z-index: 100; border: 0.4rem solid #000000; border-radius: 1rem; background:#ffffff url(../images/pop_bg.png) repeat; display: none;}
.pop{ height: 34rem;}
.pop2{ height: 23rem;}
.pop3{ height: 20rem;}
.popbox,.popbox2,.popbox3{ width: 87.5%; border: 0.4rem solid #f9d63d; border-radius: 0.5rem; padding: 0 5%; font-weight: bold; line-height: 1.25rem;}
.popbox{ height: 98.1%;}
.popbox2{ height: 96.8%;}
.popbox3{ height: 96%;}
.popbox span{ color: #fedd05;text-shadow:#000 0.1rem 0 0,#000 0 0.1rem 0,#000 -0.1rem 0 0,#000 0 -0.1rem 0;-webkit-text-shadow:#000 0.1rem 0 0,#000 0 0.1rem 0,#000 -0.1rem 0 0,#000 0 -0.1rem 0;-moz-text-shadow:#000 0.1rem 0 0,#000 0 0.1rem 0,#000 -0.1rem 0 0,#000 0 -0.1rem 0;*filter: Glow(color=#000, strength=1);}
.close{position: absolute;bottom: 3%;left: 30%;width: 40%;}
.pop_titlebg{ width: 60%; position: absolute; left: 20%; top: -2rem;}
.pop_title{ width: 100%; position: absolute; left: 0; top: 10%; text-align: center; font-size: 2rem; font-weight: 900;}



/*禁止横屏*/
#orientLayer{display:none}@media screen and (min-aspect-ratio:13/8){#orientLayer{display:block}#loading{display:none}}.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}.mod-orient-layer__content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}.mod-orient-layer__icon-orient{background-image:url('../images/xxx.png');display:inline-block;width:67px;height:109px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;-webkit-background-size:67px;background-size:67px}.mod-orient-layer__desc{margin-top:20px;font-size:15px;color:#fff}


#fly-in div { position: absolute; bottom: 1%; left: 10%; animation: switch 7s linear infinite; -o-animation: switch 7s linear infinite; -ms-animation: switch 7s linear infinite; -moz-animation: switch 7s linear infinite; -webkit-animation: switch 7s linear infinite; z-index: 4;}


@keyframes switch {0%{opacity:0;filter:blur(20px);transform:scale(15);}4%{opacity:1;filter:blur(0);transform:scale(1);}4.4%{opacity:1;filter:blur(0);transform:scale(.8)}4.8%{opacity: 1;filter:blur(0);transform:scale(1);}10%{filter:brightness(100%);}20%{filter:brightness(130%);}30%{filter:brightness(100%);}40%{filter:brightness(100%)}50%{filter:brightness(130%);}60%{filter:brightness(100%);}80%{ filter:brightness(100%)}90%{filter:brightness(130%);}100%{opacity:1;filter:blur(0);transform:scale(1);filter:brightness(100%);}}
@-o-keyframes switch {0%{opacity:0;filter:blur(20px);transform:scale(15);}4%{opacity:1;filter:blur(0);transform:scale(1);}4.4%{opacity:1;filter:blur(0);transform:scale(.8)}4.8%{opacity: 1;filter:blur(0);transform:scale(1);}10%{filter:brightness(100%);}20%{filter:brightness(130%);}30%{filter:brightness(100%);}40%{filter:brightness(100%)}50%{filter:brightness(130%);}60%{filter:brightness(100%);}80%{ filter:brightness(100%)}90%{filter:brightness(130%);}100%{opacity:1;filter:blur(0);transform:scale(1);filter:brightness(100%);}}
@-ms-keyframes switch {0%{opacity:0;filter:blur(20px);transform:scale(15);}4%{opacity:1;filter:blur(0);transform:scale(1);}4.4%{opacity:1;filter:blur(0);transform:scale(.8)}4.8%{opacity: 1;filter:blur(0);transform:scale(1);}10%{filter:brightness(100%);}20%{filter:brightness(130%);}30%{filter:brightness(100%);}40%{filter:brightness(100%)}50%{filter:brightness(130%);}60%{filter:brightness(100%);}80%{ filter:brightness(100%)}90%{filter:brightness(130%);}100%{opacity:1;filter:blur(0);transform:scale(1);filter:brightness(100%);}}
@-moz-keyframes switch {0%{opacity:0;filter:blur(20px);transform:scale(15);}4%{opacity:1;filter:blur(0);transform:scale(1);}4.4%{opacity:1;filter:blur(0);transform:scale(.8)}4.8%{opacity: 1;filter:blur(0);transform:scale(1);}10%{filter:brightness(100%);}20%{filter:brightness(130%);}30%{filter:brightness(100%);}40%{filter:brightness(100%)}50%{filter:brightness(130%);}60%{filter:brightness(100%);}80%{ filter:brightness(100%)}90%{filter:brightness(130%);}100%{opacity:1;filter:blur(0);transform:scale(1);filter:brightness(100%);}}
@-webkit-keyframes switch {0%{opacity:0;filter:blur(20px);transform:scale(15);}4%{opacity:1;filter:blur(0);transform:scale(1);}4.4%{opacity:1;filter:blur(0);transform:scale(.8)}4.8%{opacity: 1;filter:blur(0);transform:scale(1);}10%{filter:brightness(100%);}20%{filter:brightness(130%);}30%{filter:brightness(100%);}40%{filter:brightness(100%)}50%{filter:brightness(130%);}60%{filter:brightness(100%);}80%{ filter:brightness(100%)}90%{filter:brightness(130%);}100%{opacity:1;filter:blur(0);transform:scale(1);filter:brightness(100%);}}