.newsItem h3, #blog-calendar::before {
    display: none !important;
}

#recent_comments_wrap > div > h3 {
    display: none;
}
.recent_comment_body {
    background: #009688;
    padding: 8px !important;
    margin: 5px !important;
    border-radius: 3px 10px 10px 10px;
    color: #fff;
}
.recent_comment_body:hover {
    color:#fff !important;
    background: #009688 !important;
}
#RecentCommentsBlock > ul {
    padding: 12px 8px !important;
}
.recent_comment_title > a {
    color: #212121 !important;
    font-size: 15px;
    margin-left: -7px;
}
.recent_comment_author {
    margin-top: 2px;
    margin-bottom: 5px;
    border-bottom: 0px !important;
    margin-right: -5px;
    color: #666;
    font-size: 14px;
}
.recent_comment_title,.recent_comment_author:hover {
    background: none !important;
}


.MathJax {
    outline: none;
}
#cnblogs_post_body a {
    color: #ff4081;
}

#cnblogs_post_body{
    line-height:1.8;
}
#MathJax_Message , #footer , #commentbox_opt_sub{
    display: none;
}
#cnblogs_post_body h2 {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 25px;
    transition: border-color 0.3s;
    padding-bottom: 12px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right,#f5f5f5,#eee);
    border-image-slice: 30;
    line-height: 1;
    /*font-family: "Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;*/
    font-family: Roboto,Noto,Helvetica,Arial,sans-serif;
    font-weight: unset;
    /*font-weight: bold;*/
}
#cnblogs_post_body h3 {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 21px;
    transition: border-color 0.3s;
    padding-bottom: 12px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right,#f5f5f5,#eee);
    border-image-slice: 30;
    line-height: 1;
    /*font-family: "Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;*/
    font-family: Roboto,Noto,Helvetica,Arial,sans-serif;
    font-weight: unset;
    /*font-weight: bold;*/
}
#cnblogs_post_body h4 {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    transition: border-color 0.3s;
    line-height: 1;
    /*font-family: "Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;*/
    font-family: Roboto,Noto,Helvetica,Arial,sans-serif;
    font-weight: unset;
    /*font-weight: bold;*/
}


pangu{
    display:none;
}
#commentform_title {
    background: none;
    color: #212121;
    font-size: 22px;
    margin-left: -10px;
    margin-top: 15px;
}
#comment_form_container > p:first-of-type , #btn_comment_submit , #commentbox_opt > a[onclick="return logout();"],#comment_nav {
    display: none;
}

.feedback_area_title{
    display:none;
}
.step {
    background: #ff4081;
    color: #fff;
    padding: 2px 10px;
    border-radius: 999px;
    padding-bottom: 3px;
    margin-right: 8px;
    line-height: 150%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}


#cnblogs_post_body th, #cnblogs_post_body td, .cnblogs-post-body th, .cnblogs-post-body td {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-collapse: collapse;
    padding: 12px 28px;
}
#cnblogs_post_body table, .cnblogs-post-body table {
    border-collapse: collapse;
    word-break: break-word;
    border: 1px solid rgba(0,0,0,.12);
}


body {
    /*font-family: '微软雅黑', 'Noto Sans CJK SC', 'Segoe UI', sans-serif !important;*/
  /*  font-family: Roboto,Noto,Helvetica,Arial,sans-serif !important;*/
}
*::selection {
    background-color: #cce2ff;
/*    color: rgba(0,0,0,.87);*/
}
*::-moz-selection {
    background-color: #cce2ff;
 /*   color: rgba(0,0,0,.87);*/
}
*::-webkit-selection {
    background-color: #cce2ff;
  /*  color: rgba(0,0,0,.87);*/
}


#tbCommentBody {
    max-height: 5rem;
    font-size: 1rem;
    /*font-family: 'Monaco', '文泉驿微米黑', '微软雅黑';*/
    resize: none;
    border-top: none;
    border-right: none;
    border-left: none;
   /* border-bottom: 2px solid #009688;*/
}

