/*	-------------------------------------------------------------
	中国钢管网
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	竞价频道
	Filename:		bidding.css 
	Author:        *高*
	
	-------------------------------------------------------------	*/
	
	
body{margin: 0 10px;}
em,i{ font-style:normal;}
.box{ 
	width:800px; 
	margin:0px auto; 
	text-align:left; 
	clear: both; 
}
.box:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.box {display: inline-table;}
/* Hides from IE-mac \*/
* html .box {height: 1%;}
.box {display: block;}
/* End hide from IE-mac */

/*
首页
——————————————————————————————————*/	
h1 span {
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color: #c7c7c7;
	height:18px;
	line-height:18px;
	padding:0px 5px;
	background:#fff;
	display:block;
	float:left;
	color:#f60;
 }

/*宣传图片，搜索*/

#top_search{ background:#FE6404; margin-top:8px; margin:8px auto 0 auto; width:800px;}
#top_search .ts{ padding:8px 15px; color:#FFE5B4;}
#top_search .ts i{ float:right; padding-top:5px;}
#top_search .ts span{ background:#FFE5B4; padding:3px 8px 1px 8px; color:#000; font-weight:normal;}
#top_search input{ padding: 3px 2px; background: #FDFFF5;}
#top_search button{ 
	background:url(bgimages/bg_button_jjblue.gif) #fff repeat-x left top;
	border:0;
	text-align:center;
	margin-left:12px;
	border:1px solid #4A95C9;
}

/*标王四大特权*/
#show4{ border:1px solid #F79A64; padding:8px 0 16px 8px; margin:8px auto; width:790px; }
#show4:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#show4 h4{ padding-bottom:12px;}
#show4 li{ float:left; border-right:1px dotted #ccc; width:130px; padding:38px 0 0 56px; margin-right:8px;}
#show4 li.s1{background:url(bgimages/bg_jj_t1.gif) no-repeat left top;}
#show4 li.s2{background:url(bgimages/bg_jj_t2.gif) no-repeat left top;}
#show4 li.s3{background:url(bgimages/bg_jj_t3.gif) no-repeat left top;}
#show4 li.s4{background:url(bgimages/bg_jj_t4.gif) no-repeat left top;}
#show4 .noy{ border-right:none;}

/*竞价帮助*/
#products{ border:1px solid #BCB0C4; width:551px; float:left; text-align:left; margin-right:5px; padding-bottom:16px;}
#products .p12{ padding:12px;}
#products .p12 p{ text-align:center;}
#products .p12 p span{ text-align:left; display:block;}
#products .p12 p img{ margin:30px 0 18px 0;}

#products #pnav{background:url(bgimages/bg_jj_xline2.gif) repeat-x left top; padding:8px 0;}
#products #pnav ul{ width:132px; padding-top:12px; height:260px; float:left; background:#E0E0E0;}
#products #pnav ul li{background:url(bgimages/bg_jj_xline.gif) no-repeat center bottom; padding:6px 0;}
#products #pnav ul li.on{background:url(bgimages/bg_jj_on.gif) no-repeat left center;}
#products #pnav ul li.on a:hover{ text-decoration:none;}
#products #pnav ul li a{background:url(bgimages/bg_jj_3red.gif) no-repeat 22px center; display:block; width:100px; padding-left:32px;}
#products #pnav div{ float:right; width:73%; padding:0;}
#products #pnav div p{ padding-bottom:8px;}
#products #pnav div strong{ display:block;}

/*竞价步骤*/
#company{ width:240px; float:right; border:1px solid #BCC5CA;  text-align:left;}
#company h2 { background: url(bgimages/company_bg.gif); padding-left:40px; height:40px;}
#company h2 img{ margin-top:8px;}

#top_search .ts, #top_search .ts i, #show4 li, #products .p12 p span{ font-size:14px; font-weight:bold;}
#top_search, #show4, #products #pnav div p{ text-align:left;}


/*
列表页面
——————————————————————————————————*/	

.search ul li,
#b_left,
#b_center,
#b_right img,
#b_768,
#left_info,
.left_info_1,
.left_info_1 div,
.choiceBlue li{float:left;}
.jj_mt{ padding-top:8px; text-align:center;}

/*竞价搜索*/
.search{
	background:url(bgimages/bg_search.gif) #68A6D5 repeat-x left top;
	color: #fff;
}
.search ul li{ width:50%;height:39px; padding-top:16px;}
.input_text1{ border:1px solid #eee; height:17px;} 
.search input{ vertical-align:middle;}

.box_mt{margin-top:12px;}
#sitenav{ border-top:1px solid #eee; width:100%; background: #FAFAFA; line-height:24px; }

/*左 列表*/
#b_left{
  width:551px;
}

