*{
    margin:0; 
    padding:0;
    font-family: "verdana","Arial","微软雅黑", "Helvetica", "sans-serif";
    list-style-type:none;
    text-decoration: none;
    letter-spacing:0.05em;
}

del{
    text-decoration:line-through !important;
}

a strong{
    color: rgba(255, 222, 173, 0.92);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}

a strong:hover{
    color: rgb(255, 216, 157);
    text-shadow: 0 0 1em rgb(255, 216, 157);
}

strong em{
    color: rgb(255, 107, 107);
}

strong{
    color: rgba(255, 250, 173, 0.92);
}

em{
    color: rgba(253, 160, 160, 0.92);
}

hr {
    border-style: none;
    border-bottom-style: solid;
    margin: 1.5% -2% 1.5% -2%;
    width: 105%;
    border-color: rgba(248, 248, 248, 0.685);
    border-width: 0.27em;
}

a {
    color:rgba(130, 251, 255, 0.9);
}

p >a{
    transition: text 0.6s;
    -webkit-transition: text 0.6s;
}

h1 >a{
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

a:hover{
    text-shadow: 0 0 0.5em rgba(130, 251, 255, 0.9);
}

#cnblogs_post_body >blockquote{
    border:0.75em rgba(181, 255, 255, 0.678);
    border-style: none none none solid;
    background-color: rgba(32, 31, 27, 0.295);
}

#cnblogs_post_body >h1{
    font-size:2.3em;
    color:rgba(149, 239, 255, 0.9);
}
#cnblogs_post_body >h1 a{
    color:rgba(77, 228, 255, 0.932);
}
#cnblogs_post_body >h2{
    font-size:1.8em;
    color:rgba(187, 255, 233, 0.89);
}
#cnblogs_post_body >h3{
    font-size:1.55em;
    color:rgba(187, 255, 204, 0.89);
}
#cnblogs_post_body > p:first-letter{
    font-size:1.4em;
}
#cnblogs_post_body > p{
    display: block !important;
    line-height: 1.7em;
}
#cnblogs_post_body  >ul{
    display:block;
    padding:1% 0.3%;
}

#header {
    position:relative;
    text-align: center;
    background-image:url(https://images.cnblogs.com/cnblogs_com/SHQstudio/1437545/o_bilibili%E6%A8%AA%E7%89%88%E5%9B%BE.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-clip:no-clip;
    background-size:cover;
    box-shadow: 0em 0.25em 0.5em 0.1em #1a1b20 ;
    transition:all 0.6s;
    -webkit-transition:all 0.6s;
}

.dayTitle >a{
    color:rgba(255, 83, 112, 0.801);
    transition:all 0.6s;
    -webkit-transition:all 0.6s;
}

.dayTitle >a:hover{
    color:rgb(255, 0, 106);
    text-shadow: 0 0 1.5em rgb(255, 0, 157);
}

#blogTitle{
    transition:padding 1s;
    -webkit-transition:padding 1s;
    padding:5.5%;
}

#blogTitle:hover{
    padding:8%;
}

h1 a.headermaintitle {
    font-size: 2em;
    font-weight: bolder;
    line-height: 0.1em;
    color: rgba(255, 255,255, 0);
    white-space: nowrap;
    transition:all 1s;
    -webkit-transition:all 1s;
}

h1 a.headermaintitle:hover {
    font-weight:  bolder;
    font-size: 3.5em;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 0.9em rgb(255, 0, 0);
}


.c_b_p_desc_readmore:before{
    color:white;
    content: '...  ';
    white-space: pre;  
    display:inline;
}

.c_b_p_desc{
    text-align:justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow:ellipsis;
}

.c_b_p_desc a{
    color:rgb(130, 251, 255);
    transition:all 0.7s;
    -webkit-transition:all 0.7s;
}

.c_b_p_desc a:hover{
    color:rgb(47, 248, 255);
    text-shadow: 0 0 0.8em rgb(0, 255, 255);
}

.day{
    margin-top:2%;
    border: medium  rgba(19, 18, 16, 0.596);
    border-style:none none solid none;
}
.post{
    padding-top:2em;
    padding-left:1em;
}

