.login{position:relative;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;height:100vh;background:url(../img/login_bg.291a426c.jpg) no-repeat}.login .login-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:30px;width:450px;height:430px;box-sizing:border-box;border-radius:4px;background-color:#fff}.login .login-box h3{font-size:24px;text-align:center;font-weight:400}.login .login-box .switch{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:350px;margin:20px auto 0 auto;border-bottom:1px solid #3955ae}.login .login-box .switch button{margin:0;color:#333;font-size:18px;border-radius:0;background:none;border-bottom:3px solid #fff}.login .login-box .switch button.active{border-bottom:3px solid #3955ae}.login .login-box .login-form{margin-top:30px;font-size:18px}.login .login-box .login-form>div{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:350px;padding-left:10px;margin:0 auto;border-radius:3px;border:1px solid #ccc;box-sizing:border-box}.login .login-box .login-form>div /deep/ .el-form-item__content{width:100%}.login .login-box .login-form>div i{font-size:20px}.login .login-box .login-form>div /deep/ .el-input__inner{border:none}.login .login-box .login-form>div+div{margin-top:25px}.login .login-box button{margin-top:45px;width:350px;height:40px;color:#fff;font-size:16px;cursor:pointer;border:none;outline:none;border-radius:3px;background-color:#3955ae}.login .login-box .other-login{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;margin:20px 40px 0 40px}.login .login-box .other-login a{color:#3955ae;cursor:pointer}