.top,.top a{color:#646464;} .top a:hover{color:#ff2832;} .top-l .top-login{color: #ff2832;margin-right: 5px;} .top-m > li{float :left;height :22px;line-height :22px;padding-top :5px;} .top-m > li.line{width:1px;height:12px;background:#e1e1e1;margin:10px 0 0;padding:0;} .top-m > li a{display:block;padding:0 8px;} .top-m li a.menu-btn{padding-right:27px;background:url(插图11/home_sprite.png) no-repeat right -307px;} .top-m li a i{margin-right :6px;margin-top:3px;}添加完整注释

/* 设置顶部导航栏样式 */
.top, .top a {
color: #646464; /* 设置顶部导航栏字体颜色为灰色 */
}
.top a:hover {
color: #ff2832; /* 当鼠标悬停在导航栏链接上时，设置字体颜色为红色 */
}
.top-l .top-login {
color: #ff2832; /* 设置登录按钮字体颜色为红色 */
margin-right: 5px; /* 设置登录按钮右侧间距为5px */
}
.top-m > li {
float: left; /* 设置导航栏子元素左浮动 */
height: 22px; /* 设置导航栏子元素高度为22px */
line-height: 22px; /* 设置导航栏子元素行高为22px */
padding-top: 5px; /* 设置导航栏子元素顶部内边距为5px */
}
.top-m > li.line {
width: 1px; /* 设置分割线宽度为1px */
height: 12px; /* 设置分割线高度为12px */
background: #e1e1e1; /* 设置分割线背景颜色为淡灰色 */
margin: 10px 0 0; /* 设置分割线上方外边距为10px，下方外边距为0 */
padding: 0; /* 设置分割线内边距为0 */
}
.top-m > li a {
display: block; /* 设置导航栏子元素链接为块级元素 */
padding: 0 8px; /* 设置导航栏子元素链接左右内边距为8px */
}
.top-m li a.menu-btn {
padding-right: 27px; /* 设置菜单按钮右侧内边距为27px */
background: url(插图11/home_sprite.png) no-repeat right -307px; /* 设置菜单按钮背景图片 */
}
.top-m li a i {
margin-right: 6px; /* 设置菜单按钮图标右侧外边距为6px */
margin-top: 3px; /* 设置菜单按钮图标上方外边距为3px */
}