.bx-search-container {bottom: calc(100vh - 347px);}
.h1_top{ margin-bottom: 40px; color: #fff; text-shadow: 0px 0px 20px #ffffff5c; font-weight: 700;}
.m-r-10{margin-right: 10px;}
.searchsection1 {margin: 0 auto;max-width: 993px;}
.searchsection1 .provinces{font-weight: 500;}
.searchsection1 .bl{font-weight: 500}
.search_div_main1 { border: 1px solid #DDD; border-radius: 36px;color: #000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 66px; position: relative; width: 100%; box-shadow: 0 16px 32px #000 0 3px 8px #000;background-color: #fff;transition: all 0.2s ease-in-out;z-index:99;}
.search_box1 {-webkit-flex: 3.5 0 0;  -ms-flex: 3.5 0 0; flex: 3.5 0 0;  min-width: 0;  color: #000;}
.search_box1_sub {-webkit-box-align: center; -ms-flex-align: center; position: relative; -webkit-align-items: center;align-items: center; display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; -webkit-flex: 1 0 0; -ms-flex: 1 0 0;  flex: 1 0 0; margin: -1px; min-width: 0; height: 66px;  margin: auto; border-radius: 36px;}
.search_box1_sub_ff {background-color: #fff !important; box-shadow: 0 0 30px 0 #999;}
.search_box1_lable {cursor: pointer; display: block; background-clip: padding-box; border: 1px solid transparent; border-radius: 32px; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0;  min-width: 0;  padding: 14px 30px;}
.search_lable_div { position: relative; z-index: 1;}
.search_lable_div2 {font-size: 12px;  line-height: 16px; font-weight: 600;  letter-spacing: .04em; padding-bottom: 2px; text-align: left;}
.search_lable_input {display: block; border: 0; margin: 0;  padding: 0;  width: 100%;  background: none; font-size: 12px;  line-height: 18px; font-weight: 300; color: #757575; text-overflow: ellipsis;outline: none}
.search_lable_sprt {-ms-grid-row-align: center; -ms-flex-item-align: center;  -webkit-align-self: center; align-self: center;  border-right: 1px solid #DDD; -webkit-flex: 0 0 0; -ms-flex: 0 0 0;  flex: 0 0 0;  height: 32px;}
.search_box2 {-webkit-flex: 2.5 0 0; -ms-flex: 2.5 0 0;  flex: 2.5 0 0; min-width: 0;}
#subcate-box, #province {max-height: 200px; overflow-y: auto;}
#subcate-box .provinces {text-align: left; font-size: 12px;  padding: 4px 15px;}
#listing-cate-box {max-height: 200px; overflow-y: auto; left: 412px; width: 400px; position: absolute;  top: 66px; background: #fff; height: auto; z-index: 1;  right: -150px;  border-radius: 10px; box-shadow: 0px 0px 15px 6px rgb(0 0 0 / 25%);}
#listing-cate-box .bl {text-align: left; font-size: 12px;  padding: 6px 30px;}
#province  .provinces { text-align: left; font-size: 12px; padding: 4px 15px;}
.cities .city-item { text-align: left;  font-size: 12px;font-weight: 500; padding: 4px 15px; transition: all 0s ease-in-out;}
.search_box1_sub { -webkit-box-align: center; -ms-flex-align: center;  position: relative;  -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; margin: -1px; min-width: 0; height: 66px;  margin: auto; border-radius: 36px;transition: all 0.2s ease-in-out}
.search_lable_div3 {font-size: 12px;  line-height: 18px;  color: #757575; overflow: hidden; text-overflow: ellipsis; width: 100%;  text-align: left; font-weight: 400;}
.search_province_pop { display: none; position: absolute; top: 66px;  background: #fff; width: 100%;  height: auto; z-index: 1; min-width: 370px; right: -150px; padding: 15px 40px; border-radius: 10px; box-shadow: 0px 0px 15px 6px rgb(0 0 0 / 25%);}
.search_industry_pop {display: none; position: absolute; top: 66px; background: #fff; width: 100%;  height: auto; z-index: 1;  min-width: 400px; right: -150px; padding: 15px;border-radius: 10px; box-shadow: 0px 0px 15px 6px rgb(0 0 0 / 25%);}
.search_price_pop {display: none;position: absolute; top: 66px; background: #fff; width: 100%; height: auto; z-index: 1; min-width: 350px; right: -150px; padding: 15px; border-radius: 10px;box-shadow: 0px 0px 15px 6px rgb(0 0 0 / 25%);}
.search_lable_icon_span {line-height: 54px; font-size: 22px; color: #fff; background: #f5001f; height: 55px; width: 55px; display: block; border-radius: 50%; position: absolute; right: 6px;  top: 5px; cursor: pointer; border: none;}
.search_province_pop2 {min-width: 370px; right: -110px; padding: 15px 25px;}
.srch_sub_row {font-size: 12px;padding: 10px 5px;}
#categories-box {max-height: 200px; overflow-y: auto;}
#categories-box .provinces {text-align: left; font-size: 12px; padding: 4px 15px;}
.pull-left { float: left; width:10px;}
.text-primary1 {background: #000; color: #fff;}
.bg_cont_div {display: inline-block; font-size: 11px;  padding: 4px 10px;  border-radius: 15px; margin: auto 4px;}
.cities {left: 376px;  width: 304px;  position: absolute; top: 53px; background: #fff; height: auto; z-index: 1; border-radius: 10px;  box-shadow: 0px 0px 15px 6px rgb(0 0 0 / 25%); height: 242px;transition:all 0.2s ease; padding-left: 10px; padding-right: 10px;padding-top: 10px;}
.cities-box { max-height: 200px;  overflow-y: auto;}
#search_city {padding: 0;border-color:unset;height: 30px;position:sticky; top: -1px; border: 1px solid lightgray; width: 100%;  padding-top: 2px;  padding-left: 5px;  padding-right: 46px; background-image: url(../images/icon-magnifying-lens.png); background-repeat: no-repeat; background-position: 94% 5px;outline: none;font-size: 12px}
.search_price_pop {display: none;  position: absolute; top: 66px; background: #fff;  width: 100%; height: auto; z-index: 1; min-width: 350px; right: -150px;  padding: 15px; border-radius: 10px;box-shadow: 0px 0px 15px 6px rgb(0 0 0 / 25%);}
.price_list_div {text-align: left;font-size: 13px;}
.price_list_div .text3{padding: 5px 20px; transition: ease-in-out;}
.price_list_div .min-price-border {border-radius: 14px;  background-color: #fff; font-size: 14px; box-shadow: 0px 0px 9px 0px #00000047;}
.price_list_div .max-price-border {border-radius: 14px; background-color: #fff; font-size: 14px;  box-shadow: 0px 0px 9px 0px #00000047;}
.load-more-city {text-align: center;font-size: 12px;font-weight: 600;color:#0C8CE9}
.bl .pull-left{margin-right: 10px;}
.bge2e2e2 {background-color: #ddd;}
.search_box1_sub:hover{background-color:#f7f7f7;}
.search_div_main1:hover{background-color: #ddd;}
.searchsection1 .provinces:hover,#listing-cate-box .bl:hover,.cities-box .city-item:hover{ background-color:#f7f7f7;transition:all 0.2s ease-in-out;}
#subcate-box::-webkit-scrollbar,#listing-cate-box::-webkit-scrollbar,#province::-webkit-scrollbar,.cities-box::-webkit-scrollbar {width: 4px;}
#subcate-box::-webkit-scrollbar-track,#listing-cate-box::-webkit-scrollbar-track,#province::-webkit-scrollbar-track,.cities-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
#subcate-box::-webkit-scrollbar-thumb,#listing-cate-box::-webkit-scrollbar-thumb,#province::-webkit-scrollbar-thumb,.cities-box::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 66%);}
@media(max-width:1200px){
    .cities{ left: unset;  right: 381px; }
    #listing-cate-box{display:none !important;}
    .price-box{display: none}
    .searchsection1{max-width: 766px;}
}
@media(max-width:991px){
   .bx-search-container { bottom: calc(100vh - 250px);}
}