.breadcrumb{
	margin-bottom: 0;
}
.article-list-body{
	margin-bottom: 78px;
}
.article-list-body .article-sidebar{
    float: left;
    width: 330px;
}
.content-right-big{
	    padding: 0 30px;
}
.breadcrumb{
	margin-left: -30px;
	margin-right: -30px;
}
.article_head_tit{
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
	padding: 20px 0;
	margin: 0; 
	line-height: 30px;
}
.code-tabs{
	/*padding: 0 4px;*/
}
.code-tabs .nav-ul {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
}
.code-tabs .nav-ul li {
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 3rem;
}
.code-tabs .nav-ul li a {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 15px;
    text-align: center;
}
.code-tabs .nav-ul li a.active,.code-tabs .nav-ul li a:hover{
	background-color: #34d4a1;
	color:white;
}

.article-list .article-item{
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-top: -1px !important;
	padding: 30px 0 30px 0 !important;
	border-top: 1px solid #f5f5f5 !important;
	border-bottom-width: 0;
	margin-bottom: 0;
}
.article-list .article-item .article-media-left{
	width: 270px;
	height: 158px;
    overflow: hidden;
    margin-left: 3%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.article-list .article-item .article-media-left a:hover img{
	transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04); -webkit-transform:scale(1.04,1.04);	
}
.article-list .article-item .article-media-left img{
	width: 100%;
	height: auto;
	border-radius: 8px;
	transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.article-list .article-item .article-metas{
	   width: calc(97% - 270px);
}
.dt-footer{
	margin-left: -30px;
    margin-right: -30px;
}

.article-sidebar .panel-default>.panel-body{
	    padding: 15px 0;
}

.es-con{
	margin-top: 40px;
}
.aricle-carousel .swiper-caption{
    font-size: 16px;   
}
.metas-body>.title>.time-num{
    color:#616161;
}
.link-dark{
    color: #000 !important;
}
.panel{
    border:0;
}
.article-list .article-item .content{
    line-height: 22px;
    overflow: hidden;
    height: 43px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    }
.article-metas .metas-body .title{
    font-size: 16px;
}
@media (max-width:767px) {
    .metas-body>.title>.time-num{
        display: none;
    }
	.code-tabs .nav-ul li{
		     margin-right: 0;
		     width: 33.33333%;
	}
	.article-list .article-item{
	    position: relative;
		display: block;
	}
	.article-list .article-item .article-media-left{
		position: absolute;
		top: 10px;
        right: 0;
        width: 33%;
        height:auto;
	}
	.article-list .article-item .article-metas{
		width: 60%;
		margin-top: 2rem;
	}
	.breadcrumb {
	  padding-top: 21px!important;
      margin-left: -30px;
      margin-right: -30px;
	}
	.content-right-big{
	    padding: 0 15px;
	}
	.article-list-body .article-list-main{
	    width: 100%;
	    padding: 0 15px;
	}
	.article-list-body .article-sidebar{
	    width: 100%;
	}
	.btn-tag{
	    background-color: #E8FFF7;
	}
	.article-list .article-item .content{
	    display: none;
	    /*overflow: hidden;*/
     /*   text-overflow: ellipsis;*/
     /*   -webkit-box-orient: vertical;*/
     /*   -webkit-line-clamp: 2;*/
     /*   display: -webkit-box;*/
	}
}


.btn-tag:hover {
	color: white !important;
	background-color: #00D3AD !important;
}