/* 
  全量色彩更新版 
  主色调：#ff2700 (亮红)
*/

html, body { 
    padding: 0; 
    margin: 0; 
    width: 100%; 
    min-height: 100%; 
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    font-size: 14px; 
    background: #f5f5f5; 
} 

html { scroll-padding-top: 160px; } 

a { text-decoration: none; } 

.container { width: 100%; max-width: 720px; margin: 0px auto; box-sizing: border-box; } 

.box { box-sizing: border-box; background: #fff; } 

.box.ad p { margin: 0; padding: 0; } 

.box img { width: 100%; } 

/* 🌈 原淡绿色改为红色系 (带透明度防止对比度过强) */
.menuicon { 
    background: rgba(255, 39, 0, 0.1); 
    width: 100%; 
    display: flex; 
    justify-content: space-between; 
    padding: 10px 6px; 
    box-sizing: border-box; 
    border-bottom: 1px solid #ff2700;
} 

.menuicon img { width: 84px; } 

/* 🚩 日期背景 */
.riqi { 
    height: 24px; 
    line-height: 24px; 
    text-align: center; 
    font-weight: 700; 
    background: #ff2700; 
    color: #ffffff; 
    border-radius: 5px; 
    margin: 2px 0; 
    font-size: 11pt; 
} 

/* 🏃 蚂蚁线动画边框容器 */
.rememberdomain { 
    margin: 5px; 
    display: block; 
    border: .5em solid transparent; 
    background: linear-gradient(#fff, #fff) padding-box, 
                repeating-linear-gradient(-45deg, #ff2700, #ff2700 12.5%, transparent 0, transparent 25%, #333 0, #000 37.5%, transparent 0, transparent 50%) 0 / 1.5em 1.5em; 
    -webkit-animation: ants 12s linear infinite; 
    animation: ants 12s linear infinite; 
    box-shadow: 0 0 5px #999; 
    border-radius: 5px; 
} 

/* 补全蚂蚁线动画定义 */
@keyframes ants {
    from { background-position: 0 0; }
    to { background-position: 1.5em 1.5em; }
}

.rememberdomain td { border: 1px solid #ededed; padding: 6px; } 

.rememberdomain table { width: 100%; } 

.box table { border-collapse: collapse; width: 100%; box-sizing: border-box; } 

.box table td { border-collapse: collapse; } 

.swiper-nav { text-align: center; color: #fff; font-weight: bold; } 

.swiper-nav .swiper-slide { 
    width: 110px!important; 
    padding: 5px 0; 
    color: #303133; 
    font-size: 13px; 
    font-weight: bold; 
    border-radius: 2px; 
    border-right: 1px solid #ededed; 
} 

/* 🔵 导航激活状态 */
.swiper-nav .active-nav { background: #3d7eff; color: #fff; } 

/* 📌 大标题栏：亮红渐变 */
.tit { 
    font-size: 18px !important; 
    color: #fff !important; 
    line-height: 42px !important; 
    box-shadow: 0 10px 14px -7px rgba(255, 39, 0, 0.4); 
    text-shadow: 0 1px 0 #900; 
    background: linear-gradient(#ff5e40, #ff2700) !important; 
    font-weight: bold; 
    text-align: center; 
} 

/* 🔍 各类边框颜色 */
.border1 td { border: 1px solid rgb(0, 112, 192); padding: 7px 0; } 
.border2 td { border: 1px solid #ddd7d7; padding: 7px 0; } 
.border3 td { border: 1px solid rgb(112, 48, 160); padding: 7px 0; } 
.border4 td { border: 1px solid #ff2700; padding: 7px 0; } /* 原黄色改亮红 */

.border1 td p, .border2 td p, .border3 td p, .border4 td p { margin: 0; } 

.titsle { font-size: 15px; font-weight: bold; } 

/* 🔳 底部网格按钮 */
.zhzl { 
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap; 
    box-sizing: border-box; 
    margin-top: 10px; 
    margin-bottom: 20px; 
} 

.zhzl .item { width: 25%; box-sizing: border-box; padding: 2px 3px; } 

.zhzl a { 
    line-height: 40px; 
    text-align: center; 
    border: 1px solid #ccc; 
    background: #fff; 
    border-radius: 5px; 
    display: block; 
    color: #333; 
    cursor: pointer; 
    transition: all 0.3s;
} 

/* 鼠标悬停效果：变为亮红 */
.zhzl a:hover {
    border-color: #ff2700;
    color: #ff2700;
}

/* 📱 移动端自适应 */
@media screen and (max-width: 710px) { 
    .menuicon img { width: 66px; } 
    .menuicon { padding: 10px 0; } 
    .swiper-nav .swiper-slide { width: 90px!important; } 
} 

@media screen and (max-width: 500px) { 
    .menuicon img { width: 62px; } 
    .swiper-nav .swiper-slide { width: 90px!important; } 
} 

@media screen and (max-width: 400px) { 
    .menuicon img { width: 58px; } 
    .swiper-nav .swiper-slide { width: 90px!important; } 
}