.top-m li.on{position:relative;border:1px #e6e6e6 solid;background:#fff;} .top-m ul.topDown{position:absolute;border: 1px #e6e6e6 solid;border-top: 0;width: 100%;top: 27px;left:-1px;background:#fff;} .top-m ul.topDown li{line-height:24px;} .top-m ul.topDown li a{display: block;padding-left: 10px;color: #000;} .top-m ul.topDown li a:hover{background: #f2f2f2;color: #000;} .top-m .top-car{width:15px;height:14px;background:url(插图11/home_sprite.png) no-repeat -40px -86px;} .top-m .top-tel{width:11px;height:16px;background:url(插图11/home_sprite.png) no-repeat -40px -70px;} .nav-box{height:36px;line-height:36px;background:#ff2832;color :#fff;}添加详细完整注释

这段代码主要是用来实现一个网页的顶部导航栏样式。下面是对每一行代码的详细注释：

.top-m li.on{
    position:relative;
    border:1px #e6e6e6 solid;
    background:#fff;
}

这段代码定义了顶部导航栏中被选中的菜单项的样式，包括相对定位，边框为1像素的灰色实线，以及白色背景。

.top-m ul.topDown{
    position:absolute;
    border: 1px #e6e6e6 solid;
    border-top: 0;
    width: 100%;
    top: 27px;
    left:-1px;
    background:#fff;
}

这段代码定义了顶部导航栏中下拉菜单的样式，包括绝对定位，边框为1像素的灰色实线，顶部边框为0，宽度为100%，距离顶部27像素，左侧对齐，以及白色背景。

.top-m ul.topDown li{
    line-height:24px;
}

这段代码定义了下拉菜单中每个菜单项的行高为24像素。

.top-m ul.topDown li a{
    display: block;
    padding-left: 10px;
    color: #000;
}

这段代码定义了下拉菜单中每个菜单项的样式，包括块级元素显示，左侧内边距为10像素，字体颜色为黑色。

.top-m ul.topDown li a:hover{
    background: #f2f2f2;
    color: #000;
}

这段代码定义了下拉菜单中每个菜单项在鼠标悬停时的样式，包括背景颜色变为浅灰色，字体颜色为黑色。

.top-m .top-car{
    width:15px;
    height:14px;
    background:url(插图11/home_sprite.png) no-repeat -40px -86px;
}

这段代码定义了顶部导航栏中购物车图标的样式，包括宽度为15像素，高度为14像素，背景图片为“home_sprite.png”，位置为x轴偏移-40像素，y轴偏移-86像素。

.top-m .top-tel{
    width:11px;
    height:16px;
    background:url(插图11/home_sprite.png) no-repeat -40px -70px;
}

这段代码定义了顶部导航栏中电话图标的样式，包括宽度为11像素，高度为16像素，背景图片为“home_sprite.png”，位置为x轴偏移-40像素，y轴偏移-70像素。

.nav-box{
    height:36px;
    line-height:36px;
    background:#ff2832;
    color :#fff;
}

这段代码定义了顶部导航栏的容器样式，包括高度为36像素，行高为36像素，背景颜色为红色，字体颜色为白色。