/* grade */
.grade-eject,.Category-eject{
    position:fixed;
    top: -85%;
    width: 100%;
    height: 60%;
    z-index: 1;
    -webkit-transition-duration: 0.4s;
}
.grade-eject>ul,.Category-eject>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: 0.4s;
}
.grade-eject>ul.grade-w,.Category-eject>ul.Category-w{
    background: #ddd;
    position: absolute;
    z-index: 1;
}
.grade-eject>ul.grade-t,.Category-eject>ul.Category-t{
    background: #eee;
    position: absolute;
    z-index: 2;
    left: 100%;
}
.grade-eject>ul>li,.Category-eject>ul>li{
    line-height: 3rem;
    padding-left: 1rem;
    border-bottom: solid 1px #eee;
}
.grade-eject>ul.grade-t>li,.Category-eject>ul.Category-t>li{
    border-bottom: solid 1px #fff;
}
.grade-eject>ul.grade-s,.Category-eject>ul.Category-s{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 100%;
    list-style-type: none;
}
.grade-eject>ul.grade-s>li,.Category-eject>ul.Category-s>li{
    border-bottom: solid 1px #eee;
    margin-left: 1rem;
    padding: 0;
}
.grade-w-roll{
top:98px;
}
.grade-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    /*top: 0;*/
}
.grade-w-rolls{
top: 0rem;
}

.grade-w-rolls::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    /*top: 0;*/
}
.yun_category_on{background: rgb(238, 238, 238);}
.yun_category_ons{background: rgb(255, 255, 255);}
.zn_search{width:100%; padding:8px 0px; background:#fff;position:fixed;left:0px;top:48px; }
.zn_search_text_c{ padding:0px 15px;}
.zn_search_text{height:36px; padding-left:35px; position:relative;border:1px solid #eee; background:#f8f8f8;border-radius:3px; overflow:hidden}
.zn_search_text:after{width:18px;height:18px; background:url(../images/yun_wap_fotnav_user.png) no-repeat; background-size:100%; display:inline-block;content:''; position:absolute;left:10px;top:8px;}
.zn_search_text .zn_search_t{height:36px; line-height:36px; margin:0; padding:0;border:none; font-size:14px; background:#f8f8f8;border-radius:3px;}
.zn_searchbox{width:100%; padding:0 0 8px 0px; background:#fff;position:fixed;left:0px;top:92px; z-index:10;height: 65%; overflow: auto;}
.zn_search_two{ font-size:16px; font-weight:bold;padding:5px 15px;border-bottom:1px solid #eee; position:relative}
.zn_search_list{ padding:0 15px; }
.zn_search_three{ padding:5px 15px;border-bottom:1px solid #eee; position:relative}

.zn_notip{ padding:50px; text-align:center;color:#999}


.grade_tit{ width:100%;font-weight:bold; height:40px; line-height:40px; background:#fff;position:fixed;left:0px;top:86px; text-indent:10px; display:none}
.grade_chlose_box{width:100%; position:fixed;left:0px;bottom:0px; background:#fff; z-index:900}
.grade_chlose_box_c{ padding:10px 10px 10px 55px; position:relative}
.grade_chlose_box_wx{width:100%; overflow:hidden}
.grade_chlose_box_wx_b{width:1800px;}
.grade_chlose_box_c_name{width:40px; display:inline-block; position:absolute;left:10px;top:10px;}
.grade_chlose_box_c_name:after{width:1px;height:25px; background:#eee;content:''; display:inline-block; position:absolute;right:0px;top:0px;}
.grade_chlose_box_a{ display:inline-block; margin-left:10px; padding:2px 20px 2px 10px; background:#fff8f6;color:#ff6948;border-radius:20px; font-size:12px; position:relative}
.grade_chlose_box_a:after{width:8px;height:8px; background:url(../images/close.png) no-repeat; background-size:100%; content:""; display:inline-block; position:absolute;right:6px;top:6px;}
.grade_chlose_bth{width:100%; display:inline-block;height:44px; line-height:44px; font-size:16px;  color:#fff; text-align:center; background:#f60;}

.mui-checkbox input[type=checkbox]{top: 14px;}
.mui-checkbox input[type=checkbox]:before {font-size: 20px;}
.mui-input-row label {padding-left: 0px;}
#citythree li {width: 165px;}
#jobthree li {width: 165px;}
@media (min-device-width : 175px) and (max-device-width : 320px) and (-webkit-min-device-pixel-ratio : 2) {
.grade-eject{height:59%;}
#jobthree li{width:120px;}
#citythree li{width:120px;}
}