.login {
  height: 550px;
  overflow: hidden;
  background: url(../../../static/images/user/login_bg.jpg) center center no-repeat;
  background-size: cover; }
  .login .loginWrap {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    background: url(../../../static/images/user/login_shop.png) left center no-repeat;
    background-size: 700px; }
    .login .loginWrap .login-body {
      position: absolute;
      right: 0;
      top: 45px;
      width: 100%;
      margin: auto; }
      .login .loginWrap .login-body .login-left {
        display: none; }
      .login .loginWrap .login-body .login-right {
        float: right;
        width: 400px;
        padding: 30px 50px;
        background: #fff;
        border-radius: 10px; }
        .login .loginWrap .login-body .login-right .el-form-item {
          margin-bottom: 5px; }
        .login .loginWrap .login-body .login-right .login-input {
          width: 100%;
          height: 40px;
          font-size: 14px;
          border: 1px solid #dedede;
          border-radius: 3px;
          padding-left: 10px; }
          .login .loginWrap .login-body .login-right .login-input.password {
            margin-top: 20px; }
        .login .loginWrap .login-body .login-right .login-title {
          font-size: 24px;
          color: var(--text-color-3);
          text-align: center;
          margin-bottom: 30px;
          font-weight: bold; }
        .login .loginWrap .login-body .login-right .loginNow {
          width: 100%;
          margin-top: 30px;
          background: var(--primary-color); }
          .login .loginWrap .login-body .login-right .loginNow:hover {
            background: var(--primary-active-color); }
        .login .loginWrap .login-body .login-right .forget {
          margin-top: 20px;
          text-align: right; }
          .login .loginWrap .login-body .login-right .forget a {
            color: var(--primary-color);
            font-size: 14px; }
        .login .loginWrap .login-body .login-right .shouldLogin {
          margin-top: 20px;
          padding-top: 20px;
          color: var(--text-color-9);
          border-top: 1px solid #eee; }
          .login .loginWrap .login-body .login-right .shouldLogin a {
            color: var(--primary-color);
            margin-left: 20px; }

.el-icon-email {
  background: url("../../../static/images/el_icon_email.png") center center no-repeat;
  background-size: 17px; }

.el-icon-password {
  background: url("../../../static/images/el_icon_password.png") center center no-repeat;
  background-size: 17px; }

/*# sourceMappingURL=login.css.map */