<script language="javascript" type="https://usablica.github.io/progress.js/"></script>
/*进度条*/
.buryit{display:none;}/*哈哈哈不能反对我*/

#site_nav_under {
    display: none;
}
.c_ad_block, .ad_text_commentbox {
    display: none;
    margin: 0;
    padding: 0;
}
#ad_under_google {
    height: 0;
    overflow: hidden;
}
#ad_under_google a {
    display: none;
}
#ad_t2{
    display: none;
}
/*禁止广告*/
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory{
     background: rgba(0,0,0,0.05);
     可以添加各种定制代码，例如：
     font-size: 控制字号
     color: 控制字体颜色
    line-height：控制行距
等等
}

< html > 
 < script    language =javascript >  
function stoprefresh() 
{ 
    return "you will lose any unsaved content"; 
} 

function UnloadConfirm() 
{ //页面离开后的事件
    alert('离开页面后的一些清理工作……'); 
}

 </ script >   
 < body > 
     < script > 
        
        window.onbeforeunload=stoprefresh; //注册关闭前的事件
        window.onunload = UnloadConfirm;    //注册关闭后的事件
        
     </ script > 

     < a  href  = "https://eflylab.cnblogs.com" > Pleiades_Antares❤️BLOG </ a > 
 </ body > 
 </ html >

var is_uploading = false;

function alert_if_uploading() {
    if (is_uploading)
        return '真的要离开Pleiades小可爱的BLOG吗qwq';
}

window.onbeforeunload = alert_if_uploading;

<style type="text/css"> 
#div_digg{
  position:fixed;
  bottom:5px;
  width:140px;
  right:390px;
  border:2px solid #6FA833;
  padding:10px;
  background-color:#fff;
  border-radius:5px 5px 5px 5px !important;
  box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}
</style>


/* 定制公告栏时钟位置 */
#clockdiv {
    /* left, center, right */
    text-align: center;
}
/* 设置签名格式 定制css样式 */
#MySignature {
    display: none;
    background-color: #B2E866;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #6B6B6B;
    padding: 10px;
    line-height: 1.5;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 16px;
    font-family: 'Microsoft Yahei';
}

/* 定制推荐和反对按键 */
#div_digg{
  position:fixed;
  bottom:-10px;
  width:120px;
  right:20px;
  box-shadow: 0 0 6px #0000FF;
  border:2px solid #FF0000;
  padding:4px;
  background-color:#fff;
  border-radius:4px 4px 4px 4px !important;
}

.icon_favorite {
    background: transparent url('https://images.cnblogs.com/cnblogs_com/shwee/1218109/o_kj.gif') no-repeat 0 0;
    padding-left: 15px;
}

#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;
}

/* 定制返回顶部按键 */
#toTop {
    background: url(//https://images.cnblogs.com/cnblogs_com/shwee/1218109/o_toTop.bmp) no-repeat 0px top;
    width: 57px;
    height: 57px;
    overflow: hidden;
    position: fixed;
    right: 180px;
    bottom: 20px;
    cursor: pointer;
}

/* 左侧最新随笔 */
#CatList_LinkList_0_Link_0{
    
}
#CatList_LinkList_0_Link_1{
   
margin-top:10px;
}
#CatList_LinkList_0_Link_2{
   
    margin-top:10px;
}
#CatList_LinkList_0_Link_3{
 
margin-top:10px;

}
#CatList_LinkList_0_Link_4{
    
margin-top:10px;

}
#CatList_LinkList_0_Link_5{
    
margin-top:10px;

}
#CatList_LinkList_0_Link_6{
    
margin-top:10px;

}
#CatList_LinkList_0_Link_7{
    
margin-top:10px;

}
#CatList_LinkList_0_Link_8{
    
margin-top:10px;

}
#divExpandViewArea{
    position: fixed;
    color: white;
   
    padding: 10px 10px;
    left: 0px;
    top: 547px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}
 
#divCollapseViewArea{
    position: fixed;
    color: white;
    
    padding: 10px 10px;
    left: 0px;
    top: 586px;
    cursor: pointer;
    opacity: 0.9;
    background-color: #68228B;
}
/* 禁止页面，选中 复制  改过*/
html,body{
moz-user-select: -moz-none;
-moz-user-select: auto;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:auto;
-ms-user-select:none;
user-select:auto;
}
/*
使用了Monokai Sublime的黑色主题皮肤，但是还存在样式冲突，需要自己修改
这个样式只适合使用makedown编写的博客
Monokai Sublime style. Derived from Monokai by noformnocontent https://nn.mit-license.org/
*/

