www.gusucode.com > 蒙牛官网jQuery下拉导航菜单源码程序 > 蒙牛官网jQuery下拉导航菜单/css/base.css

    body {background:#fff repeat-x center 0;font:normal 12px/1.667 'Microsoft YaHei','Helvetica Neue',Tahoma,Arial,\5fae\8f6f\96c5\9ed1;*font-family:'Microsoft YaHei',Tahoma,Arial; padding:0; margin:0;}
body ul {list-style-type:none; padding:0px; margin:0px;}
body a {text-decoration:none;}
.clear{clear:both; font-size:0; line-height:0;}

.nav {position:absolute; top:60px; left:0px; z-index:6; width:100%; height:60px;}
.nav_con {width:980px; height:40px; margin:0 auto; position:relative;}
.nav_body {width:100%; height:40px;}
.nav_tab {float:left; height:40px; font-size:16px; color:#5d5d5d; text-align:center; line-height:40px; cursor:pointer; position:relative;}
.nav_tab_left {background:url('../image/nav_tab_left.png') no-repeat; height:40px; width:130px;}
.nav_tab_1 {background:url('../image/nav_tab_1.png') no-repeat; height:40px; width:169px;}
.nav_tab_2 {background:url('../image/nav_tab_2.png') no-repeat; height:40px; width:169px;}
.nav_tab_3 {background:url('../image/nav_tab_3.png') no-repeat; height:40px; width:169px;}
.nav_tab_4 {background:url('../image/nav_tab_4.png') no-repeat; height:40px; width:169px;}
.nav_tab_right {background:url('../image/nav_tab_right.png') no-repeat; height:40px; width:169px;}
.hover,.h_left,.h_right,.h_1,.h_2,.h_3,.h_4 {background:url('../image/hover.jpg') repeat-x; color:#fff;}
.h_left {background:url('../image/hover_left.png') no-repeat; width:130px;}
.h_right {background:url('../image/hover_right.png') no-repeat; width:169px;}
.h_1 {background:url('../image/hover_1.png') no-repeat; width:169px;}
.h_2 {background:url('../image/hover_2.png') no-repeat; width:169px;}
.h_3 {background:url('../image/hover_3.png') no-repeat; width:169px;}
.h_4 {background:url('../image/hover_4.png') no-repeat; width:169px;}
.true_left {background:url('../image/hover_left.png') no-repeat; width:130px;}
.true_right {background:url('../image/hover_right.png') no-repeat; width:169px;}
.true_1 {background:url('../image/hover_1.png') no-repeat; width:169px;}
.true_2 {background:url('../image/hover_2.png') no-repeat; width:169px;}
.true_3 {background:url('../image/hover_3.png') no-repeat; width:169px;}
.true_4 {background:url('../image/hover_4.png') no-repeat; width:169px;}
.nav_line {float:left; width:1px; height:40px;}
.nav_1 {background:url('../image/nav_1.png') no-repeat; width:544px; height:77px; position:absolute; top:40px; left:0px; display:none;}
.nav_2 {background:url('../image/nav_2.png') no-repeat; width:412px; height:77px; position:absolute; top:40px; left:0px; display:none;}
.nav_3 {background:url('../image/nav_3.png') no-repeat; width:387px; height:77px; position:absolute; top:40px; left:0px; display:none;}
.nav_4 {background:url('../image/nav_4.png') no-repeat; width:387px; height:77px; position:absolute; top:40px; left:-50px; display:none;}
.nav_5 {background:url('../image/nav_5.png') no-repeat; width:387px; height:77px; position:absolute; top:40px; left:-220px; display:none;}
.nav_list_1,.nav_list_2,.nav_list_3,.nav_list_4,.nav_list_5 {width:440px; font-size:13px; font-weight:normal; color:#7d7d7d; margin-left:170px; margin-top:12px;}
.nav_list_1 li,.nav_list_2 li,.nav_list_3 li,.nav_list_4 li,.nav_list_5 li {float:left; margin-right:30px; height:28px; line-height:28px;}
.nav_list_2 {width:300px; margin-left:145px;}
.nav_list_3 {width:320px; margin-left:140px;}
.nav_list_4 {width:320px; margin-left:130px;}
.nav_list_5 {width:320px; margin-left:140px;}
.nav_list_1 li {margin-right:0px; text-align:left; width:100px;}
.nav_list_2 li {text-align:left;}
.nav_list_3 li {margin-right:20px;}
.nav_list_4 li {margin-right:20px;}
.nav_list_5 li {margin-right:20px;}
.nav_list_1 li a {color:#00a028;}
.nav_list_2 li a {color:#ff6c00;}
.nav_list_3 li a {color:#ff6c00;}
.nav_list_4 li a {color:#00a028;}
.nav_list_5 li a {color:#19abff;}
.nav_list_1 li a:hover,.nav_list_2 li a:hover,.nav_list_3 li a:hover,.nav_list_4 li a:hover,.nav_list_5 li a:hover {color:#7d7d7d;}
.nav_color {color:#424242;}