*{
    margin: 0;
    padding: 0;
}
body {
    /* 可以通过增加padding-bottom来适配 */
    padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
    padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/

    /* 可以通过margin-bottom来适配 */
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);

    /* 或者改变高度*/
    height: calc(55px +  constant(safe-area-inset-bottom));
    height: calc(55px +  env(safe-area-inset-bottom));
}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) { 
    .bottom-button {
        margin-bottom: constant(safe-area-inset-bottom);
        margin-bottom: env(safe-area-inset-bottom);  
    }
}

/* /qinkuai/inviteh5 */