*{font-family:"Microsoft Yahei";}
.container{
   clear:both;
   width:1180px;
   height:auto;
   margin:0 auto;
   position:relative;
}
/*---------------------------path----------------------------------*/
.path {
    clear:both;
    width:auto;
    height:auto;
    overflow: hidden;
    margin: 0 auto;
    padding:10px 0px;
    font-size:12px;
    color: #cccccc;
}
.path a,
.path .proName,
.path .proName2
{
   display:inline;
   font-size: 12px;
   color: #cccccc;

}
.path a:hover{
  color:#f10180;
}
/*---------------------------path----------------------------------*/

.container .content{
    width:auto;
	height:auto;
    overflow: hidden;
	margin-bottom:20px;
}
.container .content .leftSide{
    width:940px;
    height:auto;
    overflow:hidden;
	float:left;
}
.container .content .leftSide .type{
    clear:both;
    width:auto;
	height:auto;
    overflow: hidden;
	margin-bottom:20px;
	border:1px solid #dcdcdc;
	border-top:none;
}
.container .content .leftSide .type .list{
   clear:both;
   width:auto;
   height:auto;
   overflow: hidden;
   border-top:1px solid  #dcdcdc;
}
.container .content .leftSide .type .list-hover{
 width:938px;
 height:auto;
 overflow:hidden;
 border:1px solid #dcdcdc;
 background:#fff;
 position:fixed;
 z-index:5;
 top:0px;
}

.container .content .leftSide .type .list .tip{
   display:block;
   padding:5px 10px;
   font-size:12px;
   color: #cccccc;
   float:left;
   line-height:20px;
}
.container .content .leftSide .type .list .tip .tip2{
  display:inline;
  font-size:12px;
  color: #cccccc;
  font-style:normal;
  padding-right:4px;
}
.container .content .leftSide .type .list .typeName,
.container .content .leftSide .type .list .sort-product
{
   width:auto;
   height:auto;
   max-width:810px;
   overflow: hidden;
   float:left;
   margin-left:10px;
}
.container .content .leftSide .type .list .typeName li{
  padding:5px 0px;
  float:left;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-right:10px;
  line-height:20px;
}

.container .content .leftSide .type .list .typeName li .tit,
.container .content .leftSide .type .list .sort-product a
{
   display:block;
   font-size:12px;
   color:#333;
   float:left; 
   line-height:20px;
}
.container .content .leftSide .type .list .typeName li .tit{
 padding:0 5px;
}
.container .content .leftSide .type .list .sort-product{
 padding:5px 0px;
}
.container .content .leftSide .type .list .sort-product a{
  padding:0 10px;
  border:1px solid #eaeaea;
}
.container .content .leftSide .type .list .sort-product a .xin{
 display:block;
 position:absolute;
 z-index:1;
}
.container .content .leftSide .type .list .typeName .hover .tit{
  background:#f10180;
  color:#ffffff; 
}

.container .content .leftSide .type .list .sort-page{
 float:right;
 height:auto;
 overflow:hidden;
 line-height:20px;
 margin-top:5px;
 margin-right:10px;
}
.container .content .leftSide .type .list .sort-page-number{
 display:block;
 float:left;
 color:#555555;
 font-family:"Microsoft Yahei";
 font-size:12px;
}
.container .content .leftSide .type .list .sort-prev,
.container .content .leftSide .type .list .sort-next
{
 display:block;
 width:20px;
 height:20px;
 float:left;
 margin-left:10px;
} 
.container .content .leftSide .type .list .sort-prev{
 background:url(/images/company/8.png);
}
.container .content .leftSide .type .list .sort-next{
 background:url(/images/company/9.png);
}
.container .content .leftSide .type .list .sort-prev:hover{
  background:url(/images/company/10.png);
}
.container .content .leftSide .type .list .sort-next:hover{
 background:url(/images/company/11.png);
}
.container .content .leftSide .type .list .product-sort .sort-hover,
.container .content .leftSide .type .list .product-sort a:hover
{
 background:#f10180;
 color:#ffffff;
 border:1px solid #f10180;
}


.container .content .leftSide .type .list .sort-product .sort-hover,
.container .content .leftSide .type .list .sort-product a:hover
{
 background:#f10180;
 color:#ffffff;
 border:1px solid #f10180;
}

