.download-col4 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.35rem;
  justify-content: center;
}
.download-col4 ul li {
  width: 3.52rem;
  height: 1.4rem;
  padding: 0.3rem;
  position: relative;
  cursor: pointer;
}
.download-col4 ul li:hover {
  background: radial-gradient(#28597a, #051c36);
}
.download-col4 ul li:hover p,
.download-col4 ul li:hover a {
  color: #fff;
}
.download-col4 ul li P {
  font-size: 0.2rem;
  color: #333;
  line-height: 0.4rem;
  text-align: center;
  position: absolute;
  width: 2.92rem;
  top: 50%;
  transform: translateY(-50%);
}
.download-col4 ul li P a {
  color: #333;
}
.download-col4 ul li P i {
  font-size: 0.35rem;
}
.download-col4 ul li P span {
  position: relative;
  bottom: 0.03rem;
}
@media screen and (max-width: 750px) {
  .download-col4 ul {
    width: 7.3rem;
    margin: 0 auto;
  }
  .download-col4 ul li {
    width: 100%;
  }
  .download-col4 ul li p {
    width: auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .download-col4 ul li p span {
    font-size: 0.3rem;
  }
  .download-col4 ul li p i {
    font-size: 0.4rem;
  }
}