:root {
  --primary-color:#f48024;/* 全局主色#888ca5#43748d*/
  --body-bg-color: #f5f7f9; /*页面背景色*/
  --content-bg-color: #fff; /*页面内容背景色*/
  --heading-color: rgba(0, 0, 0, 0.85); /* 标题色 */
  --text-color: #3d4b56; /*主文本色*/
  --text-color-secondary:rgba(0, 0, 0, 0.45);/*次文本色*/
  --text-color-grey:rgba(0, 0, 0, 0.25); /*失效色，无需关注色*/
  --link-color: #539ce9; /*链接色*/
  --line-color: #eef2f8;/*线条色*/
  --code-bg-color:#f0f0f0; /*代码块背景色*/
  --warning-color:#fecc82;/*标签色*/
}
c {color: #d14;}
#top_nav {display:none;}
.header { margin:0 auto; position:relative; width:calc(100% - 20px); } body { font-weight:350; font-family: Lato,"PingFang SC","Microsoft YaHei",sans-serif!important; margin:0; background:var(--body-bg-color); color:var(--text-color); line-height:2; } a { color:var(--text-color); text-decoration:none; transition: all .3s ease !important; } a:hover {color:var(--primary-color);} li {list-style:none;} #main { align-items:flex-start; display:flex; justify-content:space-between; flex-direction:row-reverse; margin:0 auto; width:calc(100% - 20px); } #page_begin_html { margin:0 auto; position:relative; } .header-inner { background:#fff; border-radius:initial; box-shadow:initial; overflow:hidden; padding:0; position:absolute; top:0; width:285px; margin:0 auto; } .site-brand-container { background:var(--primary-color); display:flex; flex-shrink:0; padding:0 10px; } .site-meta { padding:20px 0; flex-grow:1; text-align:center; } .brand { color:#fff; display:inline-block; padding:0 40px; position:relative; } .site-title { font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif!important; font-size:1.375em; font-weight:400; margin:0; line-height:1.5; } .menu { margin-top:20px; padding-left:0; } .menu .menu-item { display:block; margin:0; list-style:none; } .search-wrap { display:inline-block; background-color:var(--code-bg-color); border-radius:20px; padding:0 10px; } .input_my_zzk { width:300px; vertical-align:middle; background-color:var(--code-bg-color); height:35px; border:none; outline:none; padding: 0 20px; } .site-nav-right,.site-nav-toggle { display:none; } .site-nav-right .toggle,.site-nav-toggle .toggle { padding:10px; width:22px; color:#fff; } .site-nav-right .toggle a .fa { color:#fff; } .toggle { line-height:0; } .site-nav-right .toggle .toggle-line,.site-nav-toggle .toggle .toggle-line { background:#fff; border-radius:1px; } .toggle.toggle-close .toggle-line-first { transform:rotate(-45deg); top:5px; } .toggle.toggle-close .toggle-line-middle { opacity:0; } .toggle.toggle-close .toggle-line-last { transform:rotate(45deg); top:-5px; } .toggle .toggle-line { display:inline-block; height:2px; left:0; position:relative; top:0; transition:all .4s; vertical-align:top; width:100%; } .toggle .toggle-line:not(:first-child) { margin-top:3px; } .site-nav.site-nav-on { display:block; } .site-nav .menu-item-active { border-right:3px solid var(--primary-color); background:var(--body-bg-color); } .site-nav .menu-item .menu-item-inner { color:#555; font-size:16px; padding:6px 20px; position:relative; text-align:left; display:block; line-height:2; } .site-nav .menu-item .menu-item-inner .fa { color:var(--primary-color); margin-right:8px; } .fa-rss-square {color:var(--primary-color); float:left;line-height:2 !important; padding:6px 7px 6px 20px;} #sideBar { margin-top:344px; position:static; width:285px; background:#fff; margin-right:12px; /*?*/ } .affix { position:fixed; top:0; } #post-toc-wrap { background:var(--content-bg-color); width:285px; } #post-toc-wrap ol { font-size:14px; line-height:1.8; list-style:none; padding:0 2px 5px 18px; } .back-to-top { background: var(--body-bg-color); margin: 0 auto; cursor: pointer; text-align: center; font-size: 12px; color: var(--text-color); } #author_profile {display:none; } #author_profile_detail { margin-left:10px; font-size:14px; } #author_profile_detail a { color:var(--text-color-secondary); } .author_avatar,.site-author-image { border-radius:50%; } .site-author-image { border:1px solid #eee; display:block; margin:20px auto 0; max-width:80px; padding:2px; } .site-author-name { color:var(--text-color); font-weight:600; margin:10px 0 0; text-align:center; } #blog-news {border-bottom:11px solid var(--body-bg-color); } .site-state { margin:10px auto 20px; color:var(--text-color); font-size:14px; display:flex; flex-direction: row; flex-wrap: wrap; } .site-state>span {width:50%; flex-shrink: 1; padding-left:25px; box-sizing: border-box;}  .links-of-author { display: flex; flex-wrap: wrap; margin-top: 10px; justify-content: center; } .links-of-author-item { margin: 5px 0 0; } .links-of-author a{ font-size: 16px; padding: 0 5px; } .links-of-author a .fa-envelope { color: #e4b56b; } .links-of-author a .fa-rss { color: #fa541c; } #mainContent { background:var(--content-bg-color); box-sizing:border-box; padding:40px; width:calc(100% - 293px); } .forFlow { padding-top:20px; } .day {  } .dayTitle { display:none; } .postTitle { font-size:22px; font-weight:400; line-height:2.5;  word-wrap:break-word; color:var(--link-color); } .postCon { word-wrap:break-word; margin:.5em 0; } .c_b_p_desc_readmore { color:var(--text-color); border: 1px solid var(--text-color); border-radius: 3px; padding: 2px 15px; font-size: 13px; margin-top: 12px; display: table; transition: all .3s ease !important;  } .c_b_p_desc_readmore:after {content: " »"; } .c_b_p_desc {line-height:1.8; } .postDesc,.entrylistItemPostDesc { text-align:right;  font-size:13px; color:var(--text-color-secondary); padding:10px 0 15px;  border-bottom:1px solid var(--line-color); } .entrylistItemPostDesc a, .postDesc a { color:var(--text-color-secondary); } .entrylistItemPostDesc a:hover, .postDesc a:hover { color:var(--primary-color); }.c_b_p_desc_readmore:hover { border-color:var(--primary-color); } #cnblogs_post_description { color:var(--text-color); } #post-description-meta { line-height:4; text-align:center; font-size:18.667px; font-weight:500; color:var(--heading-color); } #post-keyword { color:var(--text-color); } #post-keyword a { } #cnblogs_post_body p {  } #cnblogs_post_body h3 { padding-top:10px; font-size:18.667px; font-weight:400; color:var(--heading-color); } #cnblogs_post_body h4,#cnblogs_post_body h5,#cnblogs_post_body h6 { padding-top:10px; font-size:16px; font-weight:400; color:var(--heading-color); } #cnblogs_post_body h2 { padding-top:10px; font-size:20px; margin:1em auto; font-weight:400; line-height:2em; color:var(--heading-color); } .postBody blockquote { border:none; border-left:4px solid #ddd; color:var(--text-color-secondary); margin:0; padding:0 15px; } .postBody p > a,.postBody li > a { color:var(--link-color); cursor:pointer; } 
#cnblogs_post_body table {margin:0 auto; width:100%;  } #cnblogs_post_body table tr { overflow-x: scroll; overflow-y:hidden;  word-break: break-all;} #cnblogs_post_body table td,#cnblogs_post_body table th { padding:4px 8px;}#cnblogs_post_body table td:first-child,#cnblogs_post_body table th:first-child { min-width:150px;  }#cnblogs_post_body table td img{width:100%;} #端内+table tr td:last-child,#端外+table tr td:last-child {width:200px;;}
 .cnblogs-markdown code { border:none !important; font-family: Menlo,Monaco,Consolas,Courier New,monospace !important;} .cnblogs-markdown .hljs { font-size:13px !important;font-family: Menlo,Monaco,Consolas,Courier New,monospace !important; padding:15px !important; line-height:1.75 !important;} #cnblogs_post_body img { display:block; margin:0 auto; } .footnotes-meta { margin:2em 0 0 0; } .github-corner svg { border:0; color:#fff; fill:var(--primary-color); position:absolute; right:0; top:0; z-index:1000; } .github-corner:hover .octo-arm { animation:octocat-wave 560ms ease-in-out; } @keyframes octocat-wave { 0%,100% { transform:rotate(0); } 20%,60% { transform:rotate(-25deg); } 40%,80% { transform:rotate(10deg); } } /*share*/ #div_digg{ width:100%; margin:70px 0 40px; padding:0 310px; } .diggit,.buryit {border:1px solid;border-radius:3px; width:85px; height:33px; font-size:14px; background:none;} .diggit {border-color:#00965E; color:#00965E; } .buryit {border-color:#DC3545; color:#DC3545; } .diggit:before {content:"推荐 "; } .buryit:before {content:"反对 ";} .diggnum {color:#00965E;} .burynum {color:#DC3545; } #blog_post_info { display: flex; justify-content: space-between; } #author_profile { width:auto; } #green_channel { display: none; } /*pre-next*/ .post_next_prev { line-height: 1.5; display: flex; justify-content: space-between; border-bottom: 1px solid #e8e8e8; } .post_next_prev >div { width: 50%; padding: 0 12px; } .next-block,.next a { text-align: right; } .pre-block a,.next-block a { display: inline-block; padding: 32px 0; } .post_next_prev_label { margin-bottom: 8px; font-size: 14px; color: var(--text-color-grey); } /*comment*/ .comment_textarea { padding:15px; border-radius:5px; outline:0; resize:none; overflow:hidden; width:100%; } .feedback_area_title, #commentform_title { font-size: 14px; line-height: 32px; color: var(--text-color-secondary); padding: 10px 0; background: none; } .feedbackItem { position: relative; padding: 16px 0 16px 60px; font-size:14px; } .feedbackAvatar { position: absolute; left: 1px; } .feedbackAvatar img { border-radius: 50%; width:40px; height: 40px; } .feedbackManage { text-align: right; float: right; } .feedbackManage a, .comment_vote a { color: var(--text-color-secondary); } .layer { display: none; } [id^=a_comment_author_] { float: left; } .louzhu { background-color: var(--primary-color); color: #fff; line-height: 28px; padding: 3px; border-radius: 3px; } .comment_date { color: var(--text-color-grey); font-size: 12px; padding-left: 16px; } .commentbox_tab { margin-right: 0; padding: 8px 16px; font-size: 14px; line-height: 23px; color: var(--text-color-secondary); border: 1px solid var(); border-bottom: 0; } .commentbox_tab:hover, .commentbox_tab.active { color: var(--text-color); border-bottom: 2px solid var(--primary-color); } div.commentform textarea, #tbCommentBodyPreview  { min-height: 250px; padding: 8px 0; } #commentbox_opt { text-align: right; } #commentbox_opt>a,#btn_comment_submit, #span_comment_canceledit{ width:auto; height: 34px; color: var(--text-color-secondary); padding: 5px 16px; font-size: 14px; line-height: 20px; } #btn_comment_submit { background-color: var(--primary-color); color: #fff; border-radius: 6px; border:1px solid rgba(27,31,35,.15); } #comment_form_container p { color: var(--text-color-secondary); } #footer { color:var(--text-color-grey); font-size:13px; line-height:20px; box-sizing:border-box; margin-top:50px; padding:15px 0; text-align:center; border-top:1px solid var(--line-color); }  .under-comment-nav{display:none;}#header,#profile_block,#under_post_news,#ad_t2,.c_ad_block,#under_post_kb,#comment_nav { display:none; } /*mypost*/ #myposts .PostList { font-size: 16px; color: var(--heading-color); line-height: 2.8; margin-top:0; border-bottom:1px solid var(--line-color); display:flex; align-items:center; justify-content: space-between; }  #myposts .postDesc2 { font-size: 12px; color: var(--text-color-secondary); text-align: right; } .postDesc2 a {color:var(--text-color-secondary); } .forFlow .pager { text-align:right; margin-right:10px; } #nav_next_page a,.Pager a,.pager a {color:#333; border:1px solid #333; border-radius:2px; padding: 4px 9px; margin:0 3px; font-size:12px; } #nav_next_page a:hover,.Pager a:hover,.pager a:hover {color:var(--primary-color); border-color:var(--primary-color);} .postText2 {display:none;} #myposts>.pager {display:none; } /* Responsive design*/ @media (min-width:1600px) { #main,.header { width:73%; } } @media (min-width:1200px) { #main,.header { width:1300px; }} @media (max-width:991px) { .header,.header-inner,.main-inner,#footer { width:auto; } .header-inner { border-radius:initial; position:relative; } #sideBar,#post-toc-wrap,.github-corner { display:none; } #mainContent { border-radius:initial; padding:16px; width:100%; } .site-brand-container { box-shadow:0 0 16px rgba(50,132,191,.9); } #footer { padding-left:0; padding-right:0; } } @media (max-width:991px) and (min-width:768px) { .site-nav-right,.site-nav-toggle { display:flex; flex-direction:column; justify-content:center; } .site-nav { display:none; } } @media (max-width:767px) { .site-nav { clear:both; display:none; } .site-nav-right,.site-nav-toggle { display:flex; flex-direction:column; justify-content:center } .feedbackAvatar img { width:32px; height: 32px; } .feedbackItem { padding-left: 40px; } .commentform { margin-left: 0; } } ::-webkit-scrollbar {width:8px; } ::-webkit-scrollbar-thumb {border-radius: 6px; box-shadow: inset 0 0 5px var(--primary-color); background: var(--primary-color); } ::-webkit-scrollbar-track { background: 0 0; border-radius: 3px; } .entrylistTitle,.PostListTitle {font-size:22px;} .entrylistItemTitle {font-size:20px; font-weight:400; } .fa.fa-home {font-size:18px; margin-right:6px !important;} #blog-sidecolumn {font-size:14px;} #blog-sidecolumn ul {padding: 0 30px; } #blog-sidecolumn li {border-bottom:1px dashed var(--line-color); padding:6px 0; } .catListTitle {font-weight:400; font-size:16px; } .catListTitle:before {content:"»"; color:var(--primary-color); padding: 0 3px 0 16px; } #homepage_top_pager {display:none; } #BlogPostCategory {font-size:0; } #BlogPostCategory>a {font-size:16px; color:#fff; background-color:var(--warning-color); border-radius:13px; padding:2px 8px 4px; margin:0 5px; }
#sidebar_postcategory ul {display:flex; flex-wrap:wrap;}
#sidebar_postcategory ul>li {padding:0 10px; margin:4px 5px; border-radius:15px; border:1px solid var(--line-color);}
#sidebar_postcategory ul>li:hover {border-color:var(--primary-color);}
#MySignature {display:block; }  #the-end { color: var(--text-color-secondary);
    text-align: center;
    display: flex;
    margin: 50px auto 12px;
    align-items: center;
    justify-content: center;
}
    #the-end:before,#the-end:after {
      content: "";
      width: 60px;
      display: inline-block;
      opacity: 0.8;
      border-bottom: 1px solid var(--text-color-grey);
    }