.blog_comment_body{
    line-height: 125%;
}
.blog_comment_body > a{
    color: #fff !important;
}
.feedbackItem{
    background:none;
    width: 900px;
    margin-bottom: 2rem;
    padding: 0.6rem 1rem;
    box-sizing: border-box;
}
.feedbackCon{
    margin-top:8px;
    background:#009688;
    border-radius:5px 15px 15px 15px;
    padding-left:5px;
    padding-right:5px;
    padding-top:7px;
    padding-bottom:25px;
}
.blog_comment_body{
    color:#fff;
}
a[id^='a_comment_author'] {
    font-size: 1.05rem;
    float: left;
}
a.layer {
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius:5px;
    font-size: 1rem;
    color: #fff !important;
    margin-left:5px;
    background:#009688;
    height:23px;
    line-height:20px;
}
.louzhu::before, .comment_my_posted b::before, .new-comment-title a:nth-child(2)::before {
    padding:1px;
    padding-left:5px;
    padding-right:5px;
    border-radius:5px;
    font-size: 1rem;
    color: white;
    content: '博主';
    display: inline-block !important;
    background-color: #E91E63;
    height:23px;
    line-height:21px;
    text-align:center;
    vertical-align:middle;
    margin-top: -12px;
}
.comment_vote{
    position:absolute;
    bottom:19px;
    left:20px;
}
.comment_digg,.comment_bury{
    color:#fff !important;
}
.comment_actions{
    position:absolute;
    bottom: 7px;
    right: 1rem;
    width:300px;
    text-align:right;
}
.comment_actions > a{
    color:#fff !important;
}




#under_post_news{
    display:none;
}
.mdui-drawer{
    top:0 !important;
}
.sideImg {
    position: relative;
    width: 100%;
    height: 200px;
    background-position: center center;
    background-size: cover;
}
.side-info-head {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 65px;
    height: 65px;
    border-radius: 65px;
    background-position: center center;
    background-size: cover;
}
.side-info-more {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    font-size: 17px;
}
.side-info-oth {
    color: hsla(0,0%,100%,.7);
    font-size: 13px;
}



.newsItem h3, #blog-calendar::before{
   z-index:1;
}

#home{
margin-top:10px;
}

#blog_stats{
    display:none;
}
#navigator {
    display:none;
}
#header{
    display:none;
}


body {
    background-color: #f7f7f7 !important;
}
.copyright_3C74fJC.weakText_3WcXGdI.baseText_dqsVpMD.badge_1EDM28u{
    display:none !important;
}
#readmode:hover{
    opacity: 1 !important;
}
#post_detail{
    position: relative;
}
#EntryTag a:hover ,#EntryTag a:active {
    height: 20px;
    line-height: 20px;
    padding: 3px 14px;
    border-radius: 10px;
   /* box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/
    margin: 2px 5px 0;
    text-decoration: none;
}
#EntryTag a {
    height: 20px;
    line-height: 20px;
    color: #333333;
    padding: 3px 14px;
    border-radius: 10px;
    margin: 2px 5px 0;
    background: #eee;
    text-decoration: none;
}
.postSeparator{
    display:none !important;
}
.postDesc:not(:nth-last-child(2))::after{
   margin-bottom:8px;
   box-shadow: none !important;
}

.ui-dialog {
    border-radius: 4px;
    border: none;
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12) !important;
}
.ui-dialog-footer button {
    border: none;
    outline:none;
}
/*
.ui-popup-focus .ui-dialog {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    background: #fafafa;
    border: 0;
}
.ui-dialog-title {
    font-size: 18px;
    font-family: sans-serif;
}
.ui-dialog-close {
    font-size: 25px;
}
.ui-dialog-header {
    border:0;
}
.ui-dialog-footer button {
    color: #009688;
    font-family: sans-serif;
    background-color: transparent;
    border: none;
    border-radius: 2px;
    transition: all 0.35s;
}
.ui-dialog-footer button:hover {
    color: #009688 !important;
}
.ui-dialog-footer button.ui-dialog-autofocus {
    color: #009688;
    font-family: sans-serif;
    background-color: transparent;
    border: none;
    border-radius: 2px;
    transition: all 0.35s;
}
.feedbackItem{
    transition: all 0.35s;
}
.ui-dialog-footer:hover button.ui-dialog-autofocus:hover {
    color: #009688 !important;
}
.ui-dialog-footer button.ui-dialog-autofocus:hover {
    color: #009688;
    background-color: rgba(0,0,0,0.2);
}
.ui-dialog-footer button:focus {
    color:#009688;
    background-color: transparent;
    border:none !important;
    outline:none;
}
.ui-dialog-footer button:active {
    color: #009688;
    font-family: sans-serif;
    background-color: #cccccc;
}

.ui-dialog-footer button.ui-dialog-autofocus:focus {
    color: #009688;
    font-family: sans-serif;
    background-color: transparent;
    border: none;
    border-radius: 2px;
    transition: all 0.35s;
    outline:none;
}
.ui-dialog-footer button.ui-dialog-autofocus:active {
    color: #009688;
    font-family: sans-serif;
    background-color: #cccccc;
}*/

/*---------------*/
.digg_tips{
    color: #009688 !important;
}
.blog_post_info a:hover  , .author_profile a:hover , .div_digg a:hover , #post_next_prev a:hover , .postDesc a:hover , 

.under_post_news a:hover , .newsItem a:hover , .blog-calendar a:hover , .blog-

