.qunmember-join span{width:50%;font-size:16px;}
.HotGroupBox{margin-top:10px;background: #FFF;}
.HotGroupBox .more{position:absolute;top:10px;right:8px;display:inline-block;padding:3px 8px;
	border:1px #FF423C solid;color:#FF423C;font-size:12px;border-radius:8px;
}
.HotGroupBox .more i{position:relative;top:1px;padding-right:5px;}
#ListGroup{padding-bottom:1px;margin:10px;overflow:hidden;position:relative;}
#ListGroup ul{
	width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;padding-bottom:10px;}
#ListGroup ul li{
	display:inline-block;width:100px;margin:0 5px;text-align:center;}
#ListGroup .guanzhu{font-size:12px;margin-top:10px;text-align:center;}
#ListGroup .guanzhu p{display:inline-block;line-height:20px;padding:0 15px;
	height:20px;background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);
	border-radius:50px;color:#fff;}
#ListGroup ul li span{display: block;padding-top: 100%;position: relative;border-radius: 5px;overflow: hidden;}
#ListGroup ul li span img{position: absolute;width: 100%;height: 100%;left: 0px;top:0px;}
#ListGroup ul li em{display: block;margin-top:5px;overflow: hidden;font-style:normal;}
.Contents{padding:10px;background:#fff;overflow:hidden;}
/*****/
.Contents .shops{width:50%;padding-top: 10px;float: left;overflow: hidden;}
.Contents .shops a{display: block;margin: 0 5px;background: #F5F5F5;padding-bottom: 5px;}
.Contents .shops a span{display: block;position: relative;padding-top: 100%;margin-bottom: 5px;}
.Contents .shops a span img{position: absolute;width:100%;height: 100%;left: 0px;top:0px;}
.Contents .shops a em,.Contents .shops dl{display: block;height:25px;line-height: 25px;padding: 0 5px;overflow: hidden;
	font-size:13px;font-style:normal;}
.Contents .shops dl dt{float:left;color: #F60;font-size:14px;}
.Contents .shops dl dd{float: right;color: #999;text-decoration:line-through;}
/*****/
.ListBox{background: #FFF;padding: 0px 10px;}
.ListBox .list{padding:10px 0 10px 0;border-bottom: #EEE solid 1px;}
.ListBox .list ul{display: table;width:100%;position:relative;}
.ListBox .list ul li{display: table-cell;vertical-align: middle;}
.ListBox .list ul li.img{width:100px;}
.ListBox .list ul li.img a{display: block;width:100px;overflow: hidden;position: relative;border-radius: 50%;}
.ListBox .list ul li.img a:before{content: '';display: block;padding-top: 100%;}
.ListBox .list ul li.img a img{position: absolute;width:100%;height: 100%;left: 0;top:0;}
.ListBox .join{display:inline-block;padding:2px 10px;text-align: center;
	border-radius: 5px;position:absolute;top:2px;right:0px;background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);}
.ListBox .join a{color:#fff;}
.ListBox .list ul li.info{padding-left:10px;}
.ListBox .list ul li.info .cnt{line-height: 20px;font-size:14px;color:#888;padding-bottom:15px;
	height:28px;overflow: hidden;
}
.ListBox .list ul li.info div.title{font-size:18px;font-weight: bold;padding-bottom:6px;}
.ListBox .list .other{margin-top:2px;}
.ListBox .list .other span{padding-right:20px;font-size:12px;}
.ListBox .list .other em{color:#FF423C;}
.addGroup{padding: 15px 10px;background: #FFF;}
.addGroup ul{justify-content:center;display:flex;align-items:center;}
.addGroup ul ol,.addGroup ul li{display: table-cell;vertical-align: middle;font-size:20px;color: #FF423C;}
.addGroup ul ol{width:80px;padding-right: 10px;}
.addGroup ul ol a{display: block;border:#FF423C solid 1px;position: relative;border-radius: 5px;}
.addGroup ul ol a:before{content: '';display: block;padding-top: 100%;}
.addGroup ul ol a i{
	position: absolute;
	left:50%;
	top: 50%;
	font-size:36px;
	font-weight: normal;
	color: #FF423C;
  -webkit-transform: translate3D(-50%, -50%, 0);
      -ms-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
}
/*头部横幅*/
.qun-topshow{height:280px;overflow:hidden;position:relative;background:url(../img/showimg.jpg);}
.qun-topshow .black-bg{background:#000;opacity:0.3;width:100%;height:100%;position:absolute;
	top:0px;left:0;}
.qunshow_header{padding:8px;color:#fff;height:25px;line-height:25px;}
.qunshow_header div{float:left;text-shadow:1px 1px 1px #999;}
.qunshow_header .R{float:right;}
.qun-topshow ul{margin-top:15px;}
.qun-topshow ul li{display:flex;justify-content:center;color:#fff;}
.qun-topshow ul li .userimg{width:70px;height:70px;border-radius:50%;border:2px #fff solid;}
.qun-topshow ul li span{font-weight:600;font-size: 18px;margin-top:10px;text-shadow:1px 1px 1px #999;}
.qun-topshow ul li p{font-size:12px;padding-top:15px;text-shadow:1px 1px 1px #999;}
.qun-topshow ul li p i{color:#eee;padding:0 15px;}
.qun-topshow ul li .JoinBut{border-radius:50px;padding:3px 15px;color:#fff;margin-top:15px;background:#000;
	border:1px #fff solid;background:rgba(0,0,0,0.2); margin-left:5px; margin-right:5px;
}
.qunzhu{padding:10px;background:#fff;display:flex;justify-content: space-between;font-size:12px;}
.qunzhu i{padding-right:5px;font-size:14px;color:#F8AF41;}
/*圈子介绍 */
.aboutcnt{margin-top:8px;}
.aboutcnt .nav{height: 20px;line-height: 20px;color:#999;}
.aboutcnt .nav i{padding-right:5px;font-size:15px;}
.aboutcnt .cnt{width: 100%;overflow: hidden;line-height:20px;margin-top:8px;}
.info-content img{width:100%!important; height:auto!important}
/*商品列表*/
.qun-shoplist{background:#fff;overflow:hidden;}
.qun-shoplist li{width: 50%;padding-top: 10px;float: left;overflow: hidden}
.qun-shoplist li span{display: block;margin: 0 5px;position: relative;overflow: hidden;}
.qun-shoplist li em{font-style:normal;color:#999;height:30px;line-height:30px;margin:0 5px;overflow:hidden;display:block;text-align:center;font-size:12px;}
.qun-shoplist li span:before {content: '';display: block;padding-top: 100%;}
.qun-shoplist li span img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.qun-shoplist li p{display:block;text-align:center;color:#EF0E0E;}
.qun-shoplist li p s{color:#999;font-size:12px;padding-left:3px;}
	.shop_more{margin-top:25px;text-align:center;}
		   	.shop_more a{display:inline-block;padding:3px 15px;border-radius:8px;
		   		background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);color:#fff;}
/**成员列表***/
.listmemberBox{padding: 0 10px;background: #FFF;}
.listmemberBox .lists{padding: 15px 0 25px 75px;border-bottom:#eee solid 1px;position: relative;}
.listmemberBox .lists .icon{width:60px;height: 60px;overflow: hidden;position: absolute;left:0;top:15px;
  border-radius: 50%;}
.listmemberBox .lists .icon img{width:60px;height:60px;}
.listmemberBox .lists .infos .name,.listmemberBox .lists .infos .more{height:30px;overflow: hidden;line-height: 30px;}
.listmemberBox .lists .infos{width:100%;}
.listmemberBox .lists .infos .name .num{color: #999;margin-right: 10px;font-size:12px;}
.listmemberBox .lists .infos .iconfont {line-height: 30px;color: #888;font-size:14px;}
.listmemberBox .lists .infos .iconfont i{margin-right: 5px;}
.listmemberBox .lists .infos .more{position: relative;}
.listmemberBox .lists .infos .time{font-size:12px;color:#999;padding-top:6px;}
.listmemberBox .lists .infos .name b{color:#333;padding-left:8px;font-weight:100;font-size:14px;}
/******/
.listmemberBox .list1 .icon{box-shadow: 0px 0px 5px #FFAD00;}
.listmemberBox .list1 .infos .name .num{color: #FFAD00;}
.listmemberBox .list2 .icon{box-shadow: 0px 0px 5px #FF6840;}
.listmemberBox .list2 .infos .name .num{color: #FF6840;}
.listmemberBox .list3 .icon{box-shadow: 0px 0px 5px #2CABEF;}
.listmemberBox .list3 .infos .name .num{color: #2CABEF;}
/***列表分类***/
.qun_listpages{margin-top:10px;display:flex;}
.qun_listpages ul{padding-bottom:8px;overflow:hidden;flex:0 1 100px;}
.qun_listpages ul:nth-child(2){flex:2;}
.qun_listpages .nav-left{background:#F9F9F9;}
.qun_listpages .nav-left li{border-bottom:1px #eee solid;height:45px;line-height:45px;
text-indent:10px;
}
.qun_listpages .nav-left li a{display:block;height:45px;}
.qun_listpages .nav-left li .ck{background:#fff;color:#FF3E3F;}
.qun_listpages .nav-right{background:#fff;padding:0 4px 8px 8px;}
.qun_listpages .nav-right li{display:flex;border-bottom:1px #eee solid;padding-bottom:10px;
	height:50px;margin-top:10px;
}
.qun_listpages .nav-right li img{display:block;width:50px;height:50px;overflow:hidden; border-radius:50%;}
.qun_listpages .nav-right li p:nth-child(1){flex:0 1 55px;}
.qun_listpages .nav-right li p:nth-child(2){flex:2;}
.qun_listpages .nav-right li p:nth-child(3){flex:0 1 30px;align-items:center;display:flex;}
.qun_listpages .nav-right li p:nth-child(3) a{display:inline-block;color:#fff;
background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);border-radius:8px;
width:40px;text-align:center;padding:2px 3px;font-size:12px;
}

.qun_listpages .nav-right li p span{font-size:12px;color:#999;display:flex;flex-direction:column;
margin-top:5px;
}
.qun_listpages .nav-right li p span:nth-child(1){color:#333;font-size:14px;}
  /*海报二维码*/
#page_share{display:none;}
.qhb_share .add_title{height:50px;line-height:50px;text-align:center;
background-image:linear-gradient(120deg, #FF3E3F 0%, #FF7414 100%);color:#fff;font-size:16px;position:relative;}
.qhb_share{margin-bottom:80px;}
.qhb_share .share_box{background:#fff;padding:5px;border:2px #eee solid;}
.qhb_share .share_picurl{margin-bottom:18px;}
.qhb_share .share_picurl .pics{position:relative;}
.qhb_share .share_picurl .userimgs{position:absolute;bottom:-20px;left:50%;transform: translate(-50%,0);}
.qhb_share .share_picurl img {width: 100%;}
.qhb_share .share_picurl .userimgs{width:75px;height:75px; display:block;border:2px #fff solid;border-radius:50%;}
.qhb_share .top-text{padding-bottom:5px;text-align:center;font-size:12px;border-bottom:1px #eee solid;margin-bottom:10px;}
.qhb_share .qun-name{text-align:center;font-size:16px;padding-top:8px;}
.qhb_share .qun-des{font-size:12px;line-height:20px;padding-top:8px;}
.qhb_share .share_pro {margin-top:10px;position:relative;display:flex;justify-content:center;
  padding-bottom:10px;border-bottom:1px #eee solid;
}
.qhb_share .share_pro span:nth-child(2){padding-left:10px;}
.qhb_share .share_pro img {width:70px;height: 70px;}
.qhb_share .share_name2 {margin-left:15px;display:flex;align-items:center;}
.qhb_share .close_btn{left:50%;bottom:10px;position:fixed;transform:translate(-50%,0);}
.qhb_share .close_des{left:50%;bottom:50px;position:fixed;transform:translate(-50%,0);color:#fff;
  font-size:13px;width: 100%;text-align:center;}
.qhb_share .close_btn i{color:#fff;font-size:25px;}
.qhb_share .shao{font-size:14px;text-align:center;padding:10px 0;}