* {margin: 0;padding: 0;font-family: Microsoft YaHei,"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}

.site-header {color: #fff;background: #4183c4;padding:20px 0;position: fixed;width:100%;z-index:103;box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.site-header .title {font-size:38px;font-weight:400;line-height:38px;}
.site-header a {color:#fff;text-decoration:none;}
.site-header .nav {font-size:20px;line-height:38px;}
.site-header .nav a {margin-left:16px;color: #9acfea;}
.site-header .nav a:hover {color:#fff;}

.container {padding-right:15px;padding-left:15px;margin:0 auto;}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

.header-container {display:-webkit-flex;display:flex;justify-content:space-between;}

.content {padding-top: 96px;}
.content-title {padding-top: 160px;padding-bottom: 100px;color: #fff;background: #4183c4;}
.content-title h1 {font-size: 63px;}
.content-title-desc {margin-top:20px;font-size:20px;}

/** Post List **/
.post-list-item {position:relative;padding:20px 0;list-style: none;border-bottom: 1px solid #eee;}
.post-list-title a {text-decoration:none;color:#337AB7;}
.post-list-title a:hover {color:#4183e4;}
.post-list-desc {margin: 12px 0;font-size:18px;color:#666;}
.post-list-meta {color:#888;}
.post-list-meta, .post-list-meta.iconfont {font-size: 18px;}

.footer {line-height:32px;text-align: center;margin-bottom:24px;margin-left:12px;}
.footer a {text-decoration:none;color: #337AB7;}
.footer a:hover {color:#4183e4;}

.row {margin:24px auto;}
.row p {margin:16px 0;}