/* padding */
.px-1 {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

.px-2 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.px-3 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.px-4 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.px-5 {
	padding-left: 50rpx;
	padding-right: 50rpx;
}

.py-1 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.py-2 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.py-3 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.py-4 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.py-5 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

.p-1 {
	padding: 10rpx;
}

.p-2 {
	padding: 20rpx;
}

.p-3 {
	padding: 30rpx;
}

.p-4 {
	padding: 40rpx;
}

.p-5 {
	padding: 50rpx;
}

.pt-1 {
	padding-top: 10rpx;
}

.pt-2 {
	padding-top: 20rpx;
}

.pt-3 {
	padding-top: 30rpx;
}

.pt-4 {
	padding-top: 40rpx;
}

.pt-5 {
	padding-top: 50rpx;
}

.pb-1 {
	padding-bottom: 10rpx;
}

.pb-2 {
	padding-bottom: 20rpx;
}

.pb-3 {
	padding-bottom: 30rpx;
}

.pb-4 {
	padding-bottom: 40rpx;
}

.pb-5 {
	padding-bottom: 50rpx;
}

.pl-1 {
	padding-left: 10rpx;
}

.pl-2 {
	padding-left: 20rpx;
}

.pl-3 {
	padding-left: 30rpx;
}

.pl-4 {
	padding-left: 40rpx;
}

.pl-5 {
	padding-left: 50rpx;
}

.pr-1 {
	padding-right: 10rpx;
}

.pr-2 {
	padding-right: 20rpx;
}

.pr-3 {
	padding-right: 30rpx;
}

.pr-4 {
	padding-right: 40rpx;
}

.pr-5 {
	padding-right: 50rpx;
}

/* margin */
.mx-1 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.mx-2 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mx-3 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.mx-4 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.mx-5 {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.my-1 {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.my-2 {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.my-3 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.my-4 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.my-5 {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}

.m-1 {
	margin: 10rpx;
}

.m-2 {
	margin: 20rpx;
}

.m-3 {
	margin: 30rpx;
}

.m-4 {
	margin: 40rpx;
}

.m-5 {
	margin: 50rpx;
}

.mt-1 {
	margin-top: 10rpx;
}

.mt-2 {
	margin-top: 20rpx;
}

.mt-3 {
	margin-top: 30rpx;
}

.mt-4 {
	margin-top: 40rpx;
}

.mt-5 {
	margin-top: 50rpx;
}

.mb-1 {
	margin-bottom: 10rpx;
}

.mb-2 {
	margin-bottom: 20rpx;
}

.mb-3 {
	margin-bottom: 30rpx;
}

.mb-4 {
	margin-bottom: 40rpx;
}

.mb-5 {
	margin-bottom: 50rpx;
}

.ml-1 {
	margin-left: 10rpx;
}

.ml-2 {
	margin-left: 20rpx;
}

.ml-3 {
	margin-left: 30rpx;
}

.ml-4 {
	margin-left: 40rpx;
}

.ml-5 {
	margin-left: 50rpx;
}

.mr-1 {
	margin-right: 10rpx;
}

.mr-2 {
	margin-right: 20rpx;
}

.mr-3 {
	margin-right: 30rpx;
}

.mr-4 {
	margin-right: 40rpx;
}

.mr-5 {
	margin-right: 50rpx;
}

/* 颜色 */
.text-bai {
	color: #FFFFFF;
}

.text-bai2 {
  color: rgba(255, 255, 255, 0.65);
}

.text-gray {
	color: #9299a0;
}

.text-hui {
	color: #666;
}

.text-hui2 {
	color: #999;
}

.text-jin {
	color: #d89614;
}

.text-red {
  color: #f5222d;
}

.main-color {
	color: #d89614;
}

.bg-main {
	background-color: #d89614;
}

.bg-page {
  background-color: #f6f7f9;
}

.bg-card {
	background-color: #f7f8fa;
}

.bg-hui {
  background-color: #f0f0f0;
}

.bg-bai {
	background-color: #FFFFFF;
}

.bg-red {
  background-color: #f5222d;
}

.text-center {
	text-align: center;
}

/* 边框 */
.border-round {
	border-radius: 100%;
}

.border-bottom-divider {
	border-bottom: #EEEEEE 1rpx solid;
}

.border-bottom-ccc {
  border-bottom: #ccc 1rpx solid;
}

/* flex 布局 */
.flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}


.align-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.flex-1 {
	flex: 1;
}

.flex-0 {
  flex: 0 0 auto;
}

/* width */
.w-100 {
	width: 100%;
}

.w-1 {
	width: 10rpx;
}

.w-2 {
	width: 20rpx;
}

.w-3 {
	width: 30rpx;
}

.w-4 {
	width: 40rpx;
}

.w-5 {
	width: 50rpx;
}

.w-6 {
	width: 60rpx;
}

.w-7 {
	width: 70rpx;
}

.w-8 {
	width: 80rpx;
}

/* height */
.h-1 {
	height: 10rpx;
}

.h-2 {
	height: 20rpx;
}

.h-3 {
	height: 30rpx;
}

.h-4 {
	height: 40rpx;
}

.h-5 {
	height: 50rpx;
}

.h-6 {
	height: 60rpx;
}

.h-7 {
	height: 70rpx;
}

.h-8 {
	height: 80rpx;
}

.h-9 {
	height: 90rpx;
}

.h-10 {
	height: 100rpx;
}

.h-100 {
	height: 100%;
}

.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 16px;
}

.box-shadow {
	box-shadow: #bfb9b9 0px 4px 7px -3px;
}

.border-hui {
	border: #EEEEEE solid 0.4px;
}

.border-bai {
	border: #FFFFFF solid 1rpx;
}

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

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

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

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

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

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

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

.font-s-4 {
	font-size: 40rpx;
}

.font-s-5 {
	font-size: 50rpx;
}

.font-s-6 {
	font-size: 60rpx;
}

.btn-disabled {
	background-color: #f9e2a9;
	color: #7e7f80;
	pointer-events: none;
}

.my-icon-bgcolor-cheng{
	background: linear-gradient(to right, #ffc55c, #f8b614);
}

/* 功能 */
.f-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-1 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

.ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-all;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  word-break: break-all;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}