@charset: "utf-8";
/*鸡博士动态*/
/*子导航当前选中的样式*/
.new {
	background-color: #fff;
}
/*.jbs_layout nav ul li.active i.icon_new{
  background-position: 0 -40px;
}*/
/*banner部分*/

.new_banner {
	height: 500px;
	background: url('../../images/public/about/new_banner.png') no-repeat center top;
}

.new_article {
	position: relative;
}
.new_article .nav_bar {
	width: 100%;
	/*display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;*/

}

/*二维码扫描关注有奖*/
/*.new_article .new_navbar .qr_btn{
	position: relative;
	float: right;
	line-height: 140px;*/
	/*top: 50%;
	transform: translateY(-50%);
	right: 0;*/
/*}*/

/*二维码扫描关注有奖*/
 .qr_btn{
	width: 220px;
	height:40px;
	text-align: right;
	/*position: relative;*/
	/*overflow: hidden;*/
	/*position: absolute; */
	top: 95px;
	/*right: 0;*/
	 /*   top: 130px;
    right: 240px;*/
	z-index: 10000;
	/*transform: translateY(-50%);*/
	/*margin-top: 20px;*/

}
.qr_btn   a{
	/*overflow: hidden;*/
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
	font-size: 16px;
	display: block;
	height: 40px;
	line-height: 40px;
	border: 1px solid #23ab97;
	color: #23ab97;
	background-color: #fff;
	border-radius: 2px;
	text-align: center;
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);*/
	border-radius: 20px;
	z-index: 10000;

}
 .qr_btn  i {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url('../../images/public/public/public_icon_02.png') no-repeat;
    background-position: -25px -230px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}

/*鼠标移入按钮改变状态*/
 .qr_btn a:hover {
	background-color: #23ab97;
	color: #fff;
}
.qr_btn .qr_img {
	width: 220px;
	padding: 24px 31px;
	position: absolute;
	top: 44px;
	right: 0;
	background-color: #fff;
	color: #23ab97;
	text-align: center;
	border: 1px solid #ccc;
	z-index: 100;
	line-height: 25px;
	/*height: 0;*/
	opacity: 0;
	/*display: none;*/
}
 .qr_btn .qr_img:after {
		    content: "";
    display: inline-block;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(135deg) translateX(50%);
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-width: 1px 1px 0 0;
    border-color: #ccc;
    border-style: solid;
    position: absolute;
    left: 50%;
    bottom: -3px;

}

.qr_btn a:hover i.icon_qrcode{
	background-position: -54px  -230px;
}




/*文章列表*/
.article {
	width:1200px;
	margin:0 auto;
}

/*文章导航*/
.article .article_nav {
	width: 75%;
	overflow: hidden;
	padding-top: 50px;
	float: left;
}
.article .entrance{float: right;
	width: 212px;
	height: 47px;
	text-align: center;
    display: inline-block;
    color: #23ab97;
    border:1px solid  #23ab97;
    line-height: 47px;
    margin-top: 50px;

}
.article .entrance > i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../../images/public/public/public_icon_02.png) no-repeat;
    background-position: -25px -230px;
    margin: 0 18px;
    text-align: center;
}
.article .article_nav li {
	float: left;
	margin: 15px 20px;
	height: 50px;
	line-height: 50px;
	padding: 0 5px;
    font-size: 18px;
    color: #999;
    font-weight: 500;
}
.article .article_nav li:first-child{
    padding-left: 0;
    margin-left: 0;
}

.article .article_nav li.active {
    color: #23ab97;
    border-bottom: 2px solid #23ab97;
}
.article .article_content{
	width: 100%;
	padding: 20px 0;
	display: none;
}

/*选中状态*/
.article .content_active {
	display: block;
}
.article .article_content ul li {
	width: 100%;
	overflow: hidden;
	padding: 50px 0;
	position: relative;
	border-bottom: 1px solid #eee; 
}
.article .article_content ul li:nth-child(1){
	padding: 0 0 50px 0 ;
}

.article .article_content ul li .article_img{
	width: 400px;
	height: 250px;
	float: left;
	position: relative;
}
.article .article_content ul li .article_img>img{width: 400px; height: 250px;}
.article .article_content ul li .article_img > span{
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 16px;
	padding: 12px 13px;
	
}

