@charset "utf-8";

/* style */
.mk-dark,:root {
	--theme-color: #eb5055
}

a,article,blockquote,body,button,code,div,figure,footer,h1,h2,h3,h4,h5,header,html,iframe,img,input,kbd,li,ol,p,pre,section,span,table,tbody,td,textarea,th,thead,tr,ul {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 100%
}

.fancybox-container,body,button,input,textarea {
	font-family: Microsoft Yahei,"微软雅黑","Helvetica Neue",Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 2em
}

::-webkit-scrollbar-thumb {
	background-color: #f90;
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
	border-radius: 2em
}

::-webkit-scrollbar-corner {
	background-color: transparent
}

::-moz-selection {
	color: #fff;
	background-color: #eb5055;
	background-color: var(--theme-color)
}

::selection {
	color: #fff;
	background-color: #eb5055;
	background-color: var(--theme-color)
}

.fancybox-close-small:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus {
	outline: 0
}

a {
	text-decoration: none;
	color: #313131
}

img {
	border: none;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality
}

img[src=""] {
	opacity: 0
}

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

.text-center {
	text-align: center
}

.clear-fix {
	zoom: 1
}

.clear-fix:after,.clear-fix:before {
	display: table;
	line-height: 0;
	content: ""
}

.clear-fix:after {
	clear: both
}

.hidden {
	display: none!important
}

.no-shadow {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important
}

.anim-trans {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all
}

#mkblog-body,body,html {
	position: relative;
	height: 100%
}

.mk-letter-avatar[src=""] {
	visibility: hidden
}

.fancybox-share__button--qq {
	background-color: #1e93ec
}

.fancybox-share__button--wb {
	background-color: #f96e76
}

.fancybox-share__button--qzone {
	background-color: #fab619
}

.fancybox-close-small:focus:after {
	outline: 0
}

fieldset {
	border: .06em solid #eee;
	border-radius: .3em;
	padding: 1em 1.13em
}

fieldset>legend {
	background-color: #eb5055;
	background-color: var(--theme-color);
	color: #fff;
	border-radius: .2em;
	padding: .2em .5em;
	font-size: .9em
}

.entry-content fieldset>:nth-child(2) {
	margin-top: 0
}

.entry-content fieldset>:last-child {
	margin-bottom: 0
}

table td,table th {
	border: .1em solid #f2f2f2;
	padding: .6em .8em;
	background-color:#fff;
}

table th {
	color: #909399;
	background-color: #f9f9f9;
	font-weight: 400
}

table td:hover {
	background-color: #fcfcfc
}

.btn,button,input:not([type~=checkbox]):not([type~=radio]),textarea {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	font-size: .95em;
	border-radius: .3em;
	-webkit-appearance: none;
	-moz-appearance: none
}

.btn:disabled,button:disabled,input:not([type~=checkbox]):not([type~=radio]):disabled,textarea:disabled {
	background-color: #a9a9a9;
	cursor: not-allowed
}

input,textarea {
	width: 100%;
	padding: .5em;
	box-sizing: border-box;
	border: .06em solid #e5e9ef;
	background-color: #f4f5f7;
	resize: vertical
}

input:focus,textarea:focus {
	background-color: #fff
}

.btn,button {
	font-size: .95em;
	border: 0;
	background: #eb5055;
	background: var(--theme-color);
	color: #fff;
	cursor: pointer;
	opacity: 1;
	user-select: none;
	padding: .5em .9em;
	display: inline-block;
	line-height: 1.5
}

.btn:focus,.btn:hover,button:focus,button:hover {
	opacity: .9
}

.btn:active,button:active {
	opacity: 1
}

.mk-checkbox {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	cursor: pointer;
	color: #313131
}

.mk-checkbox input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: auto!important
}

.mk-checkbox input[type=checkbox]+div {
	box-sizing: border-box;
	vertical-align: middle;
	width: 2.55rem;
	height: 1.2rem;
	border: .08rem solid rgba(0,0,0,.4);
	border-radius: 10rem;
	background-color: rgba(0,0,0,.1);
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-webkit-transition-property: transform,background-color,box-shadow;
	-moz-transition-property: transform,background-color;
	-o-transition-property: transform,background-color;
	box-shadow: inset 0 0 0 0 rgba(0,0,0,.4);
	display: inline-block;
	margin-right: .19rem
}

.mk-checkbox input[type=checkbox]:checked+div {
	border: .08rem solid #eb5055;
	border-color: var(--theme-color);
	box-shadow: inset 0 0 0 .62rem #eb5055;
	box-shadow: inset 0 0 0 .62rem var(--theme-color)
}

.mk-checkbox input[type=checkbox]+div>div {
	float: left;
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background: #fff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-o-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-webkit-transition-property: transform,background-color,box-shadow;
	-moz-transition-property: transform,background-color;
	-o-transition-property: transform,background-color;
	box-shadow: 0 .15rem .3rem rgba(0,0,0,.3),0 0 0 .08rem rgba(0,0,0,.4);
	pointer-events: none
}

.mk-checkbox input[type=checkbox]:checked+div>div {
	-webkit-transform: translate3d(1.35rem,0,0);
	-moz-transform: translate3d(1.35rem,0,0);
	-ms-transform: translate3d(1.35rem,0,0);
	-o-transform: translate3d(1.35rem,0,0);
	transform: translate3d(1.35rem,0,0);
	box-shadow: 0 .15rem .3rem rgba(0,0,0,.3),0 0 0 .08rem #eb5055;
	box-shadow: 0 .15rem .3rem rgba(0,0,0,.3),0 0 0 .08rem var(--theme-color)
}

.mk-alert {
	padding: .6em .9em;
	border-radius: .3em;
	margin: 1em auto;
	line-height: 1.6em;
	display: block;
	background-color: #f0f9eb;
	color: #67c23a
}

.mk-alert a {
	color: inherit!important;
	border-bottom-color: inherit!important
}

.mk-alert a:hover {
	opacity: .5
}

.mk-alert.fa:before {
	margin-right: .3em
}

.mk-alert.success {
	background-color: #f0f9eb;
	color: #67c23a
}

.mk-alert.info {
	background-color: #f4f4f5;
	color: #909399
}

.mk-alert.warning {
	background-color: #fdf6ec;
	color: #e6a23c
}

.mk-alert.danger {
	background-color: #fef0f0;
	color: #f56c6c
}

.mk-collapse-title {
	cursor: pointer;
	background-color: #f5f5f5;
	background-color: rgba(245,245,245,.6);
	padding: .5em;
	border-radius: .3em;
	text-align: center;
	font-size: .95em;
	color: #807e7e;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mk-collapse-title:hover {
	background-color: #eee
}

.mk-collapse-open .fa {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.mk-collapse-content {
	padding-top: 1em
}

.mk-collapse-content>:last-child {
	margin-bottom: 0
}

.mk-tabs .mk-tabs-head {
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

body.mobile .mk-tabs .mk-tabs-head {
	overflow-x: auto
}

.mk-tabs .mk-tabs-head:hover {
	overflow-x: auto
}

.mk-tabs .mk-tabs-head .mk-tab-title {
	display: inline-block;
	border: .06em solid #dcdfe6;
	border-left-width: 0;
	padding: 0 .98em;
	line-height: 2.5;
	color: #909399;
	background-color: #e4e7ed;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-ms-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all
}

.mk-tabs .mk-tabs-head .mk-tab-title:first-child {
	border-top-left-radius: .3em;
	border-left-width: .06em
}

.mk-tabs .mk-tabs-head .mk-tab-title:last-child {
	border-top-right-radius: .3em
}

.mk-tabs .mk-tabs-head .mk-tab-title.selected {
	color: #333;
	border-bottom-color: #fff;
	background-color: #fff
}

.mk-tabs .mk-tabs-head .mk-tab-title:hover {
	color: #333;
	background-color: #fff
}

.mk-tabs .mk-tabs-body {
	border: .06em solid #dcdfe6;
	margin-top: -.06em;
	border-radius: 0 .3em .3em .3em
}

.mk-tabs .mk-tabs-body .mk-tab-content {
	display: none;
	padding: 1.2em
}

.mk-tabs .mk-tabs-body .mk-tab-content.selected {
	display: block
}

.mk-tabs .mk-tabs-body .mk-tab-content>:first-child {
	margin-top: 0
}

.mk-tabs .mk-tabs-body .mk-tab-content>.table-responsive:last-child table,.mk-tabs .mk-tabs-body .mk-tab-content>:last-child {
	margin-bottom: 0
}

.mk-timeline {
	position: relative;
	list-style: none;
	padding-left: 1.2em!important;
	margin-left: .3em!important;
	border-left: .2em solid #eee;
	color: #303133
}

.mk-timeline b {
	font-size: .9em;
	font-weight: 400;
	color: #909399;
	display: block;
	position: relative
}

.mk-timeline b::after {
	content: '';
	position: absolute;
	top: .38em;
	left: -2em;
	width: .8em;
	height: .8em;
	border-radius: 50%;
	background-color: #fff;
	border: .14em solid #ccc;
	box-shadow: .15em .15em 0 #fff,-.15em -.15em 0 #fff
}

.mk-timeline li {
	list-style: none;
	line-height: 100%
}

.mk-timeline li:hover b::after {
	border-color: #eb5055;
	border-color: var(--theme-color)
}

.mk-timeline li:hover b {
	color: #eb5055;
	color: var(--theme-color)
}

.mk-side-form button,.mk-side-form input {
	height: 2.8em;
	position: relative;
	overflow: visible
}

.mk-side-form input {
	float: left;
	padding: .15em .6em;
	width: 77%;
	border: .08em solid #ebebeb;
	border-right-color: transparent;
	border-radius: .15em 0 0 .15em!important;
	line-height: 3em
}

.mk-side-form button {
	width: 23%;
	border-radius: 0 .15em .15em 0;
	text-transform: uppercase
}

body {
	overflow-x: hidden
}

#mkblog-body {
	padding-top: 6rem;
	height: auto
}

.no-ie {
	position: fixed;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	width: 100%;
	text-align: center;
	z-index: 9999999999;
	background-color: #923838;
	color: #fff;
	font-size: 16px
}

.no-ie a {
	color: #fff;
	border-bottom: 2px solid #c5baba
}

.no-ie a:hover {
	color: #eee;
	border-bottom: 3px solid #c5baba
}

#top-navi {
	font-size: .95rem;
	box-shadow: 0 0 .6rem 0 #d0d0d0;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	background-color: #fff;
	background-color: rgba(255,255,255,.95);
	-webkit-transition: top .5s ease,box-shadow .5s ease,background .5s ease;
	-moz-transition: top .5s ease,box-shadow .5s ease,background .5s ease;
	-o-transition: top .5s ease,box-shadow .5s ease,background .5s ease;
	transition: top .5s ease,box-shadow .5s ease,background .5s ease
}