pre {
    /*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}

.cnblogs-markdown .hljs {
    display: block;
    overflow: auto;
    padding: 1.3em 2em !important;
    font-size: 16px !important;
    background: #272822 !important;
    color: #FFF;
    max-height: 700px;
}

.hljs,
.hljs-tag,
.hljs-subst {
    color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
    color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
    color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
    color: #a6e22e;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
    color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
    color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
    color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
    color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
    color: #75715e;
}

/* 黑色主题makedown代码结束 */

/*
 代码高亮开始，使用了一个叫Monokai Sublime的黑色主题皮肤，直接拿过来还不行，有一些样式冲突，还要自己稍微改一些地方
Monokai Sublime style. Derived from Monokai by noformnocontent https://nn.mit-license.org/
*/
pre {
/*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}
.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #23241f !important;
    color: #FFF;
    white-space: pre;
    word-break: normal;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}

/*黑色主题皮肤结束*/
/*makedown行间代码样式 */
.cnblogs-markdown code {
    color: #c7254e;
    border: none !important;
    font-size: 1em !important;
    background-color: #f9f2f4 !important;
    font-family: sans-serif !important;
}
<script language="javascript" type="text/javascript">

// 生成目录索引列表
// ref: https://www.cnblogs.com/wangqiguo/p/4355032.html
// modified by: zzq
function GenerateContentList()
{
    var mainContent = $('#cnblogs_post_body');
    var h2_list = $('#cnblogs_post_body h2');//如果你的章节标题不是h2,只需要将这里的h2换掉即可

    if(mainContent.length < 1)
        return;
 
    if(h2_list.length>0)
    {
        var content = '<a name="_labelTop"></a>';
        content += '<div id="navCategory">';
        content += '<p style="font-size:18px"><b>目录</b></p>';
        content += '<ul>';
        for(var i=0; i<h2_list.length; i++)
        {
            var go_to_top = '<div style="text-align: right"><a href="#_labelTop">回到顶部</a><a name="_label' + i + '"></a></div>';
            $(h2_list[i]).before(go_to_top);
            
            var h3_list = $(h2_list[i]).nextAll("h3");
            var li3_content = '';
            for(var j=0; j<h3_list.length; j++)
            {
                var tmp = $(h3_list[j]).prevAll('h2').first();
                if(!tmp.is(h2_list[i]))
                    break;
                var li3_anchor = '<a name="_label' + i + '_' + j + '"></a>';
                $(h3_list[j]).before(li3_anchor);
                li3_content += '<li><a href="#_label' + i + '_' + j + '">' + $(h3_list[j]).text() + '</a></li>';
            }
            
            var li2_content = '';
            if(li3_content.length > 0)
                li2_content = '<li><a href="#_label' + i + '">' + $(h2_list[i]).text() + '</a><ul>' + li3_content + '</ul></li>';
            else
                li2_content = '<li><a href="#_label' + i + '">' + $(h2_list[i]).text() + '</a></li>';
            content += li2_content;
        }
        content += '</ul>';
        content += '</div><p>&nbsp;</p>';
        content += '<p style="font-size:18px"><b>正文</b></p>';
        if($('#cnblogs_post_body').length != 0 )
        {
            $($('#cnblogs_post_body')[0]).prepend(content);
        }
    }   

    var qqinfo =  '<p style="color:navy;font-size:12px">讨论QQ群：135202158</p>';
    $(mainContent[0]).prepend(qqinfo);
}

GenerateContentList();
</script>

(function(){
    if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
        if(new Date().getHours() > 22 || new Date().getHours() < 6){
            document.body.classList.add('night');
            document.cookie = "night=1;path=/";
            console.log('夜间模式开启');
        }else{
            document.body.classList.remove('night');
            document.cookie = "night=0;path=/";
            console.log('夜间模式关闭');
        }
    }else{
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if(night == '0'){
            document.body.classList.remove('night');
        }else if(night == '1'){
            document.body.classList.add('night');
        }
    }
})();

body.night img {
    filter: brightness(30%);
}
<body class="<?php echo($_COOKIE['night'] == '1' || date("H") > 22 || date("H") < 6 ? 'night' : ''); ?>">



function render(template, context) {

    var tokenReg = /(\\)?\{([^\{\}\\]+)(\\)?\}/g;

    return template.replace(tokenReg, function (word, slash1, token, slash2) {
        if (slash1 || slash2) {  
            return word.replace('\\', '');
        }

        var variables = token.replace(/\s/g, '').split('.');
        var currentObject = context;
        var i, length, variable;

        for (i = 0, length = variables.length; i < length; ++i) {
            variable = variables[i];
            currentObject = currentObject[variable];
            if (currentObject === undefined || currentObject === null) return '';
        }
        return currentObject;
    });
}
String.prototype.render = function (context) {
    return render(this, context);
};

var re = /x/;
console.log(re);
re.toString = function() {
    showMessage('哈哈，你打开了控制台，是想要看看我的秘密吗？', 5000);
    return '';
};

$(document).on('copy', function (){
    showMessage('你都复制了些什么呀，转载要记得加上出处哦', 5000);
});

$.ajax({
    cache: true,
    url: "path/to/waifu-tips.json",
    dataType: "json",
    success: function (result){
        $.each(result.mouseover, function (index, tips){
            $(document).on("mouseover", tips.selector, function (){
                var text = tips.text;
                if(Array.isArray(tips.text)) text = tips.text[Math.floor(Math.random() * tips.text.length + 1)-1];
                text = text.render({text: $(this).text()});
                showMessage(text, 3000);
            });
        });
        $.each(result.click, function (index, tips){
            $(document).on("click", tips.selector, function (){
                var text = tips.text;
                if(Array.isArray(tips.text)) text = tips.text[Math.floor(Math.random() * tips.text.length + 1)-1];
                text = text.render({text: $(this).text()});
                showMessage(text, 3000);
            });
        });
    }
});

(function (){
    var text;
    if(document.referrer !== ''){
        var referrer = document.createElement('a');
        referrer.href = document.referrer;
        text = 'Hello! 来自 <span style="color:#0099cc;">' + referrer.hostname + '</span> 的朋友';
        var domain = referrer.hostname.split('.')[1];
        if (domain == 'baidu') {
            text = 'Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&wd=')[1].split('&')[0] + '</span> 找到的我吗？';
        }else if (domain == 'so') {
            text = 'Hello! 来自 360搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&q=')[1].split('&')[0] + '</span> 找到的我吗？';
        }else if (domain == 'google') {
            text = 'Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
        }
    }else {
        if (window.location.href == 'https://imjad.cn/') { //如果是主页
            var now = (new Date()).getHours();
            if (now > 23 || now <= 5) {
                text = '你是夜猫子呀？这么晚还不睡觉，明天起的来嘛';
            } else if (now > 5 && now <= 7) {
                text = '早上好！一日之计在于晨，美好的一天就要开始了';
            } else if (now > 7 && now <= 11) {
                text = '上午好！工作顺利嘛，不要久坐，多起来走动走动哦！';
            } else if (now > 11 && now <= 14) {
                text = '中午了，工作了一个上午，现在是午餐时间！';
            } else if (now > 14 && now <= 17) {
                text = '午后很容易犯困呢，今天的运动目标完成了吗？';
            } else if (now > 17 && now <= 19) {
                text = '傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~';
            } else if (now > 19 && now <= 21) {
                text = '晚上好，今天过得怎么样？';
            } else if (now > 21 && now <= 23) {
                text = '已经这么晚了呀，早点休息吧，晚安~';
            } else {
                text = '嗨~ 快来逗我玩吧！';
            }
        }else {
            text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
        }
    }
    showMessage(text, 6000);
})();

window.setInterval(showHitokoto,30000);

function showHitokoto(){
    $.getJSON('https://api.imjad.cn/hitokoto/?cat=&charset=utf-8&length=28&encode=json',function(result){
        showMessage(result.hitokoto, 5000);
    });
}

