@import "../../assets/stylus/colorConfig"
color=mainColor
.bg_wrap{
  width 100%
  height 100vh
  background #333 url("../../assets/images/pc/login_bg.png") no-repeat center
  background-size cover
  overflow hidden
  .login_box{
    position absolute
    width 400px
    height 400px
    left 50%
    top 50%
    margin-left -200px
    margin-top -180px
    padding 80px 30px 25px
    box-sizing border-box
    background #fff
    border-radius 4px
    .luckytrip{
      display block
      position absolute
      width 200px
      top -100px
      left 50%
      transform translate(-50%)
      margin auto
    }
    .errorMsg{
      position absolute
      width 100%
      top 45px
      left 0
      text-align center
      font-size 14px
      font-weight 700
      color errorColor
    }
    .input_wrap{
      height 60px
      line-height 60px
      border-bottom 1px solid border_color
      font-size 14px
      .areaCode{
        position relative
        display inline-block
        width 110px
        color subheadColor
        &:after{
          content ''
          position absolute
          width 1px
          height 20px
          top 20px
          right 20px
          background #eee
        }
        i{
          margin-left 5px
          font-size 12px
        }
      }
      &.errorCss{
        border-color errorColor
        color errorColor
        .areaCode{
          color errorColor
          &:after{
            background errorColor
          }
        }
        input{
          color errorColor
        }
        ::-moz-placeholder {
          color #f3aba4
        }
        ::-webkit-input-placeholder {
          color #f3aba4
        }
        :-ms-input-placeholder {
          color #f3aba4
        }
      }
    }

    .loginBtn{
      height 48px
      line-height 48px
      margin-top 30px
      border-radius 4px
    }
    .other_way{
      margin-top 35px
      text-align center
      span{
        display block
        font-size 14px
        color subheadColor
      }
      .icon_wx{
        display block
        i{
          display inline-block
          margin-top 10px
          padding 7px
          font-size 30px
          border 1px solid border_color
          border-radius 100%
          color subheadColor
        }
      }
    }
  }

}