#top-navi.headroom--top,#top-navi:hover {
	background-color: #fff
}

@media screen and (min-width:750px) {
	#top-navi.headroom--not-top {
		background: rgba(255,255,255,.9);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px)
	}
}

.admin-bar #top-navi {
	top: 32px
}

#top-navi.headroom--unpinned {
	top: -5rem;
	box-shadow: none
}

.top-navi-content {
	height: 100%;
	max-width: 68rem;
	margin: 0 auto
}

.top-navi-logo {
	display: block;
	height: 100%;
	width: auto;
	float: left
}

.top-navi-logo>img {
	display: inline-block;
	float: left;
	width: auto;
	height: 4rem;
	padding: .6rem
}

.top-navi-logo>h1 {
	font-size: 1.6em;
	font-weight: 900;
	line-height: 3.8rem;
	letter-spacing: .02em;
	text-shadow: .08em .08em .08em #eee;
	color: #505050
}

.top-navi-search-btn {
	width: 3em;
	height: 100%;
	float: right;
	cursor: pointer;
	text-align: center
}

#top-navi .main-menu {
	display: inline-block;
	float: right;
	height: 100%
}

#top-navi .main-menu::-webkit-scrollbar {
	height: 6px;
	width: 6px
}

#top-navi .main-menu::-webkit-scrollbar-track-piece {
	background-color: #f5f5f5
}

#top-navi .main-menu::-webkit-scrollbar-thumb {
	height: 6px;
	width: 6px;
	border-radius: 0;
	background: #cbcbcb
}

#top-navi .main-menu::-webkit-scrollbar-thumb:hover {
	background: #909090
}

#top-navi .main-menu ul {
	list-style: none;
	position: relative;
	z-index: 999
}

#top-navi .main-menu ul:after {
	content: "";
	clear: both;
	display: block
}

#top-navi .main-menu ul li {
	float: left
}

#top-navi .main-menu>ul>li>a,.top-navi-search-btn {
	line-height: 4rem
}

#top-navi .main-menu ul li a {
	display: block;
	padding: 0 1.13rem;
	height: 100%;
	color: #000;
	text-decoration: none
}

#top-navi a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

#top-navi .main-menu ul li:hover>a,.top-navi-search-btn:hover {
	color: #eb5055;
	color: var(--theme-color)
}

#top-navi .main-menu ul li:hover>ul {
	visibility: visible;
	-moz-opacity: .98;
	opacity: .98;
	margin-top: 0
}

#top-navi .main-menu ul ul {
	background: #fff;
	padding: 0;
	position: absolute;
	top: 100%;
	box-shadow: 0 0 10px 0 #cacaca;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	visibility: hidden;
	opacity: 0;
	margin-top: -1.13rem
}

#top-navi .main-menu ul ul li {
	float: none;
	position: relative
}

#top-navi .main-menu ul ul li a {
	padding: 1em 1.5em;
	width: 12em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#top-navi .main-menu ul ul li a:hover {
	padding-left: 1.95em
}

#top-navi .main-menu ul ul ul {
	position: absolute;
	left: 100%;
	top: .5rem
}

#top-navi .main-menu ul ul ul li a {
	padding: .9rem 1.13rem;
	width: 16rem
}

#top-navi .main-menu ul ul ul li a:hover {
	padding-left: 1.65em
}

#menu-btn {
	display: none
}

@media screen and (max-width:750px) {
	#mkblog-body {
		padding-top: 4rem
	}

	#top-navi {
		height: 3.15rem;
		box-shadow: 5px 0 5px 0 rgba(0,0,0,.33)
	}

	.top-navi-search-btn {
		display: block;
		position: absolute;
		font-size: 1.35em;
		top: 0;
		right: 0;
		width: 3.15rem;
		height: 3.15rem;
		line-height: 2.92rem;
		color: #848484
	}

	.top-navi-content {
		text-align: center
	}

	.top-navi-logo {
		float: none;
		margin: 0 auto;
		display: inline-block
	}

	.top-navi-logo>img {
		height: 100%;
		padding: .6rem
	}

	.top-navi-logo>h1 {
		line-height: 2em;
		text-shadow: none
	}

	.main-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 100%;
		width: 65%;
		z-index: 999;
		overflow-y: auto;
		background: #fff;
		background: rgba(255,255,255,.68)
	}

	.main-menu-on .main-menu {
		box-shadow: 0 0 15px 0 #9c9c9c
	}

	#top-navi .main-menu:before {
		content: "Navigation";
		font-size: 26px;
		line-height: 55px;
		color: #e2e2e2
	}

	#top-navi .main-menu li a {
		padding: 0 20px!important;
		line-height: 2.85rem!important;
		display: block!important;
		width: 100%!important;
		text-align: left
	}

	#top-navi .main-menu ul {
		width: 100%;
		padding: 0
	}

	#top-navi .main-menu ul li {
		display: block;
		width: 100%;
		position: static
	}

	#top-navi .main-menu .current-menu-item>a,#top-navi .main-menu .current-menu-item>a:hover {
		background-color: #eb5055!important;
		background-color: var(--theme-color)!important;
		color: #fff!important
	}

	#top-navi .main-menu a,#top-navi .main-menu ul li:hover a {
		background-color: transparent;
		color: #000
	}

	#top-navi .main-menu ul li a:hover {
		background-color: #eee;
		color: #eb5055;
		color: var(--theme-color)
	}

	#top-navi .main-menu ul ul,#top-navi .main-menu ul ul ul {
		visibility: visible;
		-moz-opacity: 1;
		opacity: 1;
		background-color: transparent;
		position: static;
		box-shadow: none;
		margin: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none
	}

	#menu-btn {
		display: block;
		position: absolute;
		left: 0;
		top: .36em;
		width: 4em;
		cursor: pointer;
		z-index: 999999
	}

	#menu-btn .menu-btn-bar {
		position: relative;
		display: block;
		width: 1.8em;
		height: .2em;
		margin: .5em auto;
		background-color: #848484;
		border-radius: 10em
	}

	.main-menu-on #menu-btn .menu-btn-bar:nth-of-type(1) {
		-webkit-transform: translateY(.69em) rotate(-45deg);
		-moz-transform: translateY(.69em) rotate(-45deg);
		-ms-transform: translateY(.69em) rotate(-45deg);
		-o-transform: translateY(.69em) rotate(-45deg);
		transform: translateY(.69em) rotate(-45deg)
	}

	.main-menu-on #menu-btn .menu-btn-bar:nth-of-type(2) {
		opacity: 0
	}

	.main-menu-on #menu-btn .menu-btn-bar:nth-of-type(3) {
		-webkit-transform: translateY(-.69em) rotate(45deg);
		-moz-transform: translateY(-.69em) rotate(45deg);
		-ms-transform: translateY(-.69em) rotate(45deg);
		-o-transform: translateY(-.69em) rotate(45deg);
		transform: translateY(-.69em) rotate(45deg)
	}

	#mkblog-body {
		-webkit-transition: .2s linear all;
		-moz-transition: .2s linear all;
		-o-transition: .2s linear all;
		transition: .2s linear all
	}

	.main-menu-on>#mkblog-body {
		-webkit-transform: translateX(65%);
		-moz-transform: translateX(65%);
		-ms-transform: translateX(65%);
		-o-transform: translateX(65%);
		transform: translateX(65%);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}

	.main-menu-on>#mkblog-body:after {
		content: "";
		cursor: pointer;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 998;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,.02)
	}
}

.home-notice {
	padding: 4.8rem 0 .4rem;
	margin-top: -6rem;
	margin-bottom: 1rem;
	text-align: center;
	color: #000;
	background: #fafafa;
	border-bottom: 1px solid #eaeefb
}

.home-notice div {
	height: 2.6rem;
	line-height: 2.6rem;
	overflow: hidden;
	max-width: 58rem;
	margin: 0 auto
}

.home-notice a,.home-notice li {
	color: #848484;
	font-size: .95rem;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	list-style: none
}

.home-notice a:hover {
	border-bottom: 2px solid
}

.home-notice .wp-smiley {
	vertical-align: middle;
	padding-bottom: .3em
}

@media screen and (max-width:900px) {
	.home-notice div {
		padding: 0 1.2em
	}
}

@media screen and (max-width:750px) {
	.home-notice {
		margin-top: -5rem
	}
}

.banner-bg-header {
	font-size: .95em;
	background: #333 url(../images/banner.jpg) no-repeat;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding: 6.5rem 0 2.4rem;
	text-align: center;
	position: relative;
	margin-top: -6rem;
	margin-bottom: 1.6rem
}

.banner-bg-header .banner-title {
	font-weight: 400;
	font-size: 2em;
	margin-bottom: .6em;
	letter-spacing: .08em;
	color: #fff;
	text-shadow: 0 .4em .8em rgba(7,17,27,.4)
}

.banner-bg-header .banner-sub-title {
	font-weight: 400;
	color: #eee;
	color: rgba(255,255,255,.54)
}

@media screen and (max-width:660px) {
	.banner-bg-header .banner-title {
		font-size: 1.95em
	}

	.banner-bg-header .banner-sub-title {
		font-size: .95em
	}
}

.index-header-title {
	text-align: center;
	color: #c3c3c3;
	font-size: 16px
}

.site-main {
	display: block;
	max-width: 58rem;
	margin: 0 auto;
	padding: 0 1.2rem 1.2rem
}

#post-lists {
	margin: -1.2rem;
	padding: 1rem 0
}

#post-lists>article {
	width: 33.33%;
	float: left
}

.post-item-card,.post-item-list {
	margin: 1.2rem
}