function showMessage(text, timeout){
    if(Array.isArray(text)) text = text[Math.floor(Math.random() * text.length + 1)-1];
    console.log(text);
    $('.waifu-tips').stop();
    $('.waifu-tips').html(text).fadeTo(200, 1);
    if (timeout === null) timeout = 5000;
    hideMessage(timeout);
}
function hideMessage(timeout){
    $('.waifu-tips').stop().css('opacity',1);
    if (timeout === null) timeout = 5000;
    $('.waifu-tips').delay(timeout).fadeTo(200, 0);
}
{
    "mouseover": [
        {
            "selector": ".container a[href^='http']",
            "text": ["要看看 <span style=\"color:#0099cc;\">{text}</span> 么？"]
        },
        {
            "selector": ".fui-home",
            "text": ["点击前往首页，想回到上一页可以使用浏览器的后退功能哦"]
        },
        {
            "selector": "#tor_show",
            "text": ["翻页比较麻烦吗，点击可以显示这篇文章的目录呢"]
        },
        {
            "selector": "#comment_go,.fui-chat",
            "text": ["想要去评论些什么吗？"]
        },
        {
            "selector": "#night_mode",
            "text": ["深夜时要爱护眼睛呀"]
        },
        {
            "selector": "#qrcode",
            "text": ["手机扫一下就能继续看，很方便呢"]
<div class="waifu">
    <div class="waifu-tips"></div>
    <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
</div>
<script async src="path/to/waifu-tips.js"></script>
<script src="path/to/live2d.js"></script>
<script type="text/javascript">
    loadlive2d("live2d", "path/to/model.json");
</script>
{
    "version":"1.0.0",
    "model":"model.moc",
    "textures":[
        "textures/default-costume.png"
    ],
    "layout":{
        "center_x":0.0,
        "center_y":-0.05,
        "width":2.0
    },
    "hit_areas_custom":{
        "head_x":[-0.35, 0.6],
        "head_y":[0.19, -0.2],
        "body_x":[-0.3, -0.25],
        "body_y":[0.3, -0.9]
    },
    "motions":{
        "idle":[
            {"file":"motions/WakeUp.mtn"},
            {"file":"motions/Breath1.mtn"},
            {"file":"motions/Breath2.mtn"},
            {"file":"motions/Breath3.mtn"},
            {"file":"motions/Breath5.mtn"},
            {"file":"motions/Breath7.mtn"},
            {"file":"motions/Breath8.mtn"}
        ],
        "sleepy":[
            {"file":"motions/Sleeping.mtn"}
        ],
        "flick_head":[
            {"file":"motions/Touch Dere1.mtn"},
            {"file":"motions/Touch Dere2.mtn"},
            {"file":"motions/Touch Dere3.mtn"},
            {"file":"motions/Touch Dere4.mtn"},
            {"file":"motions/Touch Dere5.mtn"},
            {"file":"motions/Touch Dere6.mtn"}
        ],
        "tap_body":[
            {"file":"motions/Touch1.mtn"},
            {"file":"motions/Touch2.mtn"},
            {"file":"motions/Touch3.mtn"},
            {"file":"motions/Touch4.mtn"},
            {"file":"motions/Touch5.mtn"},
            {"file":"motions/Touch6.mtn"}
        ],
        "":[
            {"file":"motions/Breath1.mtn"},
            {"file":"motions/Breath2.mtn"},
            {"file":"motions/Breath3.mtn"},
            {"file":"motions/Breath4.mtn"},
            {"file":"motions/Breath5.mtn"},
            {"file":"motions/Breath6.mtn"},
            {"file":"motions/Breath7.mtn"},
            {"file":"motions/Breath8.mtn"},
            {"file":"motions/Fail.mtn"},
            {"file":"motions/Sleeping.mtn"},
            {"file":"motions/Success.mtn"},
            {"file":"motions/Sukebei1.mtn"},
            {"file":"motions/Sukebei2.mtn"},
            {"file":"motions/Sukebei3.mtn"},
            {"file":"motions/Touch Dere1.mtn"},
            {"file":"motions/Touch Dere2.mtn"},
            {"file":"motions/Touch Dere3.mtn"},
            {"file":"motions/Touch Dere4.mtn"},
            {"file":"motions/Touch Dere5.mtn"},
            {"file":"motions/Touch Dere6.mtn"},
            {"file":"motions/Touch1.mtn"},
            {"file":"motions/Touch2.mtn"},
            {"file":"motions/Touch3.mtn"},
            {"file":"motions/Touch4.mtn"},
            {"file":"motions/Touch5.mtn"},
            {"file":"motions/Touch6.mtn"},
            {"file":"motions/WakeUp.mtn"}
        ]
    }
}

.waifu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    font-size: 0;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.waifu:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (max-width: 768px) {
    .waifu {
        display: none;
    }
}
.waifu-tips {
    opacity: 0;
    width: 250px;
    height: 70px;
    margin: -20px 20px;
    padding: 5px 10px;
    border: 1px solid rgba(224, 186, 140, 0.62);
    border-radius: 12px;
    background-color: rgba(236, 217, 188, 0.5);
    box-shadow: 0 3px 15px 2px rgba(191, 158, 118, 0.2);
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    animation-delay: 5s;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-name: shake;
    animation-timing-function: ease-in-out;
}
.waifu #live2d{
    position: relative;
}

@keyframes shake {
    2% {
        transform: translate(0.5px, -1.5px) rotate(-0.5deg);
    }

    4% {
        transform: translate(0.5px, 1.5px) rotate(1.5deg);
    }

    6% {
        transform: translate(1.5px, 1.5px) rotate(1.5deg);
    }

    8% {
        transform: translate(2.5px, 1.5px) rotate(0.5deg);
    }

    10% {
        transform: translate(0.5px, 2.5px) rotate(0.5deg);
    }

    12% {
        transform: translate(1.5px, 1.5px) rotate(0.5deg);
    }

    14% {
        transform: translate(0.5px, 0.5px) rotate(0.5deg);
    }

    16% {
        transform: translate(-1.5px, -0.5px) rotate(1.5deg);
    }

    18% {
        transform: translate(0.5px, 0.5px) rotate(1.5deg);
    }

    20% {
        transform: translate(2.5px, 2.5px) rotate(1.5deg);
    }

    22% {
        transform: translate(0.5px, -1.5px) rotate(1.5deg);
    }

    24% {
        transform: translate(-1.5px, 1.5px) rotate(-0.5deg);
    }

    26% {
        transform: translate(1.5px, 0.5px) rotate(1.5deg);
    }

    28% {
        transform: translate(-0.5px, -0.5px) rotate(-0.5deg);
    }

    30% {
        transform: translate(1.5px, -0.5px) rotate(-0.5deg);
    }

    32% {
        transform: translate(2.5px, -1.5px) rotate(1.5deg);
    }

    34% {
        transform: translate(2.5px, 2.5px) rotate(-0.5deg);
    }

    36% {
        transform: translate(0.5px, -1.5px) rotate(0.5deg);
    }

    38% {
        transform: translate(2.5px, -0.5px) rotate(-0.5deg);
    }

    40% {
        transform: translate(-0.5px, 2.5px) rotate(0.5deg);
    }

    42% {
        transform: translate(-1.5px, 2.5px) rotate(0.5deg);
    }

    44% {
        transform: translate(-1.5px, 1.5px) rotate(0.5deg);
    }

    46% {
        transform: translate(1.5px, -0.5px) rotate(-0.5deg);
    }

    48% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg);
    }

    50% {
        transform: translate(-1.5px, 1.5px) rotate(0.5deg);
    }

    52% {
        transform: translate(-0.5px, 1.5px) rotate(0.5deg);
    }

    54% {
        transform: translate(-1.5px, 1.5px) rotate(0.5deg);
    }

    56% {
        transform: translate(0.5px, 2.5px) rotate(1.5deg);
    }

    58% {
        transform: translate(2.5px, 2.5px) rotate(0.5deg);
    }

    60% {
        transform: translate(2.5px, -1.5px) rotate(1.5deg);
    }

    62% {
        transform: translate(-1.5px, 0.5px) rotate(1.5deg);
    }

    64% {
        transform: translate(-1.5px, 1.5px) rotate(1.5deg);
    }

    66% {
        transform: translate(0.5px, 2.5px) rotate(1.5deg);
    }

    68% {
        transform: translate(2.5px, -1.5px) rotate(1.5deg);
    }

    70% {
        transform: translate(2.5px, 2.5px) rotate(0.5deg);
    }

    72% {
        transform: translate(-0.5px, -1.5px) rotate(1.5deg);
    }

    74% {
        transform: translate(-1.5px, 2.5px) rotate(1.5deg);
    }

    76% {
        transform: translate(-1.5px, 2.5px) rotate(1.5deg);
    }

    78% {
        transform: translate(-1.5px, 2.5px) rotate(0.5deg);
    }

    80% {
        transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
    }

    82% {
        transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
    }

    84% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }

    86% {
        transform: translate(2.5px, 1.5px) rotate(0.5deg);
    }

    88% {
        transform: translate(-1.5px, 0.5px) rotate(1.5deg);
    }

    90% {
        transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
    }

    92% {
        transform: translate(-1.5px, -1.5px) rotate(1.5deg);
    }

    94% {
        transform: translate(0.5px, 0.5px) rotate(-0.5deg);
    }

    96% {
        transform: translate(2.5px, -0.5px) rotate(-0.5deg);
    }

    98% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
    }

    0%, 100% {
        transform: translate(0, 0) rotate(0);
    }
}


