.com02table img{width:240px;height:160px;}
.com02table span.hd { width: 100%;}
.com02table span.title{float:left; width:100%;font-size: 18px; text-align: left;font-weight:500; margin-bottom: 10px;color:#000;
overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.com02table span.bd {width:100%; text-align: left; margin-bottom: 20px; color: #888; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.com02table span.url{ font-size: 16px;}
.com02table a.desc{display:block; width: 100%;height:100%;}

.com02table span.name_date{ width: 100%; text-align: left;margin-top: 10px; }
.com02table span.name_date > *{float: left; font-size: 15px; margin-right: 50px;}
.com02table span.name_date .newsname{position:relative; }
.com02table span.name_date .newsname:after{position:absolute; content:''; display:block; width: 1px; height: 13px; bottom: 5px; right: -27px; background-color: #999;}

.com02table tbody td{padding:18px;}
.com02table  tbody td#td2{padding-left:26px; padding-right: 100px; border-left:none;}

.thumb-list .item .desc {padding: 20px 30px;}
.thumb-list .item .desc .subject {height: 50px; font-size: 17px;font-weight: 500;line-height: 1.4; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


@media screen and (max-width:1200px) {

	.thumb-list .item{width:calc((100% - 24px)/3);}

	.com02table tbody td#td2{padding-right: 50px;}
}


@media screen and (max-width:767px) {

	.thumb-list .item{width:100%;}

	.com02table span.title {height: auto!important; margin-bottom: 1rem!important;}

	.com02table tbody td#td2{padding-right: 26px;}

}