html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px; /* 调整全局字体大小 */
}

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0; /* 背景颜色，可选 */
}

.downloadImgPackageForm {
    background-color: #fff;
    width: 60%;
    height: 60%;
    padding: 100px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 1rem; /* 相对于根元素的字体大小，这里可以根据需要调整 */
}

.content {
    margin-bottom: 40px;
}

label {
    display: flex; /* 将label设置为flex容器 */
    align-items: center; /* 垂直居中 */
    height: 100%; /* 填满父容器的高度 */
    width: auto; /* 如果需要的话，也可以设置宽度 */
    margin: 0; /* 移除任何默认的外边距 */
    box-sizing: border-box; /* 确保内边距和边框不会增加额外的空间 */
    /* 其他样式，如字体大小、颜色等 */
}

input[type="text"],
select,
input[type="checkbox"] {
    margin-top: 10px;
    font-size: 1rem; /* 调整输入框的字体大小 */
    padding: 5px; /* 增加内边距使输入框看起来更大 */
}

button {
    padding: 10px 20px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem; /* 调整按钮的字体大小 */
}

button:hover {
    background-color: #0056b3;
}

.container {
    display: flex;
    align-items: center; /* 垂直居中 */
    gap: 10px; /* 元素之间的间距 */
}

/* 初始隐藏所有动态生成的元素 */
.dynamic-element {
    display: none;
    margin-top: 10px;
}

#suggestions li.active {
    background-color: #ddd; /* 或者其他您想要的高亮颜色 */
}