.subject span,.subject a{color: #888;background-color: #FFFFFF;display: inline-block;border-radius: 5px;font-size: 12px;margin-right: 5px;padding: 5px 10px;font-weight: 600;}
.subject span:hover,.subject a:hover{background: #be967f;color: #fff;}

.article .cover{position: relative;margin-bottom:2rem;height:42rem;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.article .cover:after {content: "";background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 32%, rgba(0, 0, 100, 0));height: 60%;left: 0;position: absolute;bottom: 0;border-radius: 5px;width: 100%;z-index: 1;transition: 0.4s;}
.article .cover img{width: 100%;}
.article .cover .info{position: absolute;width: 100%;bottom: 0;padding: 1.5rem 2rem;z-index: 2;color: #FFFFFF;}
.article .cover .info h1{display: block;font-size: 2.8rem;line-height: 1.4; font-weight: bold;margin-bottom: 0.5rem;}
.article .cover .info span{}

.article .content{line-height: 1.6;font-size:2rem;font-family: "Georgia", "Times New Roman", serif;font-weight: normal;}
.article .content p{margin-bottom:1.5rem;word-wrap: break-word;}
.article .bt{border-bottom: 1px #EFEFEF solid;margin:2rem 0;padding: 2rem 0;justify-content:space-between;}
.article .bt .updated{  color: #939393;}


.PreNext{background: #fff8f1;justify-content:space-between; margin-bottom: 40px;padding: 20px;}
.PreNext div:first-child,.PreNext div:last-child{position:relative;text-align:left;line-height:1.6;margin-right: 2rem;width:36rem;}
.PreNext div a,.PreNext div em{display:block;font-size:14px;color: #767676;}
.PreNext div a{display: block; height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.PreNext div em{display:block;font-size:14px;color: #555;}
.PreNext div:last-child{text-align:right;}

@media (max-width: 900px){
  .sidebar{width:20rem;}
}

@media (max-width: 768px){
  .sidebar{width:100%;}
  .article{padding: 0 1.5rem;}
  .article .cover{height: auto;}
  .article .cover .info h1{font-size: 2.4rem;}
  .PreNext div:last-child{text-align:left;}
  .list-box{padding: 1rem;}
  .article-list.r3 li {flex: 1 1 calc(50% - 2rem);margin-right: 1rem;}
  .article-list.r3 li:nth-child(2n){margin-right: 0;}
  .article-list.r3 li:nth-child(3n){margin-right: 1rem;}
  .article-list.r3 li .title {font-size: 1.6rem;}
}