*{margin: 0;padding: 0;border: 0;list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
img{display: block;width: 100%;}
a{text-decoration: none;}
a,button,select{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input{
    text-decoration: none;
    /*a标签点击图片有阴影处理*/
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/* 两端对齐 */
.spaceBetween{display: flex;justify-content: space-between;flex-wrap: wrap;}
/* 文字垂直居中 */
.alignCenter{display: flex;align-items: center;}
.clear{ clear: both;}
.post{ position: absolute;}


body{width: 100%;font-family: "微软雅黑";font-size: 1rem;-webkit-text-size-adjust: 100% !important; background: #000000;}
body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/bg.webp) center 0 no-repeat; background-size: cover;}
.wrap{position: relative;width: 100%;background: #000000; -webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling:touch;}
.bg{ width: 100%; position: relative;}
.logo{ width: 50%; top: 63%; left: 25%;}
.slogan{ width: 80%; top: 2%; left: 10%;}
.contact{ width: 90%; top: 17%; left: 5%;}
.join{ width: 93%; top: 58%; left: 3.5%;}


.reward,.more{display: block; width: 45%; z-index: 10; top: 45%;}
.reward{ left: 5%;}
.more{ right: 5%; cursor: pointer;}
.home{ width: 13%; 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: 90%; margin: 3vh auto;}
.rebate_title{ width: 90%; position: relative; margin: 0 auto 3vh auto;}
.rebate{ width: 90%; margin: 0 auto 3vh auto;}
.attention{ width: 50%; margin: 2vh auto; cursor: pointer;}


.bottom{width: 100%; position: absolute; left: 0; top: 25%; color: #ffffff;font-size: 0.8rem; text-align: center;}
.privacyBox{position: absolute;bottom: -4rem;left: 0;width: 100%;}
.privacyBox a{ color: #fff;}



/*弹窗*/
.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; opacity: 0.7; z-index: 20; display: none;}
.pop{ width: 90%; height: 50vh; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; color: #000000; z-index: 21; text-align: left; border-radius: 1vh; display: none;}
.popbox{ width: 87.5%; height: 98.1%; font-size: 1.3vh; border: 0.7vh solid #f9d63d; border-radius: 1vh; padding: 0 5%; font-weight: bold; line-height: 1.25rem;}
.popbox span{ color: #fedd05; text-shadow: 0 0 0.15vh #000, 0.15vh 0 0 #000, -0.15vh 0 0 #000, 0 0.15vh 0 #000, 0 -0.15vh 0 #000, 0.15vh 0.15vh 0 #000, 0.15vh -0.15vh 0 #000, -0.15vh 0.15vh 0 #000, -0.15vh -0.15vh 0 #000; -webkit-text-shadow: 0 0 0.15vh #000, 0.15vh 0 0 #000, -0.15vh 0 0 #000, 0 0.15vh 0 #000, 0 -0.15vh 0 #000, 0.15vh 0.15vh 0 #000, 0.15vh -0.15vh 0 #000, -0.15vh 0.15vh 0 #000, -0.15vh -0.15vh 0 #000; -moz-text-shadow: 0 0 0.15vh #000, 0.15vh 0 0 #000, -0.15vh 0 0 #000, 0 0.15vh 0 #000, 0 -0.15vh 0 #000, 0.15vh 0.15vh 0 #000, 0.15vh -0.15vh 0 #000, -0.15vh 0.15vh 0 #000, -0.15vh -0.15vh 0 #000;}
.close{position: absolute;bottom: 3%;left: 30%;width: 40%; cursor: pointer;}
.pop_titlebg{ width: 60%; position: absolute; left: 20%; top: -3vh;}
.pop_title{ width: 100%; height: 90%; position: absolute; left: 0; top: 0; text-align: center; font-size: 3vh; font-weight: 900; display: flex; align-items: center; justify-content: center;}


/*横屏*/
@media screen and (min-aspect-ratio:13/8){
    .wrap{width: 750px;margin: 0 auto; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
    .pop{ width: 26%;}
}