/*XDXd*/
@font-face {
  font-family: "PingFang SC";
  src: url("https://oxdqj6kj4.bkt.clouddn.com/font/PingFang SC.woff2") format("woff2"),
       url("https://oxdqj6kj4.bkt.clouddn.com/font/PingFang SC.woff") format("woff"),
       url("https://oxdqj6kj4.bkt.clouddn.com/font/PingFang SC.ttf") format("truetype"),
       url("https://oxdqj6kj4.bkt.clouddn.com/font/PingFang SC.eot") format("embedded-opentype"),
       url("https://oxdqj6kj4.bkt.clouddn.com/font/PingFang SC.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    font-size: inherit;
    line-height: inherit;
}

audio:not([controls]) {
    display: none
}

b, strong {
    font-weight: bolder
}

button {
    -webkit-appearance: button;
    overflow: visible
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button:-moz-focusring, input:-moz-focusring {
    outline: 1px dotted ButtonText
}

button, select {
    text-transform: none
}

details {
    display: block
}

hr {
    overflow: visible
}

html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-family:  Calibri, "PingFang SC", "Hiragino Sans GB","Microsoft YaHei",Arial, sans-serif;
}

.c_ad_block {
    display: none;
}

input {
    -webkit-border-radius: 0
}

input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button
}

input[type="number"] {
    width: auto
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

main {
    display: block
}

pre {
    overflow: auto
}

progress {
    display: inline-block
}

summary {
    display: block
}

svg:not(:root) {
    overflow: hidden
}

template {
    display: none
}

textarea {
    overflow: auto
}

[hidden] {
    display: none
}

*, ::before, ::after {
    box-sizing: inherit
}

::before, ::after {
    text-decoration: inherit;
    vertical-align: inherit
}

button, input, select, textarea {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit
}

*, ::before, ::after {
    border-style: solid;
    border-width: 0;
}

a, area, button, input, label, select, textarea, [tabindex] {
    touch-action: manipulation;
}

.sourceCode>* {
         font-family: Consolas,Monaco, Ubuntu Mono,"Source Code Pro",Courier New!important;
}

svg {
    fill: currentColor
}

[aria-busy="true"] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

[hidden][aria-hidden="false"] {
    clip: rect(0 0 0 0);
    display: inherit;
    position: absolute
}

[hidden][aria-hidden="false"]:focus {
    clip: auto
}

* {
    background-repeat: no-repeat;
}

:root {
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
    cursor: default;
}

a {
    text-decoration:none;
    color: #2196F3;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
    border: border: 2px dashed rgba(33, 150, 243, 0.33);
}

button, input, select, textarea {
    background-color: transparent;
    color: inherit
}

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea {
    min-height: 1.5em;
}

code, kbd, pre, samp {
    font-family: Consolas,Monaco, monospace,Ubuntu Mono,"Source Code Pro",Courier New!important;

}

nav ol, nav ul {
    list-style: none
}

small {
    font-size: 75%
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {
    resize: vertical;
}

div.commentform textarea {
    width: 450px;
    height: 150px;
    font-size: 13px;
    border: 1px solid #ccc;
}

::-moz-selection {
    background-color: #b3d4fc;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    text-shadow: none
}

body {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    background-color: #eeeeee;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB","Microsoft Yahei","Source Han Sans", "PingFang SC",Arial,"Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

#header {
    background-color: #2D3642;
    position: relative;
    width: 100%;
    height: 400px;
    background-image: url(https://oxdqj6kj4.bkt.clouddn.com/background-3.jpg);
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
    overflow: hidden;
}

#header #blogTitle {
    color: #fff;
    text-align: center;
    margin-top: 35px;
}

#header #blogTitle .headermaintitle {
    font-size: 3.75em;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6);
}