.post-item-card .post-item-card-body {
	border: 1px solid #e6ebf5;
	background-color: #fff;
	background-color: rgba(255,255,255,.73);
	box-shadow: 0 .2rem 2rem 0 rgba(0,0,0,.05);
	border-radius: .3rem;
	overflow: hidden;
	margin: 0 auto;
	transform-style: preserve-3d;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.post-item-card .item-thumb {
	position: relative;
	display: inherit;
	overflow: hidden
}

.post-item-card .thumbnail {
	display: inherit;
	min-height: 11rem;
	-webkit-transition: -webkit-transform .5s ease,filter .5s ease;
	-moz-transition: -moz-transform .5s ease,filter .5s ease;
	-o-transition: -o-transform .5s ease,filter .5s ease;
	transition: transform .5s ease,filter .5s ease;
	background-position: 50% 50%;
	background-size: cover
}

.post-item-card:hover .item-thumb .thumbnail {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(.19rem);
	-moz-filter: blur(.19rem);
	filter: blur(.19rem)
}

.post-item-card .item-thumb:before {
	content: "Loading...";
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #eee;
	background-color: rgba(238,238,238,.67);
	text-align: center;
	-webkit-transform: translateY(-34%);
	-moz-transform: translateY(-34%);
	-ms-transform: translateY(-34%);
	-o-transform: translateY(-34%);
	transform: translateY(-34%);
	line-height: 34rem;
	font-size: 2rem;
	color: #b7b6b6;
	z-index: -1
}

.post-item-card .item-thumb:after {
	content: "";
	background: #000;
	opacity: .01;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.post-item-card .archive-content {
	padding: 14rem 1.2rem;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: .95rem;
	line-height: 1.65rem;
	opacity: 0;
	background-color: rgba(0,0,0,.5)
}

.post-item-card:hover .archive-content {
	-webkit-animation: fade-in .5s;
	-moz-animation: fade-in .5s;
	-ms-animation: fade-in .5s;
	animation: fade-in .5s;
	opacity: 1
}

@keyframes fade-in {
	0% {
		transform: translateY(-45%);
		opacity: 0
	}

	100% {
		transform: translateY(-50%);
		opacity: 1
	}
}

@-webkit-keyframes fade-in {
	0% {
		-webkit-transform: translateY(-45%);
		transform: translateY(-45%);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 1
	}
}

.post-item-card .entry-header {
	margin: .66rem;
	min-height: 5.6rem;
	position: relative
}

.post-item-card .entry-title>a {
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 1.65rem;
	font-weight: 400;
	color: #000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.article-ontop {
	color: #eb5055;
	color: var(--theme-color);
	font-weight: 700
}

#post-lists .entry-meta {
	position: absolute;
	bottom: 0;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%
}

#post-lists .entry-meta,.entry-meta>a {
	font-size: .9rem;
	text-decoration: none;
	color: #999
}

#post-lists .entry-meta>.fa {
	margin-right: .19rem;
	margin-left: .63rem
}

#post-lists .entry-meta>.fa:first-child {
	margin-left: 0
}

@media screen and (max-width:900px) {
	#post-lists>article {
		width: 50%
	}
}

@media screen and (max-width:660px) {
	#post-lists {
		width: auto
	}

	#post-lists>article {
		width: 100%
	}

	.post-item-card .thumbnail {
		height: 16em
	}

	.post-item-card .entry-header {
		min-height: 6rem;
		margin: .9rem
	}

	.post-item-card .entry-title>a {
		font-size: 1em;
		line-height: 1.4em
	}

	#post-lists .entry-meta,.entry-meta>a {
		font-size: 1em
	}
}

@media screen and (max-width:500px) {
	.post-item-card .thumbnail {
		height: auto
	}

	.post-item-card .entry-header {
		margin: .6em
	}

	.post-item-card .entry-title>a {
		font-size: .9em
	}

	.post-item-card .entry-meta,.post-item-card .entry-meta>a {
		font-size: .8em
	}
}

.post-item-list {
	font-size: 1rem;
	position: relative;
	padding: 1.4em;
	background: #fff;
	background: rgba(255,255,255,.61);
	border-radius: .3em;
	overflow: hidden
}

.post-item-list .article-ontop {
	font-weight: 400
}

.post-item-list>.entry-header {
	padding-right: 15em
}

.post-item-list .entry-title {
	line-height: 1.4;
	margin: 0;
	font-weight: 500;
	font-size: 1.4em
}

.post-item-list .entry-title>a {
	color: #000
}

.post-item-list .entry-title>a:hover {
	color: #666
}

.post-item-list .archive-content {
	font-size: .95em;
	height: 6em;
	margin: .8em 0;
	line-height: 2em;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical
}

#post-lists .post-item-list .entry-meta,#post-lists .post-item-list .entry-meta a {
	color: #969696;
	position: relative;
	font-size: .9em
}

.post-item-list>.post-item-img {
	display: block;
	width: 12em;
	height: 8em;
	margin: 1.3em .8em 0;
	float: right;
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.post-item-list>.post-item-img:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border: 0 solid;
	border-color: #9b9b9b #fff;
	border-color: rgba(0,0,0,.5) #fff;
	-webkit-transition: border .3s ease;
	-moz-transition: border .3s ease;
	-ms-transition: border .3s ease;
	-o-transition: border .3s ease;
	transition: border .3s ease
}

.post-item-list>.post-item-img:hover:after {
	border-right-width: 1.6em;
	border-bottom-width: 1.6em
}

.post-item-list>.post-item-img>img {
	width: 100%;
	height: 100%;
	box-sizing: border-box
}

@media screen and (min-width:900px) {
	.post-item-list .entry-title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media screen and (max-width:900px) {
	.post-item-list {
		padding: 1em 0
	}

	body.custom-background .post-item-list {
		padding: 1em
	}

	.post-item-list>.entry-header {
		width: 100%;
		float: none;
		padding: 0
	}

	.post-item-list .archive-content {
		height: auto;
		-webkit-line-clamp: unset
	}

	.post-item-list>.post-item-img {
		display: none
	}
}

.home-links {
	background: #fafafa;
	border: 1px solid #eaeefb;
	border-left: none;
	border-right: none;
	text-align: center;
	padding: .8rem .6rem;
	margin-top: 1rem;
	margin-bottom: -1rem
}

.home-links h3 {
	font-size: 1.2em;
	margin-bottom: .5em;
	font-weight: 400;
	color: #1f2f3d
}

.home-links .friend-link {
	position: relative;
	display: inline-block;
	font-size: .95rem;
	margin: 0 .4rem;
	line-height: 1.8;
	color: #9a9a9a;
	text-decoration: none
}

.home-links .friend-link:hover {
	color: #eb5055;
	color: var(--theme-color)
}

.width-short {
	font-size: .95rem;
	max-width: 50rem;
	padding: 1.2rem;
	margin: 0 auto;
	background-color: #fff;
	background-color: rgba(255,255,255,.68);
	border-radius: .22rem
}

.width-short+.width-short {
	margin-top: 1.5rem
}

.entry-title {
	font-size: 1.58rem;
	color: #222;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	line-height: 1.65rem
}

.header-info {
	font-size: .95rem;
	margin-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px dashed #c5c5c5;
	margin-bottom: 1.2rem
}

.header-info,.header-info a {
	color: #a5a5a5;
	text-decoration: none;
	text-shadow: 0 0 2px #fff
}

.header-info>span {
	margin-right: 10px;
	display: inline-block
}

.article-report {
	display: inline-block;
	background-color: #eb5055;
	background-color: var(--theme-color);
	color: #fff;
	text-align: center;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	margin-right: 2px;
	cursor: pointer;
	text-shadow: none
}

.wp-smiley {
	height: 1.88rem!important;
	width: auto!important;
	max-height: none!important;
	vertical-align: bottom;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	border: none!important;
	border-radius: 0!important
}

.entry-content {
	font-size: .95rem
}

.entry-content .code-pretty-container,.entry-content .gallery,.entry-content .mk-alert,.entry-content .mk-collapse,.entry-content .mk-embed-card,.entry-content .mk-tabs,.entry-content blockquote,.entry-content fieldset,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content hr,.entry-content ol,.entry-content p,.entry-content table,.entry-content ul {
	margin: 0 0 1.35em
}

.mk-collapse-content>:last-child {
	margin-bottom: 0
}

.entry-content .gallery+.gallery {
	margin-top: -1.35em
}

.entry-content p {
	word-wrap: break-word;
	word-break: break-word;
	vertical-align: baseline;
	line-height: 1.8
}

.entry-content ol,.entry-content ul {
	padding-left: 1.3em
}

.entry-content ol>li,.entry-content ul>li {
	margin: .6em 0;
	line-height: 1.8
}

.entry-content h1 {
	font-weight: 400;
	font-size: 1.6em;
	color: #3c3c3c;
	text-align: center
}

.entry-content *+h1 {
	margin-top: 1.6em
}

.entry-content h2 {
	font-weight: 500;
	position: relative;
	font-size: 1.3em;
	color: #444
}

.entry-content h2:before {
	font-weight: 600;
	position: absolute;
	top: 0;
	left: -.8em;
	content: '#';
	color: #eb5055;
	color: var(--theme-color)
}

.entry-content *+h2 {
	margin-top: 1.8em
}

.entry-content h3 {
	font-weight: 700
}

.entry-content blockquote {
	padding: .3em 0 .3em .9em;
    border-left: .22em solid #77ae81;
    vertical-align:baseline;
    background-color:#f8f8f8;
}

.entry-content blockquote>:first-child {
	margin-top: 0
}

.entry-content blockquote>:last-child {
	margin-bottom: 0
}

.entry-content code {
	color: #77ae81;
	background-color: rgba(0,0,0,.03);
	border-radius: .19em;
	padding: .13em .32em;
	font-size: 100%;
	font-weight: 400;
	margin: 0 .13em
}

.entry-content .btn {
	margin: 0 .2em .6em 0
}

.entry-content p .btn+.btn {
	margin-left: .3em
}

.entry-content p .btn:firdt-child {
	float: left
}

.entry-content p .btn:last-child {
	margin-bottom: 0
}

.entry-content .wp-caption {
	max-width: 100%
}

.entry-content .aligncenter,.entry-content .alignnone,.entry-content img.alignnone {
	display: block;
	margin: 0 auto;
	text-align: center
}

.entry-content .wp-caption .wp-caption-text {
	text-align: center;
	margin: 1em auto 2em;
	border-bottom: 1px #c3c3c3 dashed;
	display: inline-block;
	padding: 0 .38em .08em;
	color: #949292;
	font-size: .9em
}

.entry-content img {
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all
}

.entry-content img:hover {
	-webkit-box-shadow: 0 0 2.02em rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 2.02em rgba(0,0,0,.15);
	box-shadow: 0 0 2.02em rgba(0,0,0,.15)
}

.comment-content-text a:not([class]):not([data-fancybox]),.entry-content a:not([class]):not([data-fancybox]),.links {
	color: #313131;
	border-bottom: .08em solid #ccc;
	text-decoration: none;
	margin: 0 5px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	cursor: pointer
}

.comment-content-text a:not([class]):not([data-fancybox]):hover,.entry-content a:not([class]):not([data-fancybox]):hover,.links:hover {
	color: #eb5055;
	color: var(--theme-color);
	border-color: inherit
}

.entry-content .gallery {
	clear: both;
	font-size: 1.13rem
}

.entry-content .gallery .gallery-item {
	margin: 0!important;
	overflow: hidden;
	position: relative;
	float: left
}

.entry-content .gallery-caption {
	pointer-events: none;
	padding: 1000px 20px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	text-align: center;
	color: #fff;
	opacity: 0;
	background-color: rgba(0,0,0,.7);
	cursor: pointer
}

.entry-content .gallery .gallery-item:hover .gallery-caption {
	opacity: 1
}

.entry-content .gallery-columns-1 .gallery-item {
	width: 100%!important
}

.entry-content .gallery-columns-2 .gallery-item {
	width: 50%!important
}

.entry-content .gallery-columns-3 .gallery-item {
	width: 33.3333333%!important
}

.entry-content .gallery-columns-4 .gallery-item {
	width: 25%!important
}

.entry-content .gallery-columns-5 .gallery-item {
	width: 20%!important
}

.entry-content .gallery-columns-6 .gallery-item {
	width: 16.6666667%!important
}

.entry-content .gallery-columns-7 .gallery-item {
	width: 14.2857142857%!important;
	font-size: .9em
}

.entry-content .gallery-columns-8 .gallery-item {
	width: 12.5%!important;
	font-size: .8em
}

.entry-content .gallery-columns-9 .gallery-item {
	width: 11.11111112%!important;
	font-size: .7em
}

.entry-content .gallery .gallery-item dt:before {
	content: "";
	display: block;
	padding-top: 100%
}

.entry-content .gallery .gallery-item dt {
	position: relative;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
	background: #eee;
	cursor: pointer;
	overflow: hidden
}

.entry-content .gallery .gallery-item a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	border: none;
	margin: 0
}

