/* stylelint-disable no-descending-specificity */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable font-weight-notation */
/* stylelint-disable selector-max-type */
:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-docs-markdown {
  width: 100%;
  margin-bottom: 24px;
  padding: 20px 2px;
}
.antm-docs-markdown td > em {
  display: block;
  max-width: 400px;
}
.antm-docs-markdown p {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #34495e;
  font-size: 15px;
  line-height: 26px;
}
.antm-docs-markdown ul,
.antm-docs-markdown ol {
  list-style: none;
}
.antm-docs-markdown ul li,
.antm-docs-markdown ol li {
  position: relative;
  margin: 5px 0 5px 10px;
  padding-left: 15px;
  color: #34495e;
  font-size: 15px;
  line-height: 26px;
}
.antm-docs-markdown ul li::before,
.antm-docs-markdown ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  margin-top: 10px;
  border: 1px solid #666666;
  border-radius: 50%;
  content: '';
}
.antm-docs-markdown blockquote {
  margin: 16px 0 0;
  padding: 16px;
  background-color: #ecf9ff;
  border-radius: 20px;
}
.antm-docs-markdown p a,
.antm-docs-markdown ul a,
.antm-docs-markdown table a,
.antm-docs-markdown blockquote a {
  margin: 0 1px px;
  color: #1989fa;
  -webkit-font-smoothing: auto;
}
.antm-docs-markdown h1,
.antm-docs-markdown h2,
.antm-docs-markdown h3 {
  color: #323233;
}
.antm-docs-markdown h1 {
  margin: 0 0 30px;
  font-weight: normal;
  font-size: 30px;
  cursor: default;
}
.antm-docs-markdown h3 {
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 19px;
}
.antm-docs-markdown h2 {
  margin-top: 30px;
  font-weight: 400;
  line-height: 1.5;
}
.antm-docs-markdown h4,
.antm-docs-markdown h5 {
  margin: 24px 0 12px;
  font-weight: 600;
  font-size: 16px;
}
.antm-docs-markdown .card {
  position: relative;
  margin-bottom: 24px;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 8px 12px #ebedf0;
}
.antm-docs-markdown .card h3 {
  cursor: pointer;
}
.antm-docs-markdown .card h3:hover svg {
  display: block !important;
}
.antm-docs-markdown .card h3 svg {
  position: absolute;
  top: 45px;
  left: 8px;
  display: none;
}
.antm-docs-markdown code {
  display: inline;
  margin: 0 2px;
  padding: 2px 5px;
  font-weight: 600;
  font-size: 14px;
  font-family: inherit;
  word-break: keep-all;
  background-color: #f7f8fa;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
}
.antm-docs-markdown code .hljs-bullet,
.antm-docs-markdown code .hljs-deletion,
.antm-docs-markdown code .hljs-link,
.antm-docs-markdown code .hljs-literal,
.antm-docs-markdown code .hljs-number,
.antm-docs-markdown code .hljs-regexp,
.antm-docs-markdown code .hljs-variable {
  color: #eb6f6f;
}
.antm-docs-markdown code .hljs-keyword {
  color: #4994df;
}
.antm-docs-markdown pre {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 16px;
  background-color: var(--code-box-background) !important;
  border-radius: 16px;
  -webkit-font-smoothing: auto;
  max-height: var(--code-box-max-height);
  overflow: scroll;
}
.antm-docs-markdown pre code {
  display: block;
  padding: 6px 8px !important;
  color: #cfccccee;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Source Code Pro', Monaco, Inconsolata, monospace;
  line-height: 24px;
  white-space: pre;
  word-wrap: break-word;
  background-color: var(--code-box-background) !important;
  -webkit-font-smoothing: auto;
}
.antm-docs-markdown pre .hljs-attr,
.antm-docs-markdown pre .hljs-built_in,
.antm-docs-markdown pre .hljs-doctag,
.antm-docs-markdown pre .hljs-name,
.antm-docs-markdown pre .hljs-section,
.antm-docs-markdown pre .hljs-selector-class,
.antm-docs-markdown pre .hljs-selector-id,
.antm-docs-markdown pre .hljs-selector-tag,
.antm-docs-markdown pre .hljs-strong,
.antm-docs-markdown pre .hljs-title,
.antm-docs-markdown pre .hljs-type {
  color: #4994df;
}
.antm-docs-markdown pre .hljs-addition,
.antm-docs-markdown pre .hljs-meta,
.antm-docs-markdown pre .hljs-string,
.antm-docs-markdown pre .hljs-symbol,
.antm-docs-markdown pre .hljs-template-tag,
.antm-docs-markdown pre .hljs-template-variable {
  color: #4fc08d;
}
.antm-docs-markdown table {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 24px;
  padding: 24px;
  color: #34495e;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  border-collapse: collapse;
}
.antm-docs-markdown table th {
  padding: 12px 0;
  font-weight: 600;
  text-align: left;
}
.antm-docs-markdown table:first-child {
  padding-left: 0;
}
.antm-docs-markdown table tr td {
  font-size: 14px;
  font-family: 'Source Code Pro', Monaco, Inconsolata, monospace;
  font-style: normal;
  -webkit-font-smoothing: auto;
}
.antm-docs-markdown table tr td {
  padding: 8px;
  font-style: normal !important;
  border-top: 1px solid #f1f4f8;
}
.antm-docs-markdown table tr td:nth-child(1) {
  max-width: 160px;
  word-wrap: break-word;
  word-break: normal;
}
.antm-docs-markdown table tr td code {
  position: relative;
  display: inline;
  margin: 0 2px;
  padding: 2px 5px;
  color: #58727e;
  font-weight: 500;
  font-size: 14px;
  font-family: inherit;
  line-height: 26px;
  white-space: pre;
  word-break: keep-all;
  background-color: #f7f8fa;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
}
.antm-docs-markdown table tr em {
  color: var(--primary-color);
  font-style: normal !important;
}
.antm-docs-markdown blockquote {
  margin-bottom: 20px;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

/* stylelint-disable selector-max-type */
/* stylelint-disable no-descending-specificity */
:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-docs-body {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  overflow: hidden;
}
.antm-docs-body-no-right-navs {
  padding-right: 20px;
}
.antm-doc-right-navs-wrapper {
  position: sticky;
  top: 40px;
  flex-shrink: 0;
  margin: 90px 0 0;
  max-height: calc(100vh - 84px);
  z-index: var(--right-navs-zindex);
  transition: all 0.4s;
}
.antm-doc-right-navs-stretch-navs-show {
  margin: 110px 0 0 -124px;
  transition: all 0.4s;
}
.antm-doc-right-navs-stretch-navs-hide {
  margin: 110px 0 0 24px;
  transition: all 0.4s;
}
.antm-doc-right-navs-stretch .antm-doc-right-navs {
  border-radius: 8px;
  border-top-left-radius: 0;
  width: 0;
  background-color: var(--primary-back-color) !important;
  overflow: hidden;
  transition: all 0.4s;
}
.antm-doc-right-navs-stretch .antm-doc-right-navs-show {
  width: 148px;
}
.antm-doc-right-navs-stretch .nav-button {
  position: absolute;
  left: -32px;
  background-color: var(--primary-back-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.antm-doc-right-navs-stretch .nav-button-close {
  transform: rotateZ(180deg);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.antm-doc-right-navs-stretch .nav-button svg > path {
  fill: var(--primary-color);
}
.antm-doc-right-navs {
  cursor: pointer;
}
.antm-doc-right-navs-title {
  margin: 20px 20px 0;
  width: 108px;
  color: #000000;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.antm-doc-right-navs .antm-doc-right-nav {
  margin: 0 20px;
  width: 158px;
  overflow: hidden;
  color: #455a64;
  font-size: 13px;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.antm-doc-right-navs .antm-doc-right-nav:last-child {
  margin-bottom: 20px;
}
.antm-doc-right-navs .antm-doc-right-nav-active {
  color: var(--primary-color);
  font-weight: 600;
}
.backToTopIcon {
  position: fixed;
  right: 22px;
  bottom: 22px;
  cursor: pointer;
}
.backToTopIcon path {
  fill: var(--primary-color) !important;
}
.demo-code-wrapper .code-box {
  margin-top: -14px;
  height: 0;
  overflow: hidden;
  position: relative;
}
.code-box pre {
  margin-top: 0;
}
.demo-code-box {
  padding: 28px;
  background-color: var(--code-demo-background);
  border-radius: 16px;
}
.show-code-btn {
  position: relative;
  margin-left: 50%;
  left: -10px;
  top: -12px;
}
.show-code-btn svg {
  position: unset !important;
  display: block !important;
  cursor: pointer;
}
.show-code-btn svg path {
  fill: var(--primary-color);
}
.demo-code-tabs {
  display: flex;
  background-color: var(--code-tabs-background);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 10px 10px 0;
  color: #eeeeee;
}
.demo-code-tabs .code-tab-name {
  padding: 6px 6px 10px;
  margin-right: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 3px;
  overflow: hidden;
}
.demo-code-tabs .code-tab-name-active {
  border-bottom: 3px solid var(--primary-color);
}
.demo-code-show {
  position: relative;
}
.code-box-max {
  position: relative;
}
.code-box {
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.code-box pre {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: static;
}
.code-box pre code {
  position: static;
}
.code-box .code-item {
  display: none;
}
.code-box .code-item0 {
  display: block;
}
.copy-code-btn {
  position: absolute;
  top: 18px;
  right: 14px;
  z-index: 9;
  display: block;
  width: 20px;
  height: 20px;
  /* stylelint-disable-next-line function-url-quotes */
  background-image: url(data:image/png;base64,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);
  background-position: center;
  background-size: contain;
  cursor: pointer;
  content: '';
  pointer-events: auto;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-docs-main {
  display: flex;
  background-color: #f7f8fa;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

/* stylelint-disable keyframes-name-pattern */
/* stylelint-disable no-descending-specificity */
/* stylelint-disable unit-no-unknown */
/* stylelint-disable selector-max-type */
:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-doc-search-btn-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  cursor: pointer;
}
.antm-doc-search-btn-wrapper path {
  fill: #ffffff;
}
.antm-doc-search-mask {
  width: 100vw;
  height: 100vh;
  /* stylelint-disable-next-line number-max-precision */
  background-color: rgba(84, 84, 84, 0.70196078);
  z-index: var(--search-mask-zindex);
  left: 0;
  top: 0;
  position: fixed;
}
.antm-doc-search-modal {
  position: fixed;
  left: 50%;
  top: 50px;
  z-index: var(--search-zindex);
  background-color: #f9f9f9;
  padding: 20px;
  width: 660px;
  border-radius: 16px;
  transform: translate(-50%);
}
.antm-doc-search-modal .link-icon path {
  fill: #ffffff;
}
.antm-doc-search-modal .loading-wrapper {
  width: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.antm-doc-search-modal .loading-wrapper svg path {
  fill: var(--primary-color) !important;
}
.antm-doc-search-modal .loading-wrapper svg {
  animation: SEARCH_LOADING 1s infinite linear;
}
.antm-doc-search-modal .empty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  color: #4c5b6a;
}
.antm-doc-search-modal .empty-wrapper .empty-tips {
  margin-top: 12px;
}
.antm-doc-search-modal .empty-wrapper .empty-tips span {
  font-weight: 500;
}
@keyframes SEARCH_LOADING {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.antm-doc-search-input {
  display: flex;
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 12px;
  background-color: #ffffff;
  border: 1px solid var(--primary-color);
  border-radius: 12px;
}
.antm-doc-search-input input {
  flex: 1 1;
  padding-left: 8px;
  height: 100%;
  width: 80%;
  background-color: #ffffff;
  font-weight: 500;
  font-size: 20px;
  border: none;
  outline: none;
}
.antm-doc-search-input path {
  fill: #8e8e8e;
}
.antm-doc-search-result {
  max-height: 440px;
  overflow-y: scroll;
  margin-top: 20px;
}
.antm-doc-search-result .result-nav {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
  text-decoration: underline;
}
.antm-doc-search-result-rows {
  margin-bottom: 12px;
}
.antm-doc-search-result .row {
  box-sizing: border-box;
  margin: 5px 2px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 3px 0 #d4d9e1;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  max-height: 120px;
  overflow: hidden;
}
.antm-doc-search-result .row .md-content-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
.antm-doc-search-result .row .md-content-wrapper > h3 {
  margin-right: 28px;
  max-width: 140px;
  min-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.antm-doc-search-result .row .md-content {
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
}
.antm-doc-search-result .row * {
  font-size: 13px !important;
}
.antm-doc-search-result .row:hover {
  background-color: var(--primary-color);
}
.antm-doc-search-result .row:hover svg path {
  fill: #ffffff !important;
}
.antm-doc-search-result .row:hover * {
  color: #ffffff !important;
}
.md-content-wrapper .md-content .primary-color {
  color: var(--primary-color);
  font-weight: bold;
  font-size: 14px !important;
  padding-left: 1px;
  padding-right: 1px;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

/* stylelint-disable selector-max-type */
:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-docs-header {
  width: 100%;
  height: 64px;
  background-color: var(--header-back-color);
}
.antm-docs-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-right: 24px;
  padding-left: 24px;
}
.antm-docs-header-left,
.antm-docs-header-right {
  display: flex;
}
.antm-docs-header-left {
  align-items: center;
}
.antm-docs-header-title {
  padding-left: 12px;
  color: #ffffff;
  font-weight: 300;
  font-size: 22px;
  line-height: 22px;
}
.antm-docs-header-logo img {
  width: 28px;
}
.antm-docs-header-nav-box {
  display: flex;
  align-items: center;
}
.antm-docs-header-nav {
  margin-right: 16px;
  cursor: pointer;
  user-select: none;
}
.antm-docs-header-nav .nav-img {
  display: block;
  width: 30px;
  height: 30px;
}
.antm-docs-header-nav .nav-img img {
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.2s;
}
.antm-docs-header-nav .nav-img img:hover {
  width: 34px;
  height: 34px;
}
.antm-docs-header-nav .nav-text,
.antm-docs-header-nav .nav-select {
  display: block;
  padding: 0 12px;
  color: #001938;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  background: #f7f8fa;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  cursor: pointer;
}
.antm-docs-header-nav .nav-select {
  position: relative;
  transition: 0.3s ease-in-out;
  user-select: none;
}
.antm-docs-header-nav .nav-select .version-icon {
  position: relative;
  top: 2px;
  left: 2px;
}
.antm-docs-header-nav .nav-select .nav-options {
  position: absolute;
  z-index: var(--header-select-zindex);
  top: 34px;
  right: 0;
  width: max-content;
  min-width: 65px;
  overflow: hidden;
  color: #333333;
  line-height: 36px;
  text-align: left;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px #ebedf0;
  transform-origin: top;
  transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  user-select: none;
  font-size: 12px;
}
.antm-docs-header-nav .nav-select .nav-options .nav-opt {
  min-width: 100%;
  width: max-content;
  padding-left: 12px;
  transition: 0.2s;
  padding-right: 12px;
}
.antm-docs-header-nav .nav-select .nav-options .nav-opt:hover {
  color: var(--primary-color);
  background-color: #f7f8fa;
}
.antm-docs-header-nav:last-child {
  margin-right: 0;
}
.antm-docs-header-navs-box {
  display: flex;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-docs-menu {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  min-width: 220px;
  padding: 24px 10px;
  padding-bottom: 200px;
  overflow-y: scroll;
  background-color: #ffffff;
  box-shadow: 0 8px 12px #ebedf0;
  user-select: none;
}
.antm-docs-menu .antm-docs-menu-nav_title {
  padding: 8px 0 8px 24px;
  color: #455a64;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
}
.antm-docs-menu .antm-docs-menu-nav .antm-docs-menu-item {
  position: relative;
  display: block;
  margin: 8px 0;
  padding: 8px 0 8px 24px;
  color: #455a64;
  font-size: 13px;
  line-height: 20px;
  transition: color 0.2s;
}
.antm-docs-menu .antm-docs-menu-nav .antm-docs-menu-item-active {
  color: var(--primary-color);
  font-weight: 600;
  background-color: var(--primary-back-color);
  border-radius: 999px;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
.antm-docs-example {
  position: sticky;
  top: 20px;
  flex-shrink: 0;
  margin: 20px 24px 0 0;
  z-index: var(--simulator-zindex);
  box-sizing: border-box;
  width: 360px;
  height: calc(100vh - 84px);
  max-height: 640px;
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 20px;
  outline: none;
  box-shadow: 0 8px 12px #ebedf0;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

:root {
  --public-font-family: open sans, -apple-system, blinkmacsystemfont,
    helvetica neue, helvetica, segoe ui, arial, roboto, pingfang sc, miui,
    hiragino sans gb, microsoft yahei, sans-serif;
  --primary-color: #4fc08d;
  --primary-back-color: #ebfff0;
  --header-back-color: #4fc08d;
  --simulator-zindex: 99;
  --right-navs-zindex: 100;
  --header-select-zindex: 101;
  --search-mask-zindex: 102;
  --search-zindex: 103;
  --back-top-zindex: 200;
  --codebox-background: #f1f5f6;
  --code-demo-background: #f1f5f6;
  --code-box-background: #10202a;
  --code-box-max-height: 550px;
  --code-tabs-background: #263237;
}
@keyframes advertisement-show {
  0% {
    transform: translateY(calc(100% - 20px));
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes advertisement-hidden {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(calc(100% - 20px));
  }
}
.antm-docs-advertisement-wrapper .ad-box {
  position: fixed;
  right: 6px;
  bottom: 2px;
  width: 260px;
  min-height: 150px;
  background-color: var(--primary-color);
  box-shadow: 0 8px 12px #dfe3ea;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  z-index: 99999;
  transform: translateY(calc(100% - 20px));
}
.antm-docs-advertisement-wrapper .ad-box .icon {
  cursor: pointer;
}
.antm-docs-advertisement-wrapper .ad-box .ad-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 14px;
  font-weight: 500;
  font-size: 13px;
  color: #ffffff;
}
.antm-docs-advertisement-wrapper .ad-box .ad-img-box {
  width: 100%;
  padding: 4px 14px 0;
}
.antm-docs-advertisement-wrapper .ad-box .ad-img {
  display: block;
  width: 100%;
}
.antm-docs-advertisement-wrapper .ad-box .ad-content {
  padding: 14px;
  color: #ffffff;
  font-size: 12px;
}
.antm-docs-advertisement-wrapper .ad-box-show {
  animation-name: advertisement-show;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.antm-docs-advertisement-wrapper .ad-box-hidden {
  animation-name: advertisement-hidden;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  width: 30px;
}
.antm-docs-advertisement-wrapper .ad-box-hidden .ad-title {
  padding: 2px 8px;
}
.antm-docs-advertisement-wrapper .ad-box-none {
  overflow: hidden;
  width: 30px;
}
.antm-docs-advertisement-wrapper .ad-box-none .ad-title {
  padding: 2px 8px;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* stylelint-disable-next-line selector-max-type */
a {
  text-decoration: none;
}
:root {
  --primary-color: #3864f5;
  --primary-back-color: #ededed;
  --header-back-color: #4d70fc;
}

