body{background-color:#fff}
header{border-bottom:none}
.sidebar{width:175px;float:left}
.sidebar ul{padding:0}
.sidebar ul li{width:170px;height:55px;float:left;line-height:55px;border-bottom:1px solid #ddd}
.sidebar ul li:last-child{border-bottom:none}
.sidebar ul li a{color:#333;padding:0 10px;display:block}
.sidebar .current{float:left;background:#1D8DFA}
.post img,.posts-list,.sidebar .post-count{float:right}
.sidebar .current a{color:#fff}
.posts-list{width:964px}
.image-overlay{display:inline-block;position:relative;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))}
.post{height:476px;position:relative}
.post img{width:951px}
.post .post-info{width:755px;position:absolute;top:350px}
.post-info .post-date{width:90px;height:90px;color:#fff;background-color:#1D8DFA;font-size:24px;text-align:center;font-weight:700;padding:15px 10px 10px;float:left;box-sizing:border-box}
.post-info .post-head{width:640px;float:right}
.post-info .post-head h2{color:#fff;font-weight:700;margin-bottom:0}
.post-info .post-head p{width:640px;margin-top:11px;color:#fff}
.filter{display:none}
.pagination{float:left;margin-top:120px}
@media (max-width:768px){.post,.post img,.posts-list{width:100%}
.post-info .post-head p,.sidebar{display:none}
.post{height:auto}
.post .post-info{width:auto;top:auto;bottom:10px;left:10px}
.post-info .post-date{width:60px;height:60px;font-size:14px;margin-top:10px}
.post-info .post-head h2{margin:10px}
.post-info .post-head{width:auto;float:none;margin-left:60px}
.filter{display:block;margin-top:15px}
}