


.main-content{ margin-bottom: 12px;}
.main-content .bktitle{ height: 52px; line-height: 52px; padding: 0 16px; border-bottom: 1px solid #202025;  }
.main-content .bktitle em{ font-weight: 500; font-style: normal; border-left: 2px solid #dbaf7d; padding-left: 8px; color: #d3d3d3; }
.main-content .bktitle button{margin-top: 11px;float: right;background:#FFC95E;  background: -webkit-linear-gradient(117deg,#f8e2c4,#f3bb6c);background:linear-gradient(117deg,#f8e2c4,#f3bb6c); color:#754e19;font-weight: 500;border:1px solid #f3bb6c;}
.main-content .bktitle a{ float: right; font-size: 12px; font-weight: 300;}
.main-content .bktitle .iconfont{ font-size: 12px; } 
/* .main-content .bktitle a{ float: right; font-size: 12px; font-weight: 300;}
.main-content .bktitle .iconfont{ font-size: 12px; } 
.main-content .bktitle .bkright{ float: right; } */
 


.main-content .loadingover{ font-size: 14px; color: #9e9e9e; text-align: center; padding: 18px 0; }


	/**专家讲坛**/
.mclass-list{ background: #16161a; border-radius: 4px; }
.mclass-list .layui-card-body{ padding: 0}

.mclass-list .news-list{   }
 
.mclass-list .news-list .item-f{position:relative; padding: 16px 18px; border-bottom:1px solid #202025; }
.mclass-list .news-list .item-f:hover{ background:#25252c; } 

.mclass-list .news-list .item-f .title{  font-size:18px; margin-bottom: 16px; text-align: justify; font-weight:700; color:#d3d3d3;line-height:26px;max-height:52px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mclass-list .news-list .item-f .title span{margin-right: 5px;display: inline-block;text-align: center;width: 62px;height: 24px;line-height: 24px;border: 1px solid #e51c22;border-radius: 4px;font-size: 12px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #e51c22;}
.mclass-list .news-list .item-f .title span .v-icon{width: 14px;height: 13px;background: url(../../images/spsvg.svg);display: inline-block;vertical-align: top;margin-top: 5.5px;margin-right: 5px;}
.mclass-list .news-list .item-f .title span .a-icon{width: 14px;height: 13px;background: url(../../images/ypsvg.svg);display: inline-block;vertical-align: top;margin-top: 5.5px;margin-right: 5px;}

.mclass-list .news-list .item-f .line{ border-top: 1px solid #f5f5f5; margin-top: 12px; padding-top: 12px;  }
.mclass-list .news-list .item-f .eninfo{ display: inline-block; width: 100%; }
.mclass-list .news-list .item-f .eninfo .img-info{color:#8c8c8c;margin-right:10px; text-align:center; float: left;} 
.mclass-list .news-list .item-f .eninfo .img-info .g-img{ max-width: 116px; overflow: hidden; }
.mclass-list .news-list .item-f .eninfo .img-info .g-img img{ width: 116px; height:116px; object-fit: cover; border-radius: 4px;}
.mclass-list .news-list .item-f .eninfo .detail{color:#8c8c8c;font-size:14px;margin-left:132px}
.mclass-list .news-list .item-f .eninfo .detail span{ color:#7c7c7c; }
.mclass-list .news-list .item-f .eninfo .detail .place{color:#8c8c8c; } 
.mclass-list .news-list .item-f .eninfo .detail .time{color:#8c8c8c; margin:5px 0; } 
.mclass-list .news-list .item-f .eninfo .detail .guest{color:#8c8c8c; line-height:20px;height:20px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

.mclass-list .news-list .item-f .state{ position: absolute; left: 152px; bottom: 18px; }
.mclass-list .news-list .item-f .state .attend button{ border-radius: 20px; }
.mclass-list .news-list .item-f .state .attend .signUping{ background:#FFC95E;  background: -webkit-linear-gradient(117deg,#f8e2c4,#f3bb6c);background:linear-gradient(117deg,#f8e2c4,#f3bb6c); color:#754e19;font-weight: 500;border:1px solid #f3bb6c;  }
.mclass-list .news-list .item-f .state .attend .overing{background-color: #F3F3F3;border:1px solid  #F3F3F3; color: #999;}




.mclass-list .news-list .item-f .state .foucs{ padding-top:4px; padding-left:80px; display: none; }
.mclass-list .news-list .item-f .state .foucs .icon-huo{ color: #f00; font-size: 15px; }
.mclass-list .news-list .item-f .state .foucs .foucsnum{ color: #666; font-size: 12px;}
.mclass-list .news-list .item-f .state .foucs .foucsnum em{ color: #000; padding: 0 3px; font-style: normal;}
.mclass-list .news-list .item-f .state .foucs .share{ color: #666; font-size: 12px;}
.mclass-list .news-list .item-f .state .foucs .share em{ color: #000; padding: 0 3px; font-style: normal;}
.mclass-list .news-list .item-f .state .foucs .share .iconfont{ color: #999; padding: 0 4px; }

/* .mclass-list .news-list .item-f .state .attend{ position: absolute; left: 0; top: 2px; } */

.topic-list{background: #16161a; border-radius: 4px; margin-bottom: 24px;}
.topiccol .reinfo{  padding:10px 14px; border-right: 1px solid #202025; border-bottom: 1px solid #202025;  }
/* .topiccol:nth-child(3) .reinfo{ border-right: none;   }
.topiccol:nth-child(4) .reinfo{ border-bottom: none; }
.topiccol:nth-child(5) .reinfo{ border-bottom: none; }
.topiccol:nth-child(6) .reinfo{ border-bottom: none; } */
.topiccol .reinfo:hover{ background: #25252c }
.topiccol .reinfo .img-info{color:#CE9940;margin-right:10px; text-align:center; float: left;}
.topiccol .reinfo .img-info .b-img{ max-width: 50px; border: 1px solid #202025; border-radius: 4px; overflow: hidden; }
.topiccol .reinfo .img-info .b-img img{ width: 50px; height: 50px; object-fit: cover; border-radius: 2px;} 
.topiccol .reinfo .detail{font-size:12px;margin-left:62px}
.topiccol .reinfo .detail .name{color:#d3d3d3;font-weight:500;font-size:16px;margin-bottom:2px; padding-top:2px; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topiccol .reinfo .detail .teacher{ margin: 6px 0 4px;  color: #8c8c8c; font-size: 13px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }


