.aui_state_noTitle { width:508px !important; } 
.inter {border-radius:4px; min-height:180px; padding:30px 0; background:#fff; position:relative; } 
.inter-logo { width: 180px; height: 180px; position: absolute; overflow: hidden; left:30px; top:30px; } 
.inter-logo>img { display: block; width: 100%; height: 100% } 
.inter-detail { padding-left:240px; padding-right: 30px; } 
.inter-detail>h2 { font-size:20px; color:#323232; margin-bottom: 25px; font-weight: normal; } 
.inter-detail>p { font-size: 14px; line-height: 24px; margin-top:5px; color: #888; } 
.inter-detail .btn { margin-top: 32px; } 

.inter-detail .btn span { cursor:pointer; float:left; width:150px; text-align:center; height:40px; line-height:38px; border:1px solid #dbdbdb; margin-right:20px; border-radius:4px; font-size:16px; color: #888; box-sizing: border-box; } 
.inter-detail .btn .btn-add { background: url(../common/common_btn_gradual_n.png) no-repeat center; background-size: auto 100%; background: -webkit-linear-gradient(left,#ff663d,#ff3d66); background: -o-linear-gradient(right,#ff663d,#ff3d66); background: -moz-linear-gradient(right,#ff663d,#ff3d66); background: linear-gradient(to right,#ff663d,#ff3d66); color:#fff; border:0; line-height:40px; } 
.inter-detail .btn .iconfont { margin-right:10px; } 

.content-l { float:left; width:75%; } 
.content-l .imagebox { padding: 0 25px 25px; } 
.upshow li { width:60px; height:60px; float:left; } 
.upshow li img { width:50px; height:50px; margin-top:10px; } 
.imagebox .tips { display: block; margin-top: 10px; } 
.topic-title { height:44px; line-height:44px; overflow:hidden; padding:0 20px; font-size:14px; border-bottom:1px solid #ebebeb; } 
.topic-content { padding:20px 20px 0 20px; font-size:14px; line-height:24px; } 
.group-banner,
.group-tap { border-radius:4px; } 
.content-r { width: 25%; float: right; padding-left: 20px; box-sizing: border-box; } 

.r-search { height: 36px; line-height:36px; width: 100%; position: relative; } 
.r-search .search-text { background-color: #FFF; background-image: none; border: 1px solid #e9e9e9; border-radius: 5px; color: inherit; display: block; width: 100%; height: 36px; font-size: 14px; padding-left:15px; box-sizing: border-box; } 
.r-search .search-btn { border:0; position: absolute; right:0; top:0; width:36px; height: 36px; background:none; text-align: center; color:#6b6b6b; cursor: pointer; } 
.r-search .search-btn:hover { color:#3ab57f; } 
.r-box { min-height: 178px; padding: 10px; background-color: #fff; margin-top: 12px; position:relative;border-radius:4px; } 
.r-box>h4,.group-banner>h4,.common-h4 { padding-left: 15px; color: #4b4b4b; height:44px; line-height:44px; font-size:16px; border-bottom: 1px solid #efefef; font-weight: normal } 
.r-box>h4>span { float:right; font-size:12px; padding-right:5px; } 
.r-box>p { color:#dadada; font-size: 14px; padding:10px 5px } 
.r-box-student { padding: 10px 0; } 
.r-box-student li { width:25%; float:left; text-align: center; padding:10px 0; line-height:32px; } 
.r-box-student li a { display:block; margin:0 10px; } 
.r-box-student li img { width: 50px; height: 50px; display:block; margin:0 auto; border-radius: 50%; overflow: hidden } 
.r-box-student li p { height:22px; line-height:22px; overflow: hidden; display: block; margin-top:5px; } 

.replay { padding:20px 30px 0px 30px; } 
.replay .title { font-size:14px; line-height:34px; } 
.replay textarea { width:100%; border:1px solid #d2d2d2; -webkit-transition:.3s; transition:.3s; font-size:14px; line-height:24px; padding:10px 15px; height:80px; } 
.replay textarea:focus { border:1px solid #3C81F9
; } 
.replay .poster { height:34px; line-height:34px; margin-top:15px; } 
.replay .poster .a1 { color:#b2b2b2; } 
.replay .poster .a1:hover { color:#02c28b; } 
.replay .poster .iconfont { float:left; margin-right:5px; } 
.replay .poster .p-l { float:left; color:#9b9b9b; font-size:14px; margin-right:10px; } 
.replay .poster .replyButton { float:right; height:34px; line-height:34px; background: -webkit-linear-gradient(left,#ff663d,#ff3d66); background: -o-linear-gradient(right,#ff663d,#ff3d66); background: -moz-linear-gradient(right,#ff663d,#ff3d66); background: linear-gradient(to right,#ff663d,#ff3d66); padding:0 25px; font-size:14px; color:#fff; border-radius:4px; border:0px; margin-left: 15px; } 
.replay-textarea { padding-right:32px; } 
.nice-img .groupimg { padding:20px 20px 0 20px; } 
.nice-img .groupimg img { max-width:70%; } 
.quit { position: relative; padding: 0 10px; } 
.quit .quit-l { display: block; width: 42px; height: 42px; overflow: hidden; border-radius:100%; position: absolute; left: 10px; top:10px; } 
.quit .quit-r { margin-top: 13px; padding-left: 50px; background: url(zz.jpg) no-repeat left center; background-size: 40px 40px; height: 40px; line-height: 40px; } 
.quit .quit-r>p { line-height:40px; font-size: 14px; text-align:left } 
.r-box>span>img { position:absolute; display:block; width:17px; height:17px; top:10px; right:10px } 
.tabs>ul { height: 44px; padding-left: 15px } 
.tabs>ul>li { float: left; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #4b4b4b; margin-right: 30px; cursor:pointer; } 
.tabs>ul>.on { border-bottom: 2px solid #3C81F9 } 
.tabs>ul>.on a { color:#323232; } 

.icon-bx { width:200px; margin:0 auto; padding:30px 0; } 
.icon-bx>a { width: 58px; height: 58px; border: 1px solid #e3e3e3; border-radius: 50%; float:left; text-align: center; line-height: 58px; margin: 0 20px; position: relative; color: #9b9b9b; } 
.icon-bx>a>span { position: absolute; width: 100%; text-align: center; bottom:-24px; left: 0; line-height: 20px; } 
#zan i { font-size: 24px; } 
.icon-bx .zaned { color: #3C81F9; } 

.item-box { position: relative; padding:15px 0 15px 55px; border-top: 1px solid #f3f3f3 } 

.item-l { position: absolute; left: 20px; top:15px } 
.item-l img { width: 40px; height: 40px; border-radius: 100%; overflow: hidden } 
.item-r { padding-left: 20px; padding-right: 20px } 
.item-r h4 { padding-top: 20px; font-size: 16px; font-weight: normal } 
.item-r h4:hover { color:#ff3c00 } 
.item-r .item-txt { font-size: 14px; line-height: 34px; color: #808080; } 
.item-r .item-txt .emotico { height:20px; } 
.item-r .item-xx { line-height:22px; color:#b3b3b3; } 
.item-r .item-xx a { color:#b3b3b3; } 
.item-r .item-xx .c-b3 { padding-right:20px; } 
.item-r .item-xx em { padding-left:15px; } 
.item-r .item-xx em i { font-size:14px; } 
.item-r .item-xx .zan-hover { color:#3C81F9
; } 
.delreplyBtn { margin-left:20px; color:#9b9b9b; } 
.item-r i { color: #b3b3b3; margin-right:3px; } 
.item-r label { padding-left: 10px } 
.item-r .pt35 { padding-top:5px; } 
.item-r>ul>li { width: 27%; float: left } 
.item-r>ul>li img { width: 100%; height:131px; padding-right: 10px; box-sizing: border-box } 

.bg-white { background-color: #fff } 
.pb3 { padding-bottom:4px } 
.group-h2 { font-size:18px; font-weight: normal; line-height:38px; padding:20px 0 0 0; } 

.edu-li { width: 25%; position: relative; float: left } 
.edu-li .m-img { position: absolute; width: 62px; height: 62px; left:20px; top: 18px } 
.edu-li .m-img img { width:100%; height:100%; } 
.edu-li .edu-txt { padding-left:92px; padding-top: 15px } 

.edu-txt>h4 { font-size: 14px; color: #4b4b4b; font-weight: normal } 
.edu-txt>p>span { font-size: 12px; color:#b5b5b5; margin-right: 10px } 
.edu-txt>p>span i { font-size:13px; margin-right:3px; } 
.edu-btn { display:block; width: 66px; height:22px; line-height:22px; margin-top:5px; border-radius:3px; font-size:12px; color: #3ab57f; border: 1px solid #3ab57f; background-color: #fff; text-align: center; -webkit-transition:.3s; transition:.3s; } 
.edu-btn:hover { background:#3C81F9
; color:#fff; border: 1px solid #3C81F9; } 

.edu-btn { display:block; width: 61px; padding: 0 2px; font-size:12px; color: #888; border: 1px solid #dedede; background-color: #fff } 

.group-tap { margin-bottom:20px; background:#fff; padding:10px 20px; } 
.group-tap a { float: left; font-size: 14px; color: #555; height: 30px; line-height:34px; margin-right:40px; } 
.group-tap a:hover { color:#3C81F9; } 

.group-list .edu-li { padding:10px 0; height: 106px; } 
.group-list .edu-li .m-img { top:30px; } 

.talk-control textarea { background-color: #FFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: block; height:34px; line-height: 34px; e-webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s; transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s; width: 100%; font-size: 14px; padding: 0 12px; box-sizing: border-box; } 

.content-r { top:0 } 
.empty { text-align: center; font-size: 14px; color: #bbb; padding: 140px 0px 30px 0px; line-height: 24px; background: url(empty.png) no-repeat 50% 30px; } /*注意*/

.edu-li .edu-txt { padding-left:95px; padding-top: 18px } 
.carousel-dots { position:absolute; bottom:0px; width:100%; text-align:center; height:50px; line-height:50px; overflow:hidden; background: rgba(0, 0, 0, 0.25); } 
.carousel-dots span { display:inline-block; } 
.carousel-dots i {float:left; background:#fff; margin:0 3px; border-radius:50%; cursor:pointer; opacity:1; } 
.carousel-dots .on { background-color:#3C81F9; } 
.group-banner>h4 { height:40px; line-height: 40px } 
.group-banner>h4 span { float:right; font-size:12px; padding-right:15px; } 

.td-resgm { padding:0px 20px; padding-bottom:10px; } 
.td-resgm>strong>font { font-size:14px; line-height:30px; } 
.td-resgm>textarea { font-size:14px; width:90%; padding:5px; height:50px; border:1px #e5e5e5 solid; } 
.td-resgm .replybutton { background:#32A5E7; width:80px; height:25px; text-align:center; line-height:25px; color:#FFF; font-size:14px; float:left; border:none; margin-bottom:5px; } 
.td-box { position:relative; clear:both; padding-left:100px; height:auto; } 
.td-box-l { left: 20px; position:absolute; } 
.td-box-r { padding:0px 10px; } 
.td-aimg>img { width: 66px; height: 66px; border-radius: 100%; overflow: hidden; } 
.td-autho-d { padding-top:35px; } 
.limit-size { float:right; line-height:25px; } 
/*--------------------小组首页------------------------*/
.group-h1 { font-size:3em; padding-top:80px; } 
.group-class { margin-left:30px; display:inline-block; margin-bottom:5px; color:white; } 
.group-class:hover { color:#34bd74; } 
.groupimg { height:100px; width:150px; float:left; overflow:hidden; margin:0 10px 10px 0; } 
.groupimg img { background-color:white; min-height:100px; width:100%; } 

.hotTopic .carousel-prev,.hotTopic .carousel-next { display:none; } 

.comments-list { margin-top:20px; } 
.comments-list .more { float: right; text-indent: -9999px; width: 21px; height: 5px; background:url(../../images/class/more1.png) no-repeat; margin-top: -18px; margin-right: 10px; position:relative; z-index:10; } 
.comments-list .more:hover { float: right; text-indent: -9999px; width: 21px; height: 5px; background: url(../../images/class/more2.png) no-repeat; margin-top: -18px; margin-right: 10px; position:relative; z-index:10; } 


/*-------------------发表话题页-----------------------*/
.talk-cell>label { color: #4b4b4b; font-size: 14px; display: block; position: relative; margin-bottom: 7px } 
.talk-cell>label:before { content: ' *'; color: #ff3c00; font-size: 150%;vertical-align: middle;margin-right: 5px;} .talk-cell { margin: 15px 30px; } 
.talk-con { display: inline-block; vertical-align: middle; text-align: center; width: 100%; margin-top: 200px } 
.talk-btn { width: 100px; height: 30px; line-height: 30px; background-color: #ffaf48; color: #fff } 
.talk-con1 { width: 97px; height: 26px; line-height: 26px; background-color: #f4f4f4; color: #9c9c9c; border-radius:3px } 
.talk-con2 { width: 97px; height: 26px; line-height: 26px; background-color: #34bd74; color: #fff; border-radius: 3px; margin-left: 10px } 
.content-r { top: 0 } 
.talk-bottom { position: relative; clear: both; height:35px; padding:0 30px; line-height:35px; margin-bottom: 20px; } 
.talk-bottom a { margin-right:15px; color: #888; } 
.talk-bottom a i { vertical-align: middle; margin-right: 5px; } 
.talk-bottom em { color:#B3B3B3; position:absolute; right:160px; top:0; font-size:14px } 
.talk-btn { display:block; border: 1px solid #eee; box-sizing: border-box; width:120px; height:35px; text-align:center; line-height:33px; color:#888; font-size:14px; float:right; border-radius:3px; background:#f8f8f8; } 

#loading { text-align:center; line-height:44px; color:#b2b2b2; } 
/*.item-box>i { padding-left:10px } */

/*--------------------新的首页------------------------*/
.gfloor .page-width { padding:0px 30px 30px; overflow:hidden; background: #FFF; border-radius:8px; box-sizing: border-box; margin-bottom: 20px; } 
/* .hotGroup .page-width { padding-top:44px; } */
.groupTitle { font-size: 22px; line-height: 60px; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; } 
.groupTitle::before { content: ''; display: block; width: 45px; background: #3c81f9; height: 4px; position: absolute; left: 0; bottom: -2px; border-radius: 4px; } 
.hotGroup ul { margin-right:-120px; } 
.hotGroup li { float:left; width:25%; } 
.hotGroup li .hotGli { margin:0 120px 24px 0; } 
.hotGroup li .hotGimg { float: left; width: 70px; height: 70px; border-radius: 4px; overflow: hidden; margin-right: 16px; } 
.hotGroup .hotGimg img { display:block; width:100%;height:100%;object-fit: cover; } 
.hotGroup .hotGtext h3 { margin-bottom:8px; font-weight:normal; line-height:19px; height:19px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.hotGroup .hotGtext .hotIntro { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:8px; color: #90949C; font-size: 14px; height:16px; line-height:16px; } 
.hotGroup .hotGtext .hotInfo { color: #C0C3CB; font-size: 14px; line-height: 20px; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 


.Slideshow li img { width:100%; display:block;height:100%;object-fit: cover; } 
.hotTopicList { margin-left:680px; } 
.hotTopicList li { padding:18px 0; border-bottom: 1px dashed #E6E7E9; } 
.hotTopicList li:first-child { padding-top:0; } 
.hotTopicList li .ct { font-size:14px; } 
.hotTopicList li h3 { margin-bottom:8px; line-height: 28px; font-size: 18px; font-weight: normal; } 
.hotTopicList li .ct > h3 a { color: #1D2129; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 85%; vertical-align: middle; } 
.hotTopicList .ct > h3 .u-tag { vertical-align:middle; display: inline-block; height: 18px; line-height: 18px; margin-left: 8px; padding: 0 4px; font-size: 12px;border-radius: 3px; color: #fff; } 
.hotTopicList .ct > h3 .u-tag-yellow { background: #FCD872; } 
.hotTopicList .ct .info { line-height: 20px; } 
.hotTopicList .ct .info .author { color: #90949C; margin-right: 20px; } 
.hotTopicList .u-avatar { width:20px; height:20px; display:inline-block; overflow:hidden; margin-right: 7px !important; position: relative; font-size: 0; text-align: center; box-sizing: content-box; border-radius: 50%; vertical-align: middle; } 
.hotTopicList .u-avatar img { width:100%; height:100%; display:block; } 
.hotTopicList .ct .info span { color: #90949C; margin-right: 20px; } 
.hotTopicList .ct .info span i { margin-right: 8px; font-size: 14px; } 
.hotTopicList .ct .info .time { float:right; margin: 0; } 


.groupTopic .page-width { border-bottom:0; } 
.TopicList { float:left; width: 640px; } 
.TopicList li { padding:18px 0; border-bottom: 1px dashed #E6E7E9; } 
.TopicList li:first-child { padding-top:0; } 
.TopicList li .ct { font-size:14px; } 
.TopicList li h3 { margin-bottom:8px; line-height: 28px; font-size: 18px; font-weight: normal; } 
.TopicList li .ct > h3 a { color: #1D2129;vertical-align: middle;} 
.TopicList .ct > h3 .u-tag { vertical-align:middle;font-size: 12px; display: inline-block; height: 18px; line-height: 18px; margin-left: 2px;border-radius: 3px; padding: 0 4px;color: #fff; } 
.TopicList .ct > h3 .u-tag-red { background:#FE5E68; } 
.TopicList .ct > h3 .u-tag-blue { background:#366ec0; } 
.TopicList .ct .info { line-height: 20px; } 
.TopicList .ct .info .author { color: #90949C; margin-right: 20px; } 
.TopicList .u-avatar { width:20px; height:20px; display:inline-block; overflow:hidden; margin-right: 7px !important; position: relative; font-size: 0; text-align: center; box-sizing: content-box; border-radius: 50%; vertical-align: middle; } 
.TopicList .u-avatar img { width:100%; height:100%; display:block; } 
.TopicList .ct .info span { color: #90949C; margin-right: 20px; } 
.TopicList .ct .info span i { margin-right: 8px; font-size: 14px; } 
.TopicList .ct .info .time { float:right; margin: 0; } 

.GroupList { margin-left: 680px; } 
.GroupList ul{margin-right: -20px;}
.GroupList li { float:left; width:50%; } 
.GroupList li .hotGli { margin:0 32px 24px 0; } 
.GroupList li .hotGimg { float: left; width: 70px; height: 70px; border-radius: 4px; overflow: hidden; margin-right: 16px; } 
.GroupList .hotGimg img { display:block; width:100%; min-height:100%; } 
.GroupList .hotGtext h3 { margin-bottom:8px; font-weight:normal; line-height:19px; height:19px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.GroupList .hotGtext .hotIntro { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:8px; color: #90949C; font-size: 14px; height:16px; line-height:16px; } 
.GroupList .hotGtext .hotInfo { color: #C0C3CB; font-size: 14px; line-height: 20px; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.index { margin-top:24px; padding: 0 10px; } 
.index li .hotGli { margin:0 0px 24px 0; } 
.index li .hotGimg { float: left; width: 70px; height: 70px; border-radius: 4px; overflow: hidden; margin-right: 16px; } 
.index .hotGimg img { display:block; width:100%; min-height:100%; } 
.index .hotGtext h3 { margin-bottom:8px; font-weight:normal; line-height:19px; height:19px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.index .hotGtext .hotIntro { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:8px; color: #90949C; font-size: 14px; height:16px; line-height:16px; } 
.index .hotGtext .hotInfo { color: #C0C3CB; font-size: 14px; line-height: 20px; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

#gonggao { padding: 15px; line-height: 25px; } 

.more a { display: block; margin: auto; width: 110px; height: 40px; border: 1px solid #dedede; box-sizing: border-box; text-align: center; line-height: 40px; font-size: 16px; color: #888; letter-spacing: 5px; border-radius: 5px; } 

.item-box>i { position: absolute; left: 20px; bottom: 0; display: block; margin: auto; background: #e7e7e7; font-style: normal; width: 40px; text-align: center; border-radius: 3px; line-height: 20px; } 
.item-box>.hf02 { background:#f5735d; color:#fff; } 
.item-box>.hf03 { background:#f1d13c; color:#fff; } 
.item-box>.hf04 { background:#65c7c6; color:#fff; } 

/*2018-11-29*/
#gonggao img { max-width:100%; }