html{background:#f2f2f2}body{font-size:15px}.invite-page{padding:0 16px 80px;display:flex;flex-direction:column;align-items:center;position:relative}.invite-page .nav-logo{height:40px;margin-top:30px}.invite-page h1{text-align:center;margin:60px 0;font-weight:400}.invite-page #back-btn{position:absolute;left:16px;top:10px;background:#fff;padding:0;width:90px;display:none}.invite-page h2{margin:0 0 20px;font-size:18px;font-weight:400}#invite-app-container{max-width:740px;width:100%;box-sizing:border-box;padding:0 15px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.join-container{padding-top:100px;display:flex;flex-direction:column;align-items:center}.join-container img{width:150px}.join-container h1{line-height:1.4;font-size:40px;text-align:center;font-weight:400;margin:40px 0 0}.join-container .slogan-desc{font-size:24px;margin-top:15px;color:#12141c80}.join-block{width:100%;max-width:500px;margin-top:50px;padding-top:50px;padding-bottom:80px;display:flex;flex-direction:column;align-items:center}.join-block h2{font-size:24px}.join-block .join-present{font-size:18px}.join-block .button{margin-top:30px;width:300px}.join-block .button.learn{background:#ffffff4d}@media screen and (max-width: 400px){.invite-page h1{font-size:26px}.join-container h1{font-size:28px}.join-container .slogan-desc{font-size:20px}.join-block h2{font-size:18px}}