/* #cnblogs_post_body ul li {
    font: 14px/2 Arial !important
}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}



header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
    display: block
} */

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left;
    font-weight: normal
}

html,body,fieldset,img,iframe,abbr {
    border: 0
}

i,cite,em,var,address,dfn {
    font-style: normal
}[hidefocus],summary {
    outline: 0
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6,small {
    font-size: 100%
}

sup,sub {
    font-size: 83%
}

pre,code,kbd,samp {
    font-family: inherit
}

q:before,q:after {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label,summary {
    cursor: default
}

a,button {
    cursor: pointer
}

h1,h2,h3,h4,h5,h6,em,strong,b {
    font-weight: bold
}

del,ins,u,s,a,a:hover {
    text-decoration: none
}

body,textarea,input,button,select,keygen,legend {
    font: 10px/1.14;
    color: #333;
    outline: 0
}

body {
    background: #fff
}

a,a:hover {
    color: #0a0a0a
}

.bg_black {
    background: rgba(0, 0, 0, 0.973);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999
}

body {
    cursor: url(https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico),auto
}

/* * {
    font-family: "Arial";
    font-weight: 100
} */

a:visited,a:link {
    color: #1b5d9f;
    text-decoration: none
}

a:hover {
    color: #f60;
    text-transform: none;
    cursor: pointer!important
}

a:hover u {
    cursor: pointer!important
}

#cnblogs_post_body p {
    font-size: 1rem
}

body,textarea,input,button,select,keygen,legend {
    color: #050505
}

*::-webkit-scrollbar-thumb {
    height: 40px;
    background-color: #ccc;
    border-radius: 16px
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 2px
}

#blogTitle {
    background: url("https://images.cnblogs.com/cnblogs_com/blogs/755010/galleries/2169858/o_220701091832_IMG_1763.PNG") center center / cover no-repeat #222;
    overflow: hidden;
    width: 100%;
    height: 69vh;
    max-height: 69vh;
    box-shadow: 0 1px 2px rgba(253, 252, 252, 0.7);
    text-align: center;
    display: table;
    color: white;
}

.vertical {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative;
    z-index: 2
}

#Header1_HeaderTitle {
    font-family: 'Playball',cursive;
    color: rgb(255, 254, 254);
    font-size: 5rem;
    text-shadow: 0 3px 6px rgba(254, 252, 252, 0.3);
    margin: 10px 0 10px 0;
    letter-spacing: -1px;
    font-weight: 700;
    animation: fade-in-down 1s both;
    animation-delay: .5s
}


.vertical h2 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    letter-spacing: .01rem;
    color: rgba(255,255,255,0.8);
    -webkit-animation: fade-in-down .9s;
    animation: fade-in-down .9s both;
    -webkit-animation-delay: .1s;
    animation-delay: .3s;
    /* text-shadow: 0 3px 6px rgba(0,0,0,0.5); */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    font-family: 'Playball',cursive
}

#navList {
    text-align: center
}

#navList li {
    font-family: 'Josefin Sans Light',-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","'Hiragino Sans GB",STHeiti,"Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;
    color: #95a5a6;
    display: inline-block;
    padding: 1rem;
    font-size: 1rem;
    text-align: center
}

#navList li a {
    text-shadow: 0 3px 6px rgba(0,0,0,0.3)
}

#navList li a:hover {
    color: #f60;
    font-weight: 500
}

.blogStats {
    display: none
}

#navigator {
    width: 100%;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    background: hsla(0,0%,100%,.6);
    z-index: 1
}

/* body::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    opacity: .06;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
} */

div#main {
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    display: -webkit-flex
}

div#mainContent {
    width: calc(100% - 250px);
    float: left;
    transition: all .5s ease-in-out 0s
}

div#sideBar {
    width: 250px;
    float: right
}

div#sideBar {
    font-size: .8rem
}

div#sideBarMain {
    margin-top: 3.5rem;
    padding: 10px
}

#sideBar h3 {
    border-left: 3px solid #7396a7;
    padding-left: 5px
}

.sidebar-block {
    margin-top: 20px
}

div#catalogue {
    width: 250px;
    float: right;
    visibility: hidden;
    clip-path: circle(30px at calc(100%) 100%);
    transition: all .5s ease-in-out 0s
}

div#catalogue {
    font-size: .8rem
}

div#catalogue .catalogueMain {
    margin-top: 3.5rem;
    padding: 10px
}

#catalogue h3 {
    border-left: 3px solid #7396a7;
    padding-left: 5px
}

.catalogue-block {
    margin-top: 20px
}

#blog-news {
    padding: 10px 15px;
    text-align: center
}

#portrait {
    display: inline-block;
    width: 100%;
    text-align: center
}

#portrait:hover {
    cursor: pointer
}

#portrait img {
    min-height: 80px;
    max-height: 80px;
    border: rgba(255,255,255,.4) 4px solid;
    border-radius: 50%;
    -webkit-transition: .4s;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    cursor: pointer
}

#portrait img:hover {
    transform: rotateZ(360deg)
}

#profile_block {
    display: none
}

#blog-calendar {
    padding: 0 15px 10px 15px
}

#sideBar #blog-calendar #blogCalendar table,#sideBar #blog-calendar #blogCalendar tbody,#sideBar #blog-calendar #blogCalendar td,#sideBar #blog-calendar #blogCalendar tr {
    display: block
}

.CalTitle {
    background-color: var(--background-w);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-radius: 2px;
    margin-bottom: 10px;
    color: var(--text-3);
    padding: 0 15px;
    line-height: 30px
}

.CalTitle tody {
    line-height: 30px
}

#sideBar #blog-calendar #blogCalendar tr {
    text-align: center
}

.CalTitle td:nth-child(1) {
    display: inline-block;
    float: left;
    vertical-align: top
}

.CalTitle td:nth-child(2) {
    display: inline-block!important;
    vertical-align: top
}

