html {
  font-size: 100px;
  background: #fff;
}

body{
  font-size: .14rem;
  position: relative;
  min-height: 100vh;
  color: #000;
  font-family: PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* 要注意表单元素并不继承父级 font 的问题 */
button, input, select, textarea {
  font: 400 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

a {
  color: #000;
  transition: color 300ms;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  color: #e50053;
}

.clear {
  clear: both
}



table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 850px
}

/* layout --> */


/* 响应式布局 */

#blogTitle,
#navigator,
#main,
#footer::after {
  margin: auto!important;
  width: 900px
}

@media screen and (min-width: 1260px) {
  #blogTitle,
  #navigator,
  #main,
  #footer::after {
      width: 1200px;
  }
}

@media screen and (max-width: 1260px) {
  #blogTitle,
  #navigator,
  #main,
  #footer::after {
      width: 90%;
  }
  #mainContent{
      width: 100%!important;
  }
  #sideBar{
      width: 100%!important;
      margin: 0!important;
  }
}


@media screen and (max-width: 1023px) {
  #blogTitle,
  #navigator,
  #main,
  #footer::after {
      width:95%!important;
  }
}




#home {
  margin: 0 auto;
  padding-bottom: 100px;
}

/* <--- layout end */

/* sidebar --> */

#sideBar {
  margin-left: 20px;
  width: 290px;
  float: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: visible;
  word-break: break-all
}


#sideBar ul {
  word-break: break-all;
  list-style: none
}

#sideBar li {
  list-style: none
}

/* <-- sidebar end */



/* header */

#header{
background-color: #f9f9f9;
background-image: linear-gradient(#f8f8f8, #f5f5f5);
margin-bottom: 50px;
border-bottom: 1px solid #dedede;
}

#blogTitle{
  padding: .3rem 0 .4rem 0;
}
#blogTitle h1{
  padding: 0!important;
  font-size: .22rem;
  margin-bottom: .2rem;
}
#blogTitle h2{
  padding: 0!important;
  color: inherit;
  font-size: .18rem;
}
#blogTitle a{
  text-decoration: none;
  color: inherit;        
  display: inline-block;
}
#blogTitle a:hover{
  color: red;
}

#navigator{
  padding-bottom: .1rem;
}

#navList{
  list-style: none;
}
.blogStats{
  display: none;
}

#navList li {
  font-size: .14rem;
  display: inline;
}
#navList li a{
  margin-right: .2rem;
  text-decoration: none;
}

#navList li:empty,
#navList #blog_nav_newpost {
  display: none;
}

/* header end */



/* home posts list */


#mainContent .forFlow {
  float: none;
  width: 100%
}



.day .postSeparator {
  border-top: 1px solid #eee;
  margin: 20px 0 45px 0;
}

.dayTitle {
  font-size: .12rem;
}


.dayTitle a {
  text-decoration: none;
}


.day{
  padding-bottom: 0.2rem;
  margin: 0.45rem 0px;
  border-bottom: 1px solid #eee;
}

.dayTitle{
  height: 0.15rem;
  font-size: 14px;
  color:  #555;
  margin-right: 1em;
  padding: 0.1rem 0px;
  display: none;
}


.postTitle {
  font-size: 0.18rem;
  color: rgb(79, 79, 79);
  margin-bottom: 0.1rem;
}

.postCon .c_b_p_desc{
  font-size: 0.14rem;
  color: rgb(63, 63, 63);
  line-height: 2em;
  margin: 16px 0px 0px;
}

.postDesc{
  line-height: 1.5em;
  margin-right: 1em;
  padding: 0.1rem 0px;
  color: #777;
}

.postDesc a{
  margin-left: 10px;
  text-decoration: underline;
}

/* home posts list end */


#calendar table a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #f60
}

.catListTag ul li, {
  margin: .5em
}

.divRecentComment {
  margin-top: .5em
}

#EntryTag a:hover {
  color: #f60
}

.feedbackListSubtitle {
  padding: 0 5px
}

.feedbackListSubtitle a:hover {
  color: #9ab26b;
  text-decoration: none
}

#divRefreshComments {
  text-align: right;
  margin-bottom: 10px
}

.entrylistItemPostDesc a:hover {
  color: #f60
}