sidecolumn a:hover ,#sideBarMain a:hover {
    color: #009688 !important;
}
a{
   transition:all 0.35s;
}
.diggword {
    margin-top: 20px;
    color: #009688 !important;
}
#blogTitle > h1 , #blogTitle > h2{/*动画*/
     -webkit-animation: fadeInUpsmall 0.5s cubic-bezier(0,0,0.58,1);
}
#post_detail,.day,.newsItem,#blog-calendar,.sidebar-block,#sidebar_categories,#sidebar_categories,#under_post_news，

#comment_form_container{/*动画*/
        -webkit-animation: fadeInUp 0.5s cubic-bezier(0,0,0.58,1);
}
#post_detail{/*动画*/
        -webkit-animation: fadeInUpsmall 0.5s cubic-bezier(0,0,0.58,1);
}
#Header1_HeaderTitle{
     transition:all 0.4s;
}
#Header1_HeaderTitle:hover{
    /*margin-left:20px;*/
   /* text-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);*/
}/*
.feedbackItem:hover{
     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.feedbackItem:active{
     box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}
.catListEssay{
     transition:all 0.3s;
}
.catListLink:hover{            
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
 }
.catListEssay:hover{            
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
 }
.catListLink:active{            
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
 }
.catListEssay:active{            
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
 }*/
.sidebar_postcategory{
     transition:all 0.3s;
     margin-bottom:20px;
}/*
#comment_nav > a:hover{            
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
 }
#comment_nav > a:active{            
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
 }
#comment_form_container{
     transition:all 0.3s;
}
#comment_form_container:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
#comment_form_container:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }*/
#post_detai , #mainContent, #post_detail{
     transition:all 0.3s;
}/*
#post_detail:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
#post_detail:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }
#catListLink:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
#catListLink:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }
.newsItem:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
.newsItem:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }
#blog-calendar:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
#blog-calendar:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }
#sidebar_search:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
#sidebar_search:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }*/
#sidebar_search{            
            transition:all 0.3s;
 }
.catListLink{
           transition:all 0.3s;
}/*
.catListLink:hover{            
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
.catListLink:active{            
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }*/
#q{outline:medium} 
#google_q{outline:medium}
#tbCommentBody{outline:medium}

#navigator{
    overflow-y:visible !important;
    overflow-x:visible !important;
}
#cnblogs_c1{
    display:none;
}
#cnblogs_c2{
    display:none;
}
#cnblogs_c3{
    display:none;
}
.diggit {
    transition:all 0.4s;
    float:left;
    margin-right:0;
    width:50px;
    height:50px;
    background:url('https://images2018.cnblogs.com/blog/1353627/201803/1353627-20180316185054909-304247936.png') no-repeat;
    background-position:0 0;
    text-align:center;
    cursor:pointer;
}
.diggit:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* Internet Explorer */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1); /* Opera */
}
.diggnum {
    color: #009688;
    float: left;
    margin-top: 45px;
    margin-left: 20px;
}
.buryit{
    display:none;
    transition:all 0.4s;
    float:left;
    width:50px;
    height:50px;
    background:url('https://images2018.cnblogs.com/blog/1353627/201803/1353627-20180316190738549-1177715238.png') no-repeat;
    background-position:0 0;
    text-align:center;
    cursor:pointer;
    margin-top: 5px;
}
.buryit:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1); /* Internet Explorer */
    -moz-transform:scale(1.1); /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1); /* Opera */
}
.burynum{
    color: #cfd8dd;
    float: left;
    margin-top: 40px;
    margin-left: 20px;
}


#green_channel_weibo img {
    display:none;
}
#green_channel_wechat img {
    display:none;
}
#green_channel_weibo{
    background:url('https://images2018.cnblogs.com/blog/1353627/201803/1353627-20180316202227422-218182843.png') no-repeat 

!important;
	width:32px;
    height:32px;
}
#green_channel_wechat{
    background:url('https://images2018.cnblogs.com/blog/1353627/201803/1353627-20180316202237463-277051489.png') no-repeat 

!important;
	width:32px;
    height:32px;
}
#green_channel_digg {
    background-color: #009688 !important;
	border-radius: 3px !important;
}
#green_channel_favorite {
    background-color: #009688 !important;
	border-radius: 3px !important;
}
#green_channel_follow {
    background-color: #009688 !important;
	border-radius: 3px !important;
}
#green_channel {
    float: right;
    position: relative;
    border: none;
    right: 150px;
}
#green_channel {
        width: max-content;
        float: none;
        right: 0;
  }
