.app-con {
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.72rem 0.32rem 0.78rem 0.32rem;
}

.app-con .title-con {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.app-con .title-con .title {
  height: 0.78rem;
  line-height: 0.78rem;
  font-weight: bold;
  font-size: 0.56rem;
  color: #1d1d1f;
  text-align: center;
}

.app-con .title-con .sub-title {
  height: 0.4rem;
  line-height: 0.4rem;
  font-weight: 400;
  font-size: 0.28rem;
  color: #90949e;
  text-align: center;
  margin-top: 0.28rem;
}

.app-con .app-grid {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(2, auto);
  row-gap: 0.4rem;
  column-gap: 0.46rem;
  margin-top: 0.56rem;
}

.app-con .app-grid .item {
  width: 3.2rem;
  height: 4.2rem;
  background-color: #f5f5f5;
  border-radius: 0.24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.app-con .app-grid .item img {
  width: 2.08rem;
  height: 2.08rem;
  object-fit: contain;
}

.app-con .app-grid .item .title {
  height: 0.44rem;
  line-height: 0.44rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #1d1d1f;
  text-align: center;
  margin-top: 0.32rem;
  white-space: nowrap;
}

.app-con .app-grid .item .sub-title {
  height: 0.34rem;
  line-height: 0.34rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #90949e;
  text-align: center;
  margin-top: 0.08rem;
  white-space: nowrap;
}

.app-con .app-grid .item .download-btn {
  height: 0.34rem;
  line-height: 0.34rem;
  font-weight: 500;
  font-size: 0.24rem;
  color: #1870ff;
  text-align: center;
  margin-top: 0.08rem;
}