.code_btn{width:150px}.login-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh;background:#080b1a url(../../static/img/login-bg.c3d80273.png) no-repeat fixed 50%;background-size:cover}.login-container .login-main{width:45%;height:64.8%;min-height:565px;max-width:1080px;max-height:700px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 6px 19px 0 rgba(0,0,0,.5);box-shadow:0 6px 19px 0 rgba(0,0,0,.5)}.login-container .login-main .login-title{font-size:38px;font-weight:700;margin:40px 0 0 40px;color:#00a5df;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.login-container .login-main .login-title .login-title-line{width:10px;height:38px;background-color:#00a5df;margin-right:15px}.login-container .login-main .login-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 85px);min-height:480px;max-height:615px}.login-container .login-main .login-body .login-main-l{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background:url(../../static/img/iphone.a2989eba.png) no-repeat;background-size:contain}.login-container .login-main .login-body .login-main-r{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow:hidden;overflow-y:auto}.login-container .login-main .login-body .login-main-r .login-main-r-title{font-size:32px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#00a5df}.login-container .login-main .login-body .login-main-r .login-main-r-next-title{margin-top:20px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#888}.login-container .login-main .login-body .login-main-r .login-form-area{margin-top:25px;width:360px}.login-container .login-main .login-body .login-main-r .login-form-area .login-form{width:300px}.login-container .login-main .login-body .login-main-r .login-form-area .login-form .btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container .login-main .login-body .login-main-r .login-form-area .login-form .btn-group .login-btn{width:140px}.login-container .login-main .login-body .login-main-r .login-form-area .login-form .btn-group .forget-link{color:#999;padding:0;line-height:20px}.login-container .login-main .login-body .login-main-r .login-form-area .login-form .verificationCodeArea img{width:100%;height:38px;cursor:pointer}.login-container .login-footer{width:357px;height:22px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:22px;letter-spacing:8px;margin-top:1.5%}