.login {
  width: 100%;
  height: 100%;
  background-image: url('../styles/login_bg.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  .logo {
    background-image: url('../styles/logo.png');
    width: 277px;
    height: 68px;
    position: absolute;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 0;
    top: 0;
    left: 10px;
  }
  .login-title {
    background-image: url('../styles/banner_title.png');
    width: 776px;
    height: 412px;
    background-size: 50%;
    position: absolute;
    background-repeat: no-repeat;
    top: 10%;
    left: 20%;
    background-position: 0;
  }
  .copyright {
    font-size: 12px;
    color: #e1e0e0;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
  }
  &-con {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-60%);
    width: 344px;
    &-header {
      font-size: 16px;
      font-weight: 300;
      text-align: center;
      padding: 30px 0;
    }
    .form-con {}
    .login-tip {
      font-size: 10px;
      text-align: center;
      color: #c3c3c3;
    }
  }
}

.run-login-con {
  .ivu-card-head {
    border: none;
    padding: 20px 0;
    text-align: center;
    p {
      font-size: 28px;
      height: auto;
      height: inherit;
      line-height: inherit;
    }
  }
  .ivu-btn {
    border-radius: 0;
    font-size: 16px;
  }
  .ivu-form-item-error .ivu-input-group-prepend {
    background-color: inherit;
    border: none;
  }
  .ivu-form-item-error .ivu-input-group {
    background-color: #fff;
    border: 1px solid #ed3f14;
    -webkit-box-shadow: 0 2px 2px 0px rgba(237, 63, 20, .5);
    box-shadow: 0 2px 2px 0px rgba(237, 63, 20, .5);
  }
  .ivu-card {
    border-radius: 6px;
  }
}

.run-login-con .ivu-input-group-prepend {
  background-color: initial;
  border: none;
  color: #d8d8d8;
}

.run-login-con .ivu-input-group .ivu-input {
  border: none; // height:40px;
  background: none;
  font-size: 14px;
  border-radius: 2px;
}

.run-login-con .ivu-card-body {
  padding: 0 40px 20px 40px;
}

.run-login-con .ivu-input-group {
  border: 1px solid #ddd;
  transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out;
  border-radius: 2px;
  &:hover {
    border-color: #ffb403;
    -webkit-box-shadow: 0 2px 2px 0px rgba(255, 180, 3, .5);
    box-shadow: 0 2px 2px 0px rgba(255, 180, 3, .5);
    .ivu-icon {
      color: #ffb403;
    }
  }
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.run-log-yzm {
  width: 92px;
  height: 32px;
  text-align: right;
  margin-left: 7px;
  margin-top: 2px;
  img {
    width: 100%;
    height: 100%;
  }
}