$themeColor = rgb(128,51,134);
$fontColor = rgb(77,9,86)

Button()
    background linear-gradient(135deg,#fa2c19 0%,#fa6419 100%)
    color white
    padding 10px
    width 85%
    text-align center
    border-radius 25px
    border: 1px solid transparent

hint()
    width 100%
    box-sizing border-box
    position absolute
    text-indent 2em
    z-index 9999
    padding 10px
    background rgba(255,255,255,0.8)
    color rgb(0,133,208)
    font-size 12px
    line-height 1.4em

.home-wrap
    overflow hidden
    height: 100vh
    width: 100%
    .bottom-img
        position absolute 
        bottom 0px
        width 100%
        left 0
    .hint
        width 100%
        box-sizing border-box
        position absolute
        text-indent 2em
        z-index 9999
        padding 10px
        background rgba(255,255,255,0.3)
        backdrop-filter: blur(30)
        color white
        font-size 12px
        line-height 1.4em
        bottom 0
    .background-wrap
        position: fixed
        z-index: -1
        // .background-image
    .top-brand-wrap
        color: white
        text-align: center
        margin-top: 15vh
    .info-card
        position relative
        // z-index 999
        width 90%
        box-shadow: 0 4px 10px #00000012
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.07)
        // background rgba(255, 255, 255, 0.7)
        // backdrop-filter: blur(20px)
        // -webkit-backdrop-filter: blur(20px)
        background white
        margin 0 auto
        margin-top 10vh
        z-index 500
        padding-bottom 30px
        padding-top 30px
        .form
            width 100%
            padding 30px
            box-sizing border-box
            position relative
            // z-index 999
            .van-cell
                height: 48px
                background: transparent
                >>>input 
                    height 48px
                // >>>field__body
    .button
        background linear-gradient(135deg,#fa2c19 0%,#fa6419 100%)
        color white
        padding 10px
        width 85%
        text-align center
        border-radius 25px
        border: 1px solid transparent
        margin-bottom: 20px
    .register
        background linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%)
    .flex-container
        display flex
        flex-direction column
        justify-content center
        align-items center
    .main
        width 100vw
        position relative
        z-index 800
        .hint
            width 70%
            border-radius 10px
            height 100px
            background rgba(255,255,255,0.9)
            position absolute 
            left 50%
            top 50%
            transform translate(-50%,-50%)
            display flex
            justify-content center
            align-items center
            color rgba(0,133,208,1)
        .imgs-wrap
            overflow hidden
            width 100%
            padding 8px
            padding-top 40px
            padding-bottom 50px
            box-sizing border-box
            .imgs-item
                font-size 0
                border 1px solid white
                width 100%
                margin-bottom 10px
                border-radius 10px
                overflow hidden
                img 
                    width 100%