.query {
    position:fixed;
    top: 10%;
    width: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2px; 
    box-shadow: 0 2px 5px rgba(55, 10, 10, 0.1); 
    border-radius: 5px;
    background-color: hwb(201 64% 2%); 
    /* color: white; */
    margin-top: 80px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 100;
    z-index: 2000;
    justify-content: center;
    padding-top: 6px;
}

.query ul {
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    width: 100%; 
    
}

.query li {
    flex: 1 1 100%; /* 每个 li 占据 45% 的宽度，允许换行 */
    width: 100%;
    margin: 2px; /* 每个 li 的外边距 */
}

.query{
    max-height: 20px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.query.active{
    max-height: 100%;
}