.mtp-footer {
    display   : flex;
    height    : 280px;
    transition: height 300ms;

    &.is-hide {
        height: 36px;

        .icon-shouqi {
            transform: rotate(180deg);
        }
    }

    &__left {
        background-color: #272f36;
    }

    &__right {
        flex            : 1;
        display         : flex;
        flex-direction  : column;
        background-color: #121415;
        overflow        : hidden;
        padding-left    : 1px;

        >.container {
            flex            : 1;
            background-color: #181e22;
            overflow        : hidden;
        }

        >.mtp-tabbar {
            .select {
                margin-left: 10px;

                .ant-select-selector {
                    background-color: @m-grey6;
                    border          : none;
                    height          : 28px;
                }

                .ant-select-arrow {
                    top: 15px;
                }

                .ant-select-selection-placeholder {
                    color: @m-grey10;
                }
            }

            .icon-shouqi {
                display        : inline-flex;
                justify-content: center;
                align-items    : center;
                height         : initial;
                font-size      : 16px;
                color          : @m-grey1;
                width          : 16px;
                cursor         : pointer;
                margin         : 0 10px;

                &:hover {
                    color: @m-grey1-hover;
                }
            }
        }
    }
}