#blogTitle {
    background: url(https://images.cnblogs.com/cnblogs_com/yinghun/967568/o_wesley-blog.png) no-repeat center 21px;
    height: 314px;
    clear: both;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    animation: fadeInOut 1.5s ease-in-out 1 alternate;
    -webkit-animation: fadeInOut 1.5s ease-in-out 1 alternate;
}

#header {
    background: #1abc9c;
    position: relative;
}

#navigator {
    background-color: #0e9b7f;
    height: 60px;
    clear: both;
    position: relative;
    border: 1px solid #0e9b7f;
    border-left: none;
    border-right: none;
}

.catListTitle {
    font-size: 18px;
    padding: 10px 20px;
    background-color: #0e9b7f;
    color: #fff;
    font-weight: normal;
    border: 1px solid #0e9b7f;
}

.sidebar-block h3 {
    background-color: #0e9b7f;
    border: 1px solid #0e9b7f;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 10px 20px;
}

.dayTitle:hover {
    background-color: #ff5e52;
    text-decoration: none;
}

.dayTitle {
    color: #fff;
    background-color: #0e9b7f;
    padding: 3px 6px;
    font-size: 12px;
    display: block;
    float: left;
    margin-right: 10px;
    z-index: 10px;
}

.postTitle a:hover {
    color: #0e9b7f;
    text-decoration: none;
}

#navList a:hover {
    text-decoration: none;
    background: #0dad8d;
    color: #fff;
}

.footer {
    padding: 15px 0px;
    border-top: 4px solid #555;
    background: #0e9b7f;
    color: #fff;
    text-align: center;
    font: 14px "Microsoft YaHei";
    font-weight: lighter;
}

a.c_b_p_desc_readmore {
    color: #0e9b7f;
}

#navList a:link {
    text-shadow: 0px 0px 0px #000;
    font-weight: bolder;
}

.sidebar-block .catListTag ul li a:hover {
    color: #fafafa;
    text-decoration: none;
}

#blogTitle h2 {
    width: 544px;
    position: relative;
    height: 75px;
    line-height: 180%;
    font-weight: normal;
    top: 107px;
    left: 5px;
    font-size: 21px;
}

#profile_block:hover {
    border: 1px solid #0e9b7f;
}

#profile_block a:hover {
    color: #0e9b7f;
    border-bottom: 1px dotted #0e9b7f;
}

td.CalNextPrev {
    padding: 0px 12px;
}

table#blogCalendar a u {
    color: #1abc9c;
    font-weight: 700;
    text-decoration: none;
}

table#blogCalendar a u:hover {
    color: #ff5e52;
}

#blogTitle h1 a:hover {
    text-decoration: none;
    color: #0e9b7f;
}

.headermaintitle {}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

#blogTitle h1 a {
    font-family: "华文行楷";
}

#blogTitle h1 {
    color: #24a8e6;
    -webkit-animation: rotateWord 8s ease-in-out 1 0s;
    -moz-animation: rotateWord 8s ease-in-out 1 0s;
    -o-animation: rotateWord 8s ease-in-out 1 0s;
    -ms-animation: rotateWord 8s ease-in-out 1 0s;
    animation: rotateWord 8s ease-in-out 1 0s;
}

@-webkit-keyframes rotateWord {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: translateY(-200px) translateZ(300px) rotateY(-120deg);
    }
    5% {
        opacity: 0.2;
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(0px) translateZ(0px) rotateY(0deg);
    }
    6% {
        text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
        color #fff;
    }
    17% {
        opacity: 0.5;
        text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
        color #fff;
        -webkit-transform: translateY(0px) translateZ(0px) rotateY(180deg);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0px) translateZ(0px) rotateY(-180deg);
    }
    100% {
        opacity: 1;
    }
}


/*markdown 代码样式*/

tt, code, kbd, samp {
    font-family: consolas;
}

.prettyprint, pre.prettyprint {
    background-color: #272822;
    border: 1px solid #272822;
    overflow: hidden;
    margin: 10px 0;
    font-family: Helvetica, "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei UI", SimSun, SimHei, arial, sans-serif;
}

.prettyprint.linenums, pre.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}

.prettyprint.linenums ol, pre.prettyprint.linenums ol {
    padding-left: 28px !important;
    margin: 0 0 0 0px;
}

.prettyprint.linenums ol li, pre.prettyprint.linenums ol li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    margin-left: 0;
    margin: 5px;
    list-style: decimal;
}

.prettyprint .com {
    color: #93a1a1;
}

.prettyprint .lit {
    color: #AE81FF;
}

.prettyprint .pun, .prettyprint .opn, .prettyprint .clo {
    color: #F8F8F2;
}

.prettyprint .fun {
    color: #dc322f;
}

.prettyprint .str, .prettyprint .atv {
    color: #E6DB74;
}

.prettyprint .kwd, .prettyprint .tag {
    color: #F92659;
}

.prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var {
    color: #A6E22E;
}

.prettyprint .pln {
    color: #66D9EF;
}

.desc_img {
    float: right;
    margin-left: 40px;
    width: 160px;
}

.c_b_p_desc {
    font-size: 14px;
    color: #333;
    line-height: 200%;
    text-align: justify;
}