*{padding: 0; margin: 0; text-decoration: none; outline: none; list-style: none; font-family: "微软雅黑";}
body{ background-color:#fafafa;}
.stu_dq {
    width: 1200px;
    height: 38px;
    line-height: 38px;
    color: #5f5e5e;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    margin: 16px auto;
}
.stu_dq span {
    border-bottom: 2px #65cdb2 solid;
    display: inline-block;
    padding: 0 8px;
}
.stu_dq a {
    color: #5f5e5e;
}
.star{ overflow: hidden; float: right;}
.star div{float: left; color:#737373 ; margin-left: 15px; padding-left: 24px;}
.student{ width: 1200px; margin: 0 auto;}
.studentright{ width: 244px; border: 1px solid #65cdb2; position: relative; float: left;background-color: #fff; height: 756px; overflow-y: auto; overflow-x: hidden;}
.title{  color: #65cdb2; padding-left: 50px; cursor: pointer; display:block; background: url(../w_images/qing.png) no-repeat 15px 18px; font-size: 14px; line-height: 60px;}
.listright li{z-index: 2; background-color: #fff; position: relative; line-height: 48px; height: 48px; padding-left: 15px; font-size: 12px; color: #8c8c8c;border-top: 1px solid #d9d9d9; cursor: pointer;}
.class{ background-color: #fff; display: none; width: 434px;z-index: 1; border: 1px solid #d9d9d9; color: #8c8c8c ; position: absolute; left: 244px; top: -1px; font-size: 14px; padding: 10px 0px;}
.class span{ display: inline-block; padding: 0px 20px; line-height: 36px; height: ; cursor: pointer;}
.class span:hover{ color: #65cdb2; transition: all 0.3s;}
.lists{ width: 900px; float: right; background-color: #fff; line-height: 44px; padding:0 10px;}
.listsnav{ height: 44px; font-size: 14px; color: #737373;}
.shu{ width: 1px; height: 20px; background-color: #737373; display: inline-block; position: relative;top: 5px; margin: 0 10px;}
.listsnavr{ float: left;}
.listsnavl{ float: right; overflow: hidden;}
.listsnavl div{ float: left; margin-left: 40px; padding-right: 10px; cursor: pointer;}
.listsnavl div img{position: relative;top: 2px; left: 10px;}
.listsnavl a:hover{ color: #65cdb2 !important; }
.qypj{color: #65cdb2;}
.qypj_p {
    color: #8c8c8c;
}
.qypj_p:hover{
    color: #65cdb2 !important;
}
.studentlist{float: right; width: 920px;}
.studentlist ul{ margin-left: -18px;}
.studentlist li{ margin-left: 18px;padding-right: 10px; margin-top: 40px; float: left; background-color:#fff ; width:204px ; height: 126px; border: 1px solid #d9d9d9; border-radius: 10px; position: relative; }
.studentlist li:hover{ box-shadow: 2px 2px 5px #65cdb2; transition: all 0.3s;}
.studentlist li .img{ width: 80px; height: 80px; position: absolute; border-radius: 50%; right: 0;border: 4px solid #fff; top:-20px;}
.studentname{  color: #595959; font-size: 14px;  margin-top: 20px; margin-left: 10px;}
.studentclass{  color: #595959; font-size: 12px; margin-top: 10px; margin-left: 10px;}
.px{ display: inline-block; margin-left: 10px;margin-right: 10px;}
.shu1{float: left; width: 1px; height: 20px; background-color: #737373; display: inline-block; position: relative;}
.studentpx{ color: #595959; font-size: 12px; margin-top: 10px;overflow: hidden;}
.px img{ margin-right: 10px; position:relative ; top: 2px;}
.ninajiehead{display: inline-block; cursor: pointer; position: relative;}
.ninajiehead ul{ display: none; padding: 10px; position: absolute; left: -10px; background-color: #fff; z-index: 999;}
.ninajiehead ul li{ width: 96px; text-align:center;height: 36px; line-height: 36px; color: #8c8c8c; font-size:12px ; border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.ninajiehead ul li:hover{ color: #65cdb2; border-bottom: 1px solid #65cdb2;border-top: 1px solid #65cdb2; transition: all 0.3s; }
.ninajiehead span{ padding-left:20px;padding-right: 24px; }
.class a {
    display: inline-block;
    padding: 0px 20px;
    line-height: 36px;
    cursor: pointer;
    color: #8c8c8c;
}
.class a:hover {
 color: #65cdb2; transition: all 0.3s;
}