/*存放社区的所有样式*/
.show { display: block; }
.hidden { display: none; }
.mbtn_bdr { border-radius: 0; }
.head .mSearch { float: left; margin-left: 108px; margin-top: 14px; height: 38px; line-height: 38px; width: 400px; border: 1px solid #eee; background: #fff; overflow: hidden; }
.head .mSearch > input[type=text] { float: left; display: block; height: 38px; width: 358px; padding: 0 10px; border: 0; background: none; }
.head .mSearch > .search-btn, .head .mSearch > .search_btn { float: left; display: block; height: 38px; width: 40px; cursor: pointer; text-align: center; border-left: 1px solid #eee }
.head .mSearch > .search-btn i { font-size: 26px; }
/*帖子列表页*/
.topic-send { border: 1px solid #ddd; background: #fcfcfc; margin-bottom: 10px; border-radius: 2px; position: relative; }
.topic-send .send-box { width: 100%; height: 100px; padding: 5px 10px; margin: 0; outline: none; resize: none; border: none; border-bottom: 1px solid #f7f7f7; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow: hidden; }
.topic-send .send-left { width:82%;float: left; line-height: 28px; position: relative; }
.topic-send .send-left .send-select {height: 30px; margin: 0 10px; float: left; position: relative; line-height: 27px; }
.topic-send .send-left .send-select .icons:hover{color:#edae49 }
.topic-send .send-left .send-select .file { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer }
.topic-send .send-left em { font-style: normal; color: #999; cursor: pointer; vertical-align: middle;margin-right: 10px; }
.topic-send .send-left em.icon-tupian{font-size: 20px;vertical-align: sub}
.topic-send .send-left .range{display: inline-block;position:relative; height: 20px; float: right}
.topic-send .send-left .range .show-list{display: inline-block;padding-bottom: 10px;padding-right: 10px;}
.topic-send .send-left .range .text-place{display: inline-block;width: 100px; padding-right: 5px; text-align: right;}
.topic-send .send-left .range i{font-size: 12px;}
.topic-send .send-left .range .range-list{display:none;position: absolute; left: 9px; top: 30px;width: 108px; border: 1px solid #ddd; background: #fff; z-index: 11; }
.topic-send .send-left .range .range-list li{line-height: 28px;padding: 0 10px;cursor: pointer;letter-spacing: 0}
.topic-send .send-left .range .range-list li:hover{background: #eaeaea;color: #edae49;}
.topic-send .range-box{display:none;width: 100%; height: 370px;box-shadow: 0 -1px 4px #eee; border: 1px solid #ddd; background: #fff; position: absolute; left: 0; top: 131px;z-index: 10;}
.topic-send .range-box .off{position: absolute;right: 3px; top: 3px;z-index: 1}
.topic-send .range-box .search-item { padding: 12px 10px 0; position: relative; }
.topic-send .range-box .search-item .search { display: inline-block; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.topic-send .range-box .search-item .search input { border: none; height: 25px; line-height: 23px; width: 184px; }
.topic-send .range-box .search-item .search .icons { font-size: 18px; vertical-align: sub; padding: 0 4px; cursor: pointer; }
.topic-send .range-box .search-item span.count { color: #999; font-size: 14px; vertical-align: super; padding-left: 28px; }
.topic-send .range-box .friend-box{width: 100%;height: 322px;border-top: 1px solid #ddd;overflow: hidden}
.topic-send .range-box .friend-box .friend-left{width: 44%;height:100%;overflow-y:auto;float: left;border-right: 1px solid #ddd;padding: 10px 0}
.topic-send .range-box .friend-box .friend-left .group-list li{line-height: 36px; font-size: 14px; position: relative; cursor: pointer;}
.topic-send .range-box .friend-box .friend-left .group-list li .group-name{display: inline-block; width: 100%; padding-left: 16px;}
.topic-send .range-box .friend-box .friend-left .group-list li .group-name:hover{background: #ebebeb;}
.range-box .friend-left .group-list li .group-name .chose-all{cursor: pointer;line-height: 16px; position: absolute; right: 5px; top: 10px;}
.range-box .friend-left .group-list li .group-name.current{background: #ebebeb;}
.range-box .friend-left .group-list li .group-member{display: none;}
.topic-send .range-box .friend-box .friend-left .group-list li .group-member li{line-height: 28px; padding: 3px 0 3px 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.range-box .friend-left .group-list li .group-member li .avatar { width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; }
.range-box .friend-left .group-list li .group-member li .avatar img{width: 100%;}
.range-box .friend-left .group-list li .group-member li:hover{background: #ebebeb;}
.range-box .friend-left .group-list li .group-member li.current{background: #ebebeb;}
.range-box .friend-left .group-list li .group-member li label{display:none;float: right; width: 22px; height: 22px; background: url("../images/icon_choose.png") 0 80% no-repeat; background-size: 15px;}
.range-box .friend-left .group-list li .group-member li.select label{display: inline-block}
.range-box .friend-right{width: 50%;height: 100%;overflow-y: auto;background: #ebebeb;float: right;font-size: 14px;}
.range-box .friend-right .chose-list li{padding: 3px 12px;}
.range-box .friend-right .chose-list li .avatar { width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; }
.range-box .friend-right .chose-list li .avatar img{width: 100%}
.range-box .friend-right .chose-list li i.icons { float: right; line-height: 28px; display: none; cursor: pointer; }
.range-box .friend-right .chose-list li:hover{background: #fff0d7;}
.range-box .friend-right .chose-list li:hover i{display: block}
.range-box .friend-right .chose-list li label{}
.range-box .btn-box{padding: 10px;border-top: 1px solid #ddd;overflow: hidden}
.range-box .btn-box a{float: right;padding: 0.5em 2em}
.range-box .friend-left .search-list{padding: 10px 5px; border: 1px solid #eee;display: none;}
.range-box .friend-left .search-list li{line-height: 28px; padding: 5px 20px 5px 0; cursor: pointer; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.range-box .friend-left .search-list li .avatar { width: 30px; height: 30px; border-radius: 50%; display: inline-block; overflow: hidden; margin-right: 5px; vertical-align: middle; }
.range-box .friend-left .search-list li .avatar img{width: 100%}
.range-box .friend-left .search-list li label{display: none; position: absolute; right: 0; width: 18px; height: 22px; background: url("../images/icon_choose.png") 80% 80% no-repeat; background-size: 15px;}
.range-box .friend-left .search-list li.select label{display: inline-block}
.topic-send .send-left .img-select { position: absolute; width: 182px; padding: 10px 5px 10px 10px; border: 1px solid #ddd; display: none; margin-top: 5px; background: #fff; z-index: 10; left: 12px; top: 35px; box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2); }
.topic-send .send-left .img-select .off { position: absolute; right: 3px; top: -3px; cursor: pointer; font-size: 14px; }
.topic-send .send-left .img-select .s-icon { display: block; width: 10px; height: 10px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 33px; top: -6px; background: #fff; z-index: 2 }
.topic-send .send-left .img-select p { font-size: 12px; margin-bottom: 10px; }
.topic-send .send-left .img-select ul li { width: 50px; height: 50px; margin-right: 5px; float: left; margin-bottom: 5px; position: relative; overflow: hidden; cursor: pointer; text-align: center; }
.topic-send .send-left .img-select ul li.add-more { border: 1px dashed #999; }
.topic-send .send-left .img-select ul li.add-more:hover { border: 1px dashed #edae49; background-position: 12px 12px; color: #edae49 }
.topic-send .send-left .img-select ul li.add-more .file { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; }
.topic-send .send-left .img-select ul li img { width: 50px; }
.topic-send .send-left .img-select ul li label { font-size: 22px; line-height: 48px }
.topic-send .send-left .moxie-shim-html5 { display: none; }
.topic-send .send-right { width: 90px; height: 32px; /*float: right;*/ text-align: right; border-bottom-right-radius: 2px; overflow: hidden; position: absolute; z-index: 2; bottom: -1px; right: -1px; }
.topic-send .send-right .send-btn { height: 32px; text-align: center; color: #fff; line-height: 30px; width: 90px; background: #c2c2c2; /*border: none;*/ border: 1px solid #c2c2c2; border-left: 0; display: inline-block; padding: 0; }
.topic-send .send-right .send-btn:hover { background-color: #a2a2a2; }
.topic-send .send-right .send-btn.on { background-color: #edae49; border-color: #edae49 }
.topic-send .send-right .send-btn.on:hover { background-color: #ffbc4f; }
.menu-address { margin: 10px 0; font-size: 14px; }
.topic-send .range-box.dir-box { margin: 0; border-radius: initial; height: 330px;}
.topic-send .range-box.dir-box .off { font-size: 16px; cursor: pointer;}
.topic-send .range-box.dir-box .dir-list { height: 280px; overflow-x: hidden; overflow-y: auto;}
.topic-send .range-box.dir-box .dir-list li { height: 40px; line-height: 40px; padding-left: 15px; font-size: 14px;}
.topic-send .range-box.dir-box .dir-list li img { border-radius: 100%; margin-right: 6px;}
.topic-send .range-box.dir-box .dir-list li input {}
.dir-window {}
.dir-window .chose-box .dir-list { height: 300px; overflow-y: auto; overflow-x: hidden;}
.dir-window .chose-box .dir-list li { padding-left: 15px; font-size: 14px; height: 50px; line-height: 50px;}
.dir-window .chose-box .dir-list li img { border-radius: 100%; margin-right: 6px;}
.dir-window .btn-box { position: absolute; bottom: 0; width: 100%; text-align: right; height: 40px; line-height: 40px; background-color: #f7f7f7; padding-right: 15px;}
.dir-window .btn-box .cancel-btn{ padding: 0.5em 1em; font-size: 100%; background-color: #fff; margin-left: 10px;}
    /*会员列表*/
/* 2015-10-15 屏蔽
.mInfo1{height: 50px; line-height:50px; border:1px solid #eee; background:#fafafa; padding: 0 20px; color:#505050;}
ul.mListUsers{overflow:hidden}
ul.mListUsers > li{float: left; width: 490px; margin-top: 20px; margin-right: 20px;}
ul.mListUsers > li:nth-child(2n){margin-right: 0;}
.mUserCard{overflow:hidden;border:1px solid #eee; height: 202px; position:relative; background:#fff;}
.mUserCard .img{width: 200px; height: 200px; overflow: hidden; background:#f0f0f0; position:absolute; left:0; top: 0;;}
.mUserCard .img img{display:block; width: 100%; height: 100%;}
.mUserCard .detail{margin-left:200px; padding: 20px; position:relative;}
.mUserCard .detail .user-name{font-size:16px; font-weight:bold;}
.mUserCard .detail .post,.mUserCard .detail .company-name{color:#999; line-height: 22px;}
.mUserCard .detail .company-name a{color:#999;}
.mUserCard .detail .company-name a:hover{color:#edae49;}
.mUserCard .detail .infobar{overflow:hidden; margin-left:-7px; padding: 5px 0;}
.mUserCard .detail .infobar .items{margin-top: 5px; float:left; white-space: nowrap; height: 16px; line-height: 16px; border-right:1px solid #ddd; padding:0 7px;}
.mUserCard .detail .infobar .items:last-child{border-right:0;}
.mUserCard .detail .infobar span{color:#edae49; margin-left:5px;}
.mUserCard .detail .intro{line-height: 22px; border-top:1px solid #eee; margin-top:10px; padding-top:10px; height: 55px; overflow:hidden;}
.mUserCard .detail .addfollow{width: 100px; height: 30px; border:1px solid #ddd; position:absolute; right:20px; top: 20px; background:url('../images/addfollow.png') no-repeat 10px -28px;}
.mUserCard .detail .addfollow span{display:block; width: 65px; float:right; text-align:center; height:28px; line-height:28px; color:#666; border-left:1px solid #ddd;}
.mUserCard .detail .addfollow:hover{border-color:#edae49; cursor:pointer; background-position:10px -72px;}
.mUserCard .detail .addfollow:hover span{color:#edae49; border-color:#edae49;}
.mUserCard .detail .addfollow.added,.mUserCard .detail .addfollow.added:hover{background-position:10px 10px;}
*/
/*加载更多按钮模块*/
.mAddMore { height: 50px; line-height: 48px; text-align: center; border: 1px solid #eee; background: #fff; color: #505050; }
.mAddMore i { display: inline-block; margin-left: 5px; width: 12px; height: 12px; vertical-align: middle; background: url("../images/arrow_down.png") no-repeat center center; }
.mAddMore:hover { color: #edae49; cursor: pointer; }
/* 2015-09-25 * 上面代码，暂作保留，下面为最新的
*/
/* 通用 */
.communityBg { background: #eaebec; min-height: 560px; padding-top: 70px; }
.mt_150 { margin-top: 150px; }
.mt_100 { margin-top: 100px; }
.pt_80 { padding-top: 66px; }
.pt_100 { padding-top: 100px; }
.pt_150 { padding-top: 108px; }
.mr_20 { margin-right: 20px; }
.mr_10 { margin-right: 10px; }
/* 通用 分栏排版 */
.columnsCommunity { letter-spacing: 1px; }
.columnsCommunity > .col_left { width: 170px; /*width: 165px;*/ float: left; margin-right: 10px; min-height: 60px; }
.columnsCommunity > .group_center { width: 510px; /*width:560px;*/ float: left; margin-right: 10px; min-height: 50px; }
.columnsCommunity > .col_center { width: 610px; /*width:560px;*/ float: left; margin-right: 10px; min-height: 50px; }
.columnsCommunity > .col_right { width: 200px; /*width:235px;*/ float: left; min-height: 50px; }
.columnsCommunity > .group_right { width: 300px; /*width:235px;*/ float: left; min-height: 50px; }
.columnsCommunity > .col_main { width: 820px; float: left; }
/*
/!* 通用 评论(暂留) *!/
.mAction_bar{padding:15px 10px; background:#f7f7f7;}
.mAction_bar a{padding:0 15px; border-right:1px solid #ddd;}
.mAction_bar a em{font-size: 13px; font-style:normal;}
.mPost_comments .profile_block{margin-top:15px; overflow: hidden; font-size: 12px; line-height: 20px;}
.mPost_comments .profile_block > .avatar{float: left; margin-right: 10px; width:35px; height:35px; border-radius:50%; overflow:hidden; border:0; background:#f1f1f1;}
.mPost_comments .profile_block > .avatar img{display:block; width:100%; height:100%;}
.mPost_comments .profile_block > .info .name{}
.mPost_comments .profile_block > .info .occ{color:#818284;}
.mPost_comments .comment_content{font-size:16px; padding:10px 10px 10px 45px; letter-spacing:1px;}
.mPost_comments .comments{border-bottom: 1px solid #ddd;}
.mPost_comments .actionBar{padding:7px 10px 7px 30px; font-size: 12px;}
.mPost_comments .actionBar a{padding:0 15px; border-right:1px solid #ddd; color:#c4c3c3;}
.mPost_comments .actionBar a:hover{color:#404040;}
.mPost_comments .actionBar .timestamp{margin-left: 15px; color:#c4c3c3;}
.mPost_comments .post{padding: 10px 0; overflow:hidden; position: relative;}
.mPost_comments .post > .avatar{width: 35px; height: 35px; position: absolute; left: 0; top: 10px; overflow: hidden; border-radius:100%; background:#f1f1f1; border: 0;}
.mPost_comments .post > .input{min-height: 35px; line-height: 25px; margin: 0 100px 0 45px; padding-top:5px;}
.mPost_comments .post > .input:after{content:attr(data-ph); color:#818284;}
.mPost_comments .post > .action{width:90px; position:absolute; right:0px; top: 13px;}
.mPost_comments .post > .action .send{display:block; height:30px; line-height: 30px; text-align:center; border-radius:3px; background:#edae49; color:#fff;}
.mPost_comments .post > .action .send:active{background:#f68e73;}
*/
/* New 活动列表 */
/* 2015-10-15 屏蔽
.mEventCard{background:#fff; box-shadow:0 4px 0 rgba(150,150,150,.2); overflow:hidden;}
.mEventCard .img{width:165px; height: 165px; float:left; background:#f1f1f1; margin-right:15px; position:relative; z-index: 2;}
.mEventCard .img img{display:block; width:100%; height:100%;}
.mEventCard > .info{min-height:165px; padding-top:15px; padding-bottom:35px; /*background: lightblue;*//* letter-spacing:1px; position:relative;}
.mEventCard > .info .time{font-size: 12px; color:#818284; line-height: 20px; margin-bottom: 5px;}
.mEventCard > .info .name{color:#404040; font-size: 20px;}
.mEventCard > .info .name:hover{text-decoration: underline;}
.mEventCard > .info .members{margin:7px 0; overflow:hidden;}
.mEventCard > .info .members .items{float: left; border-radius:100%; overflow:hidden; margin: 0 5px 5px 0;}
.mEventCard > .info .members img{display:block; width:20px; height: 20px;}
.mEventCard > .info .location{position:absolute; bottom: 10px; left: 180px; font-size: 12px; color:#818284;}
.mEventCard > .info .location i{display:inline-block; margin-right: 3px; width:15px; height:17px; background:url('../images/event_page_location.png') no-repeat left top; background-size:15px;}
.mEventCard .mAction_bar{margin-top:10px;}
.mEventCard .mPost_comments{padding: 0 15px 12px;}
.mEventCard .mPost_comments .post{padding-bottom: 0;}
*/
.activity-box { overflow: hidden; width: 100%; height: 280px; position: relative; border-radius: 2px; }
.activity-box span.avatar { width: 100%; height: 100%; background: #eee; }
.activity-box span.avatar img { width: 100%; height: 100%; display: block }
.activity-box .activity-msg { position: absolute; bottom: 0; background: url(../images/ac-bg.png) repeat-x 0 0;; width: 100%; height: 110px; color: #fff; padding: 0 10px; }
.activity-box .activity-msg .ac-time { }
.activity-box .activity-msg h2 { font-size: 20px; line-height: 26px; margin: 28px 0 8px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.activity-box .activity-msg h2 a { color: #fff }
.activity-box .activity-msg .ac-join { overflow: hidden; height: 50px; margin-bottom: 12px; }
.activity-box .activity-msg .ac-join a { float: left; display: block; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.activity-box .activity-msg .ac-join a img { width: 100%; height: 100%; }
.activity-box .activity-msg .ac-address { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* text-indent: 20px;background: url('../images/addr-icon.png') no-repeat -4px -46px;*/ line-height: 22px; width: 460px; cursor: default }
.activity-box .activity-msg p i { font-size: 17px; vertical-align: middle; color: #edae49; padding-right: 2px; }
.activity-box .activity-msg .acti-zan { position: absolute; right: 5px; bottom: 5px; }
.activity-box .activity-msg .acti-zan i { color: #fff; font-style: normal }
.activity-box .activity-msg .acti-zan a.done i { color: #edae49; }
.new-activity { width: 600px; height: 635px; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -300px; margin-top: -317px; z-index: 100; padding: 30px; display: none; }
.new-activity i { display: block; width: 30px; height: 30px; position: absolute; right: 5px; top: 5px; cursor: pointer; background: url(../images/close.png) no-repeat 5px 10px; }
.new-activity h2 { font-size: 20px; text-align: center }
.new-activity ul.new-acmsg { margin-top: 15px; }
.new-activity ul.new-acmsg li { line-height: 48px; }
.new-activity ul.new-acmsg li.ac-selected { position: relative }
.new-activity .new-acmsg .select-single li { line-height: 30px; }
.new-activity ul li .sign-msg { font-size: 16px; margin-right: 10px; }
.new-activity ul li .type-select { width: 460px; height: 30px; position: absolute; right: 6px; top: 10px; }
.new-activity ul li input { width: 460px; height: 30px; line-height: normal; border: 1px solid #ddd; padding: 5px 10px; }
.new-activity ul li input:focus, .new-activity ul li textarea:focus { border-color: #edae49 }
.new-activity ul li textarea { width: 100%; height: 140px; border: 1px solid #ddd; padding: 5px 10px; resize: none; }
.new-activity .new-send { margin-top: 30px; }
.new-activity .new-send .send-select { width: 70px; height: 30px; background: url(../images/send-select.png) no-repeat 0 0; margin-right: 10px; float: left; position: relative; cursor: pointer }
.new-activity .new-send .send-select input { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer }
.new-activity .new-send em { font-style: normal; line-height: 30px; color: #999; cursor: pointer; padding-left: 40px; cursor: pointer }
.new-activity .new-send .send-right { width: 120px; float: right; }
.new-activity .new-send .send-right a { height: 30px; text-align: center; color: #fff; line-height: 30px; }
.qz-new-activity { height: 530px; margin-top: -265px }
.qz-new-activity .qz-new-send { position: absolute; left: 110px; margin-top: -35px; }
.qz-new-activity .new-qz { width: 330px; margin: 45px 100px; }
.qz-new-activity .new-qz a { height: 30px; color: #fff; line-height: 30px; }
/* New 活动详情 */
#eventsWrap > .details .mPost_comments .post { padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
#eventsWrap > .details .mPost_comments .post > .action { width: 70px; }
#eventsWrap { background: #fff; box-shadow: 0 4px 0 rgba(150, 150, 150, .2); letter-spacing: 1px; }
#eventsWrap::after { content: ''; display: table; clear: both; overflow: hidden }
#eventsWrap > .attending, #eventsWrap > .details { width: 100%; position: relative }
#eventsWrap > .attending { }
#eventsWrap > .details { min-height: 650px; padding: 20px; font-size: 14px; }
#eventsWrap > .attending > .img { width: 100%; height: 390px; background: #f1f1f1; overflow: hidden; border-radius: 2px; }
#eventsWrap > .attending > .img img { display: block; width: 100%; height: 100%; }
#eventsWrap > .attending > .img:hover .activity-sc { display: block }
#eventsWrap > .attending > .img .activity-sc { width: 28px; height: 28px; border-radius: 100%; background: #f4655e; position: absolute; right: 5px; top: 5px; line-height: 28px; text-align: center; display: none; }
#eventsWrap > .attending > .img .activity-sc i { font-size: 20px; color: #fff; padding: 0 4px; }
#eventsWrap > .attending > .img .activity-sc .sns-attr a.done .icons { color: #edae49; }
#eventsWrap > .attending > .eventState { float: left; position: relative; width: 100%; }
#eventsWrap > .attending > .eventState .apply-now { position: absolute; right: 10px; z-index: 2; top: 20px; }
#eventsWrap > .attending > .eventState .apply-now a { width: 120px; height: 30px; line-height: 32px; padding: 0; border-radius: 2px; }
#eventsWrap > .attending > .eventState .con { width: 90px; height: 30px; background: #f4655e; color: #fff; font-size: 12px; line-height: 30px; position: absolute; text-indent: 15px; left: -6px; top: -390px; }
#eventsWrap > .attending > .eventState .con.gray { background: #999; }
#eventsWrap > .attending > .eventState .con i { display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d4804c; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -4px; }
#eventsWrap > .attending > .eventState .con i.gray { border-bottom: 5px solid #999; }
#eventsWrap > .attending > .eventState .con em.tran1 { display: block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #f4655e; position: absolute; right: -8px; top: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#eventsWrap > .attending > .eventState .con em.tran2 { display: block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #f4655e; position: absolute; right: -8px; top: 14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#eventsWrap > .attending > .eventState .con.gray em.tran1, #eventsWrap > .attending > .eventState .con.gray em.tran2 { border-right: 12px solid #999; }
#eventsWrap > .attending > .eventState .ac-signup { margin-top: 30px; height: 50px; line-height: 50px; cursor: pointer; font-size: 14px; border-radius: 0; }
#eventsWrap > .details > .date { overflow: hidden; line-height: 30px; margin-top: 10px; }
#eventsWrap > .details > .date > span { float: left; border: 2px solid #252729; height: 30px; padding: 0 5px; font-weight: bold; line-height: 25px; margin: 15px 0; }
#eventsWrap > .details > .date span em { font-style: normal; border-left: 2px solid #252729; padding-left: 6px; }
#eventsWrap > .details > .title { font-size: 30px; color: #404040;line-height: 34px;width: 510px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#eventsWrap > .details > .time, #eventsWrap > .details > .location { position: relative; line-height: 20px; padding-left: 30px;; }
#eventsWrap > .details > .location {margin-bottom: 20px;}
#eventsWrap > .details > .time > i, #eventsWrap > .details > .location > i { display: block; width: 20px; height: 20px; position: absolute; left: 0; }
#eventsWrap > .details > .time > i { font-size: 22px; padding: 0 2px; }
#eventsWrap > .details > .location > i { font-size: 26px; }
#eventsWrap > .details > .location .desc { font-size: 14px; color: #818284; margin-bottom: 5px }
#eventsWrap > .details > h4 { padding: 20px 0 10px; font-size: 16px; color: #333; }
#eventsWrap > .details .ac-comment { background: transparent; padding: 10px 0 20px; display: block }
#eventsWrap > .details .ac-comment:last-child { border-top: 1px solid #ddd; padding-top: 20px }
#eventsWrap > .details .ac-comment ul li:last-child { border: 0 }
#eventsWrap > .details .ac-comment .ac-white { left: 0 }
#eventsWrap > .details .ac-comment .com-publish { right: 0; width: 65px }
#eventsWrap > .details .ac-comment .com-input { margin-right: 75px }
#eventsWrap > .details > .description { font-size: 14px; padding-bottom: 20px; color: #505050; word-break: break-all; }
.mAttendees { overflow: hidden; padding: 10px; background: #fff; margin-top: 10px; border-radius: 2px; }
.mAttendees > h4 { margin-bottom: 10px; letter-spacing: 1px; font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.mAttendees > .items { display: block; float: left; margin: 0 15px 12px 0; width: 50px; height: 50px; border-radius: 100%; overflow: hidden; }
.mAttendees > .items img { display: block; width: 100%; height: 100%; }
.SG-titleDivider { margin: 15px 0; background-color: #252729; height: 3px; width: 60px; }
.mMapShow { background: #fff; box-shadow: 0 4px 0 rgba(150, 150, 150, .2); }
.mMapShow #allmap { height: 155px; overflow: hidden; background: #f1f1f1; }
.mMapShow .info { position: relative; padding: 10px 0 10px 10px; line-height: 22px; color: #999 }
.mMapShow .info i { font-size: 24px; vertical-align: middle; }
.mMapShow .info p { text-indent: 24px; }
.mShare { padding: 15px; background: #fff; box-shadow: 0 4px 0 rgba(150, 150, 150, .2); }
.mShare h4 { margin-bottom: 7px; font-size: 16px; }
.mShare .shareUrl { border-bottom: 2px solid #ddd; padding: 10px 0; }
.mShare .shareUrl input[type=text] { display: block; width: 100%; border: 0; background: none; font-size: 16px; color: #c4c3c3; }
.mShare .shareSite { overflow: hidden; padding-top: 10px; }
.mShare .shareSite a { width: 51px; height: 51px; margin-right: 15px; background: url('../images/share-icon.png') no-repeat -10px -9px; }
.mShare .shareSite a.bds_weixin { background-position: -10px -87px; }
.mShare .shareSite a.bds_sqq { background-position: -10px -162px; }
.mShare .shareSite a.bds_qzone { background-position: -10px -237px; }
/* 公司详情/个人详情共用模块 */
.company-detail { background: #fff; /* box-shadow: 0 4px 0 rgba(150, 150, 150, .2);*/ box-shadow: 0 3px 2px rgba(150, 150, 150, .2); font-size: 14px; }
.company-detail .bg { background: #edae49; height: 320px; width: 100%; }
.company-detail .company-msg { padding: 15px 0 30px 0; position: relative; min-height: 110px; }
.company-detail .company-msg.circle-item { padding-left: 20px; }
.company-detail .company-msg .company-img { overflow: hidden; border: 5px solid #fff; background: #f1f1f1; width: 160px; height: 160px; position: absolute; left: 20px; top: -85px; }
.company-detail .company-msg .company-img img { width: 100%; height: 100%; }
.company-detail .company-msg .com-middle { display: table }
.company-detail .company-msg .com-middle p { padding-left: 200px; color: #505050; }
.company-detail .company-msg .com-middle .name { font-size: 18px; color: #404040; }
.company-detail .company-msg .com-middle .info { margin: 3px 0; width: 645px;}
.company-detail .company-msg .com-middle .info a { color: #818284; }
.company-detail .company-msg .com-middle .info a:hover { color: #edae49; }
.company-detail .company-msg .com-middle .follows { margin-top: 15px; }
.company-detail .company-msg .com-middle p em { color: #edae49; font-style: normal; padding-left: 3px; }
.company-detail .company-msg .com-right { position: absolute; top: 15px; right: 25px; }
.company-detail .company-msg .com-right .com-btn { height: 35px; line-height: 33px; width: 150px; display: inline-block; vertical-align: bottom; background: #2a6bb2; border: 1px solid #2a6bb2 }
.company-detail .company-msg .com-right .com-btn:hover { background: #214796 }
.company-detail .company-msg .com-right .com-sc a { width: 150px; height: 35px; background: #edae49; display: inline-block; text-align: center; line-height: 35px; border-radius: 2px; color: #fff; margin-right: 15px; }
.company-detail .company-msg .com-right .com-sc a.done { background: #666b75 }
.company-detail .company-msg .com-right .com-sc a.done .icons { color: #fff }
.company-detail .company-msg .com-right i { font-size: 18px; vertical-align: middle; padding: 0 3px; }
.company-detail .company-msg .com-right .com-sc a i { font-size: 20px; vertical-align: sub; padding: 0 }
.company-detail .company-msg .com-right .following { padding: 7px 0; border-radius: 2px; color: #fff; display: table; cursor: pointer; float: left; width: 150px; background: #edae49; text-align: center }
.company-detail .company-msg .com-right .following:hover { border-color: #252729; background: #252729; color: #fff; }
.company-detail .company-msg .com-right .more-box { position: relative; float: left }
.company-detail .company-msg .com-right .more { width: 82px; text-align: right; margin-left: 10px; clear: both; background: url(../images/more-drop.png) no-repeat 61px 2px; border: 1px solid #fff; float: right; padding: 7px 20px; margin-top: 5px; cursor: pointer }
.company-detail .company-msg .com-right .more.on, .company-detail .company-msg .com-right .more:hover { color: #edae49; background-position: 61px -31px; border: 1px solid #ddd }
/*
.company-detail .company-msg .com-right .more-down{border: 1px solid #ddd; background: #fff; position: absolute; right: 0; top: 39px; display: none; padding: 5px 0}
.company-detail .company-msg .com-right .more-down li{line-height: 24px; padding: 2px 15px; background: url(../images/icon-2.png) no-repeat 8px -6px; text-indent: 20px; cursor: pointer;}
.company-detail .company-msg .com-right .more-down li:hover{background-color: #edae49; color: #fff}
*/
.company-detail .green-bg { background: url(../images/ck-bg.jpg) no-repeat 0 0 #8FCCBC }
.company-detail .company-msg .company-img.img-circle { border-radius: 50%; width: 190px; height: 190px; }
.company-detail .company-msg .com-middle p span { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ddd; }
.company-detail .company-msg .com-middle p span:last-child { border: none; }
.company-detail .company-msg .com-middle p .ck-share i { color: #edae49; font-size: 20px; vertical-align: middle }
.company-detail .company-msg .com-right .following.watch { margin-right: 10px; }
.company-detail .company-msg .com-right .following.watch i { margin: 0; font-size: 14px; }
.company-detail .company-msg .com-right .following.watch i.icon-duihao { font-size: 24px; vertical-align: middle; padding: 0 }
.company-detail .company-msg .com-right .following.watch.active { background-color: #666b75 }
.company-detail .company-msg .com-right .following.watch:hover { background-color: #ffbc4f }
.company-detail .company-msg .com-right .following.watch.active:hover { background-color: #666b75 }
.company-detail .company-msg .com-right .following.message { background-color: #2a6bb2 }
.company-detail .company-msg .com-right .following.message:hover { background: #214796 }
.mAbout { background: #fff; }
.mAbout > h5 { font-size: 16px; background: #f4f4f6; line-height: 40px; padding-left: 20px }
.mAbout > .items { padding: 20px 0; border-bottom: 1px solid #ddd; margin: 0 20px; }
.mAbout > .items:last-child { border: none; }
.mAbout > .items > h4 { font-size: 16px; }
.mAbout > .items > h4.company { font-size: 18px; }
.mAbout > .items > .tags { overflow: hidden; min-height: 70px; margin-top: 5px; }
.mAbout > .items > .tags > a { float: left; margin: 10px 10px 0 0; font-size: 14px; padding: 3px 20px; border-radius: 15px; overflow: hidden; border: 1px solid #ddd; }
.mAbout > .items > .tags > a:hover { background: #edae49; border-color: #edae49; color: #fff; }
.mAbout > .items > .tags > i { float: left; margin: 10px 10px 0 0; font-size: 12px; padding: 3px; color: #fff; background: #7ab9de; font-style: normal; border-radius: 3px; cursor: default; }
.mAbout > .items > .txted, .mAbout > .items > .onCompany { margin-top: 10px; }
.mAbout > .items > .txted { font-size: 14px; line-height: 25px; /*min-height: 70px; */ }
.mAbout > .items > .txted > ul > li { color: #999; }
.mAbout > .items > .txted > ul > li > i { font-style: normal; min-width: 30px; display: inline-block }
.mAbout > .items > .txted > ul > li > span { margin-left: 12px; color: #505050; min-width: 20px; word-break: break-all; }
.mAbout > .items > .txted > ul > li a { text-decoration: underline; }
.mAbout > .items > .onCompany { overflow: hidden; }
.mAbout > .items > .onCompany .logo { width: 80px; height: 80px; overflow: hidden; float: left; background: #f1f1f1; margin-right: 10px; }
.mAbout > .items > .onCompany .logo img { display: block; width: 100%; height: 100%; }
.mAbout > .items > .onCompany .blank-box { margin: 0 120px 0 90px; height: 34px; border-bottom: 2px solid #505050 }
.mAbout > .items > .onCompany .name { font-size: 15px; margin: 5px 0; }
.mAbout > .items > .onCompany .other { color: #818284; font-size: 12px; line-height: 16px; padding: 0 }
.mAbout > .items > .txted > p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ck-item { border: none }
.map_top { background: #f7f7f7; line-height: 40px; color: #333; font-size: 18px; font-family: "幼圆", "Microsoft YaHei"; text-align: center; border: 1px solid #ddd; border-bottom: none; }
.company-map { width: 100%; height: 250px; border: 1px solid #ddd; margin-bottom: 10px; }
/* 个人详情 */
.communityUserBody { margin-bottom: 40px; }
.communityUserBody > .col_300 { width: 300px; float: left; }
.communityUserBody > .col_690 { width: 690px; float: left }
.mDynamic { background: #fff; box-shadow: 0 4px 0 rgba(150, 150, 150, .2); position: relative; z-index: 1; }
.mDynamic > .mDynamicAction { height: 14px; overflow: hidden; position: absolute; z-index: 2; right: 15px; top: 15px; cursor: pointer; }
.mDynamic > .mDynamicAction > i { display: block; background: #fff; float: right; border: 1px solid #fff; width: 20px; height: 15px; position: relative; z-index: 2; }
.mDynamic > .mDynamicAction > i em { display: block; width: 8px; height: 8px; margin: 0 0 0 5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: all .1s; }
.mDynamic > .mDynamicAction > .options { width: 90px; text-align: center; border: 1px solid #ddd; background: #fff; position: relative; z-index: 1; margin-top: 14px; }
.mDynamic > .mDynamicAction > .options > a { display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #f1f1f1; }
.mDynamic > .mDynamicAction > .options > a:last-child { border-bottom: 0; }
.mDynamic > .mDynamicAction.show { height: auto; }
.mDynamic > .mDynamicAction.show > i { border-color: #ddd; border-bottom-color: #fff; }
.mDynamic > .mDynamicAction.show > i em { margin: 5px 0 0 5px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); }
.mDynamic > .userInfo { border-bottom: 1px solid #ddd; padding: 10px 20px; position: relative; }
.mDynamic > .userInfo:after { content: ''; display: block; width: 100%; height: 0; clear: both; }
.mDynamic > .userInfo .avatar { float: left; width: 60px; height: 60px; overflow: hidden; border-radius: 100%; background: #f1f1f1; }
.mDynamic > .userInfo .avatar img { display: block; width: 100%; height: 100%; }
.mDynamic > .userInfo .txt { padding-left: 75px; }
.mDynamic > .userInfo .txt a:hover { text-decoration: underline; }
.mDynamic > .userInfo .txt .name { margin: 5px 0; }
.mDynamic > .userInfo .txt .other, .mDynamic > .userInfo .txt .other a { color: #818284; }
.mDynamic > .userInfo > i { position: absolute; left: 43px; bottom: -8px; display: block; width: 15px; height: 15px; background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; transform: rotate(45deg); }
.mDynamic > .desc { padding: 15px 50px; font-size: 15px; }
.mDynamic > .mPost_comments { padding: 0 15px; }
/**粉丝/关注**/
.mUserList_tt { font-size: 18px; color: #edae49; height: 35px; line-height: 34px; border-bottom: 1px solid #fff; }
.mUserList {}
.mUserList > .items { float: left; text-align: center; margin-right: 20px; margin-bottom: 25px; width: 184px; background: #fff; border-radius: 2px; overflow: hidden; position: relative; }
.mUserList > .items:nth-child(5n) { margin-right: 0; }
.mUserList > .items.my-items { margin-right: 20px; margin-bottom: 0; margin-top: 20px; border: 1px solid #eaebec; background: #fcfcfc }
.mUserList > .items.my-items:nth-child(4n) { margin-right: 0; }
.mUserList .action { position: absolute; left: 0; top: -30px; height: 30px; line-height: 30px; padding: 0 10px; width: 100%; overflow: hidden; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.5); transition: top .2s; }
.mUserList .action .sendByIM { cursor: pointer; font-style: normal; float: left; font-size: 30px; }
.mUserList .action a .sendByIM { color: #fff;}
.mUserList .action .following { float: right; cursor: pointer; }
.mUserList .action .following.active { color: #edae49; }
.mUserList .action .following .icons { vertical-align: middle; position: relative; top: -2px; }
.mUserList > .items:hover .action { top: 0; }
.mUserList .avatar { width: 184px; height: 184px; overflow: hidden; }
.mUserList .avatar img { display: block; width: 100%; height: 100%; }
.mUserList .info { padding: 5px 10px; }
.mUserList .info .name { font-weight: bold; font-size: 14px; padding-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mUserList .info .name a { color: #333; }
.mUserList .info .tt { border-top: 1px solid #ededed; font-size: 12px; color: #999; line-height: 16px; height: 40px; padding: 5px 0; overflow: hidden; }
.mUserList.myList { /*width: 796px;margin-left: -18px;*/ width: 758px; }
.mUserList.myList > .items { width: 174px; }
.mUserList.myList .avatar { width: 174px; height: 174px; }
/* New 创客列表页*/
.ck-main-box { overflow: hidden; min-height: 180px; }
.ck-main-box li { width: 405px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddd }
.ck-main-box.c-com li:nth-child(2n) { margin-right: 0 }
.ck-main-box.c-ck li:nth-child(2n-1) { margin-right: 0 }
.ck-load { line-height: 30px; text-align: center; width: 820px; margin-bottom: 10px; border-radius: 2px; background: #f7f7f7; color: #818284; font-size: 12px; float: right }
.ck-load.main-color { color: #edae49 }
.ck-list { overflow: hidden; /* display: table;*/ background: #fff; border: 5px solid rgba(150, 150, 150, .1); }
.ck-list .ck-pic { float: left; width: 180px; height: 180px; display: block; background: #fbfbfb; }
.ck-list .ck-pic img { width: 100%; height: 100%; }
.ck-list .ck-msg { padding: 12px 12px 10px 192px; font-size: 14px; color: #818284 }
.ck-list .ck-msg .ck-user-info { min-height: 50px; }
.ck-list .ck-msg .ck-user-fans { min-height: 40px; border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px; }
.ck-list .ck-msg p { line-height: 24px; min-height: 24px; }
.ck-list .ck-msg .ck-user-info .ck-name { font-size: 16px; font-weight: bold; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ck-list .ck-msg .ck-user-info .ck-intro { width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ck-list .ck-msg .ck-user-info .job { width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ck-list .ck-msg .ck-user-fans .ck-favor { margin-bottom: 10px; }
.ck-list .ck-msg .ck-user-fans .ck-favor em { font-style: normal; margin-right: 10px; height: 44px; display: block;overflow: hidden }
.ck-list .ck-msg .ck-user-fans .attend-btn { padding: 5px 10px; font-weight: normal; border-radius: 2px; font-size: 12px; color: #edae49; border: 1px solid #edae49; display: table; cursor: pointer }
.ck-list .ck-msg .ck-user-fans .attend-btn:hover { background: #edae49; color: #fff; }
.ck-list .ck-msg .ck-user-fans .attend-btn .icons { font-size: 12px; }
.ck-list .ck-msg .ck-user-fans a.attend-btn.active { border: 1px solid #666b75; color: #666b75; background: #fff; }
.ck-list .ck-msg .ck-user-fans a.attend-btn.active:hover { background: #666b75; color: #fff; }
.ck-list .ck-msg .ck-user-fans a.attend-btn.active .icons { font-size: 18px;vertical-align: middle }
.ck-list .ck-msg .ck-user-fans .follow { padding: 6px 35px; margin-top: 12px; color: #edae49; border: 1px solid #edae49; display: table; cursor: pointer }
.ck-list .ck-msg .ck-user-fans .follow:hover { background: #edae49; color: #fff; }
.ck-list-item { width: 100%; border: 0; }
/* New 公司列表页*/
.com_box { width: 405px; height: 100%; clear: both; background-color: #FFFFFF; }
.com_box .show_pic { width: 100%; height: 140px; overflow: hidden; background: #8FCCBC url(../images/fj.png) no-repeat; }
.com_box .show_pic img { width: 100%; height: 80px; }
.com_box .cont { position: relative; width: 100%; padding-top: 65px; padding-bottom: 20px; text-align: center; }
.com_box .cont .mark_pic { width: 110px; height: 110px; background: #fff; position: absolute; overflow: hidden; top: -55px; left: 50%; margin-left: -55px; }
.com_box .cont .mark_pic img { width: 100%; height: 100%; }
.com_box .cont h3 { font-size: 16px; }
.com_box .cont .address_info { display: inline-block; margin: 0 auto; margin-top: 10px; height: 20px; line-height: 20px; font-size: 12px; color: #999; padding: 0 15px;overflow: hidden}
.com_box .cont .address_info i { font-size: 20px; vertical-align: middle }
.com_box .cont .address_msg { margin: 0 auto; margin-top: 10px; width: 90%; line-height: 20px; font-size: 14px; text-align: left; color: #404040; height: 42px; overflow: hidden; }
.com_box .cont .hr_90 { margin: 0 auto; width: 90%; height: 20px; border-bottom: 1px solid #ccc; }
.com_box .cont .lable_box { margin: 0 auto; margin-top: 20px; width: 90%; text-align: left; height: 30px; overflow: hidden; }
.com_box .cont .lable_box span { display: block; float: left; padding: 0 8px; margin-right: 5px; background-color: #edae49; color: #FFFFFF; border-radius: 5px; margin-bottom: 10px; }
.com_box .cont .btn_attention { cursor: pointer; margin: 0 auto; margin-top: 10px; display: block; width: 150px; height: 40px; background: none; border: 1px solid #edae49; text-align: center; line-height: 40px; color: #edae49; font-size: 16px; }
.com_box .cont .btn_attention:hover { background: #ffbc4f; color: #fff; }
/* New 群组列表页*/
.group_list { width: 510px; height: 200px; clear: both; background-color: #FFFFFF; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; }
.group_list dt { width: 200px; height: 198px; overflow: hidden; float: left; }
.group_list dt img { width: 100%; height: 100%; }
.group_list dd { margin-left: 210px; padding-right: 10px; padding-bottom: 20px; }
.group_list dd .score { height: 35px; position: relative; }
.group_list dd .score .lit_icon { position: absolute; bottom: 0; right: 0; display: block; text-align: right; /* width: 50px;*/ padding-left: 20px; height: 20px; font-size: 14px; line-height: 22px; color: #FF6600; /*background: url(../images/preson.png) left center no-repeat;*/ }
.group_list dd .score .lit_icon i { font-size: 24px; color: #999; vertical-align: middle }
.group_list dd .hr_10 { width: 20px; height: 30px; border-bottom: 3px solid #333; }
.group_list dd .group_list_head { font-size: 20px; color: #333333; padding-bottom: 15px; margin-top: 10px; }
.group_list dd p { line-height: 20px; font-size: 13px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.group_box { width: 100%; height: 100%; clear: both; background-color: #FFFFFF; border-radius: 2px; overflow: hidden; }
.group_box a { font-size: 14px; font-weight: normal }
.group_head { text-align: center; height: 40px; width: 100%; line-height: 40px; background-color: #fcfcfc; border-bottom: 1px solid #f7f7f7 }
.group_head h3 { color: #333; font-weight: normal; font-size: 18px; font-family: "幼圆", "Microsoft YaHei"; }
.group_box .group_head .menber_num { font-size: 18px; color: #333 }
.group_box .group_cont { padding: 11px; }
.group_box .group_cont p { font-size: 12px; color: #666; line-height: 160%; cursor: default }
.group_box .group_menber { padding: 30px; min-height: 200px; }
.group_box .group_menber dl { float: left; width: 100px; height: 130px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; }
.group_box .group_menber dl:nth-child(8n) { margin-right: 0 }
.group_box .group_menber dl dt { width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 2px; overflow: hidden }
.group_box .group_menber dl dt a { display: block; overflow: hidden; width: 98px; height: 98px; border-radius: 2px; }
.group_box .group_menber dl dt a img { width: 100%; height: 100%; }
.group_box .group_menber dl dd { text-align: center; line-height: 30px; }
.group_box .group_menber dl dd a { color: #666; font-size: 12px;}
.group_box .group_cont p a { color: #D9534F; }
.group_box .group_cont p a:hover { text-decoration: underline; }
.group_intro { width: 100%; min-height: 190px; background-color: #f7f7f7; border-radius: 2px; }
.group_intro dl dt { float: left; width: 190px; height: 190px; background: #fff; border-radius: 2px; overflow: hidden }
.group_intro dl dt img { width: 100%; height: 100%; }
.group_intro dl dd { margin-left: 190px; padding: 30px 20px; }
.group_intro dl dd p { line-height: 20px; font-size: 14px; color: #808080; }
.group_intro dl dd .group_intro_up { position: relative; height: 45px; margin-bottom: 10px; }
.group_intro dl dd .group_intro_up .group_detail_head { display: inline-block; font-size: 24px; line-height: 30px; color: #333; }
.group_intro dl dd .group_intro_up .mBjoin_group { float: right; width: 85px; }
.group_intro dl dd .group_intro_up .mBjoin_group input { font-size: 14px; height: 28px; line-height: 26px; }
.group_intro dl dd .group_intro_up .hr20 { position: absolute; left: 0; bottom: 0; display: block; width: 60px; height: 4px; border-bottom: 4px solid #333333; }
.group_intro dl dd .group_intro_up .group-share { float: right; }
.group_intro dl dd .group_intro_up .group-share .sns_favorite { width: 85px; height: 28px; font-size: 13px; background-color: #2a6bb2; display: inline-block; text-align: center; line-height: 30px; color: #fff; margin-left: 10px; border-radius: 2px; }
.group_intro dl dd .group_intro_up .group-share .sns_favorite:hover { background: #214796 }
.group_intro dl dd .group_intro_up .group-share .sns_favorite i { font-size: 20px; vertical-align: sub }
/* New 共创圈*/
ul.mLeaderboard { background: #fff; padding: 0 10px; box-shadow: 0 4px 0 rgba(150, 150, 150, .2); }
ul.mLeaderboard > li { overflow: hidden; line-height: 50px; padding: 10px 0; border-bottom: 1px dotted #f1f1f1; }
ul.mLeaderboard > li:last-child { border-bottom: 0; }
ul.mLeaderboard > li > .avatar { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; float: left; background: #f1f1f1; }
ul.mLeaderboard > li > .avatar img { display: block; width: 100%; height: 100%; }
ul.mLeaderboard > li > .name { float: left; width: 105px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
ul.mLeaderboard > li > .count { width: 60px; float: left; text-align: center; }
/*服务列表模块*/
.server-list { overflow: hidden; border: 5px solid rgba(150, 150, 150, .1); display: table; background: #fff; }
.server-list .server-pic { height: 130px; }
.server-list .server-pic img { width: 100%; height: 100%; }
.server-list p { padding: 15px 10px; font-size: 12px; }
.server-list p strong { font-size: 18px; }
.server-list p em { float: right; font-style: normal; padding: 5px 0 3px }
/*需求列表*/
/*.hot-top{border: 1px solid #E1E1E1;background-color: #FFFFFF;}*/
/*.hot-top h3{margin-top: 18px;text-align: center;color: #252729;font-size: 16px; letter-spacing: 0;}*/
/*.hot-top .ul-top{margin-top: 20px;}*/
/*.hot-top .ul-top li{line-height: 14px;margin-bottom: 18px;padding: 0 20px;}*/
.publish { text-align: center; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #FFFFFF; background-color: #edae49; border-radius: 0; }
.publish:hover { color: #FFFFFF; }
.publish_box dt { padding-top: 5px; margin-bottom: 15px; line-height: 20px; font-size: 16px; color: #808080; font-weight: 600; border-top: 3px solid #808080; display: table; }
.publish_box dd { margin-bottom: 10px; width: 100%; padding: 10px; background-color: #f4f4f6; }
.publish_box dd p { font-size: 14px; color: #808080; }
.publish_box dd p .weight { font-weight: 600; }
.publish_box dd p .publish_date { color: #999999; }
.publish_box dd p.publish_info { margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.publish_box dd p.publish_info a { color: #808080 }
/*创建公开群*/
.create_box { width: 100%; }
.create_box .create_item { overflow: hidden; background-color: #fff; width: 100%; height: 120px; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 2px; }
.create_box .create_item dt { float: left; width: 120px; height: 120px; overflow: hidden; }
.create_box .create_item dt img { width: 100%; height: 100%; }
.create_box .create_item dd { padding: 15px 10px 15px 0; margin-left: 130px; overflow: hidden; }
.create_box .create_item dd .group_name { color: #404040; font-size: 16px; }
.create_box .create_item dd .user_num { display: inline-block; float: right; height: 24px; font-size: 14px; margin-bottom: 8px; color: #edae49; }
.create_box .create_item dd .user_num i { font-size: 20px; color: #999; vertical-align: middle }
.create_box .create_item dd p { line-height: 20px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; }
/*服务页*/
.aside-service { margin-top: 40px; border-radius: 2px; }
.aside-service .service-title { text-align: center; font-size: 16px; height: 40px; line-height: 40px; border-bottom: 1px solid #E6E6E6; background: #f7f7f7; color: #333; }
.aside-service .service-list { background: #f7f7f7; }
.aside-service .service-list .serve { position: relative; transition: .2s; }
.aside-service .service-list .serve a { display: block; border-bottom: 1px solid #eee; line-height: 36px; padding: 0 8px; }
.aside-service .service-list .serve .icons { color: #999; font-size: 12px; }
.aside-service .service-list .serve:hover { background: #fff; transition: .5s; }
.aside-service .service-list .serve:hover > a { color: #edae49; }
.aside-service .service-list .serve:hover .sec { display: block; transition: .5s; }
.aside-service .service-list .serve .sec { transition: .5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); left: 172px; display: none; position: absolute; width: 180px; z-index: 999; }
.some-server { width: 260px; height: 160px; background: #fcfcfc; border: 1px solid #eaebec; margin-right: 20px; margin-bottom: 20px; float: left; position: relative; border-radius: 2px; overflow: hidden }
.some-server:nth-child(3n) { margin-right: 0 }
.some-server:hover { border: 1px solid #edae49; }
.some-server .pic { width: 100%; height: 100%; overflow: hidden }
.some-server .pic img { width: 100%; height: 100%; }
.some-server p a { font-size: 18px; color: #fff }
.some-server p { padding: 0 10px; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.7); line-height: 28px; color: #fff; width: 100%; border-radius: 0 0 2px 2px; }
.some-server p span { float: right }
.some-server p em { font-style: normal; color: #ff0000 }
.fans-section { background: #fff; overflow: hidden }
.fans-section .fan-title { height: 40px; line-height: 40px; background: #f7f7f7; border-bottom: 1px solid #ddd }
.fans-section .fan-title h3 { padding: 0 10px; font-weight: normal; font-size: 16px; color: #333 }
.fans-section .fan-list { padding: 30px 20px; overflow: hidden }
.fans-section .fan-list .fans { float: left; width: 100px; overflow: hidden; border-radius: 2px; height: 130px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddd }
.fans-section .fan-list .fans:nth-child(6n) { margin-right: 0 }
.fans-section .fan-list .fans dt { width: 100%; height: 100px; }
.fans-section .fan-list .fans dt img { width: 100%; height: 100%; }
.fans-section .fan-list .fans dd { height: 30px; line-height: 30px; text-align: center }
.group-section { background: #fff; overflow: hidden; }
.group-section > h2 { font-size: 16px; font-weight: normal; background: #f7f7f7; height: 40px; line-height: 40px; padding: 0 10px; }
.group-section .my-group { padding: 30px 20px; overflow: hidden }
.group-section .my-group .fans { float: left; width: 100px; overflow: hidden; border-radius: 2px; height: 130px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddd }
.group-section .my-group .fans:nth-child(6n) { margin-right: 0 }
.group-section .my-group .fans dt { width: 100%; height: 100px; }
.group-section .my-group .fans dt img { width: 100%; height: 100%; }
.group-section .my-group .fans dd { height: 30px; line-height: 30px; text-align: center }

/*沙龙活动*/
.salon-list{}
.salon-list .salon-item{width: 100%;height: 460px;overflow: hidden;position: relative;border-radius: 3px;}
.salon-list .salon-item img{width: 100%;height: 100%;display: block}
.salon-list .salon-item .gray-bar{background: url(../images/ac-bg.png) repeat-x 0 0;width: 100%;height: 110px;position: absolute;bottom: 0;color: #fff;padding: 35px 30px 30px;}
.salon-list .salon-item .gray-bar h2 a{font-size: 24px;color: #fff;}
.salon-list .salon-item .gray-bar .link-func em{font-style: normal;margin-right: 30px;}
.salon-list .salon-item .gray-bar .link-func{margin-bottom: 12px;font-size: 14px;}
.salon-list .salon-item .gray-bar .link-func em .icons{color: #f0ab18;font-size: 18px;}
.office-detial .salon-intro{padding: 30px 0;margin: 0 40px;border-bottom: 1px dashed #ddd;}
.office-detial .salon-intro:last-child{border-bottom: none;}
.office-detial .salon-intro h2{font-size: 20px;margin: 15px 0 25px;border-left: 4px solid #edae49;padding-left: 6px; }
.office-detial .salon-intro span{display: inline-block;margin-right: 50px;font-size: 20px;margin-top: 20px;}
.office-detial .salon-intro span:last-child{font-weight: bold}
.office-detial .salon-intro span .icons{font-size: 26px;font-weight: normal;padding-right:5px}
.office-detial .salon-intro p{font-size: 14px;line-height: 28px;}
.salon-title{width: 100%; height: 40px; border: 1px solid #ddd;padding: 0 10px;text-align: left;line-height: 40px;font-size: 16px;color: #404040;}
.salon-title p{display: inline-block;float: right;font-size: 12px;color: #818284}
.salon-title small{font-size: 12px;color: #818284}
.salon-detail{border: 1px solid #ddd;margin-top: 15px;background: #fff}
.salon-detail > h2{line-height: 40px;font-size: 16px;color: #404040;background: #f7f7f7;border-bottom: 1px solid #ddd;padding: 0 10px;}
.salon-detail > h2 small{font-size: 12px;color: #818284}