.login-contain { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.login-top { }
.login-top .logo-box { margin: 0 auto; display: block;}
.login-top h1 { text-align: center; color: #fff;}
.login-body { background: rgba(255,255,255,.2); border-radius: 5px; padding: 20px; margin-top: 15px;}
.login-body .login-form-col { height: 35px; background: rgba(255,255,255,.2); border-radius: 5px; margin-top: 10px; overflow: hidden;}
.login-body .login-form-col label { color: #fff; font-size: 16px; width: 100px; display: block; float: left; line-height: 35px; text-align: right; padding-right: 10px; box-sizing: border-box;}
.login-body .login-form-col .login-input-box { margin-left: 100px; height: 35px; padding-right: 8px;}
.login-body .login-form-col .login-input-box .login-input { width: 100%; background: none; border: none; line-height: 35px; font-size: 16px; color: #fff;outline: none;}
.login-body .login-form-col .login-input-box .login-input::-webkit-input-placeholder { color: rgba(255,255,255,.5);}
.login-body .login-form-col .ind-code { padding-right: 80px; position: relative;}
.login-body .login-form-col .ind-code img { width: 80px; height: 35px; position: absolute; right: 0; top: 0;}
.login-body .login-form-btn-box { margin-top: 10px;}
.login-body .login-form-btn-box .login-button { width: 100%; height: 35px; line-height: 35px; background: #01AAED; border-radius: 5px; font-size: 16px; color: #fff; text-align: center; display: block;}
@media screen and (max-width: 750px){
    .login-box { margin-top: 30px;}
    .login-top h1 { font-size: 22px;}
    .login-body { background: none; padding-top: 0;}
    .login-body .login-form-col label { display: none;}
    .login-body .login-form-col .login-input-box { margin-left: 0; padding-left: 8px;}
}
@media screen and (min-width: 751px){
    .login-box { width: 400px; position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px;}
}