@keyframes moveleft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes moveright {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
#download_button {
  cursor: pointer;
  user-select: none;
}
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}
.header_active {
  background-color: #f5fff7;
  color: #333;
}
header {
  padding: 0 15vw;
  height: 4vw;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
  top: 0;
  z-index: 999;
  color: white;
  transition: all 0.3s linear;
}
header .logo_box img {
  width: 1.7vw;
  height: 1.7vw;
  vertical-align: middle;
  margin-right: 0.5vw;
}
header .logo_box span {
  font-family: AlimamaShuHeiTi-Bold;
  font-size: 1.2vw;
  letter-spacing: 0.042vw;
  color: #1acd67;
  vertical-align: middle;
}
header ul {
  margin-left: 4.8vw;
  display: flex;
  gap: 4.8vw;
  font-size: 0.9vw;
}
header .right_box {
  display: flex;
  gap: 2.5vw;
  align-items: center;
  margin-left: auto;
}
header .right_box span {
  font-size: 0.9vw;
}
header .right_box #download_button {
  width: 7.188vw;
  height: 2.2vw;
  background-color: #1acd67;
  border-radius: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9vw;
  color: white;
}
section.home {
  position: relative;
  overflow: hidden;
  padding-bottom: 6vw;
  min-height: 100vh;
}
section.home .content {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-top: 10vw;
  box-sizing: border-box;
}
section.home .video_box {
  position: absolute;
  box-sizing: border-box;
  inset: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  font-size: 0;
}
section.home .video_box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.home h1 {
  text-align: center;
  font-family: AlimamaShuHeiTi-Bold;
  font-size: 3.5vw;
  padding: 0;
  margin: 0;
  margin-top: 3vw;
}
section.home h1 span {
  background-image: linear-gradient(0deg, #0cc867 0%, #5df07f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.home p {
  margin-top: 1.5vw;
  font-size: 1.354vw;
  font-weight: bold;
  letter-spacing: 0.036vw;
  text-align: center;
}
section.home .des {
  margin-top: 2vw;
  text-align: center;
  font-size: 1vw;
  letter-spacing: 0.031vw;
  line-height: 2.0833vw;
  font-weight: bold;
}
section.home .count {
  margin-top: 1.5vw;
  text-align: center;
  font-size: 1.25vw;
  font-weight: bold;
}
section.home .count span {
  font-size: 1.875vw;
  background: linear-gradient(to bottom, #D32727, #FB8383);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 0.5208vw;
}
section.home #download_button {
  width: 12vw;
  height: 3vw;
  background-image: linear-gradient(0deg, #11cc66 0%, #5ef17f 100%);
  border-radius: 100vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4vw;
  font-weight: bold;
  color: white;
  margin-top: 1.5vw;
}
section.home .adaptation {
  text-align: center;
  margin-top: 0.7vw;
}
section.home .appraise {
  margin-top: 1.5vw;
  text-align: center;
}
section.home .appraise img {
  vertical-align: middle;
  height: 1.5vw;
}
section.home .appraise span {
  font-weight: bold;
  padding: 0 0.2vw;
}
section.download_page {
  padding-top: 4vw;
  box-sizing: border-box;
  position: relative;
}
section.download_page h1 {
  text-align: center;
  font-size: 2vw;
  font-family: AlimamaShuHeiTi-Bold;
}
section.download_page p {
  margin-top: 1vw;
  font-size: 0.7292vw;
  text-align: center;
  font-weight: bold;
}
section.download_page .img_box {
  width: 40vw;
  position: relative;
  margin: 0 auto;
  border-radius: 0.7vw;
  overflow: hidden;
  box-shadow: 0 0 0.5208vw 0.1042vw rgba(0, 0, 0, 0.1);
  margin-top: 2vw;
}
section.download_page .img_box img {
  width: 100%;
}
section.download_page .img_box #download_button {
  position: absolute;
  top: 69%;
  left: 37%;
  width: 10vw;
  height: 2.4vw;
  background-image: linear-gradient(0deg, #11cc66 0%, #5ef17f 100%);
  border-radius: 1.667vw;
  font-family: AlimamaShuHeiTi-Bold;
  font-size: 0.9vw;
  letter-spacing: 0.026vw;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.download_page .scroll {
  position: absolute;
  left: 10vw;
  bottom: 1vw;
  animation: scorll 2s linear infinite alternate;
}
section.download_page .scroll img {
  height: 1vw;
  vertical-align: middle;
}
section.download_page .scroll span {
  font-size: 0.7vw;
  vertical-align: middle;
  color: #999;
}
main {
  padding-top: 5.469vw;
}
main .product_info_list {
  background-image: url(../img/introduce2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
main .product_info_list h1.title {
  text-align: center;
  font-family: AlimamaShuHeiTi-Bold;
  font-size: 2vw;
  letter-spacing: 0.063vw;
  padding-top: 4.2vw;
}
main .product_info_list .product_introduce {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .product_info_list .product_introduce .item {
  width: 54vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5vw;
}
main .product_info_list .product_introduce .item .text_content .title {
  font-size: 1.2vw;
  letter-spacing: 0.047vw;
  font-weight: bold;
}
main .product_info_list .product_introduce .item .text_content .description {
  margin-top: 2vw;
  margin-bottom: 2vw;
  font-weight: 500;
}
main .product_info_list .product_introduce .item .text_content .description .des {
  font-size: 0.7292vw;
  letter-spacing: 0.026vw;
  width: 23vw;
}
main .product_info_list .product_introduce .item .text_content .info {
  margin-bottom: 1.5vw;
}
main .product_info_list .product_introduce .item .text_content .info img {
  width: 1vw;
  height: 1vw;
  margin-right: 1vw;
  vertical-align: middle;
}
main .product_info_list .product_introduce .item .text_content .info span {
  vertical-align: middle;
  font-size: 0.8vw;
}
main .product_info_list .product_introduce .item .img_box {
  width: 28vw;
}
main .product_info_list .product_introduce .item .img_box img {
  width: 100%;
}
main .product_info_list .product_introduce .item:nth-of-type(even) {
  flex-direction: row-reverse;
}
main .product_info_list .product_introduce .item .active_left {
  animation: moveleft 2s ease-in-out forwards;
}
main .product_info_list .product_introduce .item .active_right {
  animation: moveright 2s ease-in-out forwards;
}
main .useful_list {
  padding-bottom: 5vw;
}
main .useful_list h1.title {
  text-align: center;
  font-family: AlimamaShuHeiTi-Bold;
  font-size: 2vw;
  letter-spacing: 0.063vw;
  padding-top: 4.2vw;
}
main .useful_list .useful {
  display: flex;
  width: 60vw;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 5vw;
}
main .useful_list .useful .item {
  width: 11vw;
  text-align: center;
}
main .useful_list .useful .item img {
  height: 3vw;
}
main .useful_list .useful .item .title {
  font-size: 1.606vw;
  font-weight: bold;
  margin: 2vw 0 1vw;
  font-size: 1.042vw;
}
main .useful_list .useful .item p {
  font-size: 0.8vw;
  line-height: 1.6146vw;
  padding: 0;
  margin: 0;
}
main .comments {
  padding: 5.5vw 0;
  background-color: #D0F5DC;
}
main .comments .container {
  width: 64vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
main .comments .container .item {
  width: 15vw;
  padding: 1vw;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0.5208vw;
  margin-bottom: 1.2vw;
}
main .comments .container .item .info {
  display: flex;
  align-items: center;
  gap: 1vw;
}
main .comments .container .item .info .avatar {
  width: 3.385vw;
  height: 3.333vw;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-image: url(../img/avatar.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
}
main .comments .container .item .info .name {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7vw;
}
main .comments .container .item .info .name img {
  width: 4.896vw;
}
main .comments .container .item .info .name span {
  font-size: 0.833vw;
  font-weight: bold;
  width: 100%;
}
main .comments .container .item p {
  font-size: 0.8vw;
  line-height: 1.5vw;
  margin-top: 1.25vw;
}
main .end {
  padding: 1.7vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  background-image: url(../img/endbgi.png);
  background-repeat: no-repeat;
  background-size: cover;
}
main .end h1 {
  font-size: 2vw;
  font-weight: bold;
  font-family: AlimamaShuHeiTi-Bold;
}
main .end p {
  margin: 2vw 0 2.5vw;
  opacity: 0.8;
}
main .end #download_button {
  width: 11vw;
  height: 2.7vw;
  background-image: linear-gradient(90deg, #11cc66 0%, #5ef17f 100%);
  border-radius: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: AlimamaShuHeiTi-Bold;
}
footer {
  background-color: #313236;
  padding: 2.7vw 0;
}
footer .container {
  width: 76vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
footer .container .title {
  font-size: 1.042vw;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 1.4vw;
}
footer .container .version {
  text-align: center;
}
footer .container .version img {
  width: 3.906vw;
  height: 3.906vw;
}
footer .container .version p {
  color: #ccc;
  font-size: 1.042vw;
  margin-top: 0.8vw;
}
footer .container .info {
  width: 17.031vw;
  color: #ccc;
}
footer .container .info p {
  line-height: 1.6146vw;
}
footer .container .contactUs {
  color: #ccc;
}
footer .container .aboutUs {
  color: #ccc;
}
footer .container .item {
  margin-bottom: 1vw;
}