.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; } } }