  body {
      height: 100vh;
      margin: 0;
      padding: 0;
      background: url(/img/user/loginBg.jpg) no-repeat;
      background-size: 100% 100%;
  }

  input::-webkit-input-placeholder{position: relative;left: 40px;line-height:60px}
  .loginBox {
      width: 520px;
      /* background: url(/img/user/mbg.png) 100% no-repeat; */
      padding: 40px 60px 44px;
      border-radius: 4px;
      position: absolute;
      top: 16%;
      left: 73%;
      margin-left: -260px;
  }

  form>h3 {
      font-size: 24px;
      color: #fff;
      text-align: center;
      margin: 0;
  }

  form>p {
      font-size: 34px;
      font-weight: 500;
      text-align: center;
      padding: 20px 0 20px;
      border-bottom: 1px solid #eee;
  }

  form {
      /*padding-top: 50px;*/
  }

  .grop {
      margin-bottom: 40px;
      position: relative;
      background: #fff;
      width: 100%;
      height: 40px;
      color: #999;
      font-size: 18px;
      line-height: 40px;
  }

  .grops {
      font-size: 18px;
      width: 100%;
  }

  .grops a {
      color: #4a7bfc;
  }

  .grops input[type="checkbox"] {
      width: 18px;
      height: 18px;
      position: relative;
      top: 4px;
      margin-right: 5px;
  }

  .grops label {
      font-size: 18px;
      color: #fff;
      font-weight: 400;
  }

  .grops p {
      color: #fff;
  }

  .grop i {
      display: block;
      width: 24px;
      height: 28px;
      top: 6px;
      position: relative;
      left: 10px;
      float: left;
  }

  .grop:nth-child(2) i {
      background: url(/img/user/user.png) no-repeat;
  }

  .grop:nth-child(3) i {
      background: url(/img/user/psw.png) no-repeat;
  }

  .grop input[type="text"],
  .grop select,
  .grop input[type="password"] {
      color: #333;
      height: 60px;
      line-height: 60px;
      width: 320px;
      font-size: 18px;
      border-radius: 0px 5px 5px 0px;
      border: 0;
      float: left;
      box-shadow: 0 0 0 1000px white inset;
      -ms-box-shadow: 0 0 0 1000px white inset;
      -moz-box-shadow: 0 0 0 1000px white inset;
      -o-box-shadow: 0 0 0 1000px white inset;
      -webkit-box-shadow: 0 0 0 1000px white inset;
      outline: none;
      padding-left: 26px;
  }

  .grop select {
      width: 100%;
      padding-left: 20px;
      margin: 0;
  }

  button.save {
      font-size: 24px;
      font-weight: 600;
      background: #4a7bfc;
      height: 45px;
      width: 100%;
      line-height: 45px;
      border: 0;
      border-radius: 4px;
      color: #fff;
      margin-top: 35px;
  }