.filterbar_bgdiv{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background-color: #fcfcfc;width: 100%;z-index: 999;}
.filterbar_bgdiv .filterbar_div{width: 100%;max-width: 1400px;display: flex;justify-content: space-around;align-items: center}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv{position: relative;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .filterbar_dropdown{font-size: 14px;padding: 15px 17px;border: 1px solid transparent;cursor: pointer;display: block;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .filterbar_dropdown .filterbar_down_img{width: 15px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .filterbar_dropdown_chosen{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu{border-top: none;box-shadow: none;-webkit-box-shadow: none;border-radius: unset;top: 96%;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul{display: flex;flex-wrap: wrap;padding: 0;margin: 0;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul li{list-style: none;padding: 15px;display: flex;align-items: center;cursor: pointer;font-size: 14px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul li .filterbar_choose_img{width:16px;margin-right: 8px;vertical-align: sub;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul li .filterbar_icon_img{margin-right: 5px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_size{width: 550px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_size li,.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_pd li,.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_price li{width: 100%;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_size .filterbar_size_li{height:360px;cursor: unset;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_size .filterbar_size_span{position: absolute;left: 33%;top: 3%;height: 25%;border-left: 1px solid #999;display: block;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_size .filterbar_size_range{position:absolute;width: 50%;right: 7%;top: 2%;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_frame_shapes{width: 400px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_frame_shapes li{width: 46%;margin-left: 3%;padding: 10px 15px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_frame{width: 200px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_color{width: 550px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_color li{width: 30%;margin:0 1% 0 2%;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_color li .filterbar_icon_img{width: 18px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_material{width: 310px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_material li{width: 45%;margin-left: 3%;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_price{width: 200px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul.filterbar_ul_gooodsSort{width: 220px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div{font-size: 14px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_img{width: 60px;margin: 10px 0;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .filterbar_range{width: 100%;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_btn{background: var(--f7-theme-color);color: #fff;border-radius: 5px;text-align: center;width: fit-content;padding: 5px 20px;cursor: pointer;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-slider-horizontal{border: none !important;height: 0.3rem !important;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-slider-handle{top: -0.4rem !important;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-slider-range{border: none !important;height: 0.5rem !important;top: -0.1rem !important;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-corner-all{border-radius: 10px !important;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-widget-header{background: var(--f7-theme-color) !important;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-widget-content{background: #ccc !important;margin-bottom: 10px;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-state-active{background: #fff !important;border: 1px solid var(--f7-theme-color) !important;}
.filterbar_bgdiv .filterbar_div .filterbar_dropdowndiv .dropdown-menu ul .filterbar_range_div .ui-state-default{background: #fff !important;border: 1px solid var(--f7-theme-color) !important;}
.filterbar_bgdiv .filterbar_div .filterbar_clear a{color: #777;font-size: 14px;}




