page {
	font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
}
text {
	white-space: pre-wrap;
	word-break: break-all;
}
ul,
li {
	list-style: none;
}

.d-flex {
	display: flex;
}

.row {
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
}

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

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

.w-50 {
	width: 50%;
}

.h-100 {
	height: 1250rpx;
}

.h-100 {
	height: 625rpx;
}

/* 字体 */
.font {
	font-size: 24rpx;
}

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

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

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

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

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

.font-big {
	font-size: 60rpx;
}

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

.font-weight-100 {
	font-weight: 100 !important;
}

.font-white {
	color: #FFFFFF;
}

/* 栅栏二 */
.span-one-half {
	width: 5%;
}

.span-one {
	width: 10%;
}

.span-two-half {
	width: 15%;
}

.span-two {
	width: 20%;
}

.span-three-half {
	width: 25%;
}

.span-three-average {
	width: 33.3%;
}

.span-four-half {
	width: 35%;
}

.span-four {
	width: 40%;
}

.span-five-half {
	width: 45%;
}

.span-five {
	width: 50%;
}

.span-six-half {
	width: 55%;
}

.span-six {
	width: 60%;
}

.span-seven-half {
	width: 65%;
}

.span-seven {
	width: 70%;
}

.span-eight-half {
	width: 75%;
}

.span-five {
	width: 80%;
}

.span-nine-half {
	width: 85%;
}

.span-five {
	width: 90%;
}

.span-ten-half {
	width: 95%;
}

.span-full {
	width: 100%;
}



.d-block {
	display: block;
}

.d-inline-block {
	display: inline-block;
}

.flex-1 {
	flex: 1;
}

/* 设置主轴方向 */
.flex-column {
	flex-direction: column;
}

/* 竖（向右） */
.flex-row {
	flex-direction: row;
}

/* 横（向左） */
.flex-wrap {
	flex-wrap: wrap;
}

/* （换行） */
.flex-nowarp {
	flex-wrap: nowarp;
}

/*（不换行）  */
/* 设置主轴上的排列方式 */
.j-start {
	justify-content: flex-start;
}

/*起点对齐  */
.j-center {
	justify-content: center;
}

/* 中间 */
.j-end {
	justify-content: flex-end;
}

/*中点对齐  */
.j-sb {
	justify-content: space-between;
}

/*两端对齐  */
.j-sa {
	justify-content: space-around;
}

/*空间一样  */
/* 设置交叉轴上的排列方式 */
.a-start {
	align-items: flex-start;
}

/* 起点 */
.a-center {
	align-items: center;
}

/* 中间 */
.a-end {
	align-items: flex-end;
}

/* 终点 */
.a-strect {
	align-items: stretch
}

/* 充满交叉轴 */

/* 外边距 */
.m-0 {
	margin: 0;
}

.m {
	margin: 5rpx;
}

.m-1 {
	margin: 10rpx;
}

.m-2 {
	margin: 20rpx;
}

.m-3 {
	margin: 30rpx;
}

.m-4 {
	margin: 40rpx;
}

.m-5 {
	margin: 50rpx;
}

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

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

.ml-three {
	margin-left: 30rpx;
}
.ml-four{
	margin-left: 40rpx;
}

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

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

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

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

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

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}

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

.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-0 {
	margin-top: 0;
	margin-bottom: 0;
}

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

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

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

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

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

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

/* 内边距 */
.p-0 {
	padding: 0;
}

.p {
	padding: 5rpx;
}

.p-1 {
	padding: 10rpx;
}

.p-two {
	padding: 20rpx;
}

.p-three {
	padding: 30rpx;
}

.p-four {
	padding: 40rpx;
}

.p-5 {
	padding: 50rpx;
}

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

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

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

.pl-two {
	padding-left: 20rpx;
}
.pl-three{
	padding-left: 30rpx;
}

.px-0 {
	padding-left: 0;
	padding-right: 0;
}

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

.px-one {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

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

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

.px-four {
	padding-left: 40rpx;
	padding-right: 40rpx;
}
.px-five-harf {
	padding-left: 45rpx;
	padding-right: 45rpx;
}

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

.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

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

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

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

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

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

.py-5 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}
.pb-two{
	padding-bottom: 20rpx;
}
.pb-four{
	padding-bottom: 40rpx;
}

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

/* 底部安全距离 */
.tabbar-secure {
	width: 100%;
	height: 100rpx;
	margin-top: 50rpx;
	/* 兼容 IOS<11.2  去除底部横条影响 */
	padding-bottom: constant(safe-area-inset-bottom) !important;
	/* 兼容 IOS>11.2   去除底部横条影响 */
	padding-bottom: env(safe-area-inset-bottom) !important;
}

.padding-secure {
	/* 兼容 IOS<11.2  去除底部横条影响 */
	padding-bottom: constant(safe-area-inset-bottom);
	/* 兼容 IOS>11.2   去除底部横条影响 */
	padding-bottom: env(safe-area-inset-bottom);
}

.text-overflow-one {
	/* 超出的文本隐藏 */
	overflow: hidden;
	/* 溢出用省略号显示 */
	text-overflow: ellipsis !important;
	/* 溢出不换行 */
	white-space: nowrap !important;
}

.text-overflow-two {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}


.text-overflow-three {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
}

.bgWhite {
	background: #FFFFFF;
}

.swiper {
	width: 100%;
	height: 372rpx;
}

.swiper-item {
	width: 100%;
	height: 100%;
}

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

.isOver {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 28rpx;
}

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

.j-se {
	justify-content: space-evenly;
}

.noData-text {
	color: #989898;
	text-align: center;
	margin: 20rpx 0;
}

.wu {
	width: 100%;
	text-align: center;
}

.wu image {
	width: 480upx;
	height: 244upx;
}

.wu view {
	font-size: 28upx;
	font-weight: 500;
	color: #9A9AA8;
}