body {
    margin: 0;
    padding: 0;
    background-color: #efffee;
}
/*目录框滚动条设置*/
::-webkit-scrollbar {
    width: 0px;
    height: 6px
}
/*目录框滚动条设置*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px #efffee;
    background: #efffee
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent;
    border-radius: 4px
}

/*
@ThemeColor:#a9a9a9;//主题色
@BgColor:#efffee;//背景色
@OrnamentColor:#eee;//点缀色
@DisableColor:#ccc;//表示禁用的颜色
@AccentColor:#f90;//强调色
@TextColor:#333;//文本颜色
@ShadowColor:rgba(200,200,200,0.5);//阴影颜色
@BtnHover:#38c;//按钮hover颜色
*/

a {
    color: #38c;
    text-decoration: none
}

a:hover {
    color: #24cc56
}

@media screen and (max-width: 1200px) {
    #topics {
        width: 100%
    }

    #right {
        position: absolute;
        left: 32px;
        top: 32px;
        width:180px;
        height: 32px;
        background-image: linear-gradient(#efffee, #efffee 20%, #a9a9a9 0, #a9a9a9 40%, #efffee 0, #efffee 60%, #a9a9a9 0, #a9a9a9 80%, #efffee 0)
    }

    #right, #right:hover #sidebar_categories {
        display: block
    }

    #sidebar_categories {
        display: none;
        position: fixed;
        top: 32%;
    }
}

@media screen and (min-width: 1201px) {
    #topics {
        width: 800px;
        margin: 0 auto
    }

    #right {
        position: fixed;
        left: 0;
        top: 50%;
        width: 200px;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 800px) {
    #green_channel {
        width: 430px
    }
}

/*头像的背景颜色*/
#header {
    background-color: #a9a9a9;
    overflow: hidden;
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200707020852bgImg.jpg);
}
/*头像*/
.headermaintitle {
    position: relative;
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703140459me.jpg);
    border: 2px solid #eee;
    border-radius: 50%;
    height: 97px;
    margin: 20px auto;
    text-align: center;
    width: 97px;
    display: block
}

.headermaintitle:after {
    content: "逆舟博客";
    color: #eee;
    font-weight: 700;
    text-decoration: none;
    position: absolute;
    top: 102px;
    left: 13px
}

.headermaintitle:hover {
    box-shadow: 0 0 60px #efffee
}

.headerDis {
    text-align: center;
    color: #eee;
    font-size: 14px;
    margin-bottom: 16px
}

/*头像下的横条(首页|新随笔|管理)*/
#mylinks {
    text-align: center;
    background-color: #5f9a5f;
}

.menu {
    color: #eee;
    display: inline-block;
    line-height: 3;
    text-decoration: none;
    padding: 0 10px
}

#MyLinks1_NewArticleLink {
    display: none
}

#mylinks #blog_nav_newpost {
    display: inline-block !important
}

#footer {
    display: none
}

/*加载进度条*/
#loadingProcess {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    box-sizing: border-box;
    width: 0;
    background-color: #f90;
    background-image: linear-gradient(90deg, transparent 0, transparent 80%, #efffee);
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}

.syntaxhighlighter {
    z-index: -1
}

#mystats {
    display: none
}

.day {
    border-bottom: 1px solid #ccc;
    padding: 24px 8px 0
}

.dayTitle {
    float: right;
    font-size: 14px;
    color: #ccc;
    display: none;
}

.postTitle {
    margin-bottom: 8px
}

.postTitle > a {
    font-weight: 700
}

.postCon {
    color: #333;
    font-size: 14px
}

.c_b_p_desc_readmore {
    display: none
}

.postDesc {
    color: #999;
    font-size: 12px;
    margin-bottom: 24px
}

.topicListFooter {
    margin-top: 16px;
    text-align: center
}

.topicListFooter a {
    text-decoration: none;
    background-color: #a9a9a9;
    color: #efffee;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px
}

.topicListFooter a:hover {
    background-color: #38c
}

@keyframes jumping {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-400px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes eyemove {
    0% {
        transform: translate(0)
    }
    20% {
        transform: translate(0)
    }
    25% {
        transform: translateY(-10px)
    }
    45% {
        transform: translateY(-10px)
    }
    50% {
        transform: translate(0)
    }
    60% {
        transform: translate(0)
    }
    65% {
        transform: translate(-8px)
    }
    85% {
        transform: translate(-8px)
    }
    90% {
        transform: translate(0)
    }
    to {
        transform: translate(0)
    }
}

.feedback_area_title {
    display: none
}

#blog-comments-placeholder {
    padding: 0 16px
}

