.alpd {
  padding: .4rem 0 2.25rem;
}

.alpdDetails {
  margin-top: .77rem;
  margin-bottom: 1.26rem;
}

.alpdDetails img {
  width: revert-layer;
  height: auto;
}

.downLoad {}

.downLoad .title {
  font-weight: 400;
  font-size: 0.36rem;
  color: #FFFFFF;
  text-align: center;
}

.downLoad .list {
  display: flex;
  gap: .33rem;
  margin-top: .63rem;
  flex-wrap: wrap;
}

.downLoad .list .item {
  width: 2.27rem;
  height: 3.61rem;
  border-radius: 0.1rem;
  border: .01rem solid #696969;
}

.downLoad .list .item .first{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.downLoad .list .item img {
  width: .73rem;
  height: .73rem;
  margin-bottom: .67rem;
}

.downLoad .list .item .tit {
  height: .32rem;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin-bottom: .19rem;
  padding: 0 .3rem;
  text-align: center;
}

.downLoad .list .item .txt {
  font-weight: 400;
  font-size: 0.14rem;
  color: #B3B3B3;
  margin-bottom: .31rem;
}

.downLoad .list .item a {
  width: 1.28rem;
  height: 0.38rem;
  background: #696969;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.downLoad .list .item .last,
.downLoad .list .item.hascode:hover .first{
    display: none;
}

.downLoad .list .item.hascode:hover .last{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.downLoad .list .item .last img{
    width: 2rem;
    height: 2rem;
    margin-bottom: .2rem;
}

.downLoad .list .item .last .tit{
  height: auto;
  font-weight: 400;
  font-size: 0.16rem;
  margin-bottom: 0rem;
  padding: 0 .1rem;
}