#green_channel a{
	background: url() no-repeat;
}
#under_post_kb{
    display:none;
}
#blog_nav_sitehome{
    display:none;
}
#blogTitle{
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        transition: all 0.4s;
}
#navList,#navigator{
        transition: all 0.4s;
}
/**************************************************
说明：
1：我们建议你通过只改变css的方式来制作新的皮肤模板。当然，页面的部分代
码你也是可以更改的，例如一些图片的地址。但是，请你在递交作品的时候，请同时
提交对页面部分代码的修改备注和说明。以便我们了解。
2：为了保证页面的兼容性，请你分别在IE和Firefox中分别查看你的页面，以便保证页面
对浏览器的兼容性。
3：请你随时关注官方网站。以便获得最新的通知和说明
时间：2008-1-30
作者：杨正祎
**************************************************/


/**************************************************
说明2：
上面那个说明，是在 https://skintemplate.cnblogs.com 下载的皮肤模板中附带的
在八年后的今天，这份“模板”，其实真正保留的，也只有注释了。
博客园肯定经过了许许多多的变迁，好多元素的类名，ID都或多或少的有所变化。
我也没有准备兼容低级浏览器，用了一些奇怪的选择器。没办法，谁让没有JS权限呢。
博客园官方貌似一直没有更新这个主题模板，我也没有找到投递新主题的入口。
嗯，就放在这里吧，算是我对MaterialDesign的一个执念。
时间：2016-8-26 00：12
作者：Rocket1184@博客园
**************************************************/


/**************************************************
坑：
由于博客园任性的代码高亮CSS，全部是 !important 优先级而且无法覆盖，
此次的修改没有对代码块的字体大小做调整，但这恰恰是我最急于改变的地方之一。
我会尽快申请JS权限，以便找到更好的解决方案。
时间：2016-8-26 00:16
更新：
已经使用优先级更高的 id 选择器和 !important 优先级覆盖了默认代码字体。
这坑算是填上了。
时间：2012-11-8 00:14
作者：Rocket1184@博客园
**************************************************/


/**************************************************
第一部分：所有的模板都使用的公共样式。公告样式是为了更好的向前和向后兼容。
如果不符合你皮肤的要求，你可以在后面通过更高的优先级覆盖着这些样式，但是
你不能删除这些样式。
**************************************************/

#EntryTag {
    margin-top: 20px;
    font-size: 9pt;
    color: gray;
}

.topicListFooter {
    text-align: right;
    margin-right: 10px;
    margin-top: 10px;
}

#divRefreshComments {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 9pt;
}


/*****第一部分结束*******************************/


/**************************************************
第二部：公共样式（全局样式）。公共会对所有页面的标签都起作用。这个部分你
可以随意的更改，并不会牵扯到其他的皮肤模板。但是每次更改都要注意你的皮肤
模板所有页面的变化。因为它们是全局的。
**************************************************/
.newsItem h3,#blog-calendar::before {margin:0;}
h3.catListTitle{margin:0;}
div#sidebar_myteams{display:none;}
/*div#sidebar_recentcomments{display:none;}*/
div#sideBarMain{width:325px;}
.sidebar-block ul{padding-left:6px;}
#main{width:1245px;}
#sideBar{width:325px;}
#ad_t2{display:none;}
#ad_c1{display:none;}
#ad_c2{display:none;}
.c_b_p_desc{font-size: 14px;margin-left: 2px;}
.c_b_p_desc a{float: right;text-decoration: underline;}
.postDesc{font-size: 14px;padding-left:15px;}
.postDesc a{text-decoration: underline;padding-left:20px;}
* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    color: #000000;
    background: #FAFAFA;
 /*   font-family: '微软雅黑', 'Noto Sans CJK SC', 'Segoe UI', sans-serif;*//*文泉驿微米黑*/
    font-size: 16px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

ul {
    word-break: break-all;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

a {
    outline: none;
}

a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #F60;
    text-decoration: none;
}

a:active {
    color: black;
    text-decoration: none;
}

.clear {
    clear: both;
}


/*****第二部分结束*******************************/


/**************************************************
第三部分：各个页面元素的样式。你可以根据需要随意的更改，并不会牵扯到其他
的皮肤模板。这个部分是最能展现你想象力的部分。其中头部和侧边栏部分是此皮
肤公共的部分。而每个页面特有的部分会有相应的注释和说明。
**************************************************/


/*****home和头部开始**************************/

/*****home和头部结束**************************/


/*****主页文章列表开始**************************/

#main {
    width: 1200px;
    margin: auto;
    font-size: 0;
}

#mainContent,
#sideBar {
    font-size: 1rem;
    width: 920px;
    display: inline-block;
}

.day {
    width: 900px;
    margin-bottom: 2rem;
    background-color: white;
 /*   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);*/
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    border-radius: 2px;
        /*渐变效果,可以删掉这句话试试*/
    transition:all 0.3s;
}
      
.day:hover{            
            /*鼠标悬浮效果*/
            /*阴影*/
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
 }