#mainContent{
    
    padding-top:1.5%;
    position:relative;
    color: rgba(255, 255, 255, 0.975);
    text-align:left;
    width:100%;
    height:100%;
    max-width: 1050px;
}

#main {
    display: flex;
    flex-flow: row wrap;
    align-content:center;
    width:65%;
    height:100%;
    padding-left:15%;
    padding-right:12%;
    text-align: left;
    padding-top: 0.5%;
    margin:2%;
    margin-left:0;
    overflow:auto;
    padding-bottom:5.5%;
}

#home{
    background-image: url(https://images.cnblogs.com/cnblogs_com/SHQstudio/1437545/o_bg.png);
    background-repeat: repeat;
    background-position:center;
    background-clip:no-clip;
    height:100%;
    min-height:700px; 
    min-width: 800px;   
}



#footer{
    position: relative;
    text-align:center;
    font-size:0.8em;
    color:rgba(253, 215, 45, 0.774);
    transition:all 0.8s;
    -webkit-transition:all 0.8s;
    margin-bottom:1%;
}

#footer:hover{
    color:rgb(251, 255, 27);
    text-shadow: 0 0 1em rgb(187, 255, 0);
}

#sideBar {
    display:none;
}

.blogStats {
    display: none;
}

#blog_post_info_block {
    display:none;
}

.postDesc highlighter-context {
    display:none;
}

#under_post_kb{
    display: none;
}

#under_post_news{
    display: none;
}

#cnblogs_c1{
    display: none;
}
#cnblogs_c2{
    display: none;
}

#ad_t2{
    display: none;
}

.ad_text_commentbox{
    display: none;
}

.comment_vote{
    display: none;
}

.sendMsg2This{
    display: none;
}

.commentbox_title {
    display: none;
}

#commentform_title {
    display: none;
}

#comment_nav {
    display: none;
}

#comment_form_container >p{
    display: none;
}

.feedback_area_title{
    display: none;
}

.comment_date{
    font-size:0.7em;
    float:right;
}
/***********回复类***********/
#tip_comment{/*服务器时延*/
    display:none;
}
.blog_comment_body a{
    transition:all 0.8s;
    -webkit-transition:all 0.8s;
}

.blog_comment_body a:hover{
    color:rgb(27, 255, 225);
    text-shadow: 0 0 1.5em rgb(2, 255, 200);
}
.feedbackCon{
    margin-top:1%;
    margin-left:2em;
    font-size:0.83em;
}
.feedbackManage{
    font-size:0.7em;
    float:right;
}
.feedbackItem{
    margin-top:1.6%;
    margin-bottom:2%;
    padding-bottom: 1.5%;
    border: medium  rgba(88, 86, 69, 0.596);
    border-style:none none solid none;
}
.feedbackListSubtitle{
    margin-bottom:1%;
    font-size:0.6em;
    color: rgba(252, 252, 252,0.9);
}
.feedbackListSubtitle >a{
    float:left;
    font-size:1.6em;
    color: rgb(255, 66, 145);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
.feedbackListSubtitle >a:hover{
    color: rgb(255, 0, 106);
    text-shadow: 0 0 1em rgb(255, 0, 140);
}
.feedbackListSubtitle >.layer{
    float:none;
    font-size:1em;
    color: rgba(252, 252, 252,0.9);
}
/***********评论插件***********/
#commentbox_opt >a{/*功能不对，直接退出账号了*/
    display:none;
    left:3em;
    position:  absolute;
    width: 4em;
    font-size: 0.7em;
    text-indent: -3.2em;
    overflow: hidden;
    font-size: 0.7em;
}
#commentbox_opt >a:after{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    color: rgb(92, 249, 249);
    content: ' 返回主页';
    white-space: pre;
}
#commentbox_opt >a:hover{
    color: rgb(0, 255, 255);
    text-shadow: 0 0 0.5em rgb(0, 255, 255);
}
#comment_form_container >p#commentbox_opt{/*操作数*/
    display:block;
}
#blog-comments-placeholder{/*整体*/
    margin-top:10%;
}
#tbCommentBody{/*白色小框主体*/
    font-family: "verdana","Arial","微软雅黑", "Helvetica", "sans-serif";
    border-color: rgba(173, 172, 172, 0.664);
    border-radius:5px;
    margin-left:4%;
    margin-right:2%;
    width: 94%;
    height: 10%;
    min-height: 2.5em;
    resize: vertical;
    right:0;
    font-size: 85%;
    letter-spacing:0.045em;
    color:rgb(241, 221, 131);
    background-color: rgba(19, 18, 16, 0.596);
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
}
#tbCommentBody:focus{
    box-shadow: 0 0 0.7em rgb(0, 255, 255);
    border-color: rgba(143, 141, 141, 0.795);
    height: 10%;
    min-height: 4.5em;
}
#btn_comment_submit{/*提交按钮*/
    width:4.7em;
    height:2.2em;
    float:right;
    font-weight: bold;
    color:white;
    border:2px solid rgba(255, 0, 157, 0);
    border-radius:5px;
    -moz-border-radius:5px;
    background-color: rgba(255, 117, 117, 0.92);
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
}
#btn_comment_submit:hover{
    color:rgba(255, 117, 117, 0.92);
    background-color: white;
    box-shadow: 0 0 0.5em white;
}
/******************************/
#navigator{
    z-index: 1000;
    font-weight:  bold;
    width:100%;
    position: absolute;
    top:98%;
}
ul{
    padding:0.5% 0%;
    display: flex;
    list-style: none;
    white-space:nowrap;
    justify-content: left;
}