.topicListFooter .pager a:hover,.topicListFooter .pager span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #9ab26b;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);
  box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);
  height: 40px;
  line-height: 40px;
  margin-top: 14px;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  text-decoration: none;
  border: none
}

.divPhoto:hover {
  border-color: #08c;
  box-shadow: 3px 3px 3px rgba(0,0,0,.3)
}

/* footer */

#footer {
  background-color: #f3f3f3;
  border-top: 1px solid #dedede;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  font-size: 0;
}

#footer::after {
  display: block;
  content: "Copyright ©2019 wy-ei";
  font-size: .12rem;
  line-height: 40px;
  color: #333;
  height: 40px;
}

/* footer end */



/* post --> */

.postBody{
  padding: 1em;
}

#mainContent {
  background: none;
  float: left;
  overflow: visible;
  text-overflow: ellipsis;
  width: 890px;
  word-break: break-all;
}


#topics {
  background: #fff;
  overflow: hidden;
  border: 1px solid #ccc;
}

#topics .postTitle {
  font-size: 20px;
  background: #f5f5f5;
  line-height: 50px;
  padding: 0 15px;
  color: #333;
  margin-bottom: 0;
  border-bottom: 1px solid #dedede;
}

#topics .postTitle a {
  text-decoration:none;
}

#topics .postBody blockquote {
  border: none;
  border-left: 2px solid #1abc9c;
  color: #999;
  padding-left: 1em;
}

#topics .postBody blockquote p {
  margin: 0;
  padding: 0;
  color: #777
}

.postTitle a {
  text-decoration: none;
}

.postTitle a:hover {
  color: red;
  text-decoration: none
}


#post_next_prev {
  line-height: 200%;
  margin: 10px 0;
  font-size: 14px
}

#post_next_prev a {
  color: #333
}

#post_next_prev a:hover {
  border-bottom: 1px dotted #ff5e52;
  color: #ff5e52
}

#topics .postDesc {
  font-size: 14px;
  margin: 10px 0;
  padding: 0 10px;
}

#topics .postDesc a:hover {
  color: #9ab26b
}


/* <--- post end */



.pfl_feedback_area_title {
  margin-bottom: 1em
}

.pfl_feedbackCon {
  margin: .5em
}


img {
  border: none
}



#BlogMusicPayer,#flashContent, {
  display: block;
  left: 719px;
  position: absolute;
  top: 45px
}

#user .user_info a:hover {
  color: rgba(255,255,255,1)
}

#mynav li:hover {
  background-color: #99b16b;
  color: #fff
}

#mynav li,#profile_block a,.catListTag ul li,.catListTag ul li:before,.catListPostCategory ul li a,.catListPostArchive ul li a,.recent_comment_title a,.catListView ul li a,.catListFeedback ul li a {
  -webkit-transition: all .2s ease-in;
  -o-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  transition: all .1s ease-out
}

#cnblogs_post_body {
  color: #333;
  line-height: 1.8;
  margin-bottom: 50px;
}

#cnblogs_post_body h2 {
  margin: 20px 0
}

#cnblogs_post_body p a:hover,#cnblogs_post_body ol li a:hover,#cnblogs_post_body ul li a:hover {
  border-bottom: 1px dotted #9ab26b
}

#cnblogs_post_body ol,#cnblogs_post_body ul {
  margin: 0 0 1em;
  margin-left: 40px;
  padding: 0
}

#EntryTag {
  font-size: 14px;
  color: #7e8c8d;
  font-weight: bold
}


#BlogPostCategory a {
  margin-left: 10px
}

#BlogPostCategory a:hover {
  color: #ff5e52;
  border-bottom: 1px dotted #ff5e52
}

#mystart ul li a.a,#mystart ul li a.b {
  float: left;
  margin-right: 12px;
  text-decoration: none
}

#myinfo a:hover {
  border-bottom: 1px dotted #9ab26b
}

.feedbackManage {
  line-height: 26px;
  float: right
}

.comment_actions a:hover {
  color: #9ab26b
}

.login_tips a:hover {
  color: #fff
}

.login_tips_login {
  background: #9ab26b
}

.login_tips_regist {
  background: #49c8f5
}

