$app-main-color: #FE2C24;
	
	page {
		height: 100%;
	}
	
	.container {
		box-sizing: border-box;  /* padding border 等不增加到宽高上 */
		// box-sizing: content-box;  /* padding border 等增加到宽高上 */
	}
	
	view,
	scroll-view,
	swiper,
	button,
	input,
	textarea,
	label,
	navigator,
	image {
		box-sizing: content-box;  /* padding border 等增加到宽高上 */
	} 
	
	.flex {
		display: flex;
	}
	
	.flex-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	
	.flex-column {
		display: flex;
		flex-direction: column;
	}
	
	// 横轴
	.flex-row-around {
		display: flex;
		justify-content: space-around;
	}
	
	.flex-row-between {
	  display: flex;
	  justify-content: space-between;
	}
	
	.flex-row-center {
		display: flex;
		justify-content: center;
	}
	
	
	// 纵轴
	.flex-column-center {
		display: flex;
		align-items: center;
	}
	
	
	// 横轴 纵轴
	.flex-around-center{
	  display: flex;
	  justify-content: space-around;
	  align-items: center;
	}
	.flex-between-center{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	.flex-center-center {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	
	
	
	
	// 宽高
	@for $i from 1 through 500 {
		.w-#{$i} {
			width: $i + rpx;
		}
		.h-#{$i} {
			height: $i + rpx;
		}
		.lh-#{$i} {
			line-height: $i + rpx;
		}
		.wh-#{$i} {
			width: $i + rpx;
			height: $i + rpx;
		}
	}
	
	// 字体大小
	@for $i from 10 through 60 {
		.fs-#{$i} {
			font-size: $i + rpx;
		}
	}
	
	.fw-500 {
		font-weight: 500;
	}
	.fw-600 {
		font-weight: 600;
	}
	.fw-700 {
		font-weight: 700;
	}
	
	// 圆角
	@for $i from 8 through 500 {
		.br-#{$i} {
			border-radius: $i + rpx;
		}
	}
	
	
	// 内边距
	@for $i from 5 through 500 {
		.pad-#{$i} {
			padding: $i + rpx;
		}
		.pt-#{$i} {
			padding-top: $i + rpx;
		}
		.pr-#{$i} {
			padding-right: $i + rpx;
		}
		.pb-#{$i} {
			padding-bottom: $i + rpx;
		}
		.pl-#{$i} {
			padding-left: $i + rpx;
		}
		.ptb-#{$i} {
			padding-top: $i + rpx;
			padding-bottom: $i + rpx;
		}
		.plr-#{$i} {
			padding-left: $i + rpx;
			padding-right: $i + rpx;
		}
	}
	
	
	// 外边距
	@for $i from 5 through 500 {
		.mar-#{$i} {
			margin: $i + rpx;
		}
		.mt-#{$i} {
			margin-top: $i + rpx;
		}
		.mr-#{$i} {
			margin-right: $i + rpx;
		}
		.mb-#{$i} {
			margin-bottom: $i + rpx;
		}
		.ml-#{$i} {
			margin-left: $i + rpx;
		}
		.mtb-#{$i} {
			margin-top: $i + rpx;
			margin-bottom: $i + rpx;
		}
		.mlr-#{$i} {
			margin-left: $i + rpx;
			margin-right: $i + rpx;
		}
	}
	
	
	.center {
		text-align: center;
	}
	
	
	// 订单的主要按钮
	.main-btn {
		width: 160rpx;
		height: 72rpx;
		border-radius: 60rpx;
		text-align: center;
		line-height: 72rpx;
		color: #FFF;
		background-color: $app-main-color;
	}
	
	// 订单的次要按钮
	.minor-btn {
		width: 160rpx;
		height: 72rpx;
		border: 2rpx solid #999999;
		border-radius: 60rpx;
		text-align: center;
		line-height: 72rpx;
	}
	
	
	.bottom-box {
		box-sizing: border-box;
	}
	// 沾满全屏的按钮
	.fullscreen-btn {
		width: 100%;
		height: 94rpx;
		text-align: center;
		line-height: 94rpx;
		background-color: $app-main-color;
		border-radius: 60rpx;
		color: #FFF;
	}
	
	
	button::after {
		border: none;
	}
	
	button {
		display: block;
		line-height: normal;
		background-color: #FFF;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		font-size: 32rpx;
	}