body{
  padding-top:.8rem;
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
}
.tabber {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background-color: #fff;
  z-index: 1;
  border-top: 1px solid #dfdfdf;
  overflow: scroll;
}
@supports (bottom: env(safe-area-inset-bottom)) {
  .tabber {
     padding-bottom: env(safe-area-inset-bottom);
  }
}
.tabb::-webkit-scrollbar {
  width: 0 !important;
}
.tabb::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}
div{
  -webkit-overflow-scrolling:touch
}
.tabber-scllo {
  display: flex;
  height: 1rem;
  /* width: 20rem; */
}
.tabbar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex: 1;
  width: 1.5rem;
  border-right: 1px solid #e4e4e4;
  height: 1rem;
}
.tabbar-item:last-child {
  border-right: none;
}
.active {
  background-color: #e8473f;
  color: #fff;
}
.tabbar-item-icon {
  position: relative;
  margin-bottom: 5px;
  font-size: 0.2rem;
}
.tabbar-item-icon > img {
  display: block;
  height: 0.35rem;
}
.tabb {
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  /*解决ios上滑动不流畅*/
  -webkit-overflow-scrolling: touch;
  /*纵向超出部分将会隐藏，即滚动条部分被挤出可视区域*/
}