.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;}

/*****/
.cnt_qun .qlist{margin-top:15px;background:#fff;border-bottom:1px #eee solid;padding-bottom:15px; height:80px;position:relative;}
.cnt_qun .qlist span{display:block;position:relative;overflow:hidden;float:left; width:80px;height:80px;}
.cnt_qun .qlist img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.cnt_qun .qlist .qcnt{float:left;margin-left:10px;width:70%;overflow:hidden;}
.cnt_qun .qlist .qcnt .text{font-size:16px;margin-top:5px;height:21px;overflow: hidden;}
.cnt_qun .qlist .qcnt .adress{margin-top:8px;font-size:13px;color:#888;height:18px;overflow: hidden;}
.cnt_qun .qlist .qcnt .adress i{font-size:15px;color:#EF0E0E;padding-right:5px;position:relative; top:2px;left:0px;}
.cnt_qun .qlist .qcnt .hots{margin-top:8px;color:#888;font-size:13px;}
.cnt_qun .qlist .qcnt .hots em{padding-right:10px; font-size: 12px;}
.cnt_qun .qlist .qcnt .hots i{font-size:13px;margin-left:5px;margin-right:5px;color:#F8AF41;}
.cnt_qun .qlist .iphone{position:absolute;right:-3px;top:18px;}
.cnt_qun .qlist .iphone span{width:30px;height:30px;border:1px #FF3E3F solid;border-radius:50%;position:relative;}
.cnt_qun .qlist .iphone i{font-size:18px;color:#FF3E3F;top: 50%;
    left:50%;transform: translate(-50%, -50%);position:absolute;}
/*****/


/*****/
.Contents .lists{border-bottom: #EEE solid 1px; padding-bottom:10px;}
.Contents .lists ul{display: table; width:96%; margin: 10px auto 5px auto;}
.Contents .lists ul li{display: table-cell; vertical-align: middle;}
.Contents .lists ul li.img{width: 40px; padding-right: 10px;}
.Contents .lists ul li.img a{display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 50%;}
.Contents .lists ul li.img img{width: 40px; height: 40px;}
.Contents .lists ul li.more{text-align: right;}
.Contents .lists ul li.more span{display: inline-block; line-height: 20px; padding: 0 5px; background: #F90; color: #FFF; border-radius: 5px;}
.Contents .lists ul li.info span,.Contents .lists ul li.info em{display: block; height: 20px; line-height: 20px; overflow: hidden; font-size:14px;}
.Contents .lists ul li.info em{color: #888; font-size:14px;}
.Contents .lists dl dt{padding: 0px 6px; font-size:14px; line-height:18px; margin:8px 0 3px 8px;}
.Contents .lists dl dd{padding: 0 5px;}
.Contents .lists dl dd:after{content: ''; display: block; clear: both;}
.Contents .lists dl dd div{width:33.33%; overflow: hidden; float: left;}
.Contents .lists dl dd div span{display: block; margin:5px; position: relative;}
.Contents .lists dl dd div span:before{content: ''; display: block; padding-top: 75%;}
.Contents .lists dl dd div span img{position: absolute; width:100%; height: 100%; left: 0px; top:0px;  border-radius:5px;}
.Contents .lists .others{line-height: 30px; color: #AAA; padding-left: 10px; margin-left:5px;}
.Contents .lists .others i:before{ margin-right: 3px;}
.Contents .lists .others em{display: inline-block;margin-left: 10px;}
/*****/






/*****/
.Contents .imgs{width:50%; padding-top: 10px; float: left; overflow: hidden;}
.Contents .imgs span,.Contents .imgs em{display: block; margin: 0 5px; position: relative; overflow: hidden;}
.Contents .imgs span:before{content: ''; display: block; padding-top: 75%;}
.Contents .imgs span img{position: absolute; width:100%; height: 100%; left: 0; top:0;}
.Contents .imgs em{height: 25px; line-height: 25px; color: #999; font-size:14px;}
/*****/


/*****/
.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;}


/*****/
.topBoxs li.atten{background:#fff; padding-left:15px; padding-right:15px;}
.topBoxs li.atten a{display:block; text-align:center; line-height:40px; border:#666 solid 1px; border-radius:5px; color:#666; font-size:18px;}

/*****/
.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:10px;font-size:12px; color:#888;}
.ListBox .list .other em{color:#888; font-size:12px;}
.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:300px;overflow:hidden;position:relative;/*background:url(../img/showimg.jpg)*/;}
.qun-topshow .black-bg{background:#B0B0B0;/*opacity:0.3;*/width:100%;height:100%;position:absolute;
	top:0px;left:0;}
.qun-topshow .black-bg img{width:100%; height:100%;}
.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:5px;}
.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 .qun-v{position:absolute; width:20px; height: 20px; z-index: 2; padding:55px 0 0 55px;}
.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:8px;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:0px 15px;color:#fff;margin-top:8px;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;}
/*商品列表*/
.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 div,.listmemberBox .lists .infos .more div{float:left;}
.listmemberBox .lists .infos .name .num{color: #999;margin-right: 10px;font-size:14px;}
.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{text-align: right; width:120px; position: absolute; right: 0; top:0; font-size:14px; color: #666;}
.listmemberBox .lists .infos .name text{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:20px;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%; border-radius:5px;}
.qhb_share .share_picurl .userimgs{width:75px;height:75px; display:block;border:2px #fff solid;border-radius:50%;}
.qhb_share .top-text{/*margin-top:10px;*/ height:25px;padding-bottom:10px;text-align:center;font-size:16px;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;}


.qhb_share .share_name3 {margin-top:15px; width:100%; height:90px; border-radius:10px; background:#999; opacity:0.1;}
.tb_web_logo1{position: absolute; left:35px; bottom:42px; text-align:center; font-size:12px; line-height:18px; color:#333;}
.tb_web_logo1 img{width:100%;height:50px;}

.tb_user_icon1{position: absolute; right:35px; bottom:30px; text-align:center; font-size:12px; line-height:18px; color:#333;}
.tb_user_icon1 img{width:50px;height:50px;border-radius:100%;border:1px solid #FFF;}

.hb_zutu {width:100%; text-align: center; padding:15px 0;}
.hb_zutu img{width:42%; border:3px solid #FFF; margin:5px 5px; border-radius:5px;}
.party-username li i {width:15px; text-align:center;}