/** New:  地区/专长/排序  v_1.0.0  by  LQ  2020-06-29 
*/	
.ico-triangle { border: .25rem solid transparent; }
/* fil-nav */
.fil-nav { position: relative; display: flex; height: 2.2rem; background-color: #fff; }
.fil-nav li { flex: 1; line-height: 2.2rem; text-align: center;  }
.fil-nav li span { 
    display: inline-block; vertical-align: middle; max-width: 5rem; margin-top: -0.1rem;
    font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fil-nav li .ico-triangle { border-top-color: #bbb; border-bottom: none; margin-left: .3rem; }
.fil-nav li.is-this { color: #0057ff; }
.fil-nav li.is-this .ico-triangle  { border-top: none; border-bottom: .25rem solid #0057ff; }

/* popup-filtrate */
.popup-filtrate { position: fixed; top: 0; bottom: 0; z-index: 900; width: 100%; max-width: 37.5rem; }
.popup-filtrate .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-color: rgba(0,0,0, .5); }
.popup-filtrate .pop-conts { position: absolute; left: 0; top: 0; right: 0; z-index: 20; height: 80%; }
.popup-filtrate .pop-fil { position: absolute; left: 0; top: 2.2rem; right: 0; z-index: 20; height: 100%; border-top: 1px solid #e8e8e8; }
.popup-filtrate .pop-fil .type-box { height: 100%; padding-bottom: 2.2rem; overflow: hidden; position: relative; }
.popup-filtrate .pop-fil .fil-conts { height: 100%; }
.popup-filtrate .pop-fil .more { 
    position: absolute; left: 0; right: 0; bottom: 0; 
    height: 2.2rem; background-color: #fff; box-shadow: 0 -0.15rem .3rem rgba(0,0,0, .05); 
    line-height: 2.2rem; font-size: .7rem; text-align: center; 
}
.popup-filtrate .pop-fil .more .iconfont { font-size: .5rem; color: #bbb; margin-left: .4rem; }
.popup-filtrate dl { float: left; width: 100%; background-color: #fff; height: 100%; padding-top: 2.15rem; border-right: 1px solid #e8e8e8; position: relative; }
.popup-filtrate dl:last-child {  border-right: none; }
.popup-filtrate dt, .popup-filtrate dd p { height: 2.1rem; line-height: 2.1rem; border-bottom: 1px solid #e8e8e8; font-size: .7rem; text-align: center; }
.popup-filtrate dt { position: absolute; left: 0; top: 0; right: 0; height: 2.15rem; background-color: #fff; color: #999; }
.popup-filtrate dd { max-height: 100%; overflow-y: auto; }
.popup-filtrate dd p { position: relative; }
.popup-filtrate dd p .icon-tick { position: absolute; left: 60%; top: 1px; display: none; font-size: .6rem; }
.popup-filtrate dd p.is-this { color: #0057ff; font-weight: 700; }
.popup-filtrate dd p.is-this .icon-tick { display: block; }
.popup-filtrate dl.half { float: left; width: 50%; }
.popup-filtrate dl.sort { height: auto; padding-top: 0; }

/* 2022-09-21 */
.popup-filter { position: fixed; left: 0; top: 0; z-index: 300; width: 100%; height: 100%; }
.popup-filter .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .7); }
.popup-filter .pop-bar { position: absolute; left: 0; top: 0; width: 100%; height: 90vh; background-color: #f8f8f8; }
.popup-filter .pop-bar.nav-show { padding-top: 2.2rem; }
.popup-filter .fil-nav { position: absolute; left: 0; top: 0; width: 100%; }
.popup-filter .filter-box,
.popup-filter .filter-box .fil-item,
.popup-filter .list-box,
.popup-filter .list-box dl { height: 100%; box-sizing: border-box; }
.popup-filter .filter-box .fil-item.more-show { padding-bottom: 2.4rem; }
.popup-filter .filter-box .more {
    position: absolute; left: 0; bottom: 0; right: 0;
    height: 2.4rem; background: #fff; box-shadow: 0rem -0.15rem .3rem 1px rgba(0,0,0, .08);
    font-size: .7rem; line-height: 2.4rem; text-align: center;
}
.popup-filter .filter-box .more span { margin: -0.2rem .25rem 0 0; }
.popup-filter .filter-box .more .iconfont { font-size: .65rem; transform: scale(.85); margin-top: -0.1rem; }
.popup-filter .filter-box .more .ico-arrow-right {
    display: inline-block; vertical-align: middle; margin-top: -0.1rem;
    width: .4rem; height: .4rem; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: rotate(45deg);
}
.popup-filter .filter-box .more.to-left .ico-arrow-right { transform: rotate(225deg); }
.popup-filter .filter-box .more.to-left .iconfont { transform: scale(.85) rotate(180deg); margin-top: -0.2rem; }
.popup-filter .list-box { position: relative; left: 0; transition: left .2s; }
.popup-filter .list-box dl { 
    position: relative; padding-top: 2.4rem; border-right: 1px solid #eee;
    font-size: .7rem; line-height: 2.4rem; text-align: center; 
}
.popup-filter .list-box dl.half { float: left; width: 50%; }
.popup-filter .list-box dt { 
    position: absolute; left: 0; top: 0; right: 0; 
    border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8;
    background-color: #fff; color: #999; 
}
.popup-filter .list-box dd { height: 100%; overflow-y: auto; }
.popup-filter .list-box dd li { border-bottom: 1px solid #eee; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.popup-filter .list-box dd.bg-ff li { border-bottom-color: #f8f8f8; }
.popup-filter .list-box dd li.is-this { color: #0057ff; font-weight: 600; }