body, html {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
header{
    width: 100%;
    text-align: center;
    color: #393939;
    font-size: 1.8rem;
    padding:  .6rem 0 0.6rem 0;
    background: white;
    font-weight: 400;
}
.glyphicon-menu-left{
    float: left;
 }
.wrap{
    width: 100%;
    height: 100%;
    background:rgb(242,242,242) ;
    font: PingFangSC-Regular;
}
.sutdent-list-card{
    display: inline-block;
    padding:  .8rem 0 0.8rem .8rem;
    width: 100%;
    background: rgb(255,255,255);
    margin-top: .8rem;
}
.sutdent-list-card img{
    width: 4.5rem;
    height:4.5rem;
    border-radius: 50%;
    float: left;
    margin-right: .8rem;

}
.student-info{
    width: 100%;
    height: 100%;
}
.student-info span{
    width: 100%;
    color: #393939;
    font-size: 1.5rem;
    font-weight: 400;
}
.student-info .grade{
    display: block;
    color: #999999;
}
.student-info .deadline{
    color: #3399FE;
}
.bottom{
    position: absolute;
    bottom: 2rem;
    text-align: center;
    width: 100%;

}
.bottom div{

    font-size: 1.5rem;
    text-align: center;
    background: #3399FE;
    display: inline-block;
    bottom: 2rem;
    border-radius: .4rem;
    color:rgba(255,255,255,1);
    padding: .6rem 2.5rem;
}