.tabs {
  position:fixed;
  width:100%;
  bottom:0vw;
  z-index:100;

  display         : flex;
  justify-content : space-evenly;
  height          : 13.3333vw;
  // background-color: #fff;
  backdrop-filter: saturate(180%) blur(5.1282vw);
  background: rgb(255 255 255 / .8);
  color           : #808080;
  box-shadow: rgba(17, 17, 26, 0.1) 0vw -0.2564vw 0vw;
  border-radius: 2.5641vw 2.5641vw 0 0;
  .buttom {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: space-evenly;
    font-size      : 3.2vw;
    font-family    : Source Han Sans CN;
    font-weight    : 400;
    position: relative;
    .icon-img {
      width : 5.3333vw;
      height: 5.3333vw;
    }
    .tips{
      position: absolute;
      right: -8px;
      width: 6px;
      height: 6px;
      top: 4px;
      background: #dd0000;
      // width: 16px;
      // height: 16px;
      border-radius: 50%;
      color: white;
      text-align: center;
      line-height: 16px;
    }
  }

  .center {
    margin-top: -10.6667vw;
    z-index   : 99;
    // img{
    //   width: 15.3846vw;
    //   height: 13.3333vw;
    // }
    .box-icon {
      width : 16vw !important;
      height: 16vw !important;
      border-radius: 50%;
      box-shadow: 0 1.3333vw 4vw -1.3333vw rgb(251 251 251 / 50%);
    }
  }
}
ion-tab-button{
  height: 0vw;
}
.pad-but-ios{
  height: 72px !important;
  padding-bottom: 20px;
}