.searchBox{position:fixed;transform:translateX(100%);width:100%;height:100%;-webkit-animation:showSearch .5s forwards;animation:showSearch .5s forwards}.searchBox .searchTitle>.van-search{background-color:initial}.searchBox .searchTitle>.van-search>.van-search__content{background-color:var(--color2)}.searchBox .searchTitle>.van-search>.van-search__content input{color:var(--daytimef)}.searchBox .searchTitle>.van-search>.van-search__content input::-webkit-input-placeholder{color:var(--color3)}.searchBox .searchTitle>.van-search>.van-search__content .van-icon-search{color:var(--color3)}.searchBox .searchTitle .searchClear{min-width:35px;text-align:center;color:var(--daytimef)}.searchBox .searchTitle .van-search__action:hover{background:none;background-color:initial}.searchBox .searchBody{position:relative;width:100%;height:calc(100% - 54px);overflow:auto}.searchBox .searchBody .searchRecommend{position:relative;margin:15px}.searchBox .searchBody .searchRecommend .title{font-weight:700}.searchBox .searchBody .searchRecommend .list{position:relative;width:100%;min-height:50px;margin-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between}.searchBox .searchBody .searchRecommend .list>button{position:relative;background:none;margin:7px 0 7px 0;width:30%;height:35px;border-radius:5px;border:1px solid #e2e4e8}.searchBox .searchBody .searchRecommend .list button:nth-child(0){margin-right:0}.searchBox .searchBody .searchList{position:relative;width:100%;min-height:100px}.searchBox .searchBody .searchList>div{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.searchBox .searchBody .searchList>div>div:first-child{margin-left:15px}.searchBox .searchBody .searchList>div>div:nth-child(2){margin-right:15px}@-webkit-keyframes showSearch{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes showSearch{0%{transform:translateX(100%)}to{transform:translateX(0)}}