.loginBg{
  background:url(../img/loginBg.jpg) no-repeat center center;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.loginSection{
  display: flex;
  flex-direction: column;
  height:100%;
  overflow-y: hidden;
}
.loginContent{
  width:1280px;
  margin:0 auto;
}
.loginMain{
  flex:1;
  padding-top: 133px;
}
.loginFooter{
  text-align: center;
  line-height: 32px;
}
.loginLogo{
  width:160px;
  height:71px;
  margin-top:45px;
  background:url(../img/logo.png) no-repeat;
  background-size: 100%;
}
.slogen h2{
  margin:0;
  color:#005398;
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 50px;
}
.loginInput{
  display: flex;
  flex-direction: row;
  align-items: center;
  width:320px;
  margin-bottom: 20px;
  border-bottom:1px solid #ccc;
  position: relative;
}
.error{
	  display: flex;
  flex-direction: row;
  align-items: center;
  width:320px;
  margin-bottom: 20px;
  position: relative;
}


.error .errorTips{
  position: absolute;
  left:30px;
  top:-20px;
  line-height: 42px;
  white-space: nowrap;
  padding:0 15px;
  color:#ff7505;
  background:#fffbf7;
  border:1px solid #ff7505;
  border-radius: 3px;}

.loginInput i{
  color:#005398;
}
.loginInput input{
  line-height: 42px;
  border:none;
  background:none;
  padding:0 10px;
  flex:1;
  font-size: 14px;
}
.loginButton{
  width:320px;
  line-height: 42px;
  font-size: 14px;
  color:#fff;
  border:none;
  border-radius:3px;
  background:#005398;
  box-shadow:0 4px 10px rgba(0,83,152,.3);
}