.filter-bg{ width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: #000; opacity: 0.4; filter: alpha(opacity=40); display: none; }

/*课程条件筛选--start*/
.filter-nav{ font-size:1em; height: 2.8em; position: relative; z-index: 3; background: #fff; border-bottom:solid 1px #eee; }
.filter-nav a{ height:2.8em; line-height:2.8em; border-left: 1px solid #eee; color: #666; display: block; float: left; margin-left: -1px;text-align: center; width: 50%; }
.filter-nav a span{ display: inline-block; position: relative; padding-right: 22px;  text-overflow: ellipsis; white-space: nowrap; max-width: 80%; overflow: hidden; }
.filter-nav a span b{ position: absolute; right: 0; top:1.2em; display: block; width: .9em; height:.6em;background:url(https://res.51eduu.com/images/icon_m.png) no-repeat; background-size:6.25em auto; background-position:-1.95em -1.25em!important; }
.filter-nav a.now{ color: #1184e1; }/*点击按钮后的文字颜色*/
.filter-nav a.now span b{ background-position:-4.125em -1.25em!important; }/*点击按钮后图标*/
/*课程条件筛选--end*/

/*地区条件*/ /*先去掉overflow：hidden，看是否可以解决隐藏确定按钮的问题*/
.filter-list{ background: #fff; padding-bottom:1.875em; position: relative; display: none; z-index: 3; }
.filter-list div.close{ position: absolute; bottom: 0; left: 0; background: #fff; display: block; width: 100%; height:1.875em; }
.filter-list div.close > span{ position: absolute; left: 50%; top: 50%; margin: -.5em 0 0 -.625em; display: block; width:1.25em; height:1em; background:url(https://res.51eduu.com/images/icon_m.png) no-repeat -5.2em -15.875em; background-size:6.25em auto;}
.filter-list .lev1-box{ width: 100%; overflow-y: auto; }
.filter-list .lev1-box > li{ border-top: 1px solid #eee; height:2.8em; line-height:2.8em; padding-left:.625em; background: #fff; }
.filter-list .lev1-box > li:first-child{ border: none; }
.filter-list .lev1-box > li.now{ border-left: 2px solid #1184e1; padding-left:.875em; background: #fff; }
.filter-list .lev1-box > li > a{ position: relative; display: block; width: 100%; font-size:1em; color: #333; }
.filter-list .show-list > li > a{ color: #999; }
.filter-list .show-list > li{ background: #f9f9f9; }
.filter-list .lev1-box > li.now > a{ color: #1184e1; }
.filter-list .lev1-box > li > a > i{ display: block; position: absolute; width:1.3em; height:1.28em; right:0; top: 50%; margin-top:-.4em; background:url(https://res.51eduu.com/images/icon_m.png) no-repeat; background-size:6.25em auto; background-position:0 -1.25em; }
.filter-list .lev1-box > li.now > a > i{background:url(https://res.51eduu.com/images/icon_m.png) no-repeat -6.5em -1.4em; background-size:8em auto; width:1.4em; height:1.28em; margin-top:-.6em; right:.5em; }
.filter-list .lev1-box > li .lev2-box{ background: #fff; position: absolute; top: 0; left: 30%; width: 70%; z-index: 1; display: none; }
.filter-list .lev1-box > li .lev2-box > li{ height:2.875em; line-height:2.875em; padding-left:.625em; }
.filter-list .lev1-box > li .lev2-box > li > a{ position: relative; display: block; height:2.8em; border-bottom: 1px solid #eee; font-size: 1em; color: #333; }
.filter-list .lev1-box > li .show-list > li{ background: #fff; }
.filter-list .lev1-box > li .show-list > li.now{ padding-right: 50%; }
.filter-list .lev1-box > li .show-list > li > a{ color: #999; }
.filter-list .lev1-box > li .lev2-box > li.now > a{ color: #1184e1; background: #fff; padding-right: 1.25em; position: relative; z-index: 2; top: 0; right: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.filter-list .lev1-box > li .lev2-box > li > a > i{ display: block; position: absolute; width:1.3em; height:1.28em; right: 0; top: 50%; margin-top: -.4em; background:url(https://res.51eduu.com/images/icon_m.png) no-repeat; background-size:6.25em auto; background-position:0 -1.25em;  }
.pop1-cont .lev1-box > li .lev2-box > li > a > i{ background-position:0 3em; }
.filter-list .lev1-box > li .lev2-box > li.now a > i{background:url(https://res.51eduu.com/images/icon_m.png) no-repeat -6.5em -1.4em; background-size:8em auto; width:1.4em; height:1.28em; margin-top:-.6em; right:.5em; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box{ background: #fff; position: absolute; top: 0; left: 50%; width: 50%; z-index: 3; border-left: 1px solid #eee; display: none; margin-left: -1px; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li{ height: auto; padding-left:.625em; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li > a{ line-height:1.25em; position: relative; display: block; border-bottom: 1px solid #eee; padding:.75em 0 .8125em 0; font-size:1em; color: #333; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li:last-child > a{ border: none; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li.now > a{ color: #1184e1; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li > a > i{ display: block; position: absolute; width:1.3em; height:1.28em; right: 0; top: 50%; margin-top: -.4em; background:url(https://res.51eduu.com/images/icon_m.png) no-repeat; background-size:6.25em auto; background-position:0 3em; }
.filter-list .lev1-box > li .lev2-box > li .lev3-box > li.now > a > i{ background:url(https://res.51eduu.com/images/icon_m.png) no-repeat -6.5em -1.4em; background-size:8em auto; width:1.4em; height:1.28em; margin-top:-.6em; right:.5em; }