.entry-content .gallery .gallery-item img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border: 0!important;
	border-radius: 0;
	box-shadow: none
}

.links-list {
	list-style: none
}

.links-list>li {
	width: 33.33%!important;
	float: left!important;
	line-height: 1.05em!important;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.links-list img,.links-list img:hover {
	width: 1.2em;
	height: 1.2em;
	margin-right: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
	vertical-align: top
}

.links-list a.links {
	vertical-align: super;
	border: none!important
}

@media screen and (max-width:660px) {
	ul.links-list {
		padding-left: 14px
	}

	.links-list>li {
		width: 50%!important
	}
}

.entry-content .content-extras {
	margin: 5px 0 20px
}

.entry-content .content-extras p {
	margin: 5px 0
}

.single-copyright {
	display: inline-block
}

.single-tags {
	display: inline-block;
	float: right
}

.single-tags>.fa {
	color: #b3b3b3
}

.mk-video-box {
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	padding-bottom: 70%
}

.mk-video-box>div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.mk-video-box>div>iframe {
	width: 100%;
	height: 100%;
	border: 1px solid #eee
}

.mk-embed-card>a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 30em;
	max-width: 100%;
	margin: 0 auto!important;
	border-radius: .3em;
	text-decoration: none;
	border: none!important;
	color: inherit!important
}

.mk-embed-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	-webkit-filter: blur(20px);
	filter: blur(20px);
	background-size: cover;
	background-position: 50%
}

.mk-embed-content {
	position: relative;
	display: block;
	padding: .8em;
	border-radius: inherit;
	background-color: hsla(0,0%,96%,.88)
}

.mk-embed-content>span {
	overflow: hidden;
	display: block;
	margin-right: 5.55em
}

.mk-embed-title {
	display: block;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0!important;
	height: 2.6em;
	font-weight: 500;
	line-height: 1.25;
	color: #1a1a1a
}

.mk-embed-meta {
	display: block;
	margin-top: .4em;
	font-size: .8em;
	color: #999
}

.mk-embed-meta .fa-comments {
	margin-left: 10px
}

.mk-embed-card .mk-embed-image {
	display: block;
	position: absolute;
	right: .8em;
	top: .8em;
	bottom: .8em;
	width: 5.6em;
	border-radius: .3em
}

.social-main {
	user-select: none;
	border-top: .06em solid #eee;
	border-bottom: .06em solid #eee;
	padding: 1em .2em;
	margin: .6em 0;
	text-align: center;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	opacity: .3
}

.social-main:hover {
	opacity: 1
}

.social-main>div {
	display: inline-block;
	margin-right: 1em;
	padding-left: 2.4em;
	position: relative;
	cursor: pointer
}

.social-main>div:last-child {
	margin-right: 0
}

.social-main>div .fa {
	font-size: 1.75rem;
	position: absolute;
	width: 1.88rem;
	left: 0;
	top: -.22rem
}

.social-main .like:hover {
	background: 0 0
}

.social-main .likeHeart {
	z-index: 2
}

.social-main .likeHeart,.social-main .likeHeart:after,.social-main .likeHeart:before {
	background: url(../images/like_heart.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 5em;
	width: 5em;
	cursor: pointer;
	position: absolute;
	left: -1.5em;
	top: -1.8em;
	background-size: 2900%
}

.social-main .like:focus .likeHeart,.social-main .like:hover .likeHeart {
	background-position: right
}

.social-main .like:hover .likeHeart:after,.social-main .like:hover .likeHeart:before {
	content: '';
	background-position: right;
	position: absolute;
	-webkit-animation: ilike 2s infinite;
	-moz-animation: ilike 2s infinite;
	-ms-animation: ilike 2s infinite;
	animation: ilike 2s infinite;
	z-index: 0
}

.social-main .like:hover .likeHeart:after {
	content: '';
	background-position: right;
	position: absolute;
	-webkit-animation: ilike 3.14s infinite;
	-moz-animation: ilike 3.14s infinite;
	-ms-animation: ilike 3.14s infinite;
	animation: ilike 3.14s infinite
}

@-webkit-keyframes ilike {
	0% {
		-webkit-transform: translateY(1.8em);
		transform: translateY(1.8em);
		margin-left: 1.5em
	}

	20% {
		margin-left: 2.17em
	}

	40% {
		margin-left: -.38em
	}

	60% {
		margin-left: .22em
	}

	80% {
		margin-left: -.12em
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-4em) rotate(180deg) scale(.5);
		transform: translateY(-4em) rotate(180deg) scale(.5)
	}
}

@keyframes ilike {
	0% {
		-webkit-transform: translateY(1.8em);
		transform: translateY(1.8em);
		margin-left: 1.5em
	}

	20% {
		margin-left: 2.17em
	}

	40% {
		margin-left: -.38em
	}

	60% {
		margin-left: .22em
	}

	80% {
		margin-left: -.12em
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-4em) rotate(180deg) scale(.5);
		transform: translateY(-4em) rotate(180deg) scale(.5)
	}
}

.social-main .done {
	display: inline-block;
	-webkit-animation-name: heartBlast;
	-moz-animation-name: heartBlast;
	-ms-animation-name: heartBlast;
	animation-name: heartBlast;
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-ms-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: steps(28);
	-moz-animation-timing-function: steps(28);
	-ms-animation-timing-function: steps(28);
	animation-timing-function: steps(28);
	background-position: right
}

@-webkit-keyframes heartBlast {
	0% {
		background-position: left
	}

	100% {
		background-position: right
	}
}

@keyframes heartBlast {
	0% {
		background-position: left
	}

	100% {
		background-position: right
	}
}

.social-main .reward .fa {
	color: #aab8c2
}

.social-main .reward .reward-qrcode {
	background-color: #fff;
	box-shadow: 0 0 .4em rgba(14,22,30,.3);
	left: -3em;
	top: -1em;
	position: absolute;
	width: 10em;
	max-width: 10em;
	height: 0;
	z-index: 10;
	padding: .4em;
	opacity: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s
}

.social-main .reward:hover .reward-qrcode {
	display: block;
	opacity: 1;
	height: 10em;
	top: -11em
}

#article-menu,#article-share {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(0,-50%)
}

#article-share {
	margin-left: -30rem;
	color: #8590a6;
	text-align: center;
	font-size: .9rem
}

#article-share.headroom {
	opacity: 0;
	display: none
}

#article-share.headroom--pinned {
	opacity: 1;
	visibility: visible
}

#article-share.headroom--unpinned {
	opacity: 0;
	visibility: hidden;
	display: none
}

#article-share .share-item {
	cursor: pointer;
	width: 3em;
	height: 3.15em;
	margin: 1.4em 0 2em
}

#article-share .share-item[data-site=weixin] {
	color: #7dd239
}

#article-share .share-item[data-site=weibo] {
	color: #f96e76
}

#article-share .share-item[data-site=qq] {
	color: #1e93ec
}

#article-share .share-item:hover {
	color: #8590a6
}

#article-share .fa {
	font-size: 1.6em;
	display: block;
	margin-bottom: .3em
}

.fancybox-stage .share-qrcode {
	max-width: 20rem
}

@media screen and (max-width:900px) {
	#article-menu,#article-share {
		display: none!important
	}
}

#article-menu::-webkit-scrollbar {
	height: .38rem;
	width: .38rem
}

#article-menu::-webkit-scrollbar-track-piece {
	background-color: #f5f5f5
}

