// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .platform-ios{
    .has-header {
      top: 84px;
    }
    .has-tabs {
      bottom: 84px;
    }
    .has-footer{
      margin-bottom: 34px;
    }
    .public-style {
      .bottom-tab{
        height: 78px; 
        padding-bottom: 34px;
      }
    }
  }
}


// iPhoneX适配
@media (device-width: 414) and (device-height: 896){
  .platform-ios{
    .has-header {
      top: 84px;
    }
    .has-tabs {
      bottom: 84px;
    }
    .has-footer{
      margin-bottom: 34px;
    }
    .public-style {
      .bottom-tab{
        height: 78px;
        padding-bottom: 34px;
      }
    }
  }
}