.ul-descriptions {

    // TODO:使用grid实现布局

    display  : flex;
    flex-wrap: wrap;


    .item {
        display : inline-flex;
        width   : 30%;
        position: relative;
        height  : 40px;


        .label {
            width          : calc(40% - 12px);
            padding-right  : 12px;
            position       : absolute;
            height         : 100%;
            display        : flex;
            align-items    : center;
            justify-content: flex-end;
            color          : #333;
        }

        .value {
            position       : absolute;
            width          : calc(60% - 0px);
            margin-left    : calc(40% + 0px);
            display        : flex;
            align-items    : center;
            justify-content: left;
            height         : 100%;
            white-space    : break-all;
            word-break     : break-all;
            color          : #666;
        }
    }

    &.table {
        margin-left: 1px;
        margin-top : 1px;

        .item {
            border     : 1px solid #000;
            margin-left: -1px;
            margin-top : -1px;

            .label {
                position: relative;

                &::after {
                    content         : '';
                    position        : absolute;
                    right           : 0;
                    top             : 0;
                    height          : 100%;
                    width           : 1px;
                    background-color: #000;
                }
            }


            .value {
                width      : calc(60% - 10px);
                margin-left: calc(40% + 10px);
            }
        }
    }
}