.feedbackItem {
    clear: both;
    padding: 20px 8px 30px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.feedbackItem .feedbackListSubtitle {
    position: relative
}

.feedbackItem .feedbackCon {
    padding: 16px 2px;
    float: right;
    line-height: 50px
}

.feedbackItem .feedbackManage .blog_comment_body {
    margin-top: 32px;
    font-size: 16px;
    color: #333
}

/*邮件图片*/
.feedbackItem .sendMsg2This {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020638o_letter.png) !important;
    text-decoration: none !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    display: none
}

.feedbackItem .comment_date {
    margin-top: 30px;
    margin-left: 8px;
    display: inline-block;
    font-size: 12px
}

.feedbackItem .comment_date:after {
    content: "";
    width: 10px;
    height: 16px;
    display: inline-block;
    position: absolute;
    background: #efffee;
    top: 29px
}

.feedbackItem .comment_name {
    position: absolute;
    left: 58px;
    top: 4px
}

.feedbackItem .comment_face {
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    border: 1px solid #ddd;
    float: left
}

.feedbackItem .comment_actions > a {
    text-decoration: none;
    margin: 0 8px;
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px
}

.feedbackItem .comment_actions > a:last-child {
    color: #f44;
    padding-right: 8px
}

.comment_quote {
    border-color: #eee;
    border-radius: 4px;
    margin-top: 16px;
    padding: 8px 8px 16px
}

.comment_date {
    color: #ccc;
    font-size: 14px
}

.comment_vote {
    margin-top: 32px;
    float: right
}

.comment_vote > a {
    display: inline-block;
    border: 1px solid;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    margin: 0 8px;
    line-height: 16px
}

.comment_vote > a:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 16px;
    vertical-align: middle;
    position: absolute;
    background-color: #efffee;
    background-repeat: no-repeat
}
/*大拇指*/
.comment_vote > a.comment_digg:before {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020810o_thumb_up.png)
}
/*大拇指(像素高些)*/
.comment_vote > a.comment_burry:before {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020821o_thumb_up_24.png)
}

#comment_form_container {
    padding: 0 24px;
    margin-top: 24px
}

div.commentform textarea.comment_textarea {
    width: 100%;
    resize: none;
    height: 250px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 16px;
    box-sizing: border-box;
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020755o_pangding2.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    box-shadow: inset 0 0 12px #ddd;
    overflow: auto
}

#commentbox_opt {
    text-align: right
}

#commentbox_opt .comment_btn {
    background: #efffee;
    border: 1px solid;
    border-radius: 4px;
    color: #a9a9a9;
    cursor: pointer;
    padding: 4px 8px;
    line-height: 18px
}

#commentbox_opt .comment_btn:hover {
    color: #38c
}

#commentbox_opt > a {
    display: none
}

.commentbox_title_left {
    float: left
}

.commentbox_title_right {
    float: right
}

.commentbox_title_right > img {
    cursor: pointer
}

#tip_comment {
    display: none
}

.comment_my_posted {
    padding: 24px
}

.comment_my_posted .bq_post_comment {
    border: 1px solid #eee;
    border-radius: 4px
}

#commentform_title {
    background-position-y: 3px
}

.commentbox_title {
    width: 100%
}

div.commentform input.author {
    background-position: 3px -1px
}

#tbCommentAuthor {
    background-color: #efffee;
    border: 1px solid #efffee;
    font-size: 16px;
    color: #ccc;
    width: 200px
}

#comment_nav, #tip_comment2 + p {
    display: none
}
/*文章详情页面div*/
#post_detail {
    padding: 24px;
    font-size: 16px;
}
/*文章详情页面div>div*/
#post_detail #cnblogs_post_body {
    padding-left: 8px;
    text-align: left;
}

#post_detail #cnblogs_post_body ol li {
    line-height: 2em
}

#post_detail .postTitle {
    font-size: 20px;
    padding-left: 8px
}

#post_detail h1 {
    font-size: 30px;
    color: #2ca30699;
}
#post_detail h1 strong{
    color: #2ca30699;
}
#post_detail h2 {
    font-size: 18px;
    background-color: #008200;
    color: #eee;
    padding: 5px 10px;
    border-radius: 4px
}
#post_detail h2 strong {
    color: #eee;
}

#post_detail h3 {
    font-size: 17px;
    color: #4fa302a8
}

