@font-face {
    font-family: 'icon';  /* project id 388299 */
    src: url('//at.alicdn.com/t/font_388299_lgjvomp541fez5mi.eot');
    src: url('//at.alicdn.com/t/font_388299_lgjvomp541fez5mi.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_388299_lgjvomp541fez5mi.woff') format('woff'),
    url('//at.alicdn.com/t/font_388299_lgjvomp541fez5mi.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_388299_lgjvomp541fez5mi.svg#iconfont') format('svg');
}

.icon{font-family:"icon" ;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}


a{  color:#666666;  }

.topic_box ,.topic_tops{  padding: 0 15px;  }
.group-items{  padding-top: 10px ;  padding-bottom: 60px;  }
.main {
    padding-top: 80px
}
@media screen and (max-width:420px){
    .group-items{  padding-bottom: 10px;  }
    .row_item{  margin-bottom: 70px;  }

    .main {
        padding-top: 10px;
    }

    .sectionLink .linkText {
        font-size: 1.8rem !important;
    }
}
.com-index_title{ margin-bottom: 60px; margin-top: 20px;  width: 100%;  position: relative;  border-bottom: 1px solid #DEDFE2;  display: block;  line-height: 48px;  }
.title_describe{  display: inline-block;  border-bottom: 1px solid s#7fd3d1;  }
.tit{  font-size:22px;  color:#7fd3d1;  }

.new_toppic{  color:#7fd3d1;  padding:5px;  cursor: pointer;  }

/*研修空间*/
/*.sectionLink .linkIcon {  width: 100px;  height: 100px;  border-radius: 100%;  background-color: #ffffff;  border-width: 5px;  border-style: solid;  top: -50px;  font-size: 30px;  line-height: 90px;  color: #666666;  }*/

.sectionLink {  width: 100%;  height: 190px;  display: block;  border-radius: 13px;  text-align: center;  transition: all 0.3s ease-in-out; background: url('../images/gf_bg.jpg') center center no-repeat; background-size:100% 100%;box-shadow: 0 0 5px #e8e8e8; }
.linkIcon, .locateArrow {  display: block;  position: absolute;  left: 50%;  margin-left: -50px;  transition: all 0.3s ease-in-out;  }
.sectionLink .linkText {  padding: 30px 20px;  display: block;  font-size: 0.77rem;  font-weight: 400;  color: #ffffff;  letter-spacing: 1px;  }

.sectionLink .enter_space{  padding-bottom: 14px;  border-bottom: 4px solid #6f6f6f;  color: #ffffff;  font-size: 16px;  }
.sectionLink:hover{  box-shadow: 0 10px 10px rgba(88, 87, 87, 0.42);  }
.linkIcon, .locateArrow {  display: block;  position: absolute;  left: 50%;  margin-left: -50px;  transition: all 0.3s ease-in-out;  }

.row_item{margin-bottom: 60px;}
/*******color fore group**********/

/*.row .row_item a{background-color: #d6a5b6!important;}*/
/*.row .row_item a .linkIcon{border-color: #d6a5b6!important;}*/
.row .row_item a{ }

/*.row .row_item:nth-of-type(1) a{background-color: #f0c24b!important;}*/
/*.row .row_item:nth-of-type(1) a .linkIcon{border-color: #f0c24b!important;}*/

/*.row .row_item:nth-of-type(2) a{background-color: #b5d56a!important;}*/
/*.row .row_item:nth-of-type(2) a .linkIcon{border-color: #b5d56a!important;}*/

/*.row .row_item:nth-of-type(3) a{background-color: #ea7066!important;}*/
/*.row .row_item:nth-of-type(3) a .linkIcon{border-color: #ea7066!important;}*/

/*.row .row_item:nth-of-type(4) a{background-color: #84bed6!important;}*/
/*.row .row_item:nth-of-type(4) a .linkIcon{border-color: #84bed6!important;}*/

/*.row .row_item:nth-of-type(5) a{background-color: #c9bdd6 !important;}*/
/*.row .row_item:nth-of-type(5) a .linkIcon{border-color: #c9bdd6!important;}*/

/*.row .row_item:nth-of-type(5) a{background-color: #d6a5b6 !important;}*/
/*.row .row_item:nth-of-type(5) a .linkIcon{border-color: #d6a5b6!important;}*/


/************************cy change******************************/

/************右侧的热火***************/
.top_user_box{margin-top: 20px;}
.top_user_box li{margin-bottom: 20px;border-bottom: 1px dashed #DEDFE2;padding-bottom: 20px;}

.hot{color: #FF4200;font-size: 22px;}
.tit-hot{display: inline-block;border-bottom: 1px solid #FF4200;}

.top-rank{float:left;width: 30px;height: 70px;font-size: 24px;font-style: italic;}
.top_item:first-child .top-rank{color: #FF4200;}
.top_item:nth-child(2) .top-rank{color: #ff6c38;}
.top_item:nth-child(3) .top-rank{color: #f49d20;}
.user_img{  width: 70px;  height: 70px;border-radius: 50%;  float: left; background: -webkit-linear-gradient(#8EC072, #938BC1);position: relative; }
.user_img img{  border-radius: 50%;  width: 80%;  height: 80%;  border:1px solid #ff9800;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;  }

.group-topic,.group-items,.group-resource{  padding: 0 10%; margin-bottom: 70px;}
.group-items{ margin-bottom: 0px;}
@media screen and (max-width:768px){
    .main {padding-top: 10px;}
    .sectionLink .linkText {  padding: 20px;}
}
@media screen and (max-width:640px){
    .group-topic,.group-items,.group-resource{margin-bottom: 0px;;}
    .com-index_title{ margin-bottom: 40px;}
    .main {padding-top: 10px;}
}


.btn-group{margin-bottom: 0 !important;}

.topic_info{  padding-left: 105px; margin-left: 8px; }
.topic_info .topic-name{  color:#2DBB8C;  margin-bottom: 5px ;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.topic_info .topic-num{font-size: 12px;color: #999999;}
.topic_info .topic-num span:last-child{margin-left: 6px;}

/*******************左侧的ul li 的主题**********************/
.topic_ul li{  margin: 20px 0 30px;border-bottom: 1px dashed #DEDFE2;padding-bottom: 15px;}
.dis-img{display: block;width: 60px;height: 60px;}

.dis-img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #dbdbdc
}

@media screen and (min-width: 1250px) {
    .right-padding{padding-right: 50px;}

}

/*@media screen and (min-width:980px){*/
/*.right-padding{padding-right: 50px;}*/
/*}*/

.topic-box .unit{color: #888;margin: 9px 0 1px;}
.topic-box .time{color: #888;font-size: 13px;}
.comment-num{margin-top: 28px;color: #888888;}
.topic-info{padding-left: 20px;}
.topic-box .topic-title{font-size: 18px;color: #2dbb8c;display: block;margin-bottom: 10px;}
.topic-box .topic-content{font-size: 13px;margin-bottom: 20px;color: #888;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.topic-box .topic-content:hover{color: #666666;}