html, body, .mt-app {
    width: 100%; height: 100%;

}
body {
    color: #4c5161; font-size: 16px; background-color: #fff;
}
a {
    color: #2486ff; text-decoration: none;
}

.login {
    position: relative;
    width: 100%;
    height: 100%;
    /*background-color: #5cadff;*/

}
.login-bg {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #5cadff;
    background-image: url("../image/bg.png");
    /*background-image: url("http://test.makino-edu.com/resources/image/bg.png");*/
    background-size: cover;
    background-position: center;
}
.login-con {
    position: absolute;
    width: 400px;
    height: 330px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -60%);
    background: #fff;
    background-position: 36px 52px;
    box-shadow: 0 0 11px 13px rgba(0,0,0,0.12);
    border-radius: 5px;
    text-align: center;
    /*right: 200px; transform: translateY(-60%);*/
    padding: 30px 50px 50px 50px;
}
.login-con .form-con {

}
.login-con .login-tip {
    font-size: 14px; text-align: center; color: #999;
}