#header #blogTitle h2 {
    font-size: 1.5rem;
    text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6);
}

#header:before {
    background-image: url(https://files.cnblogs.com/files/widerg/face.gif);
    content: " ";
    position: relative;
    border-radius: 100px;
    display: block;
    width: 180px;
    height: 180px;
    border: 5px solid #fff;
    background-size: contain;
    margin-left: 50%;
    margin-bottom: 18px;
    transform: translate3d(-50%, 20%, 0);
}

#navigator {
    display: none;
}

#main {
    display: flex;
    margin: 4%;
    justify-content: center;
}

#main #mainContent {
    margin-right: 2%;
    width: 70%;
    color: #333;
    font-size: 16px;
    line-height: 1.6;
}

#main #mainContent .day {
    position: relative;
    margin-bottom: 50px;
    padding: 40px 20px;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

#main #mainContent .day .postDesc {
    padding: 0 110px 0 10px;
    border-top: 1px solid #dee1e0;
    color: #bfbfbf;
    line-height: 3.125rem;
}

#main #mainContent .dayTitle {
    position: absolute;
    top: 6px;
    left: -25px;
    min-width: 155px;
    padding: 6px 10px;
    background: #EB3349;
    background: -webkit-linear-gradient(to right, #F45C43, #EB3349);
    background: linear-gradient(to left, #F45C43, #EB3349);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
    text-align: center;
}

#main #mainContent .dayTitle:before {
    position: absolute;
    top: 100%;
    left: 0;
    border-color: #af2734  transparent;
    border-style: solid;
    border-width: 20px 0 0 25px;
    content: " ";
}

#main #mainContent .dayTitle a {
    color: #fff;
    text-align: center;
    font-size: 1.125rem;
    font-family: PingFang SC,Microsoft YaHei;
}

#main #mainContent .postTitle {
    overflow: hidden;
    margin: 10px auto;
    padding: 0 2em 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 26px;
}

#main #mainContent .postTitle a{
    color:#333;
    transition: all 0.2s;
}

#main #mainContent .postCon {
    border-top: 1px solid #dee1e0;
    background-color: #f4f4f4;
}

#main #mainContent .c_b_p_desc {
    position: relative;
    overflow: visible!important;
    padding: 20px;
    color: #4d4d4d;
    font-size: 1pc;
}

#main #mainContent .c_b_p_desc a.c_b_p_desc_readmore {
    position: absolute;
    top: 108%;
    right: 0;
    width: 75pt;
    height: 40px;
    border-radius: 3px;
    background-color: #00ace4;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    transition: .3s ease background-color;
}

#main #mainContent .c_b_p_desc a:hover {
    background-color: #007ea7;
    color: #eee;
}

#sideBar {
    width: 250px;
    min-width: 0;
}

#sideBar .catListTitle {
    margin-top: 0;
    padding: 10px 30px;
    background: #404a58;
    text-align: center;
    font-size: 1.25rem;
    color: #fff;
    display: none;
}

#sideBar .newsItem {
    overflow: hidden;
    margin: 0 0 20px;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

#sideBar .newsItem #profile_block {
    padding: 20px;
    padding-top: 20px;
    color: #666;
    word-wrap: break-word;
    font-size: 1.125rem;
}

#sideBar .newsItem #profile_block a {
    color: #666;
    font-size: 1.125rem;
}

#sideBarMain #blog-calendar, #sideBarMain .sidebar-block {
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}
#sideBarMain .CalTitle{
    border-bottom: #333 1px solid;
}

#sideBarMain .CalTitle td {
    height: 40px;
    background-color: #292929;
    color: #fff;
    font-size: 22px;
}

#sideBarMain .CalTitle td.CalNextPrev {
    padding-left: 15px;
    padding-right: 15px
}

#sideBarMain .CalTitle td.CalNextPrev a {
    color: #fff;
}

#sideBarMain .CalDayHeader {
    height: 32px;
    color: #fff;
    background-color: rgb(41, 41, 41);
    font-size: 18px;
}

#sideBarMain td {
    height: 35px;
    background-color: #fff;
}

#sideBarMain #widget_my_zzk {
    display: flex;
    padding: 9pt;
}

#sideBarMain #widget_my_zzk input#q {
    width: 100%;
    height: 40px;
    border-radius: 3px 0 0 3px;
    background-color: #eee;
}

#sideBarMain input#btnZzk {
    padding: 10px;
    height: 40px;
    border: 0 none;
    border-radius: 0 3px 3px 0;
    background-color: #00ace4;
    color: #fff;
    cursor: pointer;
    transition: .3s ease background-color;
}

#sideBarMain input#btnZzk:hover {
    background-color: #1f628e;
    color: #fff;
}

#sideBarMain #blogCalendar>tbody>tr:nth-child(n+3) td.CalOtherMonthDay {
    color: rgba(0, 0, 0, .2);
}
.CalTodayDay u{
    color:#fff;
}
#sideBarMain #blogCalendar>tbody>tr:nth-child(n+3) td.CalTodayDay {
    border-radius: 20px;
    background-color: #03A9F4;
    color: #fff;
}

#sideBarMain #blogCalendar>tbody>tr:nth-child(n+3) td>a {
    color: #00ace4;
    text-decoration: none;
}

#blog-sidecolumn ul li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px dashed #e1e1e1;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem;
    line-height: 2rem;
}

#blog-sidecolumn ul li a {
    color: #666;
}

#blog-sidecolumn .recent_comment_author {
    position: relative;
    margin-bottom: 1pc;
    color: rgba(0, 0, 0, .6);
    text-align: right;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .3);
    font-weight: 400;
}

#blog-sidecolumn .recent_comment_body {
    position: relative;
    overflow: visible;
    padding: 8px;
    border-top: 1px solid #dee1e0;
    background-color: #f4f4f4;
    color: #4d4d4d;
    white-space: normal;
    font-size: 0.8rem;
}

