body {
  max-width: 100vw;
  overflow-x: hidden;
  /* 可选，以防止任何内部元素超出 */

}

.middle {
  width: 83.3333vw;
  height: 81.2500vw;
  background-color: rgba(173, 173, 190, 0.416);
  position: absolute;
  top: -2.0833vw;
  left: -2.6042vw;
}

input[type="text"],
textarea,
select {
  font-size: 0.8333vw;
}

/* 遮罩层样式 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100.0000vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.692);
  /* 半透明黑色背景 */
  z-index: 1000;
  /* 确保遮罩在最上层 */
}

/* 弹出框样式 */
.modal {
  position: absolute;
  top: 35vw;
  left: 50.0000vw;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1.04166vw;
  border-radius: 0.729166vw;
  box-shadow: 0 0 0.520833vw rgba(0, 0, 0, 0.1);
  z-index: 1001;
  width: 36vw;
  height: 17.5vw;
  overflow: scroll;
  padding-bottom: 28.5vw;
}

/* 弹出框中的关闭按钮样式 */
.close {
  position: absolute;
  top: 1.8229vw;
  right: 1.8229vw;
  cursor: pointer;
  font-size: 1.829916vw;
}

/* 文件上传 */
.container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5208vw;
  margin-top: 1.0417vw;
  top: 1.0417vw;
  left: 4.1667vw;
  position: absolute;
}

.drop-area {
  position: absolute;
  left: -1.3021vw;
  top: 46vw;
  width: 31.2708vw;
  height: 10.2708vw;
  opacity: 1;
  border-radius: 0.2604vw;
  background: rgba(245, 245, 245, 1);
  border: 0.0520833vw dashed rgba(185, 190, 199, 1);
}
.drop-area-after {
  position: absolute;
  left: -1.3021vw;
  top: 46vw;
  width: 7.2708vw;
  height: 6.8708vw;
  opacity: 1;
  border-radius: 0.2604vw;
  background: rgba(245, 245, 245, 1);
  border: 0.0520833vw dashed rgba(185, 190, 199, 1);
}
.upload-icon {
  position: absolute;
  top: 3.5vw;
  left: 14.3438vw;
  width: 2.0833vw;
  height: 2.0833vw;
}

.drop-area-after .upload-icon {
  position: absolute;
  top: 1.5vw;
  left: 2.3438vw;
  width: 2.0833vw;
  height: 2.0833vw;
}

.upload-text {
  font-size: 0.7292vw;
  font-weight: 400;
  top: 5.3958vw;
  position: absolute;
  color: rgba(56, 56, 56, 1);
  left: 10.5vw;
}

.drop-area-after .upload-text {
  font-size: 0.7292vw;
  font-weight: 400;
  top: 3.3958vw;
  position: absolute;
  color: rgba(56, 56, 56, 1);
  left: 1vw;
}

.file-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7813vw;
  max-width: 22.9167vw;
  /* 5个条目每个6.7708vw宽度，加上4个0.5208vw的间隔 */
}

.file-item {
  width: 6.8vw;
  height: 6.8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5208vw;
  position: relative;
  background: rgba(255, 255, 255, 1);
  border: 0.15vw solid rgba(185, 190, 199, 1);
  top: 46vw;
  left: 7vw;
}
.upload-tip {
  font-size: 0.7292vw;
  font-weight: 300;
  color: rgba(166, 166, 166, 1);
  position: absolute;
  left: 2.6042vw;
  top: 60vw;
  letter-spacing: 0.0260vw;
  line-height: 1vw;
  width: 32vw;
  text-align: justify;
}

.upload-tip-after {
  font-size: 0.7292vw;
  font-weight: 300;
  color: rgba(166, 166, 166, 1);
  position: absolute;
  left: 2.6042vw;
  top: 63vw;
  letter-spacing: 0.0260vw;
  line-height: 1vw;
  width: 32vw;
  text-align: justify;
}

.submit-button {
  position: relative;
  left: 25.7813vw;
  top: 63vw;
  width: 8.6840vw; 
  height: 3.1250vw; 
  opacity: 1; 
  border-radius: 1.5vw; 
  background: rgba(16, 6, 159, 1); 
  font-size: 1.2vw; 
  font-weight: 400; 
  line-height: 0.8333vw; 
  color: rgba(255, 255, 255, 1);
}

