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}}