body,html,*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "微软雅黑";
    font-size: 14px;
}
body,html{
    background: #eff1f3;
    width: 100%;
    height: 100%;
}
#app{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.gotoFinal{
    width: 50%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: rgb(50,150,250);
    border-radius: .1rem;
    color: #FFF;
    position: relative;
    margin: 40% auto;
}
.selectLogin{
    padding: .25rem;
}
.selectLogin .linkBtn{
    width: 3.5rem;
    height: .64rem;
    float: left;
    background: rgb(50,150,250);
    border-radius: .1rem;
    line-height: .64rem;
    text-align: center;
    color: #ffffff;
    font-size: .3rem;
}
.selectLogin a:first-child .linkBtn{
    border-radius: .1rem 0 0 .1rem;
}
.selectLogin a:last-child .linkBtn{
    border-radius: 0 .1rem .1rem 0;
}
.selectLogin .no .linkBtn{
    background: rgb(255,255,255);
    color: #444;
}
.authList{
    flex: 1;
    padding: 0 .25rem .2rem .25rem;
    overflow: auto;
}
.flexbox{
    flex: 1;
    padding: 0 .25rem .2rem .25rem;
    overflow: auto;
}
.authlbox{
    width: 100%;
    height: 1.6rem;
    background: #FFF;
    border-radius: .2rem;
    margin-bottom: .3rem;
    padding: .3rem .2rem;
}
.authlbox .authdot{
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 50%;
    overflow: hidden;   
}
.authlbox .authinfo{
    overflow: hidden;
    padding-left: .2rem;
}
.authlbox .authname{
    font-size: .32rem;
    color: #444;
    font-weight: bold;
    line-height: .5rem;
}
.authlbox .authname span{
    margin-left: .2rem;
}
.authlbox .authname .sx{
    background: #33a5ff;
    font-weight: normal;
    color: #FFF;
    font-size: .24rem;
    line-height: .4rem;
    border-radius: .2rem;
    padding: .05rem .2rem;
}
.authlbox .authname .js{
    background: #ff7b12;
    font-weight: normal;
    color: #FFF;
    font-size: .24rem;
    line-height: .4rem;
    border-radius: .2rem;
    padding: .05rem .2rem;
}
.authlbox .authSchool{
    line-height: .5rem;
    color: #999;
    font-size: .24rem;
}

