:root {
  --black: #000;
  --black1: #090c15;
  --black2: #2c3437;
  --black3: #0d111d;
  --blue1: #00f;
  --white: #fff;
  --white-smoke: #f2f2f2;
  --grey-smoke: #e9edf0;
  --red1: #d60027;
  --red2: #d50027;
  --red3: #ca5010;
  --green1: #3e7a38;
  --green2: #5a8147;
  --green3: #64de64;
  --green4: #99cc7d;
  --green5: #84ba64;
  --gray1: #707070;
  --gray2: #b4b4b4;
  --gray3: #ccc;
  --gray4: #040404;
  --gray5: #7a7a7a;
  --gray6: #333;
  --gray7: #c1c1c1;
  --grey8: #ddd;
  --background-color-api-stability-link: hsla(0,0%,100%,.4);
  --background-color-highlight: var(--white-smoke);
  --color-brand-primary: var(--gray6);
  --color-brand-secondary: var(--green1);
  --color-fill-app: var(--white);
  --color-fill-side-nav: var(--gray6);
  --color-links: var(--green1);
  --color-text-mark: var(--gray1);
  --color-text-nav: var(--gray3);
  --color-text-primary: var(--gray6);
  --color-text-secondary: var(--green2)
}

.dark-mode {
  --background-color-highlight: var(--black2);
  --color-fill-app: var(--black1);
  --color-fill-side-nav: var(--black3);
  --color-links: var(--green5);
  --color-text-mark: var(--gray5);
  --color-text-primary: var(--white)
}

.dark-mode code,.dark-mode tt {
  color: var(--grey-smoke);
  background-color: var(--background-color-highlight)
}

.dark-mode a code {
  color: var(--green3)
}

html {
  font-size: 1rem;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none
}

* {
  box-sizing: border-box
}

body {
  font-family: Lato,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Tahoma,sans-serif;
  margin: 0;
  padding: 0;
  color: var(--color-text-primary);
  background-color: var(--color-fill-app)
}

h1,h1 code {
  font-size: 2.5rem
}

h2,h2 code {
  font-size: 2rem
}

h3,h3 code {
  font-size: 1.75rem
}

h4,h4 code {
  font-size: 1.5rem
}

h5,h5 code {
  font-size: 1.25rem
}

h6,h6 code {
  font-size: 1rem
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 700;
  line-height: inherit;
  position: relative;
  margin: 1.5rem 0 1rem;
  text-rendering: optimizeLegibility
}

h1 code,h2 code,h3 code,h4 code,h5 code,h6 code {
  color: inherit;
  font-family: inherit
}

.pre,a.type,code,pre,span.type,tt {
  font-family: SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace;
  font-size: .9em
}

#content {
  position: relative
}

.contents a:active,
.contents a:link,
.contents a:visited {
  color: var(--color-links);
  text-decoration: none;
  border-radius: 2px;
  padding: 1px 3px
}

.contents a:focus, 
.contents a:hover {
  color: var(--white);
  background-color: var(--green1);
  outline: none
}

strong {
  font-weight: 700
}

code a:hover {
  background-color: transparent
}

em code {
  font-style: normal
}

#changelog #gtoc {
  display: none
}

#gtoc {
  margin-top: .5rem;
  margin-bottom: 1rem
}

#gtoc ul {
  list-style: none;
  margin-left: 0;
  line-height: 1.5rem
}

li.version-picker {
  position: relative
}

li.version-picker:hover>a {
  border-radius: 2px 2px 0 0
}

li.version-picker:hover>ol {
  display: block;
  z-index: 1
}

li.version-picker a span {
  font-size: .7rem
}

ol.version-picker {
  background-color: var(--color-fill-app);
  border: 1px solid var(--color-brand-secondary);
  border-radius: 0 0 2px 2px;
  display: none;
  list-style: none;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%
}

#gtoc ol.version-picker li {
  display: block;
  border-right: 0;
  margin-right: 0
}

ol.version-picker li a {
  border-radius: 0;
  display: block;
  margin: 0;
  padding: .1rem;
  padding-left: 1rem
}

ol.version-picker li:last-child a {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px
}

.line {
  width: calc(100% - 1rem);
  display: block;
  padding-bottom: 1px
}

.api_stability {
  margin: 0 0 1rem;
  padding: 1rem;
  line-height: 1.5
}

.api_stability,.api_stability * {
  color: var(--white)!important
}

.api_stability a {
  text-decoration: underline
}

.api_stability a:active,.api_stability a:focus,.api_stability a:hover {
  background-color: var(--background-color-api-stability-link)
}