.container .content .leftSide .type .list .typeName li a:hover{
  background:#f10180;
  color:#ffffff; 
}
.container .content .leftSide .type .list .typeName li .num{
   display:block;

   font-size:12px;
   color: #dddddd;
   float:left;
   margin-left:5px;
}
.container .content .leftSide .type .list .cross-border {
	line-height:20px;
	padding:5px 0px;
	float:right;
	color:#333333;
	font-size:14px;
	font-family:"Microsoft Yahei";
	padding-left:22px;
	margin-right:20px;
	background:url(/images/news/producttype.png) no-repeat left center;
	cursor:pointer;
}

.container .content .leftSide .type .list .cross-border-hover{
	background:url(/images/news/producttypeCheck.png) no-repeat left center;
}

.container .content .leftSide .product{
    clear:both;
    width:auto;
	height:auto;
    overflow: hidden;
	margin-bottom:20px;
}
.container .content .leftSide .product li{
    float:left;
    width:226px;
	height:auto;
    overflow:hidden;
	border:1px solid #dcdcdc;
	margin-right:9px;
	margin-bottom:18px;
	position:relative;
}
.container .content .leftSide .product li .about-other{
  width:100%;
  height:auto;
  overflow:hidden;
  position:absolute;
  bottom:0px;
  left:0px;
  z-index:1;
  background:#ffffff;
  display:none;
}
.container .content .leftSide .product li .about-other .more-other{
 display:block;
 width:auto;
 line-height:36px;
 height:auto;
 overflow:hidden;
 text-align:center;
 font-size:12px;
 color:#ffffff;
 font-family:"Microsoft Yahei";
 background:rgba(241,1,128,.9);
}
.container .content .leftSide .product li .about-other .more-other:hover{
 background:#7C0042;
}

.container .content .leftSide .product li .about-other .table-product{
 border-top:1px solid #dcdcdc;
 width:100%;
 padding:15px 10px;
 cursor:default;
 background:#ffffff
}
.container .content .leftSide .product li .about-other .table-product tr td{
 font-size:12px;
 color:#333333;
 font-family:"Microsoft Yahei";
 line-height:20px;
}
.container .content .leftSide .product li .about-other .table-product tr .td-tip{
 color:#999999;
 width:60px;
}
.container .content .leftSide .product li .about-other .table-product tr td .main-product{
width:auto;
display:-webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;
height:40px;
}
.container .content .leftSide .product li .about-other .table-product tr td .main-product .product-type,
.container .content .leftSide .product li .about-other .table-product tr td .business-mode .mode-type
{
 color:#333333;
}
.container .content .leftSide .product li .about-other .table-product tr td .business-mode{
width:140px;
height:auto;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}




.container .content .leftSide .product li .product-image,
.container .content .leftSide .product li .about-product,
.container .content .leftSide .product li .product-image img
{
   width:226px;
   height:226px;
   cursor:pointer;
}
.container .content .leftSide .product li .product-image img
{
   display:block;
   object-fit:cover;
}
/*.container .content .leftSide .product li .product-title{
   width:auto;
   display:-webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp:2;
   overflow: hidden;
   height:40px;
   font-size:14px;
   color:#333333;
   font-family:"Microsoft Yahei";
   line-height:20px;
   text-align:justify;
   padding:10px 10px 0px 10px;
   background:#ffffff;
   margin-bottom:10px;
}
.container .content .leftSide .product li .product-title .gold{
 vertical-align:middle;
 width:20px;
 margin-left:4px;
 margin-top:-4px;
}*/