#article-menu::-webkit-scrollbar-thumb {
	height: .38rem;
	width: .38rem;
	border-radius: 0;
	background: #cbcbcb
}

#article-menu::-webkit-scrollbar-thumb:hover {
	background: #909090
}

#article-menu {
	margin-left: 26rem;
	overflow: hidden;
	overflow-y: hidden;
	width: 16rem;
	max-height: 25rem
}

#article-menu.auto-hide ul {
	display: none
}

#article-menu:hover {
	overflow-y: auto
}

#article-menu ul {
	margin: .6rem;
	border-left: .3rem #eee solid;
	padding-left: .6rem;
	position: relative
}

#article-menu ul>li {
	font-size: .95rem;
	list-style: none;
	padding: .4rem 0;
	position: relative
}

#article-menu ul>li>a {
	display: block;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #8590a6
}

#article-menu ul>li>a:hover {
	color: gray
}

#article-menu ul>li.active>a {
	color: #eb5055;
	color: var(--theme-color)
}

#article-menu ul>li.active:before {
	content: "";
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	position: absolute;
	left: -1.25rem;
	background: #9e9e9e;
	top: 50%;
	transform: translate(0,-50%)
}

#article-menu ul>li.menu-level-two {
	padding-left: .45rem;
	font-size: .8rem
}

#comments {
	font-size: .95rem
}

#respond {
	margin-bottom: 1.6em
}

.comment-reply-title {
	margin-bottom: .94em
}

#cancel-comment-reply-link,.comment-reply-title span {
	line-height: 1.88em
}

.comment-reply-title span {
	border-left: .22em solid #eb5055;
	border-left-color: var(--theme-color);
	padding-left: .45em;
	font-size: 1.2em;
	display: inline-block
}

#cancel-comment-reply-link {
	display: none;
	float: right;
	color: #e26f6f
}

.comment-list #respond {
	margin-top: 1.6em
}

.comment-list #cancel-comment-reply-link {
	display: block
}

.comment-author-welcome {
	margin: .6em 0
}

.comment-author-welcome .avatar {
	border-radius: 50%;
	vertical-align: middle;
	margin-right: .6em;
	width: 1.88em;
	height: 1.88em;
	user-select: none
}

.comment-author-welcome .links {
	user-select: none;
	display: inline-block
}

#comment-author-info>div {
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 1em 1em 0;
	float: left
}

#comment-author-info>div:last-child {
	padding-right: 0
}

#comment-author-info>div>label {
	font-size: 1em;
	line-height: 1.4em;
	padding-bottom: .5em;
	display: block
}

.comment-form-comment {
	margin-bottom: .6em
}

#comment-tips {
	display: none;
	padding: .2em 0 .6em
}

#comment-tips .comment-error {
	color: #eb5055;
	color: var(--theme-color)
}

#comment-tips .comment-success {
	color: #4caf50
}

.comment-form-tools {
	margin-bottom: .6em;
	border-bottom: .08em dashed #e5e9ef;
	padding-top: .3em;
	padding-bottom: .15em;
	display: none;
	user-select: none
}

.comment-form-tools span {
	display: inline-block;
	margin-right: .3em;
	padding-left: .08em;
	cursor: pointer;
	height: 2em;
	line-height: 2em;
	text-align: center;
	font-size: .9em;
	border-radius: .19em;
	color: #848484
}

.comment-extra-input {
	width: 100%;
	max-width: 32em;
	padding: 1.5rem
}

.comment-extra-input h5 {
	font-size: 1.65em;
	font-weight: 100;
	text-align: center;
	margin: 0 auto .8em;
	letter-spacing: .08em
}

.comment-extra-input form input {
	margin-bottom: 1em;
	padding: .5em .4em
}

.comment-extra-input form button {
	width: 100%;
	margin-top: .38em
}

.comment-pic-input .or {
	margin: .15em auto .6em;
	font-size: 1.2em;
	color: #777575
}

.comment-pic-upload {
	position: relative
}

.comment-pic-upload #comment-pic-upload {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	opacity: 0
}

.comment-pic-upload #comment-pic-upload,.comment-pic-upload .comment-pic-upload-btn {
	width: 100%;
	background: #dcdada;
	margin: 0 auto 1.25em;
	display: block;
	height: 5.1em;
	color: #4a4a4a;
	border: .19em dashed #888;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.comment-pic-upload:hover #comment-pic-upload,.comment-pic-upload:hover .comment-pic-upload-btn {
	background: #f5f3f3
}

.comment-pic-upload.ondrag #comment-pic-upload,.comment-pic-upload.ondrag .comment-pic-upload-btn {
	border-color: #000
}

.comment-mail-notify {
	display: inline-block;
	line-height: 1.2em
}

.comment-form-vf-code {
	display: inline-block
}

.comment-form-vf-code img {
	cursor: pointer;
	margin-left: .6em;
	margin-top: .19em
}

.comment-form-vf-code input {
	display: inline-block;
	width: 5em;
	float: left
}

.comment-form-submit #submit,.comment-form-submit #submit:focus,.comment-form-submit #submit:hover {
	padding: 0 1.2em;
	line-height: 2.2em;
	width: auto;
	float: right
}

.comment-list,.comment-list ol,.comment-list ul {
	list-style: none
}

.comment-list>li {
	padding-top: 1.2em
}

.comment-body {
	position: relative;
	min-height: 5em
}

.comment-avatar-area {
	position: absolute
}

.comment-avatar-area>.avatar {
	width: 3.4em;
	height: 3.4em;
	border-radius: 50%;
	border: none;
	vertical-align: middle;
	user-select: none
}

.comment-list>li:after {
	content: "";
	display: block;
	height: .08em;
	background-color: #e5e9ef;
	margin-top: 1.2em
}

.comment-content-user {
	line-height: 1.13em;
	padding-bottom: .3em;
	display: block;
	word-wrap: break-word
}

.comment-content-user .comment-auth,.comment-content-user .comment-auth a {
	text-decoration: none;
	font-size: .9em;
	font-weight: 700;
	word-wrap: break-word;
	color: #6d757a;
	cursor: pointer
}

.comment-content-user .level {
	margin-left: .3em;
	font-size: .95em;
	color: #fff;
	background-color: #666;
	padding: 0 .22em;
	border-radius: .15em;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5;
	line-height: 150%;
	display: inline-block;
	vertical-align: middle
}

.comment-content-area:hover .comment-content-user .level {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

.comment-content-user .level-1 {
	background: #348be8
}

.comment-content-user .level-2 {
	background: #0bf
}

.comment-content-user .level-3 {
	background: #fd8edb
}

.comment-content-user .level-4 {
	background: #673ab7
}

.comment-content-user .level-5 {
	background: #ffb31e
}

.comment-content-user .level-6 {
	background: #6ec400
}

.comment-content-user .level-7 {
	background: #fc912d
}

.comment-content-user .level-8 {
	background: #fd5d3c
}

.comment-content-user .level-9 {
	background: #fd5d3c
}

.comment-content-user .level-admin {
	background: #fd5d3c
}

.comment-content-user .level-pingback {
	background: #e91e63
}

.comment-content-text {
	line-height: 1.8;
	padding: .4em 0;
	text-shadow: none;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word
}

.comment-content-text .code-pretty-container,.comment-content-text blockquote,.comment-content-text p {
	margin: 0 0 .6em
}

.comment-content-text>:last-child {
	margin-bottom: 0
}

.comment-awaiting-moderation {
	color: #eb5055;
	color: var(--theme-color)
}

.comment-content-info {
	margin-top: .4em;
	margin-bottom: .8em;
	font-size: .98em
}

.comment-content-info,.comment-content-info a {
	color: #99a2aa;
	text-decoration: none
}

.comment-content-info span {
	margin-right: .6em
}

.comment-content-area,.comment-list>.depth-1>#respond,.comment-list>.depth-1>.children,.comment-list>li:after {
	margin-left: 4.6em
}

.comment-list .depth-1>.children .comment-body {
	margin-top: 1.4em
}

.comment-list .depth-1>.children .comment-avatar-area>.avatar {
	width: 2.6em;
	height: 2.6em
}

.comment-list .depth-1>.children .comment-content-area {
	margin-left: 3.6em
}

.comment-at {
	color: #eb5055;
	color: var(--theme-color);
	border: none;
	margin-right: .3em
}

@media screen and (max-width:750px) {
	.comment-content-area,.comment-list>.depth-1>#respond,.comment-list>.depth-1>.children,.comment-list>li:after {
		margin-left: 4em
	}
}

@media screen and (max-width:500px) {
	.comment-list>.comment.depth-1>#respond,.comment-list>li:after,.comment.depth-1>.children {
		margin-left: 0
	}

	.comment.depth-1>.children {
		border-left: .19em dotted #f3f3f3;
		padding-left: 1em
	}

	.comment-at {
		display: inline-block
	}
}

.page-navi-bar {
	text-align: center
}

.article-navi,.comment-navi,.page-navi {
	margin: 0;
	padding: 0 .6rem;
	list-style: none;
	text-align: center;
	margin: 1.2rem 0
}

.page-navi {
	background: #fff;
	background: rgba(255,255,255,.9);
	display: inline-block;
	border-radius: 2rem;
	padding: .4rem 1.2rem
}

.page-navi li {
	display: inline-block;
	color: #5f5f5f;
	line-height: 1.2rem
}

.article-navi a {
	border: none!important;
	margin: 0!important
}

.article-navi span,.article-navi>a>span,.page-navi li a,.page-numbers {
	display: inline-block;
	font-size: 1rem;
	padding: .22rem .94rem .22rem;
	color: #5f5f5f;
	text-decoration: none
}

.article-navi span,.page-navi li.current a,.page-numbers.current {
	color: #eb5055;
	color: var(--theme-color)
}

.page-navi li .page-omit {
	padding-left: 0;
	padding-right: 0
}

@media screen and (max-width:750px) {
	.width-short {
		max-width: none;
		width: 100%;
		padding-left: .8em;
		padding-right: .8em
	}

	.entry-content h2 {
		margin-left: .8em
	}
}

#site-footer {
	font-size: .95rem;
	/*line-height: 2rem;*/
	margin-top: .6rem;
	text-align: center;
	padding: 1rem
}

