www.gusucode.com > 聪明点比价网商品二级分类菜单源码程序 > 聪明点比价网商品二级分类菜单/css/common.css

    @charset "utf-8";
*{ margin:0; padding:0;}
body{ background:url(../images/body_bg.png) repeat-y center 0px; min-width:970px;}
body,p,div,th,td,input,select,textarea,ul,li,a{ color:#333; font-size:12px;font-family:"宋体",Arial,Verdana; padding:0; margin:0;}

img{ border:0px;}
ul{ list-style:none;}
.cl,.clr{ clear:both; height:0px; font-size:0;}
.disn{ display:none;}
.disb{ display:block;}
h1,h2,h3,h4,h5,h6{font-size:13px; font-weight:bold;}

a:link,a:visited,a:hover,a:active{ color:#333333; text-decoration:none;font-size:12px;}
a:hover{ text-decoration:underline;color:#669900; font-size:12px;}

.header{ height:149px; background:#fff url(../images/v5_repeat_x.png) repeat-x 0 -659px;}
.header .headercontent{ width:985px; margin:0 auto;}
.header .logo{ height:55px; width:285px; overflow:hidden; padding:24px 0 2px 15px; margin-bottom:17px; float:left;}

.topnav{ clear:both;}
.accoutbar{ text-align:right; padding:17px 5px 0 0;}
.topnav .topallcate{ float:left; position:relative; z-index:9999;}
.topnav .topallcate .nav{ position:absolute; top:0; left:-2px; width:210px;z-index:9999;}
.nav .allcate{ position:absolute; top:0; left:1px; z-index:101;}
.nav .allcate a{ display:block; width:210px; height:39px; background:url(../images/v5_main_img.png) no-repeat -210px -173px; text-indent:-9999px;overflow:hidden;}
.nav .allcate a.hover{ background-position:-210px -381px}
.topnav .nav ul{ margin-top:39px;}
.nav ul{border-right:#83b712 6px solid; border-bottom:#83b712 6px solid; border-left:#83b712 5px solid; margin-top:50px; margin-left:10px;}
.nav ul li{ height:42px; line-height:42px; padding:0 0 0 13px; background:#f9ffdd url(../images/v5_main_img.png) no-repeat 0 -247px; position:relative; z-index:100;}
.nav ul li.over{ background-position:-203px -246px;}
.nav ul li a:link,.nav ul li a:active,.nav ul li a:visited{ font-size:15px; padding-left:12px;color:#333;}
.nav ul li a:hover{ font-size:15px; padding-left:12px; color:#669900;}
.nav ul li a strong{ font-weight:normal;}
.nav ul li.over a:link,.nav ul li.over a:active,.nav ul li.over a:visited,.nav ul li.over a:hover{ font-size:15px; padding-left:12px; color:#fff;}
.nav .submenubox{ position:absolute; left:189px; top:1px; width:425px; border:#83b712 6px solid; background:#f9ffdd; float:left; line-height:0; overflow:hidden;}
.nav .submenuboxBottom{top:auto;bottom:1px;}
.nav .submenubox .subcate{ width:150px; float:left;}
.nav .submenubox .subcate ul{ border:0; margin:0; padding:2px 0; background:#83b712; margin-bottom:-2000px; padding-bottom:2000px; position:relative;}
.nav .submenubox .subcate ul li{ background:none; height:auto; line-height:18px; padding:5px 0 5px 0px; position:static; z-index:auto; cursor:default;}
.nav ul li.over .subcate ul li a:link,.nav ul li.over .subcate ul li a:active,.nav ul li.over .subcate ul li a:visited{ font-size:14px; padding-left:12px; color:#fff;}
.nav ul li.over .subcate ul li a:hover{ color:#fff;}
.nav .submenubox .colright{ width:260px; padding:0 0 0 15px; float:left;}
.nav .submenubox .featuredbrand h3{ height:30px; line-height:30px; padding:5px 0 0 0; font-size:14px; color:#87af1b;}
.nav .submenubox .featuredbrand ul{ border:0; margin:0; padding:5px 0; float:left;}
.nav .submenubox .featuredbrand ul li{ background:#fff; width:67px; height:37px; padding:4px; margin:0 7px 7px 0; position:static; z-index:auto; float:left; overflow:hidden;}
.nav ul li.over .featuredbrand ul li a:link,.nav ul li.over .featuredbrand ul li a:active,.nav ul li.over .featuredbrand ul li a:visited{ padding-left:0px;}
.nav ul li.over .featuredbrand ul li a:hover{padding-left:0px;}
.nav .submenubox .merchantpromotion h3{ height:30px; line-height:30px; padding:0; font-size:14px; color:#87af1b;}
.nav .submenubox .merchantpromotion ul{ border:0; margin:0; padding:0 0 5px 0; float:left; width:260px;}
.nav .submenubox .merchantpromotion ul li{float:left; white-space:nowrap; background:none; line-height:normal; height:14px; padding:5px 10px 5px 0; position:static; z-index:auto;}
.nav ul li.over .merchantpromotion ul li a:link,.nav ul li.over .merchantpromotion ul li a:active,.nav ul li.over .merchantpromotion ul li a:visited{ padding-left:0px; color:#585858; font-size:12px;}
.nav ul li.over .merchantpromotion ul li a:hover{padding-left:0px; color:#669900;font-size:12px;}
.nav ul li.last .submenubox .subcate{ width:420px;}
.nav ul li.last .submenubox .subcate ul{ background:none; float:left;}
.nav ul li.last .submenubox .subcate ul li{ float:left; width:139px;}
.nav ul li.last .subcate ul li a:link,.nav ul li.last .subcate ul li a:active,.nav ul li.last .subcate ul li a:visited{ font-size:14px; padding-left:12px; color:#585858;}
.nav ul li.last .subcate ul li a:hover{ color:#669900;}
.searchbox{width:483px; height:58px; margin-left:448px; padding-top:14px;position:relative; z-index:99;}
.searchbox .l{ padding-left:36px; background:url(../images/v5_main_img.png) no-repeat 0 -57px; height:58px;}
.searchbox .m{ background:url(../images/v5_repeat_x.png) repeat-x 0 -123px; height:58px; }
.searchbox .m .searchkey{ outline:none; border:0; padding:16px 0; height:22px; line-height:22px; background:none; font-size:19px; font-weight:bold; color:#98bc00; width:290px; float:left;font-family: "microsoft yahei";}
.searchbox .m .searchcleanbut{background:url(../images/filter_del.gif) no-repeat 0 20px; cursor:pointer; border:0; width:20px; height:58px; float:left;}
.searchbox .m .searchbut{background:url(../images/v5_main_img.png) no-repeat 0 -115px; cursor:pointer; border:0; width:154px; height:58px; float:right;}
.searchbox .m .searchbutfocus{ background-position:-154px -115px;}
.header .hotkeywords{ margin-left:486px; padding:6px 0 0 0; color:#6f6f6f; height:15px; overflow:hidden; line-height:15px; width:495px;}
.header .hotkeywords a:link,.header .hotkeywords a:visited,.header .hotkeywords a:active{ color:#6f6f6f;}
.header .hotkeywords a:hover{ color:#669900;}

.wrapper{ background:url(../images/v5_maintop_bg.png) no-repeat center 0; clear:both; margin:0 auto; padding-top:4px; max-width:1080px; _width:1010px; }
.wrapper .main{width:970px; margin:0 auto; background:#fff;min-height:580px; _height:580px;}
.mainbot{ background:url(../images/main_bot_bg.png) no-repeat center 0; height:16px; font-size:0; margin:0 auto; max-width:1080px; _width:1010px;}
body{ background:url(../images/body_bg_home.png) repeat-y center 0px; min-width:1210px; }
body,p,div,th,td,input,select,textarea,ul,li,a{font-family:"microsoft yahei","宋体",Arial,Verdana;}
.header{ height:115px; background-position:0 0;}
.header .headercontent{ width:1210px; margin:0 auto;}
.header .logo{padding:24px 0 2px 33px; float:left;}
.searchbox{width:653px;}
.searchbox .m .searchkey{border:0; padding:18px 0; height:22px; line-height:22px; background:none; font-size:19px; font-weight:bold; color:#98bc00; width:460px; float:left;}
.header .hotkeywords{ width:auto;}
.wrapper{ background:url(../images/v5_maintop_bg_home.png) no-repeat center 0; max-width:none; _width:auto;}
.wrapper .main{width:1210px; margin:0 auto; background:#fff; padding-top:0;}
.mainbot{ background:url(../images/main_bot_bg_home.png) no-repeat center 0; max-width:none; _width:auto;}

.topblock{ padding:12px 12px 0 4px;}
.nav{ width:210px; float:left; position:relative; z-index:101;}
.nav .allcate{ left:0;}
.nav .allcate a{ display:block; width:210px; height:58px; background:url(../images/v5_main_img.png) no-repeat 0px -173px; text-indent:-9999px;}
.topblock .colr{ width:971px; float:left; margin-left:13px;}
.topblock .smarteraccount{ float:right; padding:9px 0;}
.topblock .smarteraccount a{ display:block; float:left; margin:0 5px; width:135px; height:51px;background:url(../images/v5_main_img.png) no-repeat 0 -324px; text-indent:-9999px;}
.topblock .smarteraccount a.login{ background-position:0 -324px;}
.topblock .smarteraccount a.register{ background-position:-145px -322px;}

.topblock .logined{float:right; width:265px; height:32px; line-height:16px; padding:14px 10px; background:#e9fac3 url(../images/v5_repeat_x.png) repeat-x 0px -837px; margin-bottom:6px; border-right:#dbf4a0 1px solid; border-bottom:#dbf4a0 1px solid; }
.topblock .logined strong{ color:#c00;}
.topblock .logined p{ padding:5px 0 0 0; color:#a4a4a4;}