.article-content {background:#fff;margin-bottom:30px;display:block;border-radius: 4px;padding:30px 30px;-webkit-box-shadow: 0px 10px 60px 0px rgba(189, 189, 189, 0.3);box-shadow: 0px 10px 60px 0px rgba(189, 189, 189, 0.3);}
.article-detail {position:relative;margin-bottom:20px;border-bottom:1px solid #f4f4ff;border-width:2px !important;}
.article-detail .detail-title {font-size:1.75rem;font-weight:500;-webkit-line-clamp:inherit;height:auto;line-height:normal;margin:0;margin-bottom:1rem;}
.article-detail .infos {color:#999;font-size:14px;margin-bottom:25px;}
.article-detail .infos span {color:#999;font-size:14px;margin-right:10px;}
.article-detail .infos span a{color:#333b55;font-size:14px;}
.article-detail .infos .iconfont {display:inline-block;padding-right:2px;font-size: 14px;}
.article-body {color:#2f3340;font-size:14px;margin-bottom:10px;line-height:1.8;overflow:hidden;white-space:normal;word-wrap:break-word;word-break:normal;}
.article-body img{max-width:100%;height: auto!important;border-radius: 5px;}
.article-body .hljs{padding:1rem;font-family: "Microsoft Yahei";border-radius: 6px;font-size: 13px;}
.article-body p {margin: 0 0 .5rem;color:#2f3340;font-size:16px;}
code {padding: 3px 5px;margin: 0 2px;border-radius: 2px;font-size: .875em;color: #d63384;background-color:#f4f4ff;font-family: 'Microsoft Yahei',"Helvetica Neue",Helvetica,Arial,sans-serif;word-wrap: break-word;}
pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;font-family: "Microsoft Yahei";white-space: pre-wrap;}
.article-body pre {margin: 20px 0;font-size: 12px;line-height: 22px;background: #4a4a4a;padding: 10px 20px;color: #f8f8d4;border: 0;}
.article-body h1,.article-body h2,.article-body h3 {color:#000;font-size:18px;margin-top: 1rem;margin-bottom: 5px;line-height: 24px;}
.tip {position:relative;color:#fff;background: #06f;padding:2px 8px 2px 20px;border-radius:6px;margin-bottom:25px;transition:.5s;}
.tip-content {overflow:hidden;position:relative;background:#fff;border-radius:4px;padding:0 8px;}
.tip .tip-content>p {font-size:12px;color:#8590a6;margin:5px 0;}
.article-tags a{padding: .2rem .5375rem;border-radius: .2rem;margin-right: 5px;}

@media only screen and (max-width: 900px){
.article-content{padding: 20px}
.help-time{display: inline-block;margin-top:1rem !important;}
.help-time span,.help-time time{width:100%;margin: 5px 0;}
.article-nav-entry{width: 100%;max-width:100%;margin-bottom: .8rem;padding:0px 15px;}
.article-nav-entry+.article-nav-entry{float:none;}
.article-detail .detail-title{font-size: 1.25rem;}
}