body {
	font-size: 12px;
	color:#333;
	font-family:"Microsoft YaHei","PingFang SC","simsun","sans-serif";
}

* {
	margin:0px;
	padding:0px;
	outline:none;
}
a{ color:#333}

ul,li,a,input,p,h1,span,i,img,header,nav{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	border:0px;
}
.container{
   clear:both;
   width:1180px;
   height:auto;
   margin:0 auto;
}
/*---------------------------path----------------------------------*/
.path {
    clear:both
	width:auto;
	height:auto;
	overflow: hidden;
    padding:10px 0px;
	font-size: 12px;
	color:#aaa;
}
.path a{ color:#aaa}

/*---------------------------path----------------------------------*/

.container .content{
    width:auto;
	height:auto;
    overflow: hidden;
}

/*-------------------------------------------------------------*/
.container .content .leftSide{
    width:880px;
	height:auto;
	overflow:hidden;
	float:left;
}

.container .content .leftSide .news{
 clear:both;
 margin-left:20px;
 width:auto;
 height:auto;
 overflow:hidden;
 padding-bottom:14px;
 margin-bottom:28px;
}

.container .content .leftSide .news2{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding-bottom:14px;
 border-bottom: dashed 1px #aaa;
 margin-bottom:28px;
}
.container .content .leftSide .newsEnd{
  border-bottom:0px;
}
.container .content .leftSide .news li{
  margin-bottom:14px;
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
}
.container .content .leftSide .news li .dot{
    display: block;
    float: left; 
    margin-right: 6px;
	color:#f10180;
	font-style:normal;
	margin-top:2px;
	font-size:12px;
}
.container .content .leftSide .news li .tit{
    display: block;
    float: left;
    font-size:18px;
	line-height:22px;
    color:#000;
    max-width:600px;
    height: auto;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  
}
.container .content .leftSide .news li .tip{
    display: block;
    float: left;
    font-size: 12px;
	line-height:21px;
    color:#333;
	margin-left:20px;
}
.container .content .leftSide .news li .tip .tip2{
    display:inline;
    font-size: 12px;
	line-height:21px;
    color:#f10180;
	font-style:normal;
}
.container .content .leftSide .news li .tip .tip2 a{
    display:inline;
    font-size: 12px;
    color:#f10180;
	font-style:normal;
}
.container .content .leftSide .news li .date{
    display: block;
    float:right;
    font-size: 12px;
    color:#aaa;
	margin-right:20px
}

/*---------------------------type----------------------------------*/
.container .content .leftSide .type{
  width:878px;
  height:48px;
  background:#f6f6f6;
  border:1px solid #dadada;
  margin-bottom:30px;
}
/*---------------------------recent----------------------------------*/
.container .content .leftSide .type .recent,
.container .content .leftSide .type .recentR
{
  height:32px;
  margin-left:20px;
  float:left;
  margin-top:8px;
  
  
}
.container .content .leftSide .type .recent{
  width:176px;
  border-right:1px solid #dadada;
}
.container .content .leftSide .type .recentR{
  width:auto;
}


.container .content .leftSide .type .recent .recent_img,
.container .content .leftSide .type .recentR .recent_img
{
  display:block;
  width:20px;
  margin-right:16px;
  float:left;
  margin-top:8px;
}
.container .content .leftSide .type .recent .recent_title,
.container .content .leftSide .type .recentR .recent_title
{
  display:block;
  float:left;
  font-size:18px;
  font-weight:400;
  color:#333;
  line-height:33px;
}
/*---------------------------recent---------------------------------*/

/*---------------------------select--------------------------------*/
.container .content .leftSide .type .select{
  width:auto;
  height:26px;
  margin-top:5px;
  float:left;
}
.container .content .leftSide .type .select li{
  float:left;
  color:#626262;
  font-size:12px;
  margin-top:12px;
  cursor:pointer;
  margin-left:20px;
}
.container .content .leftSide .type .select .hover{
 color:#f10180;
}
.container .content .leftSide .type .select li:hover{
 color:#f10180
}
.container .content .leftSide .type .select li:last-child{
 margin-right:0px;
}
/*---------------------------select----------------------------------*/

/*---------------------------contract--------------------------------*/
.container .content .leftSide .type .contract{
 width:auto;
 height:42px;
 margin-top:8px;
 line-height:32px;
 float:right;
 margin-right:10px;
}
.container .content .leftSide .type .contract .way{
 display:block;
 float:left;
 color:#aaa;
 font-size:12px;
 margin-right:8px;
}
.container .content .leftSide .type .contract .way a{
 color:#aaa;
}
/*---------------------------contract---------------------------------*/

/*---------------------------type----------------------------------*/

/*---------------------------expo---------------------------------*/
.container .content .leftSide .expo{
  width:auto;
  height:auto;
  overflow: hidden;
  display:block;
}
.container .content .leftSide .expo .expoList{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:1px dashed #dbdbdb;
}
/*---------------------------image---------------------------------*/
.container .content .leftSide .expo .expoList .image{
  display:block;
  width:200px;
  height:100px;
  float:left;
  background:#f4f4f4;
  overflow:hidden;
  position:relative;  
}
.container .content .leftSide .expo .expoList .image img{
 display: block;
 width: 200px;
 height: 100px;
 object-fit: cover;
}
.container .content .leftSide .expo .expoList .image .news{
  display:block;
  width:42px;
  height:42px;
  position:absolute;
  top:0px;
  left:0px;
}
/*---------------------------image----------------------------------*/

/*---------------------------expoRight---------------------------------*/
.container .content .leftSide .expo .expoList .expoRight{
  width:664px;
  height:auto;
  overflow:hidden;
  float:right;
}

/*---------------------------expoTitle---------------------------------*/
.container .content .leftSide .expo .expoList .expoRight .expoTitle{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:12px;
}
.container .content .leftSide .expo .expoList .expoRight .expoTitle .tit{
    width:auto;
    max-width:580px;
	display:inline-block;
	font-size:20px;
	font-weight:400;
	margin-right:5px;
	height:auto;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	vertical-align:middle;	
}

.container .content .leftSide .expo .expoList .expoRight .theNumberOf{
    display:inline-block;
	padding: 4px 4px;
    background: #c31e72;
    font-size: 12px;
    color: #fff;
	height:auto;
	line-height:auto;
	vertical-align:middle;
}

/*---------------------------expoTitle---------------------------------*/

/*---------------------------expoInfo---------------------------------*/
.container .content .leftSide .expo .expoList .expoRight .expoInfo{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:10px;
  margin-right:40px;
}
.container .content .leftSide .expo .expoList .expoRight .expoInfo .info{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  color: #aaaaaa;
  font-size:12px;
  text-align:justify;
  line-height:24px;
}

.container .content .leftSide .expo .expoList .expoRight .expoInfo .info i{color:#f10180; font-style:normal}
/*---------------------------expoInfo---------------------------------*/

/*---------------------------link----------------------------------*/
.container .content .leftSide .expo .expoList .expoRight .link{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  color:#666;
  font-size:12px;
  font-family:"Arial"
}
.container .content .leftSide .expo .expoList .expoRight .link a{
  color:#000;
  font-size:12px;
  margin:0 2px;
}
.container .content .leftSide .expo .expoList .expoRight .link a:hover{
 color:#f10180;
}
/*---------------------------link----------------------------------*/

/*---------------------------expoRight-----------------------------*/

/*---------------------------expo----------------------------------*/

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

/*-----------------------------------------------------------*/
.container .content .rightSide{
    width:280px;
	height:auto;
	overflow:hidden;
	float:right;
	margin-right:2px;
}
.container .content .rightSide .titCom{
  clear:both;
  display:block;
  width:auto;
  height:40px;
  font-size:18px;
  line-height:50px;
  font-weight:400;
  overflow:hidden;
  text-align:left;
  margin:0 0 20px 4px;
}
/*---------------------------sexCulture----------------------------------*/
.container .content .rightSide .sexCulture{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:32px;
}
.container .content .rightSide .sexCulture li{
  clear:both;
  width:auto;
  height:32px;
  overflow:hidden;
  background:url(/images/bg/culture.png) no-repeat 2px 1px;
}
.container .content .rightSide .sexCulture .hover
{
  background: url(/images/bg/cultureHover.png) no-repeat 2px 1px;
}
.container .content .rightSide .sexCulture li:last-child{
 height:13px;
 overflow:hidden
}
.container .content .rightSide .sexCulture li .titsexCulture{
  display:block;
  float:left;
  margin-left:24px;
  line-height:20px;
  font-size:12px;
  max-width:200px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin-top:-3px;
}
.container .content .rightSide .sexCulture li .titsexTime{
  display:block;
  margin-left:24px;
  width:256px;

}
.container .content .rightSide .sexCulture li .titsexTime span{
 display:block;
 float:left;
 font-size:12px;
 color:#f10181;
 margin-right:10px;
}
.container .content .rightSide .sexCulture li .titsexTime .report{
 color:#f10181;
 margin:0 2px;
}
.container .content .rightSide .sexCulture li .titsexTime .titTime{
 max-width:190px;
 height:auto;
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
 margin-right:2px;
 color:#666;
}

.container .content .rightSide .sexCulture li .count{
  display:block;
  float:right;
  font-size:12px;
  color:#aaaaaa;
}
.container .content .rightSide .sexCulture li .count a{ color:#cccccc}
/*---------------------------sexCulture----------------------------------*/

.container .content .rightSide .cultureShow{
 display:block;
 width:280px;
 height:auto;
 overflow:hidden;
 margin-bottom:30px;
}
/*-------------sexMagazine-------------*/
.container .content .rightSide .sexMagazine {
	clear: both;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index:-1;
}
.container .content .rightSide .line{
 display:inline-block;
 width:40px;
 height:3px;
 background:url(/images/bg/line2.png)repeat-x;
 vertical-align:middle;
 margin-left:1px;
}
.container .content .rightSide .sexMagazine .content {
	font-size: 12px;
	color: #aaaaaa;
	line-height: 22px;
	text-indent: 2em;
	text-align: justify;
	margin-bottom: 10px;
}
.container .content .rightSide .sexMagazine .look {
	width: 158px;
	height: 32px;
	line-height: 32px;
	margin: 0 auto;
	background: #000000;
	text-align: center;
	border-bottom: 1px solid #2c2c2c;
	margin-bottom: 10px;
}
.container .content .rightSide .sexMagazine .look a {
	display: inline-block;
	font-size: 12px;
	color: #fff;
}
.container .content .rightSide .sexMagazine .magazine {
	clear: both;
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-bottom:30px;
}
.container .content .rightSide .sexMagazine .cover {
	width: 156px;
	height: auto;
	border: 1px solid #bbb;
	position: absolute;
	left: 50%;
	top: 15px;
	margin-left: -78px;
}
.container .content .rightSide .sexMagazine .cover img {
	display: block;
	width: 100%;
}

.container .content .rightSide .sexMagazine .shawdowBot {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
}
.container .content .rightSide .video{
   width:278px;
   height:auto;
   overflow:hidden;
   border:1px solid #dcdcdc;
}
.container .content .rightSide .video img{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
}
#sexMagazine {
    clear: both;
    width: 280px;
    height: auto;
    overflow: hidden;
}
.magazineHover{
 background:#fff;
 position:fixed;
 top:37px;
 background:#fff;
 z-index:100;
 width:280px;
}
/*-------------sexMagazine--------------*/
/*-----------------------------------------------------------*/

/*---------------------------typeTile----------------------------------*/
.container .typeTile {
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:20px;
}
.container .typeTile .titCom{
  height:26px;
  font-size:22px;
  font-weight:400;
  overflow:hidden;
  text-align:left;
  float:left;
}
.container .typeTile .more{
  margin-top:10px;
 display:block;
 float:right;
 font-size:12px;
 color:#aaa
}
.container .typeTile .more a{ color:#aaa }
/*---------------------------typeTile----------------------------------*/

.container .list,
.container .list2,
.container .list4,
.container .list5
{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  margin-bottom:18px
}
.container .list  li,
.container .list4 li,
.container .list5 li
{
  width: 202px;
  height:auto;
  overflow:hidden;
  float:left;
  margin-right:20px;
  border:1px solid #dddddd;
  margin-bottom:20px;
}
.container .list li:nth-child(4n),
.container .list4 li:nth-child(4n)
{
 margin-right:0px;
}

.container .list2 li:nth-child(5n),
.container .list3 li:nth-child(5n)
{
 margin-right:0px;
}

.container .list5 li:nth-child(4n){
 margin-right:0px;
}
.container .list2 li{
  width:220px;
  height:auto;
  overflow:hidden;
  float:left;
  margin-right:20px;
  border:0px solid #dddddd;
  margin-bottom:20px;
}


.container .list3 li{
  width:220px;
  height:auto;
  overflow:hidden;
  float:left;
  margin-right:20px;
  border:none;
  margin-bottom:15px;
}

.container .list li .image{
 width:auto;
 height:163px;
 overflow:hidden;
}
.container .list4 li .image,
.container .list5 li .image
{
 height:auto;
}

.container .list2 li .image{
 width:auto;
 height:192px;
 overflow:hidden;
}
.container .list3 li .image{
 width:auto;
 height:150px;
 overflow:hidden;
}

.container li .image img{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
}

.container li .image .brand_detail{
  display:none;
}

.container li .title{
  clear:both;
  width:auto;
  height:auto;
  overflow:hidden;
  padding: 10px 4px;
}
.container .list3 li .title{
   padding:10px;
   text-align:center;
}
.container .list li .title a,
.container .list2 li .title a,
.container .list4 li .title a,
.container .list5 li .title a
{
  display:block;
  color: #999;
  font-size: 12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  text-align:center;
}
.container .list3 li .title a{
  display:block;
  color:#333333;
  font-size:12px;
  overflow:hidden;
  line-height:20px;
}
.container .list2 .hoverLi{
  border:0px solid #FF0000;
  
}
.container .list2 .hoverLi .title{
 background:#eee;
}
.container .list2 .hoverLi .title a{
  color:#666;
}