@charset "UTF-8";
/* 水平flex */
@mixin ctf($justtify: flex-start){
    display: flex;
    align-items: center;
    justify-content: $justtify;
}

/* 文字样式 */
@mixin flcw($size: 28upx, $height: 40upx, $color: #333, $weight: 400){
    font-size: $size;
    line-height: $height;
    color: $color;
    font-weight: $weight;
}

@mixin tHide($line: 1) {
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:$line;
}

@mixin isPd($height: 0){
    padding-bottom: $height;
    padding-bottom: calc( $height + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
    padding-bottom: calc( $height + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
}

@mixin fBot{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10upx 20upx;
    @include isPd(10upx);
}

@mixin cirBtn($color: #FF873D){
    text-align: center;
    border-radius: 56upx;
    background: $color;
    @include flcw(32upx, 92upx, #fff, 500);
}

@mixin clearBtn{
    margin: 0;
    padding: 0;
    line-height: 0;
    background-color: transparent;
    border-radius: 0;
    &::after{
        position: unset !important;
        border: unset;
    }
}

@mixin FixedLineBtn($color: #FF873D) {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 18upx;
    padding-bottom: 20upx;
    padding-bottom: calc( 20upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
    padding-bottom: calc( 20upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
    border-top: 2upx solid #D8D8D8;
    background-color: #fff;
    >view{
		margin: 0 auto;
		width: 702upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
		font-size: 32upx;
		border-radius: 44upx;
		color: #fff;
		background-color: $color;
	}
}

@mixin lineBtn($color: #FF873D){
    margin: 0 auto;
    width: 702upx;
    text-align: center;
    border-radius: 44upx;
    background-color: $color;
    @include flcw(32upx, 88upx, #fff, 500);
}

@mixin fixedMask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
}