@charset "utf-8";
/*
editormd的css
 */
.markdown-body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #333;
    overflow: hidden;
    font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
}

.markdown-body a {
    background: transparent;
}

.markdown-body a:active,
.markdown-body a:hover {
    outline: 0;
}

.markdown-body strong {
    font-weight: bold;
}

.markdown-body h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.markdown-body img {
    border: 0;
}

.markdown-body hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

.markdown-body pre {
    overflow: auto;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
    font-family: "Meiryo UI", "YaHei Consolas Hybrid", Consolas, "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
    font-size: 1em;
}

.markdown-body input {
    color: inherit;
    font: inherit;
    margin: 0;
}

.markdown-body html input[disabled] {
    cursor: default;
}

.markdown-body input {
    line-height: normal;
}

.markdown-body input[type="checkbox"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.markdown-body table {
    border-collapse: collapse;
    border-spacing: 0;
}

.markdown-body td,
.markdown-body th {
    padding: 0;
}

.markdown-body * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.markdown-body input {
    font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

.markdown-body a {
    color: #4183c4;
    text-decoration: none;
}

.markdown-body a:hover,
.markdown-body a:active {
    text-decoration: underline;
}

.markdown-body hr {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.markdown-body hr:before {
    display: table;
    content: "";
}

.markdown-body hr:after {
    display: table;
    clear: both;
    content: "";
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.1;
}

.markdown-body h1 {
    font-size: 30px;
}

.markdown-body h2 {
    font-size: 21px;
}

.markdown-body h3 {
    font-size: 16px;
}

.markdown-body h4 {
    font-size: 14px;
}

.markdown-body h5 {
    font-size: 12px;
}

.markdown-body h6 {
    font-size: 11px;
}

.markdown-body blockquote {
    margin: 0;
}

.markdown-body ul,
.markdown-body ol {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.markdown-body ol ol,
.markdown-body ul ol {
    list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
    list-style-type: lower-alpha;
}

.markdown-body dd {
    margin-left: 0;
}

.markdown-body code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 12px;
}

.markdown-body pre {
    margin-top: 0;
    margin-bottom: 0;
    font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.markdown-body .octicon {
    font: normal normal 16px octicons-anchor;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.markdown-body .octicon-link:before {
    content: '\f05c';
}

.markdown-body > *:first-child {
    margin-top: 0 !important;
}

.markdown-body > *:last-child {
    margin-bottom: 0 !important;
}

.markdown-body .anchor {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-right: 6px;
    padding-left: 30px;
    margin-left: -30px;
}

.markdown-body .anchor:focus {
    outline: none;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: bold;
    line-height: 1.4;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    display: none;
    color: #000;
    vertical-align: middle;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
    padding-left: 8px;
    margin-left: -30px;
    text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
    display: inline-block;
}

.markdown-body h1 {
    padding-bottom: 0.3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
}

.markdown-body h1 .anchor {
    line-height: 1;
}

.markdown-body h2 {
    padding-bottom: 0.3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee;
}

.markdown-body h2 .anchor {
    line-height: 1;
}

.markdown-body h3 {
    font-size: 1.5em;
    line-height: 1.43;
}

.markdown-body h3 .anchor {
    line-height: 1.2;
}

.markdown-body h4 {
    font-size: 1.25em;
}

.markdown-body h4 .anchor {
    line-height: 1.2;
}

.markdown-body h5 {
    font-size: 1em;
}

.markdown-body h5 .anchor {
    line-height: 1.1;
}

.markdown-body h6 {
    font-size: 1em;
    color: #777;
}

.markdown-body h6 .anchor {
    line-height: 1.1;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
    margin-top: 0;
    margin-bottom: 16px;
}

/*
.markdown-body hr {
  height: 4px;
  padding: 0;
  margin: 16px 0;
  background-color: #e7e7e7;
  border: 0 none;
}*/
.markdown-body ul,
.markdown-body ol {
    padding-left: 2em;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

.markdown-body li > p {
    margin-top: 16px;
}

.markdown-body dl {
    padding: 0;
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px;
}

.markdown-body blockquote {
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd;
}

.markdown-body blockquote > :first-child {
    margin-top: 0;
}

.markdown-body blockquote > :last-child {
    margin-bottom: 0;
}

.markdown-body table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all;
}

.markdown-body table th {
    font-weight: bold;
}

.markdown-body table th,
.markdown-body table td {
    padding: 6px 13px;
    border: 1px solid #ddd;
}

.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

.markdown-body table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

.markdown-body img {
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.markdown-body code {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px;
}

.markdown-body code:before,
.markdown-body code:after {
    letter-spacing: -0.2em;
    content: "\00a0";
}

.markdown-body pre > code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0;
}

.markdown-body .highlight {
    margin-bottom: 16px;
}

.markdown-body .highlight pre,
.markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px;
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal;
}

.markdown-body pre {
    word-wrap: normal;
}

.markdown-body pre code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

.markdown-body pre code:before,
.markdown-body pre code:after {
    content: normal;
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .pl-c {
    color: #969896;
}

.markdown-body .pl-c1,
.markdown-body .pl-mdh,
.markdown-body .pl-mm,
.markdown-body .pl-mp,
.markdown-body .pl-mr,
.markdown-body .pl-s1 .pl-v,
.markdown-body .pl-s3,
.markdown-body .pl-sc,
.markdown-body .pl-sv {
    color: #0086b3;
}

.markdown-body .pl-e,
.markdown-body .pl-en {
    color: #795da3;
}

.markdown-body .pl-s1 .pl-s2,
.markdown-body .pl-smi,
.markdown-body .pl-smp,
.markdown-body .pl-stj,
.markdown-body .pl-vo,
.markdown-body .pl-vpf {
    color: #333;
}

.markdown-body .pl-ent {
    color: #63a35c;
}

.markdown-body .pl-k,
.markdown-body .pl-s,
.markdown-body .pl-st {
    color: #a71d5d;
}

.markdown-body .pl-pds,
.markdown-body .pl-s1,
.markdown-body .pl-s1 .pl-pse .pl-s2,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sra,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-src {
    color: #df5000;
}

.markdown-body .pl-mo,
.markdown-body .pl-v {
    color: #1d3e81;
}

.markdown-body .pl-id {
    color: #b52a1d;
}

.markdown-body .pl-ii {
    background-color: #b52a1d;
    color: #f8f8f8;
}

.markdown-body .pl-sr .pl-cce {
    color: #63a35c;
    font-weight: bold;
}

.markdown-body .pl-ml {
    color: #693a17;
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
    color: #1d3e81;
    font-weight: bold;
}

.markdown-body .pl-mq {
    color: #008080;
}

.markdown-body .pl-mi {
    color: #333;
    font-style: italic;
}

.markdown-body .pl-mb {
    color: #333;
    font-weight: bold;
}

.markdown-body .pl-md,
.markdown-body .pl-mdhf {
    background-color: #ffecec;
    color: #bd2c00;
}

.markdown-body .pl-mdht,
.markdown-body .pl-mi1 {
    background-color: #eaffea;
    color: #55a532;
}

.markdown-body .pl-mdr {
    color: #795da3;
    font-weight: bold;
}

.markdown-body kbd {
    display: inline-block;
    padding: 3px 5px;
    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .task-list-item {
    list-style-type: none;
}

.markdown-body .task-list-item + .task-list-item {
    margin-top: 3px;
}

.markdown-body .task-list-item input {
    float: left;
    margin: 0.3em 0 0.25em -1.6em;
    vertical-align: middle;
}

.markdown-body :checked + .radio-label {
    z-index: 1;
    position: relative;
    border-color: #4183c4;
}

.markdown-body .task-list-item-checkbox{
    margin-left: -15px;
}

.editormd-preview-container, .editormd-html-preview {
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    overflow: auto;
    width: 100%;
    background-color: #fff;
}
.editormd-preview-container blockquote, .editormd-html-preview blockquote {
    color: #666;
    border-left: 4px solid #ddd;
    padding-left: 20px;
    margin-left: 0;
    font-size: 14px;
    font-style: italic;
}
.editormd-preview-container p code, .editormd-html-preview p code {
    margin-left: 5px;
    margin-right: 4px;
}
.editormd-preview-container abbr, .editormd-html-preview abbr {
    background: #ffffdd;
}
.editormd-preview-container hr, .editormd-html-preview hr {
    height: 1px;
    border: none;
    border-top: 1px solid #ddd;
    background: none;
}
.editormd-preview-container code, .editormd-html-preview code {
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 3px;
    border-radius: 3px;
    font-size: 14px;
}
.editormd-preview-container pre, .editormd-html-preview pre {
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.editormd-preview-container pre code, .editormd-html-preview pre code {
    padding: 0;
}
.editormd-preview-container pre, .editormd-preview-container code, .editormd-preview-container kbd, .editormd-html-preview pre, .editormd-html-preview code, .editormd-html-preview kbd {
    font-family: "YaHei Consolas Hybrid", Consolas, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, monospace, monospace;
}
.editormd-preview-container table thead tr, .editormd-html-preview table thead tr {
    background-color: #F8F8F8;
}
.editormd-preview-container p.editormd-tex, .editormd-html-preview p.editormd-tex {
    text-align: center;
}
.editormd-preview-container span.editormd-tex, .editormd-html-preview span.editormd-tex {
    margin: 0 5px;
}
.editormd-preview-container .emoji, .editormd-html-preview .emoji {
    width: 24px;
    height: 24px;
}
.editormd-preview-container .katex, .editormd-html-preview .katex {
    font-size: 1.4em;
}
.editormd-preview-container .sequence-diagram, .editormd-preview-container .flowchart, .editormd-html-preview .sequence-diagram, .editormd-html-preview .flowchart {
    margin: 0 auto;
    text-align: center;
}
.editormd-preview-container .sequence-diagram svg, .editormd-preview-container .flowchart svg, .editormd-html-preview .sequence-diagram svg, .editormd-html-preview .flowchart svg {
    margin: 0 auto;
}
.editormd-preview-container .sequence-diagram text, .editormd-preview-container .flowchart text, .editormd-html-preview .sequence-diagram text, .editormd-html-preview .flowchart text {
    font-size: 15px !important;
    font-family: "YaHei Consolas Hybrid", Consolas, "Microsoft YaHei", "Malgun Gothic", "Segoe UI", Helvetica, Arial !important;
}

/*! Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln {
    color: #000;
}

/* plain text */
@media screen {
    .str {
        color: #080;
    }

    /* string content */
    .kwd {
        color: #008;
    }

    /* a keyword */
    .com {
        color: #800;
    }

    /* a comment */
    .typ {
        color: #606;
    }

    /* a type name */
    .lit {
        color: #066;
    }

    /* a literal value */
    /* punctuation, lisp open bracket, lisp close bracket */
    .pun, .opn, .clo {
        color: #660;
    }

    .tag {
        color: #008;
    }

    /* a markup tag name */
    .atn {
        color: #606;
    }

    /* a markup attribute name */
    .atv {
        color: #080;
    }

    /* a markup attribute value */
    .dec, .var {
        color: #606;
    }

    /* a declaration; a variable name */
    .fun {
        color: red;
    }

    /* a function name */
}
/* Use higher contrast and text-weight for printable form. */
@media print, projection {
    .str {
        color: #060;
    }

    .kwd {
        color: #006;
        font-weight: bold;
    }

    .com {
        color: #600;
        font-style: italic;
    }

    .typ {
        color: #404;
        font-weight: bold;
    }

    .lit {
        color: #044;
    }

    .pun, .opn, .clo {
        color: #440;
    }

    .tag {
        color: #006;
        font-weight: bold;
    }

    .atn {
        color: #404;
    }

    .atv {
        color: #060;
    }
}
/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
    padding: 2px;
    border: 1px solid #888;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
}

pre.prettyprint li{
    list-style-type: none;
    background: #f6f6f6;
}

.editormd-preview-container pre.prettyprint, .editormd-html-preview pre.prettyprint {
    padding: 10px;
    border: 1px solid #ddd;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.editormd-preview-container ol.linenums, .editormd-html-preview ol.linenums {
    color: #999;
    padding-left: 3em;
}
.editormd-preview-container ol.linenums li, .editormd-html-preview ol.linenums li {
    list-style-type: decimal;
}
.editormd-preview-container ol.linenums li code, .editormd-html-preview ol.linenums li code {
    border: none;
    background: none;
    padding: 0;
}

.editormd-preview-container .editormd-toc-menu, .editormd-html-preview .editormd-toc-menu {
    margin: 8px 0 12px 0;
    display: inline-block;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc, .editormd-html-preview .editormd-toc-menu > .markdown-toc {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 1em;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul, .editormd-html-preview .editormd-toc-menu > .markdown-toc > ul {
    width: 160%;
    min-width: 180px;
    position: absolute;
    left: -1px;
    top: -2px;
    z-index: 100;
    padding: 0 10px 10px;
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* Webkit browsers */
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* Firefox */
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* IE9 */
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* Opera(Old) */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* IE9+, News */
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li ul, .editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li ul {
    width: 100%;
    min-width: 180px;
    border: 1px solid #ddd;
    display: none;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li a, .editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li a {
    color: #666;
    padding: 6px 10px;
    display: block;
    -webkit-transition: background-color 500ms ease-out;
    /* Safari, Chrome */
    -moz-transition: background-color 500ms ease-out;
    /* Firefox 4.0~16.0 */
    transition: background-color 500ms ease-out;
    /* IE >9, FF >15, Opera >12.0 */
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc > ul > li a:hover, .editormd-html-preview .editormd-toc-menu > .markdown-toc > ul > li a:hover {
    background-color: #f6f6f6;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc li, .editormd-html-preview .editormd-toc-menu > .markdown-toc li {
    position: relative;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul, .editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul {
    position: absolute;
    top: 32px;
    left: 10%;
    display: none;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* Webkit browsers */
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* Firefox */
    -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* IE9 */
    -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* Opera(Old) */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    /* IE9+, News */
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:before, .editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:after, .editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:before, .editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:after {
    pointer-events: pointer-events;
    position: absolute;
    left: 15px;
    top: -6px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-width: 0 6px 6px;
    z-index: 10;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:before, .editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:before {
    border-bottom-color: #ccc;
}
.editormd-preview-container .editormd-toc-menu > .markdown-toc li > ul:after, .editormd-html-preview .editormd-toc-menu > .markdown-toc li > ul:after {
    border-bottom-color: #ffffff;
    top: -5px;
}
.editormd-preview-container .editormd-toc-menu ul, .editormd-html-preview .editormd-toc-menu ul {
    list-style: none;
}
.editormd-preview-container .editormd-toc-menu a, .editormd-html-preview .editormd-toc-menu a {
    text-decoration: none;
}
.editormd-preview-container .editormd-toc-menu h1, .editormd-html-preview .editormd-toc-menu h1 {
    font-size: 16px;
    padding: 5px 0 10px 10px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}
.editormd-preview-container .editormd-toc-menu h1 .fa, .editormd-html-preview .editormd-toc-menu h1 .fa {
    padding-left: 10px;
}
.editormd-preview-container .editormd-toc-menu .toc-menu-btn, .editormd-html-preview .editormd-toc-menu .toc-menu-btn {
    color: #666;
    min-width: 180px;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: background-color 500ms ease-out;
    /* Safari, Chrome */
    -moz-transition: background-color 500ms ease-out;
    /* Firefox 4.0~16.0 */
    transition: background-color 500ms ease-out;
    /* IE >9, FF >15, Opera >12.0 */
}
.editormd-preview-container .editormd-toc-menu .toc-menu-btn:hover, .editormd-html-preview .editormd-toc-menu .toc-menu-btn:hover {
    background-color: #f6f6f6;
}
.editormd-preview-container .editormd-toc-menu .toc-menu-btn .fa, .editormd-html-preview .editormd-toc-menu .toc-menu-btn .fa {
    float: right;
    padding: 3px 0 0 10px;
    font-size: 1.3em;
}

.markdown-body .editormd-toc-menu ul {
    padding-left: 0;
}
.markdown-body .highlight pre, .markdown-body pre {
    line-height: 1.6;
}

hr.editormd-page-break {
    border: 1px dotted #ccc;
    font-size: 0;
    height: 2px;
}

@media only print {
    hr.editormd-page-break {
        background: none;
        border: none;
        height: 0;
    }
}
.editormd-html-preview textarea {
    display: none;
}
.editormd-html-preview hr.editormd-page-break {
    background: none;
    border: none;
    height: 0;
}

.editormd-preview-close-btn {
    color: #fff;
    padding: 4px 6px;
    font-size: 18px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
    border-radius: 500px;
    display: none;
    background-color: #ccc;
    position: absolute;
    top: 25px;
    right: 35px;
    z-index: 19;
    -webkit-transition: background-color 300ms ease-out;
    /* Safari, Chrome */
    -moz-transition: background-color 300ms ease-out;
    /* Firefox 4.0~16.0 */
    transition: background-color 300ms ease-out;
    /* IE >9, FF >15, Opera >12.0 */
}
.editormd-preview-close-btn:hover {
    background-color: #999;
}

.editormd-preview-active {
    width: 100%;
    padding: 40px;
}

/*
index的css
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
button,
input,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
article,
aside,
details,
figcaption,
figure,
#footer,
#header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
button,
input,
textarea,
p,
span,
th,
td,
article,
aside,
nav,
section,
img,
a {
    outline: none;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

html,
body {
    color: #444;
    background-color: #E2E2E2;
    overflow-x: hidden;
}

html::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #CCC;
}

html::-webkit-scrollbar-button {
    display: none;
}

html::-webkit-scrollbar-track-piece {
    display: none;
}

html::-webkit-scrollbar-thumb {
    background: #999;
}

html::-webkit-scrollbar-thumb:hover {
    background: #3399CC;
}

a {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

li {
    display: list-item;
    list-style: none;
    text-align: -webkit-match-parent;
}

li.active {
    background: #FFF;
    opacity: .9;
    filter: alpha(opacity=90);
}

button.close:hover span {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.btn-default {
    border-color: #DDD;
    color: #666;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    border-color: #BBB;
    color: #444;
}

.btn-primary {
    background-color: #3399CC;
    border-color: #3399CC;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #3399CC;
    border-color: #3399CC;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.btn-danger {
    background-color: #FF5E52;
    border-color: #FF5E52;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #EF4639;
    border-color: #EF4639;
}

button.disabled {
    cursor: no-drop;
}

/*body,*/
/*input,*/
/*button,*/
/*textarea,*/
/*select {*/
/*    font-family: "Microsoft YaHei", "微软雅黑", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;*/
/*}*/



.title,
.pagetitle {
    overflow: hidden;
}

.pagetitle h1,
.pagetitle h2 {
    font-size: 20px;
    margin: 0;
    float: left;
    cursor: pointer;
}

.title .more {
    float: right;
    position: relative;
    top: 5px;
}

.title .more a {
    display: inline-block;
    margin-left: 20px;
    color: #999;
}

.title .more a:hover {
    color: #3399CC;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.container {
    position: relative;
    padding: 0 10px;
    width: 100%;
}

.container-padding{
    padding: 0 60px;
}

@media (max-width: 768px) {
    .container {
        padding: 0 5px;
    }
}

@media (min-width: 1440px) {
    .container {
        width: 1440px;
    }
}

.shadow {
    z-index: 1000;
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
}

@media (max-width:800px) {
    .hidden-index {
        display: none !important;
    }
}

.content-wrap {
    width: 100%;
    float: left;
}

.content {
    position: relative;
    margin: 10px 280px 10px 10px;
}

.sidebar{
    position: relative;
    margin: 10px 0px 10px 0px;
}

@media (min-width: 768px){
    .sidebar {
        float: left;
        margin-left: -270px;
        width: 270px;
    }

    .sidebar-fixed{
        position: fixed;
        top: 10px;
    }

    .sidebar-fixed .widget{
        display: none;
    }

    .sidebar-fixed .widget-fixed{
        display: block;
    }
}

@media (max-width:768px) {
    .content {
        margin-right: 0;
    }

    .sidebar {
        clear: both;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    /**
    小屏幕下隐藏
     */
    .sidebar .widget-hidden{
        display: none;
    }
}

.carousel-indicators {
    bottom: 6px;
}

.carousel {
    margin-bottom: 15px;
    z-index: 1;
}

.carousel-inner {
    width: 100%;
    max-height: 200px;
}

.carousel-inner .item a {
    display: block;
    text-align: center;
}

.carousel-inner .item img {
    margin: 0 auto;
    border-radius: 4px;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
}

.carousel-control {
    width: 40px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
}

.carousel-control:hover {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    color: #fff;
}

.jumbotron {
    display: none;
    padding: 15px;
}

.jumbotron h1 {
    margin-bottom: 15px;
}

.jumbotron p {
    text-indent: 2em;
}

@media (max-width:600px) {
    /*.carousel {*/
    /*display: none;*/
    /*}*/

    .jumbotron {
        display: block;
    }
}

.excerpt-minic {
    border: 1px solid #eaeaea;
    padding: 20px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 4px;
}

.excerpt-minic h2 {
    font-size: 22px;
    line-height: 24px;
    margin-top: 0;
    font-weight: bold;
    margin: 0 0 15px;
}

.excerpt-minic h2 a {
    color: #555;
}

.excerpt-minic h2 a:hover {
    color: #3399CC;
}

.excerpt-minic .note {
    color: #666;
    margin-bottom: 0;
    text-indent: 28px;
    cursor: default;
}

.excerpt-minic-index h2 {
    font-size: 18px;
}

.excerpt-minic-index .meta {
    border-bottom: none;
    padding-bottom: 0;
}

.excerpt-minic-index .red {
    margin-left: -8px;
    color: #F73B3B;
}

.excerpt-minic-index span.red:hover {
    cursor: pointer;
    color: #F46D6D;
}

.excerpt {
    clear: both;
    border: 1px solid #EAEAEA;
    padding: 8px 12px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: -5px;
}

.excerpt:hover {
    background-color: #FBFDFF;
    border-color: #42B5EF;
    position: relative;
    /*z-index: 20;*/
}

.excerpt-summary {
    clear: both;
    border: 1px solid #EAEAEA;
    padding: 8px 12px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: -5px;
}

.excerpt-1 {
    border-radius: 4px 4px 0 0;
}

.excerpt .focus {
    float: left;
    margin-left: -235px;
    width: 220px;
}

.excerpt .thumb {
    border-radius: 5px;
    width: 220px;
    height: 150px;
    overflow: hidden;
}

.excerpt img {
    display: inline;
}

.excerpt .focus:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.excerpt header {
    margin-bottom: 10px;
}

.excerpt .cat {
    color: #FFF;
    background-color: #3399CC;
    padding: 3px 6px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.excerpt .cat:hover {
    opacity: .8;
}

.excerpt .cat i {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 4px solid #3399CC;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.excerpt h2 {
    display: inline;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
    font-weight: normal;
}

.excerpt h2 a {
    /*color: #555;*/
}

.excerpt h2 a:hover {
    color: #3399CC;
}

.excerpt .title {
    float: left;
}

.excerpt .meta {
    float: right;
    width: 240px;
    color: #999;
    font-size: 12px;
    padding: 0px;
}

@media (max-width:680px){
    .excerpt .title {
        float: none;
    }
    .excerpt .meta {
        float: none;
        color: #999;
        width: 100%;
        font-size: 12px;
    }
}

.excerpt .time,
.excerpt .comment,
.excerpt .views {
    cursor: pointer;
    margin-right: 20px;
}

.comment input {
    margin-bottom: 5px;
    border: 2px solid #ccd4d9;
}

.excerpt .time:hover,
.excerpt .comment:hover,
.excerpt .views:hover {
    color: #3399CC;
}

@media (max-width:680px) {
    .excerpt .comment {
        display: none;
    }
}

.excerpt .meta a {
    color: #999;
}

.excerpt .note {
    font-size: 12px;
    color: #999;
    word-wrap: break-word;
    line-height: 20px;
    cursor: default;
}

.pagination {
    margin: 0;
    padding: 20px;
    text-align: center;
    font-size: 12px;
    display: block;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0
}

.pagination ul>li {
    display: inline;
}

.pagination ul>li>a,
.pagination ul>li>span {
    margin: 0 2px;
    float: left;
    padding: 5px 12px;
    background-color: #DDD;
    color: #666;
    border-radius: 2px;
    opacity: .88;
    filter: alpha(opacity=88);
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus {
    opacity: 1;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #45B6F7;
    color: #FFF;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    cursor: default;
}

.pagination ul>li>span,
.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
    color: #999999;
    background-color: transparent;
    cursor: default;
}

.pagination-loading {
    text-align: center;
    padding: 15px 0;
}

.single .content {
    padding: 0 15px;
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
}

.article-header {
    margin-bottom: 20px;
    padding: 25px 0;
    border-bottom: 1px solid #EEE;
    text-align: center;
}

.article-title {
    margin-top: 0;
    font-size: 32px;
    line-height: 36px;
    color: #333;
}

.article-title a,
.article-title a:hover {
    color: #555;
}

.article-meta {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}

.article-content {
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
    cursor: default;
    padding: 0;
    margin-bottom: 20px;
}

.article-content img {
    margin: 16px auto;
    display: block;
    max-width: 100%;
    min-height: 30px;
    /*max-height: 500px;*/
    height: auto;
}

.article-content img:hover {
    cursor: pointer;
}

.article-content code {
    color: #333333;
}

.article-content pre {
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -khtml-user-select: text;
    user-select: text;
}

.article-content pre,
.article-content pre code{
    font-family: "Source Code Pro", "DejaVu Sans Mono", "Ubuntu Mono", "Anonymous Pro", "Droid Sans Mono", Menlo, Monaco, Consolas, Inconsolata, Courier, monospace, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.article-content pre ol {
    margin-left: 0;
}

.article-content h1{
    font-size: 28px;
    border-bottom: 0;
    font-weight: 500;
}

.article-content h2{
    font-size: 24px;
    border-bottom: 0;
    font-weight: 500;
}

.article-content h3{
    font-size: 20px;
    border-bottom: 0;
    font-weight: 500;
}

.article-content blockquote{
    font-style: inherit;
}

.single .title {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 10px;
}

.widget {
    clear: both;
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    overflow: hidden;
}

.widget h3 {
    font-size: 18px;
    color: #666;
    border-bottom: 1px solid #eaeaea;
    background-color: #fbfbfb;
    margin: 0;
    padding: 8px;
    cursor: default;
}

.widget h3:hover {
    cursor: pointer;
}

.widget img{
    width: 100%;
}

.widget-transparent{
    background-color: transparent;
    border-color: transparent;
}

.widget-tabs {
    height: 200px;
}

.nav-tabs {
    background-color: #fbfbfb;
    line-height: 42px;
    height: 42px;
    border-bottom: 1px solid #EAEAEA;
}

.nav-tabs>li>a {
    outline: medium none;
    color: #777;
    margin-right: 0px;
    border: 1px solid transparent;
    border-radius: 0;
    border-right: 1px solid #DDD !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #3399CC !important;
}

.form-control {
    padding: 5px 5px 5px 10px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.form-control:focus {
    border: #3399CC solid 1px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.search-text {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.search-btn {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background: #3399CC;
    color: #FFF;
    border: #3399CC solid 1px;
    padding: 5px 10px;
}

.search-btn:hover {
    background: #FFF;
    color: #3399CC;
    border: #3399CC solid 1px;
}

@media (max-width:640px) {
    .article-header {
        text-align: left;
        padding: 15px 0;
    }

    .article-content img {
        border-radius: 5px;
    }

    .article-content {
        font-size: 15px;
        line-height: 24px;
    }

    .content {
        min-height: 200px;
    }

    .excerpt {
        padding: 10px 10px 10px 10px;
    }

    .excerpt .focus {
        width: 160px;
        margin-left: -170px;
    }

    .btn-lg {
        font-size: 14px;
        padding: 6px 15px;
    }

}

.loading{
    margin: 2px auto;
    text-align: center;
    display: none;
}

.msg{
    margin: 2px auto;
    text-align: center;
    color: red;
}

#qrcode{
    padding: 10px;
    padding-bottom: 7px;
}

.info{
    float: left;
    margin-top: 40px;
}

.url{
    clear:both;
    padding: 0 7px 5px 7px;
}

.url input{
    width: 100%;
}

.zfb{
    width: 100%;
    color: red;
    padding: 5px 7px;
}

.zfb b{
    font-size: 20px;
    font-weight: 500;
}

#qrcodebox{
    position: relative;
}

#qrcode{
    float: left;
}

#qrcode-left{
    float: left;
    width: 100px;
    margin-top: 25px;
}

/*文章的内容里面的样式*/
.article{

}

.article ul li{
    list-style-type: disc;
}

.article ol li{
    list-style-type: decimal;
}

.meta .date,
.article-meta .date{
    text-align: left;
    width: 110px;
    height: 24px;
    line-height: 24px;
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}

.meta .tag,
.article-meta .tag{
    text-align: center;
    color: #999;
    width: 70px;
    height: 24px;
    line-height: 24px;
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}

.meta .pv,
.article-meta .pv{
    text-align: left;
    width: 50px;
    height: 24px;
    line-height: 24px;
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}

.meta .edit,
.article-meta .edit{
    text-align: left;
    width: 30px;
    height: 24px;
    margin-right: 8px;
    line-height: 24px;
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
}

.statistics{
    padding: 15px;
}

.statistics span{
    width: 120px;
    display:inline-block;
}

.imgGuang{
    background-color: transparent;
    border: 0;
}

.carousel-inner{
    max-height: 250px;
}

@media (min-width:768px) {
    .single .other-info{
        margin-left: 280px;
    }
}

.sort{
    border-style: none;
}

.sort a{
    display: block;
}

.sort .list-group{
    margin-bottom: 0;
}

.sort .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sort .list-group-item {
    padding: 8px 12px;
}

.sort span{
    font-size: 16px;
    margin-right: -4px;
}

.sort-min{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3px 4px;
    padding: 5px;
}

.sort-min::after {
    content: "";
    flex: auto;
}

.sort-min a{
    display: block;
    white-space: nowrap;
    font-size: 14px;
}

.tool-box .list-group{
    margin-bottom: 0;
}

.tool-box .list-group-item{
    padding: 5px;
    font-size: 14px;
    border-top: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.tool-box .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tool-box .hot{
    top: -2px;
}

.main{
    margin-bottom: 10px;
    padding: 20px;
    background-color: #ffffff;
}

.main textarea{
    width: 100%;
    resize: none;
    padding: 5px;
    border-color: #c5c5c5;
}

.notfound {
    position: relative;
}

.notfound img {
    margin: 100px auto 8px auto;
    display: block;
}

.notfound span {
    position: absolute;
    top: 36%;
    left: 50%;
    margin-left: -120px;
    color: #999999;
    font-size: 18px;
}

.notfound a {
    position: absolute;
    top: 43%;
    left: 50%;
    margin-left: -45px;
    border: 2px solid #94BFF3;
    color: #94BFF3;
    border-radius: 15px;
    padding: 2px 14px;
    font-size: 15px;
}

.panel-pre .panel-heading{
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1;
}

.panel-pre .panel-body{
    padding: 3px !important;
    margin: 0;
}

.panel-pre .panel-body:before,
.panel-pre .panel-body:after{
    content: "";
}

.panel-pre .btn-pre-copy{
    float: right;
}

.panel-pre .panel-heading span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
    color: hsla(0,0%,54.9%,.8);
    transition: color .1s;
}

.footer .container{
    padding: 10px 15px;
}