底部tabBar设置模拟器正常真机不行

在App.vue中设置

/deep/.uni-tabbar {
.uni-tabbar-border {
background-color: #edf1fc !important;
box-shadow: 0 0px 2px 0 rgba(24, 120, 229, 0.5);
}
/deep/.uni-tabbar__item:nth-child(4) {
width: 50px !important;

/deep/.uni-tabbar__icon.uni-tabbar__icon__difff {  
    position: relative;  
    width: 50px !important;   
    height: 50px !important;   
    border-radius: 50px !important;  
    transform: translateY(-35%);  
    background-color: #ffffff;  
    box-shadow: 0 0 5px 1px rgba(24, 120, 229, 0.1);  
    img {   
        width: 50px;  
        height: 50px;   
        border-radius: 50px;  
        box-sizing: border-box;  
    }    
}  

}
}

HBuilderx模拟器中正常显示