/* #city24Nav {
    height: 0.68rem;
    position: absolute;
    padding-bottom: 0.1rem;
    overflow-x: scroll;
    overflow-y: hidden;
    list-style-type: none;
    display: flex;
} */
#city24Nav {
    height: 0.68rem;
    width: 100%;
    position: absolute;
    padding-bottom: 0.1rem;
    overflow-x: scroll;
    overflow-y: hidden;
    list-style-type: none;
    display: flex;
}
#city24Nav li {
    width: 1.5rem;
    text-align: center;
    line-height: 0.65rem;
    /* float: left; */
    font-size: 0.24rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #4A4E58;
    height: 100%;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

#city24Nav li.cur {
    color: #197FC1;
    border-bottom: 2px solid #9EDEFA;
    border-image: linear-gradient(180deg, #9EDEFA, #197FC1) 2 1;
    border-image: -webkit-linear-gradient(180deg, #9EDEFA, #197FC1) 2 1;
    border-image: -moz-linear-gradient(180deg, #9EDEFA, #197FC1) 2 1;
}
.city24List{
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    /* margin: 0.1rem 0; */
}
.city24List li{
    background-color: #fff;
}
.hrefBox{
    overflow: hidden;
    border-bottom: 1px solid #C8C8C8;
    padding: 0.2rem 0;
}
.hrefBox p{
    font-size: 0.26rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #4A4E58;
    float: left;
}
.hrefBox a{
    float: right;
}
/* #city24Nav p{
    width: 100%;
    position: absolute;
    bottom: -0.6rem;
    text-align: center;
} */
#city24Nav p {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}
.dis {
    display: none !important;
}