#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/miluluyo/1764887/o_20051406473719.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 
}