/*
 * @description: header css
 * @author: chenglong.wang@yoho.cn
 * @date: 2015/4/16
 */

.girl-nav {
    height: 39px;
    @include hide-text();

    ul {
        height: 100%;
        background: #c3e2ce;

        li {
            float: left;
            height: 100%;
            position: relative;
            margin: 0 12px 0 10px;
        }
    }

    @each $nav-item in home, fashion, beauty, sport {
        .nav-#{$nav-item} a {
            @include retina-sprite($nav, #{$nav-item}-black);
            margin-top: 9px;
        }
    }

    .nav-active {
        &:after {
            display: block;
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: #000;
        }
    }

}