body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0}
button,input,select,textarea{font:12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;overflow:hidden}
body{font:12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:before,q:after{content:''}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;height:1px}
html{overflow-y:scroll;overflow-x:hidden}
.hidden{ display:none;}

input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"]{cursor:pointer; outline: none;}
input[type="text"]{outline: none;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.clearfix{*zoom:1}


.main_top_wrap,.main_navgation{width:905px; margin: 0 auto; background: #fff;}
.main_top_wrap{ height: 110px; padding-bottom: 8px; float:left;}
.logo{width: 208px; float: left; margin: 25px 0 0 10px;}
.main_search_box{width:470px; float:left; margin-left: 28px;}
.top_header{z-index:999;}
.wrap_search{position:relative;float:left;width:470px;}
.search_classify{position:absolute;top:-28px;left:0;height:30px;line-height:30px}
.search_classify a{width:60px; text-align:center; margin-right:12px;color:#676767;font-weight:bold; font-size:14px; float:left;}
.search_classify a.cur{color:#ff7300;}
.search_bg{position:relative;z-index:1000;float:left; margin-top:30px;}


/*产品分类、发布时间、地区、颜色筛选*/
.search_bg span.category_btn
,.search_bg span.time_btn
,.search_bg span.area_btn
,.search_bg span.color_btn
{float:left;width:85px;height:40px;line-height:40px;border-top:solid 2px #8bb568;border-bottom:solid 2px #8bb568;color:#333;text-align:center;margin-top:5px;background:#f5f5f5;cursor:pointer}
.search_bg span.category_btn i
,.search_bg span.time_btn i
,.search_bg span.area_btn i
,.search_bg span.color_btn i
{font-style:normal;padding-right:16px;}
.arrow_down{background:url(../images/search-down-icon.png) right center no-repeat;}
.arrow_up{background:url(../images/search-up-icon.png) right center no-repeat;}
.category,.time,.city,.color{position:absolute;top:49px;left:293px;background:#f5f5f5;cursor:default;}
.category,.time,.color{ width: 170px;}
.city{ width: 340px;}
.category h4,.time h4,.city h4,.color h4{float:left;color:#fff;padding:0 6px;background:#8bb568;clear:both;line-height:24px}
.category_list,.time_list,.area,.color_list{float:left}
.category_list li,.time_list li,.area li,.color_list li{float:left;color:#3a3a3a;line-height:32px;cursor:pointer;text-align: center;}
.category_list li:hover,.time_list li:hover,.area li:hover,.color_list li:hover{color:#fff;background:#8bb568;}

.category_list li,.time_list li,.area li{ width: 85px; }
.color_list li{ position: relative; width: 45px; padding-left: 40px; text-align: left;}
.color_list li:first-child{width: 85px; padding-left: 0; text-align: center;}
.color_list li span{position:absolute; left: 20px; top: 10px; width: 12px; height: 12px; border: solid 1px #ccc; border-radius: 50%; display: inline-block;}
.color-red{background-color: #e5bfb2;}
.color-white{background-color: #ffffff;}
.color-black{background-color: #000000;}
.color-yellow{background-color: #d6d056;}
.color-gray{background-color: #aaa8ab;}
.color-blue{background-color: #24433e;}
.color-green{background-color: #424d15;}
.color-cyan-blue{background-color: #cedde4;}
.color-brown{background: #460c00;}
.color-purple{background-color: #663d66;}
.triangle_tip{position:absolute;top:-7px;left:16px;overflow:hidden;width:0;height:0;border:6px dashed transparent;border-bottom:6px solid #8bb568;font-size:0;line-height:0}
.search_bg .search_text{float:left;margin:5px 0 0 3px;padding:6px 5px 6px 8px;width:275px;height:28px;border:solid 2px #8bb568; border-right:0;color:#787878;line-height:28px}
.search_bg .search_submit{float:left;margin-top:5px; width:85px; text-align:center; line-height:44px;height:44px;border:0 none;background:#ff7300;color:#fff;font-size:14px; font-weight:bold;line-height:44px;}

.qrcode_area{width: 175px; float: right; margin-top: 15px;}
.qrcode_area ul li{ float: left; margin-right: 16px;}
.qrcode_area ul li img{border: solid 1px #ccc; display: block;}
.qrcode_area ul li p{display: block; line-height:28px; text-align: center; color: #666;}
.qrcode_area ul li:last-child{ margin-right: 0;}


.top_info{ overflow: hidden; margin-top: 8px;}
.top_info .hotsupplyinfo{float:left; width:250px; line-height: 22px;padding-left:2px;}
.top_info .hotsupplyinfo strong{ float:left; width:60px; color:#555;}
.top_info .trade_info{width:190px;height:22px; line-height:22px; overflow:hidden; float:left;}
.top_info .trade_infolist{color:#444;height:22px;line-height:22px;overflow:hidden;margin:0 0 0 0px; text-align:left;}
.top_info .trade_infolist li{height:22px;line-height:22px;}
.top_info .trade_infolist a{color:#666;font-size:12px;text-decoration:none;}
.top_info .trade_infolist a:hover{color:#333;text-decoration:underline;}
.top_info .hotline{ color:#333; line-height: 22px; float:right;padding-right:7px; }
.top_info .hotline span{color: #ff7300;}

.main_navgation{background: #6cb80c; height:auto; overflow: hidden; }
.main_navgation ul{width: 885px; padding:6px 2px 6px 18px; overflow: hidden;}
.main_navgation ul li{width: 157px; margin: 0 10px; float: left; background:url(../images/mainnav_top_line.png) right center no-repeat;}
.main_navgation ul li:last-child{ background: none;}
.main_navgation ul li a{ width: 65px; float: left; margin: 8px 5px; color: #FFFFFF; font-size: 14px; position: relative; }
.main_navgation ul li a i.hoticon{position:absolute; top:-8px; right:2px; width:9px; height:14px; background:url(../images/hot-icon-2.gif) left top no-repeat; display:block;}