.otherLoginGroup {
  margin-top: 25px;
  font-size: 14px;
  font-family: Roboto-Regular, Roboto;
  font-weight: 400;
  line-height: 16px;

  // 底部登录方式的icon采用统一css
  .common-login-type-icon-item(@width: 50px, @height: 50px, @svg-width: 24px, @svg-height: 24px, @svg-fill: #fff, @border-radius: 50%) {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    width: @width;
    height: @height;
    border-radius: @border-radius;
    box-shadow: 0 2px 4px 0 #9e9ea7;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid @svg-fill;
    svg {
      width: @svg-width;
      height: @svg-height;
      fill: @svg-fill;
    }

    &:hover {
      background: @svg-fill;
      svg {
        fill: #ffffff;
      }
    }
  }

  .title {
    text-align: center;
    color: #9b9b9b;
  }

  .loginTypeList {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 39px;
    margin-top: 20px;
    .loginTypeItem {
      @common-wechat-icon-color: #6dd400;
      &:first-of-type {
        .common-login-type-icon-item(@svg-fill: @common-wechat-icon-color);
      }
    }
  }
}