@font-face {
	font-family:'iconfont-archer';
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")
}
.iconfont-archer {
	font-family:'iconfont-archer' !important;
	font-size:1rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:bold
}
dfn {
	font-style:italic
}
h1 {
	font-size:2em;
	margin:0.67em 0
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type='checkbox'],input[type='radio'] {
	box-sizing:border-box;
	padding:0
}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {
	height:auto
}
input[type='searcher'] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type='searcher']::-webkit-searcher-cancel-button,input[type='searcher']::-webkit-searcher-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:bold
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td,th {
	padding:0
}
html {
	font-size:16px;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
	overflow-x:hidden
}
* {
	font-family:inherit
}
body {
	z-index:100;
	position:relative;
	background-color:#fff;
	overflow-x:hidden
}
.wrapper {
	z-index:1;
	display:flex;
	flex-direction:column;
	width:100%;
	min-height:100vh;
	transition:all 0.3s ease-in 0s;
	transform:translate3d(0,0,0);
	position:relative;
	box-shadow:-3px 0 2px 0 rgba(0,0,0,0.6)
}
.wrapper-sidebar-active {
	transform:translate3d(400px,0,0)
}
.main {
	order:1;
	background-color:#fff;
	width:50%;
	min-width:42.8125rem;
	flex-grow:0;
	padding:0 0 0 0;
	margin-left:3rem
}
.container {
	display:flex;
	padding:3rem 0 0 0;
	position:relative;
	top:0;
	left:0;
	align-items:flex-start;
	justify-content:center;
	width:100%;
	overflow:hidden;
	transition:all 0.5s ease-out 0s;
	opacity:0.9;
	transform:translate3d(0,0,0)
}
.container-unloaded {
	opacity:0;
	transform:translate3d(0,1rem,0)
}
a {
	text-decoration:none
}
ul,li {
	list-style-type:none
}
.back-top {
	position:fixed;
	display:block;
	left:1rem;
	bottom:1rem;
	z-index:10;
	opacity:0;
	width:1.5rem;
	height:1.5rem;
	text-align:center;
	line-height:1.5rem;
	border:2px solid #000;
	background-color:rgba(255,255,255,0.8);
	cursor:pointer
}
.back-top:hover {
	background-color:#000;
	color:#fff
}
.back-top-show {
	opacity:1;
	pointer-events:initial
}
::selection {
	background:#f75357;
	color:#eee
}
::-moz-selection {
	background:#f75357;
	color:#eee
}
::-webkit-selection {
	background:#f75357;
	color:#eee
}
.fancy-link {
	padding:0 !important;
	margin:0 !important
}
.site-intro-img {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	height:calc(100% + 1px);
	width:100%;
	filter:brightness(0.5);
	-webkit-filter:brightness(0.5);
	-moz-filter:brightness(0.5);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:transparent
}
.site-intro-meta {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.intro-title,.intro-subtitle {
	font-family:"Oswald-Regular";
	color:#fff;
	margin:0;
	opacity:0;
	transition:all 0.5s ease-out 0s;
	transform:translate(0,-1rem)
}
.intro-title {
	font-size:4rem
}
.intro-subtitle {
	font-size:2rem;
	transition-delay:0.5s
}
.intro-fade-in {
	opacity:1;
	transform:translate(0,0)
}
.header {
	position:fixed;
	top:0;
	width:100%;
	height:3.5rem;
	overflow:hidden;
	z-index:10;
	transform:translate3d(0,0,0);
	transition:transform 0.3s ease-in 0s
}
.header-sidebar-active {
	transform:translate3d(400px,0,0)
}
.read-progress {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:3px;
	background-color:rgba(0,0,0,0.7);
	transition:transform 0.1s ease-out 0s;
	transform:translate3d(-100%,0,0);
	z-index:99999
}
.banner {
	position:relative;
	width:100%;
	margin:0 auto;
	height:calc(100% - 1px);
	border-bottom:1px solid rgba(0,0,0,0.8);
	background-color:rgba(255,255,255,0.8);
	transform:translate3d(0,-100%,0);
	transition:transform 0.3s ease-out 0s
}
.banner-show {
	transform:translate3d(0,0,0)
}
.post-title {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:70%;
	margin-left:15%
}
.post-title a {
	white-space:nowrap;
	color:rgba(0,0,0,0.8);
	line-height:100%;
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	padding-bottom:0.2rem;
	text-align:center;
	font-size:1.5rem
}
.blog-title {
	display:flex;
	position:absolute;
	right:2.5rem;
	top:50%;
	transform:translate(0,-50%);
	justify-content:center;
	align-items:center;
	height:100%
}
.blog-title a {
	vertical-align:top;
	white-space:nowrap;
	color:#000;
	font:1rem/1rem "Oswald-Regular"
}
.blog-title a:hover {
	color:#f75357
}
.header-sidebar-menu {
	position:absolute;
	left:1rem;
	top:50%;
	border:2px solid #fff;
	width:1.5rem;
	height:1.5rem;
	transform:translate(0,-50%);
	font-family:'iconfont-archer';
	color:#fff;
	text-align:center;
	line-height:1.5rem;
	z-index:21;
	cursor:pointer
}
.header-sidebar-menu:hover {
	background-color:#fff;
	color:#000;
	transform:translate(0,-50%)
}
.header-sidebar-menu-black {
	color:#000;
	background-color:#fff;
	border-color:#000
}
.header-sidebar-menu-black:hover {
	background-color:#000;
	color:#fff
}

.pages_link{
	position:absolute;
	right: 2.5rem;
}

.pages_link li{
	float: right;
	list-style: none;
}

.pages_link a{
	font-size: 20px;
	font-weight:bold;
	transform: translate(0, -50%);
	font-family: "Oswald-Regular";
	color: #fff;
	cursor: pointer;
	padding-right: 10px;
	padding-left: 10px;
}

.pages_link a:hover{
	color: #f75357
}

/*.home-link {
	position:absolute;
	right:2.5rem;
	top:50%;
	transform:translate(0,-50%);
	font-family:"Oswald-Regular";
	color:#fff;
	cursor:pointer;
  	padding-right: 10px;
    padding-left: 10px;
}
.home-link:hover {
	color:#f75357
}*/
.home-link-hide {
	display:none
}
.profile {
	background-color:#fff;
	order:0;
	vertical-align:top;
	flex-shrink:0;
	margin:4px 0 0 0;
	width:200px;
	font:1rem "Oswald-Regular";
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.5rem
}
.profile * {
	color:#777
}
.profile>*:last-child {
	border-bottom:none;
	padding-bottom:0
}
.profile-avatar {
	display:block;
	border-radius:1rem;
	width:100%;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.6)
}
.profile-name {
	font-size:2rem;
	line-height:3rem;
	padding:0.5rem 0 0 0;
	color:#333;
	text-align:center
}
.profile-signature {
	font-size:1rem;
	text-align:center
}
.profile-social {
	position:relative;
	width:100%;
	text-align:left;
	line-height:1.7rem;
	padding:0.5rem 0;
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.profile-social .iconfont-archer {
	position:relative
}
.profile-social .iconfont-archer {
	display:inline-block;
	text-align:center
}
.profile-social .iconfont-archer::before {
	display:inline-block;
	color:#777;
	font-size:1.5rem;
	margin:0 .4rem 0 0
}
.profile-social .iconfont-archer:last-of-child::before {
	margin:0
}
.profile-social .email {
	top:1.5px
}
.profile-social .email::before {
	content:'\e642'
}
.profile-social .email:hover::before {
	color:#0cb49d
}
.profile-social .github::before {
	font-size:1.6rem;
	content:'\e69f'
}
.profile-social .github:hover::before {
	color:#24292e
}
.profile-social .wechat {
	top:2px
}
.profile-social .wechat::before {
	font-size:1.4rem;
	content:'\ec7d'
}
.profile-social .wechat:hover::before {
	color:#42ae3c
}
.profile-social .qq {
	top:2px
}
.profile-social .qq::before {
	font-size:1.4rem;
	content:'\e61d'
}
.profile-social .qq:hover::before {
	color:#4f4e71
}
.profile-social .telegram {
	top:2px
}
.profile-social .telegram::before {
	font-size:1.3rem;
	content:'\e731'
}
.profile-social .telegram:hover::before {
	color:#36a1d3
}
.profile-social .weibo::before {
	font-size:1.6rem;
	content:'\e619'
}
.profile-social .weibo:hover::before {
	color:#d52a2a
}
.profile-social .zhihu {
	top:1.5px
}
.profile-social .zhihu::before {
	font-size:1.35rem;
	content:'\e61a'
}
.profile-social .zhihu:hover::before {
	color:#0f88eb
}
.profile-social .douban {
	top:1px
}
.profile-social .douban::before {
	font-size:1.25rem;
	content:'\e605'
}
.profile-social .douban:hover::before {
	color:#007711
}
.profile-social .facebook {
	top:2px
}
.profile-social .facebook::before {
	font-size:1.5rem;
	content:'\e67a'
}
.profile-social .facebook:hover::before {
	color:#3b5998
}
.profile-social .twitter::before {
	content:'\e634'
}
.profile-social .twitter:hover::before {
	color:#1da1f2
}
.profile-social .instagram {
	top:1px
}
.profile-social .instagram::before {
	content:'\e79d';
	font-size:1.4rem
}
.profile-social .instagram:hover::before {
	color:#8042b6
}
.profile-social .stack-overflow::before {
	font-size:1.15rem;
	content:'\e80b'
}
.profile-social .stack-overflow:hover::before {
	color:#f37f23
}
.profile-social .segmentFault {
	top:1.5px
}
.profile-social .segmentFault::before {
	font-size:1.5rem;
	content:'\e60c'
}
.profile-social .segmentFault:hover::before {
	color:#f37f23
}
.profile-social .juejin::before {
	font-size:1.35rem;
	content:'\e60b'
}
.profile-social .juejin:hover::before {
	color:#f37f23
}
.profile-social .v2ex::before {
	font-size:1.1rem;
	content:'\e663'
}
.profile-social .v2ex:hover::before {
	color:#171718
}
.profile-social .bilibili {
	top:2px
}
.profile-social .bilibili::before {
	font-size:1.75rem;
	content:'\e64e'
}
.profile-social .bilibili:hover::before {
	color:#2cb2f9
}
.profile-social .linkedin {
	top:-.5px
}
.profile-social .linkedin::before {
	font-size:1.25rem;
	content:'\e695'
}
.profile-social .linkedin:hover::before {
	color:#0077b5
}
.profile-social .steam {
	top:-.5px
}
.profile-social .steam::before {
	font-size:1.25rem;
	content:'\f23b'
}
.profile-social .steam:hover::before {
	color:#010101
}
.profile-social .others {
	top:-.5px
}
.profile-social .others::before {
	font-size:1.1rem;
	content:'\e64a'
}
.profile-social .others:hover::before {
	color:#8090b0
}
.profile-social .rss::before {
	font-size:1.05rem;
	content:'\e652'
}
.profile-social .rss:hover::before {
	color:#e53935
}
.wechat,.qq {
	cursor:pointer
}
.wechat:hover .profile-qr,.qq:hover .profile-qr {
	opacity:1;
	visibility:visible
}
.profile-qr {
	visibility:hidden;
	position:absolute;
	left:0;
	bottom:2.5rem;
	border:3px solid #fff;
	border-radius:3px;
	z-index:99;
	background-color:#fff;
	width:7rem;
	opacity:0;
	transition:all 0.1s ease-in 0s
}
.friends {
	padding:0.5rem 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
	text-align:left
}
.friends div {
	font-size:1.2rem;
	text-align:left;
	font-weight:bold;
    color: #f75357;
}
.friends a {
	margin-right:0.6rem
}
.about-me {
	padding:0.5rem 0;
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.about-me a {
	font-size:1.2rem;
	font-weight:bold;
  	color: #f75357;
}
.footer {
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:2.5rem 0 1.5rem 0;
	background-color:#fff;
	z-index: 2;
}
.social {
	text-align:center;
	vertical-align:text-bottom
}
.social .iconfont-archer {
	position:relative
}
.social .iconfont-archer {
	display:inline-block;
	text-align:center
}
.social .iconfont-archer::before {
	display:inline-block;
	color:#777;
	font-size:2.4rem;
	margin:0 .5rem 0 0
}
.social .iconfont-archer:last-of-child::before {
	margin:0
}
.social .email {
	top:2.4px
}
.social .email::before {
	content:'\e642'
}
.social .email:hover::before {
	color:#0cb49d
}
.social .github::before {
	font-size:2.56rem;
	content:'\e69f'
}
.social .github:hover::before {
	color:#24292e
}
.social .wechat {
	top:3.2px
}
.social .wechat::before {
	font-size:2.24rem;
	content:'\ec7d'
}
.social .wechat:hover::before {
	color:#42ae3c
}
.social .qq {
	top:3.2px
}
.social .qq::before {
	font-size:2.24rem;
	content:'\e61d'
}
.social .qq:hover::before {
	color:#4f4e71
}
.social .telegram {
	top:3.2px
}
.social .telegram::before {
	font-size:2.08rem;
	content:'\e731'
}
.social .telegram:hover::before {
	color:#36a1d3
}
.social .weibo::before {
	font-size:2.56rem;
	content:'\e619'
}
.social .weibo:hover::before {
	color:#d52a2a
}
.social .zhihu {
	top:2.4px
}
.social .zhihu::before {
	font-size:2.16rem;
	content:'\e61a'
}
.social .zhihu:hover::before {
	color:#0f88eb
}
.social .douban {
	top:1.6px
}
.social .douban::before {
	font-size:2rem;
	content:'\e605'
}
.social .douban:hover::before {
	color:#007711
}
.social .facebook {
	top:3.2px
}
.social .facebook::before {
	font-size:2.4rem;
	content:'\e67a'
}
.social .facebook:hover::before {
	color:#3b5998
}
.social .twitter::before {
	content:'\e634'
}
.social .twitter:hover::before {
	color:#1da1f2
}
.social .instagram {
	top:1.6px
}
.social .instagram::before {
	content:'\e79d';
	font-size:2.24rem
}
.social .instagram:hover::before {
	color:#8042b6
}
.social .stack-overflow::before {
	font-size:1.84rem;
	content:'\e80b'
}
.social .stack-overflow:hover::before {
	color:#f37f23
}
.social .segmentFault {
	top:2.4px
}
.social .segmentFault::before {
	font-size:2.4rem;
	content:'\e60c'
}
.social .segmentFault:hover::before {
	color:#f37f23
}
.social .juejin::before {
	font-size:2.16rem;
	content:'\e60b'
}
.social .juejin:hover::before {
	color:#f37f23
}
.social .v2ex::before {
	font-size:1.76rem;
	content:'\e663'
}
.social .v2ex:hover::before {
	color:#171718
}
.social .bilibili {
	top:3.2px
}
.social .bilibili::before {
	font-size:2.8rem;
	content:'\e64e'
}
.social .bilibili:hover::before {
	color:#2cb2f9
}
.social .linkedin {
	top:-.8px
}
.social .linkedin::before {
	font-size:2rem;
	content:'\e695'
}
.social .linkedin:hover::before {
	color:#0077b5
}
.social .steam {
	top:-.8px
}
.social .steam::before {
	font-size:2rem;
	content:'\f23b'
}
.social .steam:hover::before {
	color:#010101
}
.social .others {
	top:-.8px
}
.social .others::before {
	font-size:1.76rem;
	content:'\e64a'
}
.social .others:hover::before {
	color:#8090b0
}
.social .rss::before {
	font-size:1.68rem;
	content:'\e652'
}
.social .rss:hover::before {
	color:#e53935
}
.copyright {
	font-family:"Oswald-Regular";
	margin:0.5rem auto;
	text-align:center;
	color:#777
}
.copyright a {
	color:#f75357
}
.power {
	position:relative;
	vertical-align:baseline;
	font-size:1rem;
	padding:0 0.2rem
}
.busuanzi-container {
	text-align:center
}
#busuanzi_container_site_pv,#busuanzi_container_site_uv {
	display:block;
	text-align:center;
	font:0.6rem "Oswald-Regular";
	color:#777
}
.page-nav {
	padding:1rem 0 0.5rem 0;
	display:flex;
	justify-content:center
}
.page-nav>* {
	font:1.4rem "Oswald-Regular";
	color:#252525;
	vertical-align:middle;
	margin-right:0.5rem;
	text-align:center
}
.page-nav a {
	position:relative;
	color:#ccc;
	overflow:visible
}
.page-nav a::after {
	content:'';
	position:absolute;
	left:calc((100% - 98%) / 2);
	bottom:-15%;
	transition:all 0.15s ease-in;
	width:98%;
	height:2px;
	transform:translate(0,0);
	background-color:#ccc;
	opacity:0
}
.page-nav a:hover::after {
	transform:translate(0,-2px);
	opacity:1
}
@font-face {
	font-family:'iconfont-archer';
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")
}
.iconfont-archer {
	font-family:'iconfont-archer' !important;
	font-size:1rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.popup {
	display:none;
	position:fixed;
	top:10%;
	left:50%;
	width:700px;
	height:80%;
	margin-left:-350px;
	padding:3px 0 0 10px;
	background:#fff;
	color:#333;
	z-index:9999;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	border-radius:5px
}
@media (max-width:767px) {
	.popup {
	padding:3px;
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:100%;
	border-radius:0px
}
}.popoverlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:2080;
	background-color:rgba(0,0,0,0.3)
}
.popup-btn-close {
	position:absolute;
	top:6px;
	right:14px;
	color:#f75357;
	cursor:pointer
}
.popup-btn-close .iconfont-archer {
	font-size:20px
}
.algolia-popup {
	overflow:hidden;
	padding:0
}
.algolia-popup .popup-btn-close {
	padding-left:15px;
	border-left:1px solid #eee;
	top:10px
}
.algolia-popup .popup-btn-close .fa {
	color:#999;
	font-size:18px
}
.algolia-popup .popup-btn-close:hover .fa {
	color:#222
}
.algolia-search {
	padding:10px 15px 5px;
	max-height:50px;
	border-bottom:1px solid #ccc;
	background:#f5f5f5;
	border-top-left-radius:5px;
	border-top-right-radius:5px
}
.algolia-search-input-icon {
	display:inline-block;
	width:20px
}
.algolia-search-input-icon .fa {
	font-size:18px
}
.algolia-search-input {
	display:inline-block;
	width:calc(90% - 20px)
}
.algolia-search-input input {
	padding:5px 0;
	width:100%;
	outline:none;
	border:none;
	background:transparent
}
.algolia-powered {
	float:right
}
.algolia-powered img {
	display:inline-block;
	height:18px;
	vertical-align:middle
}
.algolia-results {
	position:relative;
	overflow:auto;
	padding:10px 30px;
	height:calc(100% - 50px)
}
.algolia-results hr {
	margin:10px 0
}
.algolia-results .highlight {
	font-style:normal;
	margin:0;
	padding:0 2px;
	font-size:inherit;
	color:#f00
}
.algolia-hits {
	margin-top:20px
}
.algolia-hit-item {
	margin:15px 0
}
.algolia-hit-item-link {
	color:#555;
	padding:0 0 2px 0;
	display:block;
	border-bottom:1px dashed #ccc;
	transition-duration:0.2s;
	transition-timing-function:ease-in-out;
	transition-delay:0s
}
.algolia-hit-item-link em {
	font-style:normal;
	color:#f75357
}
.ais-search-box--reset-wrapper,.ais-search-box--magnifier-wrapper {
	display:none !important
}
.ais-pagination {
	display:flex;
	justify-content:center;
	padding:0;
	margin:40px 0 0 0;
	border-top:none
}
.ais-pagination--item {
	display:inline-block;
	margin:0 5px
}
.ais-pagination--item a {
	color:#f75357
}
.ais-pagination--item__active a {
	pointer-events:none;
	cursor:auto;
	color:#222
}
.ais-pagination--item__page {
	border-top:none
}
.ais-pagination--item__page:hover {
	border-bottom:1px solid #222
}
.algolia-pagination .disabled-item {
	visibility:hidden
}
html::-webkit-scrollbar,.sidebar-panel-archives::-webkit-scrollbar,.sidebar-tags-list::-webkit-scrollbar,.sidebar-categories-list::-webkit-scrollbar,.highlight::-webkit-scrollbar {
	background-color:rgba(0,0,0,0.5);
	width:5px
}
html::-webkit-scrollbar-corner,.sidebar-panel-archives::-webkit-scrollbar-corner,.sidebar-tags-list::-webkit-scrollbar-corner,.sidebar-categories-list::-webkit-scrollbar-corner,.highlight::-webkit-scrollbar-corner {
	display:none
}
html::-webkit-scrollbar-button,.sidebar-panel-archives::-webkit-scrollbar-button,.sidebar-tags-list::-webkit-scrollbar-button,.sidebar-categories-list::-webkit-scrollbar-button,.highlight::-webkit-scrollbar-button {
	display:none
}
html::-webkit-scrollbar-button:start:increment,html::-webkit-scrollbar-button:end:decrement,.sidebar-panel-archives::-webkit-scrollbar-button:start:increment,.sidebar-panel-archives::-webkit-scrollbar-button:end:decrement,.sidebar-tags-list::-webkit-scrollbar-button:start:increment,.sidebar-tags-list::-webkit-scrollbar-button:end:decrement,.sidebar-categories-list::-webkit-scrollbar-button:start:increment,.sidebar-categories-list::-webkit-scrollbar-button:end:decrement,.highlight::-webkit-scrollbar-button:start:increment,.highlight::-webkit-scrollbar-button:end:decrement {
	display:none
}
html::-webkit-scrollbar-thumb,.sidebar-panel-archives::-webkit-scrollbar-thumb,.sidebar-tags-list::-webkit-scrollbar-thumb,.sidebar-categories-list::-webkit-scrollbar-thumb,.highlight::-webkit-scrollbar-thumb {
	border-radius:8px;
	background-color:rgba(0,0,0,0.2)
}
html::-webkit-scrollbar-track,html::-webkit-scrollbar-thumb,.sidebar-panel-archives::-webkit-scrollbar-track,.sidebar-panel-archives::-webkit-scrollbar-thumb,.sidebar-tags-list::-webkit-scrollbar-track,.sidebar-tags-list::-webkit-scrollbar-thumb,.sidebar-categories-list::-webkit-scrollbar-track,.sidebar-categories-list::-webkit-scrollbar-thumb,.highlight::-webkit-scrollbar-track,.highlight::-webkit-scrollbar-thumb {
	border:none
}
html::-webkit-scrollbar-thumb,.sidebar-panel-archives::-webkit-scrollbar-thumb,.sidebar-tags-list::-webkit-scrollbar-thumb,.sidebar-categories-list::-webkit-scrollbar-thumb,.highlight::-webkit-scrollbar-thumb {
	background-color:rgba(255,255,255,0.2);
	border-radius:0px
}
html::-webkit-scrollbar-track:hover,.sidebar-panel-archives::-webkit-scrollbar-track:hover,.sidebar-tags-list::-webkit-scrollbar-track:hover,.sidebar-categories-list::-webkit-scrollbar-track:hover,.highlight::-webkit-scrollbar-track:hover {
	background-color:rgba(0,0,0,0.1)
}
.sidebar-archive::-webkit-scrollbar-thumb,.sidebar-tags-list::-webkit-scrollbar-thumb,.sidebar-categories-list::-webkit-scrollbar-thumb {
	border-radius:8px;
	background-color:rgba(255,255,255,0.7)
}
.sidebar-archive::-webkit-scrollbar-thumb,.sidebar-tags-list::-webkit-scrollbar-thumb,.sidebar-categories-list::-webkit-scrollbar-thumb {
	background-color:rgba(255,255,255,0.7);
	border-radius:0px
}
.sidebar-archive::-webkit-scrollbar-track:hover,.sidebar-tags-list::-webkit-scrollbar-track:hover,.sidebar-categories-list::-webkit-scrollbar-track:hover {
	background-color:rgba(255,255,255,0.7)
}
.highlight::-webkit-scrollbar {
	height:5px
}
.highlight::-webkit-scrollbar-thumb {
	border-radius:8px;
	background-color:rgba(255,255,255,0.3)
}
.highlight::-webkit-scrollbar-thumb {
	background-color:rgba(255,255,255,0.3);
	border-radius:0px
}
.highlight::-webkit-scrollbar-track:hover {
	background-color:rgba(255,255,255,0.3)
}
@font-face {
	font-family:'iconfont-archer';
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")
}
.iconfont-archer {
	font-family:'iconfont-archer' !important;
	font-size:1rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.abstract-content pre,.abstract-content .highlight,.article-entry pre,.article-entry .highlight {
	margin:0.8rem 0;
	padding:0.7rem 0.7rem;
	overflow:auto;
	font-size:0.9rem;
	line-height:1.3rem
}
.abstract-content .highlight .gutter pre,.abstract-content .highlight .gutter pre .line,.abstract-content .gist .gist-file .gist-data .line-numbers,.article-entry .highlight .gutter pre,.article-entry .highlight .gutter pre .line,.article-entry .gist .gist-file .gist-data .line-numbers {
	color:#666
}
.abstract-content pre,.abstract-content code,.article-entry pre,.article-entry code {
	font-family:'Source Code Pro',Consolas,Menlo,Monaco,'Courier New',monospace;
	font-weight:400
}
.abstract-content code,.article-entry code {
	background:#eee;
	padding:1px 0.4rem;
	border-radius:2px;
	margin:0 0.2rem;
	border:none
}
.abstract-content pre code,.article-entry pre code {
	background:none;
	text-shadow:none;
	padding:0;
	color:#657b83
}
.abstract-content .highlight,.article-entry .highlight {
	border-radius:4px
}
.abstract-content .highlight pre,.article-entry .highlight pre {
	border:none;
	margin:0;
	padding:0
}
.abstract-content .highlight table,.article-entry .highlight table {
	margin:0;
	width:auto
}
.abstract-content .highlight td,.article-entry .highlight td {
	border:none;
	padding:0
}
.abstract-content .highlight figcaption,.article-entry .highlight figcaption {
	color:highlight-comment;
	line-height:1em;
	margin-bottom:1em
}
.abstract-content .highlight figcaption:before,.abstract-content .highlight figcaption:after,.article-entry .highlight figcaption:before,.article-entry .highlight figcaption:after {
	content:'';
	display:table
}
.abstract-content .highlight figcaption:after,.article-entry .highlight figcaption:after {
	clear:both
}
.abstract-content .highlight figcaption a,.article-entry .highlight figcaption a {
	float:right
}
.abstract-content .highlight .gutter pre,.article-entry .highlight .gutter pre {
	text-align:right;
	padding-right:20px
}
.abstract-content .highlight .gutter pre .line,.article-entry .highlight .gutter pre .line {
	text-shadow:none
}
.abstract-content .highlight .line,.article-entry .highlight .line {
	min-height:19px
}
.abstract-content .highlight,.abstract-content pre,.article-entry .highlight,.article-entry pre {
	color:#abb2bf;
	background:#282c34
}
.abstract-content .highlight pre .comment,.abstract-content .highlight pre .quote,.article-entry .highlight pre .comment,.article-entry .highlight pre .quote {
	color:#5c6370;
	font-style:italic
}
.abstract-content .highlight pre .doctag,.abstract-content .highlight pre .keyword,.abstract-content .highlight pre .formula,.article-entry .highlight pre .doctag,.article-entry .highlight pre .keyword,.article-entry .highlight pre .formula {
	color:#c678dd
}
.abstract-content .highlight pre .section,.abstract-content .highlight pre .name,.abstract-content .highlight pre .selector-tag,.abstract-content .highlight pre .deletion,.abstract-content .highlight pre .subst,.article-entry .highlight pre .section,.article-entry .highlight pre .name,.article-entry .highlight pre .selector-tag,.article-entry .highlight pre .deletion,.article-entry .highlight pre .subst {
	color:#e06c75
}
.abstract-content .highlight pre .literal,.article-entry .highlight pre .literal {
	color:#56b6c2
}
.abstract-content .highlight pre .string,.abstract-content .highlight pre .regexp,.abstract-content .highlight pre .addition,.abstract-content .highlight pre .attribute,.abstract-content .highlight pre .meta-string,.article-entry .highlight pre .string,.article-entry .highlight pre .regexp,.article-entry .highlight pre .addition,.article-entry .highlight pre .attribute,.article-entry .highlight pre .meta-string {
	color:#98c379
}
.abstract-content .highlight pre .built_in,.abstract-content .highlight pre .class pre .title,.article-entry .highlight pre .built_in,.article-entry .highlight pre .class pre .title {
	color:#e6c07b
}
.abstract-content .highlight pre .attr,.abstract-content .highlight pre .variable,.abstract-content .highlight pre .template-variable,.abstract-content .highlight pre .type,.abstract-content .highlight pre .selector-class,.abstract-content .highlight pre .selector-attr,.abstract-content .highlight pre .selector-pseudo,.abstract-content .highlight pre .number,.article-entry .highlight pre .attr,.article-entry .highlight pre .variable,.article-entry .highlight pre .template-variable,.article-entry .highlight pre .type,.article-entry .highlight pre .selector-class,.article-entry .highlight pre .selector-attr,.article-entry .highlight pre .selector-pseudo,.article-entry .highlight pre .number {
	color:#d19a66
}
.abstract-content .highlight pre .symbol,.abstract-content .highlight pre .bullet,.abstract-content .highlight pre .link,.abstract-content .highlight pre .meta,.abstract-content .highlight pre .selector-id,.abstract-content .highlight pre .title,.article-entry .highlight pre .symbol,.article-entry .highlight pre .bullet,.article-entry .highlight pre .link,.article-entry .highlight pre .meta,.article-entry .highlight pre .selector-id,.article-entry .highlight pre .title {
	color:#61aeee
}
.abstract-content .highlight pre .emphasis,.article-entry .highlight pre .emphasis {
	font-style:italic
}
.abstract-content .highlight pre .strong,.article-entry .highlight pre .strong {
	font-weight:bold
}
.abstract-content .highlight pre .link,.article-entry .highlight pre .link {
	text-decoration:underline
}
.abstract-content .gist,.article-entry .gist {
	margin:0 -20px;
	border-style:solid;
	border-color:#ddd;
	border-width:1px 0;
	background:#272822;
	padding:15px 20px 15px 0
}
.abstract-content .gist .gist-file,.article-entry .gist .gist-file {
	border:none;
	font-family:'Source Code Pro',Consolas,Monaco,Menlo,Consolas,monospace;
	margin:0
}
.abstract-content .gist .gist-file .gist-data,.article-entry .gist .gist-file .gist-data {
	background:none;
	border:none
}
.abstract-content .gist .gist-file .gist-data .line-numbers,.article-entry .gist .gist-file .gist-data .line-numbers {
	background:none;
	border:none;
	padding:0 20px 0 0
}
.abstract-content .gist .gist-file .gist-data .line-data,.article-entry .gist .gist-file .gist-data .line-data {
	padding:0 !important
}
.abstract-content .gist .gist-file .highlight,.article-entry .gist .gist-file .highlight {
	margin:0;
	padding:0;
	border:none
}
.abstract-content .gist .gist-file .gist-meta,.article-entry .gist .gist-file .gist-meta {
	background:#272822;
	color:highlight-comment;
	font:0.85em 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-shadow:0 0;
	padding:0;
	margin-top:1em;
	margin-left:20px
}
.abstract-content .gist .gist-file .gist-meta a,.article-entry .gist .gist-file .gist-meta a {
	color:#258fb8;
	font-weight:normal
}
.abstract-content .gist .gist-file .gist-meta a:hover,.article-entry .gist .gist-file .gist-meta a:hover {
	text-decoration:underline
}
@font-face {
	font-family:'iconfont-archer';
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")
}
.iconfont-archer {
	font-family:'iconfont-archer' !important;
	font-size:1rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.sidebar-panel-archives {
	padding:1rem
}
.sidebar-panel-archives ul {
	padding:0;
	margin:0
}
.ps__rail-x,.ps__rail-y {
	display:none !important
}
.post-archive {
	overflow-y:auto
}
.archive-post-item,.meta-post-item {
	vertical-align:middle;
	border-left:1px solid #bbb;
	margin-left:0.3rem;
	padding:0.1rem 0 0.1rem 0.5rem;
	box-sizing:border-box
}
.archive-post-item:hover,.meta-post-item:hover {
	border-left-color:#f75357
}
.archive-post-item:hover .archive-post-date,.meta-post-item:hover .archive-post-date,.archive-post-item:hover .meta-post-date,.meta-post-item:hover .meta-post-date,.archive-post-item:hover .archive-post-title,.meta-post-item:hover .archive-post-title,.archive-post-item:hover .meta-post-title,.meta-post-item:hover .meta-post-title {
	color:#f75357
}
.total-and-search {
	display:flex
}
.site-search {
	cursor:pointer
}
.site-search .search-icon {
	color:#f75357;
	line-height:1.9rem;
	font-size:1.5rem;
	position:relative;
	margin-left:0.5rem
}
.archive-year,.total-archive {
	font:1.2rem "Oswald-Regular";
	color:#f75357
}
.archive-year {
	font-size:1rem;
	margin-bottom:0.3rem
}
.archive-post-date,.meta-post-date {
	font:0.9rem/1rem "Oswald-Regular";
	color:#999
}
.archive-post-title,.meta-post-title {
	font-size:1rem;
	margin-left:0.8rem;
	text-align:left;
	color:#ccc
}
.sidebar-panel-tags,.sidebar-panel-categories {
	padding:1rem 1rem 5px 1rem;
	position:relative;
	display:flex;
	flex-direction:column
}
.sidebar-tags-name,.sidebar-categories-name {
	flex-grow:0;
	width:100%;
	padding:0 0 1rem 0
}
.sidebar-tag-name,.sidebar-category-name {
	display:inline-block;
	border:1px solid #fff;
	border-radius:5rem;
	padding:0.07rem 0.4rem 0.1rem 0.4rem;
	margin:0.2rem 0;
	white-space:nowrap;
	font-size:1rem;
	cursor:pointer;
	color:#fff
}
.sidebar-tag-name:hover,.sidebar-category-name:hover {
	border-color:#f75357;
	color:#f75357
}
.sidebar-tag-name .iconfont-archer,.sidebar-category-name .iconfont-archer {
	pointer-events:none;
	transform:translateY(-1rem);
	font-size:0.6rem;
	margin:0 0.3rem 0 0.1rem
}
.sidebar-category-name .iconfont-archer {
	font-size:16px
}
.sidebar-tags-empty,.sidebar-categories-empty {
	display:none
}
.sidebar-tags-empty-active,.sidebar-categories-empty-active {
	display:block;
	font-size:6rem !important;
	margin-top:7rem;
	user-select:none;
	text-align:center;
	color:#fff
}
.sidebar-label-focus {
	border-color:#f75357;
	color:#f75357
}
.sidebar-tags-list,.sidebar-categories-list {
	flex-grow:1;
	padding-right:1rem;
	overflow-y:auto
}
.sidebar {
	position:fixed;
	display:flex;
	flex-direction:column;
	left:0;
	top:0;
	z-index:0;
	height:100%;
	width:400px;
	transition:all 0.3s ease-in 0s;
	overflow-x:hidden;
	background-color:#222
}
.sidebar-hide {
	display:none
}
.sidebar-tabs {
	display:flex;
	position:relative;
	padding:0;
	margin:0;
	height:4rem;
	width:100%;
	z-index:1001;
	justify-content:space-around;
	align-items:flex-start;
	font-family:"Oswald-Regular";
	flex-grow:0;
	color:#eee;
	border-bottom:2px solid #666
}
.sidebar-tabs::after {
	content:'';
	position:absolute;
	width:33.33%;
	height:2px;
	left:0;
	top:100%;
	background-color:#f75357;
	transform:translate3d(0,0,0);
	transition:transform 0.2s ease-out 0s
}
.sidebar-tab-archives,.sidebar-tab-tags,.sidebar-tab-categories {
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.3rem;
	width:33.333%;
	height:100%;
	cursor:pointer
}
.sidebar-tab-archives .iconfont-archer,.sidebar-tab-tags .iconfont-archer,.sidebar-tab-categories .iconfont-archer {
	pointer-events:none;
	margin:0 0.5rem 0 0rem;
	font-size:1.5rem
}
.tab-name {
	pointer-events:none;
	font-size:1.5rem;
	margin-left:0.2rem
}
.sidebar-tabs-active-0::after {
	transform:translate3d(0,0,0)
}
.sidebar-tabs-active-1::after {
	transform:translate3d(100%,0,0)
}
.sidebar-tabs-active-2::after {
	transform:translate3d(200%,0,0)
}
.sidebar-content {
	position:relative;
	display:flex;
	width:300%;
	height:calc(100% - 4rem);
	top:0;
	left:0;
	transition:transform 0.3s ease-out 0s;
	overflow-x:hidden;
	transform:translate3d(0,0,0)
}
.sidebar-panel-archives,.sidebar-panel-tags,.sidebar-panel-categories {
	overflow-x:hidden;
	overflow-y:auto;
	flex-shrink:0;
	width:calc(33.33% - 2rem);
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch
}
.sidebar-content-active-0 {
	transform:translate3d(0,0,0)
}
.sidebar-content-active-1 {
	transform:translate3d(-33.33%,0,0)
}
.sidebar-content-active-2 {
	transform:translate3d(-66.67%,0,0)
}
.index-post {
	position:relative;
	padding:1rem 0rem 1rem 0rem;
	border-bottom:1px dashed rgba(0,0,0,0.2);
	z-index:3
}
.index-post .abstract-content {
	color:#9c9c9c;
	font-size:1rem;
	line-height:1.6rem;
	font-weight:lighter;
	word-break:break-word
}
.index-post .abstract-content img {
	max-width:100%;
	box-shadow:none
}
.abstract-title {
	line-height:2.5rem;
	color:#787878;
	padding-bottom:0.5rem
}
.abstract-title span:last-of-type {
	transition:color 0.1s ease-in;
	font-size:1.7rem
}
.abstract-title span:last-of-type:hover {
	color:#f75357
}
.stick-top {
	font-size:1.3rem;
	margin-right:0.2rem
}
.abstract-post-meta {
	display:flex;
	justify-content:space-between;
	padding:0.5rem 0 0 0;
	font-family:"Oswald-Regular";
	color:#aaa;
	height:1.5rem
}
.post-tag {
	font-size:1rem;
	position:relative;
	color:#aaa;
	margin-left:0.4rem;
	font-weight:lighter
}
.post-tag::before {
	margin-right:2px;
	content:'#'
}
.post-tag::after {
	content:'';
	position:absolute;
	left:calc((100% - 98%) / 2);
	bottom:-15%;
	transition:all 0.15s ease-in;
	width:98%;
	height:2px;
	transform:translate(0,0);
	background-color:#aaa;
	opacity:0
}
.post-tag:hover::after {
	transform:translate(0,-2px);
	opacity:1
}
.abstract-calander {
	position:relative;
	top:-0.1rem;
	margin-right:0.3rem;
	font-size:1rem
}
@font-face {
	font-family:'iconfont-archer';
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot");
	src:url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.woff") format("woff"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.ttf") format("truetype"),url("//at.alicdn.com/t/font_327081_s1wbjxwfu9c.svg#iconfont-archer") format("svg")
}
.iconfont-archer {
	font-family:'iconfont-archer' !important;
	font-size:1rem;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.post-body main,.about-body main {
	margin:0
}
.anchorjs-archer {
	color:#f75357;
	border:none !important
}
.post-body .site-intro-meta,.about-body .site-intro-meta {
	width:50%;
	min-width:42.8125rem;
	margin:0 auto;
	align-items:flex-start
}
.post-body .intro-title,.about-body .intro-title {
	font:4rem/5.3rem "Oswald-Regular";
	color:#fff;
	margin:0
}
.post-intros {
	opacity:0;
	transition:all 0.5s ease-out 0.5s;
	transform:translate3d(0,-1rem,0)
}
.post-intro-tags {
	font:1.2rem "Oswald-Regular"
}
.post-intro-tags .post-tag {
	position:relative;
	margin-left:0;
	margin-right:0.5rem;
	font-size:1.2rem;
	color:#fff
}
.post-intro-tags .post-tag::after {
	content:'';
	position:absolute;
	left:calc((100% - 98%) / 2);
	bottom:-15%;
	transition:all 0.15s ease-in;
	width:98%;
	height:2px;
	transform:translate(0,0);
	background-color:#fff;
	opacity:0
}
.post-intro-tags .post-tag:hover::after {
	transform:translate(0,-2px);
	opacity:1
}
.post-intro-tags .post-tag::before {
	content:'#'
}
.post-intro-meta {
	margin-top:0.2rem;
	font:1.1rem "Oswald-Regular";
	color:#fff;
	display:flex;
	align-items:center
}
.post-intro-read {
	margin-top:0.2rem;
	font:0.9rem "Oswald-Regular";
	color:#fff;
	display:flex;
	align-items:center
}
.word-count {
	margin-right:1rem
}
.post-fade-in {
	opacity:1;
	transform:translate3d(0,0,0)
}
.post-intro-calander {
	font-size:0.9rem;
	margin-right:0.3rem
}
.post-intro-time {
	font-size:0.9rem;
	margin-right:0.5rem
}
.busuanzi-pv,.busuanzi-uv {
	font-size:0.9rem;
	margin-right:0.4rem
}
.shareWrapper {
	position:relative;
	font-size:0.9rem;
	padding:0 0.5rem 0 0
}
.shareWrapper:hover .shareList {
	visibility:visible;
	opacity:1
}
.shareIcon {
	font-size:0.9rem;
	cursor:pointer
}
.shareText {
	font-family:"Oswald-Regular";
	cursor:pointer
}
.shareList {
	position:absolute;
	visibility:hidden;
	margin:0;
	padding:0;
	left:100%;
	bottom:0;
	display:flex;
	opacity:0;
	transition:all 0.1s ease-in 0s
}
.shareList .iconfont-archer {
	display:inline-block;
	margin-right:3px;
	cursor:pointer
}
.shareList .iconfont-archer:hover {
	color:#aaa
}
.shareList [data-type='weibo'] {
	position:relative;
	top:-2px
}
.shareList [data-type='facebook'] {
	position:relative;
	top:1px
}
.share-qr {
	position:relative
}
.share-qrcode {
	position:absolute;
	left:0;
	bottom:1.5rem;
	visibility:hidden;
	opacity:0;
	transition:all 0.1s ease-in 0s
}
.share-qr:hover .share-qrcode {
	visibility:visible;
	opacity:1
}
.post-paginator {
	overflow:hidden;
	margin:0;
	list-style:none;
	padding:2.5rem 0 1rem 0;
	display:flex;
	justify-content:space-between
}
.post-paginator li {
	position:relative;
	max-width:13rem
}
.post-paginator .nextTitle,.post-paginator .prevTitle {
	font-size:1.2rem;
	color:#ccc
}
.post-paginator .nextTitle:hover,.post-paginator .prevTitle:hover {
	color:#f75357
}
.post-paginator .nextSlogan,.post-paginator .prevSlogan {
	font:bold 1.4rem "Oswald-Regular";
	color:#252525
}
.post-paginator .nextSlogan::before {
	content:'< ';
	font-size:1.7rem
}
.post-paginator .prevSlogan::after {
	content:' >';
	font-size:1.7rem
}
.abstract-content,.article-entry {
	position:relative;
	padding:1px 0;
	font-weight:lighter;
	font-weight:400;
	color:#23394d
}
.abstract-content ul,.abstract-content ul li,.article-entry ul,.article-entry ul li {
	list-style-type:initial
}
.abstract-content ol,.abstract-content ol li,.article-entry ol,.article-entry ol li {
	list-style-type:decimal-leading-zero
}
.abstract-content h1:first-child,.article-entry h1:first-child {
	margin-top:0
}
.abstract-content h2:first-child,.article-entry h2:first-child {
	margin-top:0
}
.abstract-content h3:first-child,.article-entry h3:first-child {
	margin-top:0
}
.abstract-content h4:first-child,.article-entry h4:first-child {
	margin-top:0
}
.abstract-content h5:first-child,.article-entry h5:first-child {
	margin-top:0
}
.abstract-content h6:first-child,.article-entry h6:first-child {
	margin-top:0
}
.abstract-content h5,.article-entry h5 {
	font-size:1rem;
	margin:1rem 0
}
.abstract-content h6,.article-entry h6 {
	font-size:0.8rem;
	margin:1rem 0
}
.abstract-content p,.article-entry p {
	line-height:1.625
}
.abstract-content em,.article-entry em {
	font-style:italic
}
.abstract-content img,.article-entry img {
	display:block;
	max-width:100%;
	margin:1rem auto 1rem;
	box-shadow:0 0 4px 2px rgba(0,0,0,0.2)
}
.abstract-content blockquote,.article-entry blockquote {
	margin:1.5em 0 1.5rem 0;
	padding:10px 20px;
	position:relative;
	background-color:#f6f6f6;
	border-left:3px solid #f75357
}
.abstract-content blockquote p,.article-entry blockquote p {
	margin:0
}
.abstract-content .table-container table,.abstract-content>table,.article-entry .table-container table,.article-entry>table {
	width:100%;
	border:1px solid #ddd;
	margin:1rem 0;
	border-collapse:collapse;
	box-shadow:2px 2px 2px rgba(0,0,0,0.125)
}
.abstract-content .table-container table tr,.abstract-content .table-container table td,.abstract-content>table tr,.abstract-content>table td,.article-entry .table-container table tr,.article-entry .table-container table td,.article-entry>table tr,.article-entry>table td {
	height:2rem
}
.abstract-content .table-container table thead tr,.abstract-content>table thead tr,.article-entry .table-container table thead tr,.article-entry>table thead tr {
	background:#f8f8f8
}
.abstract-content .table-container table tbody tr:hover,.abstract-content>table tbody tr:hover,.article-entry .table-container table tbody tr:hover,.article-entry>table tbody tr:hover {
	background:#efefef
}
.abstract-content .table-container table td,.abstract-content .table-container table th,.abstract-content>table td,.abstract-content>table th,.article-entry .table-container table td,.article-entry .table-container table th,.article-entry>table td,.article-entry>table th {
	border:1px solid #dedede;
	padding:0.2rem 1rem 0 1rem
}
.abstract-content a,.article-entry a {
	color:#f75357;
	padding:0 0 0 2px;
	word-break:break-all
}
.abstract-content a:hover,.article-entry a:hover {
	border-bottom:1px solid #f75357
}
.abstract-content a.fancybox,.article-entry a.fancybox {
	border:0
}
.license-wrapper {
	font-weight:300;
	line-height:1.5rem;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	color:#23394d
}
.license-wrapper p {
	margin:0.2rem 0
}
.license-wrapper a {
	color:#f75357
}
.toc-wrapper {
	display:block;
	position:absolute;
	top:50vh;
	width:22%;
	right:1%;
	overflow:hidden;
	max-width:calc((100% - 42.8125rem - 4rem) / 2);
	z-index:9999;
	margin:calc(3.5rem + 1rem) 0 0 0;
	transform:translate3d(0,0,0);
	transition:transform 0.3s ease-out 0s
}
.toc-wrapper .toc-active {
	color:#f75357
}
.toc-catalog {
	color:#bbb;
	cursor:pointer;
	user-select:none;
	font:bolder 1.2rem "Oswald-Regular"
}
.toc-catalog:hover {
	color:#f75357
}
.catalog-icon {
	position:relative;
	top:-0.1rem;
	margin-right:0.3rem
}
.toc,.toc-child {
	padding-left:0;
	margin:0 0 0 0
}
.toc-wrapper>* {
	transform:translate(0,0);
	transition:transform 0.3s ease-out,opacity 0.3s ease-out;
	opacity:1
}
.toc-wrapper ol {
	padding-left:1rem
}
.toc-wrapper .toc-number {
	font-weight:bold
}
.toc-wrapper a {
	color:#ddd
}
.toc-wrapper a:hover {
	color:#f75357 !important
}
.toc-hide-children>* {
	transform:translate(-100%,0);
	opacity:0
}
.toc-hide-children .toc-catalog {
	display:block;
	transform:none;
	opacity:1
}
.toc-fixed {
	position:fixed;
	top:0rem !important
}
.toc-slide {
	transform:translate3d(400px,0,0)
}
.toc-hide {
	display:none
}
.four-zero-four-body .loading {
	display:none !important
}
.four-zero-four-body .site-intro {
	height:100%
}
.four-zero-four-body .site-intro-meta {
	height:80%
}
.four-zero-four-body .wrapper {
	height:100vh;
	padding-bottom:0
}
.four-zero-four-body .container {
	padding:0
}
.four-zero-four-body .footer {
	width:100%;
	z-index:30;
	background-color:transparent;
	position:absolute;
	bottom:0
}
.four-zero-four-body .iconfont-archer::before {
	color:rgba(255,255,255,0.5)
}
.four-zero-four-body .copyright {
	color:#fff
}
/*新增抖动*/
.shaky {
  display: inline-block;
  padding: 1px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-name: shaky-slow;
  -ms-animation-name: shaky-slow;
  animation-name: shaky-slow;
  -webkit-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running;
}

.shaky img {
	box-shadow:none !important;
  	margin:0 !important;
}

@-webkit-keyframes shaky-slow {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg)
  }
  2% {
    -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg)
  }
  4% {
    -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg)
  }
  6% {
    -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg)
  }
  8% {
    -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg)
  }
  10% {
    -webkit-transform: translate(1.4px, 0px) rotate(-2deg)
  }
  12% {
    -webkit-transform: translate(-1.3px, -1px) rotate(-2deg)
  }
  14% {
    -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg)
  }
  16% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)
  }
  18% {
    -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg)
  }
  20% {
    -webkit-transform: translate(1px, 1px) rotate(-0.5deg)
  }
  22% {
    -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg)
  }
  24% {
    -webkit-transform: translate(-1.4px, -1px) rotate(2deg)
  }
  26% {
    -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg)
  }
  28% {
    -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg)
  }
  30% {
    -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg)
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(2deg)
  }
  34% {
    -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg)
  }
  36% {
    -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg)
  }
  38% {
    -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg)
  }
  40% {
    -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg)
  }
  42% {
    -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg)
  }
  44% {
    -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg)
  }
  46% {
    -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg)
  }
  48% {
    -webkit-transform: translate(1px, 1.6px) rotate(1.5deg)
  }
  50% {
    -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg)
  }
  52% {
    -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg)
  }
  54% {
    -webkit-transform: translate(1.6px, -1px) rotate(-2deg)
  }
  56% {
    -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg)
  }
  58% {
    -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg)
  }
  60% {
    -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg)
  }
  62% {
    -webkit-transform: translate(0px, 0px) rotate(-1.5deg)
  }
  64% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  66% {
    -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg)
  }
  68% {
    -webkit-transform: translate(0px, -1.6px) rotate(-2deg)
  }
  70% {
    -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg)
  }
  72% {
    -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
  }
  74% {
    -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg)
  }
  76% {
    -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg)
  }
  78% {
    -webkit-transform: translate(-1px, 1.4px) rotate(2deg)
  }
  80% {
    -webkit-transform: translate(1.4px, 1.6px) rotate(2deg)
  }
  82% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg)
  }
  84% {
    -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg)
  }
  86% {
    -webkit-transform: translate(1px, 1.4px) rotate(-2deg)
  }
  88% {
    -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg)
  }
  90% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  92% {
    -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
  }
  94% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  96% {
    -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg)
  }
  98% {
    -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg)
  }
}
@keyframes shaky-slow {
  0% {
    transform: translate(0px, 0px) rotate(0deg)
  }
  2% {
    transform: translate(-1px, 1.5px) rotate(1.5deg)
  }
  4% {
    transform: translate(1.3px, 0px) rotate(-0.5deg)
  }
  6% {
    transform: translate(1.4px, 1.4px) rotate(-2deg)
  }
  8% {
    transform: translate(-1.3px, -1px) rotate(-1.5deg)
  }
  10% {
    transform: translate(1.4px, 0px) rotate(-2deg)
  }
  12% {
    transform: translate(-1.3px, -1px) rotate(-2deg)
  }
  14% {
    transform: translate(1.5px, 1.3px) rotate(1.5deg)
  }
  16% {
    transform: translate(1.5px, -1.5px) rotate(-1.5deg)
  }
  18% {
    transform: translate(1.3px, -1.3px) rotate(-2deg)
  }
  20% {
    transform: translate(1px, 1px) rotate(-0.5deg)
  }
  22% {
    transform: translate(1.3px, 1.5px) rotate(-2deg)
  }
  24% {
    transform: translate(-1.4px, -1px) rotate(2deg)
  }
  26% {
    transform: translate(1.3px, -1.3px) rotate(0.5deg)
  }
  28% {
    transform: translate(1.6px, -1.6px) rotate(-1.5deg)
  }
  30% {
    transform: translate(-1.3px, -1.3px) rotate(-1.5deg)
  }
  32% {
    transform: translate(-1px, 0px) rotate(2deg)
  }
  34% {
    transform: translate(1.3px, 1.3px) rotate(-0.5deg)
  }
  36% {
    transform: translate(1.3px, 1.6px) rotate(1.5deg)
  }
  38% {
    transform: translate(1.3px, -1.6px) rotate(1.5deg)
  }
  40% {
    transform: translate(-1.4px, -1px) rotate(-0.5deg)
  }
  42% {
    transform: translate(-1.4px, 1.3px) rotate(-0.5deg)
  }
  44% {
    transform: translate(-1.6px, 1.4px) rotate(0.5deg)
  }
  46% {
    transform: translate(-2.1px, -1.3px) rotate(-0.5deg)
  }
  48% {
    transform: translate(1px, 1.6px) rotate(1.5deg)
  }
  50% {
    transform: translate(1.6px, 1.6px) rotate(1.5deg)
  }
  52% {
    transform: translate(-1.4px, 1.6px) rotate(0.5deg)
  }
  54% {
    transform: translate(1.6px, -1px) rotate(-2deg)
  }
  56% {
    transform: translate(1.3px, -1.6px) rotate(-2deg)
  }
  58% {
    transform: translate(-1.3px, -1.6px) rotate(0.5deg)
  }
  60% {
    transform: translate(1.3px, 1.6px) rotate(-0.5deg)
  }
  62% {
    transform: translate(0px, 0px) rotate(-1.5deg)
  }
  64% {
    transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  66% {
    transform: translate(1.6px, -1.6px) rotate(0.5deg)
  }
  68% {
    transform: translate(0px, -1.6px) rotate(-2deg)
  }
  70% {
    transform: translate(-1.6px, 1px) rotate(1.5deg)
  }
  72% {
    transform: translate(-1.6px, 1.6px) rotate(2deg)
  }
  74% {
    transform: translate(1.3px, -1.6px) rotate(-0.5deg)
  }
  76% {
    transform: translate(1.4px, 1px) rotate(-0.5deg)
  }
  78% {
    transform: translate(-1px, 1.4px) rotate(2deg)
  }
  80% {
    transform: translate(1.4px, 1.6px) rotate(2deg)
  }
  82% {
    transform: translate(-1.6px, -1.6px) rotate(-0.5deg)
  }
  84% {
    transform: translate(-1.4px, 1.4px) rotate(-2deg)
  }
  86% {
    transform: translate(1px, 1.4px) rotate(-2deg)
  }
  88% {
    transform: translate(-1.4px, 1.4px) rotate(-1.5deg)
  }
  90% {
    transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  92% {
    transform: translate(-1.4px, 1.6px) rotate(2deg)
  }
  94% {
    transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  96% {
    transform: translate(-1.4px, 1.3px) rotate(-2deg)
  }
  98% {
    transform: translate(1.3px, 1px) rotate(-0.5deg)
  }
}

#chakhsu
{
	color: #fff;
    font-size: 2rem;
}


/*   shuo  */
body.theme-dark .cbp_tmtimeline::before {
background: RGBA(255, 255, 255, 0.06);
}
ul.cbp_tmtimeline {
padding:0;
}   
div class.cdp_tmlabel > li .cbp_tmlabel {
margin-bottom:0;
} 
.cbp_tmtimeline {
margin: 30px 0 0 0;
padding: 0;
list-style: none;
position: relative;
}
.cbp_tmtimeline li{
 	list-style-type: none !important;
}

/* The line */
.cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 4px;
background: RGBA(0, 0, 0, 0.02);
left: 80px;
margin-left: 10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
display: block;
/*  width: 29%;  */
/*  padding-right: 110px; */
max-width:70px;
position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
display: block;
text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
font-size: 0.9em;
color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
font-size: 1.2em;
color: #9BCD9B;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
color: RGBA(255, 125, 73, 0.75);
}
div.cbp_tmlabel > p {
margin-bottom:0;
}
/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
margin: 0 0 45px 120px;
background: #9BCD9B;
color: #fff;
padding: 1.5em;
/* font-size: 1.2em; */
font-weight: 300;
line-height: 1.4;
position: relative;
border-radius: 5px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
cursor:pointer;
}
.cbp_tmlabel:hover {
    /* transform:scale(1.05); */
    transform: translateY(-3px);
    z-index: 1;
    -webkit-box-shadow:0 15px 32px rgba(0,0,0,0.15) !important
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
background: RGBA(255, 125, 73, 0.75);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #9BCD9B;
border-width: 10px;
top: 4px;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: RGBA(255, 125, 73, 0.75);
}
/* Media  */
@media screen and (max-width: 65.375em) {

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.2em;
}
}

@media screen and (max-width: 47.2em) {
.cbp_tmtimeline:before {
    display: none;
}

.cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
}

.cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
}

.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #9BCD9B;
    top: -20px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: RGBA(255, 125, 73, 0.75);
}

.cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
}   
}
/*   end  */

/*#universe {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: radial-gradient(1600px at 70% 120%, #212750 10%, #020409 100%);*/
/*    z-index: -1;*/
/*  }*/