body{
 background:#ffffff;
}
.header{
 border-bottom:1px solid #eaeaea;
}
.content,
.content .merchant-company,
.content .merchant-infor,
.content .merchant-infor .merchant-product .detailed-information,
.content .supply-product,
.content .merchant-infor .merchant-contact .contact-infor,
.content .merchant-infor .merchant-contact .contact-no-login,
.content .merchant-infor .merchant-contact .ordinary-user,
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show,
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .ordinary-user-name,
.content .merchant-infor .merchant-contact .ordinary-user .contact-method,
.content .merchant-infor .merchant-contact .ordinary-user .contact-method li
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.content{
 width:1180px;
 margin:30px auto;
 min-height:500px;
}
.content .merchant-company{
 padding:25px;
 border:1px solid #eaeaea;
}
.content .merchant-company .company{
 float:left;
 font-size:24px;
 font-family:"Microsoft Yahei";
 color:#333333;
}
.content .merchant-company .company-licences{
 display:block;
 width:24px;
 height:auto;
 overflow:hidden;
 line-height:24px;
 text-align:center;
 background:#f10180;
 font-size:18px;
 color:#ffffff;
 font-family:"Microsoft Yahei";
 border-radius:5px;
 margin-top:6px;
 margin-left:10px;
 float:left;
 }
.content .merchant-company .merchant-hand{
 float:right;
 width:auto;
 height:auto;
 overflow:hidden;
}
.content .merchant-company .merchant-hand li{
 float:left;
 width:auto;
 height:auto;
 overflow:hidden;
 font-size:18px;
 color:#999999;
 font-family:"Microsoft Yahei";
 margin-left:30px;
 padding-left:32px;
 cursor:pointer;
}
.content .merchant-company .merchant-hand .collect{
  background:url(/images/merchant/3.png) no-repeat left center;
}
.content .merchant-company .merchant-hand .collect-hover{
  background:url(/images/merchant/4.png) no-repeat left center;
  color:#f10180;
}
.content .merchant-company .merchant-hand .leave{
  background:url(/images/merchant/1.png) no-repeat left center;
}
.content .merchant-company .merchant-hand .report{
  background:url(/images/bg/reportBlack.png) no-repeat left center;
}
/*.content .merchant-company .merchant-hand .leave-hover{
 background:url(/images/merchant/2.png) no-repeat left center;
}*/
.content .merchant-infor{
 margin-top:20px;
}
.content .merchant-infor .merchant-product{
 width:860px;
 height:auto;
 overflow:hidden;
 float:left;
}
.content .merchant-infor .merchant-product .detailed-information{
 padding:30px;
 border:1px solid #eaeaea;
 position:relative;
 min-height:180px;
}
.content .merchant-infor .merchant-product .detailed-information .invalid{
 display:block;
 position:absolute;
 top:68px;
 left:30px;
 z-index:9999;
}

.content .merchant-infor .merchant-product .detailed-information .tip,
.content .merchant-infor .merchant-product .supply-products-tip,
.content .merchant-infor .merchant-contact .contact-tip
{
 font-size:18px;
 color:#333333;
 font-family:"Microsoft Yahei";
 font-weight:normal;
}
.content .merchant-infor .merchant-product .supply-products-tip{
 margin-top:25px;
}
.content .merchant-infor .merchant-product .detailed-information .detailed-information-table{
 width:100%;
/* min-height:166px;*/
}
.content .merchant-infor .merchant-product .detailed-information .detailed-information-table tr td{
 padding:5px 0px;
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
}
.content .merchant-infor .merchant-product .detailed-information .detailed-information-table tr td a{
 font-size:14px;
 color:#333333;
 font-family:"Microsoft Yahei";
}
.content .merchant-infor .merchant-product .detailed-information .detailed-information-table tr td a:hover{
 color:#f10180;
}
.content .merchant-infor .merchant-product .detailed-information .detailed-information-table tr .td-tip{
 color:#999999;
 width:75px;
 vertical-align:top;
}
.content .merchant-infor .merchant-contact{
 width:298px;
 height:auto;
 overflow:hidden;
 float:right;
 border:1px solid #eaeaea;
}
.content .merchant-infor .merchant-contact-hover{
 clear:both;
 width:298px;
 height:auto;
 overflow:hidden;
 border:1px solid #eaeaea;
 background:#ffffff;
 position:fixed;
 z-index:1;
 top:0px;
} 



.content .merchant-infor .merchant-contact .contact-tip{
 line-height:58px;
 border-bottom:1px solid #eaeaea;
 background:#f7f7f7;
 text-indent:18px;
}