.login_tips_home {
  background: #2b6695
}


.entrylistPosttitle a.desc_img_wrap {
  margin: 0;
  margin-bottom: 10px;
  display: block;
  position: relative;
  height: 320px
}


.c_b_p_desc {
  font-size: 14px;
  color: #333;
  line-height: 200%
}

a.c_b_p_desc_readmore {
  color: #000;
  text-decoration: underline;
}

.entrylistItemPostDesc a:hover {
  color: #9ab26b
}





#leftcontentcontainer {
  margin-top: 20px
}

.myad {
  padding: 20px;
  background: #fff;
  margin-top: 20px
}

.mySearch {
  background: #fff
}


/* sidebar pannel --> */
.catListTitle {
  border: 1px solid #ccc;
  margin: 0;
  overflow: hidden;
  padding-left: 1em;
  background: #f5f5f5;
  font-size: 16px;
  color: #757575;
  line-height: 50px;
}

#profile_block {
  color: #777;
  padding: 15px;
  line-height: 1.8;
  margin-top: 0!important;
  border: 1px solid #ccc;
  border-top: none;
}

#profile_block a {
  text-decoration: none;
}

#profile_block a:hover {
  border-bottom: 1px dotted;
}

/* <-- end */




#widget_my_zzk {
  padding: 15px 0 0 15px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  margin: 0!important;
}

#widget_my_google {
  border: 1px solid #ccc;
  padding: 10px 0 15px 15px;
  position: relative;
  margin: 0px;
  border-top: none;
  border-collapse: separate;
}

.input_my_zzk {
  height: 35px;
  border: 1px solid #ddd;
  outline: none;
  line-height: 35px;
  font-size: 13px;
  width: 240px;
  padding: 0 10px;
}

input.btn_my_zzk {
  font-size: 14px;
  height: 37px;
  width: 70px;
  background: #ddd;
  text-align: center;
  line-height: 37px;
  border: none;
  outline: none;
  display: table-cell;
  color: #222;
  position: relative;
}

input.btn_my_zzk:hover {
  cursor: pointer;
  background: #aaa;
}

.catListTag ul li a:hover {
  text-decoration: none;
  color: #fff
}

.catListPostCategory {
  background: #fff
}

.catListPostCategory ul {
  border: 1px solid #dedede;
  border-top: none
}

.catListPostCategory ul li {
  line-height: 44px;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 25px;
  font-size: 15px;
  color: #777
}

.catListPostCategory ul li a,.catListPostArchive ul li a,.catListArticleCategory ul li a,.recent_comment_title a,.catListView ul li a,.catListFeedback ul li a {
  color: #777;
  text-decoration: none
}

.catListPostCategory ul li a:hover,.catListPostArchive ul li a:hover,.catListArticleCategory ul li a:hover,.recent_comment_title a:hover,.catListView ul li a:hover,.catListFeedback ul li a:hover {
  color: #ff5e52;
  border-bottom: 1px dotted #ff5e52
}

.catListPostArchive {
  background: #fff
}

.catListPostArchive ul {
  border: 1px solid #dedede;
  border-top: none
}

.catListPostArchive ul li {
  line-height: 44px;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 25px;
  font-size: 15px;
  color: #7e8c8d
}

.catListArticleCategory {
  width: 290px;
  padding-top: 20px;
  background: #fff
}

.catListImageCategory {
  width: 290px;
  padding-top: 20px;
  background: #fff
}

/* comment --> */

.catListComment {
  background: #fff
}

.recent_comment_title {
  color: #7e8c8d;
  border: none!important
}

.recent_comment_body,.recent_comment_author {
  color: #9fa4a4;
  padding-top: 0!important
}

.recent_comment_body {
  border-bottom: none!important
}

.recent_comment_author {
  border-bottom: 1px solid #e9e9e9
}

.commentform{
  margin: 0!important;
}

.commentbox_main{
  margin-top: 10px;
}

#comment_form_container .comment_textarea{
  margin-top: 10px;
  width: 100%;
  padding: 10px;
  box-sizing:border-box;
}
#comment_form_container .commentbox_title{
  width: 100%;
}


#blog-comments-placeholder:empty{
  display: none;
}

