@media screen and (min-width:996px){
    .gp-pc-layout-pid-1b852093-341b-4467-a246-774486b15913:nth-child(1){width:260px}
    .gp-pc-layout-pid-1b852093-341b-4467-a246-774486b15913:nth-child(2){flex:1}
}
.pid-66e4bb63-078e-4cb2-970a-baf34bda6256 .gp-title4 .more{display:none}
.container{max-width:1200px;margin:0 auto}
.section-title{font-size:16px;font-weight:700;color:#444;margin:30px 0 20px}
.category-container{display:flex;margin-bottom:20px}
.category-title{width:120px;font-size:16px;color:#1377ab;font-weight:400;margin-right:20px}
.name-grid{flex:1;/*display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px*/}
.teacher-name{padding:8px 10px;background-color:#f5f5f5;border-radius:7px;font-size:16px;color:#757575;text-align:center;transition:all .3s ease;cursor:pointer}
.teacher-name.active,.teacher-name:hover{background-color:#1377ab;color:#fff;font-weight:700}
.divider{border-bottom:1px solid rgba(0,0,0,.1);margin:20px 0}
@media (max-width:768px){
    .container{padding:10px}
    .section-title{font-size:14px}
    .category-container{flex-direction:column}
    .category-title{width:100%;margin-bottom:10px}
    .name-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}
    .teacher-name{padding:6px 8px;font-size:14px}
}
.teacher-name{display:inline-block;text-decoration:none!important;width: 82px;margin: 0 8px 10px 0;}
.teacher-name:not(.active):hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(19,119,171,.15)}
.teacher-name.active{transform:translateY(0);box-shadow:0 4px 15px rgba(19,119,171,.3)!important;border:2px solid #1377ab;padding:6px 8px;background-color:#1377ab!important}
.teacher-name{transition:all .3s cubic-bezier(.25,.46,.45,.94);width: auto;}