a:hover { color: #477aed;}
.bg31 { background: #313131;}
*{ margin: 0; padding: 0; border:0 none;}
body {margin: 0; padding: 0; border:0 none;}
p { margin-bottom: 6px;}

.topinfo { padding: 15px 12% 0; background: #313131;}
.topinfo .tLogo { margin: 0 auto; width: 121px; height: 90px;
    font-size: 0;
    overflow: hidden;
}
.topinfo img{
	 width: 121px; height: 75px;
}
.topinfo .titSign {
    margin: 0;
    padding: 3px 0 9px;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.topinfo .con {
    margin: 0;
    padding: 11px 0 20px 0;
    line-height: 20px;
    border-top: 1px solid #565656;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.topinfo .con ul { width: 170px; text-align: left; margin:0 auto; list-style: none; padding: 0;}
.topinfo .con ul li { line-height: 22px;}
.topinfo .con ul li span { margin-right: 10px; display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; padding: 0;}
.topinfo .con ul li:nth-child(4) { font-size: 14px; width: 250px; height: 30px; line-height: 30px; margin-top: 5px;margin-left: -35px;}
.topinfo .con ul li:nth-child(4) span { font-size: 16px; border-radius:50%; display: inline-block; width: 26px; height: 26px; line-height: 26px; padding: 0; }
.groupList {
    padding: 0 5%;
    margin-bottom: 14px;
    margin-top: 14px;
}
.groupList .conContainer {
    min-height: 1px;
    position: relative;
}
.groupList .conList {
    margin: 0;
    list-style: none;
    width:100%;
    overflow:hidden;
    margin:0; padding:0;
}
.groupList .conList li {
    margin-right: 5%;
    width: 21%;
    float: left;
    list-style:none;
}
.groupList .conList li:nth-child(4n) {
    margin-right: 0;
}
.groupList .conList li .child {
    padding-top: 10px;
    width: 100%;
    height: 51px;
    background: #f8f8f8;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.groupList .conList li .child .pic {
    margin: 0 auto;
    width: 50px;
    height: 50px;
}
.groupList .conList li .child .pic img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: block;
}
.groupList .conList li .child .txt {
    margin: 5px auto 0px;
    padding: 0px 0px;
    width: 100%;
    line-height: 14px;
    color: #787878;
    font-size: 12px;
    height: 14px;
    overflow: hidden;
    text-align: center;
}

.groupList .conList li a { text-align: center; border: 1px solid #a2cade; border-radius: 5px; background: #f8f8f8;
cursor:pointer; font-size: 12px; padding: 15px 0; width: 100%; display: block; color: #007db9;}

/*列表*/
.postList {
    background: #fff;
}
.postList .child {
    /*margin: 0 10px 0 10px;*/
    /*padding: 10px 0 10px 0;*/
    padding-top:10px;
    padding-bottom: 10px; 
    border-top: 1px solid #e9e9e9;
    position: relative;
}
.postList .child .post { width: 100%; overflow: hidden;}

.postList .child .post .con {
    display: block;
    margin: 0;
    cursor: pointer;
    width: 100%;
}
.postList .child .post .con .imgCon {
    float: left;
    display: inline-block;
    width: 40%;
    padding-top: 5px;
	max-height:120px;
}
.postList .child .post .con .imgCon .img {
    
    width: 90%;
    max-width: 200px;

    border: 1px solid #f8f8f8;
}
.postList .child .post .con .titCon.hasImg {
    margin-left: 40%;
}
.postList .child .post .con .titCon p {
    margin: 0; font-size: 12px; line-height: 22px; color: #8e8e8e;
}
.postList .child .post .con .titCon {
    position: relative;
    display: block;
    padding-top: 5px;
}
.postList .child .post .con .titCon .tit {
    font-weight: normal;
    font-family: "PingFangSC-Regular","lucida grande","lucida sans unicode",lucida,"Droid Sans Fallback",helvetica,"STHeiti Light","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    font-size: 16px;
}
.postList .child .post .con .titCon .info {
    margin-top: 4px;
    line-height: 12px;
    color: #a4a4a4;
    font-size: 11px;
}
.postList .child .post .con .titCon .info span {
    margin-right: 10px;
}
.postList .child .post .con .titCon .info span i {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url(icons_v2.png) no-repeat;
    background-size: 376px 38px;
}
.postList .child .post .con .titCon .info .upvoteNum i {
    background-position: -351px -1px;

}
.postList .child .post .con .titCon .info span {
    margin-right: 10px;font-size: 14px; color: #477aed;
}
.postList .child .post .con .titCon .info .downvoteNum i {
    background-position: -364px -1px;
}   
.postList .child .post .con .titCon .info span {
    margin-right: 10px;
}
.postList .child .post .con .titCon .info .commentNum i {
    background-position: -338px -1px;
}
.postList .child .post .con .titCon .info .time {
    font-size: 10px;
}

.returnSpan {
  background-color: #dee4ff;
  display: block;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  text-indent: 20px;
}
.returnSpan b { padding-right: 5px; color: #477aed; width: 100%; text-align: center; display: block;}
.returnSpan b span { font-size: 14px; font-weight: bold; padding: 0 4px;}
.returnSpan .flgbox { position: relative;}
.returnSpan .returnImg {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -5px;
}

.topinfo .logTit {
    margin: 10px 0 0;
    height: 21px;
    line-height: 21px;
    color: #ff5a5f;
    font-size: 14px;
    font-weight: 100;
    position: relative;
    text-align: center;
}
.topinfo .logTit strong {
    padding: 0 5px;
    background: #313131;
    font-size: 14px;
    font-weight: 100;
    position: relative;
    z-index: 1;
}
.topinfo .logTit:after {
    width: 100%;
    height: 1px;
    background: #ff5a5f;
    content: " ";
    position: absolute;
    top: 10px;
    left: 0;
}
.topinfo .download {
    margin: 0;
    padding: 15px 0  20px 0;
    height: 70px;
}
.topinfo .download a {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #ff5a5f;
    border-radius: 5px;
    display: block;
    text-align: center;
    color: #fff;
}

/*企业info*/
.cpyhead {padding-left: 10px; padding-right: 10px;}
.cpyhead .cpytpic { padding:0 0 10px 0;}
.cpyhead .cpytpic img { width: 100%;  }
.other_list a { color: #007db9;}

/*顶栏*/
.topbar { min-height: 40px; line-height: 40px;  center; background: #477aed;}
.topbar ul { }

.topbar a { color: #fff;}
.topbar a:hover { color: #477aed; background: #fff;}
.topbar .icon-navicon { color: #fff;}

.topbar .active { color: #477aed;}
.topbar .lft { display: block; height: 40px; width: 60px; overflow:hidden; float: left; background: url(logo_topb.png) no-repeat 5px 5px; background-size: 50px 30px;}
.topbar .rit { display: block; height: 40px; padding-right: 10px; overflow:hidden; float: right; color: #fff;}
@media (min-width: 760px) {
    .topbar .navbar-head { padding: 5px 0;}
    .topbar .navbar-body { padding-top: 5px;   }
    .topbar ul li:nth-child(1) { margin-left: 20px; }
}
@media (max-width: 760px) {
    .topbar .navbar-body {  border:solid 0px rgba(0,0,0,0);}
    .topbar .navbar-body ul { padding-bottom: 10px;}
    .topbar .navbar-body ul li { border:solid 1px rgba(0,0,0,.2);  border-bottom: 0;}
    .topbar .navbar-body ul li:nth-child(5) { border-bottom:solid 1px rgba(0,0,0,.2);}
}

/*右下角标*/
.logtel { width: 50px; position: fixed; right: 20px; bottom: 40px;}
.logtel a { text-align: center; display: block; width: 50px; height: 50px; border-radius: 50%; background:#477aed; margin-top: 10px;}
.logtel a span { color: #fff; line-height: 20px; padding: 5px 0; display: block; }


.linebartop { height: 4px;}
.linebartop .x1 { height: 4px;}
.linebartop div:nth-child(1) {background:#007db9;}
.linebartop div:nth-child(2) {background:#a2cade;}
.linebartop div:nth-child(3) {background:#e61c64;}
.linebartop div:nth-child(4) {background:#477aed;}
.linebartop div:nth-child(5) {background:#dbdbdb;}
.linebartop div:nth-child(6) {background:#f60;}
.linebartop div:nth-child(7) {background:#007db9;}
.linebartop div:nth-child(8) {background:#a2cade;}
.linebartop div:nth-child(9) {background:#e61c64;}
.linebartop div:nth-child(10) {background:#477aed;}
.linebartop div:nth-child(11) {background:#dbdbdb;}
.linebartop div:nth-child(12) {background:#f60;}

.bottomPaging{ float: right; _padding-top:10px; margin-bottom: 10px; }
.bottomPaging p{height: 40px;line-height: 40px;padding:0 10px 0 15px;overflow: hidden;}
.pageCount{ float: right; display: inline-block;vertical-align: middle;}
.pageNum{float: right; display: inline-block; vertical-align: middle;}
.bottomPaging span{ display: inline; margin: 0 3px; padding: 5px 0; vertical-align: middle; font-size:12px }
.bottomPaging a{ display: inline; margin: 0 3px; padding: 5px 7px;border: solid 1px #ebebe9;color: #333;vertical-align: middle; font-size:12px;text-decoration: none;}
.bottomPaging a:hover{text-decoration: underline;}
.bottomPaging span.linkactive{ margin: 0 3px; padding: 5px 7px; border: solid 1px #ebebe9; font-weight: bold; }