#blog-comments-placeholder {
  padding: 20px;
  border: 1px solid #dedede;
  padding-top: 0;
  margin-top: 20px;
  background: #fff
}



#comment_nav {
  margin: 10px 0
}

#comment_nav a:hover {
  color: red;
}

/* <----- comment */



.catListView {
  background: #fff;
  margin-top: 20px
}

.catListFeedback {
  background: #fff;
  margin-top: 20px
}

.catListFeedback ul li {
  border-bottom: 1px solid #e9e9e9;
  padding: 8px 0
}

.catListLink {
  display: none
}

.clearFix:after {
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  content: "";
  visibility: hidden
}





.feedbackItem {
  margin-top: 10px
}

.feedbackCon {
  border: 1px dashed #dedede;
  padding: 10px;
  margin: 10px 0
}


#site_nav_under {
  border: 1px solid #dedede;
  padding: 20px;
  background-color: #fff
}



/* 分类 ---> */

.entrylist{
  background: #fff;
  border: 1px solid #d9d9d9;
  margin-bottom: 25px;
  overflow: hidden;
}

.entrylist h1 {
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid #e0e0e0;
  background: #f5f5f5;
  font-size: 16px;
  color: #757575;
  line-height: 50px;
  text-indent: 1em;
}

.entrylistDescription{
  display: none;
}

.entrylistItem {
  padding-top: 37px;
  margin: 0 14px 35px;
  border-top: 1px solid #EEE;
  margin-bottom: 20px;
}

.entrylist .entrylistItem:nth-child(3){
  border-top: 0!important;
}

.entrylist .postSeparator {
  display: none
}

.entrylistItemTitle {
  color: #333;
}

.entrylistPosttitle {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #4f4f4f;
}

.entrylistPosttitle a{
  color:#333;
}

.entrylistPosttitle a:hover {
  color: red;
  text-decoration: none;
}


.entrylistPostSummary {
  padding: 15px 0;
  clear: both
}

.entrylistItemPostDesc {
  clear: both;
  color: #777;
  float: none;
  text-align: left;
  line-height: 2em;
}

.entrylistItemPostDesc a {
  color: #777;
  margin: 0 5px;
}



.topicListFooter {
  margin: 45px 0;
  text-align: left;
}

#nav_next_page {
  line-height: 40px
}

#nav_next_page a {
  text-decoration: underline;
}


/* <--- 分类 */

#myposts h3 {
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  font-size: 28px!important
}

#myposts .PostList {
  background: #fff;
  padding: 20px;
  border: 1px solid #dedede;
  margin: 0 0 -1px 0!important
}

#myposts .PostList:hover {
  border: 1px solid #169fe6;
  position: relative;
  z-index: 10
}

#myposts .PostList a {
  display: block;
  font-size: 16px;
  color: #333
}

#myposts .PostList a:hover {
  color: #ff5e52
}

.cnblogs-post-body {
  color: #333
}

.sidebar-block {
  margin-bottom: 20px;
  background-color: #fff
}


.sidebar-block ul {
  border: 1px solid #dedede;
  border-top: none
}

.sidebar-block ul li {
  line-height: 2;
  border-bottom: 1px solid #e9e9e9;
  padding: 8px 15px;
  font-size: 14px;
  color: #777
}

.sidebar-block ul li:last-of-type{
  border-bottom: 0;
}

.sidebar-block ul li a {
  color: #777;
  text-decoration: none
}

.sidebar-block ul li a:hover {
  color: #ff5e52;
  border-bottom: 1px dotted #ff5e52
}

#cnblogs_post_body img {
  max-width: 800px
}

#cnblogs_post_body a:link {
  text-decoration: none;
}



/* news & ad */

#cnblogs_c1,
#under_post_news,
#under_post_kb,
#ad_t2{
  display:none;
}



@font-face {font-family: "iconfont";
src: url('//at.alicdn.com/t/font_79545_yc3rhljwr9.eot?t=1530443143378'); /* IE9*/
src: url('//at.alicdn.com/t/font_79545_yc3rhljwr9.eot?t=1530443143378#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
url('//at.alicdn.com/t/font_79545_yc3rhljwr9.ttf?t=1530443143378') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/font_79545_yc3rhljwr9.svg?t=1530443143378#iconfont') format('svg'); /* iOS 4.1- */
}




#blog_nav_myhome:before,
#blog_nav_contact:before,
#blog_nav_admin::before,
#blog_go_up:before {
font-family:"iconfont" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



#blog_nav_contact:before { 
  content: "\e67e";
  margin-right: 10px;
}