.container .content .leftSide .product li:hover{
  border:1px solid #f10180;
}
.container .content .leftSide .product li .about-product:hover .about-other{
 display:block;
}
.container .content .leftSide .product li .expo-about,
.container .content .leftSide .product li .expo-about .expo-company,
.container .content .leftSide .product li .expo-about .expo-title,
.container .content .leftSide .product li .expo-about .expo-brief,
.container .content .leftSide .product li .about-other .about-company
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 display:block;
}
.container .content .leftSide .product li .expo-about .expo-title,
.container .content .leftSide .product li .expo-about .expo-brief{
 margin-top:5px;
 line-height:16px;
}
.container .content .leftSide .product li .expo-about,
.container .content .leftSide .product li .about-other .about-company
{
 padding:10px 8px;
}
.container .content .leftSide .product li .expo-about{
 height:60px;
}
.container .content .leftSide .product li .product-company,
.container .content .leftSide .product li .product-contact
{
 display:block;
 width:auto;
 height:20px;
 padding:10px 8px;
}
.container .content .leftSide .product li .product-contact{
 border-top:1px solid #dcdcdc;
}
.container .content .leftSide .product li .product-company{
 line-height:20px;
}
.container .content .leftSide .product li .product-company,
.container .content .leftSide .product li .product-company .company-name,
.container .content .leftSide .product li .expo-about .expo-title .title,
.container .content .leftSide .product li .expo-about .expo-brief,
.container .content .leftSide .product li .expo-about .expo-company .company-name,
.container .content .leftSide .product li .about-other .about-company .company-name
{
    font-size:12px;
    color:#f10180;
	font-family:"Microsoft Yahei";
	text-overflow:ellipsis;
	overflow:hidden;
    white-space:nowrap;
}
.container .content .leftSide .product li .expo-about .expo-title .title{
 color:#666666;
 display:block;
 float:left;
 width:180px;
}
.container .content .leftSide .product li .expo-about .expo-title .more{
 display:block;
 float:right;
 font-size:12px;
 color:#f10180;
 font-family:"Microsoft Yahei";
}
.container .content .leftSide .product li .expo-about .expo-company,
.container .content .leftSide .product li .about-other .about-company{
font-size:14px;
color:#333333;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.container .content .leftSide .product li .expo-about .expo-company .company-name,
.container .content .leftSide .product li .about-other .about-company .company-name
{
 font-size:14px;
 color:#333333;
 float:left;
 font-weight:normal;
}
.container .content .leftSide .product li .expo-about .expo-company .company-name,
.container .content .leftSide .product li .about-other .about-company .company-name
{
 width:190px;
 float:left;
 font-weight:normal;
}
.container .content .leftSide .product li .product-company .gold,
.container .content .leftSide .product li .expo-about .expo-company .gold,
.container .content .leftSide .product li .about-other .about-company .gold
{
 display:block;
 float:right;
 width:20px;
 margin-top:2px;
}
.container .content .leftSide .product li .expo-about .expo-company .gold{
 margin-top:3px;
}


.container .content .leftSide .product li .product-contact .zheng{
 display:block;
 width:17px;
 height:17px;
 background:url(/images/bg/zheng.png);
 float:left;
 margin-top:2px;
 margin-right:5px;
}
.container .content .leftSide .product li .product-contact .price-list,
.container .content .leftSide .product li .product-contact .price-list-grey
{
 width:46px;
 height:17px;
 display:block;
 background:url(/images/bg/priceList.png);
 float:left;
 margin-top:2px;
 margin-right:5px;
}
.container .content .leftSide .product li .product-contact .price-list-grey{
 background:url(/images/bg/priceListGrey.png);
}
.container .content .leftSide .product li .product-contact .package,
.container .content .leftSide .product li .product-contact .package-grey
{
 display:block;
 width:46px;
 height:17px;
 background:url(/images/bg/package.png);
 float:left;
 margin-top:2px;
}
.container .content .leftSide .product li .product-contact .package-grey{
 background:url(/images/bg/packageGrey.png);
}

.container .content .leftSide .product li .product-contact .kua{
 display:block;
 float:left;
 margin-top:3px;
 margin-right:5px;
}

.container .content .leftSide .product li .product-contact .contact{
 float:right;
 width:auto;
 height:auto;
}
.container .content .leftSide .product li .product-contact .contact .contact-wechat{
float:left;
width:17px;
height:17px;
margin-top:2px;
cursor:pointer;
background:url(/images/bg/1.png);
/*position:relative;*/
}
.container .content .leftSide .product li .product-contact .contact .contact-wechat .contact-wechat-show{
 width:160px;
 height:auto;
 overflow:hidden;
 background:#ffffff;
 text-align:center;
 position:absolute;
 bottom:0px;
 left:0px;
 z-index:1;
 display:none;
 padding-bottom:20px;
 box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.container .content .leftSide .product li .product-contact .contact .contact-wechat .contact-wechat-show .code-image{
 display:inline-block;
 width:120px;
 margin-top:20px;
}
.container .content .leftSide .product li .product-contact .contact .contact-wechat .contact-wechat-show .title{
font-weight:normal;
font-size:14px;
color:#333333;
font-family:"Microsoft Yahei";
margin-top:15px;
}
.container .content .leftSide .product li .product-contact .contact .contact-wechat .contact-wechat-show .tip{
display:block;
font-size:12px;
color:#999999;
font-family:"Microsoft Yahei";
}

.container .content .leftSide .product li .product-contact .contact .contact-wechat:hover{
 background:url(/images/bg/2.png);
}
.container .content .leftSide .product li .product-contact .contact .contact-wechat:hover .contact-wechat-show{
 display:block;
}

.container .content .leftSide .product li .product-contact .contact .QQ{
 display:block;
 float:left;
 width:16px;
 height:20px;
 background:url(/images/bg/QQ.png);
 margin-left:6px;
}


.container .content .leftSide .product li a:hover,
.container .content .leftSide .product li a .company-name:hover,
.container .content .leftSide .product li .about-product .table-product tr td .main-product .product-type:hover,
.container .content .leftSide .product li .about-product .table-product tr td .business-mode .mode-type:hover
{
  color:#f10180;
}
.container .content .leftSide .product li:nth-child(4n){
    margin-right:0px;
}

/*--------------------------------------------------*/

/*----------------------page-----------------------*/
.page {
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-family:"Microsoft Yahei";
}
.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 .content .rightSide{
    width:220px;
	height:auto;
	overflow:hidden;
	float:right;
	background:#ffffff;
}
.container .content .rightSide-hover{
    width:220px;
    height:auto;
    overflow:hidden;
    position:fixed;
    top:0px;
    z-index:1;
	right:50%;
	margin-right: -590px;
}
.container .content .rightSide .imageShow{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:20px;
}
.container .content .rightSide .imageShow img{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
}

.container .content .rightSide .titCom {
	clear:both;
	width:auto;
	height:auto;
	overflow:hidden;
	margin-bottom: 15px;
	line-height: 25px;
}
.container .content .rightSide .titCom .tit {
    display:block;
    font-size:18px;
    font-weight:400;
    color:#333333;   
    float:left;
}

.container .content .rightSide .titCom .more {
    display: block;
    font-size: 12px;
    color: d4d4d4;
    float: right;
}
.container .content .rightSide .titCom a:hover{
   color:#f10180;
}

.container .content .rightSide .topic2{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:20px;
}
.container .content .rightSide .topic2 li
{
    clear:both;
    width:auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 8px;
	position:relative;
}
.container .content .rightSide .topic2 li .link{
 clear:both;
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
 margin-bottom:8px;
}
.container .content .rightSide .topic2 li .img{
  display:block;
  width:100%;
  border-radius: 5px;  
}
.container .content .rightSide .topic2 li .news {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
	border-top-left-radius:5px;
}

.container .content .rightSide .topic2 li .tit {
    display: block;
    width: auto;
    height: auto;
    overflow: hidden;
    max-height:40px;
    line-height:20px;
    font-size: 12px;
    color: #dddddd;
}
.container .content .rightSide .topic2 li .tit:hover{
 color:#f10180;
}

.container .content .rightSide .expo {
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.container .content .rightSide .expo li {
    clear: both;
    width: auto;
    height: 32px;
    overflow: hidden;
    background: url(/images/bg/culture.png) no-repeat 2px 1px;
    padding-left: 14px;
    line-height: 13px;
}
.container .content .rightSide .expo li .month {
    display: block;
    float: left;
    font-size: 12px;
    color: #666666;
    width: auto;
    height: auto;
    margin-left: 10px;
    overflow: hidden;
}
.container .content .rightSide .expo li .tit {
    display: block;
    float: left;
    font-size: 12px;
    color: #666666;
    width: auto;
    max-width: 156px;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
    overflow: hidden;
}
.container .content .rightSide .expo li .tip {
    width: auto;
    height: auto;
    overflow: hidden;
    display: block;
    float: left;
    margin-left:6px;
	font-size:12px;
    color:#f10180;
}
.container .content .rightSide .expo li:last-child {
    height: 13px;
    overflow: hidden;
}

.container .content .rightSide .news2 {
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.container .content .rightSide .news2 li {
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 14px;
}
.container .content .rightSide .news2 li .dot {
    display: block;
    float: left;
    width: 2px;
    height: 2px;
    background: #333;
    margin-top: 8px;
    margin-right: 8px;
}
.container .content .rightSide .news2 li a {
    display: block;
    float: left;
    font-size: 12px;
    color: #cccccc;
    width:100%;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.container .content .rightSide .news2 li a:hover,
.container .content .rightSide .expo li a:hover
{
 color:#f10180;
}

.container .content .rightSide .rightMenu{
 width:218px;
 height:auto;
 overflow:hidden;
 padding:6px 0px;
 border:1px solid #dcdcdc;
 margin-bottom:40px;
}
.container .content .rightSide .rightMenu li{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   padding:5px 0px;
   cursor:pointer;
}

.container .content .rightSide .rightMenu li a:hover{
 text-decoration:none;
 color:#f10180;
}
.container .content .rightSide .rightMenu li .secIcon{
 margin-left:20px;
 display:inline-block;
 vertical-align:middle;
}
.container .content .rightSide .rightMenu li .tilte{
 display:inline-block;
 vertical-align:middle;
 color:#333;
 font-size:12px;
 margin-left:10px;
 }
 .container .content .rightSide .rightMenu li .num{
 display:inline-block;
 vertical-align:middle;
 color: #dddddd;
 font-size:12px;
 margin-left:10px;
 width:20px;
 }
 
.container .content .rightSide .comtit{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:15px;
}
.container .content .rightSide .comtit2{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:20px 0px;
 background:#f2f2f2;
}
.container .content .rightSide .comtit2 .dot{
  display:block;
  float:left;
  margin-left:20px;
  width:10px;
  height:10px;
  background:#f10180;
  border-radius:5px;
  margin-top:5px;
}
.container .content .rightSide .comtit .tit,
.container .content .rightSide .comtit2 .tit
{
  display:block;
  float:left;
  color:#f10180;
  font-size:16px;
  color:#333;
  
  margin-left:10px;
}
.container .content .rightSide .banner{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 background:#f2f2f2;
 margin-bottom:20px;
}
.container .content .rightSide .banner li{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:15px 0px;
 border-bottom:1px solid  #dcdcdc;
}
.container .content .rightSide .banner li:last-child{
 border-bottom:none;
}
.container .content .rightSide .banner li img{
  display:block;
  margin:0 auto;
  max-width:160px;
  height:auto;
  overflow:hidden;
}
.container .content .rightSide .star-company,
.container .content .rightSide .star-company li,
.container .content .rightSide .star-company li .about-number,
.container .content .rightSide .about-expo
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.container .content .rightSide .star-company li{
 margin-top:10px;
}
.container .content .rightSide .star-company li .head-image{
display:block;
float:left;
}
.container .content .rightSide .star-company li .head-image img{
display:block;
width:40px;
height:40px;
object-fit:cover;
border-radius:20px;
}
.container .content .rightSide .star-company li .text{
width:170px;
height:auto;
overflow:hidden;
float:left;
margin-left:10px;
}
.container .content .rightSide .star-company li .text .title{
display:block;
font-size:14px;
color:#333;
width:auto;
height:20px;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-family:"Microsoft YaHei";
}
.container .content .rightSide .star-company li .about-number{
 margin-top:2px;
}
.container .content .rightSide .star-company li .about-number .number{
display:block;
float:left;
font-size:12px;
color:#999999;
font-family:"Microsoft YaHei";
margin-right:10px;
}
.container .content .rightSide .star-company li .about-number .number:last-child{
 margin-right:0px;
}
.container .content .rightSide .about-expo{
 margin-top:20px;
}
.container .content .rightSide .about-expo .expo-link{
display:block;
width:auto;
height:auto;
overflow:hidden;
line-height:40px;
text-align:center;
font-family:"Microsoft YaHei";
font-size:14px;
color:#ffffff;
margin-top:10px;
background:#f10180;
}
.container .content .rightSide .about-expo .expo-link img{
vertical-align:middle;
margin-right:2px;
}
.container .content .rightSide .star-company li a:hover{
 color:#f10180;
}
/*-------------------------------------------------------------*/

.apply{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 text-align:center;
 margin-bottom:30px;
 margin-top:30px;
}
.apply .link{
 display:inline-block;
 padding:10px 20px;
 background:#f10180;
 font-size:14px;
 color:#fff;

}
.publish{
width:86px;
height:auto;
overflow:hidden;
position:fixed;
z-index:100;
right:0;
bottom:120px;
}
.publish img{
 display:block;
 width:100%;
}
.product-banner{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-top:10px;
}



.product-help{
width:182px;
height:auto;
/*overflow:hidden;*/
position:fixed;
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%);
display:none;
z-index:2;
}
.product-help .help-close{
 display:block;
 cursor:pointer;
 position:absolute;
 top:6px;
 right:6px;
 z-index:3;
}
.product-help .help,
.product-help .help-title
{
 clear:both;
 width:auto;
 height:auto;
}
.product-help .help-title{
 overflow:hidden;
}
.product-help .help{
 background:#ffffff;
 padding:20px 10px;
 box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.product-help .help-title .title{
 font-size:14px;
 color:#999999;
 font-family:"Microsoft Yahei";
 float:left;
 width:112px;
 line-height:22px;
}
.product-help .help-title .help-image{
 display:block;
 float:left;
 margin-left:15px;
 margin-top:3px;
}
.product-help .help .help-link{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
 line-height:30px;
 text-align:center;
 background:#f10180;
 font-size:14px;
 color:#ffffff;
 font-family:"Microsoft Yahei";
 margin-top:10px;
}
.expo-brief{
	cursor:pointer;
}