*{margin:0;padding:0}img{width:100%;display:block}html,body,#app{width:100%;height:100%}#app{background-image:url(/assets/bg-CRZARp-E.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;overflow-y:auto}.content{max-width:600px;margin:0 auto}.logo{width:70%;max-width:420px;margin:80px auto 50px}.link-box{width:90%;background-color:#fff;border-radius:12px;margin:20px auto;padding:24px 0 30px}.link-item{position:relative;display:flex;justify-content:space-between;margin:0 20px 16px;background-color:#e7ecff;line-height:44px;border-radius:44px}.link-item:last-child{margin-bottom:0}.link-item .copy{height:44px;width:auto;cursor:pointer}.link-item .link{margin-left:20px;font-size:24px;color:#9096b0}.bottom{width:90%;margin:160px auto 10px;display:flex;justify-content:space-between;align-items:center}.bottom .txt{margin:0 12px;color:#5eb1e7;font-size:12px}.bottom .line{flex:1;height:1px;background-color:#5eb1e7}.tip{width:180px;height:16px;margin:0 auto}.san{width:16px;height:13px;margin:12px auto}.click{transition:all .3s}.click:active{transform:scale(1.1)}.ab-tips{position:fixed;left:50%;top:-80px;transform:translate(-50%);background-color:#000000a6;color:#fff;padding:8px 24px;border-radius:5px;opacity:0;transition:all .5s}.ab-tips.show{top:50px;opacity:1}