.Login {
  height: 100%;
  background: linear-gradient(180deg, #486dec, #b3b8fc);
  overflow: hidden;
  padding: 0 32px;
  .Login-title {
    margin-top: 168px;
    color: #fff;
    font-size: 48px;
    margin-bottom: 44px;
  }
  .Login-vcodeBox,
  .Login-input {
    height: 96px;
    line-height: 96px;
    background-color: #b2bff8;
    color: #fff;
    font-size: 28px;
    border-radius: 24px;
    padding-left: 52px;
    margin-bottom: 24px;
  }
  .Login-input-placeholder {
    color: #fff;
  }
  .Login-vcodeBox {
    display: flex;
    padding: 0;
    .Login-input {
      flex: 1;
    }
    .Login-Vcode {
      position: relative;
      width: 268px;
      color: #456beb;
      text-align: center;
    }
    .Login-Vcode::before {
      content: '';
      position: absolute;
      left: 0px;
      top: 34px;
      height: 28px;
      border-left: 1px solid #eee;
    }
  }
  .Login-regist {
    display: flex;
    justify-content: space-between;
    color: #c2cef9;
    margin-bottom: 52px;
  }
  .Login-regist-btn {
    display: inline;
    color: #fff;
  }
  .Login-btn {
    background-color: #fff;
    color: #456beb;
    border-radius: 24px;
  }
  .Login-btn.button-hover {
    background-color: #eee;
  }
}
