#letter{
    position: absolute;
    width: .6rem;
    height: .6rem;
    line-height: .56rem;
    font-size: .32rem;
	font-family: "GothamBold","PingFangSCRegular","Microsoft YaHei",arial,SimSun,sans-serif,tahoma;
    color: #ff7e7e;
    border-radius: .06rem;
    border: 1px solid #ff7e7e;
    text-align: center;
    left: 50%;
    top: 50%;
    margin: -.3rem 0px 0px -.3rem;
    z-index: 99;
    display: none;
}
.sort_box{
    width: 100%;
    height: 100%;
    overflow: auto;
}
.sort_list{
    display: flex;
    align-items: center;
    height: .72rem;
    line-height: .72rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: .25rem;
    padding: 0 .35rem;
    cursor: pointer;
}
.sort_list .num_name {
    cursor: pointer;
}
.sort_letter{
    height: .56rem;
    line-height: .56rem;
    color: #743000;
    background-color: #f7f7f7;
    font-size: .36rem;
    font-family: "GothamBold","PingFangSCRegular","Microsoft YaHei",arial,SimSun,sans-serif,tahoma;
    padding-left: .35rem;
    margin-top: -1px;
}
.initials{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .6rem;
    text-align: center;
    font-size: .28rem;
    line-height: 1.3;
    font-family: "GothamBold","PingFangSCRegular","Microsoft YaHei",arial,SimSun,sans-serif,tahoma;
    color: #ff7e7e;
    cursor: pointer;
}
.initials li{
    cursor: pointer;
}