
.bf-login-wrap {
  width: 488px !important;
  border-radius: 18px!important;
  .bf-login-close{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 24px;
    svg{
      width: 24px;
      height: 24px;
    }
  }
  .el-dialog__header{
    display: none;
  }
  .el-dialog__body{
      padding: 52px 39px 39px ;
  }
  .bf-login-dialog-box {
    .title {
      text-align: center;
      font-size: 32px;
      font-weight: 500;
      vertical-align: top;
      line-height: 46.34px;
    }
    .bf-login-form{
      $m-bottom-30: 30px;
      $el-input-58: 58px;
      margin-top: $m-bottom-30;
      .el-form-item{
        margin-bottom: $m-bottom-30;
        margin-top: 0;
      }
      .el-input {
        height: $el-input-58;
        font-size: 14px;
      }
      .bf-login-submit-btn{
        height: $el-input-58;
        width: 100%;
        font-size: 20px;
        margin-bottom: $m-bottom-30;
      }
      .bf-login-footer-btn{
        display: flex;
        justify-content: space-between;
        margin-bottom: $m-bottom-30;
        >a{
          cursor: pointer;
        }
      }
      .bf-login-process{
        display: flex;
        justify-content: space-around;
        >a{
          display: flex;
          align-items: center;
          cursor: pointer;
          >img{
            margin-right: 10px;
            vertical-align: middle;
            height: 28px;
            width: 28px;
          }
        }
      }
      .bf-login-form-code{
        width: 230px;
        margin-right: 20px;
      }
      .bf-login-form-code-btn{
        //width: 160px;
        flex: 1;
        height: 100%;
      }
    }
  }
}