.day:active{            
            /*鼠标悬浮效果*/
            /*阴影*/
            box-shadow: 0 3px 17px rgba(0, 0, 0, 0.2);
 }
.dayTitle {
    color: #009688;
    float: right;
}
/*
.postTitle::before,
.entrylistPosttitle::before {
    content: '|';
    color: #009688;
    font-size: 1.3rem;
    font-weight: 900;
    display: inline-block;
}*/

.postTitle a,
.entrylistPosttitle a {
    text-decoration: none;
    font-size: 1.5rem;
    margin-left: 3px;
    color: #e91e63;
    transition: margin-left 0.4s;
}
/*
.postTitle a:hover {
    margin-left: 1.2rem;
}*/

.postCon,
.entrylistPostSummary {
    margin: 1em;
    margin-left: 2px;
}

.postTitle {
    padding-top: 0.6rem;
}

.postDesc:not(:nth-last-child(2))::after {
    user-select: none;
    color: white;
    font-size: 8px;
    display: block;
    width: calc(100% + 2rem);
    content: '-';
    position: relative;
    right: 1rem;
  /*  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);*/
    border-radius: 2px;
    z-index: 2;
}

.postSeparator {
    width: calc(100% + 3rem);
    position: relative;
    right: 1.5rem;
    height: 2rem;
    display: block;
    background-color: #CFD8DD;
}

.topicListFooter {
    width: 900px;
}

.topicListFooter a {
    padding: 0.6rem 1rem;
    color: white;
    background-color: #009688;
/*    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);*/
}


/*****主页文章列表结束**************************/


/*****侧边栏开始********************************/

#sideBar {
    width: 280px;
    vertical-align: top;
}

.newsItem,
#blog-calendar,
#leftcontentcontainer > div > div {
    margin-bottom: 2rem;
    background-color: white;
 /*   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);*/
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0.4rem 0.6rem;
    overflow: hidden;
    transition:all 0.3s;
}
      

.newsItem h3,
#blog-calendar::before {
    display: block;
    color: white;
    background-color: #009688;
    width: 100%;
    padding: 0.4rem 0.6rem;
    position: relative;
    right: 0.6rem;
    bottom: 0.4rem;
    box-sizing: content-box;
}

#blog-calendar::before {
    content: '日历';
}

#blogCalendar td,
#calender th {
    position: relative;
    color: black;
    padding: 0.1rem 0.6rem;
}

.CalTitle td:nth-child(2) {
    padding: 0 3.1rem !important;
}

#blogCalendar th.CalDayHeader {
    color: dimgrey;
}

#blogCalendar td.CalOtherMonthDay {
    color: grey;
}

#blogCalendar td a u {
    text-decoration: none;
    color: #009688;
}

#blogCalendar td.CalTodayDay {
    z-index: 1;
}

#blogCalendar td.CalTodayDay,
#blogCalendar td.CalTodayDay a u {
    color: white !important;
}

#blogCalendar td.CalTodayDay::before {
    top: -0.25rem;
    right: 0.478rem;
    position: absolute;
    display: block;
    content: 'O';
    color: #009688;
    background-color: #009688;
    border-radius: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    z-index: -1;
}

#leftcontentcontainer > div > div {
    padding: 0;
}

.catListTitle {
    /* color: white; */
    /* background-color: #009688; */
    padding: 0.4rem 0.8rem;
    display: block;
    font-size: 19px;
    margin-bottom: 5px;
    line-height: 36px;
    opacity: .87;
}

#leftcontentcontainer li {
    padding: 0.2rem 0.4rem;
    transition: background-color 0.4s;
}

#leftcontentcontainer li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#leftcontentcontainer li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

#leftcontentcontainer ul li a {
    color: black;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#leftcontentcontainer ul li a {
    color: black;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recent_comment_title,
.recent_comment_body {
    border: none !important;
    margin: 0 !important;
}

#sidebar_search_box {
    padding: 0.4rem 0.6rem;
}

input.input_my_zzk {
    border: none;
    border-bottom: 2px solid #009688;
    width: 11rem;
}

input.btn_my_zzk {
    color: white;
    border: none;
    outline: none;
    display: inline-block;
    background-color: #009688;
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    vertical-align: bottom;
    height: unset !important;
    border-radius: 2px;
}

#sidebar_toptags ul li {
    padding: 0.3rem 0.4rem;
}

#sidebar_toptags ul li a {
    display: inline-block;
    vertical-align: bottom;
    width: unset
}


/*****侧边栏结束********************************/


/* 文章查看部分 */

