// 辅助类 
.ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}

@mixin ellipsis-multi($line: 3, $bg: #fff) {
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    max-height: $line * 1.5em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    &:before {
        background: $bg;
        content: '...';
        width: 1em;
        position: absolute;
        right: 1em;
        bottom: 0;
    }
    &:after {
        background: white;
        content: '';
        margin-top: 0.2em;
        position: absolute;
        right: 1em;
        width: 1em;
        height: 1em;
    }
}


.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

// 单个盒子pad
.single-title{
    font-size: $title-size;
    color: $title-color;
}
.single-info{
    font-size: $info-size;
    color: $info-color;
}
.single-pd {
    padding: .25rem;
}

.single-info-pd {
    padding: .15rem;
}

.single-info-le {
    padding-left: $single-info-pad;
}

.single-title {
    font-size: $title-size;
    color: $title-color;
    cursor: pointer;
}

.com-pad {
    padding-left: .30rem !important;
    padding-right: .30rem !important;
}

.com-mar {
    margin-left: .30rem;
    margin-right: .30rem;
}

//所有模块的圆角
.com-radius {
    border-radius: .05rem;
}

.com-shadow {
    box-shadow: $box-shadow;
}

// 按钮的圆角
.but-radius {
    border-radius: .05rem;
}