.submission-body .submission-notice-box {
  background-color: #0f519d;
  color: #fff;
  padding: 2rem 0 3rem 0;
}
.submission-body .submission-notice{
  margin-bottom: 5rem;
}

.submission-body .submission-notice-box .submission-notice {
  /* font-size: 14px; */
  color: #7aade9;
}

.submission-body .submission-notice-box .submission-notice ul li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -18px; /* 将第一行文字向左移动，与圆点对齐 */
  padding-left: 20px; /* 为圆点留出空间 */
}

.submission-body .submission-download-box .custom-button {
  display: flex; /* 设置为 Flexbox 容器 */
  width: 100%; /* 宽度为 100% */
  height: 60px; /* 设置高度（根据需要调整） */
  background-color: #0f519d; /* 左侧背景颜色 */
  overflow: hidden; /* 隐藏超出部分 */
}

/* 当只有2个 item 时 */
.submission-body .submission-download-box:has(.custom-button:nth-last-child(2):first-child) .custom-button {
  flex: 0 0 calc((100% - 15%) / 2); /* 固定宽度，减去间隔 */
}

.submission-body .submission-download-box .custom-button-second {
  display: flex; /* 设置为 Flexbox 容器 */
  width: 100%; /* 宽度为 100% */
  height: 60px; /* 设置高度（根据需要调整） */
  background-color: #22838d; /* 左侧背景颜色 */
  overflow: hidden; /* 隐藏超出部分 */
}

.submission-body .submission-box .submission-download-box {
  display: flex;
  justify-content: flex-start; /* 内容居中 */
  gap: 15%; /* 设置间隔 */
  width: 100%;
  margin-bottom: 5rem;
}

.submission-body .submission-box .submission-download-box .download-box {
  flex: 0 0 calc((100% - 2 * 15%) / 3); /* 固定宽度，减去间隔 */
  text-align: left;
  box-sizing: border-box; /* 确保 padding 和 border 不会影响宽度计算 */
  padding: 10px 0; /* 内边距 */
}

.submission-body .submission-box .submission-download-box .left-section {
  width: 80%; /* 左侧宽度为 80% */
  display: flex;
  flex-direction: column; /* 上下排列文案 */
  justify-content: center; /* 垂直居中 */
  padding: 0 10px; /* 左右内边距 */
  color: white; /* 文字颜色 */
}

.submission-body .submission-box .submission-download-box .left-section-second {
  width: 80%; /* 左侧宽度为 80% */
  display: flex;
  flex-direction: column; /* 上下排列文案 */
  justify-content: center; /* 垂直居中 */
  padding: 0 10px; /* 左右内边距 */
  color: white; /* 文字颜色 */
}

.submission-body .submission-box .submission-download-box .top-text {
  font-size: 14px; /* 上文案字体大小 */
}

.submission-body .submission-box .submission-download-box .bottom-text {
  font-size: 16px; /* 下文按字体大小 */
  font-weight: bold; /* 上文案加粗 */
}

.submission-body .submission-box .submission-download-box .right-section {
  width: 20%; /* 右侧宽度为 20% */
  background-color: #0b3d76; /* 右侧背景颜色 */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  padding: 5px; /* 内边距 */
  aspect-ratio: 1 / 1; /* 长宽相等 */
}

.submission-body .submission-box .submission-download-box .right-section img {
  max-width: 100%; /* 图片最大宽度 */
  max-height: 100%; /* 图片最大高度 */
  display: block; /* 防止图片底部有间隙 */
}

.submission-body .submission-box .submission-download-box .right-section-second {
  width: 20%; /* 右侧宽度为 20% */
  background-color: #1a636a; /* 右侧背景颜色 */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  padding: 5px; /* 内边距 */
  aspect-ratio: 1 / 1; /* 长宽相等 */
}