body{margin:0;padding:0;font-size:12px; background:url(images/bg.gif) repeat;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select,button{font-size:12px;line-height:16px; border:0}
img{border:0;vertical-align:bottom}
ul,li{list-style-type:none;}
i{font-style:normal;}
a,img,i,center,dl,dt,dd {margin:0;padding:0;border:0;outline: 0;text-decoration:none;}
.clear{ clear:both;}
a{ color:#666;}
a:hover{ color:#FF0000; text-decoration:underline;}

/* top */
#top{margin:0 auto;font-size:12px;background:#fff; height:100%; overflow:hidden;}
#topnav{ padding-left:20px; line-height:25px; background:url(../../images/topbg.gif) repeat-x; margin:0 auto; height:25px; overflow:hidden;}
#topnav span{ padding-right:10px; float:right;}
/* 内容 */

/* 头部 */
.top{margin:0 auto;width:100%;height:382px; background: url(images/QQqun_top.gif) center top no-repeat;}
#content{width:950px; background:#fff2c8; margin:auto; padding-top:15px;}
.qq_foot{width:950px; height:9px; background:url(images/qq_09.gif) no-repeat bottom; margin:auto;}

/*导航*/
.menu { height:40px; display: block; width:950px; margin:auto;}
.menu ul li a { position: relative; display: block; width: 110px; height:40px; font-family: Arial; font-size: 14px; font-weight: bold; letter-spacing:1px; text-transform: uppercase; text-decoration: none; cursor: pointer; text-decoration:none;/* 必须是相对定位  */}
.menu ul li a span {position: absolute; left: 0; width: 110px;/* 所有层将使用绝对定位 */}
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over, .menu ul li a span.bg {top:-40px; text-decoration:none; /* 起初.over层和.bg层相对a元素-45px以达到隐藏 */  }
#menu { background:url(images/qq_navbg.gif) repeat-x;  }
#menu ul li { float: left; overflow: hidden; position: relative; text-align: center; line-height: 40px; }
#menu ul li a { color: #fff; }
#menu ul li a:hover{ text-decoration:none;}
#menu ul li a span.over { color: #FFF; }
#menu ul li span.bg { height: 40px; background:url(images/qq_navhov.gif) repeat-x; }
.bg1{ height: 40px; background:url(images/qq_navhov.gif) repeat-x; text-decoration:none; }

/*QQ群代理商信息展示*/
.qq_left{ width:580px; margin-left:20px; float:left; display:inline; height:auto;}
.qq_left .qq_inforli{ background:url(images/qq_07.gif) no-repeat left bottom; padding-bottom:50px;}
.qq_left .qq_tit01{ height: 53px; background:url(images/qq_01.gif) no-repeat right; width:580px; }
.qq_left ul{ margin-top:5px;}
.qq_left li{ background:url(images/qq_03.gif) no-repeat; width:580px; height:270px; margin-top:15px;}
.qq_left .qq_img{ border:1px solid #d2d2d2; padding:1px; width:214px; height:204px;float:left;}
.qq_left .qq_infor{ float:right; width:318px;}
.qq_left .qq_infor h3{ font-size:14px; font-family:"宋体"; font-weight:normal; color:#ad0000; line-height:30px; margin-top:5px;}
.qq_left .qq_infor h3 span{ float:right; color:#666;}
.qq_left .qq_infor p{font-size:14px; font-family:"宋体"; font-weight:normal; color:#333333;line-height:24px; margin-top:40px; text-indent:28px;}
.qq_left .infor_tips{ font-size:12px; color:#555; padding-left:100px; padding-top:26px;}

.qq_right{ float:left; margin-left:20px; width:310px;}

/*汽车用品QQ群列表*/
.qq_right .qq_tit02{ height:45px; background:url(images/qq_02.gif) no-repeat; width:310px; }
.qq_right .qq_num{background:url(images/qq_04.gif) no-repeat left top; padding:15px 0px 10px 15px;}
.qq_right .qq_num p{ line-height:28px; color:#555555;}
.qq_right .qq_num p span{color:#222222;}
.qq_right .qq_num p  a{ float:right;}
.qq_right .qq_rifoot{background:url(images/qq_05.gif) no-repeat right; height:4px; width:310px;}
/*QQ群代理商信息列表*/
.qq_right .qq_tit03{ height:45px; background:url(images/qq_06.gif) no-repeat; width:310px; margin-top:20px; }
.qq_right .qq_infor_list{background:url(images/qq_04.gif) no-repeat left top;padding:10px 0px 15px 15px;}
.qq_right .qq_infor_list li{ border-bottom:1px dotted #be0300; padding-bottom:5px; padding-top:5px; width:295px;}
.qq_right .qq_infor_list li h3{ color:#ad0000; font-size:14px; line-height:24px; font-weight:normal;}
.qq_right .qq_infor_list li p{ color:#555555; font-size:12px; line-height:24px;}
/*图片放大效果*/
#imgbox-loading {position: absolute;top: 0;left: 0;background: url(images/loading.gif) center center no-repeat;cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div{background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;z-index: 90;}
.imgbox-title {padding-top: 10px;font-size: 12px;text-align: center;font-family: Arial;color: #333;display: none;}

/*-------分页样式---------*/
.pages { margin:10px; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 10px;}
/*.flickr{padding:3px;margin:3px;text-align:center;font-size:13px}*/
.flickr a{background:#FFFFFF none repeat scroll 0 0;border:1px solid #444444;color:#444444;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.flickr a:hover{background:#a40000 none repeat scroll 0 0;border:1px solid #a40000;color:white;}
.flickr span.current{padding:2px 6px;font-weight:bold;color:#ff0000;margin-right:3px}
.flickr span.disabled{padding:2px 6px;color:#adaaad;margin-right:3px}
.flickr font{color:#ff0000;font-size:13px}

.anpager .cpb {background:#a40000 none repeat scroll 0 0;border:1px solid #a40000;color:#ffffff;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #444444;color:#444444;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#a40000 none repeat scroll 0 0;border:1px solid #a40000;color:white;}

/* 版权 */
.footer{ height:80px;}
.footer p{ text-align:center;color:#fff; padding-top:20px; line-height:24px;}
.footer a{ color:#fff;}












