body{ background:#f2f2f2;   font-family:"Microsoft Yahei","Simsun";}
 .header{
  background:#fff;
 }
 .type{
   clear:both;
   width:auto;
   height:auto;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   padding:10px;
   background:#f2f2f2;
 }
 .type .link,
 .type .line{
   display:inline;
   font-size:12px;
   color:#aaaaaa;
   
 }
 .type .hover{
  color:#f10180;
 }
 

.spell-banner{
 display:block;
 width:auto;
 height:auto;
 overflow:hidden;
 text-align:center;
}
.spell-banner .image{
 display:inline-block;
 max-width:100%;
}



.comTit{
 clear:both;
 display: -webkit-box;
 display: -webkit-flex;
 display: flex;
 height:auto;
 overflow:hidden;
 padding:15px 10px;
 border-bottom:1px solid #f2f2f2;
 line-height:20px;
 background:#fff;
}

.comTitNews{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 background:#fff;
 padding:10px;
 font-size:16px;
 color:#333333;
 margin-top:10px;
 border-bottom:1px solid #dcdcdc;
}



.comTit .tit{
  font-size:16px;
  color:#333;
  font-weight:normal;
  webkit-box-flex: 1; 
  -webkit-flex: 1;
  flex: 1;
  margin-right:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-left:10px;
  background:url(http://www.chinasexq.com/images/mobile/expoIco.png) no-repeat center left ;
}
.comTit .tit2{
  font-size:16px;
  color:#333;;
  font-weight:normal;
  webkit-box-flex: 1; 
  -webkit-flex: 1;
  flex: 1;
  margin-right:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.newsMore{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:10px;
 text-align:center;
 background:#fff;
 border-bottom:10px solid #f2f2f2;
}
.newsMore .more{
  display:inline;
  font-size:12px;
  color:#666;
  
}
.comTit .more {
    width:auto;
    height:auto;
    font-size:12px;
    color:#666;
    
    padding-right:20px;
    text-decoration: none;
    overflow: hidden;
    background: url(http://www.chinasexq.com/images/mobile/more.png) no-repeat  right center;
	background-size:14px 14px;
}
 
.topic{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:10px 5px;
 background:#fff;
 border-bottom:1px solid #f2f2f2;
}
.topic li{
 float:left;
 width:50%;
 height:auto;
 overflow:hidden;
 margin-bottom:10px;
}
.topic li .image{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin:0 5px;
  margin-bottom:10px;
  position:relative;
}
.topic li .image .news{
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 25px;
height: 25px;
border-top-left-radius: 5px;
background:none;
}
.topic li .image a{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
}
.topic li .image a .img{
  display:block;
  width:100%;
  border-radius: 5px;
}
.topic li .tit{
 display:block;
 font-size:12px;
 color:#333;
 
 line-height:20px;
 text-align:justify;
 width:auto;
 height:40px;
 overflow:hidden;
 margin:0 5px;
}
 
 
 
.news{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 background:#fff;
}
.news li{
 display: -webkit-box;	
 display: -webkit-flex;
 display: flex;
 width:auto;
 height:auto;
 overflow:hidden;
 border-bottom:1px solid #dcdcdc;
 padding:10px 10px;
}
.news li .image{
  width:114px;
  height:70px;
  overflow:hidden;
  margin-right:6px;
}
.news li .image img
{
 display:block;
 width:114px;
 height:70px;
 object-fit:cover;
}
.news li .text{
   -webkit-box-flex: 1;  
   -webkit-flex:1;  
   flex:1;
   height:auto;
   overflow:hidden;
}

.news li .text{
   -webkit-box-flex: 1;  
   -webkit-flex:1;  
   flex:1;
   height:auto;
   overflow:hidden;
}

.news li .text .other .time .date{
   color:#aaaaaa
}

.news li .text .tit{
  display:block;
  clear:both;
  width:auto;
  height:auto;
  max-height:48px;
  overflow:hidden;
  font-size:15px;
  color:#333;
  text-align:justify;
  line-height:24px;
  margin-bottom:5px;
  
}
.news li .infor
{
 clear:both;
 display: -webkit-box;
 display: -webkit-flex;
 display: flex;
 width:auto;
 height:auto;
 overflow:hidden;
 line-height:20px;
 font-size:12px;
 color:#666;
 
}


.news li .photo{
 clear:both;
 display: -webkit-box;
 display: -webkit-flex;
 display: flex;
 height:auto;
 overflow:hidden;
 margin-bottom:5px;
}
.news li .photo .image2{
 -webkit-box-flex: 1; 
 -webkit-flex: 1;
 flex:1;
 height:70px;
 overflow:hidden;
 margin-right:6px;
 background:#f2f2f2;
 /*position:relative;*/
}
.news li .photo .image2 img
{
 display: block;
 width:100%;
 height:70px;
 object-fit:cover;
}
.news li .photo .image2:last-child{
  margin-right:0px;
}
.news li .infor .company{
 -webkit-box-flex: 1; 
 -webkit-flex: 1;
 flex:1;
 height:auto;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-right:10px;
}
.news li .infor .company a{
 text-decoration:none;
 font-size:12px;
 color:#aaa;
 
}

.news li .infor .date
{
  color:#aaa;
  
}

.container .line2 {
    clear: both;
    width: auto;
    height: 10px;
    background: #f2f2f2;
}

.container .high-quality-title,
.container .company,
.container .company li
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 background:#ffffff;
}
.container .company li{
 padding:10px 15px;
}
.container .high-quality-title{
 font-size: 18px;
 color: #333333;
 padding: 20px 15px 0px;
 font-weight: 700;
}
.container .company li .company-name,
.container .company li .company-proudct{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
height:auto;
overflow:hidden;
}
.container .company li .company-proudct{
 margin-top:20px;
}
.container .company li .company-name{
 line-height:22px;
}
.container .company li .name,
.container .company li .product .title
{
 overflow:hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.container .company li .name{
 -webkit-box-flex: 1;
 -webkit-flex: 1;
 flex: 1;
 height:auto;
 overflow:hidden;
}
.container .company li .name{
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     flex: 1;
     height: 44px;
     overflow: hidden;
     font-size: 20px;
     color: #000;
     line-height: 44px;
}
.container .company li .gold
{
	    font-size: 12px;
	    color: #995e1f;
	    margin-left: 10px;
	    padding-left: 20px;
	    line-height: 40px;
	    background: url(/images/58.png) no-repeat left top 13px;
	    background-size: 17px auto;
}
.container .company li .product{
 display:block;
 width:33.3%;
 height:auto;
 overflow:hidden;
 text-align:center;
}
.container .company li .product .image{
 display:inline-block;
 width:90px;
 height:90px;
 object-fit:cover
}
.container .company li .product .title{
     font-size: 12px;
    color: #cccccc;
    line-height: 26px;
    padding: 0;
    background: #f5f5f5;
}


.pager{
 clear:both;
 margin:10px;
 width:auto;
 height:auto;
 overflow:hidden;
}
.live{
 display:block;
 width:40px;
 height:40px;
 position:fixed;
 right:14px;
 bottom:18%;
 background:url(/images/66.png) no-repeat center;
 background-size:40px auto;
 z-index:1;
 border-radius:20px;
}

/*.contribute-news{
 width:40px;
 height:40px;
 position:fixed;
 right:14px;
 bottom:18%;
 background:#86b533;
 z-index:100;
 border-radius:20px;
 opacity:0.8;
 filter:alpha(opacity=80);
}
.contribute-news .contribute-news-image{
 display:block;
 margin-left:12px;
 width:20px;
 margin-top:1px;
}*/
.contribute-news .contribute-news-tip{
 font-size:10px;
 color:#ffffff;
 text-align:center;
}
body .layer-url
{
border-radius:5px;
}
.other{ color:#999999; font-size:12px;}
.other .date{ float:left}
.other .main{ float:right}