.brand-top-box {
    width: 100%;
    height: 468px;
    color: $white;
    background-color: $black;
    position: relative;

    .brand-bottom {
        width: 100%;
        position: absolute;
        bottom: 20px;

        .brand-title {
            margin-left: 5%;
            font-size: 32px;
        }

        hr {
            width: 90%;
            border: $white solid 1px;
            border-top: none;
        }

        .brand-intro {
            margin-left: 5%;
            width: 90%;
            height: 60px;
            font-size: 16px;
            line-height: 32px;
            overflow : hidden;
            text-overflow: ellipsis;
        }

        .line-clamp {
            width: 82%;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }

    .expand {
        width: 60px;
        height: 60px;
        background-color: $white;
        position: absolute;
        bottom: 20px;
        right: 5%;
    }

    .collapse {
        width: 60px;
        height: 60px;
        background-color: $black;
        position: absolute;
        bottom: 20px;
        right: 5%;
        display: none;
    }
}