/* 引入字体图标 */ @import url("//at.alicdn.com/t/font_2761470_wlzc7cs9pc.css"); /* 底部导航容器样式 */ .bottom-nav { position: fixed; /* 固定在底部 */ bottom: 0; left: 0; right: 0; background-color: white; display: flex; align-items: center; justify-content: center; line-height: 20px; color: #9e9e9e; cursor: pointer; padding: 6px 0; width: 100%; z-index: 1000; /* 确保在其他内容上方 */ box-shadow: 0 -1px 3px rgba(0,0,0,0.1); /* 增加顶部阴影区分内容 */ } /* 导航项样式 */ .bottom-nav .nav-item { flex: 1; /* 平均分配空间 */ text-align: center; padding: 5px 0; } /* 导航图标样式 */ .bottom-nav .iconfont { font-size: 20px; display: block; /* 图标单独一行 */ margin-bottom: 3px; } /* 导航文字样式 */ .bottom-nav .nav_font { font-size: 12px; color: #8590a6; } /* 激活状态样式 */ .bottom-nav .nav-item.active .iconfont, .bottom-nav .nav-item.active .nav_font { color: #1677ff; /* 激活状态颜色 */ } /* 响应式调整 */ /* 电脑端隐藏 */ @media (min-width: 992px) { .bottom-nav { display: none !important; } #footer { margin-bottom: 0 !important; } } /* 手机端显示 */ @media (max-width: 991px) { .bottom-nav { display: flex !important; } #footer { margin-bottom: 56px !important; /* 适配导航高度 */ } }
点我宋888圆
项目搜索
广告合作点我
【彩虹策略论坛】民主/爱国/富强
我们生在红旗下 长在春风里 人民有信仰 国家有力量 目光所致皆为华夏 五星闪耀皆为信仰
首页
商场
分类
消息
抽奖
我的