.main {
  width: 90vw;
}

.bg {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.table .grid {
  margin: 0 5px 0 5px;
  background-color: #DEE1E7;
  gap: 1px;
  border-width: 1px;
}
.table .grid div {
  padding: 10px 3px 10px 3px;
  font-size: 12px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.table .grid .table-header {
  background-color: #22386A;
  color: white;
}
.table .grid .first-col {
  background-color: #EDF2FA;
}
.table .grid .grid-content {
  background-color: white;
}

.profile {
  text-align: center;
}
.profile .title {
  width: 50%;
}
.profile span {
  display: block;
  font-size: 8pt;
  transform: scale(0.9);
}
.profile .content {
  position: relative;
  top: -20px;
}

.banner {
  height: calc(100vw * 0.58);
  background-image: url("../images/mobile-banner@4x.png");
}
.banner .btn {
  display: block;
  background-image: linear-gradient(to right, #E38832, #ECB254);
  width: calc(100vw * 0.2);
  height: calc(100vw * 0.2 * 0.25);
  color: white;
  border-radius: 25px;
  text-align: center;
  font-size: 10pt;
  position: relative;
  top: 60%;
  left: 5%;
}

.title {
  padding: 10px 0 10px 0;
}

.honor {
  height: calc(58vw);
  background-image: url("../images/mobile-honor@4x.png");
}
.honor .title {
  margin-top: 20px;
  width: 50%;
}

.witten span, .witten li {
  display: block;
  font-size: 8pt;
}
.witten .title {
  width: 50%;
}

.interview .title {
  width: 25%;
}

.book .book_pic {
  width: 13.5vw;
  height: 18.765vw;
}
.book .grid {
  width: 100%;
  background-color: #FFF;
  border: none;
}
.book .title {
  font-size: large;
  font-weight: bold;
}
.book .pic1 {
  background-image: url("../images/book1.png");
}
.book .pic2 {
  background-image: url("../images/book2.png");
}
.book .pic3 {
  background-image: url("../images/book3.png");
}
.book .pic4 {
  background-image: url("../images/book4.png");
}
.book .pic5 {
  background-image: url("../images/book5.png");
}
.book .pic6 {
  background-image: url("../images/book6.png");
}
.book .pic7 {
  width: 12.15vw;
  height: 16.8885vw;
  background-image: url("../images/book7.png");
}
.book .pic8 {
  width: 12.15vw;
  height: 16.8885vw;
  background-image: url("../images/book8.png");
}
.book .pic9 {
  width: 12.15vw;
  height: 16.8885vw;
  background-image: url("../images/book9.png");
}
.book .pic10 {
  width: 12.15vw;
  height: 16.8885vw;
  background-image: url("../images/book10.png");
}
.book .pic11 {
  background-image: url("../images/book11.png");
}
.book .pic12 {
  background-image: url("../images/book12.png");
}

.teacher {
  background-image: url("../images/mobile-teacher-bg@4x.png");
  background-position: bottom;
  height: 250px;
}
.teacher .title {
  width: 30%;
}


.teacher-cont {
    overflow: hidden;
    display: none;
  }

    .teacher-card-1{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/0222/20180222044346805.jpg");}
    .teacher-card-2{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/1103/20181103034800800.jpg");}
    .teacher-card-3{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/0222/20180222044228938.jpg");}
    .teacher-card-4{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/statics/images/public/ggx.png");}
    .teacher-card-5{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/1029/20181029125703208.jpg");}
    .teacher-card-6{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2019/0826/20190826050334994.jpg");}
    .teacher-card-7{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/1123/20181123122514394.jpg");}
    .teacher-card-8{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/1103/20181103031124344.jpg");}
    .teacher-card-9{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/0222/20180222043706759.jpg");}
    .teacher-card-10{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/1103/20181103031236986.jpg");}
    .teacher-card-11{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2020/1028/20201028021156381.png");}
    .teacher-card-12{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2018/0222/20180222043521876.jpg");}
    .teacher-card-13{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2019/0723/20190723021422512.jpg");}
    .teacher-card-14{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2020/1110/20201110114102674.jpg");}
    .teacher-card-15{background-image: url("https://hzcdn.jinkeonline.com/sh.zconline.net/uploadfile/2020/1110/20201110113644807.jpg");}
	.teacher-card-16 {
  background-image: url("../images/zpt.png");
}

.teacher-card-17 {
  background-image: url("../images/yyl.png");
}

.teacher-card-18 {
  background-image: url("../images/zyk.png");
}
	
  .teacher-name {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    font-size: small;
  }

.teacher .teacher-card {
  ---teacher-card-width: calc(100vw * 0.17);
  width: var(---teacher-card-width);
  height: calc(var(---teacher-card-width) * 1.4);
  border-width: 1px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: lightgray;
  text-align: center;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
.teacher .teacher-card .teacher-detail {
  width: 100%;
  height: 100%;
  background-color: rgba(79, 165, 235, 0.9);
  display: none;
  position: relative;
}
.teacher .teacher-card .teacher-detail-name {
  font-size: small;
  display: block;
  color: #FFF;
  width: 100%;
}
.teacher .teacher-card .teacher-detail-title {
  color: #FFF;
  font-size: large;
  display: block;
  width: 100%;
}
.teacher .teacher-card .teacher-detail-content {
  color: #FFF;
  font-size: xx-small;
  display: block;
  width: 100%;
}
.teacher nav {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 20px;
  width: 90vw;
}
.teacher nav a {
  width: 120px;
  height: 30px;
  display: block;
  background-color: #CDDFF8;
  text-align: center;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  font-size: 10pt;
  margin: 3px 3px 3px 3px;
  line-height: 30px;
}
.teacher nav a.active {
  background-color: #7EACEE;
  color: white;
}

/*# sourceMappingURL=mobile.css.map */