body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
  }
  
  header, footer {
    text-align: center;
  }
  
  #cooperationDetails {
    text-align: center;
    max-width: 600px; /* 设置合作详情容器的最大宽度 */
    margin: 20px; /* 设置合作详情容器的外边距 */
  }
  
  .qr-code img {
    max-width: 100%; /* 图片宽度最大为其容器的100% */
    height: auto; /* 高度自适应 */
    width: 200px; /* 设置图片宽度为200像素，可以根据需要调整 */
    height: 200px; /* 设置图片高度为200像素，可以根据需要调整 */
  }
  .other-image img {
    max-width: 100%; /* 图片宽度最大为其容器的100% */
    height: auto; /* 高度自适应 */
  }