.banner,
.banner .bd
 {
    clear: both;
    width: 100%;
    height:auto;
	overflow:hidden;
/*    background: url(/images/banner/memberIndex.png) top center;*/
   
}
.banner{
margin-bottom:20px;
position:relative;
}
.banner .bd ul{
 width:auto;
 height:auto;
 overflow:hidden;
}
.banner .bd li{
 float:left;
 width:auto;
 height:auto;
 overflow:hidden;
}
.banner .bd li a{
 display:block;
 width:auto;
 height:100%;
}
.banner .button{
 width:1180px;
 position:absolute;
 z-index:1;
 height:45px;
 top:50%;
 left:50%;
 margin-top:-25px;
 margin-left:-590px;
 cursor:pointer;
}
.banner .button .prev{
 display:block;
 float:left;
}
.banner .button .next{
 display:block;
 float:right;
}
.banner .hd {
width:100%;
height:12px;
text-align: center;
position: absolute;
bottom: 10px;
left: 0px;
}
.banner .hd span {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 6px;
background: #fff;
margin-right: 8px;
cursor: pointer;
}
.banner .hd .on {
background: #f10180;
}

.content{
 clear:both;
 width:1180px;
 height:auto;
 overflow:hidden;
 margin:0 auto;
}
.content .sexCommon,
.content .SexInfor
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.content .sexCommon{
 margin-bottom:20px;
}
.content .SexInfor{
 height:416px;
 margin-bottom:30px;
}
.content .sexCommon .tit{
 float:left;
 font-weight:normal;
 font-size:18px;
 color:#333;
 font-family:"Microsoft YaHei";
}
.content .sexCommon .more{
 display:block;
 float:right;
 font-size:12px;
 color:#cccccc;
 font-family:"Microsoft YaHei";
}
.content .sexCommon .more:hover{
 color:#f10180;
}
.content .SexInfor .SexLogo{
 width:220px;
 height:416px;
 overflow:hidden;
 float:left;
 position:relative;
}
.content .SexInfor .SexLogo .image{
 display:block;
 width:220px;
 height:auto;
 overflow:hidden;
}
.content .SexInfor .SexLogo .tit{
 width:180px;
 height:60px;
 overflow:hidden;
 font-weight:normal;
 font-size:16px;
 line-height:30px;
 font-family:"Microsoft Yahei";
 color:#fff;
 text-align:justify;
 position:absolute;
 left:20px;
 top:116px;
 z-index:1;
}
.content .SexInfor .SexLogo .label{
 width:180px;
 left:20px;
 height:auto;
 max-height:80px;
 overflow:hidden;
 position:absolute;
 left:20px;
 bottom:10px;
 z-index:1;
}
.content .SexInfor .SexLogo .label li{
 width:63px;
 height:28px;
 line-height:30px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 text-align:center;
 font-size:12px;
 color:#fff;
 font-family:"Microsoft YaHei";
 /*background:#ff46a8;*/
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 padding:0 10px;
 border:1px solid #ffffff
}
.content .productMake .SexLogo .label li{
 background:#ff4e45;
}

.content .productCirculation .SexLogo .label li{
 background:#c444ff;
}

.content .userExperience .SexLogo .label li{
 background:#77b900;
}

.content .policiesRegulations .SexLogo .label li{
 background:#4545ff;
}



.content .SexInfor .SexLogo .label li:nth-child(2n),
.content .SexInfor .SexList li:nth-child(3n),
.content .lateList li:nth-child(5n)
{
 margin-right:0px;
}
.content .lateList{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.content .SexInfor .SexList{
 width:700px;
 height:416px;
 overflow:hidden;
 float:left;
 margin-left:20px;
}
.content .SexInfor .SexList li,
.content .lateList li
{
 width:218px;
 height:auto;
 overflow:hidden;
 float:left;
 border:1px solid #dcdcdc;
 margin-right:20px;
 margin-bottom:20px;
}
.content .SexInfor .SexList li .image,
.content .lateList li .image,
.content .SexInfor .SexList li .image a,
.content .lateList li .image a
{
 display:block;
 width:100%;
 height:136px;
 margin-bottom:5px;
 background:#f2f2f2;
}

.content .SexInfor .SexList li .image a img,
.content .lateList li .image a img
{
 display:block;
 width:100%;
 height:136px;
 object-fit:cover;
}
.content .SexInfor .SexList li .tit,
.content .lateList li .tit
{
 clear:both;
 display:block;
 font-size:14px;
 font-family:"Microsoft YaHei";
 color:#333;
 width:auto;
 height:24px;
 line-height:24px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 padding:0 5px 0 15px;
}
.content .SexInfor .SexList li .tit:hover,
.content .SexInfor .lateList li .tit:hover
{
  color:#f10180;
}
.content .SexInfor .SexList li .otherInfor,
.content .lateList li .otherInfor
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:8px 15px;
 font-size:12px;
 color:#aaa;
 font-family:"SimSun";
 }
.content .SexInfor .SexList li .otherInfor .num,
.content .lateListli .otherInfor .num
{
 display:inline;
 font-family:"Arial";
}
.content .SexInfor .SexList li .otherInfor .learner,
.content .lateListli .otherInfor .learner
{
 display:block;
 float:left;
}
.content .SexInfor .SexList li .otherInfor .comment,
.content .lateList li .otherInfor .comment
{
 display:block;
 float:right;
}
.content .SexInfor .SexList li .otherInfor .comment a,
.content .lateListli .otherInfor .comment a
{
color:#aaa;
}
.content .SexInfor .sexNews{
 float:right;
 width:218px;
 border:1px solid #dcdcdc;
 height:414px;
 overflow:hidden;
}
.content .SexInfor .sexNews .sexBox{
 width:auto;
 height:auto;
 overflow:hidden;
 background:#ff48aa;
 color:#fff;
 font-size:17px;
 line-height:28px;
 font-family:"Microsoft YaHei";
 padding:40px 20px;
}
.content .productMake .sexNews .sexBox{
 background:#ff524b;
}

.content .productCirculation .sexNews .sexBox{
 background:#c547ff;
}

.content .userExperience .sexNews .sexBox{
 background:#7abc03;
}

.content .policiesRegulations .sexNews .sexBox{
 background:#494fff;
}


.content .SexInfor .sexNews .sexColumn{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 padding:23px 10px 23px 12px;
}
.content .SexInfor .sexNews .sexColumn li{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 margin-bottom:18px;
 font-size:14px;
 color:#333;
 font-family:"Microsoft YaHei";
}
.content .SexInfor .sexNews .sexColumn li:last-child{
 margin-bottom:0px;
}
.content .SexInfor .sexNews .sexColumn li .dot{
 display:block;
 width:3px;
 height:3px;
 background:#f10180;
 float:left;
 margin-top:8px;
}
.content .SexInfor .sexNews .sexColumn li .tit{
 display:block;
 width:auto;
 max-width:180px;
 height:auto;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 float:left;
 margin-left:10px;
}

.content .moreExciting{
 display:block;
 clear:both;
 width:198px;
 height:48px;
 line-height:48px;
 text-align:center;
 border:1px solid #f10180;
 border-radius:24px;
 margin:0 auto;
 font-size:18px;
 font-family:"Microsoft YaHei";
 color:#f10180;
 margin-bottom:30px;
}

.personnel{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 text-align:center;
 font-size:12px;
 font-family:"Microsoft YaHei";
 color:#888;
 margin-bottom:10px;
}
.personnel .name{
 display:inline;
 margin-right:10px;
}