/* 移动端底部导航样式 */
.mobile-bottom-nav {
  display: none; /* 默认隐藏 */
  position: fixed;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 1000;
  justify-content: space-around;
  align-items: center;
}

.mobile-nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  background-color: transparent;
  background-image: url("m0.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s;
}

.mobile-nav-btn:active {
  transform: translateY(-2px);
}

.mobile-nav-btn .icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 5px;
}

.mobile-nav-btn .back-top-icon {
  background-image: url('ic1.png');
}

.mobile-nav-btn .my-icon {
  background-image: url('ic.png');
}
.mobile-nav-btn.myhome span{
  background-image: url('ic2.png');
}
.mobile-nav-btn#zx span{
  background-image: url('ic3.png');
}
/* 移动端显示 */
@media screen and (max-width: 768px) {
  .mobile-bottom-nav {
    display: flex;
  }
  
  /* 为底部导航腾出空间 */
  body {
    padding-bottom: 60px;
  }
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-11-26 16:21:34" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->