#site-footer,#site-footer a {
	color: #9a9a9a;
	vertical-align: baseline;
	text-decoration: none
}

#site-footer .fa {
	margin-left: .3rem;
	font-size: 1.2rem
}

@media screen and (max-width:650px) {
	#site-footer span {
		display: none
	}

	#scroll-to-top.show {
		right: 30px
	}
}

.corner-btn-group {
	font-size: 1rem;
	display: inline-block;
	position: fixed;
	right: 4.2rem;
	bottom: 4.2rem
}

.corner-btn {
	display: block;
	width: 3em;
	height: 3em;
	line-height: 3em;
	margin-top: 1em;
	text-align: center;
	color: #9c9c9c;
	background-color: #fff;
	opacity: .8;
	border: .06em solid #e6ebf5;
	overflow: hidden;
	cursor: pointer;
	border-radius: 100%;
	box-shadow: 0 0 1.5em 0 rgba(0,0,0,.12);
	-webkit-transition: .5s ease all;
	-moz-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all
}

.corner-btn:hover {
	opacity: 1!important
}

#scroll-to-top.corner-btn {
	line-height: 2.8em
}

#scroll-to-top.headroom--top {
	opacity: 0;
	height: 0;
	margin: 0
}

.theme-control-panel {
	font-size: .8em;
	position: fixed;
	right: 3em;
	bottom: 3em;
	background: #fff;
	padding: 1.2em;
	color: #5d5d5d;
	user-select: none;
	box-shadow: 0 0 1.5em 0 rgba(0,0,0,.12);
	border-radius: .6em;
	-webkit-animation: antZoomBigIn .2s cubic-bezier(.08,.82,.17,1);
	-moz-animation: antZoomBigIn .2s cubic-bezier(.08,.82,.17,1);
	animation: antZoomBigIn .2s cubic-bezier(.08,.82,.17,1)
}

