html{color:#000;background:#fff}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
legend{color:#000}
a{text-decoration: none;}
.c_b_p_desc_readmore{color: #23ad93;}
a.entrylistItemTitle {color: #444;}
#mainContent>a[href]{color: #222;}
body{margin:0;padding:0;background:#fff;font-size:14px;font-family:"微软雅黑"}
#home{display: flex;justify-content: flex-start;}
#header{width:28rem;position:fixed;left:0;height:100%;background: #23ad93;padding-top:200px;color:#fff;text-align: center;}
#main{flex: 1;border-left: 1px solid #eee;padding:4em 2em;margin-left: 28rem;}
#footer{visibility: hidden;display: none;}
#blogTitle{color: #fff;font-size: 22pt;}
#blogTitle h1 a{color:#fff;text-decoration: wavy;font-size: 22pt;}
#blogTitle h2 a{color:#fff;text-decoration:none;font-size: 18px;}
#navigator{text-align: left;padding:2em;}
#navList{display: flex;justify-content: space-around;flex-wrap: wrap;}
#navList li a{color:#fff;text-decoration: none;}
.day{margin:2em 0;}
.blogStats{text-align: center;padding:2em}
.dayTitle{display: none;}
.dayTitle a{font-size: 0.8rem;color: #666;}
.postTitle{font-size: 20px;padding:4px 0;}
.postTitle>a,.entrylistTitle,.entrylistPosttitle{font-size: 20px;color:#222 !important;font-weight: bold;}
.postTitle>a:hover{ transform: translate(0 10px); color:#23ad93 !important;transition: 0.2s;}
.c_b_p_desc{color:#666;width: 600px;word-break: break-all;white-space: normal;line-height: 1.5;}
.postDesc{color:#999;}
.postDesc a{color:#23ad93;transform: translate(0 10px);transition: 0.2s; }
.postCon{margin:10px 0 0 0;}
.postTitle2:Hover{color: #23ad93;}
#sidebar_articlecategory{position: fixed;top:0;display: flex;background: #fff;border-bottom:1px solid #eee;width: 100%;padding:18px 0;}
#sidebar_articlecategory ul{ justify-content: flex-start; display: flex;margin:15px 0;}
#sidebar_articlecategory ul li{padding-right:25px}
 
#sidebar_articlecategory ul li a:hover{color:#666}
/* .catListTitle{display: none;} */ 
.catListArticleCategory,.catListEssay{display: none;visibility: hidden;}
.catListPostCategory ul li a{color:#666;position: relative; font-size: 16px;cursor:pointer; }
.catListPostCategory ul{position: fixed;top:0;display: flex;background: #fff;border-bottom:1px solid #eee;width: 100%;padding:18px 0;}
.catListPostCategory ul li{padding-right:25px}
.catListPostCategory ul li a::after { content: ""; display: block; position: absolute; bottom: -19.5px; left: 0; border-bottom: 1px solid #23ad93; width: 100%; transition:width 0.2s ease-in-out; transform: scale3d(0, 1, 1); height: 1px; background: #23ad93; transform-origin: 50% 0; }
.catListPostCategory ul li a:hover::after { transition: all 0.2s ease-in-out; transform: scale3d(1, 1, 1); }
.catListLink{margin: 15px auto; width: 600px;}
.catListLink ul {display: flex;justify-content: space-around;}
.catListLink ul li{padding:5px 10px;display: inline-block;border:1px solid #23ad93;border-radius: 3px;}
.catListLink ul li a{color:#23ad93}
.catListLink ul li a:hover{color:#fff}
.catListLink ul li:hover{background:#23ad93;transition: 0.2s ease-in-out;color:#fff;}
.c_b_p_desc_readmore{display: block;padding:10px 0;}
.pager a{color:#23ad93;display: inline-block;padding:2px 10px;border-radius: 3px;}
#mainContent{margin-top: 60px;}
.catListPostArchive,.catListTitle{display: none;}
#homepage_top_pager{display: none;visibility: hidden;}
.catListTitle{padding:10px 0;border-bottom: 1px solid #eee;}
.recent_comment_title a{color:#666}
.catListEssay ul{padding:10px 0;}
.entrylistItem{margin:20px 0;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.c_b_p_desc{padding:15px 0 0 0;}
#under_post_news,#under_post_kb,#ad_t1,#ad_t2,#cnblogs_c1,#cnblogs_c2,.c_ad_block{display: none;visibility: hidden;}
#BlogPostCategory a{color: #999;}
#blog_post_info_block{display: flex;justify-content: space-between; flex-direction: column;}
#btn_comment_submit{padding:5px 10px;background: #23ad93;color: #fff;border:none}
.comment_btn{width: auto;height: auto;}
#comment_nav{position: fixed;right: 10px;bottom:10px;display: flex;flex-direction: column;}
#comment_nav a{width: 34px;
    height: 34px;
    font-size: 8px;
    border-radius: 50%;
    background: #444;
    color: #fff;
    margin: 10px;
    text-align: center;
    white-space: normal;
    word-break: break-all;
    padding: 5px;}

#post_next_prev{display: flex;}
.p_n_p_prefix{margin-left: 150px;}
#nav_next_page{text-align: left;}
#nav_next_page a{text-align: left;color: #23ad93;}
.postDesc{display: none;}
#green_channel{border:none;border-bottom: 1px solid #eee;}
.entrylistItemPostDesc a{color:#23ad93}
.entrylistDescription{display: none;}
#EntryTag a,#author_profile_detail a{color: #999;}
.blogpost-body{word-break: break-word;
    border-bottom: none;
    padding-bottom: 15px;
    font-size: 16px;
    color: #333;}
    #cnblogs_post_body p{    font-size: 15px;
    line-height: 28px;
    margin-bottom: 20px;
    word-break: break-all;
    word-wrap: break-word;}
.cnblogs-markdown .hljs, .cnblogs-post-body .hljs{color:auto;}