.CalTitle td:nth-child(3) {
    display: inline-block;
    vertical-align: top;
    float: right
}

#sideBar #blog-calendar #blogCalendar tr:not(:first-child) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#sideBar #blog-calendar #blogCalendar tr:not(:first-child) td,#blogCalendar th {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 21.6px;
    height: 21.6px
}

#sideBar #blog-calendar #blogCalendar .CalTodayDay {
    background-color: var(--themeColor);
    color: #fff;
    border-radius: 50%;
    font-size: .7em
}

#sideBar #blog-calendar #blogCalendar .CalTodayDay,#sideBar #blog-calendar #blogCalendar .CalTodayDay u {
    color: #fff;
    border-radius: 50%;
    font-size: .7em;
    background: #2daebf
}

h3.catListTitle {
    margin-bottom: 5px
}

#sideBar ul {
    padding: 0 0 0 10px
}

#sideBar li {
    line-height: 20px
}

#sideBar #sideBarMain ul li:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-transition: all .2s;
    transition: all .2s
}

li.recent_comment_body {
    color: #7f8c93;
    font-weight: 400
}

li.recent_comment_author {
    font-size: .3rem
}

.input_my_zzk {
    background-color: rgba(254,252,250,0.6);
    border-color: #ddd;
    height: 35px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 35px;
    border-radius: 6px;
    font-family: Lato,Helvetica,Arial,sans-serif;
    color: #7396a7;
    border: 2px solid #bdc3c7;
    box-shadow: none;
    transition: border .25s linear,color .25s linear,background-color .25s linear;
    width: calc(100% - 44px)!important;
    padding-right: 30px
}

.search_icon {
    float: right;
    line-height: 40px;
    display: inline-block;
    margin-top: -38px;
    margin-right: 0;
    padding: 10px 5px;
    position: absolute;
    right: 10px;
    z-index: 3;
    cursor: pointer
}

.btn_my_zzk {
    display: none
}

.div_my_zzk {
    margin-top: 10px;
    margin-bottom: 5px;
    height: 40px;
    position: relative
}

/* #topics .postTitle {
    text-align: center;
    padding: 10px */
}

#topics .postTitle2 {
    font-size: 2rem;
    font-weight: 400;
    color: #060606;
    /* text-shadow: 0 3px 6px rgba(0,0,0,0.3) */
}

a.postTitle2:hover {
    color: #f60!important;
    transition: color .3s ease
}

#cnblogs_post_body {
    padding: 10px 0
}

#cnblogs_post_body table {
    font-size: .8rem
}

.day {
    min-height: 10px;
    _height: 10px;
    position: relative;
    max-width: 830px;
    margin: 3.5rem auto;
    padding-bottom: 3.5rem;
    border-bottom: #ebf2f6 1px solid;
    word-wrap: break-word;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.day .dayTitle {
    display: none;
    border: 1px solid #21759b;
    background: azure;
    border-radius: 50%;
    font-size: 12px;
    height: 65px;
    line-height: 1.5;
    margin: 15px;
    text-align: center;
    width: 63px;
    margin-left: -100px;
    clear: both;
    position: absolute;
    top: -15px
}

.day .dayTitle a {
    display: inline-block;
    color: #21759b;
    margin-top: 15px;
    width: 60px
}

/* .day .postTitle {
    font-size: 20px;
    float: right;
    width: 100%;
    clear: both;
    border-bottom: 1px dashed #95a5a6;
    box-sizing: border-box;
    background-size: 35px 35px;
    margin-top: 2.5rem
}

.day .postTitle a:link {
    background-color: rgba(0,0,0,0);
    color: #050505;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: bold;
    letter-spacing: -1px;
    transition: all .5s ease;
    word-wrap: break-word;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.day .postTitle a:visited,.day .postTitle a:active {
    color: #7396a7;
    transition: color .3s ease
}

.day .postTitle .postTitle2 {
    display: inline-block;
    transition: all .5s;
    padding-left: 10px
} */

.day .postCon {
    width: 100%;
    clear: both;
    padding: 10px 0;
    color: #3a4145;
    font-family: Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;
    font-feature-settings: 'liga' 1,'onum' 1,'kern' 1;
    margin: 0;
    font-size: 16px;
    line-height: 1.7em;
    word-wrap: break-word;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}
/*
.day .c_b_p_desc {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
    color: #7f8c93
} */

/* .day .c_b_p_desc .c_b_p_desc_readmore {
    color: #848586
}

a.c_b_p_desc_readmore:hover {
    color: #f60!important
} */

/* .day .postDesc {
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    padding-right: 5px;
    margin: 0;
    font-family: "Open Sans",sans-serif;
    font-size: .8rem;
    line-height: 1rem;
    color: #9eabb3;
    padding-bottom: 5px
}

.postDesc {
    margin-bottom: 3.5rem
}

.postDesc a {
    display: none
} */

.postTitle {
    font-size: 20px;
    float: right;
    width: 100%;
    clear: both;
    border-bottom: 1px dashed #9eabb3;
    box-sizing: border-box
}

.poem-wrap {
    position: relative;
    width: 1000px;
    max-width: 80%;
    border: 2px solid #797979;
    border-top: 0;
    text-align: center;
    margin: 40px auto
}

.poem-left {
    left: 0
}

.poem-right {
    right: 0
}

.poem-border {
    position: absolute;
    height: 2px;
    width: 27%;
    background-color: #797979
}

.poem-wrap p {
    width: 70%;
    margin: auto;
    line-height: 30px;
    color: #797979
}

.poem-wrap h1 {
    position: relative;
    margin-top: -20px;
    display: inline-block;
    letter-spacing: 4px;
    color: #f8f5f5;
    font-size: 2em;
    margin-bottom: 20px
}

#poem_sentence {
    font-size: 25px
}

#poem_info {
    font-size: 15px;
    margin: 15px auto
}

#homepage_bottom_pager .pager {
    text-align: right
}