@-webkit-keyframes antZoomBigIn {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes antZoomBigIn {
	0% {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.theme-control-dark>label {
	display: block;
	line-height: 1.5em
}

.theme-control-dark .mk-checkbox>div {
	float: right
}

.theme-control-panel hr {
	margin: 1.4em 0;
	border: none;
	border-top: .1em solid #eee
}

.theme-control-font .btn,.theme-control-font button {
	font-size: 1em;
	padding: .4em 1.2em
}

#font-size-text {
	background: #e5e5e5;
	color: #000;
	border-radius: .3em;
	margin: 0 .4em
}

#font-size-text:after {
	content: "%"
}

.moon-icon {
	background: #fff;
	vertical-align: bottom;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin: 0 .2em;
	border-radius: 50%;
	box-shadow: inset .5em -.5em 0 0 #999
}

@media screen and (max-width:750px) {
	.corner-btn-group {
		right: 1rem
	}
}

#post-lists,.width-short {
	-webkit-animation: fadeIn .6s linear;
	-moz-animation: fadeIn .6s linear;
	animation: fadeIn .6s linear
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-15px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.entry-content ul.wp-block-gallery {
	padding-left: 0
}

.wp-block-button .wp-block-button__link {
	font-size: 1em;
	padding: 5px 15px
}

.wp-block-latest-comments__comment-excerpt p {
	margin: 0
}

.blocks-gallery-item img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.mk-prettyprint ol.linenums {
	color: #8e908c
}

.mk-prettyprint li {
	padding-left: 1em;
	list-style-type: decimal
}

.mk-prettyprint .pln {
	color: #4d4d4c
}

.mk-prettyprint .str {
	color: #718c00
}

.mk-prettyprint .kwd {
	color: #8959a8
}

.mk-prettyprint .com {
	color: #8e908c
}

.mk-prettyprint .typ {
	color: #4271ae
}

.mk-prettyprint .lit {
	color: #f5871f
}

.mk-prettyprint .pun {
	color: #4d4d4c
}

.mk-prettyprint .opn {
	color: #4d4d4c
}

.mk-prettyprint .clo {
	color: #4d4d4c
}

.mk-prettyprint .tag {
	color: #c82829
}

.mk-prettyprint .atn {
	color: #f5871f
}

.mk-prettyprint .atv {
	color: #3e999f
}

.mk-prettyprint .dec {
	color: #f5871f
}

.mk-prettyprint .var {
	color: #c82829
}

.mk-prettyprint .fun {
	color: #4271ae
}

.code-pretty-container {
	position: relative;
	margin-bottom: 1em
}

.code-pretty-container .code-type {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	background: #eb5055;
	background: var(--theme-color);
	color: #fff;
	cursor: pointer;
	border-radius: 0 3px 0 5px;
	font-size: .8em;
	user-select: none
}

.code-pretty-container textarea {
	position: absolute;
	line-height: 1.35em;
	top: 0
}

.code-pretty-container .code-pretty-toolbar .btn {
	font-size: .8em;
	margin: 0 .6em 0 0;
	padding: .5em .8em
}

.code-pretty-container .code-pretty-toolbar .msg {
	line-height: 1.8;
	font-size: .8em;
	padding: 6px 12px;
	padding-left: 20px;
	color: #827171;
	display: none
}

.code-pretty-container .code-pretty-toolbar .back-to-pretty {
	display: none
}

.mk-prettyprint {
	overflow: auto;
	margin-bottom: .5em;
	background: #fff;
	border: 1px solid #e8e9e7;
	border-radius: 3px
}

.code-pretty-container textarea,.entry-content code,.mk-prettyprint {
	font-family: 'Liberation Mono',Monaco,Menlo,Consolas,'Source Code Pro','Liberation Mono','Ubuntu Mono','Microsoft Yahei','微软雅黑',Courier,'Helvetica Neue','Lantinghei SC',STXihei,WenQuanYi,sans-serif!important
}

.mk-prettyprint ol {
	padding: .4rem 0;
	margin: .4rem .6rem .4rem 3rem;
	display: inline-block
}

.mk-prettyprint ol>li {
	margin: 0;
	border-left: 1px solid #e8e9e7
}

.code-pretty-container textarea,.mk-prettyprint {
	line-height: 1.35em
}

.comment-list .mk-prettyprint {
	max-height: 600px
}

.comment-list .code-pretty-toolbar {
	display: none
}

.mk-dark .mk-prettyprint {
	background-color: #272822;
	border: .1em solid #272822;
	padding: .5em;
	-webkit-box-shadow: inset 3em 0 0 #39382e,inset 2.33em 0 0 #464741;
	-moz-box-shadow: inset 3em 0 0 #39382e,inset 2.33em 0 0 #464741;
	box-shadow: inset 3em 0 0 #39382e,inset 2.33em 0 0 #464741
}

.mk-dark .mk-prettyprint ol {
	margin: 0 0 0 2.6em
}

.mk-dark .mk-prettyprint ol li {
	padding-left: 1em;
	color: #bebec5;
	text-shadow: 0 .1em 0 #000;
	margin-left: 0;
	border: none
}

.mk-dark .mk-prettyprint .com {
	color: #93a1a1
}

.mk-dark .mk-prettyprint .lit {
	color: #ae81ff
}

.mk-dark .mk-prettyprint .clo,.mk-dark .mk-prettyprint .opn,.mk-dark .mk-prettyprint .pun {
	color: #f8f8f2
}

.mk-dark .mk-prettyprint .fun {
	color: #dc322f
}

.mk-dark .mk-prettyprint .atv,.mk-dark .mk-prettyprint .str {
	color: #e6db74
}

.mk-dark .mk-prettyprint .kwd,.mk-dark .mk-prettyprint .tag {
	color: #f92659
}

.mk-dark .mk-prettyprint .atn,.mk-dark .mk-prettyprint .dec,.mk-dark .mk-prettyprint .typ,.mk-dark .mk-prettyprint .var {
	color: #a6e22e
}

.mk-dark .mk-prettyprint .pln {
	color: #66d9ef
}

.mk-pjax-anim>div {
	width: 12.5rem;
	height: 5rem;
	margin: 0 auto
}

.mk-pjax-anim>div>span {
	display: inline-block;
	width: .63rem;
	height: 2.5rem;
	animation-name: scale;
	-webkit-animation-name: scale;
	-moz-animation-name: scale;
	-ms-animation-name: scale;
	-o-animation-name: scale;
	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite
}

.mk-pjax-1 {
	background: #2ecc71;
	animation-delay: -1s;
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-ms-animation-delay: -1s;
	-o-animation-delay: -1s
}

.mk-pjax-2 {
	background: #3498db;
	animation-delay: -.9s;
	-webkit-animation-delay: -.9s;
	-moz-animation-delay: -.9s;
	-ms-animation-delay: -.9s;
	-o-animation-delay: -.9s
}

.mk-pjax-3 {
	background: #9b59b6;
	animation-delay: -.8s;
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-ms-animation-delay: -.8s;
	-o-animation-delay: -.8s
}

.mk-pjax-4 {
	background: #e67e22;
	animation-delay: -.7s;
	-webkit-animation-delay: -.7s;
	-moz-animation-delay: -.7s;
	-ms-animation-delay: -.7s;
	-o-animation-delay: -.7s
}

.mk-pjax-5 {
	background: #c0392b;
	animation-delay: -.6s;
	-webkit-animation-delay: -.6s;
	-moz-animation-delay: -.6s;
	-ms-animation-delay: -.6s;
	-o-animation-delay: -.6s
}

.mk-pjax-6 {
	background: #e74c3c;
	animation-delay: -.5s;
	-webkit-animation-delay: -.5s;
	-moz-animation-delay: -.5s;
	-ms-animation-delay: -.5s;
	-o-animation-delay: -.5s
}

.mk-pjax-7 {
	background: #e74c8c;
	animation-delay: -.4s;
	-webkit-animation-delay: -.4s;
	-moz-animation-delay: -.4s;
	-ms-animation-delay: -.4s;
	-o-animation-delay: -.4s
}

@-webkit-keyframes scale {
	0%,100%,40% {
		-webkit-transform: scaleY(.2);
		transform: scaleY(.2)
	}

	20%,60% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes scale {
	0%,100%,40% {
		-webkit-transform: scaleY(.2);
		transform: scaleY(.2)
	}

	20%,60% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

.mk-pjax {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0
}

.mk-pjax-mask {
	background: #fff;
	opacity: .9;
	bottom: 0
}

.mk-pjax-anim {
	margin: 0 auto;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

#instantclick {
	display: none
}

.mk-dark-mode-sky,.mk-dark-mode-sky:before {
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999999999
}

.mk-dark-mode-sky {
	background: -webkit-gradient(linear,left top,left bottom,from(#feb8b0),to(#fef9db));
	background: -webkit-linear-gradient(#feb8b0,#fef9db);
	background: -o-linear-gradient(#feb8b0,#fef9db);
	background: linear-gradient(#feb8b0,#fef9db)
}

.mk-dark-mode-sky:before {
	-webkit-transition: 2s ease all;
	-moz-transition: 2s ease all;
	-o-transition: 2s ease all;
	transition: 2s ease all;
	opacity: 0;
	background: -webkit-gradient(linear,left top,left bottom,from(#4c3f6d),color-stop(#6c62bb),to(#93b1ed));
	background: -webkit-linear-gradient(#4c3f6d,#6c62bb,#93b1ed);
	background: -o-linear-gradient(#4c3f6d,#6c62bb,#93b1ed);
	background: linear-gradient(#4c3f6d,#6c62bb,#93b1ed)
}

.mk-dark .mk-dark-mode-sky:before {
	opacity: 1
}

.mk-dark-mode-planet {
	z-index: 1999999999;
	position: fixed;
	left: -50%;
	top: -50%;
	width: 200%;
	height: 200%;
	-webkit-animation: mkPlanetMove 2s cubic-bezier(.7,0,0,1);
	-moz-animation: mkPlanetMove 2s cubic-bezier(.7,0,0,1);
	animation: mkPlanetMove 2s cubic-bezier(.7,0,0,1);
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes mkPlanetMove {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes mkPlanetMove {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.mk-dark-mode-planet:after {
	position: absolute;
	left: 35%;
	top: 40%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	content: "";
	background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#fffbe8));
	background: -webkit-linear-gradient(#fefefe,#fffbe8);
	background: -o-linear-gradient(#fefefe,#fffbe8);
	background: linear-gradient(#fefefe,#fffbe8)
}

.mk-dark,.mk-dark.custom-background {
	background: #010101;
	color: #9e9e9e
}

.mk-dark::-webkit-scrollbar {
	height: .6rem;
	width: .6rem
}

.mk-dark::-webkit-scrollbar-track-piece {
	background-color: transparent
}

.mk-dark::-webkit-scrollbar-thumb {
	height: .6rem;
	width: .6rem;
	border-radius: 100rem;
	background: #767676
}

.mk-dark::-webkit-scrollbar-thumb:hover {
	background: #909090
}

.mk-dark img {
	-webkit-filter: brightness(60%);
	filter: brightness(60%);
	-webkit-transition: .3s ease filter;
	-moz-transition: .3s ease filter;
	-o-transition: .3s ease filter;
	transition: .3s ease filter
}

.mk-dark img:hover {
	-webkit-filter: brightness(80%);
	filter: brightness(80%)
}

.mk-dark .mk-side-form input,.mk-dark input,.mk-dark textarea {
	background: #0d0d0d;
	border-color: #333;
	color: inherit
}

.mk-dark input:focus,.mk-dark textarea:focus {
	background: #1e1e1e
}

.mk-dark table td,.mk-dark table th {
	border-color: #373737
}

.mk-dark table th {
	background-color: #2b2b2b
}

.mk-dark table td:hover {
	background-color: #212121
}

.mk-dark .mk-tabs .mk-tabs-head .mk-tab-title {
	background: 0 0;
	color: inherit;
	border-color: #373737
}

.mk-dark .mk-tabs .mk-tabs-head .mk-tab-title.selected,.mk-dark .mk-tabs .mk-tabs-head .mk-tab-title:hover {
	border-bottom-color: #373737;
	background: #373737;
	color: inherit
}

.mk-dark .mk-tabs .mk-tabs-body {
	border-color: #373737
}

.mk-dark .mk-timeline {
	border-color: #3f3f3f;
	color: inherit
}

.mk-dark .mk-timeline b::after {
	box-shadow: none;
	background-color: #1a1a1a;
	border-color: #707070
}

.mk-dark .mk-embed-content {
	background-color: hsla(0,0%,0%,.81);
	border: .02em solid #010101;
	color: #d0d0d0
}

.mk-dark .mk-collapse-title {
	background: #2d2d2d;
	color: inherit
}

.mk-dark .mk-collapse-title:hover {
	background-color: #4b4b4b
}

.mk-dark .page-navi {
	background: #1a1a1a;
	text-shadow: none
}

.mk-dark .mk-pjax-mask {
	background: #000
}

.mk-dark .fancybox-content {
	background: #1c1c1c;
	border: 1px solid #333
}

.mk-dark .emoji_container {
	background: #1c1c1c;
	border-color: #4a4a4a
}

.mk-dark .emoji_tab {
	background: #1a1a1a;
	border-color: #4a4a4a
}

.mk-dark .emoji_content ul li {
	border-color: #313030
}

.mk-dark .emoji_tab_list ul li.selected {
	background: #000
}

.mk-dark .emoji_preview {
	background: #1a1a1a
}

.mk-dark #top-navi,.mk-dark #top-navi .main-menu ul ul {
	box-shadow: none
}

.mk-dark #top-navi,.mk-dark #top-navi .main-menu ul ul,.mk-dark #top-navi:hover {
	background: #2d2d2d
}

.mk-dark #top-navi .main-menu ul li a {
	color: #9e9e9e
}

.mk-dark .top-navi-logo>img {
	-webkit-filter: hue-rotate(20deg);
	filter: hue-rotate(20deg)
}

.mk-dark .top-navi-logo>h1 {
	text-shadow: none;
	color: inherit
}

@media screen and (max-width:750px) {
	.mk-dark .main-menu,.mk-dark .main-menu-on .main-menu {
		box-shadow: none;
		border-right: 1px solid #333;
		color: #9e9e9e;
		background: #2d2d2d
	}

	.mk-dark #top-navi .main-menu ul li a:hover {
		background: #4d4d4c
	}
}

.mk-dark .home-notice {
	background: #1a1a1a;
	border-color: #373737
}

.mk-dark .banner-bg-header:after,.mk-dark iframe:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .2
}

.mk-dark .post-item-card .post-item-card-body,.mk-dark .post-item-list {
	background: #0f0f0f;
	border-color: #212121
}

.mk-dark .post-item-card .item-thumb:after {
	opacity: .4
}

.mk-dark .post-item-card .entry-title>a,.mk-dark .post-item-list .entry-title>a {
	color: inherit
}

.mk-dark .post-item-list .entry-title>a:hover {
	color: #dcdcdc
}

.mk-dark #post-lists .entry-meta,.mk-dark .entry-meta>a {
	color: #6d6d6d
}

.mk-dark .post-item-list>.post-item-img:after {
	border-color: #9b9b9b #000;
	border-color: rgba(0,0,0,.5) #000
}

.mk-dark .type-page,.mk-dark .type-post,.mk-dark .width-short {
	background: #1a1a1a
}

.mk-dark .entry-title {
	color: #9e9e9e
}

.mk-dark .header-info,.mk-dark .header-info a {
	text-shadow: none;
	color: inherit;
	border-color: inherit
}

.mk-dark .entry-content h1,.mk-dark .entry-content h2,.mk-dark .entry-content h3,.mk-dark .entry-content h4,.mk-dark .entry-content h5 {
	color: inherit
}

.mk-dark .entry-content blockquote {
	border-color: #3f3f3f
}

.mk-dark .entry-content img {
	border-color: transparent
}

.mk-dark .entry-content code {
	color: inherit;
	background-color: #2d2d2d
}

.mk-dark #article-menu ul {
	border-color: #2d2d2d
}

.mk-dark #article-menu ul>li:not(.active)>a {
	color: #9e9e9e
}

.mk-dark .comment-content-text a:not([class]):not([data-fancybox]),.mk-dark .entry-content a:not([class]):not([data-fancybox]),.mk-dark .links,.mk-dark a:not(.btn) {
	color: inherit;
	border-color: inherit
}

.mk-dark .mk-checkbox {
	color: inherit
}

.mk-dark fieldset {
	border-color: #333
}

.mk-dark .social-main {
	border-color: #666
}

.mk-dark .comment-form-tools {
	border-color: inherit
}

.mk-dark .comment-list>li:after {
	background: #3d3d3d
}

.mk-dark .btn,.mk-dark .mk-alert,.mk-dark .mk-embed-card,.mk-dark .shuoshuo-content-inner,.mk-dark button,.mk-dark fieldset>legend {
	opacity: .8
}

.mk-dark .mk-alert img,.mk-dark .mk-embed-card img,.mk-dark .shuoshuo-content-inner img {
	-webkit-filter: none;
	filter: none
}

.mk-dark .shuoshuo-header .shuoshuo-info a,.mk-dark .shuoshuo-header .shuoshuo-info span {
	color: #6d6d6d
}

.mk-dark .home-links {
	background: #0f0f0f;
	border: none;
	border-radius: .3em
}

.mk-dark .home-links h3 {
	color: inherit
}

.mk-dark .home-links .friend-link:not(:hover) {
	color: #666
}

.mk-dark #site-footer,.mk-dark #site-footer a {
	color: #2f2f2f
}

.mk-dark .dp-highlighter {
	position: relative;
	border-color: #666;
	background: #191919
}

.mk-dark .dp-highlighter .columns div,.mk-dark .dp-highlighter ol li {
	border-color: #666
}

.mk-dark .dp-c .keyword,.mk-dark .dp-c .string {
	color: #acacac
}

.mk-dark .dp-highlighter ol li span {
	color: #8b8b8b
}

.mk-dark .corner-btn,.mk-dark a.corner-btn {
	background: #1a1a1a;
	box-shadow: none;
	border-color: #333
}

.mk-dark .theme-control-panel {
	background: #1a1a1a;
	box-shadow: none;
	border: .06em solid #333
}

.mk-dark .moon-icon {
	background: #1a1a1a;
	box-shadow: inset .5em -.5em 0 0 #999
}

.mk-dark .theme-control-panel hr {
	border-color: #333
}

/* highlight */
.dp-highlighter {
	background: #fff;
	border: 1px solid #e8e9e7;
	word-break: break-all;
	white-space: normal;
	overflow: auto;
	padding: 2px 5px;
	font-size: 13px
}

.dp-highlighter .bar {
	padding: 0
}

.dp-highlighter .collapsed .bar,.dp-highlighter .nogutter .bar {
	padding-left: 0
}

.dp-highlighter ol {
	margin: 0 0 1px -10px;
	padding: 2px;
	color: #666
}

.dp-highlighter.nogutter ol {
	list-style-type: none
}

.dp-highlighter ol li,.dp-highlighter .columns div {
	border-left: 1px solid #e8e9e7;
	padding-left: 10px;
	line-height: 2em;
	list-style-position: outside;
	white-space: nowrap;
	margin: 0 0 0 35px
}

.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div {
	border: 0;
	margin: 0
}

.dp-highlighter .columns {
	color: gray;
	width: 100%
}

.dp-highlighter .columns div {
	padding-bottom: 5px
}

.dp-highlighter ol li span {
	color: Black
}

.dp-highlighter .collapsed ol {
	margin: 0
}

.dp-highlighter .collapsed ol li {
	display: none
}

.dp-highlighter .printing {
	border: 0
}

.dp-highlighter .printing .tools {
	display: none!important
}

.dp-highlighter .printing li {
	display: list-item!important
}

.dp-highlighter .tools {
	padding: 3px 8px 3px 15px;
	border-bottom: 1px solid #2b91af;
	color: silver
}

.dp-highlighter .collapsed .tools {
	border-bottom: 0
}

.dp-highlighter .tools a {
	font-size: 9pt;
	color: gray;
	text-decoration: none;
	margin-right: 10px
}

.dp-highlighter .tools a:hover {
	color: red;
	text-decoration: underline
}

.dp-about {
	background-color: #fff;
	margin: 0;
	padding: 0
}

.dp-about table {
	width: 100%;
	height: 100%
}

.dp-about td {
	padding: 10px;
	vertical-align: top
}

.dp-about .copy {
	border-bottom: 1px solid #aca899;
	height: 95%
}

.dp-about .title {
	color: red;
	font-weight: bold
}

.dp-about .para {
	margin: 0 0 4px 0
}

.dp-about .footer {
	background-color: #eceadb;
	border-top: 1px solid #fff;
	text-align: right
}

.dp-about .close {
	background-color: #eceadb;
	width: 60px;
	height: 22px
}

.dp-c .comment {
	color: green
}

.dp-c .string {
	color: blue
}

.dp-c .preprocessor {
	color: gray
}

.dp-c .keyword {
	color: blue
}

.dp-c .vars {
	color: #d00
}

.dp-vb .comment {
	color: green
}

.dp-vb .string {
	color: blue
}

.dp-vb .preprocessor {
	color: gray
}

.dp-vb .keyword {
	color: blue
}

.dp-sql .comment {
	color: green
}

.dp-sql .string {
	color: red
}

.dp-sql .keyword {
	color: #7f0055
}

.dp-sql .func {
	color: #ff1493
}

.dp-sql .op {
	color: blue
}

.dp-xml .cdata {
	color: #ff1493
}

.dp-xml .comments {
	color: green
}

.dp-xml .tag {
	font-weight: bold;
	color: blue
}

.dp-xml .tag-name {
	color: #7f0055;
	font-weight: bold
}

.dp-xml .attribute {
	color: red
}

.dp-xml .attribute-value {
	color: blue
}

.dp-delphi .comment {
	color: #008200;
	font-style: italic
}

.dp-delphi .string {
	color: blue
}

.dp-delphi .number {
	color: blue
}

.dp-delphi .directive {
	color: #008284
}

.dp-delphi .keyword {
	font-weight: bold;
	color: navy
}

.dp-delphi .vars {
	color: #000
}

.dp-py .comment {
	color: green
}

.dp-py .string {
	color: red
}

.dp-py .docstring {
	color: green
}

.dp-py .keyword {
	color: blue;
	font-weight: bold
}

.dp-py .builtins {
	color: #ff1493
}

.dp-py .magicmethods {
	color: #808080
}

.dp-py .exceptions {
	color: brown
}

.dp-py .types {
	color: brown;
	font-style: italic
}

.dp-py .commonlibs {
	color: #8a2be2;
	font-style: italic
}

.dp-rb .comment {
	color: #c00
}

.dp-rb .string {
	color: #f0c
}

.dp-rb .symbol {
	color: #02b902
}

.dp-rb .keyword {
	color: #069
}

.dp-rb .variable {
	color: #6cf
}

.dp-css .comment {
	color: green
}

.dp-css .string {
	color: red
}

.dp-css .keyword {
	color: blue
}

.dp-css .colors {
	color: darkred
}

.dp-css .vars {
	color: #d00
}

.dp-j .comment {
	color: #3f7f5f
}

.dp-j .string {
	color: #2a00ff
}

.dp-j .keyword {
	color: #7f0055;
	font-weight: bold
}

.dp-j .annotation {
	color: #646464
}

.dp-j .number {
	color: #c00000
}

.dp-cpp .comment {
	color: #e00
}

.dp-cpp .string {
	color: red
}

.dp-cpp .preprocessor {
	color: #cd00cd;
	font-weight: bold
}

.dp-cpp .keyword {
	color: #5697d9;
	font-weight: bold
}

.dp-cpp .datatypes {
	color: #2e8b57;
	font-weight: bold
}

.dp-perl .comment {
	color: green
}

.dp-perl .string {
	color: red
}

.dp-perl .keyword {
	color: #7f0055
}

.dp-perl .func {
	color: #ff1493
}

.dp-perl .declarations {
	color: blue
}

.dp-css .vars {
	color: #d00
}

.dp-g .comment {
	color: #3f7f5f
}

.dp-g .string {
	color: #2a00ff
}

.dp-g .keyword {
	color: #7f0055;
	font-weight: bold
}

.dp-g .type {
	color: #007f00;
	font-weight: bold
}

.dp-g .modifier {
	color: #640064;
	font-weight: bold
}

.dp-g .constant {
	color: #f00;
	font-weight: bold
}

.dp-g .method {
	color: #ff6000;
	font-weight: bold
}

.dp-g .number {
	color: #c00000
}

.dp-html .cdata {
	color: #ff1493
}

.dp-html .comments {
	color: #236e25
}

.dp-html .tag {
	color: #bcacba
}

.dp-html .tag-name {
	color: #881280
}

.dp-html .attribute {
	color: #ab652d
}

.dp-html .attribute-value {
	color: #1a1aa6
}

.comment-list .dp-highlighter {
	background: #fff;
	margin-top: 5px;
	border: 1px solid #e8e9e7
}

.comment-list .dp-highlighter li {
	margin: 0;
	padding: 0 5px;
	border: 0
}

.comment-list .dp-highlighter ol {
	margin: 0
}

/* emoji */
.emoji_btn {
	position: absolute;
	display: inline-block;
	cursor: pointer;
	width: 25px;
	height: 25px
}

.emoji_container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.emoji_container {
	display: none;
	max-width: 544px;
	position: absolute;
	background-color: #fff;
	border: 1px solid #bfbfbf;
	box-shadow: 0 1px 3px rgba(0,0,0,0.176)
}

.emoji_container ul {
	list-style: none;
	padding-left: 0;
	margin: 0
}

.emoji_content {
	height: 277px;
	overflow-y: auto;
	padding: 5px
}

.emoji_content ul {
	padding-top: 1px;
	padding-left: 1px
}

.emoji_content ul li {
	width: 54px;
	height: 54px;
	float: left;
	border: 1px solid #e3e3e3;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: 0;
	margin-bottom: 0
}

.emoji_content ul li a {
	display: block;
	line-height: 54px;
	text-align: center;
	cursor: pointer
}

.emoji_content ul li a img {
	vertical-align: middle;
	max-width: 52px;
	max-height: 52px
}

.emoji_content .mCSB_scrollTools {
	width: 10px
}

.emoji_content .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.emoji_content .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	margin: 5px 0
}

.emoji_tab {
	background-color: #f7f7f7;
	border-top: 1px solid #e3e3e3;
	color: #666;
	height: 32px;
	position: relative;
	width: 100%;
	overflow: hidden
}

.emoji_tab_prev {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px dashed;
	cursor: pointer;
	left: 8px;
	top: 12px;
	position: absolute;
	display: inline-block;
	height: 0;
	vertical-align: middle;
	width: 0
}

.emoji_tab_next {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed;
	cursor: pointer;
	right: 7px;
	top: 12px;
	position: absolute;
	display: inline-block;
	height: 0;
	vertical-align: middle;
	width: 0
}

.emoji_tab_list {
	left: 22px;
	right: 22px;
	overflow: hidden;
	position: absolute;
	top: 0
}

.emoji_tab_list ul {
	width: 1500px;
	transition: all .8s ease 0s
}

.emoji_tab_list ul li {
	border-top: 0 none;
	cursor: pointer;
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 5px 4px 0 0;
	font-size: 12px;
	border-radius: 3px;
	text-align: center;
	width: 68px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.emoji_tab_list ul li:hover {
	background: #e5e5e5
}

.emoji_tab_list ul li.selected {
	color: #fff;
	background: steelblue
}

.emoji_preview {
	position: absolute;
	top: 0;
	border: 1px solid #c8c8c8;
	border-radius: 50%;
	width: 65px;
	height: 65px;
	background: #fff;
	text-align: center;
	line-height: 65px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.176);
	z-index: 2;
	display: none
}

.emoji_preview img {
	vertical-align: middle;
	max-width: 42px;
	max-height: 42px
}

.emoji_tab_next,.emoji_tab_prev {
	display: none
}

.emoji_tab_list {
	left: 8px
}

.emoji_tab_list ul li {
	width: auto;
	padding: 0 15px;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}

.emoji_content ul li {
	display: inline-block;
	float: none
}

.emoji_content ul li a img {
	max-height: 35px
}

.emoji_container {
	margin-right: 10px;
	max-width: 520px
}

.emoji_preview {
	pointer-events: none
}