#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
}