#cnblogs_post_body ul li{

    font:14px/2 Noto Sans SC !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

}
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 Noto Sans SC,\5b8b\4f53;

    color:#333;

    outline:0

}
body{

    background:#fff

}
a,a:hover{

    color:#7396a7

}
.bg_black{

    background:rgba(0,0,0,0.6);

    position:fixed;

    width:100%;

    height:100%;

    z-index:99999

}
body{

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

}
*{

    font-family:"Noto Sans SC";

    font-weight:100

}
a:visited,a:link{

    color:#2daebf;

    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:#7f8c93

}
*::-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/723479/galleries/2308713/o_230512131729_topBG.jpg) center center / cover no-repeat #222;

    overflow:hidden;

    width:100%;

    height:40vh;

    max-height:40vh;

    box-shadow:0 1px 2px rgba(150,150,150,.7);

    text-align:center;

    display:table

}
.vertical{

    display:table-cell;

    vertical-align:middle;

    width:100%;

    position:relative;

    z-index:2

}
#Header1_HeaderTitle{

    font-family:'Playball',cursive;

    color:#fff;

    font-size:3rem;

    text-shadow:0 3px 6px rgba(0,0,0,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

}
body::after{

    background-image:url(https://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302)

}
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:#606975;

    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:#7396a7;

    font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",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:#7396a7

}
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:#797979;

    font-size:2em;

    margin-bottom:20px

}
#poem_sentence{

    font-size:25px

}
#poem_info{

    font-size:15px;

    margin:15px auto

}
div#home::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#home::after{

    background-image:url(https://api.imacroc.cn/acg/)

}
.container{

    width:100%;

    height:200px;

    position:fixed;

    z-index:-1;

    bottom:0;

    left:0

}
div#footer{

    position:relative;

    text-align:center;

    margin-top:180px;

    margin-bottom:100px

}
.topicListFooter{

    margin-top:20px

}
#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:#606975;

    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

}
#thumsCanvas {

    position: absolute;

}
div#top_nav { display:none } 
div#bannerbar {display: none;}