/* subPackage/component/tabBar/tabBar.wxss */
page{
  background: rgba(0, 0, 0, 0.04);
}

.bottom{
  width: 100%;
  height: 100rpx;
  position: fixed;
  bottom: 0;
  left: 0;
}

.bottom-tab-bar{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100rpx;
  border-top: solid 1px #ddd;
  left: 0;
  background: #ffffff;
  display: flex;
  z-index: 99;
}

.bottom-tab-bar .tab-bar-item{
  flex: 0;
  min-width: 20%;
  max-width: 20%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.bottom-tab-bar .tab-bar-item image{
  width: 100rpx; 
}

.out{
  position: absolute;
  top: -30rpx;
  background: #ffffff;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  padding: 10rpx;
  border-top: solid 1px #ddd;
}

.out image{
  width: 100rpx; 
  z-index: 2;
  position: absolute;
}

.hover{
  position: absolute;
  top: 0;
  background: #ffffff;
  width: 100%;
  height: 100%;
  padding: 10rpx;
}