index.scss 1.13 KB
.tabs-nav {
    width: 100%;
    height: 100px;
    padding: 0 5px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    .tab-box {
        display: inline-block;
        margin: 0 30px;
    }

    .sort-icon {
        width: 48px;
        height: 48px;
        vertical-align: middle;
    }

    .tab-item {
        font-family: PingFang-SC-Medium;
        font-size: 32px;
        color: #999;
        letter-spacing: 0;
        text-align: center;
        line-height: 96px;
        display: inline-block;

        &.actived {
            font-size: 40px;
            color: #000;
            box-sizing: border-box;
        }

        &.border {
            border-bottom: 6px solid #000;
        }
    }

    .filter-btn {
        display: flex;
        align-items: center;
        margin: 35px 40px 0;
        line-height:96rpx;

        .text {
            font-family: PingFang-SC-Regular;
            font-size: 32px;
            color: #000;
            text-align: center;
        }
    }

    .filter-icon {
        width: 40px;
        height: 40px;
    }
}