.github{width:50px;}
a:visited {
    color: #39f;
    text-decoration: none;
}
.cnblogs-markdown code {
    font-family: "Courier New",sans-serif!important;
    font-weight: 600;
    font-size: 14px!important;
    line-height: 20px;
    background-color: #f7f7f9!important;
    padding: 0 2px!important;
    border-radius: 3px!important;
    border:none !important;
    margin: 1px 5px;
    vertical-align: middle;
    display: inline-block;
    color: #cd0200;
padding: 0 4px ! important;
}
#tbCommentAuthor{margin-left:10px;}
#commentform_title{background-image:none;
    border-bottom: 1px solid #ccc;
    color: #39f;
    font-size: 21px;
    font-weight: normal;
    line-height: 35px;
    margin: 10px 0;
    padding-left: 8px;
}
#commentform_title::after {
color: #ccc;
    content: "/Comment";
    font-family: Times New Roman;
    font-size: 16px;
    left: 5px;
    position: relative;
    top: 1px;
}
.commentbox_title {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 99.3%;
}
#commentbox_opt{margin:0;display: inline-block;}
#commentbox_opt a{
background: #ed4921 none repeat scroll 0 0;
    border: 3px none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    line-height: 27px;
    margin-left: 10px;
    margin-top: 10px;
    text-shadow: none;
    width: 57px;
}
#btn_comment_submit {
   background: #0983ce none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 23px;
    margin-top: 10px;
    padding: 0 9px;
    text-shadow: none;
    width: 66px;
}
#comment_form_container{
    border: 1px solid #ccc;
    padding: 0 10px 10px;
