@charset "gb2312";
.container{
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
}
.head-line{
  margin-bottom:20px;
}
.purchase{
 clear:both;
 width:1180px;
 height:auto;
 margin:0 auto;
 margin-bottom:30px;
}
.purchase tr th{
  padding:0px 10px;
  background:#f10180;
  color:#fff;
  height:42px;
  font-size:18px;
  text-align:center;
  font-family:"Microsoft Yahei";
  font-weight:normal;
}
.purchase tr th .name,
.purchase tr th .img
{
   display:inline-block;
   vertical-align:middle;
 }
.purchase tr th .addSelect{
	 display:block;
	 float:left;
	 font-size:12px;
	 font-family:"Microsoft Yahei";
	 color:#fff;
	 margin-top:6px;
}
.purchase tr th .name{
  margin-right:2px;
}
.purchase tr th .img{
 margin-top:2px;
}
.purchase tr td{
  padding:5px 10px;
  color: #999999;
  font-size:12px;
  text-align:center;
  font-family:"Microsoft Yahei";
  border-bottom:1px solid #dcdcdc;
}

.purchase tr .proTit{
 padding:5px 20px;
 text-align:left;
}
.purchase tr:hover{
background:#ffe4f3;
}
.purchase tr td .typePro{
  padding:0px 20px;
  text-align:left;
}
.purchase tr .product{
  width:664px;
  position:relative;
  cursor:pointer;
}
.purchase tr .product .name{
  max-width:340px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.purchase tr .product .type-name{
 font-size:12px;
}


.purchase tr .product .typePro{
 clear:both;
 padding:20px;
 background:#fff;
 width:auto;
 height:auto;
 overflow:hidden;
 border:1px solid #ffb2dc;
 position:absolute;
 left:0px;
 top:42px;
 border-top:none;
 z-index:100;
 display:none;
}
.purchase tr .product .typePro .proName{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:5px;
}
.purchase tr .product .typePro .proName li{
 float:left;
 padding:8px;
 color:#333;
 font-size:14px;
 font-family:"Microsoft Yahei";
 margin-right:5px;
 margin-bottom:5px;
 cursor:pointer;
 border-radius:3px;
 border:1px solid #fff;
}
.purchase tr .product .typePro .proName .form-search{
 display:block;
 float:left;
}
.purchase tr .product .typePro .proName .form-search .search-product{
 display:block;
 float:left;
 padding:0 10px;
 height:34px;
 border:1px solid #eaeaea;
 background:#f2f2f2;
 border-top-left-radius:5px;
 border-bottom-left-radius:5px;
 font-size:14px;
 width:179px;
}
.purchase tr .product .typePro .proName .form-search .btn-search{
 display:block;
 float:left;
 width:88px;
 line-height:34px;
 background:#f10180;
 color:#ffffff;
 font-size:14px;
 font-family:"Microsoft Yahei";
 border-top-right-radius:5px;
 border-bottom-right-radius:5px;
 cursor:pointer;
}

.purchase tr .product .typePro .proName li:nth-child(6n){
 margin-right:0px;
}
.purchase tr .product .typePro .proName li:hover{
  border:1px solid #f10180;
  color:#f10180;
}
.purchase tr .product .typePro .proName .hover{
  border:1px solid #f10180;
  color:#f10180;
}
.purchase tr .hand{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  text-align:center;
}
.purchase tr .hand .btnReset,
.purchase tr .hand .btnOK
{
 display:inline-block;
 width:86px;
 height:34px;
 font-size:14px;
 font-family:"Microsoft Yahei";
 border:1px solid #dcdcdc;
 color:#333;
 border-radius:3px;
 cursor:pointer;
 background:#fff;
}

.purchase tr .hand .btnOK{
  background:#f10180;
  color:#fff;
  border:1px solid #f10180;
}
.purchase tr td .tit,
.purchase tr td .brief
{
  display:block;
  max-width:620px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
  text-align:left;
  font-family:"Microsoft Yahei";
  color:#333;
}
.purchase tr .proTit img{
 display:block;
 float:right;
 max-width:16px;
 max-height:16px;
}
.purchase tr td .brief{
 font-size:12px;
 color:#999999;
 margin-top: 8px;
 float:left;
}
.purchase tr td .address,
.purchase tr td .company
{
  height:auto;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.purchase tr td .address{
  width:100px;
}
.purchase tr td .company{
  width:100px;
}
.purchase tr .where{
  width:100px;
  position:relative;
  cursor:pointer;
}
.purchase tr .where .whereSelect{
 clear:both;
 padding:20px;
 background:#fff;
 width:194px;
 height:146px;
 border:1px solid #ffb2dc;
 position:absolute;
 left:0px;
 top:42px;
 border-top:none;
 z-index:100;
 display:none;
}
.purchase tr .where .whereSelect .select{
 display:block;
 width:100%;
 height:34px;
 border:1px solid #dcdcdc;
 margin-bottom:20px;
 color:#999;
 font-family:"Microsoft Yahei";
 font-size:14px;
 cursor:pointer;
 padding:0 10px;
}
.purchase tr .contract{
  width:100px;
}
.purchase tr td .link{
  display:inline-block;
/*  width:88px;*/
  padding:0 10px;
  height:26px;
  background:#ffb2dc;
  line-height:26px;
  font-size:12px;
  color:#f00180;
 font-family:"Microsoft Yahei";
 border-radius:2px;
}
.purchase tr td .link:hover{
 background:#f10180;
 color:#fff;
}

.purchase tr .date{
  width:100px;
  position:relative;
  cursor:pointer;
}
.purchase tr .date .sort{
 clear:both;
 background:#fff;
 width:120px;
 height:auto;
 overflow:hidden;
 border:1px solid #ffb2dc;
 position:absolute;
 left:-1px;
 top:42px;
 border-top:none;
 z-index:100;
 display:none;
}
.purchase tr .date .sort a{
  clear:both;
  display:block;
  width:auto;
  height:auto;
  overflow:hidden;
  padding:10px  10px;
  border-bottom:1px solid #fff;
  }
.purchase tr .date .sort a:last-child{
 border-bottom:none;
}
.purchase tr .date .sort a .spanSort{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
 text-align:left;
 font-size:12px;
 color:#333;
 font-family:"????";
}
.purchase tr .date .sort .hover{
  border-bottom:1px solid #f00180;
}
.purchase tr .date .sort .hover:last-child{
 border-bottom:none;
}
.purchase tr .date .sort .hover .spanSort{
   color:#f00180;
   background:url(/images/img/true.png) no-repeat right center;
} 



/*----------------------page-----------------------*/
.page {
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-family:"Microsoft Yahei";
	margin-bottom:15px;
}
.page a {
    display:inline-block;
    width:38px;
    height:38px;
    line-height:38px;
    border:1px solid #ccc;
    margin: 0 2px;
    text-align: center;
    color:#676767;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.page .total,
.page .page-select,
.page .skip-page
{
 display:inline-block;
 color:#333333;
 line-height:38px;
 margin: 0 2px;
}

.page .page-select .select{
    text-align:center;
    border:1px solid #b5b5b5;
    padding:0 5px;
    height:36px;
    line-height:20px;
    margin: 0 2px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.page .page-prev,
.page .page-next
{
 width:62px;
}
.page a:hover,
.page .page-hover,
.page .skip-page
{
	text-decoration:none;
	color:#ffffff;
	border:1px solid #f10180;
	background:#f10180;
}
.page .skip-page{
 cursor:pointer;
}

/*.page .skip-page:hover{
    color:#333333;
	border:none;
	background:none;
}*/
.page .page-disabled,
.page .page-disabled:hover
{
    color:#9a9a9a;
    border:1px solid #ccc;
    text-align: center;
    background: #ebebeb;
    border-radius:3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
/*----------------------page-----------------------*/


.container .product-banner{
  clear:both;
  width:1180px;
  height:auto;
  overflow:hidden;
  margin:0px auto;
  padding-bottom:10px;
 }
 .container .product-banner .image-link{
  display:block;
  width:1180px;
  height:auto;
  overflow:hidden;
  float:left;
  margin-right:10px;
 
 }