#blog_nav_admin:before { 
  content: "\e7f6";
  margin-right: 10px;
}

#blog_nav_myhome:before {
  margin-right: 10px;
  content: "\e734"; }

#blog_go_up:before {
  content: "\e611"; 
}

#blog_go_up{
  position: fixed;
  bottom: 50px;
  right: 10px;
  text-decoration: none;
  background: #ddd;
  padding: 5px 10px;
  border-radius: 3px;
}
#blog_go_up:hover{
  background:#aaa;    
}



@media only screen and ( max-width: 640px ) {
blockquote {
  margin: 1em 0;
}
}

/* Firefox 以外，元素没有下划线，需添加 */
acronym, abbr {
border-bottom: 1px dotted;
font-variant: normal;
}

/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
abbr {
cursor: help;
}

/* 一致的 del 样式 */
del {
text-decoration: line-through;
}

address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: 400;
}

/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul, ol {
list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
text-align: left;
}

q:before, q:after {
content: '';
}

/* 统一上标和下标 */
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}

:root sub, :root sup {
vertical-align: baseline; /* for ie9 and other modern browsers */
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}


a:hover {
text-decoration: underline;
}

/* 下划线继承字体颜色 */
#cnblogs_post_body.cnblogs-markdown a {
border-bottom: 1px solid;
}

#cnblogs_post_body.cnblogs-markdown a:hover {
color: #555;
text-decoration: none;
}

/* 默认不显示下划线，保持页面简洁 */
ins, a {
text-decoration: none;
}

/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，
* 要做到更好，向后兼容的话，添加 class=#cnblogs_post_body.cnblogs-markdown-u" 来显示专名号
* 关于 <u> 标签：//www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
* 被放弃的是 4，之前一直搞错 //www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
* 一篇关于 <u> 标签的很好文章：//html5doctor.com/u-element/
*/
u, #cnblogs_post_body.cnblogs-markdown-u {
text-decoration: underline;
}

/* 标记，类似于手写的荧光笔的作用 */
mark {
background: #fffdd1;
border-bottom: 1px solid #ffedce;
padding: 2px;
margin: 0 5px;
}

code{
color: #a31515;
font-family: Menlo,Monaco,Lucida Console,Liberation Mono, DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace, serif;  
}

/* 代码片断 */
pre code, pre tt {
color: #673ab7;
line-height: 1.2em;
}

pre {
border: 1px solid #eaeaea;
padding: .5em;
margin: 40px 0;
white-space: pre;
overflow: auto;
}

/* 一致化 horizontal rule */
hr {
border: none;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 0.8em;
height: 10px;
}

/* 底部印刷体、版本等标记 */
small,
/* 图片说明 */
figcaption {
font-size: 0.9em;
color: #888;
}

strong, b {
font-weight: bold;
color: #000;
}

/* 可拖动文件添加拖动手势 */
[draggable] {
cursor: move;
}

/* 强制文本换行 */
.textwrap, .textwrap td, .textwrap th {
word-wrap: break-word;
word-break: break-all;
}

.textwrap-table {
table-layout: fixed;
}

/* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */
.serif {
font-family: Palatino, Optima, Georgia, serif;
}

/* 保证块/段落之间的空白隔行 */
#cnblogs_post_body.cnblogs-markdown p, #cnblogs_post_body.cnblogs-markdown pre, #cnblogs_post_body.cnblogs-markdown ul, #cnblogs_post_body.cnblogs-markdown ol, #cnblogs_post_body.cnblogs-markdown dl, #cnblogs_post_body.cnblogs-markdown form, #cnblogs_post_body.cnblogs-markdown hr, #cnblogs_post_body.cnblogs-markdown table,
#cnblogs_post_body.cnblogs-markdown blockquote {
margin: 1em 0;
line-height: 2em;
font-size: 1em; 
}