#homepage_bottom_pager .pager a {
    border: 0
}

.forFlow {
    max-width: 830px;
    margin: 3.5rem auto
}

#topics .postTitle {
    text-align: center;
    padding: 10px
}

#topics .postTitle2 {
    font-size: 2rem;
    font-weight: 400;
    color: #0d0d0d;
    /* text-shadow: 0 3px 6px rgba(0,0,0,0.3) */
}

#cnblogs_post_body {
    padding: 10px 0
}

#topics .postTitle {
    padding-bottom: 50px
}

#topics .icon {
    padding-right: 10px
}

#BlogPostCategory {
    margin-bottom: 10px;
    text-align: right
}

#BlogPostCategory a {
    margin-left: 5px;
    height: 20px;
    line-height: 20px;
    color: #333;
    padding: 3px 14px;
    border-radius: 10px;
    margin: 2px 5px 0;
    background: #e7e7e7;
    text-decoration: none
}

#green_channel a {
    text-decoration: none;
    color: #fff;
    margin: auto;
    width: 80px;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    position: relative;
    background-image: none;
    margin-top: 10px;
    box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65);
    margin-right: 10px;
    margin-bottom: 10px
}

#blog_post_info {
    border: #c0c0c0 1px dashed;
    border-right: 0;
    border-left: 0;
    margin: 20px 0 20px 0
}

#green_channel {
    padding: 10px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
    font-size: 12px;
    width: auto;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px
}

a#green_channel_wechat,a#green_channel_weibo {
    display: none
}

a#pink_channel_admire {
    background: #ff6777
}

#author_profile_info img.author_avatar {
    border-radius: 100%;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.4);
    border: 3px solid #f7f7f7;
    padding: 0;
    margin-left: 3px;
    margin-right: 7px
}

.author_avatar:hover {
    transform: rotateZ(360deg)
}

#author_profile {
    margin-top: 20px
}

#div_digg {
    margin-top: 20px
}

#author_profile_detail a {
    color: #2daebf
}

#post_next_prev a {
    color: #2daebf
}

#post_next_prev {
    margin-bottom: 10px
}

#commentform_title,.feedback_area_title {
    font: normal normal 16px/35px"Microsoft YaHei";
    margin: 10px 0 30px;
    border-bottom: 2px solid #ccc;
    background-image: none;
    padding: 0;
    border-bottom: 0;
    overflow: hidden
}

#commentform_title:after,.feedback_area_title:after {
    content: '';
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    bottom: 16px;
    left: 110px;
    border-bottom: 1px dashed #e9e9e9
}

#tbCommentAuthor {
    padding-left: 10px;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 320px;
    height: 20px;
    background: #fff
}

.commentbox_title {
    width: 100%
}

div.commentform p {
    margin-bottom: 20px
}

textarea#tbCommentBody {
    width: calc(100% - 20px);
    border-radius: 10px;
    outline: 0;
    padding: 10px;
    height: 200px;
    position: relative;
    background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200522074153comment-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    resize: vertical
}

.feedbackItem {
    margin-top: 30px
}

.feedbackListSubtitle {
    clear: both;
    color: #a8a8a8;
    padding: 8px 5px
}

.feedbackManage {
    width: 200px;
    text-align: right;
    float: right
}

.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active {
    color: #777;
    font-weight: 450
}

.louzhu {
    background: transparent url(/images/icoLouZhu.gif) no-repeat scroll right top;
    padding-right: 16px
}

.feedbackCon {
    border-bottom: 1px solid #EEE;
    padding: 10px 20px 10px 5px;
    min-height: 35px;
    _height: 35px;
    margin-bottom: 1em;
    line-height: 1.5
}

.comment-avatar {
    width: 48px;
    height: 48px;
    border: 1px solid #dcd6b3;
    padding: 3px;
    border-radius: 50%;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.blog_comment_body {
    display: inline-block;
    width: 70%;
    margin-left: 15px;
    vertical-align: top!important;
    font-family: Lato,Helvetica,Arial,sans-serif
}

.comment_vote {
    padding-right: 10px
}

.comment_vote a {
    color: #999
}

.blog_comment_body a {
    color: #2daebf
}

.comment-avatar:hover {
    transform: rotateZ(360deg)
}

#comment_nav {
    padding-top: 10px
}

.blog_comment_body img {
    max-width: 100px!important
}

.comment_btn {
    width: 200px;
    height: 38px;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 0;
    background: #7396a7!important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    text-decoration: none
}

.comment_btn:hover {
    background: #8cb7cc!important
}

p#commentbox_opt {
    text-align: center
}

#author_profile_follow {
    margin-top: 5px
}

#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {
    display: none
}

.OwO {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 5px 0
}

.OwO .OwO-logo {
    position: relative;
    display: inline-block;
    color: #888;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    padding: 2px 5px;
    cursor: pointer;
    height: 22px;
    box-sizing: border-box;
    z-index: 2;
    line-height: 16px
}

.OwO .OwO-body .OwO-bar {
    height: auto!important
}

.OwO .OwO-body .OwO-items-image .OwO-item img {
    max-width: 100%!important
}

.icon {
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden
}

path {
    cursor: pointer!important
}

use {
    cursor: pointer!important
}

.search_icon {
    width: 1rem;
    height: 1rem
}

#info_table .icon {
    cursor: pointer
}

#info_table tr {
    height: 2rem
}

.notice_title {
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 50px auto
}

.notice_title b {
    font-size: 14px;
    margin-bottom: 5px;
    display: block
}

.notice_title span {
    display: inline-block;
    width: 100px;
    font-weight: 500
}

#info_table {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

#blog-news {
    position: relative;
    overflow: inherit
}

.attention {
    height: 90px;
    width: calc(100% - 30px);
    line-height: 90px;
    position: absolute;
    z-index: 2;
    cursor: pointer
}

