.retrival-container .search-title{opacity:1;height:100px;display:flex;font-size:2rem;overflow:hidden;justify-content:center;align-items:flex-end}.retrival-container .search-title.with-result{opacity:0;height:0;animation-name:hideBox;animation-duration:.5s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards}.retrival-container .search-title strong{margin-right:.6rem}.retrival-container .search-box{height:13rem;align-items:center}.retrival-container .search-box.with-result{margin-top:15px;animation-name:shrinkInput;animation-duration:.5s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards}.retrival-container .search-box .el-input .el-input-group__prepend{width:80px}.retrival-container .search-box .el-input .el-input-group__prepend .el-select{width:120px!important}.retrival-container .search-box .el-input .el-input-group__prepend .el-select .el-input--suffix .el-input__inner{font-size:.9rem;padding:0 20px 0 10px}.retrival-container .search-box .el-input .el-input-group__prepend .el-select .el-input--suffix .el-input__suffix{right:0}.retrival-container .search-box .el-input .el-input-group__append{background-color:#e6a23c;border-color:#e6a23c}.retrival-container .search-box .el-input .el-input-group__append .el-button{color:#fff}.retrival-container .search-box .hot-box{line-height:1.8rem;opacity:1;justify-content:center;align-items:center;overflow:hidden;padding:1.5rem 0}.retrival-container .search-box .hot-box.with-result{opacity:0;height:0;animation-name:hideBox;animation-duration:.5s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards}.retrival-container .search-box .hot-box ul li{display:inline-block;margin-right:1rem}@keyframes hideBox{0%{opacity:1;height:100px}to{opacity:0;height:0}}@keyframes shrinkInput{0%{height:160px;align-items:center}to{height:80px;align-items:start}}@keyframes showResult{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media screen and (max-width:767px){.retrival-container .search-title{font-size:1.8rem}}