:root {
  --layout-padding: 120px;
  --layout-maxWidth: 1200px;
  /* 内容间距 */
  --layout-itemMargin: 24px;
  /* 一行几个 */
  --layout-rowNumer: 4;
  /* 合并单元格 */
  --layout-grid-column: 1/3;
  --layout-grid-row: 1/3;
}

/* 栅格布局，等比分 */
.flex--grid--main {
  display: grid;
  grid-column: span var(--layout-rowNumer);
  grid-gap: var(--layout-itemMargin);
  grid-template-columns: repeat(var(--layout-rowNumer), 1fr);
  /*.col-xxl-2 是框架的内部className 同时也是 gate 的栅格className，框架设置了width，所以添加这个*/
  width: 100%;
}

/* 合并栅格 */
.flex--grid-rowCol {
  grid-column: var(--layout-grid-column);
  grid-row: var(--layout-grid-row);
}

/* 等比宽高 */
.aspect-ratio {
  aspect-ratio: 1;
}

:root {
  --layout-padding: 120px;
  --layout-maxWidth: 1200px;
  /* 内容间距 */
  --layout-itemMargin: 24px;
}

/* -------------- 内容两侧留白适配  -------------- */
@media screen and (max-width: 375px) {
  :root {
    --layout-padding: 12px;
    --layout-maxWidth: calc(100vw - 24px);
  }
}
@media screen and (min-width: 375.1px) {
  :root {
    --layout-padding: 16px;
    --layout-maxWidth: 736px;
  }
}
@media screen and (min-width: 768.1px) {
  :root {
    --layout-padding: 24px;
    --layout-maxWidth: 1200px;
  }
  .flex--grid--layout {
    max-width: 1200px;
  }
}
@media screen and (min-width: 1920.1px) {
  :root {
    --layout-padding: 24px;
    --layout-maxWidth: 1440px;
  }
  .flex--grid--layout {
    max-width: 1440px;
  }
}
/* 内容外壳 */
.flex--grid--layout {
  padding: 0 var(--layout-padding) !important;
  margin: 0 auto !important;
}

.gt-title {
  line-height: 1.2;
  color: var(--color-text-1);
}

.gt-title-h1 {
  font-weight: 700;
  font-size: 48px;
}

.gt-title-h2 {
  font-weight: 600;
  font-size: 40px;
}

.gt-title-h3 {
  font-weight: 500;
  font-size: 32px;
}

.gt-title-h4 {
  font-weight: 400;
  font-size: 28px;
}

.gt-title-h5 {
  font-weight: 400;
  font-size: 24px;
}

