@charset "utf-8"; 
/*圈子页面专用样式*/
/* CSS Document -汪飞-20170417*/

:-moz-placeholder{color:rgba(0,0,0,0.5);}
::-moz-placeholder{color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:rgba(0,0,0,0.5)}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.5);}

.circle-search :-moz-placeholder{color:rgba(0,0,0,0.2);}
.circle-search input:-ms-input-placeholder{color:rgba(0,0,0,0.2);}
.circle-search input::-webkit-input-placeholder{color:rgba(0,0,0,0.2);}


#circleContainer1,#circleContainer2,#editphoto{width:100%; max-width:27rem; min-width:16rem; height:100%; display:block; margin-right:auto; margin-left:auto; position:relative; overflow:hidden; position:absolute; top:0; left:0; box-shadow:0 0 0.15rem rgba(0,160,234,0.05);}
#editphoto{width:100%; max-width:27rem; min-width:16rem; height:100%; display:block; margin-right:auto; margin-left:auto; position:absolute; overflow:hidden; top:0; left:0; box-shadow:0 0 0.15rem rgba(0,160,234,0.05);  z-index:9;}
#editphoto .filehidden{opacity: 0;  position: absolute;  top: 0;  right: 0;  width: 70px;  height: 30px;}
#circleContainer1{z-index:5;}
#circleContainer2{z-index:4;}


/*--------------------圈子--------------------start-----*/
.circle{width:100%; height:auto; display:block; position:relative;}
#myCircle,#recommandCircle{width:100%; height:auto; display:block; overflow:hidden; position:relative; padding-bottom:1rem;}

