*{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: 50%;}
.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%; top: 0;}
.ios_btn{ right: 4%; top: 0;}
.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;}


.notice_box1,.notice_box2,.notice_box3,.notice_box4,.notice_box5,.notice_box6{ width: 43%; position: absolute; background: #000000; border: 1px #ffffff solid; text-align: center; line-height: 30px; color: #ffffff; border-radius: 0.5rem; font-size: 0.9rem;}
.notice_box1{ left: 4%; top: 35%;}
.notice_box2{ right: 4%; top: 35%;}
.notice_box3{ left: 4%; top: 55%;}
.notice_box4{ right: 4%; top: 55%;}
.notice_box5{ left: 4%; top: 75%;}
.notice_box6{ right: 4%; top: 75%;}


.bottom{position: relative;width: 100%;height: 12rem;background-color: #000000;}
.bot_bg{position: absolute;bottom: 1.5rem;left: 13.75%;width: 72.5%;}
.ghw,.zyk{position: absolute;top: 30%;}
.ghw{left: 5%; width: 41.6%;}
.zyk{right: 35.77%; width: 28.45%;}
.bot_btn {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: .5rem;
    color: #ffffff;
	float: left;
}  



/*禁止横屏*/
#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%);}}