#post_detail p {
    padding: 0 8px;
    line-height: 2;
    margin: 0
}

#post_detail img {
    max-width: 100%;
    vertical-align: middle;
    cursor: pointer
}

#post_detail img.enlarged {
    z-index: 2000;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20%;
    display: block;
    width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    position: fixed;
    border: 8px solid #a9a9a9;
    border-radius: 4px
}

#post_detail .cnblogs_code {
    margin-bottom: 20px;
    overflow: auto;
    display: block;
    padding: 9.5px;
    font-size: 13px;
    color: #657b83;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

#post_detail code {
    margin: 0 24px;
    padding: 10px !important
}

#post_detail table {
    width: 95%;
    margin: 0 auto
}

#post_detail ul {
    list-style-image: radial-gradient(#a9a9a9, transparent)
}

#post_detail ul > li {
    margin-top: 8px
}

#post_detail strong {
    color: #f90
}

#green_channel_wechat > img, #green_channel_weibo > img {
    width: 24px;
    height: 24px;
    margin: 0 8px
}

#post_next_prev {
    clear: both;
    margin-top: 24px
}

#post_next_prev > a {
    line-height: 2
}

#ad_t2, #author_profile, #author_profile_detail, #cnblogs_c1, #cnblogs_c2, #EntryTag, #post_next_prev .p_n_p_prefix, #under_post_kb, #under_post_news {
    display: none
}

#blog_post_info_block {
    padding: 16px 8px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

#BlogPostCategory {
    margin-top: 8px
}

#blog_post_info {
    width: 100% !important
}

@media screen and (min-width: 800px) {
    #BlogPostCategory {
        float: left
    }

    #blog_post_info {
        float: right;
        width: 430px !important
    }
}

#green_channel {
    border: none;
    margin: 0;
    padding: 0
}

#green_channel #green_channel_digg, #green_channel #green_channel_favorite, #green_channel #green_channel_follow {
    background: #efffee;
    color: #a9a9a9 !important;
    border: 1px solid #a9a9a9 !important;
    text-shadow: none;
    box-shadow: none
}

#green_channel #green_channel_digg:hover, #green_channel #green_channel_favorite:hover, #green_channel #green_channel_follow:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

#green_channel a {
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px
}

#green_channel_digg:before, #green_channel_favorite:before, #green_channel_follow:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

#green_channel_digg:before {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020821o_thumb_up_24.png)
}

#green_channel_follow:before {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020748o_love1.png)
}

#green_channel_favorite:before {
    background-image: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020800o_star.png)
}

#div_digg {
    bottom: 72px;
    margin: 0;
    position: fixed;
    right: 16px;
    animation: jumping 5s ease-in-out;
    animation-iteration-count: infinite;
    z-index: 1992
}

.buryit {
    display: none
}

.diggit {
    background: url(https://images.cnblogs.com/cnblogs_com/zy-jiayou/1798211/o_200703020604o_ball2.png) no-repeat;
    border-radius: 50%;
    box-shadow: inset 0 0 15px 5px #efffee;
    cursor: pointer;
    height: 100px;
    margin: 0;
    padding: 0;
    width: 100px;
    text-align: center
}

.diggit:before {
    content: "这里是点赞";
    position: absolute;
    top: -40px;
    left: -12px;
    font-size: 26px;
    color: #a9a9a9
}

#div_digg .diggnum {
    color: #eee;
    font-family: Verdana;
    font-size: 35px;
    line-height: 2em !important
}

#digg_tips {
    color: #fa5 !important;
    width: 200px;
    text-align: center;
    margin-left: -50px;
    margin-top: -170px
}

a.digg_gray {
    font-size: 18px
}

#xiaociguai {
    position: fixed;
    bottom: 0;
    right: 0;
    cursor: pointer;
    z-index: 1993
}

#xiaociguai > img {
    width: 155px
}

#xiaociguai:after {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #666;
    position: absolute;
    left: 69px;
    top: 43px;
    animation: eyemove 10s ease-in-out;
    animation-iteration-count: infinite
}

#xiaociguai.enable-electric, #xiaociguai:hover {
    -webkit-filter: saturate(7);
    filter: saturate(7)
}

#HistoryToday {
    text-align: center;
    margin-top: 48px;
    border-top: 1px solid #eee;
    color: #ccc
}

#HistoryToday b {
    margin: 16px 0;
    display: inline-block
}

#HistoryToday br {
    margin-top: 16px
}

