/** New:  地区/专长/排序  线上插件修改样式  by  LQ  2020-07-21 
*/	

.mui-popup-backdrop { 
    position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; 
    -webkit-transition-duration: 400ms; transition-duration: 400ms; opacity: 0; background: rgba(0,0,0,.4); 
}
.mui-popup-backdrop.mui-active { opacity: 1; }

/* pull-down-bar3 */
.pull-down-bar3 { height: 44px; line-height: 44px; font-size: 14px; background-color: #fff; text-align: center; display: flex; }
.pull-down-bar3 span { flex: 1; }
.pull-down-bar3 span i { display: inline-block; vertical-align: middle; border: 5px solid transparent; border-top-color: #bbb; margin: 4px 0 0 5px; }
.pull-down-bar3 .pull-down-click { color: #0057ff; }
.pull-down-bar3 .pull-down-click i { border-top-color: transparent; border-bottom-color: #0057ff; margin-top: -6px; }

/* 吸顶选择 */
.pull-down-fixed { position: fixed; left: 0; top: 0; right: 0; z-index: 1002; box-shadow: 3px 0 5px rgba(0,0,0,.2); }
.pull-down-fixed .pull-down-bar3 { border-bottom: 1px solid #e8e8e8; border-bottom-width: 0.5px; }
.pull-down-list-bar { background-color: #f8f8f8; }
.slider-w-bar { position: relative; left: 0; top: 0; overflow: hidden; box-sizing: content-box; -webkit-transition: all .2s; transition: all .2s; }
.slider-w-bar .slider-r100, 
.slider-w-bar .slider-r50 { float: left; text-align: center; }
.slider-w-bar .slider-r50 .slider-title, 
.slider-w-bar .slider-r100 .slider-title, 
.slider-w-bar .slider-r50 li a, 
.slider-w-bar .slider-r100 li a, 
.paixu-list li a { display: block; height: 44px; line-height: 44px; font-size: 14px; }
.slider-w-bar .slider-r50 .slider-title,
.slider-w-bar .slider-r100 .slider-title { color: #999; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #fff; }
.slider-w-bar .slider-r50 .slider-list,
.slider-w-bar .slider-r100 .slider-list { position: relative; overflow: hidden; }
.slider-w-bar .slider-r50 .slider-list ul,
.slider-w-bar .slider-r100 .slider-list ul { position: absolute; left: 0; top: 0; width: 100%; padding-bottom: 44px; }
.slider-w-bar .slider-r100,
.slider-w-bar .slider-r50:first-child { background-color: #fff; }
.slider-w-bar .slider-r50 li,
.slider-w-bar .slider-r100 li { height: 44px; text-align: center; border-bottom: 1px solid #e8e8e8; }
.slider-w-bar .slider-r50 li.slider-list-click a,
.slider-w-bar .slider-r100 li.slider-list-click a { color: #0057ff; /*border:1px solid #dae6f6;*/ }
.slider-w-bar .slider-r50:nth-child(1n) .slider-list,
.slider-w-bar .slider-r50:nth-child(2) .slider-list { border-right: 1px solid #e8e8e8; }
.child-list .slider-r50 li.slider-list-click a,
.child-list .slider-r100 li.slider-list-click a { color: #0057ff; }
.pull-down-item .select-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -43px;
    z-index: 5;
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    text-align: center;
    box-shadow: 0 -1px 3px rgba(0,0,0,.1);
}
.pull-down-item .select-btn .icon-back { 
    display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; 
    width: 6px; height: 6px; border-top: 2px solid #bbb; border-right: 2px solid #bbb; transform: rotate(45deg); 
}
.pull-down-item .select-btn.select-btn-back .icon-back { transform: rotate(225deg); }
.pull-down-list-bar .mui-pull-loading { position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; z-index: 10; }

/*额外新增的样式*/ 
.pull-down-item.not-has-qu-xian { padding-bottom: 0px; }
.height100{ height: 72vh;position: relative;}
.down-back-black-div {position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: -1;}