#blog-sidecolumn li>a {
    transition: .2s ease-out color;
}

#blog-sidecolumn #RecentCommentsBlock ul li {
    list-style: none;
}

#cnblogs_post_body th, #cnblogs_post_body td, .cnblogs-post-body th, .cnblogs-post-body td{
    padding: 8px!important;
}
.topicListFooter {
    margin: 0!important;
}

.topicListFooter #nav_next_page a {
    display: inline-block;
    padding: 15px 20px;
    width: 75pt;
    border-radius: 5px;
    background-color: #b4b4b4;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    transition: .3s ease background-color;
}

.topicListFooter #nav_next_page a:hover {
    background-color: #fb6362;
}

#footer {
    height: 200px;
    background-color: #404a58;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
    line-height: 12.5rem;
    display: none;
}

.scrollup {
    position: fixed;
    bottom: 120px;
    right: 50px;
    z-index: 10;
    display: block;
    width: 48px
}

.scrollup .arrows {
    height: 48px;
    width: 48px;
    float: left;
    background: url("https://images.cnblogs.com/cnblogs_com/crackpotisback/594328/o_top_up.png") no-repeat left top;
    background-size: 48px;
    transition: background 0.5s ease 0s;
    display: none;
    cursor: pointer
}

.scrollup .arrows:hover {
    background-position: left bottom
}

#mainContent #post_detail .postTitle {
    margin-top: 0;
    padding: 10px;
    /* background: #404a58; */
    color: #fff;
    font-size: 1.875rem;
    display: none;
}

#mainContent #post_detail .postTitle a {
    border-bottom: 3px solid #eee;
    color: #333;
    text-align: left;
    font-weight: 700;
    font-size: 30pt;
    display: block;
    -webkit-margin-before: 0.67em;
    margin-left: 20px;
    margin-right: 20px;
}

#mainContent #post_detail .post {
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 0 0 0, 0 0 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}
#mainContent #post_detail #cnblogs_post_body table{
    margin-top:20px;
    margin-bottom:20px;
}
#mainContent #post_detail #cnblogs_post_body h1 {
    margin-top: 20px;
    border-bottom: 3px solid #eee;
    color: #333;
    text-align: left;
    font-weight: 700;
    font-size: 32pt;
}

#mainContent #post_detail #cnblogs_post_body h2 {
    margin-top: 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    text-align: left;
    font-weight: 600;
    font-size: 28pt;
}

#mainContent #post_detail #cnblogs_post_body h3 {
    margin-top: 20px;
    color: #333;
    text-align: left;
    font-weight: 600;
    font-size: 22pt;
}

#mainContent #post_detail #cnblogs_post_body h4 {
    margin-top: 20px;
    color: #333;
    text-align: left;
    font-weight: 600;
    font-size: 16pt;
}

#mainContent #post_detail #cnblogs_post_body h5{
    margin-top: 20px;
    color: #333;
    text-align: left;
    font-weight: 600;
    font-size: 12pt;
}

#mainContent #post_detail #cnblogs_post_body h6{
    margin-top: 20px;
    color: #333;
    text-align: left;
    font-weight: 600;
    font-size: 10pt;
}
#mainContent #post_detail #cnblogs_post_body a:hover{
    color:#da6a61
}
#mainContent #post_detail #cnblogs_post_body a {
    color: #2196F3;
    transition:all 0.2s;
}

#mainContent #post_detail #cnblogs_post_body li {
    text-align: left;
    font-size: 16px;
}

#mainContent #post_detail #cnblogs_post_body ol, #mainContent #post_detail #cnblogs_post_body ul {
    padding-top: 10px;
}

#MySignature {
    margin-top: 24px;
    padding: 20px;
    border-left: 8px solid #2196F3;
    border-radius: 4px;
    background-color: #f5f5f5;
    box-shadow: 0 0 1px #d9d9d9;
    font-size: 1.25rem;
}

#BlogPostCategory, #EntryTag {
    font-size: 1em;
}
#BlogPostCategory a:hover
{
    background-color: #ff5a4e;
}
#BlogPostCategory a, #EntryTag a {
    padding: 6px;
    border-radius: 4px;
    background-color: #03a9f4;
    color: #fff;
    transition:all 0.2s;
}

#EntryTag {
    margin-top: 10px;
}

#blog_post_info_block {
    margin-top: 20px;
}

#green_channel {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    width: auto!important;
    border: medium none;
    border-radius: 2px;
    background: #f5f5f5 none repeat scroll 0 0;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
}

#green_channel a {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 8px;
    border-radius: 20px;
    color: #fff;
    vertical-align: middle;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .25);
    font-weight: 400;
    font-size: 1.2em;
    cursor: pointer;
}

#author_profile {
    display: none;
    background-color: rgba(0, 0, 0, .6);
}

#post_next_prev{
font-size: 18px;
display: inline-block;
}
#post_next_prev a:nth-of-type(2n){height: 35px;display: inline-block;font-size: 24px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;}
#post_next_prev a:nth-of-type(2n):before{
position: absolute;
width: 30px;
content: "";
background: url(https://images.cnitblog.com/blog/708426/201501/082257221093724.png) no-repeat left 11px;
height: 35px;
display: inline-block;
background-size: 24px 24px;
overflow: visible;
opacity:0;
transition:0.5s;
-webkit-transition:0.5s;
-moz-transition:0.5s;
}
#post_next_prev a:hover {
    color: #b94a48 !important;
    text-decoration: none !important;
}
#post_next_prev a:nth-of-type(2n):hover{
transform:translateX(35px);
-webkit-transform:translateX(35px);
-moz-transform:translateX(35px);
}
#post_next_prev a:nth-of-type(2n):hover:before{
transform:translateX(-35px);
-webkit-transform:translateX(-35px);
-moz-transform:translateX(-35px);
opacity:1;
}
#post_next_prev a.p_n_p_prefix:link{
    display:none;
}
#digg_tips {
    color: #7e8c8d;
    font-size: .8em;
}

#bury_count, #digg_count {
    color: #fff;
    font-size: 1pc;
}

#post_detail .postDesc {
    background-color: hsla(0, 0%, 100%, .4);
    color: #9fa4a4;
    text-align: center;
    font-size: 1em;
    line-height: 2.8125rem;
}