#reader_catalog {
    position: fixed;
    z-index: 1991;
    right: 0;
    top: 50%;
    padding: 10px 20px;
    background-color: #efffee;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    width: 180px;
    box-shadow: -5px 5px 10px hsla(0, 0%, 78.4%, .5);
    max-height: 430px;
    overflow: scroll;
    transform: translateY(-50%)
}
/*文章详情小菜单*/
#reader_catalog > h3 {
    font-size: 18px;
    color: #ccc;
    margin: 12px 0
}

#reader_catalog > ul {
    list-style: none;
    padding: 0;
    overflow: auto;
    max-height: 380px
}

#reader_catalog > ul > li {
    white-space: nowrap
}
/*目录h1;h2;h3样式*/
#reader_catalog > ul > li .level1 {

}
#reader_catalog > ul > li .level2 {
    margin-left: 10px;
}
#reader_catalog > ul > li .level3 {
    margin-left: 20px;
}

#reader_catalog > ul > li > a {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 2em
}
/*作者署名*/
#MySignature {
    display: block;
    color: #00bcd4;
    padding: 15px;
    margin: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: inset 0 0 4px
}

.leader-line {
    z-index: 1992
}
/*阅读数/点赞数/评论数*/
.reader-post-info {
    color: #999;
    line-height: 20px;
    margin: 0 8px;
    font-size: 12px
}

.reader-post-info svg {
    vertical-align: top;
    margin-left: 5px
}

@media screen and (max-width: 1200px) {
    #reader_catalog {
        display: none
    }
}

.entrylistTitle {
    line-height: 3;
    color: #333;
    font-size: 18px;
    padding-left: 8px
}

.entrylistItem {
    font-size: 14px;
    color: #333;
    border-top: 1px solid #ccc;
    padding: 16px 8px 0
}

.entrylistItem > a {
    font-weight: 700;
    font-size: 16px
}

.c_b_p_desc {
    margin: 8px 0
}

.entrylistItemPostDesc {
    margin: 8px 0 20px;
    font-size: 12px;
    color: #999
}
/*最新评论记录*/
#sidebar_recentcomments {
    max-width: 70%;
}
/*li的点去掉*/
#sidebar_recentcomments .RecentCommentBlock li{
    line-height: 1.5;
    list-style-type:none;
}
/*最新评论记录区评论人名称*/
#sidebar_recentcomments .recent_comment_author {
    margin-right: 300px !important;
}


/*左侧目录*/
#sidebar_categories {
    padding: 10px 20px;
    background-color: #efffee;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    width: 11%;
    text-align: left;
    max-height: 80%;
    position: fixed;
    overflow-y: scroll;
    overflow-x: auto;
    top: 10%;
    box-shadow: 5px 5px 10px hsla(0, 0%, 78.4%, .5)
}

/*博客内容div*/
#centercontent {
    max-width: 70%;
}

.catListTitle {
    font-size: 18px;
    color: #ccc;
}

.catList {
    list-style-type: none;
    padding: 0
}

.catListItem > a {
    line-height: 2;
    font-size: 14px
}
/*公告栏*/
#blog-news{
    margin-top: 5px;
    line-height: 1.5;
    max-width: 70%;
    height: auto;
    font-style: oblique;
    font-family: cursive;
    font-size: medium;
}
/*日历*/
#calendar #blog-calendar {
    max-width: 400px;
    display: block;
    border: solid;
    height: auto;
}
/*日历当前选中日期*/
.CalTodayDay{
    font-weight: 700;
    text-decoration: underline;
    color: #3ee25b;
}
/*
昵称： ☠☚㊙☛☠
园龄： 4年8个月
粉丝： 7
关注： 5
*/
#profile_block {
    margin-top: 5px;
    line-height: 1.5;
    text-align: center;
}

/* GitHub Cornor */
.github-corner :hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
}
@media (max-width: 991px) {
    .github-corner >svg {
        fill: #fff !important;
        color: #222 !important;
    }
    .github-corner .github-corner:hover .octo-arm {
        animation: none;
    }
    .github-corner .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out;
    }
}
@-moz-keyframes octocat-wave {
    0%, 100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    20%, 60% {
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    40%, 80% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}
@-webkit-keyframes octocat-wave {
    0%, 100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    20%, 60% {
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    40%, 80% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}
@-o-keyframes octocat-wave {
    0%, 100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    20%, 60% {
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    40%, 80% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}
@keyframes octocat-wave {
    0%, 100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    20%, 60% {
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        -o-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    40%, 80% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}