/*country_filter*/
#country_filter{width: 600px;}
#country_filter .selection_box{display: none;gap: 10px;white-space: nowrap;flex-wrap: wrap;margin-bottom: 20px;}
#country_filter .selection_box .select_item{background: #e6f2ff;color: #095dfe;font-size: 14px;border-radius: 20px;padding: 0 20px;line-height: 30px;cursor: pointer;}
#country_filter .selection_box .select_item.current,
#country_filter .selection_box .select_item:hover{background: #095dfe;color: #fff;font-size: 14px;}

#country_filter .country_tool{display: flex;flex-direction: row;gap: 5px;}
#country_filter .country_tool .input_box{width: 100%;height: 40px;position: relative;}
#country_filter .country_tool .input_box input {width: 100%;box-sizing: border-box;border-radius: 3px;border: 1px solid #eaeaea;height: 40px;text-indent: 40px;background-image: url(/databox/web/images/search_icon.png);background-repeat: no-repeat;background-position: 10px center;background-size: 20px; background-color: #f8f9fe;}
#country_filter .country_tool .input_box .input_position {width: 100%;height: 200px;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;}
#country_filter .country_tool .input_box .input_position li {font-size: 14px;height: 35px;line-height: 35px;cursor: pointer;padding: 0 10px;color: #06c;transition: all 0.3s ease;overflow: hidden;}

#country_filter .country_list {width: 100%;height: calc(100% - 175px);float: left;display: grid;-webkit-grid-template-columns: repeat(1, 1fr);-ms-grid-columns: repeat(1, 1fr);grid-template-columns: repeat(1,1fr);-webkit-grid-gap: 10px;-ms-grid-gap: 10px;grid-gap: 10px;padding: 20px 0;}
#country_filter .country_list::-webkit-scrollbar {display: none;}
#country_filter .country_list .item,
#country_filter .country_list .item_box .continent_item {display: inline-block;border-radius: 3px;background: none;box-sizing: border-box;padding: 0;font-size: 14px;color: #000;height: 36px;line-height: 36px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor: pointer;}
#country_filter .country_list .item_box .item_child_box{width: 100%;display: flex;flex-direction: stretch;justify-content: space-between;flex-wrap: wrap;}
#country_filter .country_list .item_box .item_child_box label {width: 49%;display: inline-block;border-radius: 3px;background: #f9f9f9;box-sizing: border-box;padding: 0 10px;font-size: 14px;margin: 0 0 8px 0;color: #000;height: 36px;line-height: 36px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor: pointer;}
#country_filter .country_list.scoll_box {scrollbar-width: thin;overflow-y: auto;}
#country_filter .country_list label i,
#country_filter .bottom_button .selected_total i.all{width: 15px;height: 15px;box-sizing: border-box;border: 1px solid #dddddd;border-radius: 3px;float: left;margin-top: 10px;margin-right: 8px;}
#country_filter .bottom_button .selected_total{line-height: 48px;font-size: 14px;display: flex;column-gap: 5px;color: #000;}
#country_filter .bottom_button .selected_total span{color: #000;}
#country_filter .bottom_button .selected_total i.all {margin-top: 16px;cursor: pointer;margin-right: 0;}
#country_filter .bottom_button .selected_total i.num {color: #096EFD;}
#country_filter .bottom_button .submit_btn{width: 220px;color: #fff;padding-left: 0px;background: #096EFD;height: 48px;line-height: 48px;text-align: center;font-size: 14px;border-radius: 2px;display: inline-block;box-sizing: border-box;}

#country_filter .country_list label.cur{background: #e6f2ff;color: #095dfe;}
#country_filter .country_list label.cur i,
#country_filter .bottom_button .selected_total i.all.cur{border-color: #096efd;background: url(/databox/web/images/checkbox_label.png) #096efd no-repeat center;}
@media (max-width: 768px) {
    #country_filter{width: 90%;}
}