/*回到顶部*/
.float-btn {position: fixed; bottom: 35px; right: 20px; z-index: 2; transition: 0.3s transform; } .float-btn ul {display: flex; flex-direction: column;} .float-btn li {background: var(--body-bg-color); color: var(--text-color); width: 40px; height: 40px; font-family: FontAwesome; line-height: 40px; text-align: center; border-radius: 50%; box-shadow: 0 0 12px rgba(0,0,0,0.1); overflow: visible; margin-bottom: 10px; position: relative;} .float-btn li a { width: 100%; height: 100%; display: block; } .showText>div:last-child {width: 0px; height: 0px; position: absolute;top:15px;right:42px; border:4px solid var(--text-color); border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; } .showText>div:first-child { position: absolute;top:2px;right:50px; line-height:37px;color:#fff; width: 80px; height: 36px; border-radius: 5px; background-color: var(--text-color);} .float-btn-hide {transform: translateX(200%); transition: 1s transform; } .showText { display: none; } .btn-top>a:hover+div.showText,.btn-main>a:hover+div.showText,.btn-bottom>a:hover+div.showText { display: block; }  .fa.fa-caret-down,.fa.fa-caret-up,.fa.fa-bars {font:normal normal normal 16px/40px FontAwesome;}
/*搜索*/
.setSearchBtn {
      width: 30px;
      height: 30px;
      background: url("https://images.cnblogs.com/cnblogs_com/ZerlinM/1829408/o_200909020840search.png") no-repeat center;
      background-size: 100%;
position:fixed;top:3%;left:1.5%; z-index:99; opacity: .8; cursor: pointer;
      animation: serachRotate 5s linear infinite;
    }
    @keyframes serachRotate {
        0% {transform: rotateZ(0deg);}
       100% {transform: rotateZ(360deg);}
    }
.serachMask {
      width: 100%;
      height: 100%;
      position: fixed; z-index:999;
      background-color: rgba(0,0,0,.6);
}
input:focus {outline:none;}
#widget_my_zzk {position: fixed;top:3%;left:6%; overflow:hidden; border-radius: 19px;} input.btn_my_zzk {width:80px; height:36px; position:absolute; right:0; border:0;border-left:1px solid #ccc; font-size: 14px; cursor: pointer;}
/*隐藏底部广告*/
.under-post-card, #cnblogs_ch {
  display: none;
}