/*置顶*/
/*.article ul li.top .article_img > span{
	background-color: #23ab97;
}*/
/*热门*/
/*.article ul li.hot .article_img > span{
	background-color: #ff9900;
}*/
/*结束*/
/*.article ul li.end .article_img > span{
	background-color: #d8d8d8;
}*/


/*二维码显示*/

.article ul li .article_img .qr_none {
    width: 400px;
    height: 250px;
    position: absolute;
    top: 0px;
    left: 0;
    background-color: rgba(0,0,0,.85);
    opacity: 0.9;
    text-align: center;
    display: none;
}
.article ul li .article_img .qr_none >img {
    width: 150px;
    height: 150px;
    margin: 20px auto 0;
}
.article .article_content ul li .article_img  .qr_none p {
	font-size: 16px;
	color:  #23ab97;
	line-height: 35px;
	text-align: center;
}
.article .article_content .article_detailed{
	width: 775px;
	padding-left: 25px;
	float: left;
}
.article .article_content .article_detailed .article_tit {
	display: flex;
	display: -webkit-flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}
.article .article_content .article_detailed .article_tit .det_tit{
	font-size: 20px;
	width: 60%;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;

}
.article .article_content .article_detailed .article_tit .det_tips{
	/*padding: 20px 0;*/
	/*display: inline;*/
	text-align: right; 
	width: 40%
}
.article .article_content .article_detailed .article_tit .det_tips span {
	padding: 5px 10px;
	margin-right: 10px;
	/*border: 1px solid #23ab97;*/
	color: #666;
	background-color: #e6e6e6;
}

.article .article_content .article_detailed time {
	/*line-height: 3px;*/
	/*padding-bottom: 18px;*/
	display: block;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 2.5em;
	color: #;
}

.article .article_content .article_detailed p {
	line-height: 24px;
	padding-bottom: 30px;
}
.article .article_content .article_detailed .det_btn{
	width: 100%;
	overflow: hidden;
}

.article .article_content .article_detailed .det_btn > a {
	/*font-weight: 600;*/
	color: #666;
	/*background-color: #23ab97;*/
	display: block;
	width: 148px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	float: left;
	border: 1px solid #d2d2d2;
	margin-right: 10px;
}

.article .article_content .article_detailed .det_btn > a:hover {
	background-color: #23ab97;
	border: 1px solid #23ab97;
	color: #fff;
}




/*热门 参与活动按钮*/
.article  li.hot .article_detailed .det_btn > a:nth-child(2){
	background-color: #ff9900;
	margin-left: 10px;
}
/*结束 活动结束按钮*/
/*.article li.end .article_detailed .det_btn > a:nth-child(2){
	background-color: #d8d8d8;
	margin-left: 10px;
}

.article .article_detailed .det_btn > time {
	float: right;
	line-height: 40px;
}*/
/*.article .article_detailed .det_btn > time > i{
	margin-left: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;*/
	/*background: ;*/
/*	border: 1px solid #e6e6e6;
	border-radius: 50%;
	background: url('../images/about/icon_02.png') no-repeat;
	background-position: 0px -450px;
}*/
/*
.article .article_detailed .det_btn > time > i:hover{
	border: 1px solid #23ab97;
	background: url('../images/about/icon_02.png') no-repeat;
	background-position: -23px  -450px;
	background-color: #23ab97;
}*/


/************************************媒体查询*******************************************/




@media screen and (max-width: 1199px){
	.article .article_content .article_detailed .article_tit {
		display: flex;
		display: -webkit-flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		line-height: 0px; 
	}

	.article .article_content .article_detailed .article_tit .det_tit{
		font-size: 18px;
		width: 63%;
	}

	.article .article_content .article_detailed .article_tit .det_tips{
		/*padding: 20px 0;*/
		/*display: inline;*/
		text-align: right;
		width: 41%;
	}

	.article .article_content ul li .article_img  .qr_none {
	width: 100%;
	background-color: #f5f5f5;
	padding: 29px 95px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	border: 1px solid #eee;
}


}



  @media screen and (min-width: 1399px){

.learn_list .learn_item ul li .learn_img .qr_none {
    width: 377.16px;
    height: 241px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.9;
    text-align: center;
    display: none;
}
	article .article_content .article_detailed .article_tit {
	    line-height: 0px; 
	}
}