.zzjs {
    font-size: 18px
}

.sub-title {
    border-bottom: 1px solid rgba(188, 184, 181, 0.2600);
    margin: 1.6em 0 0.8em;
    padding-bottom: 1em
}

.sub-title span {
    font-size: 1.2em;
    font-weight: bold;
    color: #816E5D;
    font-family: KTXP-Kaguya-Serif-Bold;
    padding-bottom: 0.7em;
    border-bottom: 0.16em solid #B39A84
}

.currentI {
    width: 100%;
    height: auto;
    background: white;
    box-sizing: border-box;
    padding: 1.4em;
    margin-bottom: 0.8em
}

.cu-title {
    font-size: 1.1em;
    font-weight: bold;
    color: #816E5D;
    font-family: KTXP-Kaguya-Serif-Bold;
    border-left: 0.2em solid #B39A84;
    padding-left: 0.55em;
    margin-bottom: 1.4em
}

.teacher-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.teacher-item {
    width: 10%;
    min-width: 6em;
    font-size: 1em;
    font-weight: bold;
    color: #878686;
    font-family: KTXP-Kaguya-Serif-Bold;
    margin-bottom: 1.1em
}

.teacher-item a{
    color: #878686;
}

@media screen and (max-width: 768px) {
    .zzjs {
        font-size: 16px
    }
}

@media screen and (max-width: 540px) {
    .zzjs {
        font-size: 14px
    }
}

@media screen and (max-width: 500px) {
    .teacher-item {
        width: 33.3%;
        min-width: 0
    }
}