.auto-complete{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:160px}.auto-complete-template{width:160px;max-height:240px;padding:10px 0;-webkit-box-shadow:0 3px 6px 0 #e7e7e7;box-shadow:0 3px 6px 0 #e7e7e7;background-color:#fff;overflow:hidden}.auto-complete-template ul{max-height:240px;margin:0;padding:0}.auto-complete-template-normal{padding:10px;list-style-type:none;color:#606266;cursor:pointer}.auto-complete-template-normal:hover{background-color:#f0f0f0}.auto-complete-template-active{color:#fff;background-color:#6094c9}.auto-complete-template-active:hover{background-color:#6094c9}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.auto-complete-template-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0}.auto-complete-template-loading i{color:#909399;-webkit-animation:rotate .6s linear infinite;animation:rotate .6s linear infinite}.auto-complete-template-none-data{color:#d2d5db}.auto-complete-template-none-data .fa{font-size:36px}.auto-complete-template-none-data p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:0;margin-bottom:6px}.auto-complete-fade-enter-active,.auto-complete-fade-leave-active{-webkit-transition:opacity .2s;transition:opacity .2s}.auto-complete-fade-enter-from,.auto-complete-fade-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}