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;}