/********************************************
 *
 * 文件注释，说明文件名称和文件所包含内容
 * @file fastNav.less
 * @author shangwenhe
 * @create time 2015年06月15日16:04
 * @version {版本信息}  v0.0.1
 *
 * ////////////////////////////////////////
 *
 * @require
 * @describe  描述文件
 * @Modification time
 *
************************************************/

.setBg(@cl,@key){
        .@{cl} {
            background-image: url('./cars/car_@{key}.png');
        }
}

.fastNav {
    width: 100%;
    overflow: hidden;
    &-mod{
        border: 1px solid #dedede;
    }
    &-big {
        position: relative;
        @border-tran: 1px solid transparent;
        @border-de: 1px solid #dedede;
        @border-f0: 1px solid #f0f0f0;
        overflow:hidden;
        height: 71px;
        li {
            float: left;
            width: (100 / 11)*1%;
            *width: 9.05%;
            border-left: @border-tran;
            border-right: @border-tran;
            border-top: none;
            border-bottom: @border-de;
            margin: 0 -1px;
            position: relative;
            height: 70px;
            background: url('./cars/car_1.png') no-repeat center center;
            background-color: #fff;
            a{
                display: block;
                width: 100%;
                height: 40px;
                line-height: 40px;
                text-align: center;
                margin-top:15px;
                border-left:@border-f0;
                border-right:@border-f0;
                margin: 15px -1px;
                position: absolute;
                overflow:hidden;
                text-indent: -100em;
            }
            &.active{
                border-left: @border-de;
                border-right: @border-de;
                background-color: #f5f5f5;
                z-index:5;
                a{
                    border-left: @border-tran;
                    border-right: @border-tran;
                }
            }
            &.no-1 {
                border-left: @border-de;
                a {
                    border-left: @border-tran;
                }
            }
            &.no-12 {
                border-right: @border-de;
                *margin-right: -3px;
                a {
                    border-right: @border-tran;
                }
            }

        }
        .setBg(~'wxc',1);
        .setBg(~'xxc',2);
        .setBg(~'jcxc',3);
        .setBg(~'zxc',4);
        .setBg(~'dzxc',5);
        .setBg(~'hhc',6);
        .setBg(~'mpv',7);
        .setBg(~'suv',8);
        .setBg(~'pc',9);
        .setBg(~'mbc',10);
        .setBg(~'ddc',11);
        .setBg(~'pk',12);
        .setBg(~'kc',13);
        .setBg(~'kcc',14);
    }
}