.leader-box {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-image: url("../images/schoolLeader/all-back.png");
  background-size: 100%;
}
/* .student-top {
	margin-top: -375px;
	position: relative;
	z-index: 1;
} */
.leader-center {
  padding: 0 8%;
}
.leader-center .leader-center-center {
  margin-top: 90px;
}
.leader-center .leader-center-center .leader-center-bottom .leader-msg-box {
  display: flex;
  border: 1px solid #e5e4e3;
  padding: 32px 46px;
  position: relative;
  background-position: -2px;
  cursor: pointer;
  margin-bottom: 33px;
  background-size: 101%;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .left {
  width: 15%;
  height: 236px;
  background: #a9a6a6;
  overflow: hidden;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .left
  img {
  width: 100%;
  height: 100%;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right {
  margin-left: 44px;
  flex: 1;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right
  .name,
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right
  .job,
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right
  .job-a,
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right
  .job-b,
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right
  .email {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #2e2e2e;
  font-family: "Microsoft Ya Hei";
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .right
  .detail-btn {
  font-size: 20px;
  letter-spacing: 1px;
  color: #2e2e2c;
  font-family: "Microsoft Ya Hei";
  background-color: #f8f5ec;
  display: inline-block;
  margin-top: 64px;
  padding: 7px 47px 7px 18px;
  background-image: url("../images/schoolLeader/leader-detail.png");
  background-repeat: no-repeat;
  background-position: 107px center;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .line-shoaw {
  width: 100%;
  height: 8px;
  background: #f5f5f5;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box
  .cai-line {
  width: 100%;
  height: 4px;
  background-image: url("../images/schoolLeader/cai-line.png");
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
  display: none;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box:hover {
  background-image: url("../images/schoolLeader/leader-msg-back.png");
  background-size: cover;
  background-size: cover;
  background-position: right -1px;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box:hover
  .detail-btn {
  background-color: #990000;
  background-image: url("../images/schoolLeader/leader-detail-change.png");
  color: #fff;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box:hover
  .cai-line {
  display: block;
}
.leader-center
  .leader-center-center
  .leader-center-bottom
  .leader-msg-box:hover
  img {
  transform: scale(1.1);
  transition: all 0.2s;
}
/* 移动端 */
@media screen and (max-width: 1000px) {
  .student-top {
    margin-top: 0;
  }
  .leader-center {
    margin-top: 1.59rem;
    padding: 0 0.18rem;
  }
  .leader-center .leader-center-center {
    margin-top: 0.5rem;
  }
  .leader-center .leader-center-center .leader-center-bottom .leader-msg-box {
    padding: 0.18rem 0.2rem;
  }
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .left {
    width: 1.74rem;
    height: 2.31rem;
  }
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right {
    margin-left: 0.28rem;
  }
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right
    .name,
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right
    .job,
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right
    .job-a,
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right
    .job-b,
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right
    .email {
    font-size: 0.25rem;
    letter-spacing: 1px;
    line-height: 0.36rem;
    color: #2e2e2e;
    font-family: "Microsoft Ya Hei";
  }
  .leader-center
    .leader-center-center
    .leader-center-bottom
    .leader-msg-box
    .right
    .detail-btn {
    font-size: 0.23rem;
    letter-spacing: 1px;
    font-family: "Microsoft Ya Hei";
    padding: 0.06rem 0.6rem 0.06rem 0.2rem;
    background-position: 1.3rem center;
    background-size: 0.34rem;
    margin-top: 0.16rem;
    position: absolute;
    bottom: 10px;
  }
}