#page_main{margin: 25px 0 50px;position: relative;}
#page_main .data_module .module_title{margin-bottom: 15px;}
#page_main .data_module .module_title .title{ color: rgb(30 41 59); font-size: 26px; line-height: 1.5; font-weight: bold; }
#page_main .data_module .module_content{display: flex;gap: 30px;}
#page_main .data_module .module_content .left_side{width: calc(100% - 286px - 30px);min-height: 450px;flex: 1;}
#page_main .data_module .module_content .right_side{width: 286px;}
@media screen and (max-width: 1024px){
	#page_main .data_module .module_content { flex-direction: column; gap: 20px; }
	#page_main .data_module .module_content .left_side,
	#page_main .data_module .module_content .right_side{width: 100%;min-height: auto;}
}
@media screen and (max-width: 768px){
	#page_main{margin: 3.33vw 0 6.66vw;}
	#page_main .data_module .module_title{margin-bottom: 2vw;}
	#page_main .data_module .module_title .title{ font-size: 18px; }
}

/*left_side*/
#page_main .data_module .left_side .data_letter{ padding: 15px; border: 1px solid rgb(226 232 240); border-radius: 8px; margin-bottom: 25px; display: flex; flex-wrap: wrap; gap: 4px; background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
#page_main .data_module .left_side .data_letter .letter_item{ display: flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; border-radius: 4px; border: 1px solid rgb(226 232 240); color: rgb(71 85 105); padding: 5px 8px; box-sizing: border-box;font-size: 12px; }
#page_main .data_module .left_side .data_letter .letter_item:hover { border-color: var(--maincolor1); color: var(--maincolor1); background-color: rgb(230 238 247) }
#page_main .data_module .left_side .data_letter .letter_item.current{ background-color: var(--maincolor1); color: #fff; }
#page_main .data_module .left_side .data_table{ border: 1px solid rgb(226 232 240); background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 8px;     overflow: hidden;}
#page_main .data_module .left_side .data_table .data_thead{ text-transform: uppercase;letter-spacing: 0.75px;color: rgb(100 116 139); padding: 15px 20px; font-size: 12px; background-color: rgb(248 250 252); border-bottom: 1px solid rgb(226 232 240); display: flex; flex-direction: row; }
#page_main .data_module .left_side .data_table .data_thead .data_th:nth-of-type(1){width: 60%;}
#page_main .data_module .left_side .data_table .data_thead .data_th:nth-of-type(2){width: 40%;}
#page_main .data_module .left_side .data_table .data_tbody .data_tr{display: flex; flex-direction: row; padding: 20px;border-bottom: 1px solid rgb(226 232 240); }
#page_main .data_module .left_side .data_table .data_tbody .data_tr:last-child{border-bottom: none;}
#page_main .data_module .left_side .data_table .data_tbody .data_tr:hover{ background-color: rgb(248 250 252); }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td:nth-of-type(1){width: 60%;}
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td:nth-of-type(2){width: 40%;}
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td.td_company{ display: flex;gap: 15px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_log{ width: 40px;height: 40px; background-color: rgb(230 238 247); display: flex; justify-content: center; align-items: center; border-radius: 4px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_log i{ display: inline-block;background: url(/static/themes/default/images/merchant/icon_company.png) no-repeat center / 12px;width: 12px;height: 16px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_name{ color: var(--maincolor1); font-weight: bold; font-size: 16px; margin-top: 2px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_address{ color: rgb(100 116 139);font-size: 12px;    margin-top: 6px; display: flex; gap: 5px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_address .address_icon{ display: inline-block;background: url(/static/themes/default/images/detail/address_icon.png) no-repeat center / 13px;width: 13px;height: 14px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_address .country{flex: 1;}
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td.td_summary{ display: flex;flex-direction: column;gap: 8px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .summary_item{ display: flex;gap: 8px;align-items: center; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .summary_item .item_title{ color: rgb(148 163 184); text-transform: uppercase; font-weight: bold; font-size: 10px; min-width: 56px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .summary_item .item_content{ display: flex; flex-wrap: wrap;gap: 4px; }
#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .summary_item .item_hscode{ background-color: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 4px; padding: 2px 8px; font-size: 12px; color: #475569; }
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
	#page_main .data_module .left_side .data_letter{margin-bottom: 3.33vw;}
	#page_main .data_module .left_side .data_letter .letter_item{min-width: 32px; height: 32px;padding: 3px;}
	#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .company_log{display: none;}
	#page_main .data_module .left_side .data_table .data_tbody .data_tr .data_td .summary_item { gap: 5px; align-items: flex-start; flex-direction: column; }
}

/*right_side*/
/*筛选*/
#page_main .data_module .right_side .filter_module{ border-radius: 8px; padding: 15px 20px;position: relative; border: 1px solid #d6d6d6;background: #fff; }
#page_main .data_module .right_side .filter_link_module .filter_title { display: flex; align-items: center; gap: 8px;margin-bottom: 20px; }
#page_main .data_module .right_side .filter_link_module .filter_title .title_text { font-size: 16px; font-weight: bold; color: #000000; }
#page_main .data_module .right_side .filter_link_module .filter_content { transition: all 0.3s ease; }
#page_main .data_module .right_side .filter_link_module .filter_section { margin-bottom: 20px;position: relative;}
#page_main .data_module .right_side .filter_link_module .filter_section:last-child { margin-bottom: 0; }
#page_main .data_module .right_side .filter_link_module .filter_section .section_header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
#page_main .data_module .right_side .filter_link_module .filter_section .section_title_group { display: flex; align-items: center; gap: 8px; }
#page_main .data_module .right_side .filter_link_module .filter_section .section_title_group .section_icon { width: 23px; height: 23px; }
#page_main .data_module .right_side .filter_link_module .filter_section .section_title_group .section_title { font-size: 14px; color: #000000; }
#page_main .data_module .right_side .filter_link_module .filter_section .section_content { transition: all 0.3s ease; margin-top: 18px; }
#page_main .data_module .right_side .filter_link_module .filter_section .section_content.collapsed { display: none; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_sort_box{display: flex;justify-content: space-between;gap: 10px; margin-bottom: 18px;}
#page_main .data_module .right_side .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; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_sort_box .filter_sort .sort_icon { width: 14px; height: 14px; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_sort_box .filter_sort .sort_text { font-size: 12px; color: #495567; user-select: none; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_search_box { position: relative; margin-bottom: 10px; }
#page_main .data_module .right_side .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; }
#page_main .data_module .right_side .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; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_list { margin-bottom: 10px; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_list .filter_item { display: flex; justify-content: space-between; align-items: center; padding: 5px; text-decoration: none; color: #333; transition: background-color 0.2s ease;}
#page_main .data_module .right_side .filter_link_module .filter_section .filter_list .filter_item:hover { background-color: #edf1f5;}
#page_main .data_module .right_side .filter_link_module .filter_section .filter_list .filter_item.hidden { display: none; }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_list .filter_item .item_content { font-size: 14px; color: var(--maincolor1); }
#page_main .data_module .right_side .filter_link_module .filter_section .filter_list .filter_item .item_count { font-size: 12px; color: #989da6; }
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
	
}

/*no data*/
#page_main .list_empty{text-align: center;background: #fff;padding: 50px;}
#page_main .list_empty .img{width: 100%;display: flex;align-items: center;justify-content: center;}
#page_main .list_empty .img span{margin-left: 10px;font-size: 20px;color: #001141;border-radius: 20px;}
#page_main .list_empty .img .keywork_color{color: #d70d0d;margin: 0;text-transform: uppercase;}
#page_main .list_empty .consultant_box{border-radius: 20px;background-color: #f2f8ff;display: flex;justify-content: space-between;text-align: left;font-size: 14px;width: fit-content;margin: 60px auto;}
#page_main .list_empty .c_box_content{margin: 35px 40px 35px 30px;width: 20vw;}
#page_main .list_empty .c_box_content .chat_us{border-radius: 30px;background: var(--maincolor1);color:#fff;padding:15px 30px;width: fit-content;line-height: 16px;font-size: 16px;cursor: pointer;margin-top: 10px;}
#page_main .list_empty .c_box_title{font-size: 30px;color: #000;margin-bottom: 15px;font-weight: bold;}
#page_main .list_empty .c_box_title span{font-weight: 600;}
#page_main .list_empty .c_box_desc{color: #444444;margin-bottom: 25px;font-size: 16px;}
#page_main .list_empty .line{color: #001141;line-height: 2;white-space: nowrap;}
#page_main .list_empty .line span{margin-left: 8px;}
#page_main .list_empty .c_box_qrcode{border-radius: 20px;padding: 30px;box-sizing: border-box;background-color: #358dff;color: #fff;text-align: center;}
#page_main .list_empty .qrcode{width: fit-content;max-width: 170px;overflow: hidden;margin: 0 auto;}
#page_main .list_empty .qrcode img{width: 100%;height: auto;filter: brightness(0) invert(1);}
#page_main .list_empty .c_q_desc{margin-top: 15px;max-width: 100%;}
@media screen and (max-width:1350px) {
    #page_main .list_empty .consultant_box{margin: 40px auto;}
    #page_main .list_empty .c_box_title{font-size: 26px;}
    #page_main .list_empty .c_box_content{width: 25vw;}
    #page_main .list_empty .c_box_qrcode{padding: 20px;}
}
@media screen and (max-width:1024px) {
    #page_main .list_empty{padding: 4vw;}
    #page_main .list_empty .consultant_box{flex-wrap: wrap;text-align: center;margin: 5.33vw auto;}
    #page_main .list_empty .consultant_box >div{width: 100%;}
    #page_main .list_empty .img img{width: 12.5vw;}
    #page_main .list_empty .sorry{font-size: 2.8vw;margin-top: 3vw;}
    #page_main .list_empty .c_box_title{font-size: 3.73vw;width: auto;margin-bottom: 3vw;}
    #page_main .list_empty .c_box_content .chat_us{margin: 0 auto;padding: 3vw 5vw;font-size: 3.66vw;}
    #page_main .list_empty .c_box_content{margin: 4vw;}
    #page_main .list_empty .img span{font-size: 2.66vw;}
    #page_main .list_empty .c_box_desc{margin-bottom: 3.33vw;font-size: 2.13vw;}
    #page_main .list_empty .c_q_desc{margin-top: 2vw;}
    #page_main .list_empty .c_box_qrcode{padding: 4vw;}
}
@media screen and (max-width:500px) {
    #page_main .list_empty .c_box_title{font-size: 4.66vw;}
    #page_main .list_empty .img span{font-size: 5.33vw;}
    #page_main .list_empty .c_box_desc{font-size: 4.13vw;}
    #page_main .list_empty .c_box_content .chat_us{font-size: 4.66vw;}
    #page_main .list_empty .c_box_qrcode{padding: 6vw;}
    #page_main .list_empty .qrcode{max-width: 90%;}
}
/*no data*/