.app-mob-group-picker {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    .app-mob-group-picker__container {
        width : 100%;
        height: 100%;
    }

    .app-mob-group-picker__content {
        height        : 100%;
        display       : flex;
        flex-direction: column;

    }

    .app-mob-group-picker__content__header {
        height  : calc(100% - 80px);
        overflow: auto;
        display : flex;
    }

    .header__left {
        overflow-y: auto;
        overflow-x: hidden;

    }

    .van-sidebar {
        height: 100%;
        .van-sidebar-item {
            font-size: 16px;
        }
    }

    .header__right {
        width     : 100%;
        height    : 100%;
        overflow-y: scroll;

    }

    .header__right__title {
        font-size  : 16px;
        font-weight: 600;
        padding    : 10px 18px 10px;
    }

    .header__right__list {
        margin-bottom: 15px;


    }

    .list__item {
        font-size: 15px;

        .item__icon {
            font-size: 20px;
        }
    }

    .app-mob-group-picker--nodata {
        text-align     : center;
        display        : flex;
        justify-content: center;
        align-items    : center;
        height         : calc(100% - 15px);
    }

    .app-mob-group-picker__footer {
        width          : 100%;
        position       : absolute;
        bottom         : 0;
        text-align     : center;
        height         : 80px;
        display        : flex;
        justify-content: center;
        align-items    : center;

        .app-mob-button {
            width : 50%;
            height: 50px;
        }
    }
}