html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	height:100%
}
body {
	margin:0;
	font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif;
	-webkit-font-smoothing:antialiased
}
::-moz-selection {
	text-shadow:none;
	background:rgba(65,131,196,0.4)
}
::selection {
	text-shadow:none;
	background:rgba(66,133,244,0.4)
}
ul,ol {
	margin:0;
	padding:0
}
h1,h2,h3,h4,h5,h6,dl,dd,p {
	margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block
}
audio,canvas,video {
	display:inline-block
}
audio:not([controls]) {
	display:none
}
a {
	outline:0;
	text-decoration:none;
	color:#4285f4
}
a:hover {
	text-decoration:underline
}
sub,sup {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline
}
sup {
	top:-0.5em
}
sub {
	bottom:-0.25em
}
img {
	max-width:100%;
	vertical-align:middle;
	border:0;
	height:auto;
	-ms-interpolation-mode:bicubic;
	overflow:hidden;
	font-size:12px
}
button,input,select,textarea {
	margin:0;
	font-size:100%;
	vertical-align:middle;
	font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif;
	outline:none;
	border-width:0
}
button,input {
	line-height:normal
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button
}
input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none
}
textarea {
	overflow:auto;
	resize:vertical
}
svg {
	fill:currentColor;
	display:inline-block;
	stroke-width:0;
	stroke:currentColor;
	width:14px;
	height:14px
}
blockquote {
	margin:0
}
.fn__flex {
	display:flex
}
.fn__flex-center {
	display:inline-flex;
	align-items:center
}
.fn__flex-shrink {
	flex-shrink:0
}
.fn__flex-1 {
	flex:1;
	min-width:1px
}
.fn__pointer {
	cursor:pointer
}
.fn__relative {
	position:relative
}
.fn__clear:before,.fn__clear:after {
	display:table;
	content:""
}
.fn__clear:after {
	clear:both
}
.fn__left {
	float:left
}
.fn__right {
	float:right
}
.fn__none {
	display:none
}
.fn__ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal
}
.ft__13 {
	font-size:13px
}
.ft__12 {
	font-size:12px
}
.ft__12 svg {
	height:10px;
	width:10px
}
.ft__green {
	color:#569e3d
}
.ft__gray {
	color:rgba(0,0,0,0.54)
}
.ft__fade {
	color:rgba(0,0,0,0.38)
}
.ft__danger {
	color:#d23f31
}
.ft__center {
	text-align:center
}
.ft__nowrap {
	white-space:nowrap
}
.ft-break {
	word-break:break-all
}
.pipe-form table {
	width:100%
}
.pipe-form input[type=text],.pipe-form input[type=datetime],.pipe-form input[type=datetime-local],.pipe-form input[type=password],.pipe-form input[type=number],.pipe-form select,.pipe-form textarea {
	border:1px solid #d1d5da;
	background-color:#FAFAFA;
	border-radius:3px;
	box-shadow:inset 0 1px 2px rgba(27,31,35,0.075);
	padding:7px 8px;
	width:100%;
	line-height:17px;
	box-sizing:border-box
}
.pipe-form input[type=text]:focus,.pipe-form input[type=datetime]:focus,.pipe-form input[type=datetime-local]:focus,.pipe-form input[type=password]:focus,.pipe-form input[type=number]:focus,.pipe-form select:focus,.pipe-form textarea:focus {
	background-color:#FFF;
	box-shadow:inset 0 1px 2px rgba(27,31,35,0.075),0 0 0 0.2em #dbedff;
	border:1px solid #4285f4
}
.pipe-form label {
	color:#616161;
	font-size:15px;
	margin:10px 0 5px;
	float:left
}
.pipe-btn {
	cursor:pointer;
	color:#3b3e43;
	border-radius:3px;
	padding:6px 12px;
	background-color:rgba(0,0,0,0.02);
	border:1px solid #D5D5D5;
	border-bottom-color:#E1E1E1;
	box-sizing:border-box;
	line-height:19px;
	white-space:nowrap
}
.pipe-btn svg {
	margin-top:2px
}
.pipe-btn:disabled,.pipe-btn--disabled {
	cursor:not-allowed;
	opacity:0.3
}
.pipe-btn:hover {
	text-decoration:none;
	border-color:rgba(0,0,0,0.38);
	background-color:#eee
}
.pipe-btn:active {
	box-shadow:0 2px 4px rgba(0,0,0,0.25) inset
}
.pipe-btn--success {
	color:#fff;
	background-color:#60b044;
	border-color:#60b044
}
.pipe-btn--success:hover {
	border-color:#569e3d;
	background-color:#569e3d
}
.pipe-btn--danger {
	color:#d23f31
}
.pipe-btn--danger:hover {
	color:#FFF;
	border-color:#d23f31;
	background-color:#d23f31
}
.pipe-btn--space {
	margin-left:10px
}
.pipe-preview__img {
	width:100%;
	height:100%;
	top:0;
	z-index:300;
	overflow:auto;
	cursor:zoom-out;
	transition:background-color .2s ease-in-out
}
.pipe-preview__img img {
	max-width:inherit;
	transition:transform .3s ease-in-out
}
.pipe-tooltipped {
	position:relative;
	cursor:pointer
}
.pipe-tooltipped::after {
	position:absolute;
	z-index:1000;
	display:none;
	padding:5px 8px;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-wrap:break-word;
	white-space:pre;
	pointer-events:none;
	content:attr(aria-label);
	background:rgba(0,0,0,0.8);
	border-radius:3px;
	line-height:16px;
	opacity:0
}
.pipe-tooltipped::before {
	position:absolute;
	z-index:1000001;
	display:none;
	width:0;
	height:0;
	color:rgba(0,0,0,0.8);
	pointer-events:none;
	content:"";
	border:5px solid transparent;
	opacity:0
}
@keyframes tooltip-appear {
	from {
	opacity:0
}
to {
	opacity:1
}
}.pipe-tooltipped:hover::before,.pipe-tooltipped:hover::after,.pipe-tooltipped:active::before,.pipe-tooltipped:active::after,.pipe-tooltipped:focus::before,.pipe-tooltipped:focus::after {
	display:inline-block;
	text-decoration:none;
	animation-name:tooltip-appear;
	animation-duration:0.1s;
	animation-fill-mode:forwards;
	animation-timing-function:ease-in;
	animation-delay:0.4s
}
.pipe-tooltipped--s::after,.pipe-tooltipped--se::after,.pipe-tooltipped--sw::after {
	top:100%;
	right:50%;
	margin-top:5px
}
.pipe-tooltipped--s::before,.pipe-tooltipped--se::before,.pipe-tooltipped--sw::before {
	top:auto;
	right:50%;
	bottom:-5px;
	margin-right:-5px;
	border-bottom-color:rgba(0,0,0,0.8)
}
.pipe-tooltipped--se::after {
	right:auto;
	left:50%;
	margin-left:-15px
}
.pipe-tooltipped--sw::after {
	margin-right:-15px
}
.pipe-tooltipped--n::after,.pipe-tooltipped--ne::after,.pipe-tooltipped--nw::after {
	right:50%;
	bottom:100%;
	margin-bottom:5px
}
.pipe-tooltipped--n::before,.pipe-tooltipped--ne::before,.pipe-tooltipped--nw::before {
	top:-5px;
	right:50%;
	bottom:auto;
	margin-right:-5px;
	border-top-color:rgba(0,0,0,0.8)
}
.pipe-tooltipped--ne::after {
	right:auto;
	left:50%;
	margin-left:-15px
}
.pipe-tooltipped--nw::after {
	margin-right:-15px
}
.pipe-tooltipped--s::after,.pipe-tooltipped--n::after {
	transform:translateX(50%)
}
.pipe-tooltipped--w::after {
	right:100%;
	bottom:50%;
	margin-right:5px;
	transform:translateY(50%)
}
.pipe-tooltipped--w::before {
	top:50%;
	bottom:50%;
	left:-5px;
	margin-top:-5px;
	border-left-color:rgba(0,0,0,0.8)
}
.pipe-tooltipped--e::after {
	bottom:50%;
	left:100%;
	margin-left:5px;
	transform:translateY(50%)
}
.pipe-tooltipped--e::before {
	top:50%;
	right:-5px;
	bottom:50%;
	margin-top:-5px;
	border-right-color:rgba(0,0,0,0.8)
}
.pipe-comment__null {
	cursor:pointer;
	transition:all 0.15s ease-in-out;
	text-align:center
}
.pipe-comment__null:hover {
	color:rgba(0,0,0,0.54)
}
.pipe-comment__header {
	margin-bottom:20px
}
.pipe-comment__pagination {
	margin-top:20px;
	border-top:1px solid rgba(0,0,0,0.06);
	padding-top:20px
}
.pipe-comment__pagination .pipe-comment__btn {
	display:inline-block
}
.pipe-comment__pagination a.pipe-comment__btn {
	padding:5px 10px 5px 0
}
.pipe-comment__item {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid rgba(0,0,0,0.06)
}
.pipe-comment__item:hover .pipe-comment__btn {
	display:inline-block
}
.pipe-comment__avatar {
	position:absolute;
	border:2px solid #fff;
	height:57px;
	width:57px;
	border-radius:50%;
	display:inline-block;
	z-index:10;
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}
.pipe-comment__avatar:hover {
	border-color:rgba(0,0,0,0.06)
}
.pipe-comment__body {
	padding-left:81px
}
.pipe-comment__body>.fn__clear {
	line-height:28px
}
.pipe-comment__chevron-down {
	transform:rotate(180deg)
}
.pipe-comment__reply-icon {
	line-height:18px;
	display:block
}
.pipe-comment__reply-icon:hover {
	opacity:.8
}
.pipe-comment__reply-icon svg {
	float:left;
	margin:4px 5px 0 0;
	transition:all 0.15s ease-in-out
}
.pipe-comment__reply {
	margin-top:20px;
	position:relative
}
.pipe-comment__btn {
	cursor:pointer;
	color:#3b3e43;
	display:none;
	transition:all 0.15s ease-in-out;
	font-size:14px;
	line-height:18px;
	padding:5px 0 5px 10px
}
.pipe-comment__btn--danger {
	color:#d23f31
}
.pipe-comment__btn svg {
	margin:2px 5px 0 0;
	float:left
}
.pipe-comment__btn:hover {
	text-decoration:none;
	opacity:0.8
}
.pipe-comment__btn--none {
	display:none !important
}
#pipeCommentBottomComment {
	padding:5px 0 5px 10px
}
.pipe-editor {
	position:fixed;
	bottom:-300px;
	width:100%;
	opacity:0;
	background-color:#f1f7fe;
	padding:20px 0;
	transition:all 0.15s ease-in-out;
	z-index:100;
	left:0
}
.pipe-editor__wrap {
	max-width:920px;
	margin:0 auto;
	padding:0 10px
}
.pipe-editor #pipeEditorComment {
	margin-bottom:15px
}
.pipe-editor #pipeEditorReplyTarget {
	line-height:23px;
	padding:5px 10px 5px 0
}
@media (max-width:768px) {
	.pipe-comment__avatar {
	height:26px;
	width:26px
}
.pipe-comment__body {
	padding-left:36px
}
.pipe-comment__btn {
	display:inline-block;
	padding:5px 10px 5px 0
}
.pipe-comment__body>.fn__clear>.fn__right {
	float:none
}
}#nprogress {
	pointer-events:none
}
#nprogress .bar {
	background:#4285f4;
	position:fixed;
	z-index:1031;
	top:0;
	left:0;
	width:100%;
	height:2px
}
.vditor {
	--border-color:#d1d5da;
	--second-color:rgba(88,96,105,0.36);
	--panel-background-color:#fff;
	--panel-shadow:0 1px 2px rgba(0,0,0,.2);
	--toolbar-background-color:#f6f8fa;
	--toolbar-icon-color:#586069;
	--toolbar-icon-hover-color:#4285f4;
	--textarea-background-color:#fafbfc;
	--textarea-text-color:#24292e;
	--resize-icon-color:var(--toolbar-icon-color);
	--resize-background-color:var(--toolbar-background-color);
	--resize-hover-icon-color:var(--panel-background-color);
	--resize-hover-background-color:var(--toolbar-icon-hover-color);
	--code-background-color:rgba(27,31,35,.05);
	--preview-background-color:rgba(27,31,35,.02);
	--heading-border-color:#eaecef;
	--blockquote-color:#6a737d;
	--ir-heading-color:#660e7a;
	--ir-title-color:#808080;
	--ir-bi-color:#000080;
	--ir-link-color:#008000;
	--ir-bracket-color:#0000ff;
	--ir-paren-color:#008000
}
.vditor--dark {
	--border-color:#141414;
	--second-color:rgba(185,185,185,.36);
	--panel-background-color:#24292e;
	--panel-shadow:0 1px 2px rgba(255,255,255,.2);
	--toolbar-background-color:#1d2125;
	--toolbar-icon-color:#b9b9b9;
	--toolbar-icon-hover-color:#fff;
	--textarea-background-color:#2f363d;
	--textarea-text-color:#d1d5da;
	--resize-icon-color:var(--border-color);
	--resize-background-color:var(--second-color);
	--resize-hover-icon-color:var(--toolbar-icon-hover-color);
	--resize-hover-background-color:rgba(185,185,185,.86);
	--code-background-color:rgba(66,133,244,0.36);
	--preview-background-color:rgba(120,146,190,0.55);
	--heading-border-color:var(--textarea-text-color);
	--blockquote-color:var(--toolbar-icon-color);
	--ir-heading-color:#9876aa;
	--ir-title-color:#808080;
	--ir-bi-color:#cc7832;
	--ir-link-color:#ffc66d;
	--ir-bracket-color:#287bde;
	--ir-paren-color:#6a8759
}
@keyframes tooltip-appear {
	from {
	opacity:0
}
to {
	opacity:1
}
}.vditor-tooltipped {
	position:relative;
	cursor:pointer
}
.vditor-tooltipped::after {
	position:absolute;
	z-index:1000000;
	display:none;
	padding:5px 8px;
	font-size:11px;
	font-weight:normal;
	-webkit-font-smoothing:subpixel-antialiased;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-wrap:break-word;
	white-space:pre;
	pointer-events:none;
	content:attr(aria-label);
	background:#3b3e43;
	border-radius:3px;
	line-height:16px;
	opacity:0
}
.vditor-tooltipped::before {
	position:absolute;
	z-index:1000001;
	display:none;
	width:0;
	height:0;
	color:#3b3e43;
	pointer-events:none;
	content:"";
	border:5px solid transparent;
	opacity:0
}
.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after {
	display:inline-block;
	text-decoration:none;
	animation-name:tooltip-appear;
	animation-duration:0.15s;
	animation-fill-mode:forwards;
	animation-timing-function:ease-in
}
.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after {
	top:100%;
	right:50%;
	margin-top:5px
}
.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before {
	top:auto;
	right:50%;
	bottom:-5px;
	margin-right:-5px;
	border-bottom-color:#3b3e43
}
.vditor-tooltipped__se::after {
	right:auto;
	left:50%;
	margin-left:-15px
}
.vditor-tooltipped__sw::after {
	margin-right:-15px
}
.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after {
	right:50%;
	bottom:100%;
	margin-bottom:5px
}
.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before {
	top:-5px;
	right:50%;
	bottom:auto;
	margin-right:-5px;
	border-top-color:#3b3e43
}
.vditor-tooltipped__ne::after {
	right:auto;
	left:50%;
	margin-left:-15px
}
.vditor-tooltipped__nw::after {
	margin-right:-15px
}
.vditor-tooltipped__s::after,.vditor-tooltipped__n::after {
	transform:translateX(50%)
}
.vditor-tooltipped__w::after {
	right:100%;
	bottom:50%;
	margin-right:5px;
	transform:translateY(50%)
}
.vditor-tooltipped__w::before {
	top:50%;
	bottom:50%;
	left:-5px;
	margin-top:-5px;
	border-left-color:#3b3e43
}
.vditor-tooltipped__e::after {
	bottom:50%;
	left:100%;
	margin-left:5px;
	transform:translateY(50%)
}
.vditor-tooltipped__e::before {
	top:50%;
	right:-5px;
	bottom:50%;
	margin-top:-5px;
	border-right-color:#3b3e43
}
@media screen and (max-width:520px) {
	.vditor-tooltipped:before,.vditor-tooltipped:after {
	content:none
}
}@keyframes scale-in {
	0% {
	opacity:0;
	transform:scale(0.5)
}
100% {
	opacity:1;
	transform:scale(1)
}
}.vditor-panel {
	background-color:var(--panel-background-color);
	position:absolute;
	box-shadow:var(--panel-shadow);
	border-radius:3px;
	padding:5px;
	z-index:3;
	font-size:14px;
	display:none;
	user-select:none;
	max-width:320px;
	min-width:80px;
	animation-duration:.15s;
	animation-name:scale-in;
	animation-timing-function:cubic-bezier(0.2,0,0.13,1.5);
	color:var(--toolbar-icon-color)
}
.vditor-panel--none {
	padding:0;
	animation:none;
	min-width:auto;
	max-width:none;
	white-space:nowrap
}
.vditor-panel--arrow:before {
	position:absolute;
	width:0;
	height:0;
	pointer-events:none;
	content:" ";
	border:7px solid transparent;
	top:-14px;
	left:5px;
	border-bottom-color:var(--panel-background-color)
}
.vditor-panel--left {
	right:0
}
.vditor-panel--left.vditor-panel--arrow:before {
	right:5px;
	left:auto
}
.vditor-input {
	border:0;
	padding:3px 5px;
	background-color:var(--panel-background-color);
	font-size:12px;
	color:var(--textarea-text-color)
}
.vditor-input:focus {
	background-color:var(--toolbar-background-color);
	outline:none
}
.vditor-icon {
	color:var(--toolbar-icon-color);
	cursor:pointer;
	float:left;
	padding:4px 5px;
	height:21px;
	width:23px;
	background-color:transparent;
	border:0;
	box-sizing:border-box
}
.vditor-icon:hover,.vditor-icon--current {
	color:var(--toolbar-icon-hover-color);
	background-color:transparent
}
.vditor-icon:focus {
	outline:none
}
.vditor-icon svg {
	height:13px !important;
	width:13px !important;
	float:left;
	fill:currentColor;
	pointer-events:none
}
.vditor-toolbar {
	background-color:var(--toolbar-background-color);
	border-bottom:1px solid var(--border-color);
	padding:0 5px;
	line-height:1
}
.vditor-toolbar--pin {
	position:sticky;
	top:0;
	z-index:1
}
.vditor-toolbar--hide {
	transition:all 0.15s ease-in-out;
	height:5px;
	overflow:hidden
}
.vditor-toolbar--hide:hover {
	background-color:var(--toolbar-background-color);
	height:auto;
	overflow:visible
}
.vditor-toolbar__item {
	float:left;
	position:relative
}
.vditor-toolbar__item .vditor-tooltipped {
	color:var(--toolbar-icon-color);
	border:0;
	padding:10px 5px;
	background-color:transparent;
	height:35px;
	width:25px;
	box-sizing:border-box;
	font-size:0
}
.vditor-toolbar__item .vditor-tooltipped:focus {
	outline:none
}
.vditor-toolbar__item .vditor-tooltipped:focus {
	cursor:pointer;
	color:var(--toolbar-icon-hover-color)
}
.vditor-toolbar__item svg {
	fill:currentColor;
	display:inline-block;
	stroke-width:0;
	stroke:currentColor;
	width:15px;
	height:15px
}
.vditor-toolbar__item input {
	position:absolute;
	width:25px;
	height:35px;
	top:0;
	left:0;
	cursor:pointer;
	opacity:.001;
	overflow:hidden
}
.vditor-toolbar__divider {
	float:left;
	width:16px;
	height:35px
}
.vditor-toolbar__br {
	width:100%;
	padding:0 !important;
	height:0 !important
}
.vditor-menu--current {
	color:var(--toolbar-icon-hover-color) !important
}
.vditor-menu--disabled {
	color:var(--second-color) !important;
	cursor:not-allowed !important
}
.vditor-emojis {
	display:inline-block;
	overflow:auto
}
.vditor-emojis::-webkit-scrollbar {
	display:none
}
.vditor-emojis__tip {
	flex:1;
	min-width:1px;
	width:200px;
	margin-right:10px;
	color:var(--toolbar-icon-color);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.vditor-emojis__tail {
	margin-top:5px;
	font-size:12px;
	color:var(--toolbar-icon-color);
	display:flex
}
.vditor-emojis__tail a {
	text-decoration:none;
	color:var(--toolbar-icon-color)
}
.vditor-emojis__tail a:hover {
	color:var(--toolbar-icon-hover-color)
}
.vditor-emojis button {
	cursor:pointer;
	border-radius:3px;
	float:left;
	height:30px;
	width:30px;
	text-align:center;
	line-height:26px;
	padding:3px;
	box-sizing:border-box;
	font-size:16px;
	transition:all 0.15s ease-in-out;
	border:0;
	margin:0;
	background-color:transparent;
	overflow:hidden
}
.vditor-emojis button:focus {
	outline:none
}
.vditor-emojis button:hover .vditor-emojis__icon {
	display:inline-block;
	transform:scale(1.2)
}
.vditor-emojis img {
	height:20px;
	width:20px;
	float:left;
	margin:3px 0 0 3px
}
@media screen and (max-width:520px) {
	.vditor-toolbar__item {
	padding:0 12px
}
.vditor-panel--left.vditor-panel--arrow:before {
	right:17px
}
}@media (hover:hover) and (pointer:fine) {
	.vditor-toolbar__item .vditor-tooltipped:hover {
	color:var(--toolbar-icon-hover-color)
}
}@keyframes slideInDown {
	from {
	transform:translate3d(0,-100%,0);
	visibility:visible
}
to {
	transform:translate3d(0,0,0)
}
}.vditor {
	display:flex;
	flex-direction:column;
	border:1px solid var(--border-color);
	border-radius:3px;
	box-sizing:border-box;
	font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif
}
.vditor .vditor-copy {
	z-index:auto
}
.vditor--fullscreen {
	position:fixed;
	top:0;
	width:100% !important;
	left:0;
	height:100vh !important;
	z-index:90;
	border-radius:0
}
.vditor-content {
	display:flex;
	min-height:60px;
	flex:1;
	min-width:1px;
	position:relative
}
.vditor-textarea {
	font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif;
	margin:0 1px 0 0;
	overflow:auto;
	width:100%;
	flex:1;
	min-width:1px;
	border:0;
	resize:none;
	padding:10px 9px 10px 10px;
	box-sizing:border-box;
	background-color:var(--panel-background-color);
	outline:0 none;
	font-size:16px;
	line-height:22px;
	color:var(--textarea-text-color);
	border-radius:0 0 3px 3px;
	font-variant-ligatures:no-common-ligatures;
	white-space:pre-wrap;
	word-break:break-word;
	word-wrap:break-word
}
.vditor-textarea[contenteditable="false"] {
	opacity:0.3;
	cursor:not-allowed
}
.vditor-textarea:empty::before {
	content:attr(placeholder);
	color:var(--second-color)
}
.vditor-textarea:focus {
	background-color:var(--textarea-background-color)
}
.vditor-textarea:after {
	content:"";
	height:var(--editor-bottom);
	display:block
}
.vditor-preview {
	flex:1;
	min-width:1px;
	overflow:auto;
	margin-left:-1px;
	border-left:1px solid var(--border-color);
	box-sizing:border-box;
	border-radius:0 0 3px 0;
	background-color:var(--textarea-background-color)
}
.vditor-preview::-webkit-scrollbar {
	display:none
}
.vditor-preview__action {
	text-align:center;
	padding:10px;
	background-color:var(--toolbar-background-color)
}
.vditor-preview__action button {
	background-color:var(--toolbar-background-color);
	color:var(--toolbar-icon-color);
	line-height:20px;
	border:0;
	margin:0 10px;
	cursor:pointer;
	padding:0 7px;
	font-size:12px
}
.vditor-preview__action button.vditor-preview__action--current,.vditor-preview__action button:hover {
	color:var(--toolbar-icon-hover-color);
	background-color:var(--toolbar-background-color)
}
.vditor-preview__action button:focus {
	outline:none
}
.vditor-preview__action button svg {
	fill:currentColor;
	height:15px;
	width:15px;
	vertical-align:middle
}
.vditor-preview>.vditor-reset {
	padding:10px;
	margin:0 auto
}
.vditor-devtools {
	display:none;
	background-color:var(--textarea-background-color);
	overflow:auto;
	flex:1;
	min-width:1px;
	box-shadow:inset 1px 0 var(--border-color);
	box-sizing:border-box;
	border-radius:0 0 3px 0;
	padding:10px
}
.vditor-counter {
	padding:3px;
	color:var(--toolbar-icon-color);
	background-color:var(--code-background-color);
	border-radius:3px;
	font-size:12px;
	user-select:none;
	float:right;
	margin:8px 3px 0 0
}
.vditor-counter--error {
	color:#d23f31;
	background-color:rgba(210,63,49,0.1)
}
.vditor-resize {
	padding:3px 0;
	cursor:row-resize;
	user-select:none;
	position:absolute;
	width:100%
}
.vditor-resize--top {
	top:-3px
}
.vditor-resize--bottom {
	bottom:-3px
}
.vditor-resize>div {
	height:3px;
	background-color:var(--resize-background-color);
	transition:all 0.15s ease-in-out
}
.vditor-resize:hover>div,.vditor-resize--selected>div {
	background-color:var(--resize-hover-background-color)
}
.vditor-resize:hover svg,.vditor-resize--selected svg {
	color:var(--resize-hover-icon-color)
}
.vditor-resize svg {
	fill:currentColor;
	stroke-width:0;
	stroke:currentColor;
	width:13px;
	height:3px;
	display:block;
	margin:0 auto;
	color:var(--resize-icon-color)
}
.vditor-upload {
	position:absolute;
	height:3px;
	left:0;
	top:-2px;
	transition:all 0.15s ease-in-out;
	background-color:#4285f4
}
.vditor-tip {
	position:absolute;
	font-size:12px;
	top:10px;
	animation-duration:.15s;
	animation-fill-mode:both;
	left:50%;
	z-index:5
}
.vditor-tip--show {
	display:block;
	animation-name:slideInDown
}
.vditor-tip__content {
	text-align:left;
	display:inline-block;
	line-height:16px;
	padding:3px 10px;
	border-radius:3px;
	background:var(--toolbar-background-color);
	position:relative;
	margin-left:-50%;
	color:var(--toolbar-icon-color);
	max-width:100%;
	box-shadow:var(--panel-shadow)
}
.vditor-tip__content ul {
	margin:2px 0;
	padding:0 0 0 18px
}
.vditor-tip__content a {
	color:#4285f4
}
.vditor-tip__close {
	position:absolute;
	color:var(--toolbar-icon-color);
	top:-7px;
	right:-15px;
	font-weight:bold;
	cursor:pointer
}
.vditor-tip__close:hover {
	color:var(--toolbar-icon-hover-color)
}
.vditor-outline {
	width:250px;
	border-right:1px solid var(--border-color);
	background-color:var(--panel-background-color);
	display:none;
	overflow:auto
}
.vditor-outline::-webkit-scrollbar {
	display:none
}
.vditor-outline__item {
	padding:5px 10px;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:var(--textarea-text-color)
}
.vditor-outline__item:hover {
	color:var(--toolbar-icon-hover-color);
	background-color:var(--toolbar-background-color)
}
.vditor-outline__title {
	border-bottom:1px dashed var(--border-color);
	padding:5px 10px;
	color:var(--toolbar-icon-color);
	font-size:12px
}
.vditor-hint {
	background-color:var(--panel-background-color);
	position:absolute;
	box-shadow:var(--panel-shadow);
	border-radius:3px;
	padding:5px 0;
	z-index:4;
	line-height:20px;
	list-style:none;
	font-size:12px;
	margin:0;
	max-width:250px;
	min-width:80px;
	display:none
}
.vditor-hint .vditor-hint {
	margin-top:-31px;
	left:100%;
	right:auto
}
.vditor-hint .vditor-hint.vditor-panel--left {
	right:100%;
	left:auto
}
.vditor-hint button {
	color:var(--toolbar-icon-color);
	display:block;
	padding:3px 10px;
	border:0;
	border-radius:0;
	line-height:20px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
	margin:0;
	background-color:transparent;
	cursor:pointer;
	white-space:nowrap
}
.vditor-hint button:focus {
	outline:none
}
.vditor-hint--current,.vditor-hint button:not(.vditor-menu--disabled):hover {
	background-color:var(--toolbar-background-color) !important;
	color:var(--toolbar-icon-hover-color) !important
}
.vditor-hint__emoji {
	font-size:16px;
	float:left;
	margin-right:3px
}
.vditor-hint img {
	height:20px;
	width:20px;
	float:left;
	margin-right:3px
}
.vditor-reset {
	color:#24292e;
	font-variant-ligatures:no-common-ligatures;
	font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans","Hiragino Sans GB","Microsoft Yahei",sans-serif;
	word-wrap:break-word;
	overflow:auto;
	line-height:1.5;
	font-size:16px;
	word-break:break-word
}
.vditor-reset--anchor {
	padding-left:20px
}
.vditor-reset--error {
	color:#d23f31;
	font-size:12px;
	display:block;
	line-height:16px
}
.vditor-reset ul ul ul {
	list-style-type:square
}
.vditor-reset ul ul {
	list-style-type:circle
}
.vditor-reset ul {
	list-style-type:disc
}
.vditor-reset ul,.vditor-reset ol {
	padding-left:2em;
	margin-top:0;
	margin-bottom:16px
}
.vditor-reset li+li {
	margin-top:0.25em
}
.vditor-reset audio {
	max-width:100%
}
.vditor-reset audio:focus {
	outline:none
}
.vditor-reset video {
	max-height:90vh;
	max-width:100%
}
.vditor-reset img {
	max-width:100%
}
.vditor-reset img.emoji {
	cursor:auto;
	max-width:20px;
	vertical-align:sub
}
.vditor-reset h1,.vditor-reset h2,.vditor-reset h3,.vditor-reset h4,.vditor-reset h5,.vditor-reset h6 {
	margin-top:24px;
	margin-bottom:16px;
	font-weight:600;
	line-height:1.25
}
.vditor-reset h1:hover .vditor-anchor svg,.vditor-reset h2:hover .vditor-anchor svg,.vditor-reset h3:hover .vditor-anchor svg,.vditor-reset h4:hover .vditor-anchor svg,.vditor-reset h5:hover .vditor-anchor svg,.vditor-reset h6:hover .vditor-anchor svg {
	visibility:visible
}
.vditor-reset h1 {
	padding-bottom:0.3em;
	font-size:1.75em;
	border-bottom:1px solid #eaecef
}
.vditor-reset h2 {
	padding-bottom:0.3em;
	font-size:1.55em;
	border-bottom:1px solid #eaecef
}
.vditor-reset h3 {
	font-size:1.38em
}
.vditor-reset h4 {
	font-size:1.25em
}
.vditor-reset h5 {
	font-size:1.13em
}
.vditor-reset h6 {
	font-size:1em
}
.vditor-reset hr {
	height:2px;
	padding:0;
	margin:24px 0;
	background-color:#eaecef;
	border:0
}
.vditor-reset p {
	margin-top:0;
	margin-bottom:16px
}
.vditor-reset blockquote {
	padding:0 1em;
	color:#6a737d;
	border-left:0.25em solid #eaecef;
	margin:0 0 16px 0
}
.vditor-reset blockquote>:first-child {
	margin-top:0
}
.vditor-reset blockquote>:last-child {
	margin-bottom:0
}
.vditor-reset ins>iframe {
	border:0
}
.vditor-reset iframe {
	border:1px solid #d1d5da;
	max-width:100%;
	box-sizing:border-box
}
.vditor-reset iframe.iframe__video {
	min-width:80%;
	min-height:36vh
}
.vditor-reset table {
	border-collapse:collapse;
	empty-cells:show;
	margin-bottom:16px;
	overflow:auto;
	border-spacing:0
}
.vditor-reset table tr {
	background-color:#fafbfc;
	border-top:1px solid #c6cbd1
}
.vditor-reset table td,.vditor-reset table th {
	padding:6px 13px;
	border:1px solid #dfe2e5;
	word-break:normal
}
.vditor-reset table th {
	font-weight:600
}
.vditor-reset table tbody tr:nth-child(2n) {
	background-color:#fff
}
.vditor-reset code:not(.hljs):not(.highlight-chroma) {
	padding:0.2em 0.4em;
	margin:0;
	font-size:85%;
	border-radius:3px;
	font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;
	word-break:break-word;
	background-size:20px 20px;
	white-space:pre-wrap;
	background-color:rgba(27,31,35,0.05)
}
.vditor-reset code:not(.hljs):not(.highlight-chroma).language-mermaid,.vditor-reset code:not(.hljs):not(.highlight-chroma).language-math,.vditor-reset code:not(.hljs):not(.highlight-chroma).language-graphviz,.vditor-reset code:not(.hljs):not(.highlight-chroma).language-echarts,.vditor-reset code:not(.hljs):not(.highlight-chroma).language-mindmap {
	background-color:rgba(27,31,35,0.02)
}
.vditor-reset pre {
	margin:1em 0
}
.vditor-reset pre>code {
	margin:0;
	font-size:85%;
	padding:0.5em;
	border-radius:5px;
	display:block;
	overflow:auto;
	white-space:pre;
	font-family:mononoki,Consolas,"Liberation Mono",Menlo,Courier,monospace;
	background-size:20px 20px;
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);
	word-break:initial;
	word-wrap:normal
}
.vditor-reset pre:hover div.vditor-copy {
	display:block
}
.vditor-reset kbd {
	display:inline-block;
	padding:3px 5px;
	font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;
	line-height:10px;
	color:#24292e;
	vertical-align:middle;
	background-color:#fafbfc;
	border:solid 1px #d1d5da;
	border-radius:3px;
	box-shadow:inset 0 -1px 0 #d1d5da
}
.vditor-reset summary {
	cursor:pointer
}
.vditor-reset summary:focus {
	outline:none
}
.vditor-reset svg {
	height:auto;
	width:auto;
	stroke-width:initial
}
.vditor-reset p:last-child,.vditor-reset blockquote:last-child,.vditor-reset pre:last-child,.vditor-reset ul:last-child,.vditor-reset ol:last-child,.vditor-reset hr:last-child {
	margin-bottom:0
}
.vditor-reset .language-echarts,.vditor-reset .language-mindmap {
	overflow:hidden;
	height:420px
}
.vditor-reset .language-graphviz polygon {
	fill:transparent
}
.vditor-reset .language-graphviz parsererror {
	overflow:auto
}
.vditor-task {
	list-style:none
}
.vditor-task input {
	margin:0 .2em .25em -1.6em;
	font-size:12px;
	vertical-align:middle
}
.vditor-copy {
	position:relative;
	display:none;
	z-index:1
}
.vditor-copy textarea {
	position:absolute;
	left:-100000px;
	height:10px
}
.vditor-copy span {
	cursor:pointer;
	position:absolute;
	right:0.5em;
	top:0.5em
}
.vditor-copy svg {
	color:#586069;
	height:14px;
	width:14px !important;
	display:block;
	fill:currentColor
}
.vditor-linenumber {
	padding-left:4em !important;
	position:relative
}
.vditor-linenumber__rows {
	position:absolute;
	pointer-events:none;
	top:0.5em;
	left:0;
	width:3em;
	user-select:none;
	counter-reset:linenumber
}
.vditor-linenumber__rows>span {
	pointer-events:none;
	display:block
}
.vditor-linenumber__rows>span::before {
	counter-increment:linenumber;
	content:counter(linenumber);
	color:rgba(158,150,150,0.38);
	display:block;
	padding-right:1em;
	text-align:right
}
.vditor-speech {
	position:absolute;
	display:none;
	background-color:#f6f8fa;
	border:1px solid #d1d5da;
	border-radius:3px;
	padding:3px;
	cursor:pointer;
	color:#586069
}
.vditor-speech:hover,.vditor-speech--current {
	color:#4285f4
}
.vditor-speech svg {
	height:14px;
	width:14px;
	fill:currentColor;
	display:block;
	stroke-width:0;
	stroke:currentColor
}
.vditor-anchor {
	margin-left:5px
}
.vditor-anchor--left {
	float:left;
	padding-right:4px;
	margin-left:-20px
}
.vditor-anchor svg {
	visibility:hidden
}
.vditor-anchor:hover svg {
	visibility:visible
}
.vditor-anchor:focus {
	outline:none
}
.vditor-linkcard {
	margin:31px auto 16px;
	transition:all 0.15s ease-in-out;
	cursor:pointer;
	max-width:768px;
	padding:0 10px
}
.vditor-linkcard a {
	border-radius:3px;
	background-color:#f6f8fa;
	overflow:hidden;
	max-height:250px;
	display:flex;
	text-decoration:none;
	flex-wrap:wrap-reverse;
	box-shadow:0 1px 2px rgba(0,0,0,0.2)
}
.vditor-linkcard a:hover {
	box-shadow:0 0 3px rgba(0,0,0,0.13),0 3px 6px rgba(0,0,0,0.26);
	text-decoration:none
}
.vditor-linkcard a:visited .vditor-linkcard__abstract {
	color:rgba(88,96,105,0.36)
}
.vditor-linkcard__info {
	padding:10px;
	min-width:200px;
	box-sizing:border-box;
	flex:1
}
.vditor-linkcard__title {
	font-size:14px;
	font-weight:400;
	color:#24292e;
	display:flex;
	align-items:center
}
.vditor-linkcard__title img {
	cursor:pointer;
	height:20px;
	width:20px;
	border-radius:3px;
	flex-shrink:0;
	margin-right:5px
}
.vditor-linkcard__abstract {
	word-wrap:break-word;
	word-break:break-all;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	display:-webkit-box;
	font-size:13px;
	color:#586069;
	margin:5px 0
}
.vditor-linkcard__site {
	font-size:12px;
	color:#4285f4
}
.vditor-linkcard__image {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	max-width:250px;
	min-width:126px;
	cursor:pointer;
	background-color:rgba(88,96,105,0.36)
}
.vditor-math mjx-container:focus {
	outline:none;
	cursor:context-menu
}
.vditor-footnotes__goto-ref {
	text-decoration:none
}
.vditor-toc {
	margin-bottom:16px
}
.vditor-wysiwyg {
	box-sizing:border-box;
	flex:1;
	position:relative;
	width:100%;
	min-width:1px
}
.vditor-wysiwyg pre.vditor-reset {
	background-color:var(--panel-background-color);
	margin:0;
	white-space:pre-wrap;
	height:100%;
	box-sizing:border-box
}
.vditor-wysiwyg pre.vditor-reset[contenteditable="false"] {
	opacity:0.3;
	cursor:not-allowed
}
.vditor-wysiwyg pre.vditor-reset:empty::before {
	content:attr(placeholder);
	color:var(--second-color)
}
.vditor-wysiwyg pre.vditor-reset:focus {
	outline:none;
	background-color:var(--textarea-background-color)
}
.vditor-wysiwyg pre.vditor-reset:after {
	content:"";
	height:var(--editor-bottom);
	display:block
}
.vditor-wysiwyg blockquote:empty::before,.vditor-wysiwyg pre>code:empty::before,.vditor-wysiwyg p:empty::before,.vditor-wysiwyg h1:empty::after,.vditor-wysiwyg h2:empty::after,.vditor-wysiwyg h3:empty::after,.vditor-wysiwyg h4:empty::after,.vditor-wysiwyg h5:empty::after,.vditor-wysiwyg h6:empty::after {
	content:' '
}
.vditor-wysiwyg code[data-marker="`"] {
	padding-left:0 !important;
	padding-right:0 !important
}
.vditor-wysiwyg__block pre:first-child {
	margin-bottom:-1em
}
.vditor-wysiwyg__block pre:first-child code {
	height:auto;
	background-color:var(--code-background-color) !important
}
.vditor-wysiwyg__block pre:last-child {
	margin-bottom:1em
}
.vditor-wysiwyg__preview {
	cursor:pointer;
	white-space:initial;
	min-height:27px
}
.vditor-wysiwyg__preview code:not(.hljs):not(.highlight-chroma) {
	background-color:var(--preview-background-color)
}
.vditor-wysiwyg>.vditor-reset>h1:before,.vditor-wysiwyg>.vditor-reset>h2:before,.vditor-wysiwyg>.vditor-reset>h3:before,.vditor-wysiwyg>.vditor-reset>h4:before,.vditor-wysiwyg>.vditor-reset>h5:before,.vditor-wysiwyg>.vditor-reset>h6:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,.vditor-wysiwyg div[data-type="footnotes-block"]:before,.vditor-wysiwyg .vditor-toc:before {
	float:left;
	padding-right:4px;
	margin-left:-29px;
	content:'H1';
	font-size:0.85rem;
	font-weight:normal;
	color:var(--second-color)
}
.vditor-wysiwyg>.vditor-reset>h2:before {
	content:'H2'
}
.vditor-wysiwyg>.vditor-reset>h3:before {
	content:'H3'
}
.vditor-wysiwyg>.vditor-reset>h4:before {
	content:'H4'
}
.vditor-wysiwyg>.vditor-reset>h5:before {
	content:'H5'
}
.vditor-wysiwyg>.vditor-reset>h6:before {
	content:'H6'
}
.vditor-wysiwyg div[data-type="link-ref-defs-block"]:before {
	content:'"A"'
}
.vditor-wysiwyg div[data-type="footnotes-block"]:before {
	content:'^F'
}
.vditor-wysiwyg div.vditor-wysiwyg__block:before {
	content:"</>"
}
.vditor-wysiwyg .vditor-toc:before {
	content:"ToC"
}
.vditor-wysiwyg hr {
	display:inline-block;
	margin:12px 0;
	width:100%
}
.vditor-wysiwyg details {
	white-space:initial
}
.vditor-wysiwyg span[data-type="backslash"]>span {
	display:none;
	color:var(--second-color)
}
.vditor-wysiwyg span[data-type="link-ref"],.vditor-wysiwyg sup[data-type="footnotes-ref"] {
	color:#4285f4
}
.vditor-wysiwyg span[data-type="toc-h"] {
	color:#4285f4;
	text-decoration:underline
}
.vditor-wysiwyg div[data-type="footnotes-block"] {
	border-top:2px solid var(--heading-border-color);
	padding-top:24px;
	margin-top:24px
}
.vditor-wysiwyg div[data-type="link-ref-defs-block"] {
	color:var(--blockquote-color)
}
@media screen and (max-width:520px) {
	.vditor-wysiwyg h1:before,.vditor-wysiwyg h2:before,.vditor-wysiwyg h3:before,.vditor-wysiwyg h4:before,.vditor-wysiwyg h5:before,.vditor-wysiwyg h6:before,.vditor-wysiwyg div.vditor-wysiwyg__block:before,.vditor-wysiwyg div[data-type="link-ref-defs-block"]:before,.vditor-wysiwyg div[data-type="footnotes-block"]:before,.vditor-wysiwyg .vditor-toc:before {
	content:none
}
}.vditor-ir {
	box-sizing:border-box;
	flex:1;
	min-width:1px;
	position:relative;
	width:100%
}
.vditor-ir__node[data-type="code-block"]:before,.vditor-ir__node[data-type="code-block"]:after,.vditor-ir__node[data-type="math-block"]:before,.vditor-ir__node[data-type="math-block"]:after {
	content:' ';
	color:var(--second-color)
}
.vditor-ir__node:not(.vditor-ir__node--expand) .vditor-ir__marker {
	padding:0 !important
}
.vditor-ir__node[data-type="link-ref"],.vditor-ir__node[data-type="footnotes-ref"] {
	color:#4285f4
}
.vditor-ir__node[data-type="html-block"] {
	margin-bottom:1em
}
.vditor-ir__node .vditor-ir__marker {
	width:0;
	overflow:hidden;
	display:inline-block;
	height:0;
	transition:all 0.15s ease-in-out
}
.vditor-ir__node .vditor-ir__preview code:not(.hljs):not(.highlight-chroma) {
	background-color:var(--preview-background-color)
}
.vditor-ir__node--hidden .vditor-ir__marker {
	visibility:hidden
}
.vditor-ir__node--expand .vditor-ir__marker {
	color:var(--second-color);
	display:inline;
	height:auto;
	width:auto
}
.vditor-ir__node--expand .vditor-ir__marker--hide {
	display:none
}
.vditor-ir__node--expand .vditor-ir__marker--heading {
	color:var(--ir-heading-color)
}
.vditor-ir__node--expand .vditor-ir__marker--bi {
	color:var(--ir-bi-color)
}
.vditor-ir__node--expand .vditor-ir__marker--link {
	color:var(--ir-link-color)
}
.vditor-ir__node--expand .vditor-ir__marker--title {
	color:var(--ir-title-color)
}
.vditor-ir__node--expand .vditor-ir__marker--bracket {
	color:var(--ir-bracket-color);
	text-decoration:underline
}
.vditor-ir__node--expand .vditor-ir__marker--paren {
	color:var(--ir-paren-color)
}
.vditor-ir__node--expand .vditor-ir__marker--info {
	color:var(--ir-heading-color)
}
.vditor-ir__node--expand .vditor-ir__marker--pre {
	color:var(--textarea-text-color)
}
.vditor-ir__node--expand .vditor-ir__marker--pre .language-mermaid,.vditor-ir__node--expand .vditor-ir__marker--pre .language-math,.vditor-ir__node--expand .vditor-ir__marker--pre .language-graphviz,.vditor-ir__node--expand .vditor-ir__marker--pre .language-echarts,.vditor-ir__node--expand .vditor-ir__marker--pre .language-mindmap {
	background-color:var(--code-background-color) !important;
	height:auto
}
.vditor-ir__node--expand[data-type="code-block"]:before,.vditor-ir__node--expand[data-type="code-block"]:after {
	content:'```'
}
.vditor-ir__node--expand[data-type="math-block"]:before,.vditor-ir__node--expand[data-type="math-block"]:after {
	content:'$$'
}
.vditor-ir__node span[data-type="code-block-open-marker"],.vditor-ir__node span[data-type="code-block-close-marker"],.vditor-ir__node span[data-type="math-block-open-marker"],.vditor-ir__node span[data-type="math-block-close-marker"] {
	display:none
}
.vditor-ir__preview {
	cursor:pointer;
	white-space:initial;
	min-height:27px
}
.vditor-ir__link {
	color:var(--ir-bracket-color);
	text-decoration:underline
}
.vditor-ir pre.vditor-reset {
	background-color:var(--panel-background-color);
	margin:0;
	white-space:pre-wrap;
	height:100%;
	box-sizing:border-box
}
.vditor-ir pre.vditor-reset[contenteditable="false"] {
	opacity:0.3;
	cursor:not-allowed
}
.vditor-ir pre.vditor-reset:empty::before {
	content:attr(placeholder);
	color:var(--second-color)
}
.vditor-ir pre.vditor-reset:focus {
	outline:none;
	background-color:var(--textarea-background-color)
}
.vditor-ir pre.vditor-reset:after {
	content:"";
	height:var(--editor-bottom);
	display:block
}
.vditor-ir pre.vditor-reset pre {
	margin:0
}
.vditor-ir hr {
	display:inline-block;
	margin:12px 0;
	width:100%
}
.vditor-ir blockquote:empty::before,.vditor-ir pre>code:empty::before,.vditor-ir p:empty::before,.vditor-ir h1:empty::after,.vditor-ir h2:empty::after,.vditor-ir h3:empty::after,.vditor-ir h4:empty::after,.vditor-ir h5:empty::after,.vditor-ir h6:empty::after {
	content:' '
}
.vditor-ir .vditor-reset>h1:before,.vditor-ir .vditor-reset>h2:before,.vditor-ir .vditor-reset>h3:before,.vditor-ir .vditor-reset>h4:before,.vditor-ir .vditor-reset>h5:before,.vditor-ir .vditor-reset>h6:before,.vditor-ir div[data-type="link-ref-defs-block"]:before,.vditor-ir div[data-type="footnotes-block"]:before,.vditor-ir .vditor-toc:before {
	float:left;
	padding-right:4px;
	margin-left:-29px;
	content:'H1';
	font-size:0.85rem;
	font-weight:normal;
	color:var(--second-color)
}
.vditor-ir .vditor-reset>h2:before {
	content:'H2'
}
.vditor-ir .vditor-reset>h3:before {
	content:'H3'
}
.vditor-ir .vditor-reset>h4:before {
	content:'H4'
}
.vditor-ir .vditor-reset>h5:before {
	content:'H5'
}
.vditor-ir .vditor-reset>h6:before {
	content:'H6'
}
.vditor-ir div[data-type="link-ref-defs-block"] {
	color:var(--blockquote-color)
}
.vditor-ir div[data-type="link-ref-defs-block"]:before {
	content:'"A"'
}
.vditor-ir div[data-type="footnotes-block"] {
	border-top:2px solid var(--heading-border-color);
	padding-top:24px;
	margin-top:24px
}
.vditor-ir div[data-type="footnotes-block"]:before {
	content:'^F'
}
.vditor-ir .vditor-toc:before {
	content:"ToC"
}
.vditor-ir .vditor-toc span[data-type="toc-h"] {
	color:#4285f4;
	text-decoration:underline
}
@media screen and (max-width:520px) {
	.vditor-ir h1:before,.vditor-ir h2:before,.vditor-ir h3:before,.vditor-ir h4:before,.vditor-ir h5:before,.vditor-ir h6:before,.vditor-ir div[data-type="link-ref-defs-block"]:before,.vditor-ir div[data-type="footnotes-block"]:before,.vditor-ir .vditor-toc:before {
	content:none
}
}body {
	font-size:14px;
	line-height:1.42857143;
	color:#6E757C;
	height:100%;
	background-image:url(../images/bg.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
a {
	color:#383838;
	text-decoration:none;
	transition:all .3s;
	outline:none
}
a:hover,a:focus {
	color:#ff4d3a;
	text-decoration:none
}
svg {
	vertical-align:text-top
}
::selection {
	background:none repeat scroll 0 0 #3D4450;
	color:#FFF;
	outline:none
}
.vditor-reset a {
	color:#ff4d3a
}
.vditor-reset a:hover {
	text-decoration:underline
}
.pipe-tooltipped::after {
	border-radius:0
}
.ft-orange {
	color:#ff4d3a
}
.fn-mg5 {
	margin-bottom:5px
}
.tag {
	color:#fff;
	font-size:12px;
	display:block;
	float:left;
	background:#bbb;
	margin:0 5px 5px 0;
	padding:2px 5px
}
.tag:hover {
	color:#fff;
	background-color:#999
}
.tag:before {
	content:"#"
}
.tag__level0 {
	line-height:inherit;
	font-size:12px;
	color:rgba(0,0,0,0.38)
}
.tag__level1 {
	line-height:inherit;
	font-size:16px;
	color:rgba(0,0,0,0.54)
}
.tag__level2 {
	line-height:inherit;
	font-size:21px;
	color:#6f6f6f
}
.tag__level3 {
	line-height:inherit;
	font-size:24px;
	color:#3b3e43
}
.tag__level4 {
	line-height:inherit;
	font-size:30px;
	color:#000
}
.module {
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid transparent;
	border-radius:0;
	box-shadow:0 1px 1px rgba(0,0,0,0.05)
}
.module__header {
	border-bottom:1px solid #ff4d3a;
	padding:15px
}
.module__body {
	padding:15px
}
.module__body--tag {
	padding-bottom:10px
}
.module__list li {
	list-style:none;
	position:relative;
	padding:10px;
	line-height:17px;
	border-bottom:1px solid #eee
}
.module__list li:last-child {
	border-bottom:0
}
.module__list li .avatar {
	display:inline-block;
	height:35px;
	width:35px;
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	left:10px;
	top:10px
}
.module__list-avatar {
	padding-left:45px;
	word-break:break-all;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	display:-webkit-box
}
.module:last-child {
	margin-bottom:0
}
.wrapper {
	padding:0 15px;
	margin:0 auto;
	max-width:1024px;
	box-sizing:border-box
}
.content {
	width:70%;
	float:left
}
.side {
	width:30%;
	padding-left:20px;
	box-sizing:border-box;
	float:right;
	position:relative
}
.side__toc {
	transition:all 0.15s ease-in-out;
	overflow:auto
}
.side__toc--fix {
	position:fixed;
	overflow:auto;
	top:70px
}
.side__toc::-webkit-scrollbar {
	display:none
}
.main {
	flex:1;
	width:100%
}
.toc .toc__h1 a {
	padding-left:20px
}
.toc .toc__h2 a {
	padding-left:40px
}
.toc .toc__h3 a {
	padding-left:60px
}
.toc .toc__h4 a {
	padding-left:80px
}
.toc .toc__h5 a {
	padding-left:100px
}
.toc__item--active a {
	color:#ff4d3a
}
.header {
	background-color:#fff;
	height:45px
}
.header__logo {
	display:inline-block;
	line-height:75px
}
.header__logo span {
	float:left;
	height:28px;
	width:140px;
	margin:10px 15px 0 0;
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff
}
.header__logo a {
	color:rgba(34, 31, 30, 0);
	transition:all 0.15s ease-in-out
}
.header__logo a:hover {
	text-decoration:none;
	color:rgba(34, 31, 30, 0)
}
.header__sub-title {
	color:rgba(34, 31, 30, 0);
	margin-left:15px
}
.header__btn {
	color:rgba(192,192,192,0.6);
	line-height:55px;
	transition:all 0.15s ease-in-out
}
.header__btn:hover {
	text-decoration:none;
	color:#c0c0c0
}
.header .avatar {
	display:inline-block;
	height:35px;
	width:35px;
	background-color:#fff;
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	margin-top:20px
}
.nav {
	margin-bottom:20px;
	border-bottom:1px solid #eee
}
.nav--fix {
	position:fixed;
	width:100%;
	top:0;
	background-color:rgba(255,255,255,0.95);
	z-index:11
}
.nav img,.nav svg {
	vertical-align:text-top;
	height:20px;
	width:20px
}
.nav a {
	float:left;
	color:#555;
	transition:all 0.15s ease-in-out;
	line-height:20px;
	padding:15px
}
.nav a:hover {
	color:#282828;
	text-decoration:none
}
.nav--current {
	color:#333;
	background-color:#eee
}
.nav__search {
	float:right;
	position:relative;
	margin-top:10px
}
.nav__search input {
	padding:0 40px 0 10px;
	border:1px solid #ccc;
	background-color:#FAFAFA;
	box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;
	width:100%;
	line-height:28px;
	box-sizing:border-box
}
.nav__search button {
	background-color:#EB5750;
	border:0;
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	height:30px;
	width:30px;
	transition:all 0.15s ease-in-out
}
.nav__search button:hover {
	background-color:#e42f19
}
.footer {
	padding:20px 0;
	background:#111;
	margin-top:20px;
	color:#fff
}
.footer a {
	color:#ff4d3a;
	transition:all 0.15s ease-in-out
}
.footer a:hover {
	color:#e42f19;
	text-decoration:none
}
.btn__fix {
	position:fixed;
	bottom:140px;
	right:20px;
	color:#fff;
	background-color:#111;
	height:30px;
	width:30px;
	border-radius:15px;
	cursor:pointer;
	text-align:center;
	padding-top:6px;
	box-sizing:border-box;
	transition:all 0.15s ease-in-out;
	z-index:2
}
.btn__fix--top {
	bottom:100px
}
.btn__fix:hover {
	background-color:#393939
}
.article__item {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #ededed
}
.article__item .vditor-reset {
	margin-bottom:10px
}
.article__thumb {
	position:relative;
	bottom:-1px;
	overflow:hidden;
	display:block
}
.article__thumb>div:first-child {
	height:140px;
	width:100%;
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	transition:all 0.15s ease-in-out;
	font-size:0
}
.article__thumb div.fn__none {
	transition:all 0.15s ease-in-out
}
.article__thumb div.fn__none svg {
	color:#fff;
	height:50px;
	width:50px;
	margin-top:90px
}
.article__thumb:hover div:first-child {
	transform:scale(1.2)
}
.article__thumb:hover div.fn__none {
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(70, 170, 209, 0.8);
	width:100%;
	height:140px;
	text-align:center
}
.article__title {
	font-size:20px;
	margin-bottom:10px;
	word-wrap:break-word
}
.article__title svg {
	float:left;
	height:24px;
	width:24px;
	margin:9px 10px 0 0
}
.article__meta {
	color:#aaa;
	line-height:18px;
	margin-bottom:10px
}
.article__meta .avatar {
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	height:18px;
	width:18px;
	float:left
}
.article__meta a {
	color:#aaa
}
.article__meta a:hover {
	color:#ff4d3a
}
.article__more {
	line-height:21px
}
.article__more a {
	margin-left:10px
}
.article__more a.first {
	margin-left:0
}
.article__share {
	border-bottom:1px dashed #eee;
	margin-bottom:10px;
	padding-bottom:5px
}
.article__share .share__btns {
	float:right;
	position:relative
}
.article__share .share__btn {
	cursor:pointer;
	margin-left:10px;
	transition:all 0.15s ease-in-out;
	color:rgba(0,0,0,0.54)
}
.article__share .share__btn svg {
	height:18px;
	width:18px
}
.article__share .share__btn--wechat:hover {
	color:#3caf36
}
.article__share .share__btn--weibo:hover {
	color:#ff9933
}
.article__share .share__btn--twitter:hover {
	color:#18a3fa
}
.article__share .share__btn--google:hover {
	color:#dc4A3d
}
.article__share .share__code {
	position:absolute;
	height:130px;
	width:130px;
	top:30px;
	border:1px solid #eee;
	right:-16px;
	display:none
}
.pagination {
	float:right
}
.pagination__item {
	float:left;
	padding:6px 12px;
	text-decoration:none;
	color:#383838;
	background-color:#fff;
	border:1px solid #ddd;
	margin-left:-1px;
	position:relative
}
a.pagination__item:hover {
	background-color:#eee;
	border-color:#ddd
}
.pagination__item--active {
	color:#fff;
	background-color:#ff4d3a;
	border-color:#ff4d3a;
	cursor:default;
	z-index:2
}
a.pagination__item--active:hover {
	color:#fff;
	background-color:#ff4d3a;
	border-color:#ff4d3a
}
.pagination__item svg {
	margin:3px 0 -2px 0
}
.side__ad {
	background-color:#3cbc8d;
	color:#fff;
	padding:15px;
	margin-bottom:20px;
	border:1px solid transparent
}
.page {
	padding:20px;
	box-sizing:border-box;
	border:1px solid #ededed
}
.page--authors {
	padding:20px 10px 0 10px
}
.page__title {
	border-bottom:1px dashed #E1E1E1;
	text-align:center;
	padding-bottom:20px;
	margin-bottom:20px
}
.page__item {
	border-bottom:1px solid #eee;
	padding-bottom:15px;
	margin-bottom:20px
}
.page__item:last-child {
	margin-bottom:0;
	border-bottom:0;
	padding-bottom:0
}
.page__description {
	margin-bottom:10px
}
.author__item {
	float:left;
	height:265px;
	width:204px;
	margin:0 10px 20px 10px;
	text-align:center;
	box-shadow:0 1px 1px rgba(0,0,0,0.05)
}
.author__item:hover {
	text-decoration:none;
	color:rgba(0,0,0,0.38)
}
.author__item:hover .avatar {
	transform:scale(1.2)
}
.author__header {
	height:202px;
	overflow:hidden
}
.author__header .avatar {
	transition:all .4s linear;
	width:100%;
	height:100%;
	background-image:url("../../../images/image-bg.svg");
	background-color:rgba(0,0,0,0.02);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}
.author__name {
	font-size:16px;
	margin:9px 0 3px
}
.comment {
	border:1px solid #eee;
	padding:20px;
	margin-bottom:20px
}
@media (max-width:768px) {
	.side,.content {
	width:100%
}
.side {
	padding-left:0;
	margin-top:20px
}
.footer .fn__right {
	float:none
}
.header__sub-title,.header .fn__right,.nav {
	display:none
}
.header {
	position:fixed;
	z-index:20;
	width:100%;
	top:0;
	height:55px;
	background-color:rgba(255,255,255,0.95);
	border-bottom:1px solid #eee
}
.header .fn__none {
	float:right;
	margin-top:12.5px;
	height:20px;
	width:20px;
	display:block;
	cursor:pointer;
	padding:5px
}
.header__logo {
	line-height:25px
}
.header__logo span {
	margin-top:10px
}
.header__logo a {
	color:#555
}
.main {
	margin-top:75px
}
.wrapper {
	margin-left:0;
	margin-right:0
}
.pagination__item {
	padding:6px
}
.mobile__nav {
	position:fixed;
	top:56px;
	background-color:rgba(255,255,255,0.95);
	z-index:20;
	width:100%
}
.mobile__nav a {
	display:block;
	border-bottom:1px solid #eee;
	padding:10px 20px
}
.mobile__nav a.nav--current {
	background-color:rgba(238,238,238,0.45)
}
.mobile__nav img {
	height:14px;
	width:14px;
	margin:2px 4px 0 0
}
.article__title,.header__logo a,.page__title {
	font-size:20px
}
.article__more {
	float:none;
	display:block
}
.article__more a {
	margin:0 10px 0 0
}
}