@media only screen and (device-width: 375px) and (device-height: 812px) and
(-webkit-device-pixel-ratio: 3) {
    .has-bottombar {
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 34px;
    }
    .has-bottombar:after {
        content: '';
        z-index: 9998;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 34px;
        background: #f7f7f8;
    }
    body{
    	padding-bottom:34px;
    }
    .coupon-bottom-btn-box,.mui-poppicker,.serve,.bottom-table,.nav-bottom,.detail-bottom,.address-bottom,.choose-buy,.pay-btn-box,.detail-bottom-btn-box,.shop-bottom-box,.refund-bottom,.refund-reason-box,.refund-way-box,.bargain-bottom-btn-box{
        bottom:34px !important;
    }
    .index-seckilling-box-last-child,.om-wrap,.write-order-box{
    	margin-bottom:34px !important;
    }
    .fang-box:last-child{
    	margin-bottom:84px !important;
    }
    .backTop{
    	bottom:1.8rem !important;
    }
    .shop-outer,.forU,.order-bottom-box,.coins-box{
    	margin-bottom: 34px !important;
    }
    body{
        padding-bottom: constant(safe-area-inset-bottom);
    }
    .shop-bottom-box-active{
    	margin-bottom:50px !important;
    }
    .shop-outer{
    	margin-bottom:17px !important;
    }
    
    
}