.api_stability a code {
  background-color: transparent
}

.api_stability_0 {
  background-color: var(--red1)
}

.api_stability_1 {
  background-color: var(--red3)
}

.api_stability_2 {
  background-color: var(--green2)
}

.api_stability_3 {
  background-color: var(--blue1)
}

.module_stability {
  vertical-align: middle
}

.api_metadata {
  font-size: .85rem;
  margin-bottom: 1rem
}

.api_metadata span {
  margin-right: 1rem
}

.api_metadata span:last-child {
  margin-right: 0
}

ul.plain {
  list-style: none
}

abbr {
  border-bottom: 1px dotted #454545
}

p {
  text-rendering: optimizeLegibility;
  margin: 0 0 1.125rem;
  line-height: 1.5
}

#apicontent>:last-child {
  margin-bottom: 0;
  padding-bottom: 2rem
}

table {
  border-collapse: collapse;
  margin: 0 0 1.5rem
}

td,th {
  border: 1px solid #aaa;
  padding: .5rem;
  vertical-align: top
}

th {
  text-align: left
}

td {
  word-break: break-all;
  word-break: break-word
}

@media only screen and (min-width: 600px) {
  td,th {
      padding:.75rem 1rem
  }

  td:first-child {
      word-break: normal
  }
}

dl,ol,ul {
  margin: 0 0 .6rem;
  padding: 0
}

dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul {
  margin-bottom: 0
}

ol,ul {
  margin-left: 2rem
}

dl dt {
  margin: 1.5rem 0 0
}

dl dd,dl dt {
  position: relative
}

dl dd {
  margin: 0 1rem
}

dd+dt.pre {
  margin-top: 1.6rem
}

#apicontent {
  padding-top: 1rem
}

#apicontent section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 5000px
}

#apicontent .line {
  width: calc(50% - 1rem);
  margin: 1rem 1rem .95rem;
  background-color: #ccc
}

h2+h2,h3+h3 {
  margin: 0 0 .5rem
}

h2,h3,h4,h5 {
  position: relative;
  padding-right: 40px
}

.srclink {
  float: right;
  font-size: smaller;
  margin-right: 30px
}

h1 span,h2 span,h3 span,h4 span {
  /*position: absolute;*/
  /*display: block;*/
/*  top: 0;
  right: 0*/
}

h1 span:hover,h2 span:hover,h3 span:hover,h4 span:hover {
  opacity: 1
}

h1 span a,h2 span a,h3 span a,h4 span a {
  color: #000;
  text-decoration: none;
  font-weight: 700
}

code,pre,tt {
  margin: 0;
  padding: 0
}

.pre,code,pre,tt {
  line-height: 1.5rem
}

pre {
  padding: 1rem;
  vertical-align: top;
  background-color: var(--background-color-highlight);
  margin: 1rem;
  overflow-x: auto
}

pre>code {
  padding: 0
}

pre+h3 {
  margin-top: 2.225rem
}

code.pre {
  white-space: pre
}

#intro {
  margin-top: 1.25rem;
  margin-left: 1rem
}

#intro a {
  color: var(--grey8);
  font-weight: 700
}

hr {
  background-color: transparent;
  border: medium none;
  border-bottom: 1px solid var(--gray5);
  margin: 0 0 1rem
}

#toc>ul {
  margin-top: 1.5rem
}

#toc p {
  margin: 0
}

#toc ul a {
  text-decoration: none
}

#toc ul li {
  margin-bottom: .666rem;
  list-style: square outside
}

#toc li>ul {
  margin-top: .666rem
}

#toc .stability_0:after {
  background-color: var(--red2);
  content: "deprecated"
}

#toc .stability_0:after,#toc .stability_3:after {
  color: var(--white);
  margin-left: .25rem;
  padding: 1px 3px;
  border-radius: 3px
}

#toc .stability_3:after {
  background-color: var(--blue1);
  content: "legacy"
}

#apicontent li {
  margin-bottom: .5rem
}

#apicontent li:last-child {
  margin-bottom: 0
}

code,tt {
  color: #040404;
  background-color: #f2f2f2;
  border-radius: 2px;
  padding: 1px 3px
}

.api_stability code {
  background-color: rgba(0,0,0,.1)
}

a code {
  color: inherit;
  background-color: inherit;
  padding: 0
}

.type {
  line-height: 1.5rem
}

#column1.interior {
  margin-left: 234px;
  padding: 0 2rem;
  -webkit-padding-start: 1.5rem
}

#column2.interior {
  width: 234px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll
}

#column2 ul,#column2.interior {
  background-color: var(--color-fill-side-nav)
}

