.download {
  padding: 0.42rem 0 1.02rem;
}
.download .down_url {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.1rem;
  row-gap: 0.1rem;
  margin-bottom: 0.52rem;
}
.download .down_url a {
  min-width: calc((100% - 0.3rem) / 4);
  text-align: center;
  padding: 0.23rem 0.2rem;
  background: #E5F2FF;
  border-radius: 0.06rem;
  border: 0.01rem solid #004B8E;
  font-weight: 500;
  font-size: 0.28rem;
  color: #004B8E;
}
.download .down_url a:hover,
.download .down_url a.active {
  background: #004B8E;
  color: #fff;
}
.download .down_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 0.16rem;
  row-gap: 0.75rem;
  margin-bottom: 0.9rem;
}
.download .down_list .down_item {
  width: calc(50% - 0.08rem);
  height: auto;
  background: linear-gradient(180deg, #F4F6F9 0%, #FFFFFF 100%);
  border-radius: 0.05rem;
  border: 0.01rem solid #E6E6E6;
  padding: 0.28rem 0.3rem 0;
}
.download .down_list .down_item .down_title {
  display: flex;
  align-items: center;
  column-gap: 0.18rem;
  font-weight: bold;
  font-size: 0.23rem;
  color: #151515;
}
.download .down_list .down_item .down_title i {
  width: 0.5rem;
  height: 0.5rem;
  background: url(../img/down_icon.png) center / contain no-repeat;
}
.download .down_list .down_item .down_desc {
  margin-top: 0.26rem;
  height: 1.1rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #000000;
  line-height: 1.75;
}
.download .down_list .down_item .down_btn {
  margin-top: 0.36rem;
  margin-bottom: 0.29rem;
  display: flex;
  justify-content: right;
  column-gap: 0.14rem;
}
.download .down_list .down_item .down_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.09rem;
  min-width: 1.64rem;
  height: auto;
  padding: 0.12rem 0.3rem;
  background: #E5F2FF;
  border-radius: 0.3rem;
  border: 0.01rem solid #004B8E;
  text-align: center;
  font-weight: 400;
  font-size: 0.18rem;
  color: #004B8E;
  position: relative;
}
.download .down_list .down_item .down_btn a i {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../img/down.png) center / contain no-repeat;
}
.download .down_list .down_item .down_btn a i.down_android {
  background: url(../img/android.png) center / contain no-repeat;
}
.download .down_list .down_item .down_btn a i.down_code {
  background: url(../img/code.png) center / contain no-repeat;
}
.download .down_list .down_item .down_btn a .code_img {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 0.13rem);
  transform: translateX(-50%);
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
  border-radius: 0.1rem;
  width: 2.4rem;
  height: auto;
  padding: 0.16rem;
  display: none;
}
.download .down_list .down_item .down_btn a .code_img img {
  width: 100%;
  height: auto;
}
.download .down_list .down_item .down_btn a:hover {
  background: #C1E0FF;
}
.download .down_list .down_item .down_btn a:hover .code_img {
  display: block;
}
.download .down_list .down_item .down_btn a:last-child {
  background: linear-gradient(360deg, #004B8E 0%, #146FBF 100%);
  color: #fff;
}
.download .down_list .down_item .down_btn a:last-child:hover {
  border-color: transparent;
  background: linear-gradient(360deg, #E0670F 0%, #DF9D59 100%);
}
.download .down_list .down_item .down_key {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.25rem;
  row-gap: 0.12rem;
  border-top: 0.01rem solid #E6E6E6;
  padding: 0.18rem 0;
  font-weight: 400;
  font-size: 0.14rem;
  color: #000000;
  line-height: 1.428;
}
.download .down_list .down_item .down_key span {
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.download .down_list .down_item .down_key span:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.125rem;
  width: 0.01rem;
  height: 0.32rem;
  background: #E6E6E6;
}
.download .down_list .down_item:hover {
  box-shadow: 0rem 0rem 0.2rem 0.01rem rgba(0, 0, 0, 0.16);
}
@media (max-width: 1042px) {
  .download .down_url {
    margin-bottom: 40px;
  }
  .download .down_url a {
    font-size: 18px;
    padding: 10px;
  }
  .download .down_list .down_item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .download {
    padding: 40px 0;
  }
  .download .down_url {
    margin-bottom: 20px;
  }
  .download .down_url a {
    font-size: 16px;
    width: calc(50% - 0.15rem);
  }
  .download .down_list {
    row-gap: 12px;
  }
  .download .down_list .down_item .down_title {
    font-size: 16px;
  }
  .download .down_list .down_item .down_desc {
    font-size: 14px;
    height: auto;
  }
  .download .down_list .down_item .down_btn a {
    font-size: 12px;
    border-radius: 30px;
    padding: 4px 10px;
  }
  .download .down_list .down_item .down_btn a i {
    width: 14px;
    height: 14px;
  }
  .download .down_list .down_item .down_key {
    font-size: 12px;
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .download .down_list .down_item .down_btn a .code_img {
    width: 120px;
  }
}