.search_wrap_bar{z-index:5;background:#fff;border:1px solid #ddd;border-radius:10px;transition:all .5s;display:flex;position:absolute;top:20px;left:520px}.search_wrap_bar.active{left:30px}.search_wrap_bar .search_text{text-align:center;border-right:1px solid #ddd;width:70px;height:50px;font-size:18px;font-weight:700;line-height:50px}.search_wrap_bar .search_text p{color:#3673ee}.search_wrap_bar .search_inner{border-right:1px solid #ddd;justify-content:center;align-items:center;gap:10px;width:0;transition:width .5s;display:flex;overflow:hidden}.search_wrap_bar .search_inner.active{width:500px;padding:0 10px;transition:width .5s}.search_wrap_bar .search_inner .input_div{position:relative}.search_wrap_bar .search_inner .input_div>select{width:130px;font-size:16px}.search_wrap_bar .search_inner .input_div>input{width:350px;font-size:15px}.search_wrap_bar .search_inner .input_div>button{background-image:url(/images/main/search.png);background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:block;position:absolute;top:7px;right:10px}.search_wrap_bar .search_btn{cursor:pointer;justify-content:center;align-items:center;width:45px;height:50px;display:flex}.search_wrap_bar .search_btn i{background-repeat:no-repeat;background-size:contain;display:block}.search_wrap_bar .search_btn i.search_close_btn{background-image:url(/images/main/search_open_btn.png);width:22px;height:22px}.search_wrap_bar .search_btn i.search_open_btn{background-image:url(/images/main/search_close_btn.png);width:13px;height:22px}.search_result_list{border-top:none;border-radius:0 0 10px 10px;width:-webkit-fill-available;max-height:150px;margin-right:55px;display:block;position:absolute;overflow:auto}.search_result_list::-webkit-scrollbar{width:7px;height:7px}.search_result_list::-webkit-scrollbar-thumb{background-color:#3673ee;border-radius:5px}.search_result_list::-webkit-scrollbar-thumb:hover{background-color:#1954cb;border-radius:10px}.search_result_list::-webkit-scrollbar-track{background-color:#ccc;border-radius:10px}.search_result_list>li>a{background:#fff;border-top:none;border-bottom:1px solid #ddd;justify-content:space-between;padding:10px 15px;font-size:16px;display:flex;position:relative}.search_result_list>li>a:hover{background:#f3f9fe}.search_result_list>li>a>span:first-child:after{content:"";width:2px;height:20px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search_result_li{color:#444;background:#fff;border-bottom:1px solid #ddd;align-items:center;padding:10px 15px;font-size:15px;display:flex}.search_result_li span{flex:6}.search_result_li span:last-child{text-align:end;flex:4}.search_result_li:hover,.search_result_li:focus{background:#ebf2fe}.search_result_li span:last-child:before{content:"";background-color:#007aff;width:3px;height:25px;position:absolute;left:0}.search_result_li span:last-child{padding-left:10px;position:relative}.clear-button{cursor:pointer;text-align:center;font-size:20px;display:none;position:absolute;top:0;right:2%}.search_input{position:relative}.search_input_text{width:300px}@media screen and (max-width:1180px){.search_wrap_bar{left:380px}.search_wrap_bar .search_text{width:80px;height:40px;font-size:14px;line-height:40px}.search_wrap_bar .search_inner{border-right:1px solid #ddd;justify-content:center;align-items:center;gap:10px;width:0;transition:width .5s;display:flex;overflow:hidden}.search_wrap_bar .search_inner.active{width:420px;padding:0 10px;transition:width .5s}.search_wrap_bar .search_inner .input_div>select{width:100px;font-size:13px}.search_wrap_bar .search_inner .input_div>input{width:300px;font-size:13px}.search_wrap_bar .search_inner .input_div>button{width:15px;height:15px;top:10px}.search_wrap_bar .search_btn{height:40px}.search_wrap_bar .search_btn i.search_open_btn{width:10px;height:18px}.search_wrap_bar .search_btn i.search_close_btn{width:16px;height:16px}.search_result_list>li>a{font-size:14px}}@media screen and (max-width:640px){.search_wrap_bar{width:95%;left:50%;transform:translate(-50%)}.search_wrap_bar.active{left:50%}.search_wrap_bar.mobile{width:auto;left:20%}.search_wrap_bar .search_text.active{display:none}.search_wrap_bar .search_inner,.search_wrap_bar .search_inner.active{justify-content:space-between;gap:5px;width:100%;padding:0 10px}.search_wrap_bar .search_inner>div:first-child{width:35%}.search_wrap_bar .search_inner>div:nth-child(2){width:65%}.search_wrap_bar .search_inner .input_div>select,.search_wrap_bar .search_inner .input_div>input{width:100%;font-size:12px}.search_result_list{border-top:1px solid #eee;margin-right:5px;top:40px;left:10px}.search_result_list>li>a{font-size:12px}}