.fangpis ul{
    margin: -0.25rem -0.25rem 0 -0.25rem;
}
.fangpis ul li{
    display: inline-block;
    padding: 0.25rem;
    width: calc(100% / 10);
    float: left;
}
.fangpis ul li div{
    background-color: #f5f5f5;
    text-align: center;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.6rem;
    border-radius: 6px;
    cursor: pointer;
}

.fangpis ul li div:hover{
    background-color: #ff5722c4;
    color: #fff;
}

.night .fangpis ul li div{
    background-color: #444444;
    color: #eee;
}
#audio{
    width: 100%;
    margin-top: 0.25rem;
    position: relative;
    display: none;
}
hr{
    border-bottom: 1px solid #eee;
}
.night hr{
    border-bottom: 1px solid #444;
}
@media screen and (max-width: 1320px){
    .fangpis ul li{
        width: calc(100% / 8);
    }
}

@media screen and (max-width: 1015px) {
    .fangpis ul li {
        width: calc(100% / 6);
    }
}

@media screen and (max-width: 540px) {
    .fangpis ul li {
        width: calc(100% / 4);
    }
}

@media screen and (max-width: 380px) {
    .fangpis ul li {
        width: calc(100% / 3);
    }
}
@media screen and (max-width: 240px) {
    .fangpis ul li {
        width: calc(100% / 2);
    }
}