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

    .has-topbar :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;
    }

    /* TODO: */
    /* .has-bottombar::after {
        content: '';
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 34px;
        background-color: #fff;
        z-index: 9999;
    } */

    .home .foot-nav {
        /* bottom: 34px !important; */
        padding-bottom: 15px;
    }

    .feishu_height_wrap {
        padding-bottom: 34px!important;
    }

    .feishu_add__wrap {
        padding-bottom: 50px!important;
    }

    .feishu_detail__wrap {
        padding-bottom: 34px!important;
    }

    .iphonex_bottom, .am-number-keyboard-wrapper {
        /* bottom: 33px !important; */
        /* padding-bottom: 33px; */
    }

    .kpi_detail_paddingbottom {
        padding-bottom: 90px!important;
    } 

}

/* xr */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    .has-bottombar {
        height: 100%;
        box-sizing: border-box;
    }

    /* .has-bottombar::after {
        content: '';
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 34px;
        background-color: #fff;
        z-index: 9999;
    }  */

    .home .foot-nav {
        /* bottom: 34px; */
        padding-bottom: 15px;
    }

    .feishu_height_wrap {
        padding-bottom: 34px!important;
    }

    .feishu_add__wrap {
        padding-bottom: 50px!important;
    }

    .feishu_detail__wrap {
        padding-bottom: 34px!important;
    }

    .iphonex_bottom, .am-number-keyboard-wrapper {
      /* padding-bottom: 33px!important; */
    }

    .kpi_detail_paddingbottom {
        padding-bottom: 90px!important;
    }
}

/* xs max */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .has-bottombar {
        height: 100%;
        box-sizing: border-box;
    }

    /* .has-bottombar::after {
        content: '';
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 34px;
        background-color: #fff;
        z-index: 9999;
    } */

    .home .foot-nav {
        /* bottom: 34px; */
        padding-bottom: 15px;
    }

    .feishu_height_wrap {
        padding-bottom: 34px!important;
    }
    .feishu_add__wrap {
        padding-bottom: 50px!important;
    }

    .feishu_detail__wrap {
        padding-bottom: 34px!important;
    }

    .iphonex_bottom, .am-number-keyboard-wrapper{
      /* padding-bottom: 33px!important; */
    }

    .kpi_detail_paddingbottom {
        padding-bottom: 90px!important;
    }
}

/* 12pro */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .has-bottombar {
        height: 100%;
        box-sizing: border-box;
    }

    /* .has-bottombar::after {
        content: '';
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 34px;
        background-color: #fff;
        z-index: 9999;
    } */

    .home .foot-nav {
        /* bottom: 34px; */
        padding-bottom: 15px;
    }

    .feishu_height_wrap {
        padding-bottom: 34px!important;
    }
    .feishu_add__wrap {
        padding-bottom: 50px!important;
    }

    .feishu_detail__wrap {
        padding-bottom: 34px!important;
    }

    .iphonex_bottom, .am-number-keyboard-wrapper{
      /* padding-bottom: 33px!important; */
    }

    .kpi_detail_paddingbottom {
        padding-bottom: 90px!important;
    }
}


/* 12pro */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    .has-bottombar {
        height: 100%;
        box-sizing: border-box;
    }

    /* .has-bottombar::after {
        content: '';
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 34px;
        background-color: #fff;
        z-index: 9999;
    } */

    .home .foot-nav {
        /* bottom: 34px; */
        padding-bottom: 15px;
    }

    .feishu_height_wrap {
        padding-bottom: 34px!important;
    }
    .feishu_add__wrap {
        padding-bottom: 50px!important;
    }

    .feishu_detail__wrap {
        padding-bottom: 34px!important;
    }

    .iphonex_bottom, .am-number-keyboard-wrapper{
      /* padding-bottom: 33px!important; */
    }

    .kpi_detail_paddingbottom {
        padding-bottom: 90px!important;
    }
}