.contract-trade-table {
    flex: 1;
    display: flex;
    flex-direction: column;

    .contract-trade-label {
        padding: 24px 12px 6px 12px;
        font-weight: 600;
        font-size: 16px;
        color: #000000;
        border-bottom: 1px solid #EAECEF;
    }

    .contract-trade-table-box {
        padding: 0 30px;
        flex: 1;

        .spread-out-table {
            display: flex;
            flex-direction: column;

            & > :first-child {
                flex: 1;
            }

        }

        .spread-out-table__mobile {

        }
    }

    .contract-trade-group {
        display: flex;
        align-items: center;
        height: 37px;
        font-weight: 600;
        font-size: 14px;

        & > * {
            cursor: pointer;
            transition: all 0.3s;
        }

        & > :nth-child(1) {
            margin-left: 12px;
        }

        & > :not(:nth-child(1)) {
            margin-left: 20px;
        }

        .group-active {
            color: #C99400;
            transition: all 0.3s;
        }
    }
}

.c-table-height {
    height: 100%;
}

// 三张表格样式
.contract-trade-table__mobile {
    padding: 0 12px !important;
    padding-top: 6px !important;

    .contract-real-table__mobile {
        min-height: 100%;
        display: flex;
        flex-direction: column;

        .table-row {
            padding-bottom: 12px;
            border-bottom: 1px solid #F0F0F0;

            .table-row-line {
                margin-top: 6px;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .table-btns {
                    & > :not(:first-child) {
                        margin-left: 12px;
                    }
                }

                .table-pairs {
                    font-weight: 400;
                    font-size: 16px;
                    color: #222222;

                    span {
                        color: #C99400;
                    }
                }

                .table-time {
                    font-weight: 400;
                    font-size: 12px;
                    color: #848E9C;

                }

                .table-direction {
                    font-weight: 400;
                    font-size: 14px;
                }

                .table-col-left {
                    width: 44%;

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

                    .table-col__line {
                        display: flex;
                        justify-content: space-between;

                        .table-col-label {
                            font-weight: 400;
                            font-size: 13px;
                            color: #848E9C;
                        }

                        .table-col-value {
                            font-weight: 400;
                            font-size: 14px;
                            color: #222222;

                        }

                        .green {
                            color: #0E9D6D;
                        }
                    }
                }
            }
        }

        .reset-t-pagination-box {
            margin-top: auto;
        }
    }
}

.hold-position-extension {
    padding: 0 12px;
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;

    & > :first-child {
        margin-right: 6px;
    }

    & > :only-child {
        margin-right: 0;
    }

    .custom-reset-t-button {
        color: #C99400 !important;
    }
}



