/* **********************
 * 整体布局
 * **********************/
*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  background: #e6ecf0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, sans-serif;
}

#home {
  max-width: 1140px;
  padding: 15px;
  background: transparent;
  box-shadow: none;
  margin-top: 0;
  width: auto;
}

#main {
  margin-top: 15px;
}

#mainContent .forFlow {
  padding-right: 20px;
}

/* 非阅读区域去掉白色背景 */
.newsItem,
.catListEssay,
.catListLink,
.catListNoteBook,
.catListTag,
.catListPostCategory,
.catListPostArchive,
.catListImageCategory,
.catListArticleArchive,
.catListView,
.catListFeedback,
.mySearch,
.catListComment,
.catListBlogRank,
.catList,
.catListArticleCategory {
  background-color: transparent;
}

/* **********************
 * 博客页首
 * **********************/

/* 隐藏系统标题 */
#blogTitle {
  display: none;
}

/* 顶部通告条 */
.c-notice {
  padding: 10px 0;
  background: tan;
  font-size: 0.9em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.23);
  font-size: 15px;
}

.c-notice > div {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

.c-notice a {
  color: blue;
}

/* 头像和社交 */
.c-portrait {
  text-align: center;
  padding: 50px 0;
  background: #39424b;
  color: #fff;
  margin-bottom: -40px;
}

/* 头像 */
.c-portrait > img {
  display: inline-block;
  height: 100px;
  border-radius: 50%;
}

/* 标题和签名 */
.c-portrait h1 {
  font-size: 25px;
  font-weight: bold;
  margin: 5px 0;
}

.c-portrait h1 a {
  color: #fff;
}

.c-portrait h2 {
  font-size: 16px;
  margin: 7px 0 10px;
  color: #ccc;
}

/* 社交图标 */
.c-social a {
  color: #959da5;
  display: inline-block;
  vertical-align: middle;
}

/* **********************
 * 导航栏
 * **********************/

#navigator {
  padding: 0 10px;
  border-bottom: 2px solid #ccc;
}

#stats_article_count {
  display: none;
}

/* **********************
 * 侧边栏
 * **********************/

#sideBar {
  width: 250px;
  margin-top: 0;
}

#sideBar a {
  color: inherit;
}

/* 隐藏侧边公告标题 */
.newsItem .catListTitle {
  display: none;
}

/* 增加列表项间距 */
.sidebar-block li {
  margin-bottom: 5px;
}

/* **********************
 * 文章列表
 * **********************/

/* 文章列表 */
#topics .postTitle {
  font-size: 28px;
  margin: 35px 0 30px;
  padding-left: 0;
}

#mainContent .day {
  padding: 15px 20px;
  background: #fff;
}

#mainContent .day .postTitle a {
  display: inline-block;
}

.topicListFooter {
  margin-right: 0;
  margin-bottom: 15px;
}
.pager {
  margin-right: 0;
}
.pager a {
  padding: 4px 8px;
  margin: 0 5px;
}

/* **********************
 * 文章详情
 * **********************/

pre {
  margin-bottom: 1.35em;
}

pre code {
  padding: 10px 16px !important;
}

.post {
  background: #fff;
  padding: 0 60px 60px;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

/* 文章标题 */
.postTitle {
  border-left: 8px solid #21759b;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1;
  box-sizing: border-box;
}

.postTitle a:hover {
  margin-left: 0;
}

/* 去除首行缩进 */
.postBody p,
.postCon p {
  text-indent: 0;
  line-height: 1.85;
}

/* 增加底部留白 */
#cnblogs_post_body {
  padding-bottom: 5px;
}

/* 防止图片溢出 */
#cnblogs_post_body img {
  max-width: 100%;
}

/* 文章底部信息 */
.postDesc {
  margin-top: 0;
}

#BlogPostCategory,
#EntryTag {
  margin-top: 10px;
  font-size: 14px;
}

#green_channel {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 15px;
  border: 2px solid #ccc;
  height: 46px;
}
#green_channel > a {
  color: green;
  font-weight: bold;
  line-height: 1;
}
#green_channel img {
  height: 24px;
  width: 24px;
}

/* **********************
 * 评论
 * **********************/
.comment_vote {
  padding-right: 2px;
  font-size: 14px;
  margin-top: 10px;
}

.comment_vote a.comment_digg {
  color: #f80;
  margin-right: 15px;
}

