@charset "UTF-8";
a.headermaintitle {
    color: #f50;
    /*border-bottom: 1px solid #CCC;*/
}

#blogTitle h2{
    color: #aaa;
font-size: 14px;
padding: 30px 20px 0 0;
font-weight: normal;
    line-height: 1.5;
}

#header {
    position: fixed;
    width: 400px;
    padding: 200px 0 0 120px;
    color: #fff;
}

#header #leftcontentcontainer h3,.mySearch{
    display: none;
}
#header #leftcontentcontainer a:hover{
    color: #f50;
}
#header #leftcontentcontainer a{
    color: #cccccc;
}
#header #leftcontentcontainer{
    display: block;
    margin: 20px 0;
}

#main {
    margin-left: 420px;
}

/*.catListPostCategory li {
    float: left;
    display: inline-block;
    width: 130px;
}*/

.postTitle,.entrylistPosttitle {
    background: #fff;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
}

.postTitle>a:first-child,.entrylistPosttitle>a:first-child {
    font-size: 26px;
    margin: 80px 0 30px 0;
    display: block;

}

.postTitle>.postCon a:last-child {
    display: none;
}
.postTitle>.postCon {
    display: block;
    overflow: hidden;
    color: #666;
    line-height: 2;
    padding: 0 50px 50px;
    text-align: left;
    font-size: 16px;
    font-weight: 200;
}
.postTitle .desc_img {
    float: right;
max-width: 200px!important;
}
.postTitle>.postDesc {
    color: #a3a3a3;
    margin-bottom: 50px;
    display: block;
    font-size: 14px;
}

.postTitle>a:last-child:hover {
    color: #f50;
}

.postTitle>a:last-child {
    display: block;
    padding: 20px;
    background: #f0f0f0;
    color: #666;
}

#topics {
    background: #fff;
    color: #444;
}

.postBody {
    padding: 50px;
    line-height: 2;
    padding-top: 0;
    margin-top: -30px;
    font-weight: 200;
    font-size: 16px;
    color: #333;
}

#ds-thread {
    background: #FFF;
    padding: 30px;
    border-top: 3px solid #F50;
}

.topicListFooter a:hover{
    color: #f50;
}
.topicListFooter a{
    color: #fff;
}
.topicListFooter{
}

#footer{
    height: 60px;
    overflow: hidden;
    clear: both;
    color: #494949;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
strong{font-weight:bold}
/* line 25, sass/1-global.scss */
ol, ol li, ul, ul li {
    list-style: none !important;
}

body {
    background-color: #494949;
    color: white;
    font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 2;
}

/* line 67, sass/1-global.scss */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 71, sass/1-global.scss */
:focus {
    outline: none;
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a {
    color: #444444;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* line 145, sass/1-global.scss */
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover, a:hover {
    color: #ff7e00;
}

/* line 147, sass/1-global.scss */
h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 400;
}

/* line 148, sass/1-global.scss */
h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

/* line 149, sass/1-global.scss */
h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

/* line 150, sass/1-global.scss */
h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

/* line 151, sass/1-global.scss */
h5 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

/* line 152, sass/1-global.scss */
h6 {
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

img {
    vertical-align: bottom;
    height: auto;
    width: auto;
}

label,
input,
button,
select,
textarea {
    cursor: pointer;
}

/* line 231, sass/1-global.scss */
input,
button,
select,
textarea {
    margin: 0;
}

i,
em,
dfn,
cite,
address {
    font-style: italic;
}

/* line 264, sass/1-global.scss */
tt,
pre,
kbd,
code {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: .85em;
}

/* line 269, sass/1-global.scss */
pre {
    line-height: 1.65;
    overflow: auto;
    white-space: pre;
}

/* line 275, sass/1-global.scss */
blockquote {
    font-weight: bold;
    font-style: italic;
}

.entrylistTitle,#topics .readmore, .entrylistItemPostDesc, .catListTitle, #lnkBlogLogo, #blog_post_info_block, .dayTitle, .postDesc, #navigator, .postCon, .entrylistPostSummary, #leftcontentcontainer, #author_profile, #BlogPostCategory, .topicListFooter>a:first-child,.ad_text_commentbox,#site_nav_under,#opt_under_post,.c_ad_block,#commentform_title,.commentbox_title_left,.commentbox_title_right,#comment_nav,.feedback_area_title,#blog-sidecolumn,#homepage_top_pager,a#green_channel_wechat,#ad_t2 {
    display: none
}

#green_channel_wechat {
    display: none!important
}


#blog-comments-placeholder{
background-color: #fff;
color: #666;
padding: 20px 0;
border-top: 3px solid #494949;
padding-top: 0;
}
.feedbackItem{
border-bottom: 1px dotted #ddd;
margin-bottom: 20px;
padding-bottom: 1px;
padding-left: 30px;
}