.attention span {
    color: #fff;
    margin: 4px;
    background: rgba(0,0,0,0.4);
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 40px;
    display: none;
    cursor: pointer
}

.attention:hover span {
    display: inline-block
}

.attention:hover:hover {
    background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200519071022snow2.gif);
    background-size: cover;
    color: #999
}

.fly_top {
    display: none
}

#loader {
    width: 500px;
    position: fixed;
    text-align: center;
    left: calc(50% - 250px);
    top: calc(50% - 10px)
}

#loader .square {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 10px;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    animation: bouncer cubic-bezier(.455,.03,.515,.955) .75s infinite alternate
}

#loader .square:nth-child(5n+1) {
    background: #0F9;
    animation-delay: 0
}

#loader .square:nth-child(5n+2) {
    background: #0CF;
    animation-delay: calc(0s+(.1s * 1))
}

#loader .square:nth-child(5n+3) {
    background: #93F;
    animation-delay: calc(0s+(.1s * 2))
}

#loader .square:nth-child(5n+4) {
    background: #F66;
    animation-delay: calc(0s+(.1s * 3))
}

#loader .square:nth-child(5n+5) {
    background: #fff35c;
    animation-delay: calc(0s+(.1s * 4))
}

@keyframes bouncer {
    to {
        transform: scale(1.75) translateY(-20px)
    }
}

#set_btn_box {
    z-index: 999;
    position: fixed;
    right: 24px;
    bottom: 96px;
    width: 32px
}

.set_btn {
    display: inline-block;
    margin-top: 16px;
    width: 32px;
    height: 32px;
    -webkit-transition: all;
    transition: all;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    border-radius: 100%;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    background: #fff;
    text-align: center;
    line-height: 32px;
    box-shadow: #7f8c93 1px 1px 5px
}

.set_btn svg {
    width: 20px;
    height: 20px;
    margin: 6px auto;
    cursor: pointer
}

.set_btn use {
    cursor: pointer
}

.tippy-box {
    background-color: #fff;
    color: #000;
    -moz-box-shadow: 2px 2px 10px #4d4d4d;
    -webkit-box-shadow: 2px 2px 10px #4d4d4d;
    box-shadow: 2px 2px 10px #4d4d4d
}

.tippy-box[data-theme~='tomato'] {
    background-color: #fff;
    color: #000;
    -moz-box-shadow: 2px 2px 10px #4d4d4d;
    -webkit-box-shadow: 2px 2px 10px #4d4d4d;
    box-shadow: 2px 2px 10px #4d4d4d
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #fff!important
}

.popper_box {
    color: #595959;
    justify-content: center;
    font-size: 12px;
    color: #8c8c8c;
    width: 300px;
    min-height: 158px
}

.popper_box p {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 10px 0 5px;
    text-align: center
}

.popper_box p:nth-child(3) {
    margin-bottom: 5px
}

.popper_box_con {
    display: block;
    width: 300px
}

.popper_box_con_li {
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    width: calc(50% - 5px);
    padding: 0;
    vertical-align: top;
    padding: 5px;
    margin: 0 auto
}

.popper_box_con_li img {
    width: 100%;
    vertical-align: middle
}

#info_table .popper_box {
    width: 200px
}

#info_table .popper_box_con {
    width: 200px
}

#info_table .popper_box_con_li {
    width: 70%;
    display: block
}

canvas#thumsCanvas {
    position: absolute;
    margin-top: -200px;
    margin-left: -30px;
    pointer-events: none
}

.aplayer .aplayer-lrc p {
    text-shadow: none;
    color: #7396a7!important
}

@media only screen and (max-width:1300px) {
    #sideBar {
        width: 100%;
        visibility: hidden;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        width: 100vw;
        max-width: 100vw;
        overflow-y: scroll;
        -webkit-clip-path: circle(30px at 100% 100%);
        clip-path: circle(30px at 100% 100%);
        background: #fff;
        z-index: 2;
        box-shadow: -1px 0 3px rgba(26,26,26,.1)
    }

    div#sideBarMain {
        margin-top: 10px
    }

    div#mainContent {
        float: none;
        margin: 0 auto;
        width: 90%
    }

    #catalogue {
        width: 100%;
        visibility: hidden;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        width: 100vw;
        max-width: 100vw;
        overflow-y: scroll;
        -webkit-clip-path: circle(30px at 100% 100%);
        clip-path: circle(30px at 100% 100%);
        background: #fff;
        z-index: 2;
        box-shadow: -1px 0 3px rgba(26,26,26,.1)
    }

    div#catalogue .catalogueMain {
        margin-top: 10px
    }
}

@media(max-width:1000px) {
    #live2d-widget,#player {
        display: none
    }
}

@media(max-width:1500px) {
    #live2d-widget {
        display: none
    }
}

@media(min-width:767px) and (max-width:960px) {
    #set_btn_box {
        right: 5px
    }

    #mainContent {
        width: 90%
    }

    #live2d-widget,#player {
        display: none
    }
}

@media(max-width:767px) {
    #set_btn_box {
        right: 5px
    }

    #sideBar {
        width: 100%!important
    }

    #sideBar #sideBarMain {
        width: 95%!important
    }

    canvas#thumsCanvas {
        margin-top: -100px;
        margin-left: 50%
    }

    #catalogue {
        width: 100%!important
    }

    #catalogue .catalogueMain {
        width: calc(100% - 20px)!important
    }

    #live2d-widget,#player {
        display: none
    }
}

.article_icon_btn {
    display: none
}

#catalogue ul li {
    line-height: 25px;
    padding-left: 10px
}

#catalogue ul ul {
    padding-left: 30px
}

#catalogue ul ul li {
    line-height: 20px
}

.select_skin ul li {
    display: block;
    width: 120px;
    text-align: center;
    color: #2daebf!important;
    cursor: pointer
}

.select_skin ul li:hover {
    color: #f60!important
}

