.trends_list {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 30px;
}

.trends_list_top {
    width: 100%;
    box-sizing: border-box;
    height: 84px;
    padding: 30px 21px;
    font-size: 20px;
	color: #333;
}

.trends_list_top img{
    width: 26px;
    height: 26px;
    margin-right: 19px;
    float: left;
    margin-top: 4px;
}

.trends_list_top span {
    float: left;
}

.trends_ul {
    width: 100%;
}

.trends_ul li {
    width: 100%;
    height: 60px;
   
    font-size: 16px;
	/*font-weight: bold;*/
	
}

.trends_ul li img {
    max-width: 22px;
    display: block;
    float: left;
    margin-right: 24px;
    margin-top: 3px;
}
.trends_ul li  a {
    box-sizing: border-box;
    padding-left: 42px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #333;
    padding-top: 20px;
}

.trends_ul li span {
    float: left;
}

.trends_ul li .img2 {
    display: none;
}

.trends_ul li:hover .img2, .trends_ul li.on .img2 {
    display: block;
}

.trends_ul li:hover .img1, .trends_ul li.on .img1 {
    display: none;
}

.trends_ul li:hover a, .trends_ul li.on a {
    color: #1076d5;
    background: #f1f7fd;
}

.recommended_articles {
    width: 100%;
    background: #fff;
}

.recommended_articles_top {
    width: 100%;
    box-sizing: border-box;
    height: 84px;
    padding: 30px 20px;
    font-size: 18px;
    color: #333;
}

.recommended_articles_top img {
    width: 26px;
    height: 28px;
    margin-right:10px;
    
}

.recommended_articles_list {
    width: 100%;
    overflow: hidden;
}

.recommended_articles_list li {
    width: 100%;
    /* height: 85px; */
    margin-bottom: 30px;
}

.recommended_articles_list li a {
    display: block;
    overflow: hidden;
    width: 100%;
    /* height: 100%; */
    box-sizing: border-box;
    padding: 0px 25px 0px 20px;
}

.recommended_articles_list li a:hover .article_title{
    color: #1076d5;
}

.article_title {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article_time {
    font-size: 14px;
	color: #666;
}

.article_search {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    margin-bottom: 30px;
}

.search_area {
    width: 200px;
	height: 52px;
    border: solid 1px #dbdbdb;
    position: relative;
    float: left;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.search_area input {
    width: 166px;
    box-sizing: border-box;
    padding-left: 20px;
    height: 100%;
    cursor: pointer;
}

.area_list {
    width: 100%;
    position: absolute;
    top: 53px;
    left: 0px;
    background: #fff;
    cursor: pointer;
    display: none;
}

.area_list li {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
}

.area_list li:hover {
    background: #f1f7fd;
    color: #1076d5;
}

.search_input {
    width: 580px;
	height: 52px;
	background-color: #fff;
    border: solid 1px #dbdbdb;
    float: right;
}

.search_input input {
    height: 100%;
    width: 535px;
    box-sizing: border-box;
    padding: 0px 20px;
}

.search_input img {
    width: 25px;
    height: 26px;
    cursor: pointer;
}
.search_input img:hover{
    opacity:0.8;
}

.dynamiclist {
    width: 100%;
    overflow: hidden;
}

.dynamiclist li {
    width: 100%;
    margin-bottom: 30px;
}

.dynamiclist a {
    display: block;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
}

.left_img {
    width: 230px;
	height: 172px;
    border-radius: 6px;
    float: left;
}

.left_content {
    width: 570px;
    float: right;
}

.left_content_title {
    width: 94%;
    white-space:nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis; 
    overflow: hidden; 
    font-size: 16px;
	font-weight: bold;
    color: #333;
    display: inline-block;
}

.left_content_top {
    margin-bottom: 18px;
}

.collection {
    background:  no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
}

.collection:hover {
    opacity: 0.7;
}

.collection.on {
    background:  no-repeat;
    background-size: 100% 100%;
}

.article_info {
    overflow: hidden;
    margin-bottom: 20px;
}

.info_item {
    /*width: 120px;*/
    display:inline-block;
    font-size: 14px;
	color: #666;
}

.info_item img {
    max-width: 14px;
    margin-right:3px;
    margin-top:-1px;
}

.article_content {
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
}

.article_tags {
    font-size: 16px;
	color: #666;
}

.article_tags span{
    color: #1076d5;
}

.dynamiclist a:hover .left_content_title {
    color: #1076d5;
}

.pages {
    margin-top: 0px;
}

.cstd_contarner {
    margin-top:30px;
}