.blog_list{position:relative;width:100%}
.blog-item{position:relative;width:100%;overflow:hidden;padding:35px 20px}

.blog-item:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px dashed #ddd}
.blog-item:after{content:'';display:block;width:0;height:3px;background-color:#da4443;position:absolute;left:0;bottom:0;opacity:0;filter:alpha(opacity=0)}
.blog-item:hover:after{width:100%;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.blog-item .item-img,.blog-item .item-img img{border-radius:5px}
.blog-item a{ color:#333;}
.blog-item a .item-detail{ font-size:16px; color:#333}
.blog-item a:hover .item-title{ color:#ba2a21}
.blog-item a:hover{ color:#ba2a21}
.blog-item .item-img{position:relative;display:block;max-width:200px;padding:5px;border:1px solid #eee;background-color:#fff;margin:0 20px 0 0;float:left}
.blog-item .item-img img{position:relative;width:100%}
.blog-item .item-info .item-title{height:1.3em;line-height:1.3em;overflow:hidden;font-size:24px;font-weight:normal;margin-bottom:5px}
.blog-item .item-info time{display:block;font-size:14px;margin:8px 0;color:#666}
.blog-item .item-info .item-detail{color:#666}
.blog-item .item-info .item-more{margin:20px 0 0;float:right}
.blog-item .item-info .item-more{display:inline-block;padding:.2em .8em;line-height:1.8;color:#0656ad;position:relative;text-transform:uppercase}
.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:2px;background-color:#0656ad;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.blog-item .item-info .item-more:before{left:0;top:0}
.blog-item .item-info .item-more:after{right:0;bottom:0}
.blog-item .item-info .item-more:hover:before,.blog-item .item-info .item-more:hover:after{width:0;opacity:0}
.blog-item .item-info .item-more:hover{background-color:#0656ad;color:#fff;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.blog-item{padding:30px ; background:#fff;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.03); margin-top:30px;}
.blog-item .item-img{width:auto;max-width:100%;float:none;margin-right:0;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box}
.blog-item .item-info .item-title{line-height:1.2;font-weight:normal}
.blog-item .item-info{padding-top:15px}
.blog-item .item-info .item-title{height:auto;font-size:22px}
.blog-item .item-info .item-detail{max-height:9em;line-height:1.5em;overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.blog-item .item-info .item-more{float:none}
.blog-item .item-info time{font-size:14px;color:#888}
.items_list .share_this{position:static;text-align:left;padding-bottom:15px;float:none}
.page_main{padding-top:15px}



.ss228 .w228 {
    width: 500px;
	float:right;
    
}
.ss228 .icon228 {
    vertical-align: middle;
    background: url(../images/icon228.png) no-repeat;
    display: inline-block;
}
.ss228 {
    border-bottom: 1px solid #eee;
}
.ss228 .hot {
    padding: 30px 0;
    height: 50px;
    line-height: 40px;
}
.ss228 .hot .right {
    position: relative;
}
.ss228 .hot .right .in228 {
    width: 278px;
    height: 38px;
    border: 1px solid #eee;
    border-radius: 20px;
    line-height: 20px;
    padding: 9px 0px;
   
    font-size: 12px;
    color: #999;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    padding-left: 20px;
    outline: none;
}
.ss228 .hot .right .btn {
    width: 23px;
    height: 38px;
    border: none;
    background-position: 5px 12px;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0px;
    outline: none;
}