.box {
  height: 52rem;
}
.box .content {
  padding-bottom: 5.6rem;
}
.box .content .text {
  margin-bottom: 1rem;
}
.box .content .code {
  width: 42.4rem;
  height: 14.4rem;
  border-radius: 0.8rem;
  margin-top: 2rem;
  padding: 0 1.8rem;
}
.box .content .code .download-text {
  width: 1.4rem;
  height: 8rem;
  line-height: 1.7rem;
}
.box .content .code #H5_download {
  width: 10.6rem;
  height: 10.6rem;
  margin: 0 1.8rem 0 0.8rem;
}
.box .content .code #H5_download img {
  width: 100%;
  height: 100%;
}
.box .content .code .btn-view {
  height: 10.4rem;
}
.box .content .code .btn-view .btn {
  height: 4.8rem;
  border-radius: 0.8rem;
  transition: background-color 0.4s;
}
.box .content .code .btn-view .btn:hover {
  background-color: rgba(125, 161, 255, 0.5);
}
.box .content .code .btn-view .btn .icon {
  width: 3.8rem;
  height: 3.8rem;
  margin-right: 2.4rem;
}
.box .content .code .btn-view .btn .btn-text {
  min-width: 9.4rem;
}