.card {
  width: 320px;
  margin: 10px auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;

  .resgister-title {
    text-align: center;
    margin: 10px auto;
    font-size: 16px;
    font-weight: 600;
  }
  .login-card {
    padding: 0 10px;
    .login-input-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 10px;
      .phone-input {
        flex: 1;
      }
      .code-input {
        width: 100px;
      }
      .msg-code {
        width: 150px;
      }
    }
    .login-submit-btn {
      margin: 50px auto 20px;
    }
  }
  .card-fonter {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    color: #6d6d6d;
    .fonter-left {
      color: #6d6d6d;
    }
  }
}
