.snsnavul li{float: right;text-align: center;width: 25%;}

/*main-left*/
.main-left{width: 300px;}
/*.main-left-item{padding: 0 10px;}*/
.main-left-item h2{border-bottom: 2px solid #000;height: 36px; line-height: 36px; color: #f90;}
.show-more{display: inline-block;font-size:14px;width: 220px; height: 38px;background: #fff0da;line-height: 38px;border: 1px solid #efd2b0; color: #c07709!important;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;}
.show-more:hover{background: #008C95; color: #fff!important;border-color:#008C95;}


.community-list li{margin-top: 12px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; overflow: hidden;}
.community-list .img{border: 1px solid #dadada; margin-right: 8px;}
.community-list .img img{width: 60px; height: 60px;display: inline-block;}
.community-list li span{font-size: 12px;}
.community-list li p{margin: 0;}

/*all-communities*/
.all-communities h3{height: 36px;line-height: 36px;}
.all-communities h3 span{font-weight: 600;display: inline-block;cursor: pointer; padding: 0 20px 0 16px;height: 50px; font-size: 16px; float: left; margin-right: 10px;}
.all-communities h3 .selected{border-bottom: 3px solid #008C95;height: 47px;}
.communities-search{margin-top:16px;; border-bottom:1px dotted #ccc; padding-bottom:20px;}
.communities-search div{padding: 3px; border: 1px solid #cecece; margin-right: 6px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px;box-shadow: inset 1.06px 1.696px 4px 0px rgba(35, 24, 21, 0.22);}
.communities-search div select{ height: 26px;border-right:1px solid #cecece; line-height: 26px; }
.communities-search div input[type=text]{outline: none;border: 0;width: 157px;line-height: 26px;height: 26px; color: #585757;padding-left: 8px; margin-top:0;}
.communities-search .submit{border:0;width: 74px; height: 34px; background: #343434;cursor: pointer; color: #fff;font-size: 16px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px;}
.all-communities .creategroupbtn{display: inline-block;padding: 0 20px; height: 34px; line-height: 34px;text-align: center;background: #008C95;color: #fff;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px;margin-right:15px;float:left;}
.all-communities .creategroupbtn:hover{background: #fa1;color: #fff;}

/*all-communities-box*/
.all-communities-item{float: left;background: #fff; width: 100%; padding-bottom:20px; border-bottom: 1px dotted #ccc;}
.all-communities-item .item-top{height: 110px;padding: 24px 0 26px 85px;position: relative;}
.all-communities-item .item-top .item-img{display: inline-block;width: 60px; height: 60px;border: 1px solid #cecece;background: #f0f0f0;position: absolute;left: 22px;top:24px;text-align: center;border-radius:50%}
.all-communities-item .item-top .item-img a{display: block;height: 100%;}
/*.all-communities-item .item-top .item-img span{display: inline-block;height: 100%;vertical-align: middle;}*/
.all-communities-item .item-top .item-img img{width: 60px; height: 60px;border-radius:50%;}
/*.all-communities-item .item-info{width:630px;}
.all-communities-item .item-set{width:155px; margin-right:15px;}*/
.all-communities-item .item-top h4{line-height: 20px;font-size: 16px; margin-bottom:5px;margin-top: 0;}
.all-communities-item .item-top h4 a{color: black;font-weight: 600;}
.all-communities-item .item-top h4 span{display:none; font-size: 12px;font-weight: normal;padding: 0 5px; margin-left:25px; height: 20px;background: #fff0da; color: #c07709; line-height: 20px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px;}
.all-communities-item .item-top p{line-height: 20px;font-size:12px;margin: 0; }
.all-communities-item .item-top p .pgm{margin-right:6px;}
.all-communities-item .item-top p .pgn{color:#ff9900; margin-left:6px; display:none;}
.all-communities-item .item-top .join-btn{display: inline-block; text-align:center; height: 34px;border: 1px solid #e7e7e7;line-height: 34px;color: #000;font-size: 14px; background: url("https://static.allpcb.com/img/css/www/images/btn_bg.png") repeat-x; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px; margin-bottom:10px;width:144px;}
.all-communities-item .item-top .join-old{background-image:none; background:#d2aa6b;color:#fff;border-color:#c19858}
.all-communities-item .item-top .join-oldx{display:none;}
.all-communities-item .item-top .exit{margin-left: 10px}
.all-communities-item .item-bottom{height: 39px; padding-top:3px; padding-left: 14px; margin-top:10px; margin-left:30px;}
.all-communities-item .item-bottom:hover{ background: #fff0da;}
.all-communities-item .item-bottom .item-bottom-img{width: 39px; height: 39px; position:absolute; top:0; left:-20px; border:1px solid #e4b67a; background-color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.all-communities-item .item-bottom .item-bottom-img img{float: left; -webkit-border-radius:39px; -moz-border-radius:39px; border-radius: 39px}
.all-communities-item .item-bottom p{margin-left: 15px;width: 560px; line-height:18px;}
.all-communities-item .item-bottom .item-bottom-date{margin-right: 20px;color:#999;}


.all-communities-item .cl-868686{text-align:left;}
.community-list li .con {max-width:230px;  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
.fanye{padding: 0 50px; margin-top:20px;}
/*main-right*/

@media (max-width: 1200px){
	.main-left{display: none;}
}
@media (max-width: 650px){
	.snsnavul li {
    float: right;
    text-align: center;
    width: 50%;
    height:40px;
}
}

@media (max-width: 768px){
    .item-info .pgm{display:inline-block;width:50%;float:left}
 .btnbox{text-align:center}
}