@media screen and (min-width: 1920.1px) {
  .gt-title-h1 {
    font-size: 52px;
  }
  .gt-title-h2 {
    font-size: 48px;
  }
  .gt-title-h3 {
    font-size: 40px;
  }
  .gt-title-h4 {
    font-size: 32px;
  }
  .gt-title-h5 {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .gt-title-h1 {
    font-size: 28px;
  }
  .gt-title-h2 {
    font-size: 24px;
  }
  .gt-title-h3 {
    font-size: 20px;
  }
  .gt-title-h4 {
    font-size: 16px;
  }
  .gt-title-h5 {
    font-size: 14px;
  }
}
.gt-color-brand-1 {
  color: var(--color-brand-1);
}

.gt-color-brand-2 {
  color: var(--color-brand-2);
}

.gt-color-funct-1 {
  color: var(--color-funct-1);
}

.gt-color-funct-2 {
  color: var(--color-funct-2);
}

.gt-color-funct-3 {
  color: var(--color-funct-3);
}

.gt-color-funct-4 {
  color: var(--color-funct-4);
}

.gt-color-funct-5 {
  color: var(--color-funct-5);
}

.gt-color-funct-6 {
  color: var(--color-funct-6);
}

.gt-color-funct-7 {
  color: var(--color-funct-7);
}

.gt-color-funct-8 {
  color: var(--color-funct-8);
}

.gt-color-other-1 {
  color: var(--color-other-1);
}

.gt-color-other-2 {
  color: var(--color-other-2);
}

.gt-color-other-3 {
  color: var(--color-other-3);
}

.gt-color-other-4 {
  color: var(--color-other-4);
}

.gt-color-other-5 {
  color: var(--color-other-5);
}

.gt-color-other-6 {
  color: var(--color-other-6);
}

.gt-color-divider-1 {
  color: var(--color-divider-1);
}

.gt-color-divider-2 {
  color: var(--color-divider-2);
}

.gt-color-neutral-1 {
  color: var(--color-neutral-1);
}

.gt-color-neutral-2 {
  color: var(--color-neutral-2);
}

.gt-color-neutral-3 {
  color: var(--color-neutral-3);
}

.gt-color-card-1 {
  color: var(--color-card-1);
}

.gt-color-card-2 {
  color: var(--color-card-2);
}

.gt-color-card-3 {
  color: var(--color-card-3);
}

.gt-color-card-4 {
  color: var(--color-card-4);
}

.gt-color-card-5 {
  color: var(--color-card-5);
}

.gt-color-card-6 {
  color: var(--color-card-6);
}

.gt-color-bg-1 {
  color: var(--color-bg-1);
}

.gt-color-bg-2 {
  color: var(--color-bg-2);
}

.gt-color-bg-3 {
  color: var(--color-bg-3);
}

.gt-color-bg-4 {
  color: var(--color-bg-4);
}

.gt-color-text-1 {
  color: var(--color-text-1);
}

.gt-color-text-2 {
  color: var(--color-text-2);
}

.gt-color-text-3 {
  color: var(--color-text-3);
}

.gt-color-text-4 {
  color: var(--color-text-4);
}

.gt-color-text-5 {
  color: var(--color-text-5);
}

.gt-color-text-6 {
  color: var(--color-text-6);
}

.gt-color-gradient-1 {
  background: var(--color-gradient-1);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-2 {
  background: var(--color-gradient-2);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-3 {
  background: var(--color-gradient-3);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-4 {
  background: var(--color-gradient-4);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-5 {
  background: var(--color-gradient-5);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-6 {
  background: var(--color-gradient-6-1);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-7 {
  background: var(--color-gradient-7);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-gradient-8 {
  background: var(--color-gradient-8);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-cmpt-1 {
  color: var(--color-cmpt-1);
}

.gt-color-cmpt-2 {
  color: var(--color-cmpt-2);
}

.gt-color-cmpt-3 {
  color: var(--color-cmpt-3);
}

.gt-color-cmpt-4 {
  color: var(--color-cmpt-4);
}

.gt-color-cmpt-5 {
  color: var(--color-cmpt-5);
}

.gt-color-cmpt-6 {
  color: var(--color-cmpt-6);
}

.gt-color-pd-1 {
  color: var(--color-pd-1);
}

.gt-color-pd-2 {
  color: var(--color-pd-2);
}

.gt-color-pd-3 {
  color: var(--color-pd-3);
}

.gt-color-pd-4 {
  color: var(--color-pd-4);
}

.gt-color-scroll-1 {
  color: var(--color-scroll-1);
}

.gt-color-d-brand-1 {
  color: var(--color-d-brand-1);
}

.gt-color-d-brand-2 {
  color: var(--color-d-brand-2);
}

.gt-color-d-funct-1 {
  color: var(--color-d-funct-1);
}

.gt-color-d-funct-2 {
  color: var(--color-d-funct-2);
}

.gt-color-d-funct-3 {
  color: var(--color-d-funct-3);
}

.gt-color-d-funct-4 {
  color: var(--color-d-funct-4);
}

.gt-color-d-funct-5 {
  color: var(--color-d-funct-5);
}

.gt-color-d-funct-6 {
  color: var(--color-d-funct-6);
}

.gt-color-d-funct-7 {
  color: var(--color-d-funct-7);
}

.gt-color-d-funct-8 {
  color: var(--color-d-funct-8);
}

.gt-color-d-other-1 {
  color: var(--color-d-other-1);
}

.gt-color-d-other-2 {
  color: var(--color-d-other-2);
}

.gt-color-d-other-3 {
  color: var(--color-d-other-3);
}

.gt-color-d-other-4 {
  color: var(--color-d-other-4);
}

.gt-color-d-other-5 {
  color: var(--color-d-other-5);
}

.gt-color-d-other-6 {
  color: var(--color-d-other-6);
}

.gt-color-d-divider-1 {
  color: var(--color-d-divider-1);
}

.gt-color-d-divider-2 {
  color: var(--color-d-divider-2);
}

.gt-color-d-neutral-1 {
  color: var(--color-d-neutral-1);
}

.gt-color-d-neutral-2 {
  color: var(--color-d-neutral-2);
}

.gt-color-d-neutral-3 {
  color: var(--color-d-neutral-3);
}

.gt-color-d-card-1 {
  color: var(--color-d-card-1);
}

.gt-color-d-card-2 {
  color: var(--color-d-card-2);
}

.gt-color-d-card-3 {
  color: var(--color-d-card-3);
}

.gt-color-d-card-4 {
  color: var(--color-d-card-4);
}

.gt-color-d-card-5 {
  color: var(--color-d-card-5);
}

.gt-color-d-card-6 {
  color: var(--color-d-card-6);
}

.gt-color-d-bg-1 {
  color: var(--color-d-bg-1);
}

.gt-color-d-bg-2 {
  color: var(--color-d-bg-2);
}

.gt-color-d-bg-3 {
  color: var(--color-d-bg-3);
}

.gt-color-d-bg-4 {
  color: var(--color-d-bg-4);
}

.gt-color-d-text-1 {
  color: var(--color-d-text-1);
}

.gt-color-d-text-2 {
  color: var(--color-d-text-2);
}

.gt-color-d-text-3 {
  color: var(--color-d-text-3);
}

.gt-color-d-text-4 {
  color: var(--color-d-text-4);
}

.gt-color-d-text-5 {
  color: var(--color-d-text-5);
}

.gt-color-d-text-6 {
  color: var(--color-d-text-6);
}

.gt-color-d-gradient-1 {
  background: var(--color-d-gradient-1);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-2 {
  background: var(--color-d-gradient-2);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-3 {
  background: var(--color-d-gradient-3);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-4 {
  background: var(--color-d-gradient-4);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-5 {
  background: var(--color-d-gradient-5);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-6 {
  background: var(--color-d-gradient-6-1);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-7 {
  background: var(--color-d-gradient-7);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-gradient-8 {
  background: var(--color-d-gradient-8);
  -webkit-background-clip: text;
  color: transparent;
}

.gt-color-d-cmpt-1 {
  color: var(--color-d-cmpt-1);
}

.gt-color-d-cmpt-2 {
  color: var(--color-d-cmpt-2);
}

.gt-color-d-cmpt-3 {
  color: var(--color-d-cmpt-3);
}

.gt-color-d-cmpt-4 {
  color: var(--color-d-cmpt-4);
}

.gt-color-d-cmpt-5 {
  color: var(--color-d-cmpt-5);
}

.gt-color-d-cmpt-6 {
  color: var(--color-d-cmpt-6);
}

.gt-color-d-pd-1 {
  color: var(--color-d-pd-1);
}

.gt-color-d-pd-2 {
  color: var(--color-d-pd-2);
}

.gt-color-d-pd-3 {
  color: var(--color-d-pd-3);
}

.gt-color-d-pd-4 {
  color: var(--color-d-pd-4);
}

.gt-color-d-scroll-1 {
  color: var(--color-d-scroll-1);
}


/* -------------- 字阶适配 -------------- */
.gt-font-h1 {
  font-size: 48px;
}

.gt-font-h2 {
  font-size: 40px;
}

.gt-font-h3 {
  font-size: 32px;
}

.gt-font-h4 {
  font-size: 28px;
}

.gt-font-h5 {
  font-size: 24px;
}

.gt-font-subtitle {
  font-size: 20px;
}

.gt-font-body {
  font-size: 16px;
}

.gt-font-body-m {
  font-size: 14px;
}

.gt-font-body-s {
  font-size: 12px;
}

.gt-font-700 {
  font-weight: 700;
}

.gt-font-600 {
  font-weight: 600;
}

.gt-font-500 {
  font-weight: 500;
}

.gt-font-400 {
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .gt-font-h1 {
    font-size: 28px;
  }
  .gt-font-h2 {
    font-size: 24px;
  }
  .gt-font-h3 {
    font-size: 20px;
  }
  .gt-font-h4 {
    font-size: 20px;
  }
  .gt-font-h5 {
    font-size: 20px;
  }
  .gt-font-subtitle {
    font-size: 20px;
  }
  .gt-font-body {
    font-size: 16px;
  }
  .gt-font-body-m {
    font-size: 14px;
  }
  .gt-font-body-s {
    font-size: 12px;
  }
}
.gt-section-block-wrapper {
  padding: 40px 0 80px;
}

.gt-section-block-wrapper-120 {
  padding: 40px 0 80px;
}

.gt-section-block-wrapper-160 {
  padding: 80px 0 80px;
}

@media screen and (max-width: 768px) {
  .gt-section-block-wrapper {
    padding: 48px 0 48px;
  }
  .gt-section-block-wrapper-96 {
    padding: 48px 0 48px;
  }
}
* {
  padding: 0;
  margin: 0;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 
  margin: 0;
  padding: 0;
}
p{
  padding: 0;
  margin: 0;
}


.ER_Content *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

#footerSignup {
    display: none !important;
}

.footer-signup {
    display: none !important;
}

#root .App {
    background: var(--color-bg-1);
}

.ER_Content {
    width: 792px;
    margin: 0 auto;
}

.ER_Content .Content_Block {
    padding: 80px 0;
}

.ER_Content .ER_title {
    font-size: 36px;
}
.ER_Content .ER_subtitle {
  font-size: 28px;
}
/* .ER_Content .ER_text {
  font-size: 16px;
} */

.ER_Content .ER_ul {
    display: flex;
    flex-direction: column;
    grid-gap: 32px;
    gap: 32px;
    margin-top: 32px;
    list-style: none;
}
.ER_Content .ER_ul ul{
  list-style: none;
}
.ER_Content .ER_ul span {
    font-weight: 700;
}

.ER_Content .ER_ul a {
    color: var(--color-text-5);
}

.ER_Content .ER_ul .ER_child {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    gap: 16px;
    margin-top: 16px;
    list-style: none;
}

.ER_Content .ER_ul .ER_it {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin-top: 8px;
    list-style: disc ;
    color: var(--color-text-1);
    padding-left: 22px;
}
.ER_Content .ER_ul .ER_it li{
  list-style: none ;
}
.lh-150 {
    line-height: 150%;
}

.lh-180 {
    line-height: 180%;
}
.ar-App{
  direction: rtl; /* 从右到左 */
  text-align: right; /* 右对齐 */
}
@media (max-width: 922px) {
    .ER_Content {
        width: 100%;
    }

    .ER_Content .Content_Block {
        padding: 24px 12px 40px;
    }

    .ER_Content .ER_title {
        font-size: 20px;
    }

    .ER_Content .ER_ul {
        grid-gap: 24px;
        gap: 24px;
        margin-top: 24px;
    }

    .ER_Content .ER_ul .ER_it {
        margin-top: 16px;
        padding-left: 16px;
    }
}