.login{width:100%;height:100%;background-color:#f7f7f7;background-size:cover;background-position:50%;position:relative;overflow:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.login,.login-con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.login-con{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:58%;min-height:600px;width:450px}.login-con .ivu-card{-webkit-box-shadow:0 20px 80px 0 rgba(0,0,0,.3);box-shadow:0 20px 80px 0 rgba(0,0,0,.3)}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .log-in-title{font-size:18px;font-weight:700}.login-con .login-tip{font-size:10px;text-align:center;color:#c3c3c3}.login-con .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-con .wrapper .login-left{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center}.login-con .wrapper .login-left .logo-wrapper{padding-top:20px}.login-con .wrapper .login-left .logo-title{color:#181818;margin-bottom:20px}.login-con .wrapper .login-left .logo-img{width:100%}.login-con .wrapper .login-right{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:40px}.login-con .wrapper .login-right .qrcode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-con .wrapper .login-right .qrcode-wrapper{width:120px}.login-con .wrapper .login-right .qrcode-wrapper .download-desc{text-align:center}.login-con .wrapper .login-right .qrcode-wrapper .download-qrcode{width:100%;height:auto}.login-footer{padding-top:20px;padding-bottom:20px;text-align:center}