@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-image{animation:rotateAnimation 2s linear infinite}.main{width:375px;background:#d3b398}.main .top{height:492px;display:flex;flex-direction:column;align-items:center;justify-content:center}.main .top .qrcode-area{width:279px;height:279px;position:relative;background:radial-gradient(#fff,#fff0)}.main .top .qrcode-area .qrcode-img{width:279px;height:279px;box-shadow:0 0 15px #e3cbb7}.main .top .qrcode-area .qrcode-mask{position:absolute;inset:0;background:#ffffffe6;line-height:33px;display:flex;flex-direction:column;justify-content:center}.main .top .qrcode-area .qrcode-mask .msg{font-size:28px;font-family:Montserrat,Montserrat-700;font-weight:700;text-align:center;color:#00000080}.main .top .qrcode-area .qrcode-mask .time{margin-top:15px;font-size:20px;font-family:Montserrat,Montserrat-700;font-weight:700;text-align:center;color:#00000080;line-height:23px}.main .bottom{width:375px;height:320px;background:#fff;position:absolute;top:492px;border-radius:20% 20% 0 0;display:flex;flex-direction:column;align-items:center}.main .bottom .button-container{top:-40px;left:150px;position:absolute;width:86px;height:86px;background:#fff;border-radius:16px;box-shadow:0 4px 30px #5059621a;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.main .bottom .button-container .button-wrap{width:45px;height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:28px;font-family:Montserrat,Montserrat-700;font-weight:700;text-align:center;color:#bfc2c8}.main .bottom .button-container .button-wrap img{width:45px}.main .bottom .content{margin-top:114px;width:327px;display:flex;flex-direction:column}.main .bottom .content .title{height:68px;font-size:28px;font-family:Montserrat,Montserrat-700;font-weight:700;text-align:center;color:#000;line-height:33px}.main .bottom .content .desc{margin-top:16px;height:22px;font-size:16px;font-family:Montserrat,Montserrat-500;font-weight:500;text-align:center;color:#00000080;line-height:22px}*{box-sizing:border-box}html,body{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#d3b398;display:flex;flex-direction:column;align-items:center}