/*#divCommentShow > div,
#under_post_news,
#under_post_kb,
.entrylistItem,
#myposts,
#ad_t2 {
    width: 900px;
    margin-bottom: 2rem;
    background-color: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    border-radius: 2px;
}*/
#divCommentShow > div, #under_post_news, #under_post_kb, .entrylistItem, #myposts, #ad_t2 {
    width: 900px;
    margin-bottom: 2rem;
    background-color: white;
    -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);
    transition: -webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .25s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .25s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow;
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
#divCommentShow > div:hover, #under_post_news:hover, #under_post_kb:hover, .entrylistItem:hover, #myposts:hover, #ad_t2:hover {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}

#post_detail,
#comment_form_container{
    width: 900px;
    margin-bottom: 2rem;
    background-color: white;
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    border-radius: 2px;
}
#post_detail .postDesc::after {
    display: none;
}


/* 文章后的作者信息，支持/反对 */

#author_profile {
    width: 150px;
    float: left;
    margin-top: 10px;
}

#green_channel {
    float: right;
    position: relative;
    border: none;
    right: 150px;
}

#div_digg {
    float: right;
    position: relative;
    left: 360px;
}

/*#digg_tips {
    display: none;
}*/


/* 评论区 */

/*.feedback_area_title,
.entrylistTitle,
.myposts_title {
    font-size: 1.2rem;
    color: white;
    background-color: #009688;
    width: 900px;
    padding: 0.4rem 0.6rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
}*/
.feedback_area_title, .entrylistTitle, .myposts_title {
    color: #009688;
    width: 900px;
    padding: 1.2rem 1rem;
    font-size: 1.5em !important;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.feedbackItem {
    margin-bottom: 1rem;
    position: relative;
}

.feedbackListSubtitle {
    color: white;
    font-size: 0;
}

.feedbackManage {
    z-index: 5;
    font-size: 1rem;
    position: absolute;
    bottom: 0.6rem;
    right: 1rem;
}
/*
a.layer {
    position: absolute;
    font-size: 3.5rem;
    color: black;
    opacity: 0.1;
    bottom: 0;
    top:-0.1rem;
    right: 1rem;
    z-index: 1;
}
*/
.comment_date {
    font-size: 1rem;
    position: relative;
    left: 0.5em;
    color: gray;
}

.blog_comment_body {
    margin: 8px;
}
/*
.comment_vote {
    text-align: left;
    position: relative;
    right: 0.6rem;
}*/

a[id^='a_comment_author'] {
    font-size: 1rem;
    float: left;
}
/*
.louzhu::before,
.comment_my_posted b::before,
.new-comment-title a:nth-child(2)::before {
    color: white;
    font-size: 1rem;
    content: '博主';
    display: inline-block !important;
    background-color: darkblue;
    padding: 0 0.2rem;
    border-radius: 4px;
    vertical-align: bottom;
}*/

.louzhu::before {
    margin-left: 0.5rem;
}

.sendMsg2This {
    display: none;
}

legend > a::before {
    content: '查看';
}

/*
.comment_quote,
.postBody blockquote {
    position: relative;
    border: none;
    border-left: 10px solid lightgray;
    background-color: rgba(0, 0, 0, 0.05);
}*/

#comment_form {
    position: relative;
}

#comment_nav {
    width: 900px;
    margin: 2rem 0;
}


/* 发布评论 */

#comment_nav > a,
#span_refresh_tips,
#btn_comment_submit,
#commentbox_opt a {
    padding: 0.6rem 0.8rem;
    background-color: #009688;
    color: white !important;
    margin: 0.3rem;
 /*   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);*/
    border-radius: 2px;
    transition:all 0.3s;
}

#span_refresh_tips {
    display: none;
}

#commentform_title {
    background-image: none;
    position: relative;
    right: 1rem;
    bottom: 0.6rem;
    margin-bottom: 0;
}

#tip_comment {
    position: absolute;
    top: 0.1rem;
}

#tbCommentAuthor {
    background: none;
    border: none;
    padding: 0;
    font-size: 1rem;
    width: calc(100% - 3rem);
}

.comment_my_posted > img {
    display: none;
}

.comment_my_posted b::before {
    margin-right: 0.5rem;
    font-weight: 500;
    content: '发布中';
    background-color: skyblue;
}

.new-comment-title .comment_date {
    display: none;
}

.new-comment-title a:nth-child(2) {
    float: left;
}

.new-comment-title a:nth-child(2)::before {
    margin-right: 0.5rem;
    content: '已发布';
    background-color: lightgreen;
}

.new-comment-title a {
    float: right;
}

#tbCommentBody {
    height: 10rem;
    width: 860px;
    font-size: 1rem;
 /*   font-family: 'Monaco', '文泉驿微米黑', '微软雅黑';*/
    resize: none;
}

#btn_comment_submit {
    border: none;
    width: unset;
    height: unset;
    font-size: 1rem;
}

#commentbox_opt a:last-child {
    background-color: gray;
}

#comment_form_container > p:nth-last-child(2) {
    color: gray;
    bottom: 2rem;
    position: relative;
    float: right;
}


