.mui-btn{
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    color: #fff;
    outline: none;
    &.bg-primary {
        background: $primary-color;
    }
    &.bg-default {
        background: $title-color;
    }
    &.bg-assist {
        background: $assist-color;
        color: $title-color;
    }
    &.bg-disabled {
        background: $disable-color;
    }
    &.bg-linear{
        background: #fff;
        border: 1px solid $primary-color;
        color: $primary-color;
    }
    &.btn-default{
        min-width: 2.40rem;
        height: .80rem;
        // line-height: .80rem;
        padding: 0 0.1rem;
        font-size: .30rem;
    }
    &.btn-large{
        min-width: 3.0rem;
        height: .90rem;
        // line-height: .90rem;
        padding: 0 0.1rem;
        font-size: .32rem;
    }
    &.btn-small{
        padding: 0 0.2rem;
        min-width: 1.60rem;
        height: .56rem;
        // line-height: .50rem;
        font-size: .28rem;
    }
    &.btn-block{
        display: block!important;
        width: 100%;
    }
    &.disabled{
        background: $disable-color;
        cursor:not-allowed;
    }
    .btn-con{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}