/**app.wxss**/
page {
  background: #FAFAFA;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); 
}
@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
button::after{
    border: none;
}

.tabBar{
  width: 100%;
  height: 100rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1rpx solid #D9D9D9;
  background: #fff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); 
}
.tabBar .tabBar_left,.tabBar .tabBar_mid,.tabBar .tabBar_right{
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;

}
.tabBar .tabBar_left>image,.tabBar .tabBar_right>image{
  width: 48rpx;
  height: 48rpx;

}
.tabBar .tabBar_mid>image{
  width: 170rpx;
  height: 170rpx;
  position: absolute;
  top: -90rpx;
}

/* 空数据 */
.empty{
  width: 100%;
  text-align: center;
  margin-top: 100rpx;
}
.empty-img{
  width: 300rpx;
  height: 300rpx;
}
.empty-text{
  margin-top: 20rpx;
  font-size: 28rpx;
  color: #ccc;
}
/*加载中按钮*/
.loading{
  font-size:28rpx;
  color:#ccc;
  background:rgba(255, 255, 255, 0);
}
button[class="loading"]::after {
  border:none;
  background:rgba(255, 255, 255, 0);
}
/*没有更多数据*/
.no-more{
  font-size:28rpx;
  text-align:center;
  color:#ccc;
  margin: 20rpx 0;
}
.nbolds{
  font-weight: bold!important;
}

.hover-btn{
  background: #7EC9FC!important;
}