.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: white;
    color: black
}

.hljs-comment, .hljs-quote {
    color: #800
}

.hljs-keyword, .hljs-selector-tag, .hljs-section, .hljs-title, .hljs-name {
    color: #008
}

.hljs-variable, .hljs-template-variable {
    color: #660
}

.hljs-string, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-regexp {
    color: #080
}

.hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-meta, .hljs-number, .hljs-link {
    color: #066
}

.hljs-title, .hljs-doctag, .hljs-type, .hljs-attr, .hljs-built_in, .hljs-builtin-name, .hljs-params {
    color: #606
}

.hljs-attribute, .hljs-subst {
    color: #000
}

.hljs-formula {
    background-color: #eee;
    font-style: italic
}

.hljs-selector-id, .hljs-selector-class {
    color: #9b703f
}

.hljs-addition {
    background-color: #baeeba
}

.hljs-deletion {
    background-color: #ffc8bd
}

.hljs-doctag, .hljs-strong {
    font-weight: bold
}

.hljs-emphasis {
    font-style: italic
}
/*! Focus Pro v2.4.1 | http://www.focus-ui.com | 2023-04-03 */
/*
轻量级style
ref: pure+bootstrap
添加fu-pro可用

*/
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar:horizontal {
  height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 7px;
  background-color: #f6f6f6;
}
::-webkit-scrollbar-track:hover {
  background-color: #e7e7e7;
}
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #ababab;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #787878;
}
@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
  }
}
html,
body {
  padding: 0;
  margin: 0;
}
.fu-pro {
  /*
  提供默认属性
 */
  /*input, select, textarea,*/
}
.fu-pro .align-right {
  text-align: right;
}
.fu-pro .abs-fill {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.fu-pro .color-primary {
  color: #0078e7 !important;
}
.fu-pro .color-secondary {
  color: #6c757d !important;
}
.fu-pro .color-success {
  color: #1cb841 !important;
}
.fu-pro .color-danger {
  color: #ca3c3c !important;
}
.fu-pro .color-warning {
  color: #df7514 !important;
}
.fu-pro .color-info {
  color: #42b8dd !important;
}
.fu-pro .color-dark {
  color: #212529 !important;
}
.fu-pro .color-light {
  color: #f8f9fa !important;
}
.fu-pro .bg-color-primary {
  background-color: #0078e7 !important;
}
.fu-pro .bg-color-secondary {
  background-color: #6c757d !important;
}
.fu-pro .bg-color-success {
  background-color: #1cb841 !important;
}
.fu-pro .bg-color-danger {
  background-color: #ca3c3c !important;
}
.fu-pro .bg-color-warning {
  background-color: #df7514 !important;
}
.fu-pro .bg-color-info {
  background-color: #42b8dd !important;
}
.fu-pro .bg-color-dark {
  background-color: #212529 !important;
}
.fu-pro .bg-color-light {
  background-color: #f8f9fa !important;
}
.fu-pro .size-xsm {
  font-size: 70% !important;
}
.fu-pro .size-sm {
  font-size: 85% !important;
}
.fu-pro .size-lg {
  font-size: 110% !important;
}
.fu-pro .size-xlg {
  font-size: 125% !important;
}
.fu-pro .btn {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  outline: 0;
  padding: 0.375rem 0.7rem;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  font-size: 1rem;
  color: #212529;
  background-color: #ffffff;
  border-color: #d9d9d9;
}
.fu-pro .btn:hover,
.fu-pro .btn.hover,
.fu-pro .btn:focus,
.fu-pro .btn.focus {
  background-color: #f2f2f2;
  border-color: #cccccc;
}
.fu-pro .btn:active,
.fu-pro .btn.active {
  background-color: #e6e6e6;
  border-color: #c0c0c0;
}
.fu-pro .btn:disabled,
.fu-pro .btn.disabled {
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}
.fu-pro .btn.btn-primary {
  color: #fff;
  background-color: #0078e7;
  border-color: #0078e7;
}
.fu-pro .btn.btn-primary:hover,
.fu-pro .btn.btn-primary.hover,
.fu-pro .btn.btn-primary:focus,
.fu-pro .btn.btn-primary.focus {
  background-color: #006bce;
  border-color: #006bce;
}
.fu-pro .btn.btn-primary:active,
.fu-pro .btn.btn-primary.active {
  background-color: #005eb4;
  border-color: #005eb4;
}
.fu-pro .btn.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.fu-pro .btn.btn-secondary:hover,
.fu-pro .btn.btn-secondary.hover,
.fu-pro .btn.btn-secondary:focus,
.fu-pro .btn.btn-secondary.focus {
  background-color: #60686f;
  border-color: #60686f;
}
.fu-pro .btn.btn-secondary:active,
.fu-pro .btn.btn-secondary.active {
  background-color: #545b62;
  border-color: #545b62;
}
.fu-pro .btn.btn-success {
  color: #fff;
  background-color: #1cb841;
  border-color: #1cb841;
}
.fu-pro .btn.btn-success:hover,
.fu-pro .btn.btn-success.hover,
.fu-pro .btn.btn-success:focus,
.fu-pro .btn.btn-success.focus {
  background-color: #19a239;
  border-color: #19a239;
}
.fu-pro .btn.btn-success:active,
.fu-pro .btn.btn-success.active {
  background-color: #158c31;
  border-color: #158c31;
}
.fu-pro .btn.btn-danger {
  color: #fff;
  background-color: #ca3c3c;
  border-color: #ca3c3c;
}
.fu-pro .btn.btn-danger:hover,
.fu-pro .btn.btn-danger.hover,
.fu-pro .btn.btn-danger:focus,
.fu-pro .btn.btn-danger.focus {
  background-color: #ba3333;
  border-color: #ba3333;
}
.fu-pro .btn.btn-danger:active,
.fu-pro .btn.btn-danger.active {
  background-color: #a62d2d;
  border-color: #a62d2d;
}
.fu-pro .btn.btn-warning {
  color: #fff;
  background-color: #df7514;
  border-color: #df7514;
}
.fu-pro .btn.btn-warning:hover,
.fu-pro .btn.btn-warning.hover,
.fu-pro .btn.btn-warning:focus,
.fu-pro .btn.btn-warning.focus {
  background-color: #c86912;
  border-color: #c86912;
}
.fu-pro .btn.btn-warning:active,
.fu-pro .btn.btn-warning.active {
  background-color: #b05c10;
  border-color: #b05c10;
}
.fu-pro .btn.btn-info {
  color: #fff;
  background-color: #42b8dd;
  border-color: #42b8dd;
}
.fu-pro .btn.btn-info:hover,
.fu-pro .btn.btn-info.hover,
.fu-pro .btn.btn-info:focus,
.fu-pro .btn.btn-info.focus {
  background-color: #2cb0d9;
  border-color: #2cb0d9;
}
.fu-pro .btn.btn-info:active,
.fu-pro .btn.btn-info.active {
  background-color: #24a1c8;
  border-color: #24a1c8;
}
.fu-pro .btn.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.fu-pro .btn.btn-dark:hover,
.fu-pro .btn.btn-dark.hover,
.fu-pro .btn.btn-dark:focus,
.fu-pro .btn.btn-dark.focus {
  background-color: #16181b;
  border-color: #16181b;
}
.fu-pro .btn.btn-dark:active,
.fu-pro .btn.btn-dark.active {
  background-color: #0a0c0d;
  border-color: #0a0c0d;
}
.fu-pro .btn.btn-outline-primary {
  color: #0078e7;
  background-color: transparent;
  border-color: #0078e7;
}
.fu-pro .btn.btn-outline-primary:hover,
.fu-pro .btn.btn-outline-primary.hover {
  color: #fff;
  background-color: #0078e7;
}
.fu-pro .btn.btn-outline-primary:active,
.fu-pro .btn.btn-outline-primary.active {
  color: #fff;
  background-color: #0058aa;
  border-color: #0058aa;
}
.fu-pro .btn.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  border-color: #6c757d;
}
.fu-pro .btn.btn-outline-secondary:hover,
.fu-pro .btn.btn-outline-secondary.hover {
  color: #fff;
  background-color: #6c757d;
}
.fu-pro .btn.btn-outline-secondary:active,
.fu-pro .btn.btn-outline-secondary.active {
  color: #fff;
  background-color: #50565c;
  border-color: #50565c;
}
.fu-pro .btn.btn-outline-success {
  color: #1cb841;
  background-color: transparent;
  border-color: #1cb841;
}
.fu-pro .btn.btn-outline-success:hover,
.fu-pro .btn.btn-outline-success.hover {
  color: #fff;
  background-color: #1cb841;
}
.fu-pro .btn.btn-outline-success:active,
.fu-pro .btn.btn-outline-success.active {
  color: #fff;
  background-color: #14832e;
  border-color: #14832e;
}
.fu-pro .btn.btn-outline-danger {
  color: #ca3c3c;
  background-color: transparent;
  border-color: #ca3c3c;
}
.fu-pro .btn.btn-outline-danger:hover,
.fu-pro .btn.btn-outline-danger.hover {
  color: #fff;
  background-color: #ca3c3c;
}
.fu-pro .btn.btn-outline-danger:active,
.fu-pro .btn.btn-outline-danger.active {
  color: #fff;
  background-color: #9e2b2b;
  border-color: #9e2b2b;
}
.fu-pro .btn.btn-outline-warning {
  color: #df7514;
  background-color: transparent;
  border-color: #df7514;
}
.fu-pro .btn.btn-outline-warning:hover,
.fu-pro .btn.btn-outline-warning.hover {
  color: #fff;
  background-color: #df7514;
}
.fu-pro .btn.btn-outline-warning:active,
.fu-pro .btn.btn-outline-warning.active {
  color: #fff;
  background-color: #a7580f;
  border-color: #a7580f;
}
.fu-pro .btn.btn-outline-info {
  color: #42b8dd;
  background-color: transparent;
  border-color: #42b8dd;
}
.fu-pro .btn.btn-outline-info:hover,
.fu-pro .btn.btn-outline-info.hover {
  color: #fff;
  background-color: #42b8dd;
}
.fu-pro .btn.btn-outline-info:active,
.fu-pro .btn.btn-outline-info.active {
  color: #fff;
  background-color: #229abf;
  border-color: #229abf;
}
.fu-pro .btn.btn-outline-dark {
  color: #212529;
  background-color: transparent;
  border-color: #212529;
}
.fu-pro .btn.btn-outline-dark:hover,
.fu-pro .btn.btn-outline-dark.hover {
  color: #fff;
  background-color: #212529;
}
.fu-pro .btn.btn-outline-dark:active,
.fu-pro .btn.btn-outline-dark.active {
  color: #fff;
  background-color: #060607;
  border-color: #060607;
}
.fu-pro .btn.btn-link {
  color: #0078e7;
  background-color: transparent;
  text-decoration: underline;
  border-color: transparent;
}
.fu-pro .btn.btn-link:hover,
.fu-pro .btn.btn-link.hover,
.fu-pro .btn.btn-link:focus,
.fu-pro .btn.btn-link.focus {
  color: #006bce;
}
.fu-pro .controls input:not([type]),
.fu-pro .controls input[type='date'],
.fu-pro .controls input[type='datetime-local'],
.fu-pro .controls input[type='email'],
.fu-pro .controls input[type='month'],
.fu-pro .controls input[type='number'],
.fu-pro .controls input[type='range'],
.fu-pro .controls input[type='password'],
.fu-pro .controls input[type='search'],
.fu-pro .controls input[type='tel'],
.fu-pro .controls input[type='tel'],
.fu-pro .controls input[type='text'],
.fu-pro .controls input[type='time'],
.fu-pro .controls input[type='url'],
.fu-pro .controls input[type='week'],
.fu-pro .controls select,
.fu-pro .controls textarea,
.fu-pro input.control,
.fu-pro select.control,
.fu-pro textarea.control {
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 1rem;
  outline: 0;
  padding: 0.375rem 0.7rem;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fu-pro .controls input:not([type]):focus,
.fu-pro .controls input[type='date']:focus,
.fu-pro .controls input[type='datetime-local']:focus,
.fu-pro .controls input[type='email']:focus,
.fu-pro .controls input[type='month']:focus,
.fu-pro .controls input[type='number']:focus,
.fu-pro .controls input[type='range']:focus,
.fu-pro .controls input[type='password']:focus,
.fu-pro .controls input[type='search']:focus,
.fu-pro .controls input[type='tel']:focus,
.fu-pro .controls input[type='tel']:focus,
.fu-pro .controls input[type='text']:focus,
.fu-pro .controls input[type='time']:focus,
.fu-pro .controls input[type='url']:focus,
.fu-pro .controls input[type='week']:focus,
.fu-pro .controls select:focus,
.fu-pro .controls textarea:focus,
.fu-pro input.control:focus,
.fu-pro select.control:focus,
.fu-pro textarea.control:focus,
.fu-pro .controls input:not([type]).focus,
.fu-pro .controls input[type='date'].focus,
.fu-pro .controls input[type='datetime-local'].focus,
.fu-pro .controls input[type='email'].focus,
.fu-pro .controls input[type='month'].focus,
.fu-pro .controls input[type='number'].focus,
.fu-pro .controls input[type='range'].focus,
.fu-pro .controls input[type='password'].focus,
.fu-pro .controls input[type='search'].focus,
.fu-pro .controls input[type='tel'].focus,
.fu-pro .controls input[type='tel'].focus,
.fu-pro .controls input[type='text'].focus,
.fu-pro .controls input[type='time'].focus,
.fu-pro .controls input[type='url'].focus,
.fu-pro .controls input[type='week'].focus,
.fu-pro .controls select.focus,
.fu-pro .controls textarea.focus,
.fu-pro input.control.focus,
.fu-pro select.control.focus,
.fu-pro textarea.control.focus {
  border-color: #129fea;
  box-shadow: 0 0 0 2px #bae4fa;
}
.fu-pro .controls input:not([type]):disabled,
.fu-pro .controls input[type='date']:disabled,
.fu-pro .controls input[type='datetime-local']:disabled,
.fu-pro .controls input[type='email']:disabled,
.fu-pro .controls input[type='month']:disabled,
.fu-pro .controls input[type='number']:disabled,
.fu-pro .controls input[type='range']:disabled,
.fu-pro .controls input[type='password']:disabled,
.fu-pro .controls input[type='search']:disabled,
.fu-pro .controls input[type='tel']:disabled,
.fu-pro .controls input[type='tel']:disabled,
.fu-pro .controls input[type='text']:disabled,
.fu-pro .controls input[type='time']:disabled,
.fu-pro .controls input[type='url']:disabled,
.fu-pro .controls input[type='week']:disabled,
.fu-pro .controls select:disabled,
.fu-pro .controls textarea:disabled,
.fu-pro input.control:disabled,
.fu-pro select.control:disabled,
.fu-pro textarea.control:disabled,
.fu-pro .controls input:not([type])[readonly],
.fu-pro .controls input[type='date'][readonly],
.fu-pro .controls input[type='datetime-local'][readonly],
.fu-pro .controls input[type='email'][readonly],
.fu-pro .controls input[type='month'][readonly],
.fu-pro .controls input[type='number'][readonly],
.fu-pro .controls input[type='range'][readonly],
.fu-pro .controls input[type='password'][readonly],
.fu-pro .controls input[type='search'][readonly],
.fu-pro .controls input[type='tel'][readonly],
.fu-pro .controls input[type='tel'][readonly],
.fu-pro .controls input[type='text'][readonly],
.fu-pro .controls input[type='time'][readonly],
.fu-pro .controls input[type='url'][readonly],
.fu-pro .controls input[type='week'][readonly],
.fu-pro .controls select[readonly],
.fu-pro .controls textarea[readonly],
.fu-pro input.control[readonly],
.fu-pro select.control[readonly],
.fu-pro textarea.control[readonly],
.fu-pro .controls input:not([type]).disabled,
.fu-pro .controls input[type='date'].disabled,
.fu-pro .controls input[type='datetime-local'].disabled,
.fu-pro .controls input[type='email'].disabled,
.fu-pro .controls input[type='month'].disabled,
.fu-pro .controls input[type='number'].disabled,
.fu-pro .controls input[type='range'].disabled,
.fu-pro .controls input[type='password'].disabled,
.fu-pro .controls input[type='search'].disabled,
.fu-pro .controls input[type='tel'].disabled,
.fu-pro .controls input[type='tel'].disabled,
.fu-pro .controls input[type='text'].disabled,
.fu-pro .controls input[type='time'].disabled,
.fu-pro .controls input[type='url'].disabled,
.fu-pro .controls input[type='week'].disabled,
.fu-pro .controls select.disabled,
.fu-pro .controls textarea.disabled,
.fu-pro input.control.disabled,
.fu-pro select.control.disabled,
.fu-pro textarea.control.disabled,
.fu-pro .controls input:not([type]).readonly,
.fu-pro .controls input[type='date'].readonly,
.fu-pro .controls input[type='datetime-local'].readonly,
.fu-pro .controls input[type='email'].readonly,
.fu-pro .controls input[type='month'].readonly,
.fu-pro .controls input[type='number'].readonly,
.fu-pro .controls input[type='range'].readonly,
.fu-pro .controls input[type='password'].readonly,
.fu-pro .controls input[type='search'].readonly,
.fu-pro .controls input[type='tel'].readonly,
.fu-pro .controls input[type='tel'].readonly,
.fu-pro .controls input[type='text'].readonly,
.fu-pro .controls input[type='time'].readonly,
.fu-pro .controls input[type='url'].readonly,
.fu-pro .controls input[type='week'].readonly,
.fu-pro .controls select.readonly,
.fu-pro .controls textarea.readonly,
.fu-pro input.control.readonly,
.fu-pro select.control.readonly,
.fu-pro textarea.control.readonly {
  background-color: #e9ecef;
  cursor: default;
}
.fu-pro .controls input:not([type]).is-invalid,
.fu-pro .controls input[type='date'].is-invalid,
.fu-pro .controls input[type='datetime-local'].is-invalid,
.fu-pro .controls input[type='email'].is-invalid,
.fu-pro .controls input[type='month'].is-invalid,
.fu-pro .controls input[type='number'].is-invalid,
.fu-pro .controls input[type='range'].is-invalid,
.fu-pro .controls input[type='password'].is-invalid,
.fu-pro .controls input[type='search'].is-invalid,
.fu-pro .controls input[type='tel'].is-invalid,
.fu-pro .controls input[type='tel'].is-invalid,
.fu-pro .controls input[type='text'].is-invalid,
.fu-pro .controls input[type='time'].is-invalid,
.fu-pro .controls input[type='url'].is-invalid,
.fu-pro .controls input[type='week'].is-invalid,
.fu-pro .controls select.is-invalid,
.fu-pro .controls textarea.is-invalid,
.fu-pro input.control.is-invalid,
.fu-pro select.control.is-invalid,
.fu-pro textarea.control.is-invalid {
  border-color: #ca3c3c;
}
.fu-pro .controls input:not([type]).is-invalid:focus,
.fu-pro .controls input[type='date'].is-invalid:focus,
.fu-pro .controls input[type='datetime-local'].is-invalid:focus,
.fu-pro .controls input[type='email'].is-invalid:focus,
.fu-pro .controls input[type='month'].is-invalid:focus,
.fu-pro .controls input[type='number'].is-invalid:focus,
.fu-pro .controls input[type='range'].is-invalid:focus,
.fu-pro .controls input[type='password'].is-invalid:focus,
.fu-pro .controls input[type='search'].is-invalid:focus,
.fu-pro .controls input[type='tel'].is-invalid:focus,
.fu-pro .controls input[type='tel'].is-invalid:focus,
.fu-pro .controls input[type='text'].is-invalid:focus,
.fu-pro .controls input[type='time'].is-invalid:focus,
.fu-pro .controls input[type='url'].is-invalid:focus,
.fu-pro .controls input[type='week'].is-invalid:focus,
.fu-pro .controls select.is-invalid:focus,
.fu-pro .controls textarea.is-invalid:focus,
.fu-pro input.control.is-invalid:focus,
.fu-pro select.control.is-invalid:focus,
.fu-pro textarea.control.is-invalid:focus,
.fu-pro .controls input:not([type]).is-invalid.focus,
.fu-pro .controls input[type='date'].is-invalid.focus,
.fu-pro .controls input[type='datetime-local'].is-invalid.focus,
.fu-pro .controls input[type='email'].is-invalid.focus,
.fu-pro .controls input[type='month'].is-invalid.focus,
.fu-pro .controls input[type='number'].is-invalid.focus,
.fu-pro .controls input[type='range'].is-invalid.focus,
.fu-pro .controls input[type='password'].is-invalid.focus,
.fu-pro .controls input[type='search'].is-invalid.focus,
.fu-pro .controls input[type='tel'].is-invalid.focus,
.fu-pro .controls input[type='tel'].is-invalid.focus,
.fu-pro .controls input[type='text'].is-invalid.focus,
.fu-pro .controls input[type='time'].is-invalid.focus,
.fu-pro .controls input[type='url'].is-invalid.focus,
.fu-pro .controls input[type='week'].is-invalid.focus,
.fu-pro .controls select.is-invalid.focus,
.fu-pro .controls textarea.is-invalid.focus,
.fu-pro input.control.is-invalid.focus,
.fu-pro select.control.is-invalid.focus,
.fu-pro textarea.control.is-invalid.focus {
  border-color: #ca3c3c;
  box-shadow: 0 0 0 2px #f1cccc;
}
.fu-pro .controls select option:disabled,
.fu-pro select.control option:disabled {
  background-color: #e9ecef;
}
.fu-pro .controls textarea,
.fu-pro textarea.control {
  resize: none;
  height: 5.75rem;
}
.fu-pro .controls.label-align-right label {
  text-align: right;
}
.fu-pro .controls label,
.fu-pro label.control-label {
  padding: 0.375rem 0.7rem;
}
.fu-pro .controls label.required:before,
.fu-pro label.control-label.required:before {
  display: inline-block;
  content: "*";
  vertical-align: middle;
  color: #ca3c3c;
}
.fu-pro .controls label.check-label,
.fu-pro label.control-label.check-label {
  padding: 0.375rem 0;
  text-align: left;
}
.fu-pro .controls .invalid-feedback,
.fu-pro span.invalid-feedback {
  font-size: 0.8rem;
  color: #ca3c3c;
}
.fu-pro .controls input[type='checkbox'],
.fu-pro input[type='checkbox'].control {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin: 0.375rem;
}
.fu-pro .controls input[type='checkbox'].is-invalid,
.fu-pro input[type='checkbox'].control.is-invalid {
  border-color: #ca3c3c;
  box-shadow: 0 0 0 2px #f1cccc;
}
.fu-pro .controls input[type='range'],
.fu-pro input[type='range'].control {
  padding: 0.375rem 0;
}
.fu-pro .controls input[type='color'],
.fu-pro input[type='color'].control {
  box-sizing: content-box;
  width: 2.2rem;
  height: 1.75rem;
}
.fu-pro .controls input.check-input[type='checkbox'],
.fu-pro input.check-input[type='checkbox'].control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 0.15rem;
}
.fu-pro .controls input.check-input[type='checkbox']:checked,
.fu-pro input.check-input[type='checkbox'].control:checked {
  background-color: #0078e7;
  border-color: #0078e7;
}
.fu-pro .controls input.check-input[type='checkbox']:disabled,
.fu-pro input.check-input[type='checkbox'].control:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.fu-pro .controls input.check-input[type='checkbox']:checked,
.fu-pro input.check-input[type='checkbox'].control:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='19 6 8 17 3 12'%3E%3C/polyline%3E%3C/svg%3E");
}
.fu-pro .controls input.switch-input[type='checkbox'],
.fu-pro input.switch-input[type='checkbox'].control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2rem;
  border-radius: 2rem;
  transition: background-position 0.15s ease-in-out;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.3%29'/%3e%3c/svg%3e");
}
.fu-pro .controls input.switch-input[type='checkbox']:checked,
.fu-pro input.switch-input[type='checkbox'].control:checked {
  background-color: #0078e7;
  border-color: #0078e7;
}
.fu-pro .controls input.switch-input[type='checkbox']:disabled,
.fu-pro input.switch-input[type='checkbox'].control:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.fu-pro .controls input.switch-input[type='checkbox']:checked,
.fu-pro input.switch-input[type='checkbox'].control:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.fu-pro .grid-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.3rem;
}
.fu-pro .grid-row [class*=grid-col] {
  box-sizing: border-box;
  flex: 0 0 auto;
}
.fu-pro .grid-row.grid-row-cols-1 .grid-col {
  width: 100%;
}
.fu-pro .grid-row.grid-row-cols-2 .grid-col {
  width: 50%;
}
.fu-pro .grid-row.grid-row-cols-3 .grid-col {
  width: 33.33333333%;
}
.fu-pro .grid-row.grid-row-cols-4 .grid-col {
  width: 25%;
}
.fu-pro .grid-row.grid-row-cols-5 .grid-col {
  width: 20%;
}
.fu-pro .grid-row.grid-row-cols-6 .grid-col {
  width: 16.66666666%;
}
.fu-pro .grid-row.grid-row-cols-7 .grid-col {
  width: 14.28571428%;
}
.fu-pro .grid-row.grid-row-cols-9 .grid-col {
  width: 11.11111111%;
}
.fu-pro .grid-row.grid-row-cols-10 .grid-col {
  width: 10%;
}
.fu-pro .grid-row.grid-row-cols-11 .grid-col {
  width: 9.09090909%;
}
.fu-pro .grid-row.grid-row-cols-12 .grid-col {
  width: 8.33333333%;
}
.fu-pro .grid-row .grid-col-1-12 {
  width: 8.33333333%;
}
.fu-pro .grid-row .grid-col-2-12 {
  width: 16.66666666%;
}
.fu-pro .grid-row .grid-col-3-12 {
  width: 25%;
}
.fu-pro .grid-row .grid-col-4-12 {
  width: 33.33333333%;
}
.fu-pro .grid-row .grid-col-5-12 {
  width: 41.66666666%;
}
.fu-pro .grid-row .grid-col-6-12 {
  width: 50%;
}
.fu-pro .grid-row .grid-col-7-12 {
  width: 58.33333333%;
}
.fu-pro .grid-row .grid-col-8-12 {
  width: 66.66666666%;
}
.fu-pro .grid-row .grid-col-9-12 {
  width: 75%;
}
.fu-pro .grid-row .grid-col-10-12 {
  width: 83.33333333%;
}
.fu-pro .grid-row .grid-col-11-12 {
  width: 91.66666666%;
}
.fu-pro .grid-row .grid-col-12-12 {
  width: 100%;
}
.fu-pro .layout {
  display: flex;
  flex-wrap: nowrap;
  /*  //上下布局
    //左右布局
    &.layout-col2 {
      > :first-child {

      }
      &.right-fixed {

      }
    }*/
}
.fu-pro .layout > * {
  box-sizing: border-box;
  overflow: auto;
}
.fu-pro .layout.rows-2 {
  flex-direction: column;
}
.fu-pro .layout.rows-2 > :first-child {
  flex: none;
}
.fu-pro .layout.rows-2 > :nth-child(2) {
  flex: auto;
}
.fu-pro .layout.rows-2.bottom-fixed > :first-child {
  flex: auto;
}
.fu-pro .layout.rows-2.bottom-fixed > :nth-child(2) {
  flex: none;
}
.fu-pro .layout.rows-2.border > :first-child {
  border-bottom: 1px solid #eeeeee;
}
.fu-pro .layout.cols-2 {
  flex-direction: row;
}
.fu-pro .layout.cols-2 > :first-child {
  flex: none;
}
.fu-pro .layout.cols-2 > :nth-child(2) {
  flex: auto;
}
.fu-pro .layout.cols-2.right-fixed > :first-child {
  flex: auto;
}
.fu-pro .layout.cols-2.right-fixed > :nth-child(2) {
  flex: none;
}
.fu-pro .layout.cols-2.border > :first-child {
  border-right: 1px solid #eeeeee;
}
.fu-pro .card {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  background-color: #fff;
}
.fu-pro .card > .header {
  padding: 0.5rem 0.8rem;
  margin-bottom: 0;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}
