.component.search-bar{width:100%}.component.search-bar .content{overflow:hidden}.component.search-bar .banner{height:60px;position:relative}.component.search-bar .back{position:absolute;z-index:0;top:10px;left:15px;height:40px;width:31px;display:flex;flex-flow:row;align-items:center}.component.search-bar .back img{height:24px;width:24px}.component.search-bar.bar .back{display:none}.component.search-bar .search-input{position:absolute;top:10px;display:flex;flex-flow:row nowrap;align-items:center;color:#333;font-size:14px;height:40px;background-color:#f7f7f7;border-radius:37px;padding:0 15px;left:15px;right:15px}.component.search-bar.bar .search-input{z-index:1;justify-content:center}.component.search-bar.bar.animate .search-input{animation:searchInputToBar .2s linear 1}.component.search-bar.fullscreen .search-input{z-index:1;left:46px;right:58px;justify-content:flex-start}.component.search-bar.fullscreen.animate .search-input{animation:searchInputToFullscreen .2s linear 1}.component.search-bar .search-input>img{flex:0 1 auto;width:24px;height:24px}.component.search-bar.bar .search-input>.adm-input,.component.search-bar.bar .search-input>.adm-input input{width:auto}.component.search-bar .search-input>.adm-input input{text-align:center;padding-left:3px}.component.search-bar .search-input>.adm-input input::placeholder{color:#999}.component.search-bar.fullscreen .search-input>.adm-input input{text-align:left}.component.search-bar.fullscreen .search-input>.adm-input .adm-input-clear{margin-right:6px}.component.search-bar.bar .search-button{display:none}.component.search-bar .search-button button{height:40px;width:55px;font-size:15px;color:#58bebf;position:absolute;top:10px;z-index:0;right:0}.component.search-bar .history{padding:5px 20px;display:flex;flex-flow:row wrap}.component.search-bar .history .header{flex:1 1 100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;font-size:15px;height:24px;font-weight:600}.component.search-bar .history .header img{width:24px;height:24px}.component.search-bar .history .actions{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;font-size:14px;width:8em;font-weight:400}.component.search-bar .history .actions div:last-child{color:#58bebf}.component.search-bar .search-tags{display:flex;flex-flow:row wrap;gap:9px;margin:22px 0}.component.search-bar .down-icon{margin:22px 0 22px 9px;flex:0 1 30px;height:30px}.component.search-bar .up-icon{width:30px;height:30px}.component.search-bar .search-tags>.tag{padding:5px 13px;background-color:#f7f7f7;display:inline-flex;align-items:center;justify-content:center;border-radius:21px;color:#666;font-size:15px;flex:unset!important}.component.search-bar .hot-search{padding:5px 20px}.component.search-bar .hot-search .title{font-size:15px;line-height:16px;font-weight:600}.scroll-content{overflow-y:scroll;height:calc(100vh - 60px)}.suggest-list{display:flex;flex-direction:column}.suggest-list>.suggest-item{padding:15px 20px;color:#333}.suggest-list>.suggest-item>span{margin-left:10px}.component.search-bar.fullscreen .content{animation:heightZeroToFull 1.5s linear 1}.component.search-bar.bar .content{animation:heightFullToZero 1s ease-out 1}@keyframes heightZeroToFull{0%{height:0}to{height:100vh}}@keyframes heightFullToZero{0%{height:100vh}to{height:0}}@keyframes searchInputToFullscreen{0%{left:15px;right:15px}to{left:46px;right:58px}}@keyframes searchInputToBar{0%{left:46px;right:58px}to{left:15px;right:15px}}