.login{width:100%;height:100%;text-align:center;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .canvas{height:100%;z-index:1;background-color:#f5f5f5}.login .canvas,.login .head{position:absolute;width:100%;left:0;top:0}.login .head{height:60px;background-color:#fafafa;border-bottom:1px solid #e6e6e6;padding-right:15px;padding-left:15px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .head .iconLogo{width:60px;margin-right:16px}.login-con{position:absolute;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:300px;z-index:100;border:1px solid #e8eaec}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:10px 0 0}.login-con .login-tip{font-size:10px;text-align:center;color:#c3c3c3}