@mixin fontStyle($size, $color, $weight, $lineH, $align) {
    /* 
		$size 字体大小
		$color 文字颜色
		$weight 字体加粗
		$lineH  行高
		$align 对齐方式
	 */
    font-size: $size;
    color: $color;
    font-weight: $weight;
    line-height: $lineH;
    text-align: $align;
}

@mixin flexStyle($js, $al, $dir, $wrap) {
    /* 	$js justify-content
	$al align-items
	$dir flex-direction
	$wrap flex-wrap */
    display: flex;
    justify-content: $js;
    align-items: $al;
    flex-flow: $dir $wrap;
}

@mixin text-elli {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin text-elli-muti($row) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $row;
    -webkit-box-orient: vertical;
}

@mixin place($size, $color) {
    ::-webkit-input-placeholder {
        font-size: $size;
        color: $color;
    }
}

@mixin overSc($h) {
    height: $h;
    overflow: auto;
}

@mixin wh($w, $h) {
    width: $w;
    height: $h;
}

@mixin fixedPoupu() {
    position: fixed;
    inset: 0;
    background-color: rgba($color: #000, $alpha: 30%);
}