@charset "utf-8";
/* CSS Document */

/*小组首页*/
.N-more a{ font-size:13px; color:#999;vertical-align: middle;}
.N-more .N-marrow{ display:inline-block; width:10px; height:10px;vertical-align: middle; background:url(../images/arrowicon.png) no-repeat center; background-size:100%;margin-left: 2px;}

.bg-white{ background:#fff;}
.group-banner{ padding:10px;position: relative;}
#carousel{ overflow:hidden;}
.group-banner>h4{ font-size:16px; font-weight:normal; margin-bottom:10px;}
.banner-box .edu-li{ float:left; width:50%;}
.banner-box{padding-bottom: 20px;}
.edu-li img{ float:left; width:60px; height:60px;}
.edu-txt{padding-left:70px;}
.edu-txt .pb3{font-size: 14px;font-weight: normal;line-height:20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.edu-txt .edu-btn{ display:block; font-size:12px; color:#ff663d;line-height: 20px;height: 20px;}
.eduBox{ margin-right:8px;}
.edu-txt span{ font-size:12px;line-height:20px;height: 20px;display: block; color:#999;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}
.swiper-pagination-bullet {width:3px;height:3px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
.swiper-pagination-bullet-active {opacity: 1;background: #ff663d;width: 14px;height: 3px;border-radius: 3px;}

.tabs ul{margin-bottom: 8px; margin-top:16px;}
.tabs li{float: left;margin: 0 10px;font-size: 14px;line-height: 16px;padding-bottom: 7px;}
.tabs li.on{border-bottom: 2px solid #ff663d;}
.tabs li.on a{color: #ff663d;}

#documentDiv{ margin-bottom:0; margin-top:0;padding:0 16px 0 0;}
.tabs-content{ padding:0 16px;}
.tabs-item>.item-box,#documentDiv>.item-box{ padding:16px 0; border-bottom:1px solid #f1f5f6;position: relative;}
.item-box .item-l{ float:left; width:50px; height:50px; border-radius:50px; overflow:hidden;}
.item-l img{ width:100%; height:100%;}
.item-r{ padding-left:60px;}
.item-box .item-txt{ font-size:14px; font-weight:500; margin-bottom:4px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pt35 span{ font-size:10px;color:#a9a9a9; line-height:18px; display:inline-block;}
.f-r{ float:right;}

.pt35 .item-area{line-height: 20px; font-size:10px; margin-right:8px; color:#a9a9a9; }
.pt35 .r-item-info{ margin-right:0;}
.r-item-info label{ margin-left:4px;}
.r-item-info label a{color: #a9a9a9;}
.r-item-info label i{ font-size:12px; margin-right:4px;}

.td-resgm{padding:10px 0; margin-top:16px; border-top:1px solid #eee;}
.td-resgm textarea{width: 100%;height: 60px;border: 1px solid #eee;padding: 4px;box-sizing: border-box;display: block;resize: none;margin-top: 4px;color: #999;}

#loading{height: 36px;line-height: 36px;overflow: hidden;text-align: center;background: #f3f3f3;position: relative;color: #a0a0a0; margin-left:-20px; margin-right:-16px;margin-top: 0;margin-bottom: 0;}
.poster{background: #f3f3f3;line-height: 30px;padding: 0 70px 0 10px;position: relative;}
.poster a{ float:right;width: 20px;height: 20px;background: url(../images/mood.png) no-repeat;background-size: 100% 100%;margin-top: 4px;}
.poster .replybutton{position: absolute;width: 60px;height: 100%;right: 0;border: 0;background: #ff663d;color: #fff;}

.aui_state_noTitle.aui_state_focus{ left:0 !important;}
.aui_state_noTitle.aui_state_focus img{ width:30px; height:30px;margin: 0 4px;}
.item-txt .emotico{ width:20px; height:20px;}

.comments-list{ padding-left:20px; overflow: hidden;}
.comments-list dd{padding:10px 10px 10px 0; border-bottom:1px solid #efefef;position: relative;}
.comments-list dd:last-child{ border-bottom:0;}
.comments-list dd .item-l{ width:30px; height:30px;margin-top: 4px;}
.comments-list dd .item-r {padding-left: 40px;}
.comments-list .pt35{ position:relative;}
.comments-list .pt35 span:last-child{ position:absolute; right:0px; margin-right:-10px;}
.comments-list .delreplyBtn{width: 14px;height: 14px;background: url(../images/delete.png) no-repeat center;background-size: 14px 14px;display: block;overflow: hidden;text-indent: 10000em;}
.comments-list .more{text-align: center;line-height: 30px;color:#a0a0a0;display: block;background: #f6f6f6;border-radius: 4px;}

/*小组列表*/
.all-club{background: #fff;padding: 18px 14px;margin-top: 10px;}
.content-l .item1 li{padding-bottom: 8px;margin-bottom: 8px;background: #fff;border-bottom: 1px solid #eee;}
.content-l .item1 li:last-child {padding-bottom: 0;border-bottom: 0;margin-bottom: 0;}
.c-m0{ padding:0;}
.all-club .edu-li{ float:none; width:100%;}
.all-club .edu-txt{float: left;padding: 0 11px;width: 50%;box-sizing: border-box;margin-bottom: 0;}
.all-club .edu-li img{ width:50%;}
.all-club .edu-txt .pb3{font-size: 15px;line-height:20px;height:40px; font-weight:normal;white-space: normal;}
.all-club .edu-btn{color:#a4a4a4;display: inline-block;width: 80px;height: 27px;line-height: 27px;background:#f5f5f5;font-size: 12px;text-align: center;border-radius: 2px;border: 1px solid #eee;}
.all-club .a-pb3{margin-bottom: 8px; margin-top:8px;}
.all-club .a-pb3 span{ display:inline-block;margin-right:16px;}
.all-club .a-pb3 i{ margin-right:6px; font-size:14px;}
.all-club .icon-pinglun i{font-size:12px;}

/*小组详情页*/
.inter-logo{ width:56px; height:56px; border-radius:56px; float:left;overflow:hidden;}
.inter-logo img{ width:100%; height:100%;}
.inter-detail { padding-left:66px;}
.club-info{ min-height:140px; background:url(../images/clubbg.png) no-repeat center; background-size:100% 100%; position:relative;}
.club-infoCon{ position:relative;z-index:11;padding: 16px;}
.clubbg{background: rgba(255,255,255,0.38); position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
.clubbg:after{ content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0;background: rgba(0,0,0,0.38);}
.club-infoCon p span{display: block;color: #fff;line-height: 20px;font-size: 13px;}
.club-infoCon .btn{ margin-top:10px;}
.clubinter{ background:#fff;padding: 16px 10px;}
.clubinter h2{ font-weight:normal; font-size:14px;margin-bottom: 6px;}
.clubinter p{color: #999;font-size: 12px; line-height:18px; min-height:36px;}
.club-infoCon .btn span{ padding:4px 20px; color:#fff; border-radius:4px; text-align:center; line-height:20px; border:1px solid #eee; display:inline-block; font-size:13px; margin-right:6px;}
.r-box{ padding-top:10px; margin-top:10px; border-top:1px solid #eee;}
.r-box h4{ float:left;width:60px;height: 20px;line-height: 20px;}
#gonggao{margin-left: 64px;line-height: 20px;height: 20px;overflow: hidden; position:relative;}

.publish{position:fixed; bottom:0; width:100%; max-width:800px; border-top:1px solid #ededed; box-sizing:border-box;}
.publish a{ margin:10px; display:block; line-height:36px; font-size:14px; background:#ff663d; color:#fff; border-radius:4px; text-align:center;}
.publish-blank{ height:56px;}

/*发表话题*/
.talk-cell{ padding:10px 16px; position:relative; }
.talk-cell .talk-control{width:100%; border:none; resize:none; padding:6px 10px; box-sizing:border-box; height:100px;border-bottom: 1px solid #e2e2e2;color: #a2a2a2;font-size: 14px;}
.talk-textnum{ position:absolute; bottom:26px; right:26px;color: #a2a2a2;}
.talk-release{position:fixed; bottom:0; width:100%; max-width:800px; border-top:1px solid #ededed; padding:10px; box-sizing:border-box;}
.talk-release .talk-btn{ width:100%;line-height:36px; font-size:14px; background:#ff663d; color:#fff; border-radius:4px; text-align:center; border:0;}
.talk-bottom{padding: 0 16px 16px;}
.talk-b-a1{float: left;width: 20px;height: 20px;background: url(../images/mood.png) no-repeat;background-size: 100% 100%;margin-top: 4px;}
.talk-b-a2{float: left;width: 20px;height: 20px;background: url(../images/photo.png) no-repeat;background-size: 100% 100%;margin-top: 4px; margin-left:10px;}
.content-box>.imagebox{padding: 16px 4px 16px 16px;}
.upshow li{ width:33.33%; float:left; margin-bottom:8px;position: relative}
.upshow li .clun_bg{ width:106px; height:106px;}
#talk-upimg{ width:33.33%; float:left;}
.imagebox .upbutton{ background:url(../images/plus.png) no-repeat center #fff; background-size:80px 80px; border:2px dashed #cacaca; width:106px; height:106px;}
.talk-tips{ display:block;color: #a2a2a2;}

/*话题内页*/
.talk-info{ padding:10px; background:#fff;}
.talk-info h2{font-size: 16px;line-height: 20px;margin-bottom: 16px;}
.talk-info-usernum{background: #f1f5f6;padding: 4px 10px;border-radius: 3px;color: #9099a0;vertical-align: middle;}
.talk-info-read{ margin-left:10px;line-height:20px; color:#8f989f;}
.talk-info-time{ line-height:20px;color:#8f989f;}
.nice{ padding:10px; font-size:14px;}
.nice img{ position: relative;height: 24px;margin:0 3px; top:5px;}
.replay{background: #fff;position: fixed;bottom: 0;width: 100%;max-width: 800px;box-sizing: border-box;border-top: 1px solid #dfdfdf;z-index: 100;}
.replay-retext{padding:10px 80px 10px 10px;}
.replay .replyContent{width: 100%;border: 0; display:block;height: 30px;resize: none;line-height: 30px;background: #f1f5f6;padding:0 30px 0 10px;box-sizing: border-box;border-radius: 4px;color: #919aa3;}
.replay .poster{ position:absolute;right:10px;bottom: 0;padding: 0;background: none;height: 50px;line-height: 50px;}
.replay .poster a{ float:left;margin-top: 16px;}
.replay .poster .replyButton{border: 0;background: #ff663d;color: #fff;vertical-align: middle;width: 64px;border-radius: 4px;line-height: 30px;margin-left: 12px;}
.icon-margin{padding: 10px 14px;text-align: right;background: #f6f6f6;}
.icon-margin a{color: #8f989f; margin-left:16px;}
.icon-margin a i{ font-size:13px; margin-right:4px;}
.clickzan{font-size: 14px !important;vertical-align: middle;}

#documentDiv .pic2{width: 30px;height: 30px;margin-top: 4px;border-radius: 50px;overflow: hidden;float: left;}
#documentDiv .autho{padding-left: 40px;}

.item-box>i{position: absolute;bottom: 10px;left: 0;padding: 3px 6px;border-radius: 4px;font-size: 10px; background:#eee; color:#999;}
.item-box .hf02{background: #E91E63;color: #fff;}
.talk-box-bg{ height:52px;}
.inner-com-list .item-box .item-txt{min-height: 40px;line-height: 20px;}
.inner-com-list dd .item-l{ margin-top:0;}
.nice-img{ padding:10px 16px;}
.nice-img img{ width:100%;}
.icon-margin .zaned{ color:red;}
.GroupImag{ clear:both;}
.GroupImag img{ max-width:100%;}

.club_img {width: 18px;height: 18px;border-radius: 50%;overflow: hidden;position: absolute;right: .75rem;top: .25rem;background: url(../images/del.png) no-repeat;background-size: cover}