.page-content h1{font-size:22px;line-height:2.4; margin: 10px 0;padding: 0;color: #222;font-weight:bold;}
.page-content  h2,.page-content  h3{font-size:16px;line-height:1.8; font-weight:bold;margin:0 0 10px 0;padding: 0}
.page-content  h2{font-size:18px;border-bottom:1px solid #eee;line-height:2.0;border-left:4px solid #999;padding-left:6px;}
.page-content p{margin:0 0 10px 0;line-height:1.6;}
.page-content a{color:#0267FF;}
.page-content a:hover{text-decoration: underline;}
.page-content img{max-width: 100%;}
.page-content ul,.page-content ol {padding-left: 0;margin-bottom:10px;}
.page-content ul li,.page-content ol li {list-style-type: none;position: relative;}
.page-content ul li{padding-left: 12px; }
.page-content ul li::before {content: "•"; font-weight: bold;position: absolute;left: 0;width: 12px;}
.page-content ol {counter-reset: list-counter;}
.page-content ol li{padding-left: 18px; }
.page-content ol li::before {content: counter(list-counter) ". ";counter-increment: list-counter;font-weight: bold;position: absolute;left: 0;width: 18px; }
.page-content ul li p,.page-content ol li p {margin-left: 0; }

.page-list{line-height:1.8}
.page-content li .date {  color: #666666;  vertical-align: top;  margin-right: 10px;display:inline-block;}
.page-content li .title {display: inline-block;  vertical-align: top;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.page-content li .title a{color:#222}
.list-post > h2 {  font-size: 15px;  font-weight: bold;  padding: 12px 0;}
.list-post ul {  box-sizing: border-box;  padding-left: 15px;}
.list-post li {  display: flex;  align-items: center;  padding: 8px 0;}
.list-post li .date {  color: #666666;  font-size: 14px;  flex-shrink: 0;  margin-right: 10px;}
.list-post li .title {  width: 0;  flex-grow: 1;  padding: 4px 0;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.list-post li .title a {  font-size: 15px;}
.list-post li .categories {  flex-shrink: 0;  padding: 3px 0;  margin-left: 10px;}
.list-post li .categories a {  font-size: 12px;  color: #666666;  margin-left: 8px;}
.list-category h2 {  font-size: 15px;  font-weight: bold;  padding: 12px 0;}
.list-category div {  padding: 8px 0 8px 10px;}
.list-category div a {  margin: 4px 6px;  white-space: nowrap;  font-size: 15px;  display: inline-block;  border-bottom: 1px solid #333333;}
.page-search #search-input {  text-align: center;  font-size: 14px;  border: 1px solid #eaeaea;  width: 100%;  padding: 10px 0;  background-color: transparent;}
.page-search h1 {  font-size: 16px;  height: 46px;  display: flex;  flex-flow: row nowrap;  align-items: center;}
.page-search h1 i {  font-size: 20px;  margin-left: 6px;}
.page-search .list-search li {  list-style: disc;  margin-left: 15px;  margin-bottom: 20px;}
.page-search .list-search a {  display: block;  border-bottom: 1px dashed #ccc;}
.page-search .list-search .title {  display: inline-block;  word-break: break-all;  font-size: 14px;  font-weight: bold;  padding-bottom: 1px;  border-bottom: 1px solid #999;}
.page-search .list-search .content {  display: block;  font-size: 14px;  color: #5a5a5a;  word-break: break-all;  padding: 10px 0;}
.page-search .list-search .hint {  font-size: inherit;  font-weight: bold;  color: #ff7f7f;}
@media screen and (max-width: 560px) {  
  .list-post > h2 {padding: 10px 0;}
  .list-post li {padding: 6px 0;}
  .list-post li .title a {font-size: 14px;}
  .list-post .categories {display: none;}
  .list-category h2 {padding: 10px 0;}
  .list-category div a {font-size: 14px;}
}