.post-date {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    color: #999;
    text-align: left;
    font-family: var(--base-font-family)
}

.post {
    padding: 50px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(236,236,236,.86);
    border-radius: 5px;
}
.post-lock{
  min-height: 82px;
  background-image: url(../images/lock-bg.gif);
  will-change: background-position;
}
.post-lock a, .post-lock .post-content,.post-lock .post-meta,.post-lock .post-date, .post-lock .post-nav,
.post-lock .post-title>span{
  color: white;
  text-shadow: 1px 1px 1px #000;
}
@media print, screen and (max-width: 478px){
    .post {
       padding: 25px 20px
    }
}
.post-content .more {
	text-align: center;
	margin-bottom: 0;
}
.post .statistic {
    color: #999;
    text-align: right;
    font-family: var(--base-font-family)
}
.post.post-lock .statistic {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.post .statistic, .post .statistic>* {
    user-select: none;
    margin-bottom: 0;
}
.post .statistic>p:not(:first-of-type) {
    margin-top:0
}
.post-meta {
    margin-top:30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    color: #999;
}
.post-meta>div:not(:last-child) {
    padding-bottom: 4px;
}
.post-meta .tag, .post-meta .cate {
	display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 2px 8px;
    font-size: 14.4px;
    font-weight: 400;
    line-height: 1.6;
    border-radius: 2px;
}
.post-meta .cate {
    background-color: #ddd
}
.post-meta a:hover {
    background-color: #fff
}
.post-nav {
    color: #999;
    padding: 10px 0 0 0;
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}
.post-nav>div {
    display: inline-block
}
li[id^='fn-']>* {
	display: inline-block;margin:0
}