/*创建圈子*/
.circle-type-select{width:100%; height:auto; display:block; overflow:hidden; text-align:center; margin-top:50%;}
.circle-type-select.charge-circle-creat{margin-top:3rem;}
	.circle-type-select>a{width:5rem; height:8rem; display:inline-block; overflow:hidden; text-align:center; line-height:1rem;}
		.circle-type-select>a>img{width:100%; height:auto; display:block; border:0.5rem solid #fafafa; box-sizing:border-box; border-radius:4rem;}
		.circle-type-select>a>i{width:100%; height:1rem; display:block; line-height:1rem; text-align:center;}

/*创建付费圈子*/
/*金额输入*/
.amount-input{width:70%; min-width:10rem; height:auto; display:block; margin:1rem auto 0; list-style:none;}
	.amount-input-type{width:100%; height:2rem; display:block; overflow:hidden; position:relative; padding:0 2.5rem 0 2rem; box-sizing:border-box;}
		.amount-input-type>span{width:auto; height:2rem; display:block; line-height:2rem; position:absolute; top:0;}
		.amount-input-type>span:nth-of-type(1){left:0.5rem;}
		.amount-input-type>span:nth-of-type(2){right:0.5rem;}
		.amount-input-type>input[type=number]{width:100%; height:2rem; display:block; float:left; outline:none; border:none; text-align:center; line-height:2rem;}
		.amount-input-type>input.on{font-size:1.25rem; color:#f54;}
/*付费方式选择*/
.pay-type{width:60%; height:1.5rem; display:block; margin:1rem auto 0;}
	.pay-type>a{width:47%; height:1.5rem; display:block; float:left; color:#999; border:0.05rem solid #999; border-radius:2rem; text-align:center; line-height:1.4rem; box-sizing:border-box;}
	.pay-type>a:nth-of-type(2){float:right;}
	.pay-type>a.on{ color:#fff; border:0.05rem solid #00A0EA; background:#00A0EA;}

/*创建付费圈子&&圈子编辑*/
/*头像编辑*/
.circle-base-edit{width:7rem; height:9rem; display:block; margin:3rem auto 1rem; position:relative; box-shadow:0 0 1rem rgba(0,160,234,0.05);}
	.circle-photo-edit{width:7rem; height:7rem; display:block; overflow:hidden; position:absolute; top:-0.05rem; left:-0.05rem; background:url(../img/add_circle_pic.jpg?v=20170418141438) no-repeat; background-size:100%;}
		.circle-photo-edit>input[type=file]{width:100%; height:100%; display:block; opacity:0; position:absolute; z-index:1;}
		.circle-photo-edit>span{width:100%; height:100%; display:block; overflow:hidden; position:relative;}
			.circle-photo-edit>span>i{width:1.5rem; height:1.5rem; display:block; position:absolute; top:0.5rem; right:0.5rem; border-radius:1.5rem; overflow:hidden;}
	.circle-name-edit{width:100%; height:2rem; display:block; line-height:2rem; border:none; outline:none; position:absolute; bottom:0; background:none; box-sizing:border-box; padding:0 0.5rem; text-align:center;}
/*圈子介绍编辑*/
.circle-introduce-edit{width:80%; height:7.5rem; display:block; margin:2rem auto 0; border-radius:0.25rem; padding:0.75rem; line-height:1rem; text-align:justify; word-break:break-all; position:relative;}
	.circle-introduce-edit>textarea{width:100%; height:6rem; display:block; border:none; outline:none; background:none;}
	.circle-introduce-edit>span{width:auto; height:1rem; display:block; position:absolute; bottom:0.75rem; right:0.75rem; text-align:right; line-height:1rem;}

/*我的圈子*/
/*搜索圈子*/
.circle-search{width:90%; height:1.5rem; display:block; overflow:hidden; position:relative; margin:0.5rem auto 0; z-index:1;}
	.circle-search>span{width:2rem; height:1.5rem; display:block; position:absolute; top:0; left:0; background:url(../img/search.png?v=20170905171555) 50% 50% no-repeat; background-size:1.5rem; opacity:0.3;}
		.circle-search>span:after{content:''; width:0.05rem; height:0.7rem; display:block; background:rgba(0,160,234,1); position:absolute; right:-0.05rem; top:0.4rem;}
	.circle-search>input{width:100%; height:1.5rem; display:block; border-radius:1.5rem; border:0.05rem solid rgba(0,160,234,0.15); box-sizing:border-box; padding-left:2.5rem;}
/*圈子推荐*/
.circle-list-head{width:100%; height:2rem; display:block; overflow:hidden; padding:0.25rem 5%; box-sizing:border-box; line-height:1.5rem;}
	.circle-list-head>h3{width:auto; height:1.5rem; display:block; float:left;}
	.circle-list-head>a{width:auto; height:1.5rem; display:block; float:right;}
/*圈子列表*/
/*.circle-list{width:100%; height:auto; display:block; margin:0 auto; position: relative;}
	一排两个圈子列表*/
	/*.circle-item{width:45%; height:auto; display:block; overflow:hidden; box-shadow:0 0 0.5rem rgba(0,160,234,0.15); margin:0.6rem 0 0 0; padding:0.5rem; box-sizing:border-box;}
	.circle-list>div.circle-item:nth-of-type(2n+1){float:left; margin-left:3.5%;}
	.circle-list>div.circle-item:nth-of-type(2n+2){float:right; margin-right:3.5%;}
		.circle-item>span{width:100%; height:auto; display:block; overflow:hidden; position:relative;}
			.circle-item>span>i{width:2rem; height:2rem; display:block; position:absolute; top:50%; left:50%; margin-top:-1rem; margin-left:-1rem; z-index:1;}
			.circle-item>span>em{width:auto; height:1rem; display:block; position:absolute; top:0.5rem; right:0; border-radius:1rem 0 0 1rem; line-height:1rem; padding:0 0.25rem 0 1.125rem; background:url(../img/member.png?v=20170426170123) 0.125rem center no-repeat rgba(0,0,0,0.7); background-size:1rem;}
				.circle-item>span>em>i{width:0.4rem; height:0.4rem; display:block; border-radius:0.4rem; position:absolute; top:0; left:0;}
		.circle-item>i{width:1.2rem; height:0.1rem; display:block; margin:0 auto;}
		.circle-item>h3 , .circle-item>h4{width:100%; height:1.8rem; display:block; padding:0 0.5rem; box-sizing:border-box; overflow:hidden; line-height:1.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
		.circle-item>h4{line-height:1.2rem; height:1.2rem; }
			.circle-item>h4>img{width:0.8rem; height:0.8rem; display:inline; margin-right:0.15rem; vertical-align:middle;}*/
	/*横向排版圈子列表*/
	/*.circle-item-x{width:100%; height:auto; min-height:3.5rem; display:block; overflow:hidden; position:relative; padding:0.5rem; box-sizing:border-box;}
		.circle-headpic{width:2.5rem; height:2.5rem; display:block; position:absolute; top:0.5rem; left:0.5rem; overflow:hidden; border-radius:2.5rem;}
		.circle-info{width:100%; height:auto; display:block; padding-left:2.75rem; box-sizing:border-box;}
			.goto-circle{width:auto; height:1.5rem; display:block; float:right; padding:0 0.5rem; line-height:1.4rem; border-radius:0.25rem; box-sizing:border-box;}
			.circle-info-name{width:auto; height:0.9rem; line-height:0.9rem; display:block; float:left; position:relative;}
				.circle-info-name>i{width:0.3rem; height:0.3rem; display:block; border-radius:0.4rem; position:absolute; top:0; right:-0.4rem;}
			.circle-info-canshu{width:auto; height:0.6rem; line-height:0.6rem; display:block; float:left; clear:left;}
			.circle-info-introduce{width:100%; height:auto; max-height:1.6rem; line-height:0.8rem; overflow:hidden; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:normal;}*/
			
/*新圈子列表布局===20170705-汪飞*/
.circle-list{width:100%; height:auto; display:block; margin:0 auto; position: relative; padding:0 0.75rem; box-sizing:border-box;}
	.circle-item{width:100%; height:auto; min-height:6.5rem; display:block; overflow:hidden; padding:0.5rem 0 0.5rem 6rem; box-sizing:border-box; position:relative;}
	.search-resault-list .circle-item{/*margin-bottom:0.05rem;*/}
	.circle-item.rightpic{padding:0.5rem 6rem 0.5rem 0;}
	.search-resault-list .circle-item{ padding:0.5rem 6.75rem 0.5rem 0.75rem;}
		.circle-headpic{width:5.5rem; height:5.5rem; display:block; overflow:hidden; position:absolute; left:0; top:0.5rem;}
		.rightpic .circle-headpic{left:auto; right:0; top:0.5rem;}
		.search-resault-list .circle-headpic{right:0.75rem;}
			.circle-headpic>img.filter3{width:120%; height:120%; display:block; margin:-10% 0 0 -10%;}
			.circle-headpic>i{width:1rem; height:1rem; display:block; position:absolute; top:0; right:0; z-index:1;}
		.circle-name{width:100%; height:1.7rem; display:block; line-height:1.7rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		.circle-item>span{height:1rem; display:block; float:left; line-height:1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		.circle-item>span:nth-of-type(1){width:60%;}
		.circle-item>span:nth-of-type(2){width:40%;}
		.circle-item>p{width:100%; height:auto; float:left; max-height:2rem; line-height:1rem; display:-webkit-box; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	
	
	
	
	
		
/*创建圈子按钮*/
.creat-circle-act{width:100%; height:3rem; display:block; overflow:hidden; position:absolute; bottom:0; padding-top:0.5rem;
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(255,255,255,0),endColorStr=rgba(255,255,255,1));/*IE 6 7 8*/
background: -ms-linear-gradient(top, rgba(255,255,255,0),  rgba(255,255,255,1));/* IE 10 */
background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1));/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));/* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top,rgba(255,255,255,0), rgba(255,255,255,1));/*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));/*Opera 11.10+*/}		
.nofootbar .creat-circle-act{bottom:0rem;}
	.creat-circle-btn{width:90%; height:2rem; display:block; margin:0 5% 0.5rem; border-radius:0.25rem; text-align:center; line-height:2rem;}

/*圈子主页*/
/*圈子主业头部*/
.circle-pagehead{width:auto; height:10.5rem; display:block; overflow:hidden; position:relative;}
	.circle-pagehead-bg{width:120%; height:auto; display:block; position:absolute; top:0; left:50%; margin-left:-60%;}
	.circle-pagehead-body{width:100%; height:10.5rem; display:block; padding-top:3.2rem; box-sizing:border-box; position:relative; background:rgba(0,160,234,0.6)}
		.circle-pagehead-headpic{width:3.5rem; height:3.5rem; display:block; border-radius:3rem; border:0.05rem solid rgba(255,255,255,0.3); box-sizing:border-box; box-shadow:0 0 0.5rem rgba(255,255,255,0.15); padding:0.25rem; position:relative; margin:0.5rem auto 0;}
			.circle-pagehead-headpic:before{content:''; width:4rem; height:4rem; display:block; position:absolute; top:50%; left:50%; margin-top:-2rem; margin-left:-2rem;border:0.05rem solid rgba(255,255,255,0.2); box-sizing:border-box; border-radius:4rem;}
			.circle-pagehead-headpic:after{content:''; width:4.5rem; height:4.5rem; display:block; position:absolute; top:50%; left:50%; margin-top:-2.25rem; margin-left:-2.25rem; border:0.05rem solid rgba(255,255,255,0.1); box-sizing:border-box; border-radius:4.5rem;}
			.circle-pagehead-headpic>img{width:3rem; height:3rem; display:block; overflow:hidden; border-radius:3rem;border:0.05rem solid rgba(255,255,255,0.4); box-sizing:border-box; position:absolute; top:50%; margin-top:-1.5rem; left:50%; margin-left:-1.5rem;}
		.circle-name-info{width:90%; height:2rem; display:block; padding:0; box-sizing:border-box; margin:1rem auto 0; text-align:center;}
			.circle-qunzhu{width:auto; height:1rem; display:inline-block; margin:0 auto; overflow:hidden; line-height:1rem; text-align:center; white-space:nowrap; text-overflow:ellipsis;background:url(../img/circle_qunzhu.png?v=20170418203734) left center no-repeat; background-size:0.6rem; padding-left:0.75rem;}
			.circle-member-num{width:auto; height:1rem; display:inline-block; margin:0 0.5rem; overflow:hidden; line-height:1rem; text-align:center; white-space:nowrap; text-overflow:ellipsis;background:url(../img/circle_baseinfo_member.png?v=20180115113819) left center no-repeat; background-size:0.8rem; padding-left:1rem;}
			.circle-add-time{width:auto; height:1rem; display:inline-block; margin:0 0.5rem; overflow:hidden; line-height:1rem; text-align:center; white-space:nowrap; text-overflow:ellipsis;background:url(../img/circle_baseinfo_creattime.png?v=20180115113819) left center no-repeat; background-size:0.8rem; padding-left:1rem;}
			
	.share-reward-tips{width:100%; height:1.5rem; display:block; position:fixed; top:2.7rem; left:0; z-index:100000; text-align:center;}
		.share-reward-tips>p{width:auto; height:1.5rem; display:inline-block; line-height:1.5rem; padding:0 0.75rem 0 2.25rem; background:url(../img/share_reward_icon.png?v=20171128185939) 1.1rem 50% no-repeat rgba(0,0,0,0.7); background-size:0.8rem; border-radius:1.5rem;}
	.circle-abstract-con{width:100%; height:auto; display:block; padding:0.75rem 0.75rem 0.75rem 2.6rem; box-sizing:border-box; position:relative;}
		.circle-abstract-con>span{width:1.6rem; height:0.8rem; display:block; position:absolute; left:0.75rem; top:0.75rem; line-height:0.8rem; text-align:center; border-radius:0.15rem;}
		.circle-abstract{width:100%; height:auto; display:block; overflow:hidden; text-align:justify; line-height:0.8rem;}
	.circle-abstract-more{display: none;text-align: center;padding-right:1.85rem;cursor:pointer;line-height: 1.6em}
	.circle-abstract-con.over-ellipsis .circle-abstract{max-height:4rem;display: -webkit-box;  white-space: normal;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;}
/*圈子主页提问发布成员按钮*/
.circle-actbtn-bar{width:100%; height:auto; display:block; padding:0.5rem 0 0.85rem 0; box-sizing:border-box; text-align:center; border-top:0.05rem dashed #f1f1f1;}
	.circle-actbtn-bar>a{width:3.5rem; height:1.25rem; display:inline-block; border-radius:0.5rem; text-align:center; line-height:1.15rem; margin:0 2%; box-sizing:border-box;}
	.circle-ask-btn{}
	.circle-pub-btn{}
.circle-member-btn{/**border:0.05rem solid #11a1cc; color:#11a1cc;*/}
		.circle-actbtn-bar>a>img{width:1.15rem; height:1.15rem; display:inline; vertical-align:bottom;}
/*圈子主页圈子资料与圈子内容分隔条*/
.circlepage-navbar{width:100%; height:2rem; display:block; padding:0 0.75rem; box-sizing:border-box;}
.circlepage-navbar>span{width:auto; height:0.7rem; display:block; float:left; margin:0.65rem 0; border-left:0.15rem solid #00a0ea; padding: 0 1rem 0 0.4rem; line-height:0.7rem; position:relative; background:url(../img/sort_arrow.png?v=20171129005510) right 50% no-repeat; background-size:0.75rem;}
.circlepage-navbar>a{width:auto; height:1.2rem; display:block; float:right; margin:0.4rem 0; border-radius:1.6rem; box-sizing:border-box; border:0.05rem solid #ddd; line-height:1.1rem; padding:0 0.25rem 0 1.25rem; background:url(../img/search2.png?v=20170807234047) left 50% no-repeat; background-size:1.1rem;}

/*圈子分享详情*/
.circle-share-detail{width:100%; height:auto; display:block; overflow:hidden;}
	/*分享详情头部*/
	.csd-head{width:100%; height:7rem; display:block; overflow:hidden; position:relative;}
		.csd-head-bg{width:120%; height:auto; display:block; position:absolute; top:0; left:50%; margin-left:-60%; transition:all 0.5s;}
		.csd-head-body{width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:1;background:rgba(0, 160, 234, 0.6)}
			.csd-head-body>i{width:2.825rem; height:2.825rem; display:block; margin:1.1rem auto 0; border:0.025rem solid rgba(255,255,255,0.3); padding: 0.125rem; border-radius:1.413rem; box-sizing:border-box; position:relative;}
				.csd-head-body>i:before{  content: '';  border: 0.025rem solid rgba(255,255,255,0.2);  width: 100%;  height: 100%;  display: inline-block;  padding: 0.2rem;  position: absolute;  top: 0;  left: 0;  border-radius: 50%;  margin-top: -0.225rem;  margin-left: -0.225rem;  }
				.csd-head-body>i:after{  content: '';  border: 0.025rem solid rgba(255,255,255,0.1);  width: 100%;  height: 100%;  display: inline-block;  padding: 0.4rem;  position: absolute;  top: 0;  left: 0;  border-radius: 50%;  margin-top: -0.425rem;  margin-left: -0.425rem;  }
			.csd-head-body>i>img{border:0.025rem solid rgba(255,255,255,0.5); box-sizing:border-box; border-radius:100%;}
			.csd-head-body>h4{width:100%; height:1rem; display:block; line-height:1rem; text-align:center;}
			.csd-head-body>p{width:100%; height:1rem; display:block; line-height:1rem; text-align:center;}
	/*分享圈子资料*/
.circle-join-info{padding:.75rem .75rem 0}
.circle-join-info .circle-info>h4{line-height:1.4rem}
.circle-join-info .circle-join-item{margin-top:.75rem;border-top:.025rem dashed #e5e5e5}
.circle-join-info .join-info{line-height:1rem}
.circle-join-info .join-table{display:table}
.circle-join-info .join-table .join-table-row{display:table-row}
.circle-join-info .join-table .join-table-row>div{display:table-cell}
.circle-join-info .join-table .join-table-row>div:nth-child(1){width:2.75rem;padding-left:.875rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.circle-join-info .join-table .join-table-row>div:nth-child(1):before{content:'';display:inline-block;width:.5rem;height:1rem;position:absolute;left:0;top:0;background:url(/themes/img/circle_join.png?v=20171114000317) no-repeat left center;-webkit-background-size:100% 100%;background-size:100% 100%}
.circle-statistics{padding:1rem 0}
.circle-statistics table{width:100%;text-align:center;line-height:.7rem;height:.7rem}
.circle-statistics table td{position:relative}
.circle-statistics table td:before{content:'';position:absolute;right:0;height:.7rem;width:.026rem;background:#e5e5e5}
.circle-statistics table td:nth-child(3):before{display:none}
.circle-list-lable{padding:.4rem 0 .3rem}
.circle-list-lable>span{padding:0 .4rem;line-height:.8rem;margin-right:.5rem;display:inline-block;-webkit-border-radius:.35rem;-moz-border-radius:.35rem;border-radius:.35rem}

/*	.csd-brief{width:100%; height:auto; display:block; overflow:hidden; padding:0.5rem 0.5rem 0.5rem 0.75rem; box-sizing:border-box;}
		.csd-brief>div{width:100%; height:auto; display:block; padding:0.25rem 0 0.25rem 0.75rem; box-sizing:border-box; border-left:0.05rem solid #de6573; position:relative;}
			.csd-brief>div>h4{width:100%; height:1rem; display:block; line-height:1rem;}
			.csd-brief>div>p{width:100%; height:auto; display:block; line-height:0.8rem; text-align:justify; word-break:break-all;}
		!*圈子简介*!
		.csd-brief-info{}
			.csd-brief-info>h4{color:#de6573;}
		!*圈子成员*!
		.csd-brief-member{}
			.csd-brief-member>h4{color:#7dd7df;}
			.csd-brief-member-list{width:100%; height:1.5rem; display:block; overflow:hidden;}
				.csd-brief-member-list>img{width:1.5rem; height:1.5rem; display:block; float:left; border-radius:1.5rem; overflow:hidden; position:relative; margin-left:0.1rem;}
				.csd-brief-member-list>i{width:1.5rem; height:1.5rem; display:block; float:left; border-radius:1.5rem; line-height:1.5rem; text-align:center; overflow:hidden; position:relative; margin-left:0.25rem; z-index:10; letter-spacing:0.01rem;}*/
				
		/*加入圈子*/	
		.csd-brief-join{}
			.csd-brief-join>h4{color:#babaec;}
			
			.csd-brief-liststyle{width:0.85rem; height:0.85rem; display:block; position:absolute; left:-0.5rem; border-radius:1rem; background:#fff;}
				.csd-brief-liststyle>i{width:0.55rem; height:0.55rem; display:block; position:absolute; top:0.15rem; left:0.15rem; border-radius:0.55rem; background:#de6573;}
			.csd-brief-info>em{border:0.05rem solid #de6573;}
				.csd-brief-info>em>i{background:#de6573;}
			.csd-brief-member>em{border:0.05rem solid #7dd7df;}
				.csd-brief-member>em>i{background:#7dd7df;}
			.csd-brief-join>em{border:0.05rem solid #babaec;}
				.csd-brief-join>em>i{background:#babaec;}
		
	/*主题预览*/	
	.theme-show{width:100%; height:auto; display:block; overflow:hidden;}
		.theme-show-tag{width:auto; height:1.2rem; display:block; float:left; line-height:1.2rem; padding:0 0.5rem; border-radius:0 0.6rem 0.6rem 0;}
		.f-f-module>.module-container>a.add-follow{font-size:12px; color:#B5B5B5; text-align:right;}

/*标签设置*/
.addnew-label{width:100%; height:auto; display:block; overflow:hidden; padding:1rem 3%; box-sizing:border-box;}
.addnew-label>input{width:80%; height:2rem; display:block; float:left; box-sizing:border-box; border-radius:0.3rem; padding:0 1rem;}
.addnew-btn{width:18%; height:2rem; display:block; float:left; margin-left:2%; text-align:center; line-height:2rem; border-radius:0.3rem;}
.label-list{width:100%; height:auto; display:block; overflow:hidden; padding:0 3%; box-sizing:border-box;}
.label-item{width:100%; height:1.6rem; display:block; overflow:hidden; padding:0.75rem 0; position:relative;}
.label-item:last-of-type{border:none;}
.label-show,.label-edit{width:100%; height:1.6rem; display:block; overflow:hidden; position:absolute; top:0.75rem; left:0;}
.label-edit{top:3.5rem;}
.label-show>p{width:auto; height:1.6rem; display:block; float:left; padding:0 0.5rem; border-radius:0.3rem; line-height:1.6rem;}
.label-edit>input{width:60%; height:1.6rem; display:block; float:left; border-radius:0.2rem; padding:0 0.5rem; box-sizing:border-box;}
.label-item a{width:16%; height:1.6rem; display:block; float:right; text-align:center; line-height:1.6rem; border-radius:0.3rem;}

.nolabel-tips{width:100%; height:1.5rem; display:block; padding:0 3%; box-sizing:border-box; line-height:1.5rem; text-align:center;}



/*圈主主页向嘉宾提问-嘉宾列表*/
.circle-expert-item{width:100%; height:auto; min-height:5.5rem; display:block; overflow:hidden; position:relative; padding:0.75rem 0.75rem 0 4.25rem; box-sizing:border-box;}
.circle-expert-headpic{width:3rem; height:3rem; display:block; position:absolute; left:0.75rem; top:0.75rem;}
.circle-expert-headpic>img{width:3rem; height:3rem; display:block; overflow:hidden; border-radius:3rem; box-sizing:border-box;}
.circle-expert-headpic>i{width:0.8rem; height:0.8rem; display:block; position:absolute; bottom:0; right:0; z-index:1; box-sizing:border-box; border-radius:0.8rem;}
.circle-expert-headpic>span{width:1.5rem; height:0.8rem; display:block; position:absolute; bottom:-1.3rem; left:50%; margin-left:-0.75rem; border-radius:0.15rem; text-align:center; line-height:0.8rem;}
.circle-expert-headpic>span.hosttag{background:#f54;}
.circle-expert-headpic>span.guesttag{background:#3cb;}
.circle-expert-headpic>span:before{content:''; width:0.25rem; height:0.25rem; display:block; position:absolute; top:-0.125rem; left:50%; margin-left:-0.125rem; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.circle-expert-headpic>span.hosttag:before{ background:#f54;}
.circle-expert-headpic>span.guesttag:before{ background:#3cb;}

.circle-expert-data{width:100%; height:auto; display:block; overflow:hidden;}
.circle-expert-nametitle{width:90%; height:1rem; display:block;}
.circle-expert-nametitle>h3{width:auto; height:1rem; display:block; line-height:1rem; float:left;}
.circle-expert-nametitle>p{width:auto; max-width:60%; height:0.6rem; display:block; float:left; line-height:0.6rem; border-left:0.05rem solid #f1f1f1; padding-left:0.35rem; margin:0.2rem 0 0.2rem 0.25rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.circle-expert-introduce{width:100%; height:auto; max-height:1.6rem; display:-webkit-box; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:0.4rem;}
.circle-expert-qanda{width:100%; height:1.5rem; display:block; border-top:0.05rem dashed #f1f1f1}
.circle-expert-qanda>span,.circle-expert-qanda>a{width:auto; height:1.5rem; display:block; float:left; line-height:1.5rem;}
.circle-expert-qanda>a{float:right;}

/*圈主对帖子的操作弹框&&圈子主页内容筛选*/
.circle-host-act-dialog,.circle-page-navsort{width:100%; height:100%; display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:998;}
.circle-host-act-dialog>div,.circle-page-navsort>div{width:70%; height:auto; display:block; position:absolute; left:15%; top:50%; border-radius:0.25rem;}
.circle-host-act-dialog>div{height:12.25rem; margin-top:-6rem;}
.circle-page-navsort>div{height:10.2rem; margin-top:-5rem;}
.circle-host-act-dialog>div.transparent-bg,.circle-page-navsort>div.transparent-bg{width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.circle-host-act-dialog>div>a,.circle-page-navsort>div>a,.circle-page-navsort>div>span{width:100%; height:2rem; display:block; line-height:2rem; text-align:center;}


/*邀请创建圈子返回的创建圈子介绍页面*/
.create-rools{width:100%; height:auto; display:block; overflow:hidden;}
.invite-info{width:100%; height:auto; display:block; padding:1.5rem 0; text-align:center; box-sizing:border-box;}
.invite-info>img{width:3.5rem; height:3.5rem; display:inline-block; border-radius:0.5rem;}
.create-rools>div{width:100%; height:auto; display:block; padding:1rem 0.75rem; box-sizing:border-box;}
.create-rools>div>p{text-indent:1.6rem; line-height:1.05rem;}
.create-rools>a{width:92%; height:2.2rem; display:block; border-radius:0.3rem; text-align:center; line-height:2.2rem; margin:1rem auto 0; box-shadow:0 0 0.5rem rgba(0,160,234,0.15)}