.container{width:100%;height:100vh;box-sizing:border-box}.phone-img{width:100%;height:100%;border-radius:2rem;margin:0 auto}.phone-top-icon{height:6.2rem;border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;background:#ededed}.phone-content{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.code-avatar-box{width:14.3rem;padding:1.3rem .85rem}.code-avatar-box,.code-avatar-box2{height:21.3rem;background:#fff;box-shadow:0 .25rem .65rem 0 rgba(96,96,96,.1);border-radius:.4rem;box-sizing:border-box}.code-avatar-box2{width:15rem;padding:2.8rem 2.65rem}.content-username{font-size:.85rem;font-weight:400;color:#27292c}.content-username-p{line-height:1.35rem}.content-username-p:first-child{padding-bottom:.1rem}.content-username2{margin-top:1.6rem;font-size:.85rem;text-align:center}.content-username2,.content-username2-title{font-weight:400;color:#27292c;line-height:1.35rem}.content-username2-title{font-size:1rem;margin-bottom:.5rem}.content-username2-txt{font-size:.6rem;font-weight:400;color:#999da5;line-height:1rem}.content-qr{width:9.1rem;height:9.1rem;margin-top:1.7rem;margin-left:1.4rem}.content-qr2{width:9rem}.qr-text{margin-top:1.05rem;text-align:center;font-size:.7rem;font-weight:400;color:#999da5;line-height:.65rem}.content-bottom-icon{width:5.1rem;margin-top:2.2rem}.content-bottom-icon>img{width:100%;max-height:100%}.img-box{width:100%;height:100%}