@import '../../common/stylus/mixin';

.login 
  position:relative
  width:100%
  height: 100%
  overflow: hidden
  bg-image('./img/e-sign-on_bg_img_nor.png')
  background-position: 0 bottom
  background-size:cover
  .logo-wrapper
    display:block
    position:absolute
    top:30px
    left:30px
    height:64px
    width:292px
    bg-image('./img/e-sign-on_bg_logo_nor.png')
    background-size:cover
  .form-wrapper
    width:100%
    height:100%
    display:flex
    justify-content: center
    align-items: center
    .form-contain
      width:420px
      background:#fff
      padding:30px 20px
      border-radius()
      .form-title
        font-size: 22px
        line-height: 36px
        color:$mainColor
        text-align:center
        margin-bottom:40px
      .el-button--primary
        width:100%

  .step-wrapper
    margin-bottom:30px
  .step-contain
    text-align:center
    .importTip
      font-size: 18px
      margin: 10px 0
    .mainTip
      color:$mainColor
    .smallTip
      color:$secondaryFont
      line-height:16px
      font-size:13px