.select_skin ul li {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-transition: all .2s;
    transition: all .2s
}

blockquote {
    padding: 0 10px;
    color: #7e958b;
    border: 0;
    border-left: 4px solid #7f8c93;
    padding-left: 20px;
    margin-left: 0;
    font-size: 14px;
    font-style: italic
}

hr {
    background-color: #7e958b;
    border: 0;
    height: 1px;
    margin: 10px 0
}

table {
    margin: 10px 0
}

#author_profile_follow {
    color: #7f8c93
}

.unionbox {
    margin-bottom: 4rem;
    width: 48%;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    transition: all .5s;
    font-size: 16px;
    color: #7396a7
}

.unionbox:hover {
    transform: scale(1.05)
}

.unionbox .headimg {
    display: inline-block;
    width: 100px
}

.unionbox .content {
    width: calc(100% - 120px);
    display: inline-block
}

.headimg img {
    width: 75px;
    height: 75px;
    border-radius: 75px
}

.unionbox .avatar {
    width: 100%
}

.unionbox .info {
    margin: 2.5rem 0 1.5rem;
    padding: 0 0 .5rem 1.5rem;
    display: flex;
    margin-bottom: 0
}

.unionbox h3 {
    margin: 0;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px
}

.unionbox .desc {
    margin: .6rem 0 1.5rem
}

.unionbox .btn {
    display: inline-block;
    background-color: #3eaf7c;
    color: #fff;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: .7rem;
    text-decoration: none;
    cursor: pointer;
    margin: 0 1.5rem 1.5rem 0rem
}

@media(max-width:767px) {
    .unionbox .info {
        display: block;
        margin: 1.5rem 1.5rem;
        padding: 0
    }

    .unionbox .headimg {
        display: block;
        width: 100%;
        text-align: center
    }

    .unionbox .content {
        display: block;
        width: 100%;
        text-align: center
    }

    #cnblogs_post_body h3,.blog_comment_body h4 {
        margin: 0;
        padding: 0;
        max-width: 100%;
        text-align: center;
        margin-top: 10px
    }

    .unionbox .btn {
        margin: 0;
        margin-top: 10px
    }
}

a, {
    color: #7396a7
}

a:hover {
    color: #f60
}

#Gallery table td a {
    margin-bottom: 10px;
    display: inline-block
}

#Gallery table td {
    padding: 5px;
    text-align: center
}

.gallery table td {
    padding: 5px;
    text-align: center
}

.gallery table td a {
    margin-bottom: 10px;
    display: inline-block
}

.gallery img {
    max-width: 100%
}

body,html,#sideBar,#catalogue {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

div#mainContent {
    min-height: 1000px;
}

.PostList span {
    font: 18px/2 Noto Sans SC,\5b8b\4f53;
}

h1.PostListTitle {
    font-size: 1.6rem;
}

.postTitl2 {
    font-size: 16px;
}

#myposts .postDesc2 {
    font-size: 12px;
}

.postDesc2 span {
    font-size: 12px;
}

.postDesc2 a {
    display: none
}

.postText2 p {
    font-size: 16px;
    padding-left: 20px;
    margin: 10px;
}

h3#taglist_title {
    font-size: 1.6rem;
}

div#taglist {
    font-size: 16px;
}

.entrylist .entrylistTitle {
    font-size: 1.6rem;
    margin-bottom: 20px;
}

a.entrylistItemTitle {
    font: 18px/2 Noto Sans SC,\5b8b\4f53;
}

.c_b_p_desc {
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.entrylistItemPostDesc {
    padding-left: 10px;
    margin-bottom: 10px;
}

.entrylistItemPostDesc a {
    display: none;
}

div#Gallery h2 {
    font-size: 1.6rem;
}

.pager a {
    border: none;
}

.pager {
    text-align: right
}







