@media only screen and (device-width: 375px) and (device-height: 812px) and
(-webkit-device-pixel-ratio: 3) {
    /*增加头部适配层*/
    .has-topbar {
        height: 100%;
        box-sizing: border-box;
        padding-top: 44px;

&:before {
     content: '';
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 44px;
     background-color: #000000;
     z-index: 9998;
 }
}

/*增加底部适配层*/
.has-bottombar {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 34px;

&
:after {
    content: '';
    z-index: 9998;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px;
    background: #ffffff;
}

}

/*导航操作栏上移*/
.bottom-menu-fixed {
    bottom: 34px !important;
}

/*导航操作栏增高*/
.bottom-menu-height {
    height: calc(.88rem + 34px) !important;
}

/*表格间距增加*/
.bottom-menu-padding {
    padding-bottom: calc(1.56rem + 34px) !important;
}

}