html,body{height: 100%;}
body{
    background: url(../img/login/1-1.png) center center;
    background-size: cover;
}
.login-p{
    position: absolute;
    width: 1214px;
    height: 614px;
    background: url(../img/login/1-2.png) center center;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.back-index{
    position: absolute;
    top: -2px;
    left: -2px;
    cursor: pointer;
}
.form-p{position: absolute;right: 120px;top: 10px;}
.login-h{font-size: 26px;color: #000;margin: 120px 0 0 25px;font-weight: bold;}
.login-line{width: 60px;height: 4px;background: #3D7CFF;border-radius: 2px;margin: 20px 0 36px 25px;}
    .login-tr{padding: 0 0 20px 0;}
    .login-input{border:1px solid #ccc;border-radius: 25px;color: #666;width: 360px;height: 46px;line-height: 46px;
    font-size: 18px;padding: 0 25px;box-sizing: border-box;}
    .login-input:focus{border:1px solid #0086EC !important;color:#0086EC ;}
    .login-submit{width: 360px;height: 50px;line-height: 50px;margin: 60px auto 0 auto;color: #fff;background: #0086EC;text-align: center;
    font-size: 20px;cursor: pointer;border-radius: 25px;box-shadow: 0 2px 5px 1px rgba(61, 124, 255, 0.5);}
    .login-foot{font-size: 14px;padding: 10px 0 0 0;position: relative;}
    .auto-login{}
    .auto-login-checkbox{cursor: pointer;}
    .forget-password{position: absolute;top: 12px; right: 0;cursor: pointer;text-decoration: none;color: #4D4D4D;}
.code-canv{float: right;}


.login-title-p{
    height: 62px;
}
.login-title{
    font-size: 18px;padding: 0 0 30px 25px;font-weight: bold;display: inline-block;cursor: pointer;
    transition: 0.5s;
}
.login-title.active{
    font-size: 24px;color: #3D7CFF;
}
.sms-code{
    display: inline-block;width: 120px;text-align: center;height: 30px; line-height: 30px;
    color: #fff;background: #0086EC; cursor: pointer;
}
.login-tr{
    width:360px;
}