body,html{ height:100%;}
.login-wrapper{ width:100%; height:100%; background: url(../img/login-bg.jpg) no-repeat; background-size:100% 100%;}
.login-content{position:absolute; top:50%; left:50%; width: 370px; height:380px; background-color: #fff; border-radius: 4px; box-shadow: 0px 4px 20px rgba(27,72,107,.2); -webkit-transform: translate(-50%,-50%);}
.login-content .head{height:56px; line-height:56px; background-color: #ccd7e7; border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; color:#7d8fa8; font-weight:bold; }
.login-content .details{padding: 0px 40px; margin-top: 45px;}
.login-content .form-wrapper{position:relative;}
.login-content .form-wrapper .inp{display: block; padding-left:46px; width: 84%; height:49px; border:none; border-bottom: 1px solid #ced5da;}
.login-content .form-wrapper .inp:focus{ outline: none; }
.login-content .form-wrapper .inp::-webkit-input-placeholder{ font-family: "微软雅黑"; color:#bcc1c4;}
.login-content .icon{position:absolute; left:10px; display: inline-block;}
.icon-person{top:13px;}
.icon-key{top:20px;}
.error-tip{ margin: 3px 0px; padding-left: 46px; font-size:12px; color:#f11126;}
.all-error-tip{ margin-top:20px;font-size:12px; color:#f11126;}
.login-close{position:absolute; top:16px; right:10px;}
.login-close:hover{ cursor: pointer;}
.login-btn{margin-top:42px; display: block; height:50px; line-height: 50px; background-color: #2196f3; text-align: center;  color:#fff; font-weight: bold; letter-spacing: 3px; border-radius: 4px; -webkit-transition:all .2s;transition:all .2s;}
.login-btn:hover{ cursor: pointer; background-color: #3aa5fa;}
.login-bottom{position:absolute; bottom:0px; left:0px; width: 100%; height:60px; line-height: 60px; background-color: rgba(0,0,0,.1); text-align: center; color:#fff;}