.bu-slt {
    height: px2rem(138px);
    position: relative;
    display: -webkit-box;
    -webkit-box-align: center;

    // slt-分割线
    &::after {
        content: "";
        position: absolute;
        left: px2rem(30px);
        right: px2rem(30px);
        bottom: 0;
        border-bottom: 1px solid #f3f3f3;
    }

    > .bu-item {
        position: relative;
        -webkit-box-flex: 1;
        display: block;
        width: 100%;
        text-align: center;

        > .bu-tip,
        .bu-doc,
        .bu-sub {
            display: none;
        }

        .bu-holder {
            font-size: px2rem(38px);
            color: #666;
        }

        .bu-tip {
            margin-bottom: px2rem(6px);
            font-size: px2rem(24px);
            color: #ccc;
        }

        .bu-doc {
            position: relative;
            font-size: px2rem(38px);
            color: #000;

            > .bu-small {
                font-size: px2rem(20px);
            }
        }

        .bu-sub {
            @include radius(15px);

            position: absolute;
            left: 105%;
            bottom: 3px;
            display: inline-block;
            line-height: px2rem(30px);
            padding: 0 px2rem(12px);
            font-size: px2rem(20px);
            color: #ff552e;
            background: #fff7f5;
            white-space: nowrap;
        }

        &.bu-over {
            > .bu-tip,
            .bu-doc,
            .bu-sub {
                display: inline-block;
            }

            .bu-holder {
                display: none;
            }
        }

        // item-分割线
        &::after {
            content: "";
            position: absolute;
            top: px2rem(-16px);
            bottom: px2rem(-16px);
            right: 0;
            border-left: 1px solid #f3f3f3;
        }

        &:last-child {
            &::after {
                display: none;
            }
        }
    }
}