.fu-pro .card > .header:first-child {
  border-radius: calc(0.2rem - 1px) calc(0.2rem - 1px) 0 0;
}
.fu-pro .card > .body {
  padding: 0.8rem;
}
.fu-pro .card > .footer {
  padding: 0.5rem 0.8rem;
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
}
.fu-pro .card > .footer:last-child {
  border-radius: 0 0 calc(0.2rem - 1px) calc(0.2rem - 1px);
}

.article {
  padding: 1.2em 0;
  color: #444;
  font-size: 1.12em;
  line-height: 1.8em;
  word-wrap: break-word;
}
.article .thumbnail {
  width: auto;
  max-width: 90%;
}
.article a {
  color: #2479CC;
  text-decoration: none;
}
.article a:hover {
  text-decoration: underline;
}
.article .meta {
  color: #555;
  float: right;
  font-size: 0.9em;
  line-height: 3em;
  text-align: right;
}
.article .meta .date {
  color: #999;
  font-size: 14px;
}
.article .toc {
  float: right;
  border: 1px solid #efefef;
  margin: 0 0 15px 20px;
  min-width: 120px;
  padding: 6px;
  max-width: 30%;
}
.article .toc .title {
  border-bottom: 1px solid #e2e2e2;
  font-size: 1.1em;
  margin: 0;
}
.article .toc ul {
  margin-top: 0;
  font-size: 0.95em;
}
.article .toc a:hover {
  text-decoration: underline;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article .h1,
.article .h2,
.article .h3,
.article .h4,
.article .h5,
.article .h6 {
  color: #333;
  font-weight: 500;
  line-height: 1.1;
}
.article h1 a,
.article h2 a,
.article h3 a,
.article h4 a,
.article h5 a,
.article h6 a,
.article .h1 a,
.article .h2 a,
.article .h3 a,
.article .h4 a,
.article .h5 a,
.article .h6 a {
  color: #333;
}
.article h1 {
  font-size: 1.6em;
  margin-bottom: 20px;
}
.article h2 {
  margin-top: 26px;
  font-size: 1.5em;
}
.article h3 {
  margin-top: 16px;
  font-size: 1.3em;
}
.article ul {
  margin-left: 25px;
  margin-top: 3px;
  margin-bottom: 6px;
}
.article ul ul {
  margin-top: 0;
}
.article ol {
  margin-left: 25px;
  margin-top: 3px;
  margin-bottom: 6px;
}
.article ol ol {
  margin-top: 0;
}
.article table {
  max-width: 96%;
  font-size: 92%;
}
.article table th {
  background: #eaeef2;
}
.article table.description td:first-child {
  color: #3d7e9a;
}
.article table,
.article th,
.article td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 3px 4px;
}
.article iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #efefef;
}
.article .group {
  border-bottom: 1px solid #eee;
}
.article .group:before {
  margin-right: 3px;
  content: "\258E";
}
.article textarea.code {
  display: none;
}
.article pre.code {
  line-height: 0;
  font-size: 0;
  margin: 0.5em 0;
  overflow: auto;
  border: 1px solid #ddd;
  border-left: 3px solid #3d7e9a;
  border-radius: 0 3px 3px 0;
  background-color: #f6f6f6;
  position: relative;
}
.article pre.code::before {
  content: "code";
}
.article pre.code.small {
  max-height: 10em;
}
.article table pre.code {
  border-left: 1px solid #ddd;
}
.article pre.code code {
  font-size: 1rem;
  max-height: 28rem;
  padding: 10px;
  line-height: 1.2em;
  background-color: #f6f6f6;
}
.article pre.code::before {
  position: absolute;
  right: 8px;
  top: 0;
  color: #818a91;
  font-size: 0.92rem;
  line-height: 1.2rem;
}
.article .embed-example {
  border-radius: 3px;
  background-color: #f8f9fa;
  padding: 1em;
  position: relative;
  display: flex;
  justify-content: center;
}
.article .embed-example::before {
  content: "example";
  position: absolute;
  right: 8px;
  top: 0;
  color: #818a91;
  font-size: 0.92rem;
  line-height: 1.2rem;
}
.article .related {
  font-size: 92%;
  margin-top: 1em;
}
.article .related .last-next a {
  display: inline-block;
  margin-right: 6em;
}
.article .related .related-articles {
  margin-top: 0.6em;
}
.article .related .related-articles .title {
  font-size: 1.2em;
}
.article .related .related-articles li {
  list-style: square;
}
.article .related .related-articles li p {
  font-size: 92%;
}
.article .related .related-articles li p::before {
  margin-right: 3px;
  content: "\250A";
}
.article .text-important {
  color: #f00;
}
.article .text-bg-highlight {
  background-color: #fcf8e3;
  color: #dc3545 !important;
}
.article .text-keyword {
  color: #0a8bb8 !important;
  font-style: italic;
  margin-left: 0.1em;
  margin-right: 0.3em;
}
.article .text-quote {
  color: #6c757d !important;
  font-style: italic;
  margin-left: 3px;
  margin-right: 6px;
}
.article .text-quote::before {
  content: '"';
}
.article .text-quote::after {
  content: '"';
}
.article-list {
  line-height: 2em;
}
.article-list h1 a:hover {
  text-decoration: none;
  color: #2479CC;
  transition: color 0.3s;
}
.article-list .article {
  border-bottom: 1px solid #ddd;
}
.article-list .article .top:before {
  margin-right: 3px;
  color: #2196f3;
  content: "\21E1";
}
.article-list .article:last-child {
  border-bottom: none;
}
.article-list .article .more-link {
  padding: 0.6em 0.6em 0.6em 0;
  word-break: keep-all;
  margin-left: 0.3em;
}
.la-download:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0NzlDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZG93bmxvYWQiPjxwYXRoIGQ9Ik0yMSAxNXY0YTIgMiAwIDAgMS0yIDJINWEyIDIgMCAwIDEtMi0ydi00Ij48L3BhdGg+PHBvbHlsaW5lIHBvaW50cz0iNyAxMCAxMiAxNSAxNyAxMCI+PC9wb2x5bGluZT48bGluZSB4MT0iMTIiIHkxPSIxNSIgeDI9IjEyIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==);
  vertical-align: middle;
  margin: 0 1px;
}
.la-external-link:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0NzlDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXh0ZXJuYWwtbGluayI+PHBhdGggZD0iTTE4IDEzdjZhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWOGEyIDIgMCAwIDEgMi0yaDYiPjwvcGF0aD48cG9seWxpbmUgcG9pbnRzPSIxNSAzIDIxIDMgMjEgOSI+PC9wb2x5bGluZT48bGluZSB4MT0iMTAiIHkxPSIxNCIgeDI9IjIxIiB5Mj0iMyI+PC9saW5lPjwvc3ZnPg==);
  vertical-align: middle;
  margin: 0 1px;
}
.la-link:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0NzlDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItbGluayI+PHBhdGggZD0iTTEwIDEzYTUgNSAwIDAgMCA3LjU0LjU0bDMtM2E1IDUgMCAwIDAtNy4wNy03LjA3bC0xLjcyIDEuNzEiPjwvcGF0aD48cGF0aCBkPSJNMTQgMTFhNSA1IDAgMCAwLTcuNTQtLjU0bC0zIDNhNSA1IDAgMCAwIDcuMDcgNy4wN2wxLjcxLTEuNzEiPjwvcGF0aD48L3N2Zz4=);
  vertical-align: middle;
  margin: 0 1px;
}
.la-edit:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0NzlDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZWRpdCI+PHBhdGggZD0iTTExIDRINGEyIDIgMCAwIDAtMiAydjE0YTIgMiAwIDAgMCAyIDJoMTRhMiAyIDAgMCAwIDItMnYtNyI+PC9wYXRoPjxwYXRoIGQ9Ik0xOC41IDIuNWEyLjEyMSAyLjEyMSAwIDAgMSAzIDNMMTIgMTVsLTQgMSAxLTQgOS41LTkuNXoiPjwvcGF0aD48L3N2Zz4=);
  vertical-align: middle;
  margin: 0 1px;
}
.la-anchor:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0NzlDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItYW5jaG9yIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjUiIHI9IjMiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjIyIiB4Mj0iMTIiIHkyPSI4Ij48L2xpbmU+PHBhdGggZD0iTTUgMTJIMmExMCAxMCAwIDAgMCAyMCAwaC0zIj48L3BhdGg+PC9zdmc+);
  vertical-align: middle;
  margin: 0 1px;
}

* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  position: relative;
  font-size: 14px;
  font-family: "Open Sans", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";
}
.zyh-link {
  color: transparent !important;
  display: block;
  height: 0;
  cursor: default;
  pointer-events: none;
}
.framework {
  width: 100%;
  position: relative;
}
.framework > .sidebar {
  position: fixed;
  height: 100%;
  width: 220px;
  background: url("./siderbarbg.png") #444;
  background-size: cover;
  padding: 30px;
  box-sizing: border-box;
}
.framework > .sidebar .header a {
  color: #efefef;
  text-decoration: none;
  text-shadow: 0 1px #666;
  transition: color 0.3s;
}
.framework > .sidebar .header a:hover {
  color: #ccc;
}
.framework > .sidebar .header .profilepic {
  background: url("./avatar.jpg");
  background-size: 160px 160px;
  border-radius: 50%;
  display: block;
  height: 160px;
  width: 160px;
}
.framework > .sidebar .header .nav {
  padding: 10px;
}
.framework > .sidebar .header .title {
  font-weight: 300;
  font-size: 30px;
}
.framework > .sidebar .header .subtitle {
  color: #ccc;
}
.framework > .sidebar .header .main-nav {
  margin-top: 15px;
}
.framework > .sidebar .header .main-nav ul > ul {
  padding-left: 10px;
}
.framework > .sidebar .header .main-nav ul li {
  display: block;
  margin-left: 0;
  position: relative;
  line-height: 32px;
  font-size: 16px;
}
.framework > .sidebar .header .sub-nav {
  margin-top: 15px;
}
.framework > .sidebar .header .sub-nav a {
  background: no-repeat center;
  background-size: 26px 26px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 6px 15px;
  opacity: 0.86;
  transition: opacity 0.3s;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border: 1px solid #aaa;
}
.framework > .sidebar .header .sub-nav a:hover {
  opacity: 1;
}
.framework > .sidebar .header .sub-nav a.mail {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACtklEQVRoQ+2Z7XHUMBCG31QAHUAHhAqACoAKCBUEKoAOgAqACiAVABUAHSQdhApgnhttZtlYJ1u60/k83j/JTSxpn/14tb6caCF2shAOrSBzy+SakTUje4oApfV3T3t33XaRIMfa+JuK8hlZDMhDSb+6Fnb7YaeSfsaMXEt6ckQwQHyTdDeC8BmY15I+tQdrrzucSXpnEBHks6QX6fiXM4Y5l/Q++Xnjc2z2V4mU58gKQHOyj5LIBkblAJRVLR5kgcGwgJI7pNEH+PRM0h9JBNzKf6v80kjfJd1JzY8IHAoGCJoan4B4HASpeI+wEOoHaSFl1lue8eGLpPuSfqeyij4UQSglokFmgOktz15egSATQ1UxCsRgaCoUrZc8+z5FmeiJXGmPBrEmp8x6yHOUV1OpnNhMBmGjqGi7lmcvr2PvsioQg6HUUDSytAt5jvJKwL6O1PtqEPbfpTyX5LXE0wTC5qgI+o4hiTXy/N/gJ6lmAm8CwQHqmZ9mU+WZQHBHbKbXhoBUg/jJ0y4p5HGKokV5pefs8p0q8VUgjM44jUV99/LMMx8yxZ2TVzJj9xVL+R0hKdkkEA6hDCgHzCbPeIiPNBMBzlykh56mINgeOXmNezwvzHmjQfy8MzS0RRgcRTqR5yFjD6ZYQHPmVfFSEjC5OW8UiI/OtnknOkQGKS8cZk7DWA8gWRozScc5L/fmWgTxtyz9UBoVSrVc+3fA6Sts6GUvCxIvKP8SU+tM6zqCaNMEJebfjwZB/AV1lUqj9zvItr6hNO+FV4pbIETeXup/JIgxtdwa7SnrqRZgHqVFNz4PffeL/ttdMeWQns++lfTGH+hBkMUpU2dPx4fOQhFp/o3Me5Cage3QMINfmS7mS+zFgBy6TJrOX9R/rJoiMZfFx9oXt+K3gsylpMyPNSNrRvYUgX+cptQPZeqoEQAAAABJRU5ErkJggg==');
  background-color: #afb6ca;
  border-color: #afb6ca;
}
.framework > .content {
  margin-left: 230px;
  background: #fff;
}
.framework > .content .fw-content {
  padding: 10px;
}
.framework > .content .footer {
  border-top: 1px solid #ddd;
  font-size: 0.9em;
  line-height: 2.2;
  padding: 15px 70px 15px 40px;
  text-align: center;
}
.framework > .content .footer a {
  color: #2479CC;
  text-decoration: none;
}
.page-content {
  display: none;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  html,
  body {
    overflow: auto;
    height: auto;
  }
  .framework {
    width: 100%;
    height: auto;
  }
  .framework > .sidebar {
    position: relative;
    width: auto;
    padding: 3px;
  }
  .framework > .sidebar .header .title {
    text-align: center;
  }
  .framework > .sidebar .header .subtitle {
    text-align: center;
  }
  .framework > .sidebar .header .profilepic {
    position: absolute;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    left: 10px;
    top: 10px;
    margin: 0;
  }
  .framework > .sidebar .header .main-nav {
    text-align: center;
    margin-top: 0;
  }
  .framework > .sidebar .header .main-nav ul {
    margin: 0;
    padding: 0;
  }
  .framework > .sidebar .header .main-nav ul li {
    display: inline-block;
    margin: 10px;
  }
  .framework > .content {
    position: static;
    margin-left: 0;
    left: 0;
    font-size: 92%;
  }
}
.ul-list {
  list-style: decimal;
}
.ul-list li p {
  margin: 3px 0 8px;
}
.ul-list li p.title {
  font-weight: bolder;
  margin-top: 16px;
}
.ul-list .result {
  /*  visibility: hidden;
  height: 3.6em;*/
}
table pre.code code {
  font-size: 0.86rem !important;
}