body,html{width:100%;height:100%}
body{margin:0;padding:0;background:#000;color:#333;font-family:Helvetica,sans-serif,Arial,serif;font-size:14px}
body.no-scroller{overflow:hidden}
button{border:none;outline:0}
#app{margin:0 auto;width:100%;max-width:720px;height:100%;position:relative}
#loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
#loading img{width:190px}
#main{position:relative;z-index:1}
#content{width:100%;height:100%;display:none}
.bg{width:100%;top:0;left:0;right:0;bottom:0;position:absolute;z-index:0}
.container,.page{width:100%;height:100%;position:relative;z-index:100}
.page{display:none}
.pop{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);background-position:center;background-repeat:no-repeat;background-size:cover}
#page-1 .bg{background:url(https://res-qn.ghweixiu.com/other/bg.jpg?2102041357) center no-repeat;background-size:cover}
#page-1 .link-rule{width:80px;height:30px;line-height:30px;display:block;background:#fff;position:absolute;top:40px;right:0;text-align:center;border-radius:20px 0 0 20px}
#page-1 .logo{width:80px;position:absolute;top:10px;left:10px}
#page-1 .btn-join{margin:0 0 0 -70px;padding:0;width:140px;height:44px;background:url(https://res-qn.ghweixiu.com/other/button.png?2102041357) no-repeat center;background-size:100%;position:absolute;bottom:75px;left:50%}
#page-1 #wish{display:none;background-image:url(https://res-qn.ghweixiu.com/other/wish-bg.png?2102041357)}
#page-1 #wish .title{margin:0 0 0 -100px;width:200px;position:absolute;top:-75px;left:50%}
#page-1 #wish .title img{width:100%}
#page-1 #wish .wish-container{margin:-168px 0 0 -150px;width:300px;height:336px;background:url(https://res-qn.ghweixiu.com/other/wish.png?2102041357) no-repeat center;background-size:cover;position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-content:center}
#page-1 #wish .wish-container .input{padding:2px;width:215px;height:16px;border:1px solid #535353;border-radius:4px;font-size:12px;position:absolute;top:72px;outline:0}
#page-1 #wish .wish-container .desc{position:absolute;top:200px;color:#f6ba81}
#page-1 #wish .wish-container .desc p{margin:0;line-height:20px}
#page-1 #wish .wish-container .btn-wish{width:156px;height:36px;position:absolute;top:267px;background:url(https://res-qn.ghweixiu.com/other/btn-wish.png?2102041357) no-repeat center;background-size:100%}
#page-1 #subscribe-me{display:none;background-image:url(https://res-qn.ghweixiu.com/other/su-bg.png?2102041357)}
#page-1 #subscribe-me #btn-close-sub{width:30px;height:30px;background:url(https://res-qn.ghweixiu.com/other/close.png?2102041357) no-repeat center;background-size:100%;position:absolute;left:112px;bottom:-40px}
#page-1 #subscribe-me .subscribe-container{margin:-190px 0 0 -130px;width:260px;height:380px;background:url(https://res-qn.ghweixiu.com/other/lucky.png?2102041357) no-repeat center;background-size:cover;position:absolute;left:50%;top:50%;color:#ffecc7}
#page-1 #subscribe-me .subscribe-container .header{width:80px;height:80px;border-radius:40px;background:#ff975d;position:absolute;left:90px;top:50px}
#page-1 #subscribe-me .subscribe-container .header img{width:76px;height:76px;border-radius:38px;position:absolute;left:2px;top:2px}
#page-1 #subscribe-me .subscribe-container .desc{position:absolute;top:140px;width:100%}
#page-1 #subscribe-me .subscribe-container .desc p{margin:0;text-align:center;line-height:22px}
#page-1 #subscribe-me .subscribe-container .qrcode{width:100px;height:100px;position:absolute;top:220px;left:78px}
#page-1 #subscribe-me .subscribe-container .qrcode img{width:100px;height:100px;border:2px solid #ff975d;border-radius:5px}
#page-2 .bg{background:url(https://res-qn.ghweixiu.com/other/rule.jpg?2102041357) center no-repeat;background-size:cover}
#page-3 .bg{background:url(https://res-qn.ghweixiu.com/other/bg-3.png?2102041357) center no-repeat;background-size:cover}
#page-3 .main{margin:-218px 0 0 -150px;width:300px;height:436px;background:url(https://res-qn.ghweixiu.com/other/lottery-bg.png?2102041357) center no-repeat;background-size:cover;position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-content:center}
#page-3 .main .lottery{width:235px;height:256px;background:url(https://res-qn.ghweixiu.com/other/card.png?2102041357) center no-repeat;background-size:cover;position:absolute;top:134px}
#page-3 .main .title{margin:0 0 0 -100px;width:200px;position:absolute;top:-65px;left:50%}
#page-3 .main .title img{width:100%}
#page-3 .lion{width:100px;height:206px;position:absolute;right:0;bottom:0;background:url(https://res-qn.ghweixiu.com/other/lion.png?2102041357) center no-repeat;background-size:100%}
#page-3 #share{display:none;justify-content:center;align-content:center;align-items:center}
#page-3 #share .share-container{display:flex;justify-content:center;align-content:center;align-items:center;width:300px;height:356px;background:url(https://res-qn.ghweixiu.com/other/share-bg.png?2102041357) center no-repeat;background-size:100%;position:relative}
#page-3 #share .share-container .close{width:24px;height:24px;background:url(https://res-qn.ghweixiu.com/other/share-close.png?2102041357) center no-repeat;background-size:100%;position:absolute;right:0;top:-35px}
#page-3 #share .share-container p{margin:0;color:#fff;text-align:center;max-width:190px}
#page-3 #share .share-container p:first-child{margin:20px 0;font-size:22px}
#page-3 #share .share-container #btn-share{width:130px;height:46px;border:none;outline:0;background:url(https://res-qn.ghweixiu.com/other/btn-share.png?2102041357) center no-repeat;background-size:100%;position:absolute;bottom:-25px}
#page-3 #go-share{display:none;background-image:url(https://res-qn.ghweixiu.com/other/go-share.png?2102041357);background-position:center;background-repeat:no-repeat;background-size:cover}
@media screen and (min-device-width:400px){
#page-1 #wish .wish-container{margin:-196px 0 0 -175px;width:350px;height:392px}
#page-1 #wish .wish-container .input{width:256px;top:96px}
#page-1 #wish .wish-container .desc{top:250px}
#page-1 #wish .wish-container .btn-wish{top:326px}
}