.feedbackListSubtitle{color:#aaa}
.feedbackListSubtitle a.layer,.feedbackListSubtitle a.layer:visited{
color: #aaa;
}
.feedbackListSubtitle a,.feedbackListSubtitle a:visited{
color:#EBA101
}
.comment_vote a:hover{
color:red
}
.comment_vote a,.comment_vote a:visited{
color: #aaa;
padding-top: 20px;
display: inline-block;
padding-right: 20px;
}



#comment_form{
background-color: #fff;
border-top: 3px solid #f50;
padding: 20px;
color: #666;
}

#comment_form .comment_btn{
padding: 5px 0px;
width: 120px;
}
#comment_form .comment_textarea{
color: #666;
padding: 10px;
border: 1px solid #ccc;
width: 90%;
height: 130px;
}
#comment_form .author{
background-color: #fff;
border: none;
}
#green_channel {
    padding: 10px 5px;
    margin-bottom: 0;
    margin-top: 10px;
    border: silver 1px dashed;
    font-size: 9pt;
    width: 430px
}

#green_channel a {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D) repeat-x;
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,.25);
    font-size: 9pt
}

#green_channel a:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi/v//vwMTAwPDfzjBgMpFI/7hFSOT9Y8qRuF3JLoHAQIMAHYtMmRA+CugAAAAAElFTkSuQmCC)
}

#green_channel #green_channel_digg {
    background-color: #2daebf
}

#green_channel #green_channel_follow {
    background-color: #e33100
}

#green_channel #green_channel_favorite {
    background-color: #ffb515
}

#green_channel #green_channel_contact {
    background-color: #eee;
    color: #555
}

#green_channel #green_channel_weibo img {
    vertical-align: middle;
    border: none;
    margin-left: 5px
}

#green_channel #green_channel_weibo {
    background: none;
    padding: 3px 2px;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none
}

#div_digg {
    float: right;
    margin-bottom: 10px;
    margin-right: 30px;
    font-size: 12px;
    width: 125px;
    text-align: center;
    margin-top: 10px
}

.diggit {
    float: left;
    width: 46px;
    height: 52px;
    background: url('https://static.cnblogs.com/images/upup.gif') no-repeat;
    text-align: center;
    cursor: pointer;
    margin-top: 2px;
    padding-top: 5px
}

.diggnum {
    font-size: 14px;
    color: #075db3;
    font-family: Verdana
}

.buryit {
    float: right;
    margin-left: 20px;
    width: 46px;
    height: 52px;
    background: url('https://static.cnblogs.com/images/downdown.gif') no-repeat;
    text-align: center;
    cursor: pointer;
    margin-top: 2px;
    padding-top: 5px
}

.burynum {
    font-size: 14px;
    color: #075db3;
    font-family: Verdana
}

.diggword {
    margin-top: 5px;
    margin-left: 0;
    font-size: 12px;
    color: gray
}

a.digg_gray:link {
    color: gray;
    text-decoration: underline
}

a.digg_gray:visited {
    color: gray;
    text-decoration: underline
}

a.digg_gray:hover {
    color: red;
    text-decoration: underline
}

a.digg_gray:active {
    color: gray;
    text-decoration: underline
}






#blog_post_info_block {
    display: block!important;
    margin-top: 50px;
}

#blog_post_info_block #green_channel {
    border: 0;
    float: left
}

#blog_post_info_block #digg_block {
    margin-top: 0;
    float: right
}
#blog_post_info_block #blog_post_info {
    overflow: hidden;
    position: relative;
}

#blog_post_info_block #green_channel a {
    color: #FFF !important
}


.emoji{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.markdown-body h2{
    border-bottom: none!important;
    color: #000!important;
    font-weight: bold!important;
    margin: 2em 0 0!important;
}
.markdown-body img{
    max-width: 90%!important;
}
#post_detail .markdown-body ol>li img{
float: none;
border: none;
}

#profile_block{
   color: #aaa;
    margin-top: 50px;display:none;
}
#profile_block a:link,#profile_block a:visited{
color:#ff7e00;
}

#profile_block a:hover {
    color: #fff;
}
#logoimg{border-radius: 50%;height: 120px;-webkit-filter: grayscale(100%);position: fixed;top: 50px;left: 140px;cursor:pointer}

#sideBar{
   position: fixed;
       left: 120px;
       top: 400px;
}
#sideBar .catListTitle2{
    color:#333;
}
.sidebar-block a {
    color: #ff7e00;
}
.sidebar-block a:hover {
    color: #fff;
}

.forFlow{
max-width: 900px;
}
@media screen and (max-width: 768px) {
    #main{
     margin-left:0;
    padding:0!important;
    }
    #header{
    position: relative;
    width: 90%;
    margin:auto;
    text-align: center;
    padding: 200px 0 0 0;
    color: #fff;
   }
   #sideBar{
        display:none;
    }
    #logoimg{
      position:absolute;
     left: 50%;
    margin-left: -60px;
    }
}