/* 随笔档案（按时间分类） */

.entrylistPosttitle a {
    margin-left: 0.3rem;
}

.entrylistPosttitle a:hover {
    margin-left: 1.5rem;
}


/* 随笔标签 */

#myposts {
    margin: 0;
    padding: 0;
}

.myposts_title {
    font-size: 1.2rem !important;
}

.PostList {
    font-size: 1rem !important;
    padding: 1rem;
    margin: 0 !important;
    border-bottom: 1px solid gray;
}

.PostList:nth-last-child(2) {
    border: none;
}

.postDesc2 {
    float: right;
}


/* 页尾footer */

#footer {
    text-align: center;
    margin-bottom: 3rem;
}


/* 比较影响页面一致性的广告 */

#ad_c1,
#ad_c2 {
    display: none
}


/*****第三部分结束*******************************/


/**************************************************
第四部分：文章内容常用标签格式。这个部分是设置作者写作内容的部分。例如：
如果作者的文章用有p标签，则可通过这个对这些文章中的p标签进行设置。前面
的“.postBody”明确的指出了这里样式的作用范围。仅仅适用于文章主体部分。
建议这个不要设置过于详细的细节。因为，一些样式，一篇文章比较适合的话，
并不能保证所有的文章都适合。
**************************************************/


/*文章内部常用标签格式*/

#EntryTag,
#post_next_prev {
    font-size: 1rem;
}

#cnblogs_post_body code {
    font-family: 'Monaco', 'Consolas', monospace, '文泉驿微米黑', '微软雅黑' !important;
    white-space: pre;
}

.postBody img {
    max-width: 100% !important;
}

.postBody blockquote {
    padding-left: 1em;
    margin: 1em 3em 1em 2em;
    font-weight: 400;
    border-left: 4px solid rgba(0,0,0,.12) !important;
    border: none;
}/*
hr{
    background-color: rgba(0,0,0,.12);
    height: 1px !important;
    margin: -1px 0 0 0;
    border: none;
}*/


/*****第四部分结束*******************************/


/**************************************************
第五部分：响应式视图布局。
**************************************************/

@media screen and (max-width:1200px) {
    #navigator {
        width: 100%;
        overflow: scroll;
    }
    #navList {
        margin: 0;
        width: max-content;
    }
  /*  #blogTitle h1,
    #blogTitle h2 {
        margin-left: 2rem;
        width: max-content;
    }*/
    #main {
        width: 100%;
        padding: 0 1rem;
        box-sizing: border-box;
    }
    .dayTitle,
    #comment_form_container > p:nth-last-child(2),
    .postText2 {
        display: none;
    }
    #mainContent,
    #sideBar,
    .day,
    .feedback_area_title,
    .entrylistTitle,
    .myposts_title,
    .feedbackItem,
    #post_detail,
    #comment_form_container,
    #divCommentShow > div,
    #under_post_news,
    #under_post_kb,
    .entrylistItem,
    #myposts,
    #comment_nav,
    #ad_t2 {
        width: 100% !important;
    }
    #green_channel {
        width: max-content;
        float: none;
        right: 0;
    }
    #div_digg {
        position: inherit;
    }
    #blogCalendar td.CalTodayDay {
        background-color: #009688;
    }
    #blogCalendar td.CalTodayDay::before {
        display: none;
    }
    #commentform_title {
        width: calc(100% + 2rem);
    }
    #tbCommentBody {
        width: calc(100% - 0.5rem);
    }
    .commentbox_title {
        width: 300px;
    }
    .commentbox_title_right {
        float: none;
    }
    .PostList {
        padding: 0.5rem 0.5rem 0;
    }
    .postDesc2 {
        display: block;
        margin-top: 1rem;
    }
}

@media screen and (max-width:1200px) and (min-width:900px) {
    #main,
    #mainContent,
    #sideBar,
  /*  #blogTitle h1,
    #blogTitle h2*/ {
        width: 900px;
    }
}