#post_detail .postDesc a {
    color: #9fa4a4;
    font-size: 1em;
}

#commentform_title {
    margin-bottom: 10px;
    padding: 0;
    background: transparent none repeat scroll 0 0;
    color: #7e8c8d;
    font-size: 1.3125rem;
}

.commentbox_main {
    position: relative;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
}

#comment_form {
    overflow: hidden;
    margin: 0 0 20px;
    padding: 20px;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

#comment_form_container p {
    color: #9fa4a4;
}

#comment_nav {
    text-align: right;
}

#comment_nav a:hover {
    color: #04477d
}

#comment_nav a {
    display: inline-block;
    margin-top: 1pc;
    margin-right: 20px;
    color: #c1c1c1;
    font-size: .8em;
}

#cnblogs_post_body img {
    max-width: 100%!important;
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(0, 0, 2, .2);
}

.emoji {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;
}

div.commentform input.author {
    margin-top: 20px;
    padding: 0 15px;
    width: 300px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: transparent none repeat scroll 0 0;
    color: #9fa4a4;
    font-size: .875rem;
    line-height: 2.1875rem;
}

.commentbox_title_right {
    float: left;
}

.commentbox_title {
    padding-left: 15px;
    width: 100%;
    height: 30px;
    background: #f5f5f5 none repeat scroll 0 0;
    line-height: 1.875rem;
}
#tbCommentBody,input[type=text]{padding: 0px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #d6d6d6;border-radius: 3px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#tbCommentBody:focus,input[type=text]:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
#tbCommentBody{
max-width:100%;
width: 100%;
height: 150px;
background:#fff url(https://images.cnitblog.com/blog/708426/201501/082214147965461.png) right bottom no-repeat;
padding-top:8px;
}

#commentbox_opt #btn_comment_submit:hover {
    background-color: #036e9e
}

#commentbox_opt #btn_comment_submit {
    float: right;
    margin-top: 20px;
    margin-left: 15px;
    width: 90pt;
    height: 37px;
    border: medium none;
    border-radius: 3px;
    background-color: #03A9F4;
    color: #FFF;
    cursor: pointer;
    transition: background 0.3s ease;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.3)
}

#commentbox_opt a {
    float: right;
    display: inline-block;
    margin-top: 20px;
    height: 37px;
    color: #c1c1c1;
    font-size: .9375rem;
    line-height: 2.3125rem;
}

.feedbackItem {
    margin-bottom: 20px;
    /* box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1); */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.feedbackManage {
    float: right;
}

.feedbackManage a {
    display: inline-block;
    color: #c1c1c1;
    font-size: 1em;
}

.feedbackListSubtitle {
    margin-top: 0;
    padding: 12px 20px;
    text-align: left;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

.feedbackListSubtitle a {
    color: #ffffff;
    margin-right: 10px;
    background: #667385;
    padding-left: 10px!important;
    padding-right: 10px!important;
    border-radius: 1000px;
}

.blog_comment_body {
    position: relative;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0 0 0, 0 0 12px rgba(34, 34, 34, 0.1);
}

.comment_vote {
    position: relative;
    overflow: visible;
    padding: 4px;
    border-radius: 0 0 2px 2px!important;
    /* background-color: #f4f4f4; */
    color: #4d4d4d;
    font-size: 1pc;
    margin: 10px;
    /* margin-bottom: 10px; */
}

.comment_vote :hover {
    background-color: #026896
}

.comment_vote a {
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
    border-radius: 3px;
    background-color: #03A9F4;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 1px 1px rgba(0, 0, 0, .3);
    color: #fff;
    font-size: .8em;
    transition: .3s ease background-color;
}

.comment_quote {
    padding: 10px;
    border:none;
    border-left: 10px solid #ececec;
    background-color:#f6f6f6;
}

.comment_quote legend{
    display:none;
}

fieldset.comment_quote a {
    color: #fb6362;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.gallery, .galleryTitle {
    font-size: 1.4em;
}

.galleryTitle {
    margin-top: 0;
    padding: 10px 30px;
    background-color: #404a58;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    color: #fff;
    text-align: center;
}

img#ViewPicture1_GalleryImage {
    display: block;
    max-width: 100%;
    min-width: 100%;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .1);
}

#ViewPicture1_OriginalImage, #ViewPicture1_ReturnUrl {
    display: inline-block;
    padding: 1pc;
    border-radius: 5px;
    background-color: #fb6362;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .2) inset, 0 1px 1px rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    font-size: .8em;
    cursor: pointer;
    transition: background .3s ease 0;
}

#homepage_top_pager {
    display: none;
}
#myposts .pager{
    margin-bottom: 50px;
}
.pager {
    color: #404a58;
    font-size: 1pc;
    line-height: 1.875rem;
}

.pager a {
    padding: 10px;
    border: 0 none;
    border-radius: 3px;
    background-color: #00ace4;
    color: #fff;
    cursor: pointer;
    transition: .3s ease background-color;
}

.pager a:hover {
    border-radius: 3px;
    background-color: #017196;
    color: #fff;
}

.entrylistPosttitle {
    position: relative;
    top: 10px;
    overflow: hidden;
    margin: 10px auto;
    padding-left: 20px;
    border-left: 5px solid #e84c3d;
    background: #fff none repeat scroll 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.5rem;
}

.entrylistPosttitle a {
    color: #000;
    font-size: 1.5rem;
    transition: color .3s ease 0;
}

.entrylistItemPostDesc {
    padding: 0 110px 0 10px;
    min-height: 50px;
    border-top: 1px solid #dee1e0;
    line-height: 3.125rem;
}

.entrylistItem {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

h1.entrylistTitle {
    padding: 10px;
    background-color: #404a58;
    font-size: 1.5rem;
}

.entrylistDescription, h1.entrylistTitle {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #f5f5f5;
}

.entrylistDescription {
    padding: 6px;
    background-color: rgba(64, 74, 88, .6);
    font-size: 1.125rem;
}

.ad_text_commentbox, .c_ad_block {
    display: none;
    margin: 0;
    padding: 0;
}

#ad_under_google {
    overflow: hidden;
    height: 0;
}

.diggit {
    display: none;
    width: 100%;
    border-radius: 3px;
    color: #fff;
}

