.rank-main {
    padding: (14rem / $pxConvertRem) 0 0 (30rem / $pxConvertRem);
    background: #fff;

    li {
        height: 230rem / $pxConvertRem;
        overflow: hidden;

        .item-img {
            float: left;
            width: 150rem / $pxConvertRem;
            height: 200rem / $pxConvertRem;
            padding: (14rem / $pxConvertRem) 0;
            line-height: 200rem / $pxConvertRem;
            text-align: center;

            img {
                max-width: 100%;
                max-height: 100%;
                vertical-align: middle;
            }
        }

        .item-content {
            float: left;
            width: 407rem / $pxConvertRem;
            height: 213rem / $pxConvertRem;
            margin: 0 0 0 (13rem / $pxConvertRem);
            padding: (14rem / $pxConvertRem) 0 0 (30rem / $pxConvertRem);
            border-top: 1px solid #e0e0e0;
            overflow: hidden;

            .rank-icon {
                display: block;
                height: 45rem / $pxConvertRem;
                width: 50rem / $pxConvertRem;
                line-height: 50rem / $pxConvertRem;
                text-align: center;
                font-size: 22rem / $pxConvertRem;
                color: #fff;
                background: image-url("../img/me/employ/rank.png") no-repeat;
                background-position: center top;
                background-size: auto 100%;

                &.top {
                    background: image-url("../img/me/employ/rank-t.png") no-repeat;
                    background-position: center top;
                    background-size: 100%;
                    line-height: 54rem / $pxConvertRem;
                }
            }

            h2 {
                margin: (15rem / $pxConvertRem) 0 0 !important;
                padding: 0 !important;
                width: 9.5rem;
                max-height: 72rem / $pxConvertRem;
                overflow: hidden;
                line-height: 36rem / $pxConvertRem;
                color: #444;
                font-size: 28rem / $pxConvertRem;

                &.hasActive {
                    margin: (5rem / $pxConvertRem) 0 0 !important;
                }
            }

            p {
                margin: 0 !important;
                padding: 0 !important;
                width: 9.5rem;
                line-height: 36rem / $pxConvertRem;
                font-size: 24rem / $pxConvertRem;
                color: #d0021b;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;

                b {
                    text-decoration: line-through;
                    color: #b0b0b0;
                    margin-left: 10rem / $pxConvertRem;
                }
            }
        }
    }

    li:first-child {
        .item-content {
            border: none;
        }
    }
}
.goods-nav {
    border-bottom: (2rem / $pxConvertRem) solid #e6e6e6;
    height: 67rem / $pxConvertRem;
    overflow: hidden;

    li {
        float: left;
        width: auto;
        height: 67rem / $pxConvertRem;
        line-height: 67rem / $pxConvertRem;
        width: 145rem / $pxConvertRem;
        text-align: center;
        font-size: 28rem / $pxConvertRem;

        a {
            display: inline-block;
            padding: 0 (5rem / $pxConvertRem);
            font-size: 28rem / $pxConvertRem;
            color: #999;
            height: 65rem / $pxConvertRem;
        }
    }

    li:first-child {
        margin-left: 30rem / $pxConvertRem;
    }

    li.focus {
        a {
            border-bottom: (4rem / $pxConvertRem) solid #000;
            color: #000;
        }
    }
}

.s-goods-nav {
        box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    overflow: hidden;

    li {
        margin: 0 (10rem / $pxConvertRem);
        padding:0 (15rem / $pxConvertRem);
        width: auto;
        height: 100%;
        color: #999;
        &.active{
            color: #000;
        }
        &.bgActive{
            color: #000;
            background-color:#e0e0e0;
        }
        a {
            padding: 0;
        }
    }

    li:first-child {
        margin: 0 0 0 (39rem / $pxConvertRem);
    }
}