.content h4,.content p{margin:50px 0;padding:0 50px}
.clearfix{overflow:visible}
.clearfix:after{visibility:hidden;height:0;content:"";display:table;clear:both}
.head-row{margin-top:17px;padding:0 50px}
.blog-info{width:50%;float:left}
.blog-info p{text-align:left}
.blog-info__date{margin-left:50px}
.social-share{float:right;clear:right;text-align:center}
.content p,.more-post h2{text-align:left}
.icon-sina{margin-right:5px}
.content-frame{width:1140px;float:right;background-color:#fff}
.content p{color:#000;line-height:28px}
.content img{width:100%;height:auto}
.page-container{margin-bottom:0;padding-bottom:0}
.more-post{height:380px;position:relative;float:left}
.more-post:nth-child(4){display:none}
.more-post img{width:380px;display:block}
.more-post__title{margin:0!important;color:#fff;font-weight:700;position:absolute;left:25px;top:275px}
.image-overlay{display:inline-block;float:right}
.image-overlay:after{content:'';top:0;left:0;z-index:0;width:100%;height:100%;display:block;position:absolute;background:linear-gradient(0deg,RGBA(1,1,1,.2),RGBA(1,1,1,0))}
@media (max-width:768px){.blog-info,.content img{width:100%}
header .header-title h1{margin-top:140px}
.content-frame{width:100%;float:right;background-color:#fff}
.head-row{padding:17px 0 0;position:relative}
.content h4,.content p{padding:0 20px}
.blog-info p{margin-bottom:0}
.social-share{position:absolute;top:-40px;right:10px}
.content p{margin:25px 0}
.more-post{width:50%;height:100%}
.more-post:nth-child(4){display:block}
.more-post img{width:100%}
.more-post__title{font-size:16px;left:0;top:75%}
}