/*****第五部分结束*******************************/

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*--------*/
@-webkit-keyframes fadeInUpsmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpsmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpsmall {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*-------------------------*/
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 120px, 0);
    transform: translate3d(0, 120px, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
/*----------------------------*/
/*滚动条*/
::-webkit-scrollbar {
               width: 6px;
               height: 10px;
               background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
               background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
             /*  border-radius: 3px;*/
               background-color: rgba(0, 0, 0, 0.2);
               transition: all 0.4s ease;
               -moz-transition: all 0.4s ease;
               /* Firefox 4 */
               
               -webkit-transition: all 0.4s ease;
               /* Safari 和 Chrome */
               
               -o-transition: all 0.4s ease;
               /* Opera */
}
::-webkit-scrollbar-thumb:hover {
             /*  border-radius: 3px;*/
               background-color: rgba(0, 0, 0, 0.25);
               transition: all 0.4s ease;
               -moz-transition: all 0.4s ease;
               /* Firefox 4 */
               
               -webkit-transition: all 0.4s ease;
               /* Safari 和 Chrome */
               
               -o-transition: all 0.4s ease;
               /* Opera */
}
.animated {
               -webkit-animation-duration: 1s;
               animation-duration: 1s;
               animation-fill-mode: both;
}
/*--------------*/
/*代码高亮*/
.syntaxhighlighter .bold {
    font-weight:unset !important;
}
.syntaxhighlighter .line {
    background-color: rgb(40, 43, 46)!important;
}
.syntaxhighlighter .line.alt2 {
    background-color: rgb(40, 43, 46)!important;
}
.syntaxhighlighter .line.alt1 {
    background-color: rgb(40, 43, 46)!important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
    color: rgb(129, 142, 150)!important;
}
.syntaxhighlighter .keyword {
    color: rgb(147, 199, 99)!important;
    font-weight: unset !important;
}
.syntaxhighlighter .preprocessor {
    color: rgb(85, 113, 130) !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
    color: rgb(224, 226, 228)!important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
    color: rgb(147, 199, 99)!important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
    color: rgb(236, 118, 0)!important;
}
.syntaxhighlighter .functions {
    color: rgb(140, 187, 173)!important;
}
.syntaxhighlighter .gutter .line {
    border-right: 2px solid rgb(147, 199, 99)!important;
}
.syntaxhighlighter.collapsed .toolbar {
    background: rgb(40, 43, 46)!important;
    border: none !important;
    border-radius: 5px !important;
}
.syntaxhighlighter.collapsed .toolbar a {
    color: rgb(147, 199, 99)!important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
    color: rgb(78, 109, 48)!important;
}
.syntaxhighlighter {
    border-radius: 5px;
}
/*第一种高亮结束，第二种高亮开始*/
.cnblogs_code div {
    background: #282b2e;
}
.cnblogs_code {
    background: #282b2e;
    border-radius: 5px;
    border: none;
    font-family: consolas !important;
    color: #fff;
}
.cnblogs_code_toolbar {
    background: #282b2e !important;
}
.cnblogs_code_toolbar a:hover, .cnblogs_code_toolbar a:link, .cnblogs_code_toolbar a:visited, .cnblogs_code_toolbar a:active, .cnblogs_code_toolbar a:link img, .cnblogs_code_toolbar a:visited img {
    background-color: #282b2e !important;
    border: none!important;
}
.cnblogs_code pre {
    font-family: consolas !important;
    padding-left: 3px;
    color: rgb(224, 226, 228);
}
.cnblogs_code span[style="color: #000000;"] , .cnblogs_code span[style="color: #ff0000;"]{
    color: rgb(224, 226, 228) !important;
}
.cnblogs_code span[style="color: #0000ff;"]{
    color: rgb(147, 199, 99)!important;
}
.cnblogs_code span[style="color: #800080;"]{
    color: #ffd740 !important;
}
.cnblogs_code span[style="color: #800000;"]{
    color: rgb(236, 118, 0)!important;
}
.cnblogs_code span[style="color: #008000;"]{
    color: rgb(129, 142, 150)!important;
}
.cnblogs_code span[style="color: #008080;"]{
    color: #afafaf!important;
    margin-right: 5px;
}
.cnblogs_code_collapse {
    border: none;
    background: #282b2e;
    color: rgb(147, 199, 99);
}
.cnblogs_code > pre {
    border: none !important;
}
.cnblogs_code > textarea {
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
}
/*代码高亮结束*/

.postBody img {
    max-width: 100% !important;
    margin-top: -5px;
    margin-left: 5px;
}

.scrollindicator {
  width: 100%;
  height: 3px;
  display: block;
  border: none;
  z-index: 500;
  color: #009688; }

progress.scrollindicator,
div.scrollindicator {
  margin-bottom: 20px;
  position: fixed; }

progress.scrollindicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  progress.scrollindicator::-webkit-progress-bar {
    background-color: transparent; }
  progress.scrollindicator::-webkit-progress-value {
    background-color: #009688; }
  progress.scrollindicator::-moz-progress-bar {
    background-color: #009688; }

.scrollindicator-nohtml5 {
  width: 100%;
  height: 3px;
  display: block;
  border: none;
  z-index: 500;
  color: #009688; }
  .scrollindicator-nohtml5 span {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    background: #fff;
    opacity: 0.6;
    border-radius: 10px;
}
  .animated .scrollindicator-nohtml5 span {
    -webkit-transition: width 300ms ease;
    transition: width 300ms ease; }

/*# sourceMappingURL=style.css.map */