#column2 ul {
  list-style: none;
  margin: .9rem 0 .5rem
}

#column2>:first-child {
  margin: 1.25rem;
  font-size: 1.5rem
}

#column2>ul:nth-child(2) {
  margin: 1.25rem 0 .5rem
}

#column2>ul:last-child {
  margin: .9rem 0 1.25rem
}

#column2 ul li {
  padding-left: 1.25rem;
  margin-bottom: .5rem;
  padding-bottom: .5rem
}

#column2 .line {
  margin: 0 .5rem;
  border-color: #707070
}

#column2 ul li:last-child {
  margin-bottom: 0
}

#column2 ul li a,#column2 ul li a code {
  color: var(--color-text-nav);
  border-radius: 0
}

#column2 ul li a.active,#column2 ul li a.active:focus,#column2 ul li a.active:hover {
  font-weight: 700;
  color: var(--white);
  background-color: transparent
}

#column2 ul li a:focus,#column2 ul li a:hover,#intro a:focus,#intro a:hover {
  color: var(--white);
  background-color: transparent
}

span>.mark,span>.mark:visited {
  color: var(--color-text-mark);
  position: absolute;
  top: 0;
  right: 0
}

span>.mark:active,span>.mark:focus,span>.mark:hover {
  color: var(--color-brand-secondary);
  background-color: transparent
}

td>:last-child,th>:last-child {
  margin-bottom: 0
}

kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
  color: #333;
  display: inline-block;
  font-size: .85em;
  font-weight: 700;
  padding: 2px 4px;
  white-space: nowrap;
  vertical-align: middle
}

.changelog>summary {
  margin: .5rem 0;
  padding: .5rem 0;
  cursor: pointer
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

@media only screen and (min-width: 1025px) {
  .apidoc #column2>.line {
      pointer-events:none
  }

  .apidoc #column2>:first-child,.apidoc #column2>ul,.apidoc #column2>ul>li {
      margin: 0;
      padding: 0
  }

  .apidoc #column2>:first-child>a[href] {
      border-radius: 0;
      padding: 1.25rem 1.4375rem .625rem;
      display: block
  }

  .apidoc #column2>ul>li>a[href] {
      padding: .5rem 1.4375rem;
      display: block
  }

  .apidoc #column2>ul>:first-child>a[href] {
      padding-top: .625rem
  }

  .apidoc #column2>ul>:last-child>a[href] {
      padding-bottom: .625rem
  }

  .apidoc #column2>ul:first-of-type>:last-child>a[href] {
      padding-bottom: 1rem
  }

  .apidoc #column2>ul:nth-of-type(2)>:first-child>a[href] {
      padding-top: .875rem
  }

  .apidoc #column2>ul:nth-of-type(2)>:last-child>a[href] {
      padding-bottom: .9375rem
  }

  .apidoc #column2>ul:last-of-type>:first-child>a[href] {
      padding-top: 1rem
  }

  .apidoc #column2>ul:last-of-type>:last-child>a[href] {
      padding-bottom: 1.75rem
  }
}

.header-container {
  display: flex;
  align-items: center;
  margin: 1.5rem 0 1rem;
  justify-content: space-between
}

.header-container h1 {
  margin: 0
}

.theme-toggle-btn {
  border: none;
  background: transparent;
  outline: var(--brand3) dotted 2px
}

@media only screen and (min-width: 577px) {
  #gtoc>ul>li {
      display:inline;
      border-right: 1px solid currentColor;
      margin-right: .4rem;
      padding-right: .4rem
  }

  #gtoc>ul>li:last-child {
      border-right: none;
      margin-right: 0;
      padding-right: 0
  }
}

@media only screen and (max-width: 1024px) {
  #content {
      overflow:visible
  }

  #column1.interior {
      margin-left: 0;
      padding-left: .5rem;
      padding-right: .5rem;
      width: auto;
      overflow-y: visible
  }

  #column2 {
      display: none
  }
}

.icon {
  cursor: pointer
}

.dark-icon {
  display: block
}

.light-icon {
  fill: var(--white)
}

.dark-mode .dark-icon,.light-icon {
  display: none
}

.dark-mode .light-icon {
  fill: var(--white);
  display: block
}

