一个好看的搜索框

<li class="item">
    <a href="#" class="search_a"><svg t="1600481293426" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1869" width="20" height="20"><path d="M463.04 780.16a323.52 323.52 0 1 1 228.8-96 320 320 0 0 1-228.8 96z m0-583.04a259.84 259.84 0 1 0 183.68 76.16 259.84 259.84 0 0 0-183.68-76.16z" p-id="1870" fill="#5A5D5A"></path><path d="M875.52 901.12a32 32 0 0 1-22.72-9.28l-206.08-206.4A32 32 0 0 1 691.84 640l206.08 206.08a32 32 0 0 1 0 45.44 32 32 0 0 1-22.4 9.6z" p-id="1871" fill="#5A5D5A"></path></svg></a>    
    <input class="search_input" placeholder="搜索音乐/MV/歌手/歌单" type="text">
</li>

.nav>.item:nth-child(7){
    background-color: #f5f5f5;
    padding:6px;
    padding-left:0;
    /* border-radius: 10%; */
}
.search_a{
  
    padding: 0 !important;
    vertical-align: middle;
}
.search_input{
    font-size: 14px;
    color: #5A5D5A;
    border:none;
    outline:none;
    background-color:transparent;
}