@media screen and (max-width: 600px){
    #navigator{
        font-size:40%;
    }
    #navigator li .menu{
        width:2em;
    }
}
@media screen and (max-width: 450px){
    #navigator{
        display: none;
    }
}

#navigator li .menu{
    width:3.2em;
    display: block;
    padding: 0 0.5em;
    margin:0.3em 0.6em ;
    text-align:justify;
    text-align-last:justify;
    cursor: pointer;
    font-size:100%;
    color:rgba(231, 208, 112, 0.747);
    text-shadow: 0 0 0.6em rgb(73, 73, 73);
    position:relative;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
#navigator li .menu:after{
    top:100%;
    right:0.95em;
    position:relative;
    display: block;
    content: "";
    z-index: -1;
    width:5em;
    height:3em;
    background-image: url(https://images.cnblogs.com/cnblogs_com/SHQstudio/1437545/o_bt1.png);
    overflow:visible;
    background-repeat: no-repeat;
    background-position:50% 68%;
    background-size:8em 8.5em;
    margin-top: -1.8em;
}
#navigator li .menu:hover{
    text-shadow: 0 0 0.8em rgb(238, 255, 2);
    color:rgba(255, 230, 100,1);
}

#navListr >li{
    margin-top:0.2em; 
}

#cb_post_title_url {
    color: rgba(253, 225, 171, 0.897);
    font-size:1.6em;
}
#cb_post_title_url:hover{
    color:rgb(255, 225, 93);
    text-shadow: 0 0 0.7em rgb(255, 196, 0);
}
.postTitle >a{
    color: rgba(253, 225, 171, 0.897);
    font-size:2em;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
.postTitle >a:hover{
    color:rgb(255, 225, 93);
    text-shadow: 0 0 0.7em rgb(255, 196, 0);
}
.post{
    padding-top:0;
    padding-left:0;
}
.postDesc{
    font-size: 0.7em;
    color:rgba(255, 255, 255,0.95);
    padding: 1%;
    margin:1%;
    float:right;
}

.postDesc a{
    color:rgba(255, 255, 255,0.9);
}

#cnblogs_post_body{
    position:relative;
    padding: 2%;
}

#cnblogs_post_body >p:hover{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    padding-right:0.28em;
    margin-right:-0.5em;
    border-right: 0.2em solid rgba(187, 187, 187, 0.863);
}
/*以下是代码相关*/

.cnblogs-markdown .hljs {
    display: block;
    overflow: auto;
    padding: 1em 1.5em !important;
    font-size: 0.9em !important;
    background: #272822 !important;
    color: #FFF;
    max-height: 26em;
}

.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;
}
.cnblogs-markdown code {
    color: #c7254e;
    border: none !important;
    font-size: 0.8em !important;
    background-color: #f9f2f4 !important;
    font-family: sans-serif !important;
}