.header-common {
  display: flex;
  align-self: flex-start;
  width: 100vw;
  box-sizing: border-box;
}
.adsrecommend-wrapper-common {
  display: flex;
  justify-content: center;
  align-self: center;
  background-size: 100% 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
}
.group-1-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  background-size: 100% 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
  /* 默认使用img_7.png作为背景 */
  background-image: url(./images/img_7.png);
  /* 添加过渡效果 */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 悬停效果：使用img_6.png背景并放大 */
.group-1-common:hover {
  background-image: url(./images/img_6.png);
  transform: scale(1.1);
}

/* 悬停时字体颜色变为白色，避免蓝色背景配蓝色字体 */
.group-1-common:hover .num-common,
.group-1-common:hover .num-1-common,
.group-1-common:hover .count-common,
.group-1-common:hover .downloads,
.group-1-common:hover .store-ratings,
.group-1-common:hover .rating-users {
  color: rgba(255, 255, 255, 1) !important;
}
.num-common {
  align-self: center;
  font-family: SourceHanSans-Heavy;
  line-height: 3.7vw;
  color: rgba(8, 108, 213, 1); /* 改为蓝色，与group-2、group-3保持一致 */
  white-space: nowrap;
}
.num-1-common {
  align-self: center;
  font-family: SourceHanSans-Heavy;
  line-height: 3.33vw;
  color: rgba(8, 108, 213, 1);
  white-space: nowrap;
}
.count-common {
  align-self: center;
  overflow: hidden;
  max-width: 10.31vw;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper-1-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  margin-left: 1.15vw;
  /* 统一使用Google的尺寸 */
  width: 36.15vw;
  height: 12.29vw;
  padding: 1.88vw 0.63vw 1.72vw;
  background-size: 100% 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
  /* 默认状态：使用img_10.png背景（Google的原始背景） */
  background-image: url(./images/img_10.png);
  /* 添加过渡效果 */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 悬浮效果：所有元素悬浮时都使用img_12.png背景并放大 */
.wrapper-1-common:hover {
  background-image: url(./images/img_12.png);
  transform: scale(1.1);
}

/* 悬浮时文字颜色保持黑色 */
.wrapper-1-common:hover .google,
.wrapper-1-common:hover .facebook {
  color: rgba(22, 22, 22, 1) !important;
}
.col-common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  /* 统一使用Google的尺寸 */
  width: 36.15vw;
  height: 12.29vw;
  padding: 1.88vw 0.63vw 1.72vw;
  background-size: 100% 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
  /* 默认状态：使用img_10.png背景（Google的原始背景） */
  background-image: url(./images/img_10.png);
  /* 添加过渡效果 */
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 悬浮效果：所有元素悬浮时都使用img_12.png背景并放大 */
.col-common:hover {
  background-image: url(./images/img_12.png);
  transform: scale(1.1);
}

/* 悬浮时文字颜色保持黑色 */
.col-common:hover .twitter,
.col-common:hover .apple {
  color: rgba(22, 22, 22, 1) !important;
}
.mod {
  display: flex;
  justify-content: flex-start;
  width: 100vw;
  min-height: 100vh;
  font-family: SourceHanSans-Medium;
  box-sizing: border-box;
  overflow-x: hidden;
}
.group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-start;
  width: 100vw;
  min-height: 100vh;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0;
  box-sizing: border-box;
}
.header {
  position: relative;
  justify-content: flex-start;
}
.banner {
  align-self: flex-start;
  width: 100vw;
  height: 56.25vw;
}
.info {
  position: absolute;
  left: 50%;
  top: 22.97vw;
  overflow: hidden;
  width: 30.99vw;
  height: 9.06vw;
  font-family: SourceHanSans-Bold;
  font-size: 3.13vw;
  line-height: 4.53vw;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  white-space: break-spaces;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.divider {
  position: absolute;
  left: 50%;
  bottom: 27.45vw;
  width: 40.63vw;
  height: 0.16vw;
  transform: translateX(-50%);
}
.body {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 9.38vw;
}
.work {
  align-self: center;
  overflow: hidden;
  max-width: 99.79vw;
  margin-right: 0.1vw;
  font-family: SourceHanSans-Heavy;
  font-size: 3.02vw;
  line-height: 4.38vw;
  color: rgba(22, 22, 22, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 100vw;
  height: 37.55vw;
  margin-top: 5.36vw;
  box-sizing: border-box;
  position: relative;
}
.adsrecommend-wrapper {
  width: 30vw;
  height: 37.55vw;
  padding: 16.04vw 0.63vw 14.84vw;
  margin-top: 0.05vw;
  background-image: url(./images/img_2.png);
}
.adsrecommend {
  align-self: center;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 3.33vw;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.dataanalysis-wrapper {
  width: 38.02vw;
  height: 47.6vw;
  padding: 20.26vw 0.63vw 19.22vw;
  margin-left: 3.54vw;
  background-image: url(./images/img_3.png);
}
.dataanalysis {
  align-self: center;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 0;
  font-family: SourceHanSans-Bold;
  font-size: 1.3vw;
  line-height: 4.06vw;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.appdevelopment-wrapper {
  width: 30vw;
  height: 37.55vw;
  padding: 16.04vw 0.63vw 14.84vw;
  margin: 0.05vw 0 0 3.65vw;
  background-image: url(./images/img_4.png);
}
.appdevelopment {
  align-self: center;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 0;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 3.33vw;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.main {
  justify-content: flex-start;
  height: 62.5vw;
  margin-top: 14.01vw;
  background-image: url(./images/img_5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
}
.container-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 54.95vw;
  height: 62.5vw;
  padding: 14.69vw 0 10.05vw;
  box-sizing: border-box;
}
.about {
  align-self: flex-start;
  overflow: hidden;
  max-width: 29.53vw;
  margin-left: 12.71vw;
  font-family: SourceHanSans-Heavy;
  font-size: 3.02vw;
  line-height: 4.38vw;
  color: rgba(22, 22, 22, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.description {
  margin-left: 12.71vw;
  font-family: SourceHanSans-Regular;
  font-size: 1.04vw;
  line-height: 1.51vw;
  color: rgba(22, 22, 22, 1);
  text-indent: 0.21vw;
  white-space: normal; /* 允许自动换行 */
  max-width: 35vw;      /* 控制最大宽度可选 */
}
.wrapper {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 46.3vw;
  margin-top: 9.95vw;
  box-sizing: border-box;
}
.group-1 {
  width: 11.67vw;
  height: 7.4vw;
  padding: 1.04vw 0.63vw 1.6vw; /* 增加底部padding，确保文字不被遮挡 */
  margin-left: 7.14vw;
  /* 背景图片现在由group-1-common统一管理 */
}

/* 悬停时放大到原来group-1的尺寸 */
.group-1:hover {
  width: 13.13vw;
  height: 8.33vw;
  padding: 1.15vw 0.63vw 1.72vw;
}
.view {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 6.67vw;
  box-sizing: border-box;
}
.num {
  font-size: 2.55vw;
}
.caption {
  margin-left: 0.05vw;
  font-size: 1.61vw;
}
.rating-users {
  align-self: center;
  overflow: visible; /* 改为visible，避免文字被裁剪 */
  max-width: 10.42vw;
  margin: 0.1vw 0 0.2vw 0; /* 增加底部margin，为文字下降部分留出空间 */
  font-size: 1.04vw;
  font-weight: 500;
  line-height: 1.8vw; /* 增加行高，确保文字有足够的垂直空间 */
  color: rgba(42, 42, 42, 1); /* 改为深灰色，与group-2、group-3保持一致 */
  white-space: nowrap;
  text-overflow: ellipsis;
}
.group-2 {
  width: 11.67vw;
  height: 7.4vw;
  padding: 1.04vw 0.63vw 1.6vw; /* 增加底部padding，确保文字不被遮挡 */
  margin-left: 1.25vw;
  /* 背景图片现在由group-1-common统一管理 */
}

/* 悬停时放大到原来group-1的尺寸 */
.group-2:hover {
  width: 13.13vw;
  height: 8.33vw;
  padding: 1.15vw 0.63vw 1.72vw;
}
.view-1 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 5.42vw;
  box-sizing: border-box;
}
.num-1 {
  margin-left: 0.42vw;
  font-size: 2.29vw;
}
.title-5 {
  font-size: 1.46vw;
}
.downloads {
  align-self: center;
  overflow: hidden;
  max-width: 10.42vw;
  margin-top: 0.05vw;
  font-size: 1.04vw;
  font-weight: 500;
  line-height: 1.51vw;
  color: rgba(42, 42, 42, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.group-3 {
  width: 11.67vw;
  height: 7.4vw;
  padding: 1.04vw 0.63vw 1.6vw; /* 增加底部padding，确保文字不被遮挡 */
  margin-left: 1.46vw;
  /* 背景图片现在由group-1-common统一管理 */
}

/* 悬停时放大到原来group-1的尺寸 */
.group-3:hover {
  width: 13.13vw;
  height: 8.33vw;
  padding: 1.15vw 0.63vw 1.72vw;
}
.count {
  margin-right: 0.05vw;
  font-family: SourceHanSans-Heavy;
  font-size: 2.29vw;
  line-height: 3.33vw;
  color: rgba(8, 108, 213, 1);
}
.store-ratings {
  margin: 0.05vw 0.05vw 0 0;
  font-size: 1.04vw;
  font-weight: 500;
  line-height: 1.51vw;
  color: rgba(42, 42, 42, 1);
}
.long-banner {
  align-self: center;
  width: 45.05vw;
  height: 62.5vw;
}
.submain {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0.63vw;
  margin-top: 10.52vw;
}
.cooperative-partners {
  align-self: center;
  overflow: hidden;
  height: 8.75vw;
  margin-right: 0.05vw;
  font-family: SourceHanSans-Heavy;
  font-size: 3.02vw;
  line-height: 4.38vw;
  color: rgba(22, 22, 22, 1);
  text-align: center;
  white-space: break-spaces;
  text-overflow: ellipsis;
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
}
.container-2 {
  display: flex;
  justify-content: flex-start;
  align-self: center;
  width: 76.88vw;
  margin-top: 0.63vw;
  box-sizing: border-box;
}
.wrapper-1 {
  /* 尺寸和样式现在由wrapper-1-common统一管理 */
}
.picture {
  align-self: center;
  width: 5.73vw;
  height: 5.73vw;
}
.google {
  align-self: center;
  overflow: hidden;
  max-width: 34.79vw;
  margin: 0.68vw 0.05vw 0 0;
  font-size: 1.56vw;
  font-weight: 500;
  line-height: 2.29vw;
  color: rgba(22, 22, 22, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrapper-2 {
  /* 添加左边距，与Apple部分对齐 */
  margin-left: 2.29vw;
  /* 尺寸和样式现在由wrapper-1-common统一管理 */
}
.image {
  align-self: center;
  width: 5.73vw;
  height: 5.73vw;
}
.facebook {
  align-self: center;
  overflow: hidden;
  max-width: 37.19vw;
  margin-top: 0.68vw;
  font-size: 1.56vw;
  font-weight: 500;
  line-height: 2.29vw;
  color: rgba(22, 22, 22, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.grid {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 76.88vw;
  margin-top: 1.93vw;
  box-sizing: border-box;
}
.col {
  /* 尺寸和样式现在由col-common统一管理 */
}
.figure {
  align-self: center;
  width: 5.73vw;
  height: 5.73vw;
}
.twitter {
  align-self: center;
  overflow: hidden;
  max-width: 34.79vw;
  margin: 0.68vw 0.05vw 0 0;
  font-size: 1.56vw;
  font-weight: 500;
  line-height: 2.29vw;
  color: rgba(22, 22, 22, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.col-2 {
  margin-left: 2.29vw;
  /* 尺寸和样式现在由col-common统一管理 */
}
.bitmap {
  align-self: center;
  width: 5.73vw;
  height: 5.73vw;
}
.apple {
  align-self: center;
  overflow: hidden;
  max-width: 34.79vw;
  margin: 0.68vw 0.05vw 0 0;
  font-size: 1.56vw;
  font-weight: 500;
  line-height: 2.29vw;
  color: rgba(22, 22, 22, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer {
  justify-content: center;
  height: 4.17vw;
  padding: 1.3vw 0.63vw 1.51vw;
  margin-top: 12.14vw;
  background-image: url(./images/img_18.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-origin: padding-box;
}
.email {
  align-self: flex-start;
  overflow: hidden;
  max-width: 98.75vw;
  font-family: SourceHanSans-Regular;
  font-size: 0.94vw;
  line-height: 1.35vw;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
}