@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("https://blog.zhaishidan.cn/css/font/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), url("https://blog.zhaishidan.cn/css/font/fontawesome-webfont.woff") format('woff'), url("https://blog.zhaishidan.cn/css/font/fontawesome-webfont.ttf") format('truetype'), url("https://blog.zhaishidan.cn/css/font/fontawesome-webfont.svg#FontAwesomeRegular") format('svg');
}
* {
  margin: 0;
  padding: 0;
}
body {
  background: #eee;
  color: #444;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  text-shadow: 0 0 1px transparent;
  color:#505050;
}
@media screen and (max-width: 1260px) {
  body {
    margin: 0px;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 13px;
  }
}
h1,h2,h3,h4,h5,h6 {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
a {text-decoration: none;color: #258fb8;}
a:hover {text-decoration: underline;}
#home{
    margin: 0 auto;
    opacity: 0.9;
    width: 72%;
    background-color: #fff;
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    border-radius: 20px;
}
/* #tbCommentBody {width: 100%;} */
/* #blogTitle {width:22%;margin-top: -10px; text-align: center;}
.alignright {float: right;}
.clearfix {zoom: 1;}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;} */
#header, #main, #footer {width: 100%;margin: 0 auto;}
@media screen and (max-width: 1260px) {
  #main {
    width: 95%;
  }
}
#mainContent {
  width: 70%;
  float: left;
  margin-left: 10px;

}
@media screen and (max-width: 1260px) {
  #main-col {
    width: 100%;
    margin-right: -300px;
  }
}
@media screen and (max-width: 900px) {
  #main-col {
    margin-right: 0;
    float: none;
  }
}
@media screen and (max-width: 1260px) {
  #wrapper {
    margin-right: 300px;
  }
}
@media screen and (max-width: 900px) {
  #wrapper {
    margin-right: 0;
  }
}
#header {
  margin: 20px auto 30px;
  position: relative;
  height: 60px;
  color: rgb(246, 245, 245);
}
/* #header a {
  color: rgb(221, 220, 220);
} */
#header a:hover {
  color: #258fb8;
  text-decoration: none;
}
#header h1 {
  font-weight: normal;
  font-size: 24px;
}
#header h2 {
  font-weight: normal;
  font-size: 0.9em;
  margin-top: 10px;
  margin-left: 30px;
}
#header #navigator {
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  width: 100%;
  font-size: 16px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 50px;
    line-height: 50px;
    clear: both;
    margin-top: 25px;
}
#header #navigator ul {
  list-style: none;
}
#header #navigator ul li {
  float: center;
  width: 10%;
  text-align: center;
  margin-left: 10px;
}
#header .blogStats {
  float: right;
  font-size: 13px;
}
.topicListFooter {
  margin-top:30px;
  margin-bottom: 30px;
  margin-right: 0 !important;
}
.topicListFooter a {
  display: inline !important;
  padding: 10px 20px;
  background: #ddd;
  color: #999;
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-shadow: 0 0 1px #fff;
  border-radius: 5px;
}
.topicListFooter a:hover {
  background: #258fb8;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}
.topicListFooter .prev:before {
  content: '\f053';
  padding-right: 10px;
  font-family: FontAwesome;
}
.topicListFooter .next:after {
  content: '\f054';
  padding-left: 10px;
  font-family: FontAwesome;
}
article {
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  background: #fff;
}
article.page {
  padding-left: 20px;
}
article.page .icon {
  display: none;
}
.postIcon:before {
  content: '\f016';
}
article.photo .icon:before {
  content: '\f030';
}
article.link .icon:before {
  content: '\f0c1';
}
article.link .title a:after {
  content: '\f08e';
  color: #999;
  font: 12px FontAwesome;
  padding-left: 10px;
  vertical-align: super;
}

/******************************************以下自定义样式***********************************************/
#MySignature{
border-top: 2px solid #ccc;
    padding-top: 20px;
}
.pager{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 30px;
margin-bottom: -30px;
}
#blog-calendar{
  width:0px;
  height:0px;
  display: none !important;
}
#TopViewPostsBlock ul li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    line-height: 1.5;
}
.day .dayTitle{
      display: none !important;
}
//去掉广告
#ad_t2,#opt_under_post,.c_ad_block,#under_post_news,#under_post_kb{
    display: none !important;
}
/* 随笔分类 随笔档案 文章档案 */
@media screen and (min-width:0px) {
.entrylistTitle {
line-height: 1.0;
z-index: 2;
position: static;
font-size: 20px;
color: #fff;
padding: 60px 20px 0px 20px;
border-radius: 4px;
text-align: left;
margin: 0;
letter-spacing: 0px;
}
.entrylistTitle:after {
content: "";
display: block;
height: 100%;
width: 100%;
left: 0;
right: 0;
top: 0;
position: absolute;
background-color: var(--ImgShadow);
z-index: -1;
}
.entrylistDescription {
color: var(--TextColor2);
line-height: 1.8;
background-color: var(--BlockColor);
padding: 0px 20px 0px 20px;
border-radius: 4px;
margin: 0px 0;
}
.entrylistDescription img {
margin: 10px 0;
width: 100%;
border-radius: 4px;
}
.entrylistItem {
background-color: var(--BlockColor);
padding: 0px 20px 0px 20px;
border-radius: 4px;
margin-bottom: 10px;
}
.entrylistItem .entrylistPosttitle {
font-size: 16px;
line-height: 1.5;
margin: 10px 0;
color: var(--TextColor1);
}
.entrylistItemTitle {
padding-left: 0px;
border-left: 4px solid var(--ThemeColor);
word-break:break-all;
}
.entrylistItemTitle:hover {
color: var(--ThemeColor);
}
.entrylistPostSummary .c_b_p_desc {
color: var(--TextColor2);
line-height: 24px;
padding: 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
word-break:break-all;
text-align:justify;
text-overflow: ellipsis;
overflow: hidden;
}
.entrylistPostSummary .c_b_p_desc .desc_img {
height: 110px;
margin: 0 10px 10px 20px;
width: 190px;
object-fit: cover;
box-shadow: 0 0 0 1px var(--DividColor);
border-radius: 4px;
}
.entrylistItemPostDesc {
color: var(--TextColor3);
line-height: 1.8;
margin: 0;
}
.entrylistPostSummary .c_b_p_desc_readmore {
display: none;
}
}

.postTitle, .entrylistPosttitle {
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  padding: 20px 20px 15px 0px;
  background: #fff;
  border-radius: 10px 10px 0px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entrylistPostSummary, .postCon, .postBody {
  padding: 0px 20px 15px 0px;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 0 2px 0 #ddd;
  background: #fff;
  position: relative;
}
.postDesc, .entrylistItemPostDesc {
  padding: 0px 20px 15px 0px;
  color: #999;
  font-size: 0.9em;
  line-height: 16px;
  position: relative;
  min-height: 16px;
  background: #fff;
  border-bottom: 1px dashed #ccc;
}

#blog-calendar {
  display: none;
}
@media screen and (max-width: 600px) {
  .postCon {
    padding-left: 0px;
  }
}
.postIcon {
  height: 0px;
  margin-right: 25px;
  position: relative;
  top: 25px;
  left: 25px;
  color: #258fb8;
}
@media screen and (max-width: 600px) {
  article header .icon {
    display: none;
  }
}
.postIcon:before {
  position: absolute;
  font: 32px FontAwesome;
  top: 0;
  left: 0;
  width: 32px;
  text-align: center;
}
article header time {
  color: #999;
  font: 0.9em "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  display: block;
  line-height: 1;
}
article header .title {
  font-weight: normal;
}
article header .title a {
  color: #444;
}
article header .title a:hover {
  color: #258fb8;
  text-decoration: none;
}
#cnblogs_post_body {
  text-align: justify;
  line-height: 1.6;
}
#cnblogs_post_body p,
#cnblogs_post_body blockquote,
#cnblogs_post_body ul,
#cnblogs_post_body ol,
#cnblogs_post_body dl,
#cnblogs_post_body table,
#cnblogs_post_body iframe,
#cnblogs_post_body h3,
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6,
#cnblogs_post_body .video-container {
  margin-top: 15px;
}
#cnblogs_post_body table {
 width:80%;
 line-height: 2;
 text-align: center;
  font-size: 15px;
}
#cnblogs_post_body p {
  margin: 10px auto;
  font-size: 15px;
  line-height: 1.75;
  text-indent: 0;
}
#cnblogs_post_body blockquote {
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  border-left: 2px solid #e2dfdf;
  border-right: 2px solid #e2dfdf;
  font-style:normal;
  font-family: "Georgia", serif;
  font-size: 15px;
  padding: 10px 30px 10px;
}
#cnblogs_post_body blockquote footer {
  border-top: none;
  font-size: 0.8em;
  line-height: 1;
  margin: 20px 0 0;
  padding-top: 0;
}
#cnblogs_post_body blockquote footer cite:before {
  content: '—';
  color: #ccc;
  padding: 0 0.5em;
}
#cnblogs_post_body code,
#cnblogs_post_body pre {
  font-family: Monaco, Menlo, Consolas, Courier New, monospace;
}
#cnblogs_post_body code {
  background: #eee;
  color: #666;
  padding: 0 5px;
  margin: 0 2px;
  font-size: 0.9em;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#cnblogs_post_body pre {
  background: #eee;
  overflow: auto;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