#cnblogs_post_body.cnblogs-markdown pre{
  background: #f1f1f1;
  display: block;
  overflow: auto;
  line-height: 1.8em;
  border-radius: 4px;
}



h1, h2, h3, h4, h5, h6 {
font-weight: normal!important;
color: #000;
line-height: 1;
}

/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
#cnblogs_post_body.cnblogs-markdown h1, #cnblogs_post_body.cnblogs-markdown h2, #cnblogs_post_body.cnblogs-markdown h3, #cnblogs_post_body.cnblogs-markdown h4, #cnblogs_post_body.cnblogs-markdown h5, #cnblogs_post_body.cnblogs-markdown h6 {
margin: 1em 0;
line-height: 1.6;
}

#cnblogs_post_body.cnblogs-markdown>h1:first-of-type{
margin-top: 0;
}

#cnblogs_post_body.cnblogs-markdown h1 {
font-size: 2em;
border-bottom: 1px solid #d1d1d1;
}

#cnblogs_post_body.cnblogs-markdown h2 {
font-size: 1.5em;
border-bottom: 1px dotted #d1d1d1;
}

#cnblogs_post_body.cnblogs-markdown h3 {
font-size: 1.4em;
border-bottom: 1px dotted #d1d1d1;
}

#cnblogs_post_body.cnblogs-markdown h4 {
font-size: 1.2em;
}

#cnblogs_post_body.cnblogs-markdown h5{
font-size: 1em;
}

#cnblogs_post_body.cnblogs-markdown h6 {
font-size: 0.8em;
}

/* 在文章中，应该还原 ul 和 ol 的样式 */
#cnblogs_post_body.cnblogs-markdown ul {
margin-left: 1.3em;
list-style: disc;
}

#cnblogs_post_body.cnblogs-markdown ol {
list-style: decimal;
margin-left: 1.9em;
}

#cnblogs_post_body.cnblogs-markdown li ul, #cnblogs_post_body.cnblogs-markdown li ol {
margin-bottom: 0.8em;
margin-left: 2em;
}

#cnblogs_post_body.cnblogs-markdown li ul {
list-style: circle;
}

/* 同 ul/ol，在文章中应用 table 基本格式，color 继承外层元素的颜色 */
#cnblogs_post_body.cnblogs-markdown table th, #cnblogs_post_body.cnblogs-markdown table td {
border: 1px solid #ddd;
padding: 0.5em 1em;
}

#cnblogs_post_body.cnblogs-markdown table th {
background: #fbfbfb;
}

#cnblogs_post_body.cnblogs-markdown table thead th {
background: #f1f1f1;
}

#cnblogs_post_body.cnblogs-markdown table caption {
border-bottom: none;
}

/* 去除 webkit 中 input 和 textarea 的默认样式  */
#cnblogs_post_body.cnblogs-markdown input, #cnblogs_post_body.cnblogs-markdown textarea {
border-radius: 0;
}

legend, caption {
color: #000;
font-weight: inherit;
}

#cnblogs_post_body.cnblogs-markdown em,
#cnblogs_post_body.cnblogs-markdown i {
  font-style: italic;
}

/* Responsive images */
#cnblogs_post_body.cnblogs-markdown img {
max-width: 100%;
margin: auto;
display: block;
}


.cnblogs-markdown .hljs, .cnblogs-post-body .hljs {
  padding: 0px!important;
  font-size: 14px!important;
  border: 0!important;
  line-height: 2em!important;
  background: none!important;
  font-family: Menlo,Monaco,Lucida Console,Liberation Mono, DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace, serif!important;
}

.cnblogs-markdown .hljs-comment{
  font-family: PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

.cnblogs-markdown code,.cnblogs-post-body code {
  padding: 0 5px!important;
  font-size: 14px!important;
  border: none!important;
  margin: 0!important;
  font-family: Menlo,Monaco,Lucida Console,Liberation Mono, DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace, serif!important;
  background-color: transparent!important;
}


@media screen and (max-width: 1023px) {
  #topics{
      border: none!important;
  }
  .postBody{
      padding: 0em!important;
  }
  #topics .postTitle {
      padding: 0;
      background: #fff;
  }
  #topics .postDesc{
      padding: 0;
  }
}