.js-flavor-selector {
  -webkit-appearance: none;
  appearance: none;
  float: right;
  background-image: url("data:image/svg+xml,%3c!-- * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free - CC BY 4.0 --%3e %3csvg xmlns='http://www.w3.org/2000/svg' width='2719' height='384'%3e%3cpath d='M1191.326 384h192c106 0 192-86 192-192s-86-192-192-192h-192c-106 0-192 86-192 192s86 192 192 192zm0-320c70.8 0 128 57.3 128 128 0 70.8-57.3 128-128 128-70.8 0-128-57.3-128-128 0-70.8 57.3-128 128-128z'/%3e%3ctext stroke-width='42' font-family='sans-serif' font-weight='lighter' font-size='490' y='370'%3eCJS%3c/text%3e%3ctext stroke-width='42' font-weight='lighter' font-family='sans-serif' font-size='490' y='370' x='1682'%3eESM%3c/text%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  width: 142px;
  height: 20px
}

.js-flavor-selector:checked {
  background-image: url("data:image/svg+xml,%3c!-- * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free - CC BY 4.0 --%3e %3csvg xmlns='http://www.w3.org/2000/svg' height='384' width='2719'%3e%3cdefs%3e%3cpath d='M-136.321-230.336h2994.365v653.401H-136.321z'/%3e%3c/defs%3e%3cpath d='M1383.326 0h-192c-106 0-192 86-192 192s86 192 192 192h192c106 0 192-86 192-192s-86-192-192-192zm0 320c-70.8 0-128-57.3-128-128 0-70.8 57.3-128 128-128 70.8 0 128 57.3 128 128 0 70.8-57.3 128-128 128z'/%3e%3ctext stroke-width='42' font-family='sans-serif' font-weight='lighter' font-size='490' y='370'%3eCJS%3c/text%3e%3ctext stroke-width='42' font-weight='lighter' font-family='sans-serif' font-size='490' y='370' x='1682'%3eESM%3c/text%3e%3c/svg%3e")
}

.js-flavor-selector:checked~.cjs,.js-flavor-selector:not(:checked)~.mjs {
  display: none
}

.dark-mode .js-flavor-selector {
  filter: invert(1)
}

@supports (aspect-ratio: 1/1) {
  .js-flavor-selector {
      height:1.5em;
      width: auto;
      aspect-ratio: 7.08072917
  }
}

@media print {
  html {
      height: auto;
      font-size: .75em
  }

  #column2.interior {
      display: none
  }

  #column1.interior {
      margin-left: 0;
      padding: 0;
      overflow-y: auto
  }

  #gtoc,#toc,.api_metadata,.mark,.srclink {
      display: none
  }

  h1 {
      font-size: 2rem
  }

  h2 {
      font-size: 1.75rem
  }

  h3 {
      font-size: 1.5rem
  }

  h4 {
      font-size: 1.3rem
  }

  h5 {
      font-size: 1.2rem
  }

  h6 {
      font-size: 1.1rem
  }

  .api_stability {
      display: inline-block
  }

  .api_stability a {
      text-decoration: none
  }

  a {
      color: inherit
  }

  #apicontent {
      overflow: hidden
  }

  .js-flavor-selector {
      display: none
  }

  .js-flavor-selector+* {
      margin-bottom: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid var(--color-text-primary)
  }

  .js-flavor-selector~* {
      display: block!important;
      background-position: 100% 0;
      background-size: 142px 20px;
      background-repeat: no-repeat
  }

  .js-flavor-selector~.cjs {
      background-image: url("data:image/svg+xml,%3c!-- * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free - CC BY 4.0 --%3e %3csvg xmlns='http://www.w3.org/2000/svg' width='2719' height='384'%3e%3cpath d='M1191.326 384h192c106 0 192-86 192-192s-86-192-192-192h-192c-106 0-192 86-192 192s86 192 192 192zm0-320c70.8 0 128 57.3 128 128 0 70.8-57.3 128-128 128-70.8 0-128-57.3-128-128 0-70.8 57.3-128 128-128z'/%3e%3ctext stroke-width='42' font-family='sans-serif' font-weight='lighter' font-size='490' y='370'%3eCJS%3c/text%3e%3ctext stroke-width='42' font-weight='lighter' font-family='sans-serif' font-size='490' y='370' x='1682'%3eESM%3c/text%3e%3c/svg%3e")
  }

  .js-flavor-selector~.mjs {
      background-image: url("data:image/svg+xml,%3c!-- * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free - CC BY 4.0 --%3e %3csvg xmlns='http://www.w3.org/2000/svg' height='384' width='2719'%3e%3cdefs%3e%3cpath d='M-136.321-230.336h2994.365v653.401H-136.321z'/%3e%3c/defs%3e%3cpath d='M1383.326 0h-192c-106 0-192 86-192 192s86 192 192 192h192c106 0 192-86 192-192s-86-192-192-192zm0 320c-70.8 0-128-57.3-128-128 0-70.8 57.3-128 128-128 70.8 0 128 57.3 128 128 0 70.8-57.3 128-128 128z'/%3e%3ctext stroke-width='42' font-family='sans-serif' font-weight='lighter' font-size='490' y='370'%3eCJS%3c/text%3e%3ctext stroke-width='42' font-weight='lighter' font-family='sans-serif' font-size='490' y='370' x='1682'%3eESM%3c/text%3e%3c/svg%3e")
  }
}