#cnblogs_post_body pre code {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#cnblogs_post_body ul ul,
#cnblogs_post_body ol ul,
#cnblogs_post_body dl ul,
#cnblogs_post_body ul ol,
#cnblogs_post_body ol ol,
#cnblogs_post_body dl ol,
#cnblogs_post_body ul dl,
#cnblogs_post_body ol dl,
#cnblogs_post_body dl dl {
  margin-top: 0;
}
#cnblogs_post_body ol {
    font-size: 15px;
    line-height: 1.75;
}
#cnblogs_post_body ul {
    font-size: 15px;
    line-height: 1.75;
}
#cnblogs_post_body h1{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  margin: 40px;
  text-align: center
}
#cnblogs_post_body h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-top: 40px;
}
#cnblogs_post_body h3 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-top: 30px;
}
#cnblogs_post_body h4,
#cnblogs_post_body h5,
#cnblogs_post_body h6 {
  font-weight: bold;
  font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
  height: 25px;
  line-height: 25px;
  margin: 18px 0px !important;
  padding: 8px 0px 8px 0px;
  opacity: 0.8;
}
.postBody img,
.entrylistPostSummary img, .postCon img,
.postBody video {
  max-width: 100%;
  height: auto;
  border: none;
}
#cnblogs_post_body iframe {
  border: none;
}
#cnblogs_post_body .caption {
  display: block;
  margin-top: 5px;
  color: #999;
  position: relative;
  font-size: 0.9em;
  padding-left: 25px;
}
#cnblogs_post_body .caption:before {
  content: '\f040';
  position: absolute;
  font: 1.3em FontAwesome;
  position: absolute;
  left: 0;
  top: 3px;
}
#cnblogs_post_body .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#cnblogs_post_body .video-container iframe,
#cnblogs_post_body .video-container object,
#cnblogs_post_body .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
#cnblogs_post_body .pullquote {
  float: right;
  border: none;
  padding: 0;
  margin: 1em 0 0.5em 1.5em;
  text-align: left;
  width: 45%;
  font-size: 1.5em;
}
#blog-comments-placeholder, #comment_form {
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 1px 10px 10px #ddd;
  box-shadow: 10px 10px 10px #ddd;
  margin-bottom: 50px;
    border: 1px solid #ccc;
padding-top:0;
}
.feedback_area_title {
  margin-bottom: 15px;
  font-size: 1.8em;
}
.feedbackItem {
  border-bottom: 1px dashed #CCC;
  margin-bottom: 10px;
  padding: 5px;
}
.color_shine {background: rgb(226, 242, 255);}
.feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
#comment_form .title {
  font-weight: normal;
  margin-bottom: 15px;
}
#ad_under_post_holder {
  display: none;
}
.entrylistTitle {
  color: #999;
  font-weight: normal;
  margin-bottom: 5px;
  text-shadow: 0 0 1px #fff;
}
.entrylistTitle:before {
  font-family: FontAwesome;
  padding-right: 15px;
}
.archive {
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
}
.archive article {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.archive article .post-content {
  margin-bottom: 0;
}
#sideBar{
  width: 27%;
  line-height: 1.8em;
  float: right;
}
@media screen and (max-width: 900px) {
  #sideBar {
    float: none;
    width: 100%;
  }
}
.catListLink, .catListMyTeams, .catListComment, .catListFeedback {
  display: none;
}
.search, .newsItem, .catListPostCategory, .catListPostArchive, .catListTag, .catListView, .catListBlogRank {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 10px 10px 10px #ddd;
  margin-bottom: 30px;
  word-wrap: break-word;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #ddd;
}
#blog-sidecolumn h3, .newsItem h3 {
  padding: 15px 20px;
  font-size: 1em;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
}
#blog-sidecolumn ul, .newsItem #blog-news {
  font-size: 0.9em;
  padding: 15px 20px;
}
#blog-sidecolumn ul,
#blog-sidecolumn ol,
#blog-sidecolumn dl {
  list-style: none;
}
#blog-sidecolumn ul ul,
#blog-sidecolumn ol ul,
#blog-sidecolumn dl ul,
#blog-sidecolumn ul ol,
#blog-sidecolumn ol ol,
#blog-sidecolumn dl ol,
#blog-sidecolumn ul dl,
#blog-sidecolumn ol dl,
#blog-sidecolumn dl dl {
  list-style: disc;
  margin-left: 20px;
}
#q {
  background: #fff;
  font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  padding: 10px 15px;
  border: 1px solid #ddd;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  height: 100%;
}
#q:focus {
  color: #444;
}

