html, body, div, applet, object, iframe, 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, 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 { margin: 0; padding: 0; border: 0; list-style: none; font: 14px/24px "'Microsoft Yahei',Helvetica Neue",Helvetica,Arial,'Microsoft Yahei',sans-serif; }
textarea { resize: vertical; font: 14px/24px "'Microsoft Yahei',Helvetica Neue",Helvetica,Arial,sans-serif; outline: none; margin: 0; resize: vertical; }
body { margin: 0; padding: 0; background: #FFF; color: #444; }
h1, h2, h3, h4, h5, h6, h7 { padding: 0; margin: 0; }
*, *:before, *:after { box-sizing: border-box; }
    /**::selection, *::-moz-selection, *::-wibkit-selection { background: none repeat scroll 0 0 #ea4c89; color: rgba(255, 255, 255, 0.85);background:#0099cc;}*/
    *::-moz-selection { background: none repeat scroll 0 0 #ea4c89; color: rgba(255, 255, 255, 0.85); }
    *::-wibkit-selection { background: none repeat scroll 0 0 #ea4c89; color: rgba(255, 255, 255, 0.85); /*background:#0099cc;*/ }
    *::selection { background: none repeat scroll 0 0 #ea4c89; color: rgba(255, 255, 255, 0.85); /*background:#0099cc;*/ }

.lf-head-body, #footer-content, #main { width: 1024px; margin: 0 auto; }
body { min-width: 1200px; }
#header, #calendar, .catListLink, .catListPostArchive, .catListBlogRank, .catListTag, #topview_posts_wrap, .mySearch .btn_my_zzk, #widget_my_google, .dayTitle, #footer, .catListImageCategory, #profile_block, .lf-blog-navigation, #digg_tips { display: none; }
/*navbar*/
#lf-title { padding-top: 41px; }
.lf-head { position: fixed; z-index: 4; border-bottom: 1px solid #e5e5e5; background: #292929; opacity: 0.9; width: 100%; height: 40px; top: 0; left: 0; }
a { outline: none; transition: all ease-in 0.1s; }
.lf-head-body { overflow: hidden; padding: 0 15px; }
    .lf-head-body li { display: inline-block; }
    .lf-head-body a { display: block; height: 38px; min-width: 70px; text-align: center; line-height: 38px; color: #f0f0f0; text-decoration: none; font-size: 16px; font-weight: 700; }
        .lf-head-body a:hover { color: #666; background-color: #f8f8f8; }
.lf-oprater a { font-weight: normal; font-size: 14px; min-width: 60px; }
.lf-links { float: left; }
.lf-oprater { float: right; }
    .lf-oprater .lf-section { display: none; }
.lf-state { border-top: 3px solid #2b81f7; display: none; transition: width 0.2s linear 0s; }
/*navigation*/
.lf-navigation { height: 400px; overflow: hidden; z-index: 3; position: relative; }
    .lf-navigation img { width: 100%; position: relative; top: -350px; }
.lf-topics { position: absolute; background: url('https://images.cnblogs.com/cnblogs_com/silin6/656649/o_index_focus_bg.png') no-repeat; z-index: 2; height: 160px; width: 700px; left: 25%; bottom: 30%; overflow: hidden; }
.lf-topics-title { font-size: 36px; line-height: 70px; font-weight: normal; }
ul.lf-tpics-content { margin-left: 20px; }
    ul.lf-tpics-content li { list-style: disc!important; }
.lf-topics-title, .lf-tpics-content { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); }
.linkFly-name { border-bottom: 1px solid #CCC; }
.lf-name { font-weight: 700; font-size: 18px; text-decoration: none; line-height: 45px; text-align: center; display: block; color: #444; }
.linkFly-info { overflow: hidden; }
    .linkFly-info li { float: left; height: 70px; width: 33.3%; border-right: none; }
        .linkFly-info li:last-child { }
    .linkFly-info a { display: block; height: 100%; text-align: center; line-height: 70px; color: #444; text-decoration: none; border-bottom: 2px solid #fff; }
        .linkFly-info a:hover { color: #4183c4; border-bottom: 2px solid #4183c4; }

/*main*/
#home { background: url('https://images.cnblogs.com/cnblogs_com/silin6/656649/o_bg.jpg') fixed; position: relative; margin-bottom: 371px; z-index: 2; padding-top: 15px; }
    #home.night { background-image: url(https://images.cnblogs.com/cnblogs_com/silin6/596820/o_bg.png); }
#main { background-color: #fff; padding: 15px; }
    #main:after { clear: both; float: none; }
#mainContent { width: 740px; float: right; overflow: hidden; }
    #mainContent a { color: #4183c4; }
        #mainContent a:hover { color: #db4c50; }
.forFlow .day:first-child:before, .entrylistTitle { display: block; border-bottom: 1px solid #CCC; font-size: 16px; padding-bottom: 10px; font-weight: normal; }
.forFlow .day:first-child:before { content: '文章列表'; }
.forFlow .day, .forFlow .entrylist { padding: 5px 0; }
.day .postTitle, .entrylist .entrylistPosttitle { border-bottom: 1px dashed #e5e5e5; margin: 12px 0; padding-left: 35px; }
    .day .postTitle a, .entrylist .entrylistPosttitle a { line-height: 40px; font-size: 16px; text-decoration: none; display: block; }
        .day .postTitle a:hover, .entrylist .entrylistPosttitle a:hover { text-decoration: underline; }
#sideBar { float: left; width: 230px; }
.mySearch .catListTitle { padding-top: 10px; transition: border-color ease-in-out 0.15s; }
    .mySearch .catListTitle:hover, .mySearch .catListTitle:focus { border-color: #66afe9; }
.catListTitle { padding-left: 17px; }
.mySearch .input_my_zzk { width: 230px; height: 30px; font-size: 14px; padding: 0 5px; }
.day .postDesc, .entrylistItemPostDesc { text-align: right; padding-right: 5px; }
.postDesc, .entrylistItemPostDesc { color: #999; }
.postCon .c_b_p_desc, .entrylistPostSummary .c_b_p_desc { padding: 5px 0 5px 30px; border-left: 3px solid #b0d7fe; }
    .postCon .c_b_p_desc img, .entrylistPostSummary .c_b_p_desc img { display: none; }
.c_b_p_desc_readmore { float: right; margin-right: 6px; }
.postDesc a, .entrylistItemPostDesc { display: none; }
.lf-linkFly { display: block; }
    .lf-linkFly img { width: 100%; display: block; opacity: 0.8; transition: opacity ease-in-out 0.2s; }
        .lf-linkFly img:hover { opacity: 1; }
.qq-group-text { text-align: center; font-weight: bold; }
.qq-group img { display: block; }

.newsItem .catListTitle:first-child { display: none; }
.catListPostCategory, .catList, .catListFeedback, .catListView { border: 1px solid #e0e0e0; margin-bottom: 30px; }
    .catListPostCategory .catListTitle, .catList .catListTitle, .catListFeedback .catListTitle, .catListView .catListTitle { background-color: #f9f9f9; color: #028cd3; font-size: 16px; height: 45px; line-height: 45px; color: #000; }
    .catListPostCategory li, .catListFeedback li, .catList li, .catListView li { border-top: 1px solid #e0e0e0; border-left: 2px solid #fff; transition: border-color 0.4s ease-in-out 0s; }
        .catListPostCategory li:hover, .catListFeedback li:hover, .catList li:hover, .catListView li:hover { border-left-color: #3ea7cb; }
            .catListPostCategory li:hover a, .catList li:hover a, .catListFeedback li:hover a, .catListView li:hover a { background-color: #FDFDFD; color: #4183c4; }
        .catListPostCategory li a, .catListFeedback li a, .catListView li a, .catList li a { background-color: #fff; display: block; line-height: 38px; padding-left: 17px; text-decoration: none; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.recent_comment_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .recent_comment_title ul, .recent_comment_title li { list-style: none; }
    .recent_comment_title a { color: #4183c4; text-decoration: none; }
        .recent_comment_title a:hover { color: #db4c50; }
.recent_comment_body, .recent_comment_author { color: #999; }
    .recent_comment_body:before { content: '“'; padding-right: 4px; color: #444; }
    .recent_comment_body:after { content: '”'; padding-left: 4px; color: #444; }
#linkFly-top { border: 1px solid red; position: fixed; bottom: 10px; right: 15px; display: block; width: 15px; height: 15px; }

/*footer*/
#lf-footer { overflow: hidden; position: fixed; z-index: 1; height: 371px; background: none repeat scroll 0 0 #292929; bottom: 0px; left: 0px; display: block; padding: 50px 0; width: 100%; color: #f1f1f1; }
    #lf-footer dt, #lf-footer dd, #lf-footer a { font-size: 16px; }
    #lf-footer dt { font-weight: bold; font-size: 20px; line-height: 50px; }
    #lf-footer dd, #lf-footer .footer-recm li { line-height: 35px; }
    #lf-footer dl { float: left; padding-right: 100px; height: 100%; width: 33.2%; }
        #lf-footer dl:last-child { padding-right: 0; }
    #lf-footer a { color: #CCC; }
        #lf-footer a:hover { color: #CCC; text-decoration: underline; color: #FFF; }
#footer-content { height: 100%; padding-left: 20px; }
    #footer-content .footer-copyright { border-top: #505050; color: #a3a2a2; line-height: 24px; text-align: center; }
/*blog Context*/
.lf-blog #sideBar { display: none; }
.lf-blog .lf-state { display: block; }
.lf-blog .lf-oprater .lf-section { display: inline-block; }
.lf-blog #mainContent { float: none; width: auto; }
#topics .post .postTitle { border-bottom: 1px dashed #CCC; }
    #topics .post .postTitle a { color: #444; text-decoration: none; font-size: 16pt; font-weight: bold; padding: 5px 0 15px; display: block; text-align: center; text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.6); }
        #topics .post .postTitle a:hover { color: #444; }
.lf-blog .lf-navigation { display: none; }
.lf-blog .lf-blog-navigation { display: inherit; }
#cnblogs_post_body { padding: 30px 0; }
.postBody * { line-height: 1.8; font-size: 15px; /* font: 14px/1.8 Georgia,"Times New Roman",Times,sans-serif; text-align: justify; */ text-align: justify; }
.cnblogs-markdown .hljs span { font-size: 12px!important; }
#blog_post_info_block { border-top: 1px dashed #CCC; padding-top: 15px; }
#BlogPostCategory { float: left; padding-bottom: 15px; }
#EntryTag { float: right; padding-bottom: 15px; }
#blog_post_info { float: none; clear: both; position: relative; }
#green_channel { display: inline-block; padding: 10px 0; width: auto; margin: 0; border: none; }
a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite, a#green_channel_contact, a#green_channel_weibo { background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; text-shadow: none; opacity: 0.8; }
    a#green_channel_digg:hover, a#green_channel_follow:hover, a#green_channel_favorite:hover, a#green_channel_contact:hover, a#green_channel_weibo:hover { background-image: none; opacity: 1; }
a#green_channel_weibo { margin: 0; }
#green_channel a#green_channel_contact { background-color: #5bc0de; }
#author_profile { display: none; }
    #author_profile .author_avatar { display: block; padding: 0; margin: 0; }
#div_digg { margin: 0; width: 120px; float: none; position: absolute; right: 0px; top: -3px; }
    #div_digg div { text-align: center; padding: 0; margin: 0; }
#post_next_prev { padding: 10px 0; }
#topics .post .postDesc { float: right; line-height: 35px; }
#blog-comments-placeholder .feedback_area_title, #commentform_title { border-bottom: 1px solid #CCC; line-height: 35px; position: relative; padding-left: 73px; margin-bottom: 35px; }
    #blog-comments-placeholder .feedback_area_title:before, #commentform_title:before { content: ''; display: block; border: 1px solid #CCC; position: absolute; top: 0; left: 51px; width: 100px; height: 36px; border-bottom: 1px solid #FFF; border-radius: 4px 4px 0 0; }
#blog-comments-placeholder a, #comment_nav a { text-decoration: none; }
    #blog-comments-placeholder a:hover, #comment_nav a:hover { text-decoration: underline; }
.feedbackItem { padding: 10px; border-bottom: 1px dashed #CCC; }
    .feedbackItem .feedbackManage { float: right; }
    .feedbackItem .feedbackListSubtitle { overflow: hidden; }
    .feedbackItem .blog_comment_body { padding: 15px 0; }
    .feedbackItem .comment_actions a { padding-right: 0; margin-right: 10px; border-radius: 3px; }
#comment_form_container { padding: 50px 0; }
    #comment_form_container .commentbox_title { overflow: hidden; width: auto; padding: 10px 0; }
    #comment_form_container #commentform_title { background-image: none; }
    #comment_form_container .comment_textarea { width: 100%; padding: 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; resize: vertical; min-height: 40px; transition: all ease-in-out 0.2s; border-radius: 4px; border: 1px solid #ccc; }
        #comment_form_container .comment_textarea:hover, #comment_form_container .comment_textarea:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); border-color: #66afe9; }
#commentbox_opt { padding: 15px; text-align: center; }
    #commentbox_opt ~ p { display: none; }
#btn_comment_submit { padding: 10px 30px; font-size: 20px; border: 1px solid #428bca; color: #357ebd; border-radius: 6px; width: auto; height: auto; background-color: transparent; }
    #btn_comment_submit:hover, #btn_comment_submit:focus { background-color: #428bca; color: #FFF; cursor: pointer; }
    #btn_comment_submit:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
/*文章导航 TODO*/

/*预设文章样式class*/
.l-index, .l-author, .l-reference { border: 1px dashed #CCC; border-top: none; border-bottom: none; padding: 15px; }
/*大标题*/
#cnblogs_post_body h2 { line-height: 38px; margin: 30px 0; background-color: #808080; color: #fdfdfd; padding: 0 15px; }
    #cnblogs_post_body h2 a { font-weight: bold; }
#comment_nav { display: none; }
#cnblogs_post_body p img:not([width]) { width: 100%!important; display: block; margin: 0 auto; }
#cnblogs_post_body .cnblogs_code_copy img, #cnblogs_post_body .code_img_closed { width: auto!important; display: initial; margin: auto; }
/*次标题*/
#cnblogs_post_body h3 { font-size: 16px!important; }
/*重声明*/
#cnblogs_post_body h4, #cnblogs_post_body .l-bold, #cnblogs_post_body strong { font-size: 15px!important; font-weight: bold!important; }
/*remark*/
#cnblogs_post_body i, #cnblogs_post_body em { background-color: #f8f8f8; border: 1px solid #eaeaea; border-radius: 3px; margin: 0 2px; padding: 0 4px; }
/*blockquote*/
/*段落引用*/
#cnblogs_post_body blockquote { background-color: #f8f8f8; border-left: 3px solid #56a1d6; margin: 6px 0; padding: 6px 0 6px 40px; color: #666; }
.cnblogs_code pre { font-family: Courier New !important; }

/*作者和引用信息*/
.l-author ul, .l-reference ul { margin: 0 45px!important; list-style: disc!important; }
.l-author .des { padding: 0 45px; }

/*ad*/
#site_nav_under { padding-top: 15px; }
#site_nav_under, #under_post_news { float: left; }
#ad_under_post_holder, #google_ad_c2 { float: right; }
#under_post_kb { float: none; clear: both; }


@media screen and (max-device-width: 768px) and (orientation: portrait) {
    html, body, .lf-head-body, #footer-content, #main, #mainContent { width: 100%; min-width: inherit; }
    #mainContent, .day .postDesc, .entrylistItemPostDesc, .lf-links { float: none; }
    ul.lf-tpics-content, div.lf-tpics-content, #sideBar, .lf-oprater, .postDesc, #site_nav_under, #ad_under_post_holder, #ad_under_post_holder, #google_ad_c2, #under_post_kb, #green_channel_weibo, #green_channel_contact, #green_channel_favorite { display: none!important; }
    #home { margin-bottom: 0; background-image: none; background-color: #FDFDFD; padding-top: 0; }
    .postBody * { line-height: 1.8; font: 14px/1.8 Georgia,"Times New Roman",Times,sans-serif; }
    .lf-topics { bottom: auto; top: 40%; left: 0; background: none; width: 100%; height: auto; }
    .lf-topics-title { font-size: 1.5em; line-height: 30px; text-align: center; }
    .topics-blog-module { top: 33%; }
        .topics-blog-module h2 { line-height: 25px; }
    .lf-topics-title span { display: block; }
    .lf-links { display: flex; display: -webkit-box; }
        .lf-links li:last-child { display: none; }
    .lf-head-body li { flex: 1; -webkit-box-flex: 1; display: block; }
    .day .postTitle { opacity: 1; padding-left: 0; }
        .day .postTitle a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .day .c_b_p_desc, .entrylist .c_b_p_desc { -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; display: flex; display: -webkit-box; color: #999; }
    .c_b_p_desc_readmore { display: none; }
    .lf-navigation { height: initial; }
        .lf-navigation img { position: initial; top: initial; }
    #mainContent a { color: #56a1d6!important; }
    .postCon .c_b_p_desc, .entrylistPostSummary .c_b_p_desc { padding: 0; border-left: none; }
    .forFlow .day:first-child:before { text-align: center; }
    #cnblogs_post_body img { width: 100%!important; height: 100%!important; }
    #footer-content { padding-left: 0; }
        #footer-content dt { text-align: center; }
    #lf-footer { position: initial; height: auto; padding: 30px 0; }
        #lf-footer dl:first-child, #lf-footer dl:nth-child(3) { display: none; }
        #lf-footer dl { padding: 15px; margin: 0; float: none; width: auto; }
    a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite { display: block; flex: 1; -webkit-box-flex: 1; }
        a#green_channel_digg:before { }
    #div_digg { position: initial; margin: 0 auto; }
    #green_channel { display: flex; display: -webkit-box; }
}