.content .supply-product li{
 width:133px;
 height:auto;
 overflow:hidden;
 float:left;
 margin-right:10px;
 margin-top:20px;
 border:1px solid #eaeaea;
 padding-bottom:10px;
}
.content .supply-product li:nth-child(6n){
 margin-right:0px;
}
.content .supply-product li .image{
 display:block;
 width:135px;
 height:135px;
 overflow:hidden;
 position:relative;
}
.content .supply-product li .image .product-image{
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index:1;
}
.content .supply-product li .product-name{
   line-height:20px;
   margin-top:10px;
	padding:0px 10px;
	height:40px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
	font-size:12px;
	color:#666666;
	font-family:"Microsoft Yahei";
}
.content .supply-product li .product-name:hover{
 color:#f10180;
}
.content .merchant-infor .merchant-contact .contact-infor,
.content .merchant-infor .merchant-contact .contact-no-login,
.content .merchant-infor .merchant-contact .ordinary-user
{
 padding:30px 20px;
}
.content .merchant-infor .merchant-contact .contact-infor li{
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:14px;
	color:#333333;
	font-family:"Microsoft Yahei";
	text-align:justify;
	margin-bottom:14px;
}
.content .merchant-infor .merchant-contact .contact-infor li .qq{
	font-size:14px;
	color:#333333;
	font-family:"Microsoft Yahei";
}
.content .merchant-infor .merchant-contact .contact-infor li:last-child{
 margin-bottom:0px;
}
.content .merchant-infor .merchant-contact .contact-infor li .wehcat-image{
 display:block;
 max-width:172px;
 max-height:172px;
 margin:0 auto;
 margin-top:20px;
}
.content .merchant-infor .merchant-contact .contact-infor li .tip{
 display:inline-block;
 color:#999999;
 text-align:justify;
 text-align-last:justify;
}
.content .merchant-infor .merchant-contact .contact-no-login .no-login-title{
 text-align:center;
 font-size:16px;
 color:#333333;
 font-family:"Microsoft Yahei";
 font-weight:normal;
}
.content .merchant-infor .merchant-contact .contact-no-login .no-login-QQ,
.content .merchant-infor .merchant-contact .contact-no-login .no-login-reg{
 display:block;
 text-align:center;
 font-size:12px;
 color:#f10180;
 font-family:"Microsoft Yahei";
 margin-top:5px;
}
.content .merchant-infor .merchant-contact .contact-no-login .no-login-QQ .qq{
 font-size:12px;
 color:#f10180;
 font-family:"Microsoft Yahei";
}
.content .merchant-infor .merchant-contact .contact-no-login .no-login-reg{
 color:#999999;
 margin-top:10px;
}
.content .merchant-infor .merchant-contact .contact-no-login .no-login{
 display:block;
 width:100%;
 line-height:36px;
 background:#f10180;
 font-size:14px;
 color:#ffffff;
 font-family:"Microsoft Yahei";
 border-radius:18px;
 text-align:center;
 margin-top:16px;
 cursor:pointer;
}
.content .merchant-infor .merchant-contact .contact-no-login .reg{
 display:block;
 width:100%;
 line-height:34px;
 background:#ffffff;
 font-size:14px;
 color:#f10180;
 font-family:"Microsoft Yahei";
 border-radius:17px;
 border:1px solid #f10180;
 text-align:center;
 margin-top:10px;
}
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .ordinary-user-name,
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .sex-money,
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .get-sex-money,
.content .merchant-infor .merchant-contact .ordinary-user .gold-tip,
.content .merchant-infor .merchant-contact .ordinary-user .contact-method li
{
 display:block;
 font-size:14px;
 color:#999999;
 font-family:"Microsoft Yahei";
}

/*.content .merchant-infor .merchant-contact .ordinary-user .contact-method li,
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .sex-money,
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .get-sex-mone
{
 margin-top:4px;
}*/
.content .merchant-infor .merchant-contact .ordinary-user .contact-method{
 margin-top:11px;
}
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .ordinary-user-name .username{
 color:#f10180;
 display:inline;
}
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .sex-money,
.content .merchant-infor .merchant-contact .ordinary-user .contact-method li .number
{
 color:#333333;
}
.content .merchant-infor .merchant-contact .ordinary-user .user-state-show .get-sex-money{
  color:#5b9fe2;
}
.content .merchant-infor .merchant-contact .ordinary-user .gold-tip{
 margin-top:15px;
}
.content .merchant-infor .merchant-contact .ordinary-user .gold-add{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
 line-height:36px;
 text-align:center;
 background:#f10180;
 font-size:14px;
 color:#ffffff;
 font-family:"Microsoft Yahei";
 text-align:center;
 border-radius:18px;
 margin-top:6px;
}

body .layer-bg{
 border-radius:5px;
}
