.search-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: fixed;
    background-color: #f6f6f6;
    width: 100%; /* 宽度百分比，确保适应小屏幕 */
    margin: 0 auto; /* 居中显示 */
    max-width: 510px;
}


.input-group {
    width: 95%;
    position: relative;
    display: inline-block;
    padding: 8px;
    height: 30px; /* 设置整个div的高度，可以根据需要调整 */
}

.input-group img {
    position: absolute;
    left: 15px;
    top: 55%;
    transform: translateY(-50%);
    height: 28px; /* 设置图片的高度 */
}

.input-group input {
    width: calc(100% - 40px); /* 计算输入框的宽度，减去左内边距和图片的宽度 */
    padding-left: 35px; /* 调整输入框的左内边距，以便给图片留出空间 */
    height: 100%;
}

.search-button {
    background-color: #007bff;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    align-items: center;
}

.dropdown-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 95%;
}

.dropdown {
    flex: 1;
    padding: 5px;
    font-size: 14px;
    max-width: 100%;
    width: 100%; /* 设置下拉框宽度为100% */
    box-sizing: border-box; /* 计算内边距和边框在宽度内 */
    border: none;
    background-color: #f6f6f6;
}


.container {
    display: inline-block;
}

.row {
    display: inline-block;
    margin-bottom: 2px;
}

.column {
    display: inline-block;
    margin: 10px;
}

.ziti {
    font-size: 8px;
}

.managerName{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 18px;
}


.footer {
    display: flex;
    justify-content: space-around; /* 将两个内容块平均分配在底部栏 */
    align-items: center; /* 垂直居中 */
    background-color:#ffffff; /* 底部栏的背景颜色 */
    color: #3498db; /* 底部栏的文字颜色 */
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    max-width: 510px;
}

.content {
    flex: 1; /* 使两个内容块平均分配底部栏宽度 */
    cursor: pointer;
}

.logo {
    width: 20px; /* 设置图片宽度 */
    height: 20px; /* 设置图片高度 */
    display: block; /* 确保图片垂直居中 */
    margin: 0 auto; /* 居中图片 */
}

.img-p {
    margin: 0; /* 移除段落的默认外边距 */
    font-size: 10px;
}

.frame{
    height: 22px; /* 设置椭圆形的高度 */
    border-radius: 15px; /* 使元素呈椭圆形 */
    display: inline-block;/* 使元素变为行内块级元素，以便宽高属性生效 */
    color: #f3f3f3;
    vertical-align: top; /* 将vertical-align设置为top */
    padding-left: 5px ;
    padding-right: 5px ;
    margin-left: 18px;
    margin-top: -8px;
    font-size: 14px;
}

.juzhong {
    display: flex;
    justify-content: space-between;
}

.juzhong > div {
    flex: 1;
    box-sizing: border-box;
}