h4{font-weight: normal; color: #626262;}
blockquote{margin:0;padding:0.6rem 1rem;background-color:#f1f1f1}
blockquote, blockquote a{color:#999999}
.blog-intro{padding: 17px; background-color: #f4f6fa;}
.blog-intro h1{font-size: 1.6rem;line-height: 2.5rem;color: #686fa7;font-weight: 200;}
.blog-page{border-radius: 4px;box-shadow: #45505f0a 0 2px 4px 0;border: 1px solid #949ca62e;padding: 3rem 5rem;background-color: #fff;font-size: 1rem;color: #3e3e3e}
.blog-page a:hover{ color:#FF3366;}
.article-title{ font-size: 2rem; padding: 5px 0;}
.article-describe{ font-size: 1rem; padding: 5px 0; line-height: 1.5rem; }
.article-foot{font-size: 0.8rem;display: flex;align-items: center;padding: 5px 0;color:#999;}
.article-foot span{margin: 0 10px; display: flex;}
.article-foot span a{color:#959595; font-size: 0.75rem;}
.article-foot span a:hover{color:#333;}
.psot-article{padding:1rem 0; margin:0.5rem 0; border-bottom: 1px solid #e5e9ef;}
.blog-page-body{line-height: 2.2rem;min-height: 390px;}
.blog-page-body p{padding: 0.1rem 0; }
.blog-page-body a:hover{color:#FF3366}
.breadcrumb{padding: 10px; color: #8291af; font-size: 0.77rem; width: 100%; overflow: hidden;}
.breadcrumb a{color: #8291af;}
.breadcrumb a:hover{color: #FF3366;}
@media(max-width:992px){
    .blog-page{padding:1.5rem}
    .article-title{font-size: 1.5rem;}
    .blog-intro h1{font-size: 1.2rem;line-height: 1.8rem;padding: 12px;}
}