#myposts .PostList {
    border-left-color: #00ace4;
    border-left-width: 7px;
    margin-bottom: 20px;
    padding: 30px 20px;
    box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    font-size: 25px;
    overflow: hidden;

}

.PostList a {
    color: #3c3c3c;
}

.PostList span {
    color: #808080;
}
#myposts .postText2{
    overflow:hidden;
}

#ad_under_google, #ad_under_google a, #blog-comments-placeholder .feedback_area_title, #blog-sidecolumn #sidebar_postarchive, #c_ad_block, #catListTitle, #div-gpt-ad-1320933818841-0, #div-gpt-ad-1320933818841-1, #google_ad_c1, #google_ad_c2, #header .blogStats, #sideBarMain #widget_my_google, #site_nav_under, #tip-arrow-bottom, #tip-arrow-top, #trans-tooltip, .commentbox_title_left, [hidden], audio:not([controls]), template {
    display: none;
}

button, hr {
    overflow: visible;
}

details, main, summary {
    display: block;
}

#navList a.aHeaderXML img, audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

#main #mainContent .day .postDesc a, .entrylistItemPostDesc, .entrylistItemPostDesc a {
    color: #bfbfbf;
}

#blog-sidecolumn li>a:hover, #main #mainContent .postTitle a:hover, .entrylistPosttitle:hover a {
    color: #00abff;
}

#blog-sidecolumn ul, #mainContent #post_detail .postBody {
    padding: 30px 30px;
}

#comment_nav, .topicListFooter #nav_next_page {
    text-align: right;
}

#ad_t2, #ad_under_post_holder, #blog_news_kb, #comment_nav, #google_ad_c2, #site_nav_under, #under_post_kb, #under_post_news, blog_news_kb, google_ad_c2 {
    display: none!important;
}

.buryit {
    display: none;
}

blockquote {
    border: 0px;
    border-left: 10px solid #ececec;
    border-radius: 3px;
    background-color: #f6f6f6;
}

@media screen and (max-width:768px) {
    #sideBar {
        display: none;
    }
    #navigator {
        background-color: #253444;
        box-shadow: none;
    }
    #main #mainContent {
        margin: 0;
        width: 100%;
    }
    #main {
        margin: 0;
    }
    #topics {
        margin-left: 0!important;
    }
    .cnblogs_Highlighter {
        max-width: 100%!important;
    }
    #blog-sidecolumn ul, #mainContent #post_detail .postBody {
        padding: 10px 10px;
    }
    #main #mainContent .dayTitle {
        display: none;
    }
    #mainContent #post_detail .post {
        border-radius: 0px;
    }
    #main #mainContent .day {
        margin-bottom: 0;
    }
    #main #mainContent .day:hover {
        box-shadow: none;
    }
    #blogTitle h1 {
        margin-bottom: 5%;
    }
    #home div#imgBar {
        display: none!important;
    }
    .topicListFooter #nav_next_page a {
        width: 100%;
        border-radius: 0px;
        background-color: #00ace4;
        transition: .3s ease background-color;
    }
    #customFooter ul li {
    width: 100%;
    margin-left: 0!important;
    margin-bottom: 25px!important;
    }
}

.back-top.attached>a {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    opacity: 1;
}

.back-top>a {
    position: fixed;
    right: 2%;
    bottom: 30px;
    z-index: 1030;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .2);
    text-align: center;
    opacity: 0;
    transition: all .5s;
}

#customFooter {
    /*  width: 100%; */
    /*  height: 270px; */
    padding: 36px 0;
    background-color: #292929;
    overflow: hidden;
    text-align: center;
}

#customFooter .footer-title {
    font-size: 34px;
    color: #fff;
    line-height: 1;
    margin-bottom: 52px;
    font-weight: 600;
}

#customFooter ul {
    display: inline-block;
    list-style: none;
}

#customFooter ul li {
    float: left;
    margin: 0 40px;
}

#customFooter ul a {
    color: #c8c8c8;
    font-size: 24px;
    text-decoration: none;
}

#customFooter ul a:hover, #customFooter ul a:active {
    color: #fff;
}

#copyright {
    font-size: 14px;
    color: #707070;
    margin-top: 56px;
}

pre {
    /*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
    font-family: Consolas,Monaco, monospace,Ubuntu Mono,"Source Code Pro",Courier New!important;
}

.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    white-space: pre;
    font-family: Consolas,Monaco, monospace,Ubuntu Mono,"Source Code Pro",Courier New!important;
    word-break: normal;
}

.cnblogs-markdown code {
    font-family: Consolas,Monaco, monospace,Ubuntu Mono,"Source Code Pro",Courier New!important;
}

.emoji {
    display: inline-block;
    margin-bottom: .25em;
    width: 32px;
    height: 32px;
    background-size: contain;
}
.emoji2{
    display: inline-block;
    margin-bottom: .25em;
    width: 32px;
    height: 32px;
    background-size: contain;
    border-radius: 0px!important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
.MathJax_Display img {
    border-radius: 0px!important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
.MathJax{outline:0;}

/*适应手机*/
@media screen and (max-width: 768px){
    #main, #mainContent{
        width: 100%;
    }
    #sideBar, body > a, #navList, #navigator, .postDesc a, #homepage_top_pager{
        display: none;
    }
    #blogTitle a{
        font-size: 30px;
    }
    #blogTitle h2{
        font-size: 16px;
    }
    #header{
        height: 180px;
    }
    #home{
        background-image: none;
    }
    .postTitle a{
        font-size: 22px;
    }
    .postCon, .postCon a{
        font-size: 16px;
    }
    .day{
        margin: 0 2%;
    }
    .postCon a{
        padding-left: 0;
    }
    .postDesc{
        width: 100%;
        font-size: 12px;
    }
    #home{
        background-color: #68BCCA;
    }
    #mainContent .forFlow{
        margin: 4px 0 0 0;
    }
    .postBody{
        
    }
    #blogTitle{
        left: 0;
    }
    #mainContent .postBody{
        width: 100%;
    }
    .post{
        padding: 0 4%;
    }
    #header{
        background: url(https://images.cnblogs.com/cnblogs_com/lvdabao/507840/o_face-monkey-128.png) top right no-repeat;
        background-size: 46px;
    }
    .topicListFooter{
        width: 100%;
        text-align: center;
        padding: 0;
        height: 40px;
    }
    .topicListFooter a:link{
        font-size: 12px;
    }
}