.trade-details {
    padding: 20px;

    .card-header {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #999;
        cursor: pointer;

        h4 {
            margin-left: 10px;
        }
    }

    .el-aside {
        min-width: 400px;
        width: auto;

        .el-card {
            ul {
                li {
                    display: flex;
                    justify-content: space-between;

                    &:not(:first-child) {
                        margin-top: 20px;
                    }

                    >span {
                        &:first-child {
                            width: 120px;
                            color: #94A0AF;
                        }

                        &:last-child {
                            flex: 1;
                            text-align: right;
                        }
                    }
                }
            }
        }
    }
}