@import './_minxin.scss';
.flex{
    display: flex;
}
.flex-wrap{
    display: flex;
    flex-flow: wrap;
}
.flex-align-start{
    display: flex;
    align-items: flex-start;
}
.flex-align-center{
    display: flex;
    align-items: center;
}
.flex-align-end{
    display: flex;
    align-items: flex-end;
}
.flex-justify-start{
    display: flex;
    justify-content: flex-start;
}
.flex-justify-center{
    display: flex;
    justify-content: center;
}
.flex-justify-end{
    display: flex;
    justify-content: flex-end;
}
.flex-align-end-start{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.flex-align-end-center{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.flex-align-end-end{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-center-justify-end{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.flex-between{
    display: flex;
    justify-content: space-between;
}
.flex-center-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-column {
    display: flex;
    flex-flow: column;
}
.flex-column-align-center {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.flex-column-justify-center {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.flex-column-center {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.flex-column-between {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.flex-column-center-between {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.cty-clearfix::after {
    display: block;
    clear: both;
    content: ""
}
.cty-ellipsis[class] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal;
}
.cty-ellipsis2[class] {
    @include moreline-ellipsis(2);
}
.cty-ellipsis3[class] {
    @include moreline-ellipsis(3);
}
.cty-ellipsis4[class] {
    @include moreline-ellipsis(4);
}
.plt-hybrid {
    // 兼容苹果底部横线
    .safe-area-bottom-border {
        box-sizing: content-box;
        border-bottom: var(--ion-safe-area-bottom, 0) solid var(--cty-color-white);
    }
    .safe-area-bottom-border-color {
        box-sizing: content-box;
        border-bottom: var(--ion-safe-area-bottom, 0) solid currentColor;
    }
    .safe-area-bottom-padding {
        padding-bottom: var(--ion-safe-area-bottom, 0);
    }
}
ion-button{
    --background-activated: transparent;
    --background-focused: transparent;
    --background-hover: transparent;
}


/*级联选择器样式*/
.sc-ion-picker-ios-h {
    --ion-color-primary: var(--cty-color-primary);
    --border-color: var(--cty-border-color-extra-light);
    --backdrop-opacity: 0.5;

    .picker-opt {
        font-size: var(--cty-font-size-medium);
        color:  var(--cty-text-color-primary);
    }
    .picker-wrapper {
        border-radius: 10px 10px 0 0;
    }
    .picker-toolbar {
        border-bottom: 0;
    }
    .picker-toolbar-cancel {
        .picker-button {
        color: var(--cty-text-color-secondary);
        }
    }
    .picker-button{
        font-size: var(--cty-font-size-base);
        font-weight: normal !important;
    }
}
// color
.wht-c{
    color: var(--cty-color-white);
}
.blk-c{
    color: var(--cty-color-black);
}
.lgt-c{
    color: var(--cty-color-light);
}
.dark-c{
    color: var(--cty-color-dark);
}
.mdu-c{
    color: var(--cty-color-medium);
}
.pmy-c{
    color: var(--cty-color-primary);
}
.scd-c{
    color: var(--cty-color-secondary);
}
.tty-c{
    color: var(--cty-color-tertiary);
}
.suc-c{
    color: var(--cty-color-success);
}
.warn-c{
    color: var(--cty-color-warning);
}
.dngr-c{
    color: var(--cty-color-danger);
}
// background
.wht-bg{
    background: var(--cty-color-white);
}
.blk-bg{
    background: var(--cty-color-black);
}
.lgt-bg{
    background: var(--cty-color-light);
}
.dark-bg{
    background: var(--cty-color-dark);
}
.mdu-bg{
    background: var(--cty-color-medium);
}
.pmy-bg{
    background: var(--cty-color-primary);
}
.scd-bg{
    background: var(--cty-color-secondary);
}
.tty-bg{
    background: var(--cty-color-tertiary);
}
.suc-bg{
    background: var(--cty-color-success);
}
.warn-bg{
    background: var(--cty-color-warning);
}
.dngr-bg{
    background: var(--cty-color-danger);
}