.flex {
  display: flex;
  align-items: center;
}
.banner {
  height: 5.627rem;
}
.banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.details {
  padding: 1rem 0.16rem 0.8rem;
}
.details > .title {
  margin-bottom: 0.213rem;
  font-size: 0.48rem;
  font-weight: bold;
  letter-spacing: 0.053rem;
  color: #000000;
}

.details .info {
  display: flex;
  align-items: center;
}

.details .info .download {
  font-size: 28px;
  letter-spacing: 3px;
  color: #333333;
  text-align: center;
  height: 70px;
  background-color: #ffcc00;
  border-radius: 35px;
  line-height: 72px;
  margin-top: 20px;
  padding: 0 20px 0 20px;
}

.details .info .title,
.details .info .desc {
  font-size: 0.373rem;
  font-weight: 500;
  line-height: 0.8rem;
  letter-spacing: 0.04rem;
  color: #333333;
}
.details .info .title.desc,
.details .info .desc.desc {
  margin-left: 0.2rem;
}