@media screen and (min-width:960px) {
    
.bk-nav-icon {
    width: 100%;
    height: 2.2rem;
    background-color: #B30101;
}

.bk-nav-icon>nav {
    width: 14.4rem;
    height: 2.2rem;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
}

.bk-nav-icon>nav>dl {
    width: 0.8rem;
}

.bk-nav-icon>nav>dl>dt>a {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.24rem;
    border: solid 1px #fff;
    background-color: #B30101;
    display: flex;
    align-items: center;
    justify-content: center;

}

.bk-nav-icon>nav>dl>dd {
    font-family: "siyuan-r";
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
}

}

@media screen and (max-width:960px) {

    
.bk-nav-icon {
    width: 3.75rem;
    height: 2.2rem;
    background-color: #B30101;
}

.bk-nav-icon>nav {
    width: 3.75rem;
    height: 1.9rem;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}

.bk-nav-icon>nav>dl {
    width: 0.56rem;
    height: 0.56rem;
}

.bk-nav-icon>nav>dl>dt>a {
    width: 0.56rem;
    height: 0.56rem;
    border-radius: 0.12rem;
    border: solid 1px #fff;
    background-color: #B30101;
    display: flex;
    align-items: center;
    justify-content: center;

}

.bk-nav-icon>nav>dl>dd {
    font-family: "siyuan-r";
    font-size: 0.1rem;
    color: #fff;
    text-align: center;
}

.bk-nav-icon>nav>dl>dt>a>img {
    width: 0.3rem;

}
    
}