.home-mine {
    @backgroundImage: linear-gradient(#1A84B0, #00587D 3rem, transparent 3rem);

    .app-navbar {
        background-image: @backgroundImage;

        &__wrapper {
            color           : #fff;
            background-color: transparent;
        }
    }

    &__header {
        color           : #000;
        background-color: #fff;
        background-image: @backgroundImage;
        padding         : 0 .36rem;
        margin-bottom   : .2rem;

        &-wrapper {
            background-color       : #fff;
            border-top-left-radius : .2rem;
            border-top-right-radius: .2rem;
            padding                : .24rem;
        }

        .profile {
            display: flex;

            &-user {
                flex       : 1;
                display    : flex;
                align-items: center;

                .g-image--avatar {
                    width        : .8rem;
                    height       : .8rem;
                    border-radius: 50%;
                    font-size    : 0;
                    margin-right : .16rem;
                }

                &__info {
                    flex          : 1;
                    display       : flex;
                    flex-direction: column;

                    >span {
                        line-height: .4rem;
                        font-size  : .3rem;
                        font-weight: bold;
                    }
                }
            }

            &-account {
                display        : flex;
                flex-direction : column;
                justify-content: center;

                span {
                    line-height: .4rem;

                    &:first-child {
                        font-size: .24rem;
                        color    : #46D63C;

                        &::before {
                            content     : '资金账户';
                            color       : #A1B1C5;
                            margin-right: .12rem;
                        }
                    }

                    &:last-child {
                        font-size  : .3rem;
                        font-weight: bold;
                    }
                }
            }
        }

        .bank {
            display        : flex;
            justify-content: space-around;
            padding        : .48rem 0;

            &-item {
                display       : flex;
                flex-direction: column;

                span {
                    line-height: .4rem;

                    &:first-child {
                        font-size: .24rem;
                        color    : #A1B1C5;
                    }

                    &:last-child {
                        font-size  : .3rem;
                        font-weight: bold;
                    }
                }

                a {
                    color: #00577C;
                }
            }
        }

        .button {
            display        : flex;
            justify-content: space-around;

            .van-button {
                width     : 2.8rem;
                box-shadow: 0 .06rem .14rem 0 #e0e2e8;
            }
        }
    }

    &__iconbar {
        background-color: #fff;
        padding         : .24rem;
        margin-bottom   : .2rem;

        ul {
            display: flex;

            li {
                flex          : 1;
                display       : flex;
                flex-direction: column;
                align-items   : center;

                .app-iconfont {
                    &__icon {
                        font-size: .48rem;
                    }

                    &__label {
                        font-size : .24rem;
                        margin-top: .12rem;
                    }
                }
            }
        }
    }

    &__footer {
        padding: .2rem 0;

        .button-logout {
            width : 100%;
            border: 0;
        }
    }
}