html,body{min-height:100%}
*{box-sizing:content-box;}
img{max-width:100%;}
.login-page{background:#f0f2f5 center center;background-repeat:no-repeat;background-size:cover;}

.login-body{box-shadow:#00000060 0 0 5px;border-radius:5px;}


.login-box{width:450px;margin:7% auto;}

.login-logo{text-align:center;padding:30px 0;font-size:24px;font-weight:400;color:#fff;border-radius:5px 5px 0 0;letter-spacing:2px;position:relative;}
.login-box-body{padding:40px 60px;background:#fff;padding-bottom:50px;color:#444;border-top:0;color:#666;position:relative;border-radius:0 0 5px 5px;}

.form-control::-webkit-input-placeholder{font-weight:100;}
.form-group.icon .icon{background-image:url(../img/login/login_icon.png);}
.form-group.icon .icon_lock{background-position:0 -34px;}
.form-group.icon .icon_code{background-position:0 -68px;}
.btn-login{padding:12px 0;}
.Validform_checktip{margin-left:40px;position:absolute;top:100%;left:0;}
.validTips{position:absolute;bottom:-30px;left:0;line-height:26px;width:100%;text-align:center;}
.validTips .Validform_checktip{position:static;top:auto;left:auto;margin:0;}

.get_mobile_code{font-size:14px;padding-left:0;padding-right:0;}

.form-code{flex:1;padding-right:0;}
.form-verify{width:150px;padding-left:5px;}

.sms_code{width: calc( 100% - 130px  );}
@media screen and (max-width:768px){
    .login-page{background:none;}
    .login-body{box-shadow:none;}
    .login-box{width:100%;margin:0;}
    .login-logo{background:none!important;color:#333;}
    .login-box-body{padding:40px 20px;}
    .form-verify{width:130px;}
    .d-grid{margin-top:40px;margin-bottom:0;}
}