.search-popup{--return-btn-width:40px;--animation-duration:0;-webkit-animation:search-popup-open 0s ease forwards;animation:search-popup-open 0s ease forwards;-webkit-animation:search-popup-open calc(var(--animation-duration)*1ms) ease forwards;animation:search-popup-open calc(var(--animation-duration)*1ms) ease forwards;-webkit-transform:translateX(100%);transform:translateX(100%)}.search-popup .search{margin-top:0}.search-popup .header-center_center{background:var(--color-main-red)}.search-popup .search-input{--radius:4rem;--border-width:2px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:8px;padding-left:var(--return-btn-width);position:relative}.search-popup .search-input .search-input_wrapper{position:relative;-webkit-box-flex:1;background-color:transparent;border-radius:0;border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius);-webkit-box-shadow:0 0 0 var(--border-width) var(--color-main-red) inset;box-shadow:0 0 0 var(--border-width) var(--color-main-red) inset;-ms-flex:1;flex:1;height:100%;overflow:hidden}.search-popup .search-return{color:#fff;display:block;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--return-btn-width)}.search-popup .search-return .iconfont{font-size:20px}.search-popup .search-input_inner{font-size:1rem;height:2.5rem;padding:0 1rem;width:100%}.search-popup .search-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;padding-bottom:20px}.search-popup .search-list a{border:1px solid var(--color-main-red);border-radius:3px;font-size:14px;padding:3px 11px}.search-popup .search-title{font-size:14px;padding-bottom:16px}.search-popup .search-latest-results{display:block}.search-popup .search-latest-results .search-title{padding-top:0}.search-popup .search-btn{background:linear-gradient(160deg,#fbedc8,#e4c487);border-bottom-right-radius:4rem;border-top-right-radius:4rem;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000;cursor:pointer;font-size:1rem;min-width:5rem;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.search-popup .search-history{background-color:#fff;border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:calc(100% - 44px);padding:18px 18px 0;width:100%;z-index:900}.search-popup .search-history .icon-del{cursor:pointer}.search-popup .search-history .icon-del:hover{color:var(--color-main-red)}@-webkit-keyframes search-popup-open{0%{opacity:.5;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes search-popup-open{0%{opacity:.5;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes search-popup-close{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.5;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes search-popup-close{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.5;-webkit-transform:translateX(100%);transform:translateX(100%)}}