.block_77459 *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.block_77459 .search-box {
    display: flex;
    padding: 10px 20px;
    border: 1px solid #DDDDDD;
}
.block_77459 .search-box.focus{
    border: 1px solid #333333;
}
.block_77459 .search-box .search-input {
    flex: 1;
    height: 26px;
}
.block_77459 .search-box .input-text{
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    display: flex;
    /* font-size: 16px; */
    background-color: transparent;
    font-family: var(--ld-text1-font-family);
    color: var(--ld-text1-color, #999999);
    font-size: var(--ld-text1-font-size);
    line-height: var(--ld-text1-line-height);
    letter-spacing: var(--ld-text1-letter-spacing);
    font-weight: var(--ld-text1-font-weight);
    text-decoration: var(--ld-text1-text-decoration);
    font-style: var(--ld-text1-font-style);
}
.block_77459 .search-box .input-text::placeholder{
    /* color: #999999; */
    font-family: var(--ld-text1-font-family);
    color: var(--ld-text1-color, #999999);
    font-size: var(--ld-text1-font-size);
    line-height: var(--ld-text1-line-height);
    letter-spacing: var(--ld-text1-letter-spacing);
    font-weight: var(--ld-text1-font-weight);
    text-decoration: var(--ld-text1-text-decoration);
    font-style: var(--ld-text1-font-style);
}
.block_77459 .search-box .search-btn{
    border: none;
    background: transparent;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.block_77459 .search-btn i{
    font-size: 24px;
    color:#4a4a4a;
}
.block_77459 .search-btn svg{
    width: 24px;
    height: 24px;
}

.block_77459 .recommended-words {
    display: flex;
    flex-wrap: wrap;

}
.block_77459 .recommended-words li{
    padding: 10px;
    cursor: pointer;
}