#footer {
  color: #999;
  margin-bottom: 50px;
  font: 0.9em/1.6 "Lato", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-shadow: 0 0 1px #fff;
  text-align:center;
  margin: 30px 0px 50px;
}
.entry .gist {
  background: #eee;
  border: 1px solid #ddd;
  margin-top: 15px;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 0 1px #fff;
  line-height: 1.6;
  overflow: auto;
  color: #666;
}
.entry .gist .gist-file {
  border: none;
  font-family: inherit;
  margin: 0;
  font-size: 0.9em;
}
.entry .gist .gist-file .gist-data {
  background: none;
  border-bottom: none;
}
.entry .gist .gist-file .gist-data pre {
  padding: 0 !important;
  font-family: Monaco, Menlo, Consolas, Courier New, monospace;
}
.entry .gist .gist-file .gist-meta {
  background: none;
  color: #999;
  margin-top: 5px;
  padding: 0;
  text-shadow: 0 0 1px #fff;
  font-size: 100%;
}
.entry .gist .gist-file .gist-meta a {
  color: #258fb8;
}
.entry .gist .gist-file .gist-meta a:visited {
  color: #258fb8;
}
figure.highlight {
  background: #eee;
  border: 1px solid #ddd;
  margin-top: 15px;
  padding: 7px 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-shadow: 0 0 1px #fff;
  line-height: 1.6;
  overflow: auto;
  position: relative;
  font-size: 0.9em;
}
figure.highlight figcaption {
  color: #999;
  margin-bottom: 5px;
  text-shadow: 0 0 1px #fff;
}
figure.highlight figcaption a {
  position: absolute;
  right: 15px;
}
figure.highlight pre {
  border: none;
  padding: 0;
  margin: 0;
}
figure.highlight table {
  margin-top: 0;
  border-spacing: 0;
}
figure.highlight .gutter {
  color: #999;
  padding: 7px 10px 7px 5px !important;
  border-right: 1px solid #ddd;
  text-align: right;
}
figure.highlight .code {
  padding: 7px 7px 7px 10px !important;
  border-left: 1px solid #fff;
  color: #666;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc {
  color: #93a1a1;
  font-style: italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title {
  color: #859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #2aa198;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl,
pre .literal,
pre .id {
  color: #268bd2;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title {
  color: #cb4b16;
}
pre .deletion {
  color: #dc322f;
}
.feedbackListSubtitle { position: relative;}
.feedbackManage {width: 160px;position: absolute;right: 0;text-align: right;}
.cnblogs_code_toolbar {display: none;}
#cnblogs_post_body {overflow: hidden;}
#cnblogs_post_body ol { padding-left: 40px;}
#cnblogs_post_body ul { margin-left: 35px;}
.fixedReadRank { position: fixed; top: 20px; width: 270px; }
.fixedRecRank { position: fixed; top: 360px; width: 270px; }
figure.highlight { margin-top: 0; padding: 0;}
figure table {width: 100%; margin: 0 !important;}
#cnblogs_post_body pre { padding: 0; }
#cnblogs_post_body th, #cnblogs_post_body td { padding: 0; }
.cnblogs_code pre { padding: 7px 15px !important; background: #f5f5f5;border: 0;margin-top: 0;}
.cnblogs_code th {border: 1px solid silver; padding: 3px;}
.cnblogs_code { padding: 0;}

@media screen and (max-width: 768px) {
  body {
    font-size: 13px;
  }
  #main{padding:0px !important;}
  #mainContent{width: 96%;float: left;margin: 0px 2%;}
  /* #sideBar {display: none;} */
  /* #blogTitle {width: 100%;float:none;margin: 20px auto 0 !important;}
  #header{height:auto !important;margin: 20px auto 5px;}
  #header #navigator{width: 100%;text-align: center;float:none;}
  #header #navigator ul{width: 100%;margin-left: 6%;}
  #header #navigator ul li {float: left;width: 25%;text-align:center;margin-right:0px;} */
  .postTitle, .entrylistPosttitle{font-size:14px;padding: 20px 20px 15px 0px;}
  .postDesc, .entrylistItemPostDesc{padding: 0px 20px 15px 0px;}
  #green_channel{padding:0px !important;}
  #blog_stats{display: none;}
}
#blog-news label{box-shadow:5px 5px 5px #cccccc;text-shadow:5px 5px 5px #cccccc;border-radius:5px;}

/*scroll to top*/
#scrollTop div{
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:149px;
    margin:0;
    padding:0
}
#scrollTop .level-2{
    background:url(https://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll -149px 0 transparent;
    display:none;
    height:250px;
    opacity:0;
    z-index:1
}
#scrollTop .level-3{
    background:none repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:150px;
    z-index:2
}
#scrollTop{
 background:url(https://images2015.cnblogs.com/blog/894443/201707/894443-20170716165243785-2122236756.png) no-repeat scroll 0 0 transparent;
    cursor:default;
    display:block;
    height:250px;
    overflow:hidden;
    position:fixed;
    right:0;
    top:80%;
    width:149px;
    z-index:11;
    margin:-125px 0 0;
    padding:0
}

.c_ad_block {
    display: none !important;
}

#ad_t2{
   display: none !important;
}

/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:50px;
    right:0px;
    width: auto;
    height: auto;
}
#sideBarTab{
    float:left;
    width:30px;
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}

#sideBarContents{
    float:left;
    overflow:auto;
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none;
    background:#ffffff;
}
#sideBarContents dl{
    margin:0;
    padding:0;
}

#sideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#sideBarContents dd, dt {
    cursor: pointer;
}

#sideBarContents dd:hover, dt:hover {
    color:#A7995A;
}
#sideBarContents dd{
    margin-left:20px;
}

#header {
  display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;
}

#header #navigator ul li {
  text-align: center;
}

#navigator {
  padding-left: 5.5rem;
}