.submit-button-after {
  position: relative;
  left: 25.7813vw;
  top: 66vw;
  width: 8.6840vw; 
  height: 3.1250vw; 
  opacity: 1; 
  border-radius: 1.5vw; 
  background: rgba(16, 6, 159, 1); 
  font-size: 1.2vw; 
  font-weight: 400; 
  line-height: 0.8333vw; 
  color: rgba(255, 255, 255, 1);
}

.container .file-item:nth-child(4) {
  left: -1.0vw;
}

.container .file-item:nth-child(5) {
  left: -0.8vw;
}

.container .file-item:nth-child(6) {
  left: -0.8vw;
}

.container .file-item:nth-child(7) {
  left: 22.6vw;
  top: 38.2vw;
}

.file-item span {
  font-size: 0.7vw;
  top: 4.5vw;
  position: relative;
  padding: 0 0.5vw;
}

.file-item img {
  width: 2.6042vw;
  height: 2.6042vw;
  border-radius: 50%;
  margin-bottom: 0vw;
}

.delete-button {
  width: 1.0417vw;
  height: 1.0417vw;
  background-image: url('/img/删除图标.png');
  /* 替换为删除图片的路径 */
  background-size: cover;
  cursor: pointer;
  position: absolute;
  top: 0.5vw;
  right: 0.9vw;
}

.delete-button:hover {
  filter: brightness(80%);
}

.file-icon {
  width: 2vw;
  height: 2vw;
  background-size: cover;

}

.file-icon span {
  text-align: center;
  padding: 0 5px;
}

.file-icon-1 {
  background-image: url('/img/文件-jpg.jpge图标.png');
  position: absolute;
  top: 1.8229vw;
  text-align: center;
}

.file-icon-2 {
  background-image: url('/img/文件-png.ppt.pdf图标.png');
  /* 根据需要替换为图片2的路径 */
  position: absolute;
  top: 1.8229vw;
}

.file-icon-3 {
  background-image: url('/img/文件-mov.mp4图标.png');
  /* 根据需要替换为图片3的路径 */
  position: absolute;
  top: 1.8229vw;
}

.file-icon-4 {
  background-image: url('/img/文件-doc.docx.txt.图标.png');
  /* 根据需要替换为图片3的路径 */
  position: absolute;
  top: 1.8229vw;
}

.file-icon-5 {
  background-image: url('/img/文件-xls.图标.png');
  /* 根据需要替换为图片3的路径 */
  position: absolute;
  top: 1.8229vw;
}

.file-icon-6 {
  background-image: url('/img/文件-txt.图标.png');
  /* 根据需要替换为图片3的路径 */
  position: absolute;
  top: 1.8229vw;
}





select {
  -webkit-appearance: none;
}

input[type="button"]:disabled {
  background: gray;
}

#wordinput {
  padding: 0vw;
  padding-left: 0.7vw;
  /* 左侧内边距 */
  padding-top: 0.5vw;
}

#wordinput::placeholder {
  font-size: 0.91vw;
  /* 字号 */
  color: #868383;
  /* 文字颜色 */
  background-color: #fff;
  /* 背景颜色 */
}

select,
textarea,
input[type="text"] {
  font-family: Arial, sans-serif;
  font-size: 0.9vw;
  /* 字号 */
  color: #333;
  /* 文字颜色 */
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
  /* 文字对齐方式 */
  padding-left: 0.8vw;
  /* 在输入框左侧添加 20 像素的内边距 */
  font-weight: 300;
}








/* 隐藏默认复选框 */
#agreeCheckbox {
  position: absolute;
  top: 29vw;
  left: 3vw;
  width: 1.3vw;
  height: 1.3vw;
  opacity: 0;
  /* 隐藏复选框 */
}

/* 自定义复选框的样式 */
.checkbox-container {
  position: absolute;
  top: 55.6vw;
  left: 37vw;
  width: 1.1vw;
  height: 1.1vw;
  border-radius: 0.20833vw;
  background: rgba(255, 255, 255, 1);
  border: 0.0520833vw solid rgba(185, 190, 199, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* 选中状态 */
#agreeCheckbox:checked+.checkbox-container {
  background: rgba(16, 6, 159, 1);
  /* 选中时背景色 */
  border-color: #4caf50;
  /* 选中时边框颜色 */
}

/* 选中状态的对勾标记 */
#agreeCheckbox:checked+.checkbox-container::after {
  content: "\2714";
  /* Unicode 对勾符号 */
  color: #fff;
  font-size: 0.8vw;
}


input::placeholder {
  color: #aaaaaa;
  /* 设置placeholder的文本颜色 */
}

textarea::placeholder {
  color: #aaaaaa;
  /* 设置placeholder的文本颜色 */
}