.hljs {
  font-weight: 400;
  font-style: normal
}

.hljs-symbol {
  color: #333
}

.hljs-attribute,.hljs-keyword,.hljs-type {
  color: #338
}

.hljs-number,.hljs-regexp,.hljs-string {
  color: #cf350d
}

.hljs-doctag {
  color: #040404
}

.hljs-comment,.hljs-doctag .hljs-type,.hljs-doctag .hljs-variable {
  color: #666;
  font-weight: lighter
}

.dark-mode .hljs-number,.dark-mode .hljs-regexp,.dark-mode .hljs-string {
  color: var(--green4)
}

.dark-mode .hljs-attribute,.dark-mode .hljs-doctag,.dark-mode .hljs-keyword,.dark-mode .hljs-type {
  color: #66d9ef
}

.dark-mode .hljs-comment,.dark-mode .hljs-doctag .hljs-type,.dark-mode .hljs-doctag .hljs-variable {
  color: var(--gray7)
}

body {
  font-family: Microsoft Yahei,Lato,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Tahoma,sans-serif!important
}

#scroll_top {
  padding: 5px 10px;
  text-align: center;
  border-top-left-radius: 5px;
  font-size: 12px;
  background-color: #333;
  color: #ccc;
  opacity: .8;
  position: fixed;
  right: 0;
  bottom: 0;
  cursor: pointer
}

.sh_comment {
  font-weight: 400!important
}

#adWrap a {
  display: inline-block;
  padding: 0
}

#adWrap a:hover {
  text-decoration: none
}

#adWrap a img {
  width: 675px;
  height: 75px;
  display: block
}

#page_api .api_nav_cn_name {
  font-size: 13px;
  display: inline-block;
  padding-left: 10px
}

#page_api #toc .stability_0:after {
  content: "\5F03\7528"
}

#page_api #toc .stability_3:after {
  content: "\65E7\7248"
}

#page_api #modal_search_trigger {
  padding: 5px;
  margin-top: 10px
}

#page_api .tip_wrap {
  font-size: 12px;
  margin-top: -.5em;
  margin-bottom: 10px
}

#page_api .tip_en {
  background: #4eba0f;
  color: #fff;
  margin-right: 8px
}

#page_api .tip_trans {
  background: #ec5315;
  color: #fff;
  margin-right: 8px
}

#page_api .tip_no_trans {
  background: #aaa;
  color: #fff;
  border-radius: 2px;
  padding: 1px 3px;
  margin-right: 8px
}

#page_api .tip_code {
  background: #409eff;
  color: #fff;
  margin-right: 8px
}

#page_api .tip_depre {
  background: #d60027;
  color: #fff;
  border-radius: 2px;
  padding: 1px 3px;
  margin-right: 8px
}

#page_api .link_code {
  background: #409eff;
  color: #fff;
  font-size: 14px
}

#page_api_en .link_cn_wrap {
  font-size: 12px;
  margin-top: -1em
}

#page_api_en .link_cn_text {
  background: #4eba0f;
  color: #fff
}

#page_api_item #column1.interior {
  margin-left: 0
}

#page_api_item #apicontent {
  padding-top: 0
}

#page_api_item #content_left {
  width: 49%;
  float: left;
  border-right: 1px solid #eee;
  padding-right: 2%
}

#page_api_item #content_right {
  float: left;
  width: 48%;
  margin-left: 3%
}

#biz_nav {
  text-align: center
}

#biz_nav img {
  width: 228px;
  height: 100px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff
}

#biz_nav a:hover {
  background: none
}

#biz_content {
  position: relative;
  top: 10px;
  overflow: hidden;
  text-align: center
}

#biz_content a:hover {
  background: none
}

#biz_content img {
  width: 1000px;
  max-height: 65px
}

.api_page_index #biz_content {
  display: none
}

#biz_item {
  text-align: center
}

#biz_item img {
  margin-top: 15px;
  width: 1000px;
  max-height: 65px;
  overflow: hidden
}

/*add*/
.contents code.language-js{
	display: initial; border: none;
}
.contents{
  line-height: 38px;
}