.left_list{
  border:1px solid #ccc;
  text-align:center;
  padding-bottom:8px;
}
.left_list h1{
  background:url(bgimages/title_bg_info.gif) #FEF9CF no-repeat 4px center;
  height:23px;
  line-height:23px;
  font-size:14px;
  text-align:left;
}
.left_list table{ border-collapse:collapse; }
.left_list table th,
.left_list table td{
  text-align:center;
  padding:3px 0;
}

.left_list table td a, .left_list .p a{ text-decoration:underline;}
.left_list table .bg{ background:#F7F7F7;}

.left_list .p{ text-align:right; padding:6px 10px 0 0;}

.margin_top_6{ margin-top:8px;}

/*中间*/
#b_center{
  width:204px;
  float:right;
  text-align:left;
}

.center_1{
  background:#eee;
  padding:3px;
}
.center_1 h1{
  background:url(bgimages/titlebg_center1.gif) #FF7600 repeat-x left top;
  height:20px;
  padding:3px 0 0 25px;
  color:#fff;
}
.center_1 ul li{ padding:8px 0 3px 6px;}
.center_1 ul li a{ margin:0 3px;}

.center_2{
  padding:8px 0;
}
.center_2 dl{
  background-color:#E1F2F7;
  padding:3px;
  border:1px solid #4981B4;
}
.center_2 h1{
  background:url(bgimages/titlebg_center2.gif) no-repeat left top;
  height:26px;
  padding:7px 0 0 13px;
  color:#356991;
}
.center_2 ul{padding:6px; background-color:#fff;}

.center_3{
  background-color:#76ACDB;
  padding:5px;
}
.center_3 h1{
  background:url(bgimages/titlebg_center3.gif)  repeat-x left top;
  height:22px;
  padding:2px 0 0 25px;
  font-weight:normal;
}
.center_3 ul{ background-color:#fff; padding:8px;}

/*右边*/
#b_right{
  width:194px;
  float:right;
}

/*
详细页面
——————————————————————————————————*/

/*左*/
#b_768{
  width:774px;
  text-align:center;
}
.left_notice{ 
  width:98%;
  padding:10px 6px;
  background: #F7F7F7;
  border:1px solid #ccc;
}
.left_notice h2{
  background:url(bgimages/bg_blueline.gif)  repeat-x left bottom;
  padding-bottom:8px;
  margin-bottom:8px;
}
.left_notice h2,
.left_notice span{font-weight:bold; color:#f60;}

*html #left_info{padding:15px 0 0 0;float:none;}
*+html #left_info {padding:15px 0 0 0; float:none;}
 
#left_info h2{ border-bottom:2px solid #ddd; padding-bottom:16px; margin-bottom:12px; font-size:14px;}
#left_info h2 span{font-weight:bold; color:#f60; font-size:14px;}
.left_info_1, .left_info_2{ text-align:left;}

.left_info_1{ width:49%;}
.left_info_1 label{padding-right:12px;}
.left_info_1 ul{ padding-left:6px;}
.left_info_1 ul li{background:url(bgimages/bg_dotted_blueline.gif)  repeat-x left bottom; padding:2px 0;}
.left_info_1 span{font-size:18px; color:#f00; font-family:arial;}

.left_info_1 div{
  width:138px;
  background:url(bgimages/bg_top_but.gif) no-repeat center center;
  margin:15px 0 0 140px!important;
  margin:15px 0 0 70px;
  height:35px;
  line-height:35px;
  text-align:center;
}
.left_info_1 div a:link,
.left_info_1 div a:visited{ color:#fff; font-weight:bold; display:block;width:155px;height:40px; font-size:14px;}
.left_info_1 div a:hover{ text-decoration:none;}

.left_info_2{ 
  width:49%;
  float:right;
  background:#FCFCFC;
  border:1px solid #eee;
  padding-bottom:8px;
}
.left_info_2 h4{
  background:#eee;
  border-bottom:1px solid #ddd;
  height:25px;
  line-height:25px;
  text-indent:12px;
  margin-bottom:8px;
  font-weight:normal;
  padding-bottom:0px;
}
.list_info .con th,
.list_info .con td,
.left_info_2 table th, 
.left_info_2 table td{padding:2px 0;}

.left_info_2 table th, 
.left_info_2 table td{ text-align:center;}
.list_info .con td a,
.left_info_2 table td a:link,
.left_info_2 table td a:visited{text-decoration:underline;}


/*出价列表*/
#left_list{
  width:100%;
  padding-top:20px;
}
.list_info{
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  width:742px;
  padding:12px;
}
.list_info h2{ font-weight:normal; padding-bottom:8px;}
.list_info .tit{
  background-color:#FEF9CF;
  border:1px solid #ccc;
  padding:3px;
  margin-bottom:3px;
}
.list_info .con{
  border-collapse:collapse;
}
.list_info .con .topbg{ background-color:#FCF7F0;}
.list_info .con .star{background:url(bgimages/bg_star.gif) #FCF7F0 repeat-y right center;}
.list_info .con .p8_left{ text-align:left; padding-left:30px;}

.choiceBlue{
	 background:url(bgimages/bg_blueline.gif)  repeat-x left bottom;
	 height: 100%;
}

.choiceBlue:after{
	content:".";
	height:0;
	clear: both;
	display: block;
	visibility:hidden;
}
.choiceBlue li{
	display: block;
	width: 139px;
	height: 27px;
	line-height: 27px;
	margin-right: 6px;
	text-align: center;
   font-size:14px;
}

.choiceBlueOn,.choiceBlueOut{
	 background-image: url(bgimages/choice_blue02.gif); 
	 background-repeat: no-repeat;
}
.choiceBlueOn{
	background-position: top left;
	font-weight: bold;
}
.choiceBlueOut{
	background-position: bottom left;
	cursor:pointer;
}

.padding_top_8{ padding-top:8px;}

.ly_w2{ width:98%; margin:0 auto;}
.ly_tab2{border-collapse:collapse;} 
.ly_tab2 caption{ text-align:left; padding:10px;}
*html .ly_tab2 caption{ text-align:left; padding:10px 0;}
*+html .ly_tab2 caption{ text-align:left; padding:10px 0;}
.ly_tab2 caption span{ font-weight:bold; color:#f60;}
.ly_tab2 td{ border-right:1px solid #fff;}
.ly_tab2 thead td{ background:#FCF0E0; border-bottom:1px solid #E8E8E8; padding:1px 0 1px 8px;}
.ly_tab2 tbody td{ border-bottom:1px solid #E8E8E8; padding:4px 0 4px 8px;}
.ly_tab2 .c{ text-align:center;}
.ly_tab2 th{ padding:15px 0 0 9px; font-weight:normal;}
.ly_tab2 th span{ float:right;}
.ly_tab2 td span{ color:#f00;}
.ly_tab2 td em{ color:#f60; font-style:normal;}
.ly_tab2 td i{ font-style:normal; display:block; font-style:normal; padding:2px 0;}
.ly_tab2 td i img{ vertical-align:middle;}
.ly_tab2 td i span{ color:#666;}
.ly_tab2 .time a{text-decoration:none;}
#jj_box .left .c2 label,
.ly_tab2 label{ height:8px; background:url(bgimages/bg_rate.gif) #fff repeat-x left top; border:1px solid #525252; width:100px; line-height:8px; padding:0; text-align:left; display:block; float:left;}
#jj_box .left .c2 label img,
.ly_tab2 label img{ height:9px;}
.ly_tab2 td a span{display:none;}
.ly_tab2 td a:hover span{ display:block; background:#fff; border:1px solid #eee; padding:3px 8px; position:absolute; text-decoration:none;}

#jj_b1{ border-bottom:1px solid #da8000; width:100%; padding-top:16px;}
#jj_b1 li{ width:80px; border-right:3px solid #fff; float:left; height:27px; line-height:27px; text-align:center; background: url(bgimages/headnav_bg.gif) #EEEEF0 repeat-x left bottom;}
#jj_b1 li.on{ background:#da8000;}
#jj_b1 li.on a{ color:#fff;}
#jj_b1 li a{ display:block; text-decoration:none; font-size:14px; font-weight:bold;}

#jj_b2{ border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:left;}
#jj_b2 h4{ height:30px; background:#f7f7f6; padding:20px 0 10px 8px; font-weight:normal;}
#jj_b2 h5{ color:#FF8F17; font-size:14px; background:url(bgimages/tit_bg_jjb.gif) #eee repeat-x; padding-left:8px; height:27px; line-height:27px; border-top:1px solid #ddd;}
#jj_b2 .bc{ padding-bottom:10px; width:100%; clear:left;}
#jj_b2 .bso{ background:url(bgimages/jj_logo.gif) #f9f9f9 no-repeat right center; border-bottom:1px solid #ccc; padding:20px;}
#jj_b2 .bso input{ padding:2px 0;}
#jj_b2 a{ text-decoration:underline;}
#jj_b1:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.c_center{ padding:8px 0; text-align:center; color:#f00;}