.authlbox .authdot.boy{
    background: url(boyimg.png) no-repeat center;
    background-size: 100% 100%;
}
.authlbox .authdot.girl{
    background: url(girlimg.png) no-repeat center;
    background-size: 100% 100%;
}
.teacherbox{
    width: 100%;
    height: 1.6rem;
    background: #FFF;
    border-radius: .2rem;
    margin-bottom: .3rem;
    padding: .3rem .2rem;
}
.teacherbox .teacherdot{
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 50%;
    overflow: hidden;   
}
.teacherbox .teacherinfo{
    overflow: hidden;
    padding-left: .25rem;
}
.teacherbox .teachername{
    line-height: 1rem;
    font-size: .3rem;
}
.teacherbox .studentname{
    line-height: .5rem;
    font-size: .3rem;
}
.teacherbox .studentClass{
    line-height: .5rem;
    font-size: .24rem;
    color: #666;
}
.teacherbox .teacherdot.boy{
    background: url(boyimg.png) no-repeat center;
    background-size: 100% 100%;
}
.teacherbox .teacherdot.girl{
    background: url(girlimg.png) no-repeat center;
    background-size: 100% 100%;
}
.schoolList{
    flex: 1;
    padding: .2rem .25rem .2rem .25rem;
    overflow: auto;
}
.schoolbox{
    width: 100%;
    background: #fcfcfd;
    border-radius: .2rem;
    height: 1.3rem;
    padding: .2rem;
    margin-bottom: .2rem;
    line-height: .9rem;
    font-size: .3rem;
    font-weight: bold;
    position: relative;
}
.schoolbox:after{
    content: '\20';
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .45rem;
    right: .3rem;
    background: url(arrowright.png) no-repeat center;
    background-size: auto 80%;
}
.schoolbox .schooldot{
    width: .9rem;
    height: .9rem;
    border-radius: .45rem;
    overflow: hidden;
    margin-left: .2rem;
    background: url(school.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
}
.schoolbox .schoolname{
    height: .9rem;
    line-height: .9rem;
    padding-left: .2rem;
    color: #444;
    overflow: hidden;
}
.teacherList{
}
.teachIptBox{
    padding-top: .2rem;
    width: 100%;
    background: #f2f2f2;
    float: left;
    position: relative;
}
.teachIptBox .cancel{
    float: right;
    font-size: .26rem;
    width: 20%;
    text-align: center;
    color: #33a5ff;
    line-height: .6rem;
}
.teacherIpt{
    border-radius: .3rem;
    border: 1px solid #efefef;
    width: 80%;
    height: .6rem;
    padding: 0 10px;
    position: relative;
    outline: none;
    text-indent: .6rem;
}
.teachIptBox::after{
    content: '\20';
    width: .4rem;
    height: .4rem;
    background: url(zoomdot.png) no-repeat center;
    background-size: 80% auto;
    position: absolute;
    top: .3rem;
    left: .2rem;
    z-index: 2;
}
.schoolSearch .teachIptBox:after{
    top: .1rem;
}
.filterBox{
    padding-top: .2rem;
    width: 100%;
    background: #f2f2f2;
    float: left;
    position: relative;
}
.filterBox .studentFilter{
    font-size: .3rem;
    color: #666;
    float: left;
    line-height: .6rem;
    position: relative;
}
.filterBox .studentFilter em{
    position: absolute;
    top: .25rem;
    right: -.3rem;
    float: left;
    width: 0; 
    height: 0;
    border-width: .1rem;
    border-style: solid;
    border-color:#444 transparent transparent transparent;
}
.filterBox .cancel,.filterBox .searchDo{
    float: right;
    font-size: .26rem;
    padding: 0 .2rem;
    text-align: center;
    color: #33a5ff;
    line-height: .6rem;
}

.studentIpt{
    border-radius: .3rem;
    border: 1px solid #efefef;
    width: 40%;
    height: .6rem;
    padding: 0 10px;
    position: relative;
    outline: none;
    text-indent: .2rem;
    float: right;
}
.selectNjBj{
    width: 100%;
    height: 6rem;
    background: #FFF;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    border-radius: .4rem .4rem 0 0;
    display: flex;
    flex-direction: column;
    display: none;
}
.selectNjBj .layerHead{
    height: .8rem;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}
.selectNjBj .layerHead .cancel{
    position: absolute;
    width: 1rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .26rem;
    top: 0;
    left: 0;
    color: #999;
}
.selectNjBj .layerHead .confirm{
    position: absolute;
    width: 1rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .26rem;
    top: 0;
    right: 0;
    color: #33a5ff;
}
.selectNjBj .layerHead .title{
    position: absolute;
    width: 50%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    top: 0;
    left: 25%;
    color: #333;
    font-size: .3rem;
    font-weight: bold;
}
.selectNjBj .selectTips{
    position: relative;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .2rem;
}
.selectList{
    flex: 1;
    height: 4.2rem;
    overflow: auto;
}
.NjBox{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .3rem;
    padding-left: .5rem;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}
.NjBox:after{
    content: '\20';
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: .25rem;
    right: .3rem;
    background: url(arrowright.png) no-repeat center;
    background-size: auto 80%;
}
.BjBox{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .3rem;
    padding-left: .5rem;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}



.v2mobile{
	 float: right;
     width: 1.5rem;   
     background: rgb(50,150,250);
     border-radius: 0.1rem;   
     text-align: center;
     color: #ffffff;
     font-size: .3rem;
	 height: 1rem;
	 line-height: 1rem;
	}



.mask{width:100%; height:100%;top:0;left:0;position:fixed;z-index:500;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;display: none;}