.auth{padding:.2rem}.auth .header{padding:.2rem;text-align:center}.auth .logo{text-align:center;align:center;width:50%}.auth .main{position:relative;margin-bottom:.2rem;padding:.4rem .2rem;text-align:center;background-color:#fff;border-radius:.2rem}.auth .main .banner{width:90%}.auth .primary{background-color:#07c160!important}.auth .primary:after{border-color:#07c160!important}.auth .bind{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:.3rem;height:100vh}.auth figure{width:100%;height:30vh;text-align:center;background-color:#fff;border-radius:.2rem}.auth figure img{transform:translateY(-50%);width:2rem;border:.1rem solid #fff;border-radius:50%}.auth figure figcaption{transform:translateY(-.8rem);font-size:.3rem}.auth figure div{font-weight:700}.auth .tips{padding:.4rem;text-align:center;color:#999}.auth h2{padding:.2rem;text-align:center}.auth .code{display:flex;justify-content:center;padding:.2rem 0 .4rem}.auth .code .md-codebox-box{border:.01rem solid #999}.auth .code .md-codebox-box:before{content:none}.auth .code .num{display:flex;align-items:center;padding:0 .1rem;font-size:.5rem}