/*每个页面公共css */
page {
	font-family: -apple-system, PingFang SC;
	font-size: 28rpx;
	color: $text-color;
  line-height: 1.5;
	background-color: $bg-color-grey;

	.mx-font,
	.iconfont {
		font-size: inherit;
		color: inherit;
	}

	.sticky-ele {
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		z-index: 9;
	}

	.bottom-safe-area {
		width: 100%;
		height: 0;
		height: constant(safe-area-inset-bottom);
		height: env(safe-area-inset-bottom);
	}
  .uni-noticebar{
    margin-bottom: 0;
  }
}

[v-cloak] {
	display: none;
}

view,
text,
image,
swiper,
navigator,
swiper-item,
scroll-view,
button,
label,
input,
textarea {
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: inherit;
	box-sizing: border-box;
}
 *{
	padding: 0;
	margin: 0;
}
ul,li{ padding:0;margin:0;list-style:none}
a {text-decoration:none;color: black;}

image {
	will-change: transform;
	display: block;
}

button {
	border-radius: 0;

	&::before,
	&::after {
		display: none;
	}
}

::-webkit-scrollbar {
	display: none;
}

.fill-page {
	width: 100vw;
	height: 100vh;

	.loading-img {
		width: 48rpx;
		height: 48rpx;
	}
}

.main-color {
	color: $text-color-main;
}

.gap {
	width: 100%;
	height: 16rpx;
	background-color: $bg-color-grey;
}

.footer-area-btns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 30rpx;
	width: 100%;
	height: 100rpx;

	.btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 88rpx;
		font-size: 30rpx;
		color: $color-white;
		border-radius: 44rpx;
		background-color: $bg-color-main;

		&:active {
			opacity: .8;
		}

		&.multi {
			margin-left: 20rpx;
			width: 160rpx;
			height: 72rpx;
			font-size: 28rpx;
			border-radius: 36rpx;

			&.large {
				width: 180rpx;
			}
		}

		&.grey {
			color: $color-main;
			border: 2rpx solid $color-main;
			background-color: $bg-color;
		}
	}
}

.flex {
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flex;
	display: flex;
}

.flex-1{
	flex: 1;
}

.justify-content-center {
	-webkit-justify-content: center;
	justify-content: center;
	-moz-box-pack: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	box-pack: center;
}

.justify-content-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-moz-justify-content: space-between;
}

.justify-content-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	-moz-justify-content: space-around;
}

.justify-content-evenly {
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
	-ms-justify-content: space-evenly;
	-o-justify-content: space-evenly;
	-moz-justify-content: space-evenly;
}

.justify-content-start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	-moz-justify-content: flex-start;
}

.justify-content-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	-moz-justify-content: flex-end;
}


.align-items-center {
	align-items: center;
	-webkit-align-items: center;
	box-align: center;
	-moz-box-align: center;
	-ms-align-items: center;
	-o-align-items: center;
	-webkit-box-align: center;
}

.align-items-start {
	-ms-flex-align: start;
	align-items: flex-start;
}

.align-items-end {
	-ms-flex-align: end;
	align-items: flex-end;
}

.align-items-baseline {
	align-items: baseline;
	-ms-flex-align: baseline;
}

.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.wrap {
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@for $i from 1 to 5 {
	.ellipsis-#{$i} {
		display: -webkit-box;
		/* autoprefixer: ignore next */
		-webkit-box-orient: vertical;
		-webkit-line-clamp: #{$i};
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

/* //字体相关 */
.font-500 {
	font-weight: 500;
}

.font-600 {
	font-weight: 600;
}

.font-size-20 {
	font-size: 20rpx;
}

.font-size-22 {
	font-size: 22rpx;
}

.font-size-24 {
	font-size: 24rpx;
}

.font-size-26 {
	font-size: 26rpx;
}

.font-size-28 {
	font-size: 28rpx;
}

.font-size-30 {
	font-size: 30rpx;
}

.font-size-32 {
	font-size: 32rpx;
}
.font-size-34 {
	font-size: 34rpx;
}

.font-size-36 {
	font-size: 36rpx;
}
.font-size-38 {
	font-size: 38rpx;
}

.font-size-40 {
	font-size: 40rpx;
}
.font-size-42 {
	font-size: 42rpx;
}
.font-size-46 {
	font-size: 46rpx;
}
.font-size-64 {
	font-size: 64rpx;
}

.standard-grey{
	color:#B3B3B3;
}
.grey{
	color:#999;
}
.drakgrey{
	color:#666;
}
.red{
	color:$color-red;
}
.blue{
	color:#007bff;
}
.black{
	color: #333;
}
.lightgray{
	color: #BBB;
}

.line-through{
	text-decoration: line-through;
}

/* //圆角相关 */
.border-radius-8 {
	border-radius: 8rpx;
}

.border-radius-10 {
	border-radius: 10rpx;
}

.border-radius-16 {
	border-radius: 16rpx;
}

.border-radius-20 {
	border-radius: 20rpx;
}

/* //图片尺寸 */
.img-size-100 {
	width: 100rpx;
	height: 100rpx;
}

.img-size-120 {
	width: 120rpx;
	height: 120rpx;
}

.img-size-160 {
	width: 160rpx;
	height: 160rpx;
}

.img-size-180 {
	width: 180rpx;
	height: 180rpx;
}

/* #ifdef H5 */
.uni-page-head {
	border-bottom: 1px solid $border-color;
}

.publish-page .uni-scroll-view-content {
	display: flex;
}
/* #endif */