background:#f7f7f7;
}
#comment_form_container p{
color:#666;
}
.commentbox_main {

}
.commentbox_title_left{color:#666 ! important;font-size:15px;}
.feedbackListSubtitle a{color:#39f ! important;}
.feedbackManage a{color:#ccc! important;font-size:12px;}
#comment_nav a{color:#333! important;font-size:12px;margin-top:20px;}
.feedbackManage a:hover{color:#39f! important;}
.commentbox_title {
    width: 99.3%;
}
div.commentform textarea {
border: medium none;
    font-size: 13px;
    height: 145px;
    width: 99.9%;
}
div.commentform textarea:focus {
    border-color: #39f;
    box-shadow: 0 0 3px rgba(102, 175, 233, 0.6);
    outline: 0 none;

}
.blog_comment_body {
    color: #666;
    word-wrap: break-word;
}
.comment_digg{color:#39f! important;font-size:12px;}
.comment_bury{color:#ea9000! important;font-size:12px;}
.feedback_area_title {
    border-bottom: 1px solid #ccc;
    color: #39f;
    font-size: 21px;
    font-weight: normal;
    line-height: 35px;
    margin: 10px 0;
    padding-left: 8px;
}
.feedback_area_title::after {
color: #ccc;
    content: "/Comment List";
    font-family: Times New Roman;
    font-size: 16px;
    left: 5px;
    position: relative;
    top: 1px;
}
#blog-comments-placeholder {
background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 9px 2px 10px #888;
    padding: 0 17px;
}
.postSeparator {
    border-top: 1px solid #eee;
    clear: both;
    float: right;
    height: 1px;
    margin: 0 auto 15px;
    width: 100%;
}
.c_b_p_desc_readmore{color: #39f ! important;
    text-decoration: none ! important;}
.c_b_p_desc_readmore:hover {
    background: #39f none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff ! important;
    text-decoration: none;
padding-right:5px;
}
.cc{width:100%;height:100%;}
#p_b_follow{display:block;}

.guanzhu {
            position:absolute;
            left:0;
            bottom:0;
            width:50px;
            height:50px;
            cursor:pointer;
z-index:99;
        }
.guanzhu:hover::after {
content:"";
            position:absolute;
            left:72px;
            top:-120px;
background-image:url("https://www.jiehunji520.com/weix.png");
background-color:#fff;
background-size:100%;
            width:100px;
            height:95px;
            cursor:pointer;
z-index:99;
        }
.guanzhu:hover::before{
content:"→微信求打赏→";
            position:absolute;
            left:55px;
            top:-127px;
            width:10px;
            height:95px;
line-height:15px;
z-index:99;
color:#fff;
text-shadow: 0px 0px 3px #eee;
        }
.git {
            position:absolute;
            left:0;
            top:0;
            width:50px;
            height:50px;
            cursor:pointer;
        }
.sina {
            position:absolute;
            right:0;
            top:0;
            width:50px;
            height:50px;
            cursor:pointer;
        }
.QQ{
            position:absolute;
            right:0;
            bottom:0;
            width:50px;
            height:50px;
            cursor:pointer;
        }
#blog-news:hover::before {
            content:"";
            position:absolute;
            width:32px;
            background-image:url("https://www.jiehunji520.com/sina.png");
            top:10px;
            right:0px;
            background-size:100%;
            height:32px;
            animation: bounceInUp 0.5s 0.2s ease both;
            animation-name: sina ;
text-shadow: 0px 0px 0px #a7a8ad;
        }
        @keyframes sina {
            0% {
transform: rotate(-360deg);
                opacity: 0;
                top:90px;
                right:70px;
            }

            100% {
transform: rotate(0deg);
                opacity: 1;
                top:5px;
                right:0px;
            }
        }
div.cc:hover::before {
            content:"";
            position:absolute;
            width:40px;
            background-image:url("https://www.jiehunji520.com/QQ.png");
            bottom:5px;
            right:5px;
            background-size:100%;
            height:40px;
            animation: bounceInUp 0.5s 0.4s ease both;
            animation-name: QQ;
text-shadow: 0px 0px 0px #a7a8ad;
        }
        @keyframes QQ{
            0% {
transform: rotate(-360deg);
                opacity: 0;
                bottom:90px;
                right:70px;
            }

            100% {
transform: rotate(0deg);
                opacity: 1;
                bottom:5px;
                right:5px;
            }
        }
div.cc:hover::after{
            content:"";
            position:absolute;
            width:32px;
            background-image:url("https://www.jiehunji520.com/weixin.png");
            bottom:5px;
            left:5px;
            background-size:100%;
            height:32px;
            animation: bounceInUp 0.5s 0.6s ease both;
            animation-name: weix;
        }
        @keyframes weix{
            0% {
transform: rotate(-360deg);
                opacity: 0;
                bottom:90px;
                left:70px;
            }

            100% {
transform: rotate(0deg);
                opacity: 1;
                bottom:5px;
                left:5px;
            }
        }
#sideBar{width:243px;}
#blogTitle{
animation: 2s ease-out 0s normal backwards 1 running none;
animation-name: scanTitle ;
}
#blogTitle h2 {
text-shadow: 0 0 3px #eee;
animation: 2s ease-out 0s normal backwards 1 running none;
animation-name: fadeinT;
}
#blog-news{position:relative;}
#blog-news:hover::after {
            content:"";
            position:absolute;
            width:32px;
            background-image:url("https://www.jiehunji520.com/github.png");
            top:0px;
            left:0px;
            background-size:100%;
            height:32px;
            animation: bounceInUp 0.5s 0s ease both;
            animation-name: git;
z-index:-2;
        }
        @keyframes git {
            0% {
                opacity: 0;
                transform: rotate(-360deg);
                top:90px;
                left:70px;
            }

            100% {
                opacity: 1;
                transform: rotate(0deg);
                 top:0px;
            left:0px;
            }
        }
@keyframes fadeinL {
0% {
    opacity: 0;
    transform: translateY(-100px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes scanTitle {
0% {
    background-position: -500px -80px;
background-size:200%;
}
100% {
    background-position: 0px 0px;
background-size:100%;
}
}
@keyframes fadeinT {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.c_b_p_desc_readmore{float:left;clear:both;margin-top:30px;}
.dayTitle {
    border-bottom: none;
    clear: both;
    color: #eee;
    font-size: 12px;
    line-height: 2.2em;
    text-align: right;
    width: 100%;
}
.dayTitle a{color: #888;}
.newsItem:first-child{
padding:0;
border:none;
background:none;
height:250px;
box-shadow: 0px 0px 0px #a7a8ad;
}
#blog-calendar{display:none;}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
    color: #39f;
    transition: all 0.4s linear 0s;
}
.postTitle a:hover{
    color: #333;

}
.catListTitle {
    background: #333 none repeat scroll 0 0;
    border-bottom: 1px solid #333;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #ffffff;
    font-size: 1.2em;
    height: 1.8em;
    line-height: 1.8em;
    padding: 5px;
    text-indent: 0.5em;
    text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3);
}
#navList a:hover{
    color: #00ace9 ;
text-shadow: 0 0 3px #00ace9 ;
}
#profile_block a{display:none;}
#blogTitle {
    background-image: url('https://www.jiehunji520.com/blogsTop.jpg');
background-repeat:no-repeat;background-size:100%;
    clear: both;
    height: 170px;
padding-bottom:20px;
}

#blogTitle h2 {
    float: left;
    line-height: 1.5;
    text-align: center;
    width: 100%;
margin-left: 0;
}
#blogTitle h1 {
    float: left;
    font-family: "Times New Roman";
    font-size: 50px;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 0;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
#blogTitle h1 a:hover {
    text-decoration:none;
color:#00ace9 ! important;
    text-shadow: 0 0 3px #00ace9;
transition: all 0.2s linear 0s;
}
body{
background:#f1f1f1;
}
.postTitle{
font-weight: normal;
border-bottom:none;
}
div.cdshow::before {
        color: #fff;
    content: "Cydiacen";
    font-family: times new roman,ahoma,ahoma,serif;
    font-size: 29px;
    font-weight: bold;
    left: 50%;
    margin-left: -250px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 3px #eee;
    top: -58px;
    width: 500px;
}
#Header1_HeaderTitle{
text-shadow: 0 0 3px #333;
animation: 3s ease-out 0s normal backwards 1 running none;
animation-name: fadeinL;
color:#000 ! important;}
div.cdshow::after {
    color: rgba(255, 255, 255, 0.81);
    content: "Blog Age : 2 year";
    font-family: "Times New Roman",serif;
    font-size: 15px;
    font-variant: small-caps;
    left: 50%;
    margin-left: -58px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 5px #eee;
    top: 73px;
    white-space: pre;
    word-wrap: break-word;
}
div.cdshow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0);
    border-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 0 1px rgba(247, 247, 247, 0.53),
        0 0 15px 85px rgba(8, 8, 8, 0.51),
         0 0 1px 85px rgba(8, 8, 8, 0.51),
         0 0 0 10px rgba(247, 247, 247, 0.67),
         0 0 1px 80px rgba(0, 0, 0, 0.64),
         0 0 0 12px rgba(27, 27, 27, 0.79) inset,
         0 0 1px 6px rgba(0, 0, 0, 0.73) inset;
    box-sizing: border-box;
    color: #fff;
    height: 50px;
    left: 81%;
    margin: -100px auto 0 -100px;
    padding-top: 10px;
    position: absolute;
    top: 80%;
    width: 50px;
transform:none;
transition:All 20s ease-out;
	-webkit-transition:All 20s ease-out;
	-moz-transition:All 20s ease-out;
	-o-transition:All 20s ease-out;
}
div.cdshow:hover{
transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
#blog-news{position:relative;
height:250px;
}