:root {
	/* color */
	/* size */
}
html,
body {
  margin: 0px;
}
html a, body a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
  }
html,
body {
  font-family: PingFang SC;
  overflow-x: hidden;
}
/** pc 和 移动端布局不同，长度单位的分别定义 */
/* 行样式 */
.page-row {
  width: 1440px;
}
.page-row-content {
  width: 1200px;
}
/* 居中*/
.position-x-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.position-xy-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mg-center {
  margin: 0px auto;
}
/* font-size */
.fs-0 {
  font-size: 0px;
}
/* flex */
.flex-dir-c {
  display: flex;
  flex-direction: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-r-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-ai-end {
  align-items: end;
}
.flex-dir-rv {
  display: flex;
  flex-direction: revert;
  align-items: center;
}
/* 背景图 */
.cover-centger-bg {
  background-size: cover;
  background-pisition: center;
}
/* margin */
.mg-l-80 {
  margin-left: 80px;
}
.mg-b-32 {
  margin-bottom: 32px;
}
.mg-b-64 {
  margin-bottom: 64px;
}
.mg-r-24 {
  margin-right: 24px;
}
.mg-t-24 {
  margin-top: 24px;
}
.mg-t-48 {
  margin-top: 48px;
}
.mg-t-16 {
  margin-top: 16px;
}
.clean-margin {
  margin: 0px !important;
}
.padding-tb-18 {
  padding: 18px 0px;
}
.padding-tb-28 {
  padding: 28px 0px;
}
/* button */
.button-white-bg {
  background: #f7f8fa;
  border-radius: 3px;
  color: #000000;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.page-header-row {
  z-index: 2;
  position: fixed;
  width: 100%;
}
.page-header-row .header-content {
    width: 1200px;
    height: 56px;
  }
.page-header-row .header-content .logo {
      width: 8.5714rem;
      height: 1.5714rem;
    }
.page-header-row .header-content .links a {
        color: #ffffff;
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: 1rem;
      }
.page-header-row .header-content .links .enheylig-a {
        font-size: 0px;
      }
.page-header-row .header-content .links .enheylig {
        width: 4.7142rem;
        height: 1.5rem;
        padding-top: 0.05rem;
      }
.page-header-row-bg {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  /* 修补因为backdrop-filter 导致左边少了1px */
  /* border-left: 1px solid rgba(0, 0, 0, 0); */
}
.ft-bg {
  background-color: #fafafa;
}
.footer .main-row {
    height: 34px;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    line-height: 26px;
    padding: 56px 0px 60px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
.footer .main-row .products {
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }
.footer .main-row .products .logo-dark {
        width: 20px;
        height: 17px;
        margin: 0px 62px 0px 2px;
      }
.footer .main-row .products .product-name {
        font-size: 14px;
        font-weight: 600;
        color: #000000;
        line-height: 22px;
        -webkit-text-decoration: none;
        text-decoration: none;
        margin-right: 80px;
      }
.footer .main-row .hot-line {
      border-radius: 4px;
      text-align: right;
      background: rgba(0, 0, 0, 0.05);
      line-height: 30px;
      padding: 4px 10px;
    }
.footer .main-row .hot-line .hot-line-logo {
        width: 20px;
        height: 20px;
        margin-right: 6px;
      }
.footer .copyright-row {
    padding: 15px 0px 32px 0px;
  }
.footer .copyright-row .info {
      font-size: 12px;
      color: rgba(51, 51, 51, 0.4);
      line-height: 20px;
    }
.footer .copyright-row .info .border-item {
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        padding: 0px 10px;
        margin: 0px 10px;
      }
.footer .copyright-row .info .border-right-0 {
        border-right: none;
      }
.footer .copyright-row .info .border-item-left {
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        margin-left: 10px;
        padding-left: 10px;
      }
.footer .copyright-row .info .border-item-left img {
          width: 14px;
          height: 14px;
          margin-right: 4px;
        }
.footer .copyright-row .info a {
        -webkit-text-decoration: none;
        text-decoration: none;
        color: rgba(51, 51, 51, 0.4);
      }
.footer .copyright-row .language {
      color: rgba(51, 51, 51, 0.8);
    }
.footer .copyright-row .language .globalization {
        width: 20px;
        height: 20px;
      }
.footer .copyright-row .language .up-arrow {
        width: 12px;
        height: 12px;
      }
.footer .copyright-row .language .text {
        margin: 0px 4px;
      }
.page-header-row-download .header-content .links a {
        color: rgba(0, 0, 0, 1);
      }
.page-header-row-download-bg {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.download-title-box {
  padding: 156px 0px 80px 0px;
  text-align: center;
}
.download-title-box .download-title {
    font-size: 56px;
    font-weight: 500;
    color: #141414;
    line-height: 56px;
    margin-bottom: 24px;
  }
.download-title-box .download-subtitle .download-develop {
      color: #666666;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
    }
.download-title-box .download-subtitle .auth {
      font-size: 14px;
      font-weight: 400;
      color: #00b386;
      line-height: 20px;
      -webkit-text-decoration: none;
      text-decoration: none;
      cursor: pointer;
    }
.download-title-box .download-subtitle .app-auth {
      border-left: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      padding: 0px 8px;
      margin: 0px 8px;
    }
.images-row {
  width: 1032px;
  text-align: center;
  margin-bottom: 60px;
}
.images-row .image-card {
    /* overflow: hidden; */
    position: relative;
    width: 240px;
    height: 280px;
    margin-right: 24px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
  }
.images-row .image-card .image-bg {
      opacity: 0.8;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
    }
.images-row .image-card .image-card-main {
      overflow: hidden;
      position: absolute;
      top: 20px;
      left: 40px;
    }
.images-row .image-card .image-card-hover {
      width: 240px;
      height: 280px;
      box-sizing: border-box;
      padding: 67px 70px 0px 70px;
      display: none;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
      background-image: url("/images/select-bg.png");
      background-size: 112% 112%;
      background-position: center;
      position: absolute;
      left: 0px;
      top: 0px;
    }
.images-row .image-card .image-card-hover .download-main {
        width: 100px;
        height: 100px;
      }
.images-row .image-card .image-card-hover .click-download {
        margin-top: 16px;
        font-size: 22px;
        font-weight: 500;
        color: #141414;
        line-height: 30px;
      }
/* &:hover {
			.image-card-main {
				display: none;
			}
			.image-card-hover {
				display: block;
			}
		} */
.images-row .image-card .image-main {
      width: 160px;
      height: 160px;
    }
.images-row .image-card .image-title {
      font-size: 22px;
      font-weight: 500;
      color: #141414;
      line-height: 30px;
    }
.images-row .image-card .image-version,
    .images-row .image-card .image-date {
      font-size: 14px;
      font-weight: 400;
      color: #666666;
      line-height: 20px;
    }
.images-row .image-card .qrcode-right-icon,
    .images-row .image-card .arrow-right-icon {
      position: absolute;
    }
.images-row .image-card .qrcode-right-icon {
      right: 1px;
      top: 0px;
      width: 52px;
      height: 52px;
    }
.images-row .image-card .arrow-right-icon {
      right: 8px;
      top: 8px;
      width: 24px;
      height: 24px;
    }
.log-des {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-right: 8px;
}
.green-more {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.log-box {
  margin-bottom: 60px;
}
.show-box-wrap {
  height: 720px;
  background-size: cover;
  background-image: url("/images/show-box-bg.png");
}
.show-box-wrap .show-box {
    width: 1066px;
    margin-left: 220px;
    box-sizing: border-box;
    padding: 152px 0px;
  }
.show-box-wrap .show-box .copywriting-wrap {
      position: relative;
      width: 360px;
      height: 214px;
    }
.show-box-wrap .show-box .copywriting-wrap .show-box-copywriting {
        position: absolute;
        opacity: 0;
      }
.show-box-wrap .show-box .copywriting-wrap .show-box-copywriting-active {
        opacity: 1;
      }
.show-box-wrap .show-box .show-box-titile {
      width: 243px;
      font-size: 56px;
      font-weight: 600;
      color: #141414;
      line-height: 78px;
      margin-bottom: 24px;
    }
.show-box-wrap .show-box .show-box-des {
      font-size: 24px;
      font-weight: 400;
      color: #666666;
      line-height: 33px;
    }
.show-box-wrap .show-box .scroll-box {
      margin-left: 132px;
      width: 598px;
      height: 416px;
      position: relative;
    }
.show-box-wrap .show-box .scroll-box .show-box-image {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
      }
.show-box-wrap .show-box .scroll-box .show-box-image-active {
        opacity: 1;
      }
.download-footer {
  background: #fafafa;
}
.show-box-bg {
  background-color: #F4FDFE;
}
.black-dropdown-trigger {
  color: #000 !important;
}