html,
body {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
/**
 * Normalize for title.
 * 标题的规范
 */
.eh-t0 {
  font-size: 72px;
  line-height: 100px;
  font-weight: 600;
}
.eh-t1 {
  font-size: 50px;
  line-height: 70px;
  font-weight: 600;
}
.eh-t2 {
  font-size: 40px;
  line-height: 56px;
  font-weight: 600;
}
.eh-t3 {
  font-size: 34px;
  line-height: 48px;
  font-weight: 600;
}
.eh-t4 {
  font-size: 32px;
  line-height: 45px;
  font-weight: 600;
}
.eh-t5 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 600;
}
.eh-t6 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
}
/**
 * Normalize for body.
 * 正文的规范
 */
.eh-b1 {
  font-size: 34px;
  line-height: 48px;
}
.eh-b2 {
  font-size: 32px;
  line-height: 45px;
}
/**
 * Normalize for caption.
 * 辅助文本的规范
 */
.eh-c1 {
  font-size: 30px;
  line-height: 42px;
}
.eh-c2 {
  font-size: 28px;
  line-height: 40px;
}
.eh-c3 {
  font-size: 26px;
  line-height: 37px;
}
.eh-c4 {
  font-size: 24px;
  line-height: 33px;
}
/**
 * Normalize for annotate.
 * 注释的规范
 */
.eh-a1 {
  font-size: 22px;
  line-height: 30px;
}
.eh-a2 {
  font-size: 20px;
  line-height: 28px;
}
/**
 * Normalize for long text.
 * 注释的规范
 */
.eh-l1 {
  font-size: 34px;
  line-height: 56px;
}
.eh-l2 {
  font-size: 32px;
  line-height: 52px;
}
.eh-l3 {
  font-size: 30px;
  line-height: 48px;
}
.eh-l4 {
  font-size: 28px;
  line-height: 46px;
}
/**
 * Normalize for functional color. 功能色的规范
 * Begin
 */
/*
 * 项目主色
 */
/*
 * 提示色
 */
/*
 * 辅色
 */
/*
 * 字色
 */
/*
 * 其他中性色
 */
/**
 * Normalize for functional color. 功能色的规范
 * End
 */
/**
 * Normalize for project color. 项目色的规范
 * Begin
 */
/*
 * 孔雀石绿
 */
/*
 * 豆绿
 */
/*
 * 铭黄
 */
/*
 * 正红
 */
/*
 * 紫藤
 */
/*
 * 金色
 */
/*
 * 灰黑
 */
/*
 *橙色
 */
/*
 * 紫色
 */
/*
 * 左邻蓝
 */
/*
 * 深灰蓝
 */
/*
 * 深蓝
 */
/*
 * 古蓝
 */
/*
 * 科技蓝
 */
/*
 * 湛蓝
 */
/*
 * 天蓝
 */
/*
 * 蓝青
 */
/*
 * 明蓝
 */
/**
 * Normalize for project color. 项目色的规范
 * End
 */
/**
 * Normalize for button at the bottom.
 * 注释的规范
 */
.eh-bottom-btn-wrapper {
  padding: 24px 32px;
  background-color: #fff;
  -webkit-box-shadow: 0 -8px 14px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -8px 14px rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}
