:root {
	/* color */
	/* size */
}

html,
body {
	margin: 0rem;
}

html ::-webkit-scrollbar, body ::-webkit-scrollbar {
		display: none;
	}

:root {
	/* 设计稿 375 */
	font-size: 26.6667vw;
}

:root div {
		box-sizing: border-box;
	}

:root a {
		-webkit-text-decoration: none;
		text-decoration: none;
		color: rgba(0, 0, 0, 1);
	}

.m-mg-b-4 {
	margin-bottom: 0.04rem;
}

.m-mg-b-16 {
	margin-bottom: 0.16rem;
}

.m-pd-b-16 {
	padding-bottom: 0.16rem;
}

.m-mg-t-24 {
	margin-top: 0.24rem;
}

.m-mg-t-48 {
	margin-top: 0.48rem;
}

.m-mg-t-16 {
	margin-top: 0.16rem;
}

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;
}

.header {
  position: fixed;
  top: 0rem;
  left: 0rem;
  height: 0.44rem;
  width: 100%;
  padding: 0rem 0.16rem 0rem 0.24rem;
  z-index: 99999;
}

.header .logo,
  .header .logo img {
    display: block;
    width: 0.88rem;
    height: 0.16rem;
  }

.header .menu {
    position: absolute;
    right: 0.16rem;
    top: 0.12rem;
    width: 0.2rem;
    height: 0.2rem;
  }

.header-bg-dark {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0rem 0.01rem 0rem 0rem rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10rem);
          backdrop-filter: blur(10rem);
}

.header-bg {
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0rem 0.01rem 0rem 0rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(0.1rem);
          backdrop-filter: blur(0.1rem);
}

.footer {
  color: rgba(0, 0, 0, 1);
  font-size: 0.12rem;
  line-height: 0.2rem;
  /* padding: 0.16rem 0.22rem 0.16rem 0.24rem; */
  padding: 0.16rem 0.12rem 0.16rem 0.12rem;
}

.footer .link-row {
    padding: 0.16rem 0.12rem;
  }

.footer .link-row .name {
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
    }

.footer .link-row .arrow-right {
      width: 0.12rem;
      height: 0.12rem;
    }

.footer .hotline {
    padding: 0rem 0.12rem;
    margin-top: 0.16rem;
    margin-bottom: 0.24rem;
  }

.footer .hotline .title {
      font-size: 0.12rem;
      font-weight: 400;
      line-height: 0.2rem;
      color: rgba(0, 0, 0, 0.6);
    }

.footer .hotline .phoneNo {
      font-size: 0.18rem;
      font-weight: 500;
      line-height: 0.26rem;
    }

.footer .divider {
    height: 0.01rem;
    border: 0.01rem solid rgba(0, 0, 0, 0.08);
    margin-bottom: 0.23rem;
  }

.footer .serverAndPrivate {
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 0.2rem;
  }

.footer .serverAndPrivate a {
      color: rgba(0, 0, 0, 0.6);
    }

.footer .serverAndPrivate .divider-v {
      width: 0.01rem;
      height: 0.12rem;
      border: 0.01rem solid rgba(0, 0, 0, 0.2);
      margin: 0rem 0.09rem 0rem 0.1rem;
    }

.footer .serverAndPrivate,
  .footer .recordNo {
    margin-bottom: 0.04rem;
  }

.footer .serverAndPrivate a, .footer .recordNo a {
      color: rgba(0, 0, 0, 0.6);
    }

.footer .serverAndPrivate {
    padding-left: 0.12rem;
    color: rgba(0, 0, 0, 0.6);
  }

.footer .recordNo {
    padding-left: 0.12rem;
    color: rgba(0, 0, 0, 0.6);
  }

.footer .copyright {
    padding-left: 0.12rem;
    color: rgba(0, 0, 0, 0.6);
  }

.footer .gongan {
    color: rgba(0, 0, 0, 0.6);
    padding-left: 0.12rem;
  }

.footer .gongan img {
      width: 0.12rem;
      height: 0.12rem;
      margin-right: 0.06rem;
    }

.mask-box {
  position: fixed;
  top: 0rem;
  left: 0rem;
  overflow: hidden;
  height: 0vh;
  z-index: 2;
  transition: height 0.5s;
  transition-timing-function: curve(0.25, 0.1, 0.25, 1);
}

.mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  -webkit-backdrop-filter: blur(30rem);
          backdrop-filter: blur(30rem);
}

.mask .mask-item {
    opacity: 0;
    transition-property: opacity transfrom;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }

.mask .mask-item-0 {
    transition-delay: 0s;
  }

.mask .mask-item-1 {
    transition-delay: 0.15s;
  }

.mask .mask-item-2 {
    transition-delay: 0.23s;
  }

.mask .mask-item-3 {
    transition-delay: 0.31s;
  }

.mask .mask-item-4 {
    transition-delay: 0.39s;
  }

.mask a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.mask .close {
    position: absolute;
    top: 0.12rem;
    right: 0.16rem;
    width: 0.198rem;
    height: 0.198rem;
  }

.mask .enheylig-pic {
    position: absolute;
    top: 0.76rem;
    left: 0.56rem;
    width: 0.72rem;
    height: 0.15rem;
  }

.mask .server {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .developer {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .download {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .about {
    color: #ffffff;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask .server {
    top: 1.39rem;
  }

.mask .server a {
    display: block;
    margin-top: 0.16rem;
    color: #666666;
    font-weight: 400;
    font-size: 0.14rem;
  }

.mask .server a:active {
    color: #00b386;
  }

.mask .server a.active {
    color: #00b386;
  }

/* .developer {
		top: 2.11rem;
	} */

/* .download {
		top: 2.83rem;
	}
	.about {
		top: 3.55rem;
	} */

.mask .download {
    top: 3.7rem;
  }

.mask .about {
    top: 4.4rem;
  }

.mask-white {
  background: rgba(255, 255, 255, 0.7);
}

.mask-white .server {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask-white .developer {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask-white .download {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.mask-white .about {
    color: rgba(0, 0, 0, 1);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.24rem;
    position: absolute;
    left: 0.56rem;
  }

.banner {
	height: 5.63em;
	background-image: url("/images-m/index-banner.webp");
	background-size: cover;
	overflow: hidden;
	color: rgba(0, 0, 0, 1);
}

.banner .subtitle {
		font-size: 0.16rem;
		font-weight: 400;
		line-height: 0.22rem;
		margin-top: 2.03rem;
	}

.banner .title {
		width: 1.92rem;
		font-size: 0.32rem;
		font-weight: 600;
		line-height: 0.4rem;
		margin-top: 0.16rem;
	}

.banner .subtitle,
	.banner .title {
		margin-left: 0.36rem;
	}

.part-use {
	color: #141414;
	background-color: #f9fcfe;
	text-align: center;
	padding: 0.4rem 0rem;
}

.part-use ::-webkit-scrollbar {
		display: none;
	}

.part-use .subtitle {
		font-size: 0.14rem;
		font-weight: 500;
		line-height: 0.22rem;
		margin-bottom: 0.04rem;
	}

.part-use .title {
		font-size: 0.24rem;
		font-weight: 500;
		line-height: 0.32rem;
		margin-bottom: 0.24rem;
	}

.part-use .card-box {
		display: flex;
		flex-wrapper: nowrap;
		overflow-y: scroll;
		font-size: 0rem;
		border-radius: 0.06rem;
		padding-left: 0.2rem;
	}

.part-use .card-box .card {
			margin-right: 0.2rem;
		}

.part-use .card-box .card .main-img {
				width: 2.23rem;
				height: 1.25rem;
				border-radius: 0.06rem;
			}

.part-use .card-box .card .subtitle {
				margin: 0.08rem 0rem 0.06rem 0rem;
			}

.part-use .card-box .card .subtitle img {
					width: 0.22rem;
					height: 0.22rem;
				}

.part-use .card-box .card .subtitle .text {
					margin-left: 0.04rem;
					font-size: 0.14rem;
					font-weight: 600;
					line-height: 0.22rem;
				}

.part-use .card-box .card .des {
				text-align: left;
				font-size: 0.12rem;
				font-weight: 400;
				color: #171a1d;
				line-height: 0.2rem;
			}

.low-delayed {
	padding: 0.64rem 0rem 0.32rem 0rem;
	color: #141414;
	text-align: center;
	font-size: 0rem;
}

.low-delayed .title {
		font-size: 0.24rem;
		font-weight: 500;
		line-height: 0.32rem;
	}

.low-delayed .des {
		font-size: 0.14rem;
		font-weight: 400;
		line-height: 0.22rem;
	}

.low-delayed .first-des {
		margin-top: 0.16rem;
	}

.low-delayed .last-des {
		margin-bottom: 0.32rem;
	}

.low-delayed .main-pic {
		width: 3.5rem;
		height: 2.2rem;
	}

.ingenuity {
	padding: 0.64rem 0rem 0.32rem 0rem;
	color: #141414;
	text-align: center;
	font-size: 0rem;
}

.ingenuity .title {
		font-size: 0.24rem;
		font-weight: 500;
		line-height: 0.32rem;
	}

.ingenuity .des {
		font-size: 0.14rem;
		font-weight: 400;
		line-height: 0.22rem;
	}

.ingenuity .first-des {
		margin-top: 0.16rem;
	}

.ingenuity .last-des {
		margin-bottom: 0.32rem;
	}

.ingenuity .main-pic {
		width: 3.5rem;
		height: 2.2rem;
	}

.part-wisdom {
	padding: 0.64rem 0rem 0.32rem 0rem;
	color: #141414;
	text-align: center;
	font-size: 0rem;
}

.part-wisdom .title {
		font-size: 0.24rem;
		font-weight: 500;
		line-height: 0.32rem;
	}

.part-wisdom .des {
		font-size: 0.14rem;
		font-weight: 400;
		line-height: 0.22rem;
	}

.part-wisdom .first-des {
		margin-top: 0.16rem;
	}

.part-wisdom .last-des {
		margin-bottom: 0.32rem;
	}

.part-wisdom .main-pic {
		width: 3.5rem;
		height: 2.2rem;
	}

.low-delayed {
}

.ingenuity {
	color: #ffffff;
	background: linear-gradient(
		180deg,
		#232426 0%,
		#121214 100%
	);
}

.part-wisdom .wisdom-des {
		width: 2.56rem;
		text-align: center;
		margin: 0rem auto;
		margin-top: 0.16rem;
		margin-bottom: 0.32rem;
	}

.contact-us {
	background-image: url("/images-m/m-contact.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 0.88rem;
	justify-content: flex-start;
}

.contact-us .des {
		width: 2rem;
		font-size: 0.12rem;
		font-weight: 400;
		color: #ffffff;
		line-height: 0.2rem;
		margin: 0rem 0.23rem 0rem 0.32rem;
	}

.contact-us .button {
		width: 0.88rem;
		height: 0.32rem;
		background: #f7f8fa;
		border-radius: 0.02rem;

		font-size: 0.12rem;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
		line-height: 0.32rem;
		text-align: center;
		cursor: pointer;
	}

.qrcode {
	display: none;
	z-index: 3;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.6);
	top: 0rem;
	bottom: 0rem;
	left: 0rem;
	right: 0rem;
}

.qrcode .modal {
		overflow: hidden;
		position: absolute;
		width: 3.04rem;
		height: 3.9rem;
		background: #ffffff;
		box-shadow: 0rem 0.1rem 0.32 0 rgba(0, 0, 0, 0.18);
		border-radius: 0.16rem;
		border: 0.01rem solid #c7c7c7;
		text-align: center;
	}

.qrcode .modal .close-btn {
			position: absolute;
			top: 0.04rem;
			right: 0.06rem;
			cursor: pointer;
			width: 0.4rem;
			height: 0.4rem;
		}

.qrcode .modal .title {
			font-size: 0.18rem;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #141414;
			line-height: 0.26rem;
		}

.qrcode .modal .main {
			box-sizing: border-box;
			width: 1.56rem;
			height: 1.78rem;
			background: #ffffff;
			border-radius: 0.15rem;
			border: 0.01rem solid #c7c7c7;
			padding: 0.18rem 0.18rem 0.1rem 0.18rem;
			font-size: 0rem;
		}

.qrcode .modal .main .pic {
				width: 1.2rem;
				height: 1.2rem;
				margin-bottom: 0.1rem;
			}

.qrcode .modal .main .name {
				font-size: 0.12rem;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #141414;
				line-height: 0.2rem;
			}

.qrcode .modal .subtitle {
			font-size: 0.12rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #141414;
			line-height: 0.2rem;
		}

.qrcode .modal .subtitle a {
				color: #00b386;
			}