.login-box{
  width:100%;
  height:100vh;
  background:#F0F2F5;
  background:url(../image/login-bg.png);
  background-size: cover;
}
.login-box-small{
  position: relative;
  width: 1400px;
  margin: 0 auto;
  height:100vh;
}
.login-left-txt{
  justify-content: center;
  width: 50%;
  font-size: 14px;
  position: absolute;
  top: 40px;
  left: 0px;
  color: #fff;
  align-items: center;
  display: flex;
}
.login-left-txt .img{
  width:30px;
  height:30px;
  margin-right: 10px;
}
.login-left-txt .login-componey{
  font-size:30px;
}
.login-left-txt .login-type{
  margin-left: 10px;
  font-size: 30px;
  color: #8BBFF5;
}
.login-left-img{
  position: absolute;
  top: 200px;
  left: 100px;
}
.login-right-txt{
  font-size: 15px;
  position: absolute;
  top: 20px;
  right: 0px;
  font-weight:700;
}
.login-content{
  margin-top: -270px;
  position: absolute;
  width: 380px;
  padding: 20px;
  right: 100px;
  top: 50%;
}
.login-content .login-type{
  font-weight: 700;
  align-items: center;
  font-size: 20px;
  display: flex;
  justify-content: center;
}
.login-content .login-type .curr{
  color:#0F83E6;
}
.login-form .login-item{
  align-items: center;
  border-radius: 5px;
  padding: 7px 10px;
  display: flex;
  background: #F4FAFF;
  margin-bottom: 20px;
}
.login-form .el-form-item{
  flex:1;
}
.el-form.login-form .el-form-item{
  margin-bottom:0px;
}
.login-form .login-icon{
  width:20px;
  height:20px;
  margin-right:10px;
}
.login-form .el-input__inner{
  background: #F4FAFF;
  border: 0;
}
.login-form .el-input__inner:facus{
  outline: none; 
}
.login-form .verify-image{
  float:right;
  width:100px;
  height:30px;
}
.login-form .login-button{
  background: #0F83E6;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  padding: 0;
  width: 100%;
  font-weight: 700!important;
}
.login-bottom-txt{
  color:#C2CBD5;
  width:100%;
  text-align:center;
}
.login-form input[type="text"]:focus, .login-form input[type="password"]:focus{
  border:0;
}