body{
    margin: 0;
    padding: 0;
    background: #efeff4;
}

/* screening */
div.screening{
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index:4;
}
div.screening>ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: solid 1px #d3d3d3;
    overflow: hidden;
}
div.screening>ul>li{
    float: left;
    width: 24%;
    text-align: center;
    line-height: 3rem;
    border-right: solid 1px #d3d3d3;
    background: url("../images/on_1.png") no-repeat 85% center;
}
.screening ul li:last-child{border:none;}
/* area */
.area-eject{
    position:fixed;
    top: -85%;
    width: 98%;
    height: 61%;
    z-index: 2;
	padding:0 10px;
    -webkit-transition-duration: 0.4s;
}
.close-eject{
    position:fixed;
    top: -85%;
    width: 98%;
    height: 61%;
    z-index: 2;
    padding:0 10px;
    -webkit-transition-duration: 0.4s;
}
.pr-eject{
    position:fixed;
    top: -85%;
    width: 98%;
    height: 61%;
    z-index: 2;
    padding:0 10px;
    -webkit-transition-duration: 0.4s;
}

.area-eject>ul>li,.close-eject>ul>li,.pr-eject>ul>li,.Substation-eject>ul>li{
    line-height: 3rem;
    padding-left: 1rem;
    border-bottom: solid 1px #eee;
}

.area-eject>ul.area-w,.close-eject>ul.close-w{
    background: #e4f6e8;
    position: absolute;
    z-index: 1;
    width:97%;
    left:10px;
    height:250px;
   overflow:auto;
}


.area-w-roll{
top: 5.5rem;
}
.schoolcity-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    /*top: 0;*/
}
.area-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    /*height: 100%;*/
    display: block;
    background:rgba(0,0,0,0.2);
    /*top: 0;*/
}
.schoolcity-w-rolls{
top: 0rem;
}
.area-w-rolls{
top: 0rem;
}
.schoolcity-w-rolls::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    /*top: 0;*/
}
.area-w-rolls::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    /*top: 0;*/
}

/*pr-eject*/
.pr-w{
    background: #e4f6e8;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
    width:97%;
    left:10px;
}
.pr-w>li{
    border-bottom: solid 1px #eee;
    padding: 0;			    line-height: 3rem;
    padding-left: 1rem;
}
.pr-w>li a{ display:block;}
.pr-height{
    height: 60%;
}
.close-w{
    background: #ddd;
    position: absolute;
    z-index: 3;
    left: 0;
    list-style-type: none;
}
.close-w>li{
    border-bottom: solid 1px #eee;
    padding: 0;			    line-height: 3rem;
    padding-left: 1rem;
}
.close-w>li a{ display:block}
.close-height{
    height: 60%;
}

.pr-height{
    height: 60%;
}
.ov span{color:#f90;}