/*公共*/ #filter_20260211_box{ background-color: unset; border-radius: 0; margin-bottom: 0; padding: 0; display: flex; gap: 20px;flex-direction: column;} #filter_20260211_box .filter_module{ border-radius: 4px; padding: 25px 20px;position: relative; border: 1px solid #d6d6d6; } @media screen and (max-width: 1024px){ #filter_20260211_box{display: none;position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 10001;} #filter_20260211_box.cur{display: block;} #filter_20260211_box .filter_module{width: 600px; background: #fff; max-height: 600px; border-radius: 4px; padding: 30px 0;} } @media screen and (max-width: 768px){ #filter_20260211_box .filter_module{ width: 90vw; } } /*filter_search_module*/ #filter_20260211_box .filter_search_module .filter_top{ display: flex; gap: 10px; margin-bottom: 15px;align-items: center; } #filter_20260211_box .filter_search_module .filter_top .filter_title{ display: flex; align-items: flex-end; justify-content: space-between; flex: 1;font-weight: bold; } #filter_20260211_box .filter_search_module .filter_top .filter_title .title{ font-size: 24px;color: #001141; margin-bottom: 0; text-transform: capitalize; } #filter_20260211_box .filter_search_module .filter_top .filter_title .reset{ font-size: 14px; color: var(--maincolor1);cursor: pointer; } #filter_20260211_box .filter_search_module .filter_top .close { display: none; cursor: pointer; width: 14px; height: 14px; background: url(/static/themes/default/images/alert_close.png) no-repeat center / contain;position: absolute; top: 15px; right: 10px; } #filter_20260211_box .filter_search_module .filter_content{ display: flex; gap: 20px; flex-direction: column; } #filter_20260211_box .filter_search_module .filter_content .filter_factor{ flex: 1; display: flex; flex-wrap: wrap; gap: 3px; } #filter_20260211_box .filter_search_module .filter_content .filter_factor button { padding: 6px 28px 6px 10px; font-size: 12px; position: relative; background-color: #e6f2ff; border-radius: 4px; display: none; text-transform: initial; color: var(--maincolor1); word-break: break-word; border: 1px solid var(--maincolor1); } #filter_20260211_box .filter_search_module .filter_content .filter_factor button::after { content: ""; background: url(/static/themes/default/images/alert_close.png) no-repeat center / 9px; width: 9px; height: 9px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #filter_20260211_box .filter_search_module .filter_content .filter_factor button.show { display: block; } #filter_20260211_box .filter_search_module .filter_content .filter_list{display: flex;flex-direction: column;gap: 45px;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item_box{ display: flex; flex-direction: column;gap: 18px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item_box.reverse{flex-direction: column-reverse;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item{ display: flex;flex-direction: column;gap: 12px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item.hide{display: none;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_label{ font-size: 16px; color: #001141; font-weight: bold;display: flex;align-items: flex-start;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_checkbox { display: flex; flex-direction: column; gap: 10px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_checkbox .checkbox_item { display: flex; align-items: flex-start; cursor: pointer; font-size: 16px; gap: 8px; color: #001141; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_checkbox .checkbox_item .checkbox_input { display: flex; align-items: center; cursor: pointer; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_checkbox .checkbox_item .checkbox_input i { width: 18px; height: 18px; box-sizing: border-box; border: 1px solid #d6d6d6; border-radius: 2px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_checkbox .checkbox_item.current .checkbox_input i { border-color: var(--maincolor1); background: url(/static/themes/default/images/checkbox_label_2.png) var(--bgcolor) no-repeat center; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select { position: relative; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .select_info { width: 100%; box-sizing: border-box; border: 1px solid #e7ebef; padding: 0 20px 0 10px; height: 44px; border-radius: 4px; cursor: pointer; position: relative; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #757575; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .select_info::after { content: ""; background: url(/static/themes/default/images/user_more.png) no-repeat center / 8px; width: 8px; height: 11px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .select_info .country_flag{ height: 14px; width: 24px; line-height: 1; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .select_info .country_flag i { transform: scale(0.58947); transform-origin: left top; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .select_info .select_name{ font-size: 16px; color: #001141; font-weight: bold; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position { width: 100%; padding: 12px 0; border-radius: 4px; margin-top: 5px; position: absolute; left: 0; top: 100%; border: 1px solid #c5c5c5; box-shadow: 0 2px 8px rgb(0 0 0 / 15%); overflow: auto; background-color: #fff; box-sizing: border-box; display: none; overscroll-behavior: contain; z-index: 1; max-height: 200px; overflow-y: auto; scrollbar-width: thin; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position input { height: 36px; margin: 0 16px; box-sizing: border-box; width: calc(100% - 32px); padding-left: 35px; background: url(/static/themes/default/images/icon-search.png) no-repeat left 10px center; font-size: 14px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position li { font-size: 16px; font-weight: bold; padding: 0 16px; height: 35px; line-height: 35px; cursor: pointer; color: #010101; transition: all 0.3s ease; overflow: hidden; word-break: break-all; display: flex; align-items: center; gap: 10px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position li .i_out { height: 14px; width: 24px; line-height: 1; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position li .i_out i { transform: scale(0.58947); transform-origin: left top; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position li span { text-wrap: nowrap; overflow: inherit; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position li.hide { display: none; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select.flex {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 8px 15px;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select.flex input {display: inline-block;margin-right: 5px;accent-color: var(--maincolor1);} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_hand{ display: flex;gap: 10px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_hand .search_btn{ display: flex;align-items: center;justify-content: center; background-color: var(--maincolor1); border-radius: 2px; width: 42px; height: 44px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_hand .search_btn i{ background: url(/static/themes/default/images/right_icon.png) no-repeat center / 7px; width: 7px; height: 11px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_hand .filter_input_multiple{ display: flex; box-sizing: border-box; justify-content: space-between; align-items: center; width: 100%;flex: 1; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_multiple .filter_input{ width: calc(50% - 13px); box-sizing: border-box; border: 1px solid #e7ebef; padding: 0 10px 0; height: 44px; border-radius: 4px; cursor: pointer; position: relative; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #757575; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_multiple .filter_input input{ background: transparent; border: 0; font-size: 16px; color: #001141; font-weight: bold; width: 100%; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_input_multiple .filter_input .unit{ color: #757575; font-size: 16px; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item[data-type="times"] .filter_select .select_info::after { pointer-events: none; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item[data-type="times"] .filter_select .select_info{padding: 0;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item[data-type="times"] input{ background: transparent; border: 0; width: 100%; font-size: 16px; color: #001141; font-weight: bold;padding: 0 20px 0 10px;height: 100%;cursor: pointer; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item[data-type="times"] input::placeholder { font-size: 14px; color: #757575; font-weight: normal; } /*禁止 */ #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item.alert_upgrade_tips input{ pointer-events: none; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item.alert_upgrade_tips .filter_select .select_info, #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item.alert_upgrade_tips .filter_input_multiple .filter_input{ opacity: 0.8; background: #fafafa; cursor: no-drop; } #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item.alert_upgrade_tips .filter_input_hand .search_btn{ opacity: 0.8; cursor: no-drop; } /*升级 */ #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .tooltip_trade_search_upgrade {background: url(/static/themes/default/images/black_lock.png) no-repeat;background-size: contain;height: 16px;width: 13px;cursor: pointer;display: inline-block;margin-left: 5px} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .tooltip_question_icon {filter: brightness(0); background: url(/static/themes/default/images/question_mark_black.png) no-repeat;background-size: contain;height: 16px;width: 16px;cursor: pointer;display: inline-block;margin-left: 5px} @media screen and (max-width: 1024px){ #filter_20260211_box .filter_search_module .filter_top{padding: 0 24px;gap: 50px;} #filter_20260211_box .filter_search_module .filter_top .close{display: block;} #filter_20260211_box .filter_search_module .filter_content{overflow: hidden; overflow-y: auto;max-height: 500px;} #filter_20260211_box .filter_search_module .filter_content .filter_factor{padding: 0 24px;} #filter_20260211_box .filter_search_module .filter_content .filter_list{gap: 15px;} #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item_box{padding: 0 24px;gap: 15px;} } @media screen and (max-width: 768px){ #filter_20260211_box .filter_search_module .filter_content .filter_list .filter_item .filter_select .input_position input{border: 1px #ddd solid;} } #filter_20260211_box .filter_link_module .filter_title { display: flex; align-items: center; gap: 8px;margin-bottom: 20px; } #filter_20260211_box .filter_link_module .filter_title .title_text { font-size: 16px; font-weight: bold; color: #000000; } #filter_20260211_box .filter_link_module .filter_content { transition: all 0.3s ease; } #filter_20260211_box .filter_link_module .filter_section { margin-bottom: 20px;position: relative;} #filter_20260211_box .filter_link_module .filter_section:last-child { margin-bottom: 0; } #filter_20260211_box .filter_link_module .filter_section .section_header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; } #filter_20260211_box .filter_link_module .filter_section .section_title_group { display: flex; align-items: center; gap: 8px; } #filter_20260211_box .filter_link_module .filter_section .section_title_group .section_icon { width: 23px; height: 23px; } #filter_20260211_box .filter_link_module .filter_section .section_title_group .section_title { font-size: 14px; color: #000000; } #filter_20260211_box .filter_link_module .filter_section .toggle_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } #filter_20260211_box .filter_link_module .filter_section .toggle_btn .toggle_icon { font-size: 24px; color: #666; line-height: 1; } #filter_20260211_box .filter_link_module .filter_section .section_content { transition: all 0.3s ease; margin-top: 18px; } #filter_20260211_box .filter_link_module .filter_section .section_content.collapsed { display: none; } #filter_20260211_box .filter_link_module .filter_section .filter_sort_box{display: flex;justify-content: space-between;gap: 10px; margin-bottom: 18px;} #filter_20260211_box .filter_link_module .filter_section .filter_sort_box .filter_sort { display: flex; align-items: center; gap: 8px; cursor: pointer; border-radius: 4px; transition: background-color 0.2s ease; } #filter_20260211_box .filter_link_module .filter_section .filter_sort_box .filter_sort .sort_icon { width: 14px; height: 14px; } #filter_20260211_box .filter_link_module .filter_section .filter_sort_box .filter_sort .sort_text { font-size: 12px; color: #495567; user-select: none; } #filter_20260211_box .filter_link_module .filter_section .filter_search_box { position: relative; margin-bottom: 10px; } #filter_20260211_box .filter_link_module .filter_section .filter_search_box .filter_search_input{ box-sizing: border-box; width: 100%; padding: 8px 35px 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; outline: none; transition: border-color 0.3s ease; } #filter_20260211_box .filter_link_module .filter_section .filter_search_box .filter_search_input:focus { border-color: var(--maincolor1); } .search_icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; opacity: 0.6; } #filter_20260211_box .filter_link_module .filter_section .filter_list { margin-bottom: 10px; } #filter_20260211_box .filter_link_module .filter_section .filter_list .filter_item { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; text-decoration: none; color: #333; transition: background-color 0.2s ease;} #filter_20260211_box .filter_link_module .filter_section .filter_list .filter_item:hover { background-color: #f8f9fa; text-decoration: none; color: var(--maincolor1); } #filter_20260211_box .filter_link_module .filter_section .filter_list .filter_item.hidden { display: none; } #filter_20260211_box .filter_link_module .filter_section .filter_list .filter_item .item_content { font-size: 14px; color: var(--maincolor1); } #filter_20260211_box .filter_link_module .filter_section .filter_list .filter_item .item_count { font-size: 12px; color: #989da6; } #filter_20260211_box .filter_link_module .filter_section .filter_popup { display: none; border: 1px solid #dee2e6; background-color: #fff; box-shadow: 0 2px 8px #dee2e6; padding: 0; margin-left: 0; position: fixed; justify-content: center; align-items: center; z-index: 10001; bottom: 25px; } #filter_20260211_box .filter_link_module .filter_section .filter_popup.current { display: block; height: fit-content !important; position: absolute; } #filter_20260211_box .filter_link_module .filter_section .filter_popup .close{ cursor: pointer; width: 14px; height: 14px; background: url(/static/themes/default/images/alert_close.png) no-repeat center / contain; position: absolute; top: 15px; right: 10px;z-index: 1; } #filter_20260211_box .filter_link_module .filter_section .filter_popup .inner_content { width: 700px; max-width: 80vw; max-height: 80vh; background: #fff; padding: 20px 15px; position: relative; border-radius: 4px; } #filter_20260211_box .filter_link_module .filter_section .filter_popup .popup_header{ display: flex; align-items: center; gap: 15px; padding-right: 20px; } #filter_20260211_box .filter_link_module .filter_section .filter_popup .filter_sort_box{ margin-bottom: 0;} #filter_20260211_box .filter_link_module .filter_section .filter_popup .filter_search_box { margin-bottom: 0;width: 60%; } #filter_20260211_box .filter_link_module .filter_section .filter_popup .filter_list { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; column-gap: 3%; row-gap: 2px; width: 100%; margin: 15px 0; max-height: 260px; overflow-y: auto; line-height: 1.5; overflow-x: hidden; } #filter_20260211_box .filter_link_module .filter_section .filter_popup .filter_list .filter_item { flex: unset !important; width: 30% !important; padding: 7px 10px 8px; border-bottom: 1px solid #ddd; box-sizing: border-box; } #filter_20260211_box .filter_link_module .filter_section .view_more { text-align: left; } #filter_20260211_box .filter_link_module .filter_section .view_more_btn { display: flex; align-items: flex-start; gap: 5px; font-size: 14px; color: var(--maincolor1); } #filter_20260211_box .filter_link_module .filter_section .view_more_btn:hover { opacity: 0.9; } #filter_20260211_box .filter_link_module .section_divider { border: none; border-top: 1px solid #e5e5e5; margin: 20px 0; } @media screen and (max-width: 1024px){ #filter_20260211_box .filter_link_module{display: none;} }