[class*='g-image'] {
    position  : relative;
    object-fit: cover;
    overflow  : hidden;

    &:before {
        content        : '';
        position       : absolute;
        left           : 0;
        top            : 0;
        width          : 100%;
        height         : 100%;
        background     : #fff url("~@mobile/assets/images/avatar.png") no-repeat center;
        background-size: cover;
    }
}

.g-form {
    &__container {
        display       : flex;
        flex-direction: column;
        padding-bottom: .32rem;

        /* 父元素的第一个子元素 */
        .van-cell-group--inset:first-of-type {
            margin-top: .32rem;
        }

        /* 相邻兄弟元素 */
        .van-cell-group--inset+.van-cell-group--inset {
            margin-top: .24rem;
        }
    }

    &__footer {
        display    : flex;
        align-items: center;
        gap        : .2rem;
        padding    : .2rem .32rem;

        &:empty {
            display: none;
        }
    }
}

.g-flex {
    display       : flex;
    flex-direction: column;
    height        : 100%;

    &--row {
        flex-direction: row;
    }

    &__body {
        flex                      : 1;
        overflow-y                : auto;
        -webkit-overflow-scrolling: touch;
    }

    &__footer {
        margin-top: auto;
    }
}

.g-color {
    &--up {
        color: var(--color-up);
    }

    &--down {
        color: var(--color-down);
    }
}

/* 导航列表 */
.g-navmenu {
    .app-iconfont {
        height: 100%;

        &__icon {
            font-size   : .32rem;
            margin-right: .24rem;
        }
    }
}

.van {
    &-dialog {
        &__message {
            font-size  : .28rem;
            line-height: .44rem;
        }
    }
}