.eh-bottom-btn-main {
  background-color: var(--theme);
  color: #fff;
  border: 1px solid var(--theme);
  border-radius: 8px;
}
.eh-bottom-btn-main:active,
.eh-bottom-btn-main:hover {
  background-color: var(--pressed);
  border: 1px solid var(--pressed);
}
.eh-bottom-btn-main[disabled] {
  background-color: var(--bg_invalid);
  border: 1px solid var(--bg_invalid);
}
.eh-bottom-btn-assist {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: var(--theme);
  border: 1px solid var(--theme);
  border-radius: 8px;
}
.eh-bottom-btn-assist:active,
.eh-bottom-btn-assist:hover {
  color: var(--pressed);
  border: 1px solid var(--pressed);
}
.eh-bottom-btn-assist[disabled] {
  color: var(--bg_invalid);
  border: 1px solid var(--bg_invalid);
}
:root {
  --theme: #07A6F0;
  --pressed: #058DCC;
  --bg_invalid: rgba(7, 166, 240, 0.7);
  --text_invalid: rgba(7, 166, 240, 0.3);
  --bg_opacity: rgba(7, 166, 240, 0.1);
}
@font-face {
  font-family: 'iconfont';
  /* project id 80913 */
  src: url('//at.alicdn.com/t/font_80913_ycc63zaze7.eot');
  src: url('//at.alicdn.com/t/font_80913_ycc63zaze7.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_80913_ycc63zaze7.woff2') format('woff2'), url('//at.alicdn.com/t/font_80913_ycc63zaze7.woff') format('woff'), url('//at.alicdn.com/t/font_80913_ycc63zaze7.ttf') format('truetype'), url('//at.alicdn.com/t/font_80913_ycc63zaze7.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.eh-button {
  display: block;
  outline: 0 none;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  color: #7f7f7f;
  background-color: #fff;
}
.eh-button > * {
  vertical-align: baseline;
}
.eh-button-borderfix:before {
  -webkit-transform: scale(0.49) !important;
      -ms-transform: scale(0.49) !important;
          transform: scale(0.49) !important;
}
.eh-button-loading .eh-lottie {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 23px;
  vertical-align: top;
}
.eh-button-loading svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  width: 60px !important;
  height: 60px !important;
}
.eh-button-loading svg path {
  fill: #fff;
}
.eh-button .eh-button-icon {
  display: inline-block;
  margin-right: 8px;
  font-size: 16px;
  line-height: 23px;
}
.eh-button-primary {
  color: #fff;
  background-color: var(--theme);
  border-radius: 4px;
  padding: 12px;
  min-width: 88px;
}
.eh-button-primary.eh-button-active {
  color: #fff;
  background-color: var(--pressed);
}
.eh-button-primary.eh-button-disabled {
  color: #fff;
  background-color: var(--text_invalid);
}
.eh-button-primary.eh-button-small {
  font-size: 15px;
  line-height: 21px;
  padding: 8px 12px;
}
.eh-button-primary.eh-button-small.eh-button-loading .eh-lottie {
  height: 21px;
}
.eh-button-primary.eh-button-small .eh-button-icon {
  font-size: 15px;
}
.eh-button-default {
  color: var(--theme);
  border: 1PX solid var(--theme);
  border-radius: 4px;
  padding: 12px;
  min-width: 88px;
}
.eh-button-default.eh-button-active {
  color: var(--pressed);
  border-color: var(--pressed);
  background-color: #f5f5f5;
}
.eh-button-default.eh-button-disabled {
  color: var(--text_invalid);
  border-color: var(--bg_invalid);
}
.eh-button-default.eh-button-loading {
  background-color: #ffffff;
}
.eh-button-default.eh-button-loading .eh-lottie svg path {
  fill: var(--theme);
}
.eh-button-default.eh-button-small {
  font-size: 15px;
  line-height: 21px;
  padding: 8px 12px;
}
.eh-button-default.eh-button-small.eh-button-loading .eh-lottie {
  height: 21px;
}
.eh-button-default.eh-button-small .eh-button-icon {
  font-size: 15px;
}
.eh-button-candy {
  display: inline-block;
  border-radius: 15px;
  padding: 4px 12px;
  min-width: 69px;
  font-size: 15px;
  line-height: 21px;
  color: var(--theme);
  background-color: #F5F5F5;
}
.eh-button-candy.eh-button-active {
  color: var(--pressed);
  background-color: rgba(0, 0, 0, 0.08);
}
.eh-button-candy.eh-button-disabled {
  color: var(--text_invalid);
  background-color: #F5F5F5;
}
.eh-button-candy.eh-button-loading .eh-lottie svg path {
  fill: var(--theme);
}
.eh-button-candy.eh-button-theme {
  color: #fff;
  background-color: var(--theme);
}
.eh-button-candy.eh-button-theme.eh-button-active {
  color: #fff;
  background-color: var(--pressed);
}
.eh-button-candy.eh-button-theme.eh-button-disabled {
  color: #fff;
  background-color: var(--text_invalid);
}
.eh-button-candy.eh-button-theme.eh-button-loading .eh-lottie svg path {
  fill: #fff;
}
.eh-button-text {
  color: #7f7f7f;
  background-color: transparent;
  font-weight: normal;
}
.eh-button-text.eh-button-active {
  color: #404040;
}
.eh-button-text.eh-button-disabled {
  color: #b2b2b2;
}
.eh-button-text-vertical {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.eh-button-text-vertical .eh-button-icon {
  margin-right: 0;
}
.eh-button-text.eh-button-loading .eh-lottie svg path {
  fill: #404040;
}
.eh-button-text.eh-button-theme {
  color: var(--theme);
}
.eh-button-text.eh-button-theme.eh-button-active {
  color: var(--pressed);
}
.eh-button-text.eh-button-theme.eh-button-disabled {
  color: var(--text_invalid);
}
.eh-button-text.eh-button-theme.eh-button-loading .eh-lottie svg path {
  fill: var(--theme);
}
.eh-button-warning {
  color: #ff5e5e;
  padding: 12px;
  min-width: 88px;
}
.eh-button-warning.eh-button-active {
  color: #d94f4f;
}
.eh-button-warning.eh-button-disabled {
  color: rgba(255, 94, 94, 0.3);
}
.eh-button-warning.eh-button-loading .eh-lottie svg path {
  fill: #b2b2b2;
}
.eh-button-warning.eh-button-warning-default {
  border: 1PX solid #ccc;
  border-radius: 4px;
}
.eh-button-warning.eh-button-warning-default.eh-button-active {
  background-color: #f5f5f5;
}
.eh-button-warning.eh-button-warning-default.eh-button-loading {
  background-color: #ffffff;
}
.eh-button-warning.eh-button-warning-banner {
  border: none;
  border-radius: 0;
}
.eh-button-warning.eh-button-warning-footer {
  border: none;
  border-top: 1PX solid #ccc;
  border-radius: 0;
}
.eh-button-inline {
  display: inline-block;
}