.feedbackItem {
  margin: 20px 0 25px;
  background: #fff;
  padding: 10px 15px;
}

.feedbackCon {
  font-size: 13px;
  border-bottom: 0;
  padding: 10px 5px 0 5px;
  text-align: justify;
}

/* **********************
 * 文章评价
 * **********************/

#div_digg {
  position: fixed;
  right: 18%;
  bottom: 20px;
  width: auto;
  cursor: pointer;
}
#digg_tips {
      background: #eee;
  }
#digg_tips a{display:none !important;}

#div_digg .diggit {
  border: 1px solid #ecc849;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  background: #e7e6eb url(//static.cnblogs.com/images/upup.gif) no-repeat;
  background-size: 100% 100%;
  width: 60px;
  height: 50px;
  padding: 5px 0;
  text-align: center;
}

#div_digg .buryit {
  display: none;
}

/* **********************
 * 隐藏广告
 * **********************/

#ad_t2,
#opt_under_post,
.c_ad_block,
#under_post_news,
#under_post_kb {
  display: none !important;
}

/* **********************
 * 适配手机
 * **********************/

@media (max-width: 767px) {
  #home {
    padding-left: 0;
    padding-right: 0;
  }
  #div_digg {
    width: auto;
    right: -25px;
    bottom: 3px;
  }

  #mainContent .forFlow {
    padding-right: 0;
  }
  #mainContent .post {
    padding: 0 20px;
  }

  #sideBar,
  #blog-comments-placeholder {
    padding: 0 15px;
  }
}

code.hljs {
  background: #233;
  padding: 15px;
}
.postBody p {
  text-align: justify;
  letter-spacing: 1px;
}
#author_profile_detail {
  display: inline-block;
}
.author_avatar {
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
#author_profile_info {
  margin: 15px 0;
}

.commentbox_title_left {
  display: inline-block;
}
.commentbox_title_right {
  float: right;
}
.comment_icon {
  display: inline-block;
}
.commentbox_title_right {
  display: none;
}
.postBody blockquote {
   background-image: none;
    background: #f3f5f7;
    border-radius: 3px;
    border: none;
    line-height: 1.6em;
    color: #666;
    padding:16px;
}
.postBody blockquote p{margin-bottom:0 !important;}
.postBody blockquote a{color:#666;}

#please_like{background:#fff;color:red;}

/********** 代码语法高亮 **********/

.cnblogs-markdown pre {
  white-space: pre;
}

/*** atom-one-dark **/
.cnblogs-markdown .hljs {
  display: block !important;
  border-radius: 4px !important;
  overflow-x: auto !important;
  border: none !important;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, '黑体' !important;
  padding: 16px !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  color: #abb2bf !important;
  background: #282c34 !important;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-name,
.hljs-tag {
  color: inherit !important;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370 !important;
  font-style: italic !important;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd !important;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75 !important;
}

.hljs-literal {
  color: #56b6c2 !important;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379 !important;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b !important;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66 !important;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee !important;
}

.hljs-emphasis {
  font-style: italic !important;
}

.hljs-strong {
  font-weight: bold !important;
}

.hljs-link {
  text-decoration: underline !important;
}

/***********************************************************/

#cnblogs_post_body h2 {
  font-size: 20px;
  color: #222;
  padding-bottom: 3px;
  border-bottom: 2px solid rgb(255, 190, 0);
 margin: 30px 0 20px;
}
#cnblogs_post_body h3{
margin-top:20px;
}
.cnblogs-markdown code{
line-height: 1.5;
margin: 0;
}

#tbCommentBody { padding:0;}
div.commentform textarea{height:160px;}
.comment_textarea{width:100%;}

#cnblogs_post_body p{margin-top:0;margin-bottom:20px;}
#cnblogs_post_body ol, #cnblogs_post_body ul{padding-left:15px; margin-left:10px; margin-bottom: 20px; }
#cnblogs_post_body ol li, #cnblogs_post_body ul li {margin-bottom:5px;}
.cnblogs-markdown h1, .cnblogs-markdown h2, .cnblogs-markdown pre, .cnblogs-markdown h3, .cnblogs-markdown pre {margin-bottom:20px;}
.cnblogs-markdown p img { max-width: 100%; max-height:640px; }
.postBody a:link, .postBody a:visited, .postBody a:active{color: #075DB3;text-decoration:none;}