.mtp-modal {
    display       : flex;
    flex-direction: column;
    height        : 100%;

    &__header {
        padding      : 10px 0;
        margin       : 0 16px;
        border-bottom: 1px solid @m-black6;

        .block {
            display  : flex;
            flex-wrap: wrap;

            &-tag {
                min-width  : 80px;
                height     : 28px;
                line-height: 28px;
                background : @m-black7;
                .rounded-corners(3px);
                font-size : 14px;
                color     : @m-blue0;
                text-align: center;
                padding   : 0 15px;

                &:not(:first-child) {
                    margin-left: 10px;
                }
            }
        }
    }

    &__container {
        flex      : 1;
        overflow-y: auto;
        padding   : 20px 16px 0 16px;

        // 表单水平多列显示
        &.form-row {
            .ant-form-item {
                width: 50%;

                .ant-select,
                .ant-input-number,
                .ant-calendar-picker,
                .ant-slider,
                .clickBox {
                    width: 140px;
                }
            }
        }

        // 表单垂直单列显示
        &.form-column {
            .ant-form {
                flex-direction: column;
                flex-wrap     : nowrap;

                &-item {

                    .ant-select,
                    .ant-input-number,
                    .ant-calendar-picker,
                    .ant-slider,
                    .clickBox {
                        width: 100%;
                    }

                    .block-content {
                        width: 100%;
                    }
                }
            }
        }

        .ant-form {
            display  : flex;
            flex-wrap: wrap;

            &-item {
                color: var(--m-grey41);

                &-label {
                    width: 100px;

                    >label {
                        color: var(--m-grey1);
                    }
                }

                .block {
                    display    : flex;
                    align-items: center;
                    flex-wrap  : wrap;

                    &-content {
                        position: relative;

                        &__picker {
                            .anticon-calendar {
                                right     : 11px;
                                width     : 20px;
                                height    : 20px;
                                font-size : 20px;
                                color     : var(--m-blue15);
                                margin-top: 0;
                                transform : translateY(-50%);
                            }
                        }

                        &__suffix {
                            position : absolute;
                            right    : 11px;
                            top      : 50%;
                            transform: translateY(-50%);

                            &.svg-icon {
                                color    : var(--m-blue15) !important;
                                font-size: 20px;
                            }
                        }
                    }

                    &-after {
                        margin-left: 8px;
                    }

                    &-slider {
                        margin: 10px 0 20px 0;

                        .ant-slider {
                            &-step {
                                display: none;
                            }

                            &-rail {
                                background-color: var(--m-blue14);
                            }

                            &-track {
                                background-color: var(--m-blue0);
                            }

                            &-mark-text {
                                color: var(--m-grey41);

                                &:first-child {
                                    transform: none !important;
                                }

                                &:last-child {
                                    transform: none !important;
                                    left     : auto !important;
                                    right    : 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &__footer {
        text-align: center;
        padding   : 20px 16px;

        .ant-btn {
            width        : 120px;
            height       : 30px;
            line-height  : 30px;
            background   : linear-gradient(0deg, @m-blue2 0%, @m-blue0 100%);
            border-radius: 3px;
            color        : @m-white0;
            font-size    : 14px;
            text-align   : center;
            border       : 0;

            &:hover {
                background: linear-gradient(0deg, @m-blue0-hover 0%, @m-blue2-hover 100%);
                color     : @m-white0-hover;
            }

            &:not(:first-child) {
                background : linear-gradient(0deg, @m-grey12 0%, @m-grey13 100%);
                margin-left: 10px;

                &:hover {
                    background: linear-gradient(0deg, @m-grey12-hover 0%, @m-grey13-hover 100%);
                    color     : @m-white0-hover;
                }
            }
        }
    }
}