.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; background: #f6faff; box-shadow: 0px 20px 45px 2px rgba(222, 233, 248, 0.8); 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; font-family: Source Han Sans CN, Source Han Sans CN-700; font-weight: 400; 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; }