楼层区箭头怎么不显示呢

<!--楼层区-->

    <div class="floor">

    <div class="onefloor">

    <div class="one-nav">

    <div class="navleft">

    <span>1F</span><span>服装鞋包</span>

    </div>

    <div class="navright">

    <span arrow-active>大牌</span>

    <span >|</span>

    <span>男装</span>

    <span >|</span>

    <span>女装<pan>

    </div>

    </div>

    <div class="one-box"></div>

    </div>

    </div>

</body>

</html>

/*楼层区*/

.floor{

width:1000px;

height:auto;

margin:0 auto;

}

.onefloor{

width:100%;

height:auto;

}

.one-nav{

width:100%;

height:60px;

border-bottom:1px solid red;

}

.one-nav .navleft{

height:60px;

float:left;

}

.one-nav .navleft span:first-child{

display:inline-block;

width:20px;

height:20px;

border-radius:50%;

background:black;

margin-right:15px;

    color:white;  

    font-size:12px; 

    text-align:center;

}

.one-nav .navleft span:last-child{

font-size:20px;

line-height:60px;

font-weight:bold;

}

.one-nav .navright{

height:60px;

float:right;

margin-right:10px;

line-height:60px;

text-align:center;

}

.one-nav .navright span:nth-child(2n+1){

display:inline-block;

width:40px;

height:60px;

margin:0 5px;

}

.arrow-active{

    background:url(../素材/floor-arrow.png) no-repeat bottom;

}

.one-box{

width:100%;

height:400px;

}

在右边的当前的span里（大牌）添加了一个arrow-active的类，设置了箭头背景图和bottom定位，怎么不显示呢，放在其他盒子会显示。。。。