.component.search-bar-system .content{overflow:hidden}.component.search-bar-system .banner{height:60px;position:relative}.component.search-bar-system .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-system .back img{width:24px;height:24px}.component.search-bar-system .search-input{position:absolute;top:10px;left:46px;right:15px;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}.component.search-bar-system.bar .search-input{z-index:1;justify-content:center}.component.search-bar-system.bar.animate .search-input{animation:searchSystemInputToBar .2s linear 1}.component.search-bar-system.fullscreen .search-input{z-index:1;left:46px;right:58px;justify-content:flex-start}.component.search-bar-system.fullscreen.animate .search-input{animation:searchSystemInputToFullscreen .2s linear 1}.component.search-bar-system .search-input>img{flex:0 1 auto;width:24px;height:24px}.component.search-bar-system .search-input>.adm-input input{text-align:center;padding-left:3px}.component.search-bar-system .search-input>.adm-input input::placeholder{color:#999}.component.search-bar-system .search-input>.adm-input .adm-input-clear{margin-right:6px}.component.search-bar-system .search-input-left>.adm-input input,.component.search-bar-system.fullscreen .search-input>.adm-input input{text-align:left;flex:1 1 auto}.component.search-bar-system.bar .search-button{display:none}.component.search-bar-system .search-button button{height:40px;width:55px;font-size:15px;color:#58bebf;position:absolute;top:10px;z-index:0;right:0}.component.search-bar-system .history{padding:5px 20px;display:flex;flex-flow:row wrap}.component.search-bar-system .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-system .history .header img{width:24px;height:24px}.component.search-bar-system .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-system .history .actions div:last-child{color:#58bebf}.component.search-bar-system .search-tags{display:flex;flex-flow:row wrap;gap:9px;margin:22px 0}.component.search-bar-system .down-icon{margin:22px 0 22px 9px;flex:0 1 30px;height:30px}.component.search-bar-system .up-icon{width:30px;height:30px}.component.search-bar-system .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-system .hot-search{padding:5px 20px}.component.search-bar-system .hot-search .title{font-size:15px;line-height:16px;font-weight:600}.component.search-bar-system.fullscreen .content{animation:heightZeroToFull 1.5s linear 1}.component.search-bar-system.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 searchSystemInputToFullscreen{0%{right:15px}to{right:58px}}@keyframes searchSystemInputToBar{0%{right:58px}to{right:15px}}