/*.pid-a3532e9a-68de-4770-832b-8ed21db50597{position:absolute;top:0;left:0%;z-index:2;width:100%;}*/
@media screen and (max-width: 996px){
/*.pid-a3532e9a-68de-4770-832b-8ed21db50597{position:relative;left:initial;}*/
/*.gp-header9{position:relative;top:0;background:#0f4588;}*/
}






.pid-23d6a1ef-defc-42c9-b9c6-7ddad5346542{}
.pid-23d6a1ef-defc-42c9-b9c6-7ddad5346542{position:relative;}
.pid-23d6a1ef-defc-42c9-b9c6-7ddad5346542::before{
content:"";display:block;width:100%;height:30%;position:absolute;left:0;top:0;z-index: 1;
background:rgba(0,0,0,0);
background:-moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background:-webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background:-ms-linear-gradient(top right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background:linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); 
}

.pid-ca1e165a-6cb9-4310-acbc-937dfad61df0{}
.gp-pagelist59 .block-list59 li a span{padding-left:30px;}
.gp-pagelist59 .block-list59 li a span::before{
content:"";display:block;width:20px;height:25px;background:url("../images/9c4723f9ccd84b6a93a99b98b58a1fbd.png") no-repeat;background-size:cover;position:absolute;left:0;top:50%;margin-top:-12.5px;
}

/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*    font-family: "Microsoft YaHei", sans-serif;*/
/*}*/

.search-wrapper {
    width: 100%;
    padding: 20px 15px;
    background: #f5f5f5;
}

.search-title {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    margin-bottom: 15px;
}

.filter-group {
    margin-bottom: 15px;
}

.filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
    padding-right: 52px; /* 为右侧箭头留出空间 */
}
.filter-buttons.close{height: 44px;overflow: hidden;}

.filter-button {
    height: 44px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

.filter-buttons.letter .filter-button {
    width: 44px;
}

.filter-button:nth-child(1),.letter.filter-buttons .filter-button:nth-child(1) {
    width: auto;
}

/* 有对应数据的按钮以实色表示 */
.filter-button.has-data {
    /*border-color: #0f4588;*/
    /*color: #0f4588;*/
    border-color: #e5e5e5;
    color: #757575;
}

/* 主色与交互色统一为#0f4588 */
.filter-button:hover,
.filter-button.active {
    color: white;
    background: #0f4588;
    border-color: #0f4588;
}

.toggle-arrow {
    width: 44px;
    height: 44px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 16px;
    color: #757575;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}

.toggle-arrow:hover {
    color: white;
    background: #0f4588;
    border-color: #0f4588;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .search-wrapper {
        padding: 15px 10px;
    }

    .search-title {
        font-size: 14px;
    }

    .filter-buttons.close{height: 36px;}
    
    .filter-button {
        height: 36px;
        font-size: 14px;
    }

    .filter-button.letter {
        width: 36px;
    }

    .toggle-arrow {
        height: 36px;
        width: 36px;
        font-size: 14px;
    }

    .filter-buttons {
        padding-right: 44px;
    }
}

.teacher-list {
    padding: 15px;
}

.teacher-item {
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 4px;
}
.pid-d130a183-15df-42b7-8e7e-49b939356c2f{}