.grid-demo{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.grid-demo .info{
    flex: 2;
    text-align: left;
}
.grid-demo .info-detail{
    flex: 6;
}
.layui-card ul li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.layui-card ul li a .card-left{
    flex: 6;
}
.layui-card ul li a .card-right{
    flex: 2;
    text-align: right;
}
.legend {
    margin-left: 5px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 300;
    border-bottom: 1px solid #e8e8e8;
}