body{ background:#fff;}
.graybg{ background:#f4f4f4;}
.aui_state_noTitle{ width:508px !important;}
.inter{border-bottom:1px solid #ebebeb; box-shadow:0 1px 4px rgba(0,0,0,0.05);border-radius:4px;min-height:240px; 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:#008AFF;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-bottom:1px solid #ebebeb; box-shadow:0 1px 4px rgba(0,0,0,0.05);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-bottom:1px solid #ebebeb; box-shadow:0 1px 4px rgba(0,0,0,0.05);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 #008AFF
;}
.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 #008AFF
}
.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;}
.icon-bx>a>i{font-size: 24px;}
.icon-bx .zaned{color: #008AFF;}

.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 .zaned i{ color:#008AFF
;}
.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:#008AFF
;color:#fff;border: 1px solid #008AFF;}

.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:#008AFF;}

.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{width:15px;height:15px;float:left; background:#fff;margin:0 8px; border-radius:50%; cursor:pointer; opacity:1;}
.carousel-dots .on{ width:15px;background-color:#008AFF;}
.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%;}.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:44px 0;border-bottom: 1px solid #dedede; overflow:hidden;}
.hotGroup .page-width{ padding-top:44px;}
.groupTitle{font-size: 30px;text-align: center; line-height:30px; margin-bottom:58px;}
.hotGroup ul{ margin-right:-120px;margin-bottom: 36px;}
.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%; min-height:100%;}
.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;}


.hotTopic{ margin-bottom:60px;}
.Slideshow li img{ width:100%; display:block; min-height:100%;}
.hotTopicList{ margin-left:716px;}
.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;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: 14px;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;}
.groupTopicBox{margin-bottom: 36px;}
.TopicList{ float:left;width: 716px;}
.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;}
.TopicList .ct > h3 .u-tag{vertical-align:middle;display: inline-block;height: 18px;line-height: 18px;margin-left: 8px;padding: 0 4px;font-size: 14px;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: 773px;}
.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%;}
div#fenye {text-align: center}
.i-banner{background: url(gbanner.jpg) no-repeat center center;width: 100%;position: relative;height: 420px;}
.i-banner h1 {font-size: 64px;padding-top: 100px;line-height: 100px;font-weight: bold;color: #fff; text-align:center;}
.i-banner span {font-size: 40px;height: 60px;line-height: 60px;color: #fff;display: block;text-align: center;margin-top: 30px; text-align:center;}