.searchInput[data-v-52ab7bf1]{height:35px}.searchInput .search[data-v-52ab7bf1]{display:flex;align-items:center;background-color:var(--globalElementUiColor);height:100%;border-radius:55px;padding:3px}.searchInput .search .el-icon-search[data-v-52ab7bf1]{font-weight:700}.searchInput .search[data-v-52ab7bf1] .search-input{transition:all .4s;opacity:0;width:0}.searchInput .search[data-v-52ab7bf1] .search-input .el-input__inner{display:none;background-color:inherit!important;border:none;outline:none;color:#fff}.searchInput .search[data-v-52ab7bf1] .search-input .el-input__inner::-webkit-input-placeholder{color:hsla(0,0%,100%,.8)}.searchInput .search[data-v-52ab7bf1] .search-input .el-input__inner:-moz-placeholder,.searchInput .search[data-v-52ab7bf1] .search-input .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.8)}.searchInput .search[data-v-52ab7bf1] .search-input .el-input__inner:-ms-input-placeholder{color:hsla(0,0%,100%,.8)}.searchInput .search[data-v-52ab7bf1] .search-input .el-input__inner::-ms-input-placeholder{color:hsla(0,0%,100%,.8)}.searchInput .search .search-icon[data-v-52ab7bf1]{color:#fff;background-color:var(--globalElementUiColor);float:right;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.searchInput .search[data-v-52ab7bf1] .search-input_active{opacity:1;width:240px}.searchInput .search[data-v-52ab7bf1] .search-input_active .el-input__inner{display:block!important}.searchInput .search .search-icon_active[data-v-52ab7bf1]{float:right;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--globalElementUiColor);background-color:#fff}