// 全局样式
page {
	background: #EFF1F4;
}

image {
	height: 0;
}

.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}

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

.b-title {
	font-size: 32rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
}

// 主题
.text-primary {
	color: #FF8B56;
}

// swiper
.guide {
	.uni-swiper-dot {
		width: 40rpx;
		height: 8rpx;
		border-radius: 0;
	}
}

.gold-dot {
	.uni-swiper-dot {
		width: 36rpx;
		height: 8rpx;
		border-radius: 0;
		margin-right: 0 !important;
		background: #E8E8E8;
	}

	.uni-swiper-dot-active {
		background: #EEBC80;
	}
}

.white-dot {
	.uni-swiper-dot {
		width: 36rpx;
		height: 8rpx;
		border-radius: 0;
		margin-right: 0 !important;
		background: rgba(255,255,255,0.3);
	}

	.uni-swiper-dot-active {
		background: rgba(255,255,255,1);
	}
}


// 覆盖样式
.home {
	.list {
		.u-grid-item-box {
			padding: 20rpx 0 !important;
		}
	}
}

.pop-coupon {
	.u-drawer-bottom {
		background-color: #EFF1F4 !important;
	}
}

.gold-tab {
	.u-tab-bar {
		background: linear-gradient(270deg, rgba(255, 215, 166, 1) 0%, rgba(225, 165, 94, 1) 100%) !important;
	}
}

.pure-switch {
	background: #E8E8E8 !important;
	border: 1px solid #E8E8E8 !important;

	&.u-switch--on {
		background: #34D3CC !important;
	}

	.u-switch__node {
		box-shadow: none !important;
	}
}

// 服务案例
.service {
	.block {
		width: 750rpx;
		padding: 24rpx 40rpx;
		background: rgba(255, 255, 255, 1);
		
		.title {
			font-size:30rpx;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:800;
			color:rgba(51,51,51,1);
			line-height:40rpx;
			letter-spacing: 2rpx;
		}
		
		.tag {
			margin: 16rpx 16rpx 16rpx 0;
		}
		
		.price {
			font-size:32rpx;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(255,139,86,1);
			line-height:45rpx;
		}
	}

	.block-title {
		font-size: 30rpx;
		margin-bottom: 24rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 800;
		color: rgba(51, 51, 51, 1);
		line-height: 40rpx;
		letter-spacing: 2rpx;
		position: relative;

		&::before {
			content: '';
			width: 24rpx;
			height: 8rpx;
			background: rgba(238, 188, 128, 1);
			position: absolute;
			top: 50%;
			left: -16rpx;
			transform: translate(-100%, -50%);
		}
	}

	.block-content {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
		line-height: 36rpx;
		letter-spacing: 1px;
	}
}

// 登录注册
.login {
	.title {
		width: 560rpx;
		margin: 0 auto;
		font-size: 50rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: rgba(51, 51, 51, 1);
		letter-spacing: 2rpx;
	}

	.form {
		width: 600rpx;
		margin: 0 auto;
	}

	.btn {
		width: 560rpx;
		height: 80rpx;
		background: linear-gradient(270deg, rgba(255, 215, 166, 1) 0%, rgba(225, 165, 94, 1) 100%);
		border-radius: 44rpx;
		margin: 40rpx auto;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: rgba(255, 255, 255, 1);
		letter-spacing: 2rpx;

		&.sub {
			background: #fff;
			color: #EEBC80;
			border: 2rpx solid rgba(238, 188, 128, 1);
		}
	}
}

// my-service
// my-order
.my-order-btn {
	width: 160rpx;
	height: 44rpx;
	border-radius: 4rpx;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 2rpx;
	margin: 0 16rpx;
	color: rgba(153, 153, 153, 1);
	background: rgba(232, 232, 232, 1);

	&.on {
		color: rgba(255, 255, 255, 1);
		background: linear-gradient(270deg, rgba(255, 215, 166, 1) 0%, rgba(225, 165, 94, 1) 100%);
	}
}

.my-order-sub {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
}

// colorui
// .flex{display:flex}
.flex-row {
	display: flex;
	flex-direction: row
}

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

.flex-wrap {
	flex-wrap: wrap
}

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

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

.justify-center {
	justify-content: center
}

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

.justify-around {
	justify-content: space-around
}

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

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

.align-center {
	align-items: center
}

.align-baseline {
	align-items: baseline
}

.align-stretch {
	align-items: stretch
}

.self-start {
	align-self: flex-start
}

.self-end {
	align-self: flex-end
}

.self-center {
	align-self: center
}

.self-baseline {
	align-self: baseline
}

.self-stretch {
	align-self: stretch
}

.bg-red {
	background-color: #e54d42;
	color: #fff
}

.bg-orange {
	background-color: #f37b1d;
	color: #fff
}

.bg-yellow {
	background-color: #fbbd08;
	color: #333
}

.bg-olive {
	background-color: #8dc63f;
	color: #fff
}

.bg-green {
	background-color: #39b54a;
	color: #fff
}

.bg-cyan {
	background-color: #1cbbb4;
	color: #fff
}

.bg-blue {
	background-color: #0081ff;
	color: #fff
}

.bg-purple {
	background-color: #6739b6;
	color: #fff
}

.bg-mauve {
	background-color: #9c26b0;
	color: #fff
}

.bg-pink {
	background-color: #e03997;
	color: #fff
}

.bg-brown {
	background-color: #a5673f;
	color: #fff
}

.bg-grey {
	background-color: #8799a3;
	color: #fff
}

.bg-gray {
	background-color: #f0f0f0;
	color: #333
}

.bg-black {
	background-color: #333;
	color: #fff
}

.bg-white {
	background-color: #fff;
	color: #666
}

.bg-red.light {
	color: #e54d42;
	background-color: #fadbd9
}

.bg-orange.light {
	color: #f37b1d;
	background-color: #fde6d2
}

.bg-yellow.light {
	color: #fbbd08;
	background-color: #fef2ced2
}

.bg-olive.light {
	color: #8dc63f;
	background-color: #e8f4d9
}

.bg-green.light {
	color: #39b54a;
	background-color: #d7f0dbff
}

.bg-cyan.light {
	color: #1cbbb4;
	background-color: #d2f1f0
}

.bg-blue.light {
	color: #0081ff;
	background-color: #cce6ff
}

.bg-purple.light {
	color: #6739b6;
	background-color: #e1d7f0
}

.bg-mauve.light {
	color: #9c26b0;
	background-color: #ebd4ef
}

.bg-pink.light {
	color: #e03997;
	background-color: #f9d7ea
}

.bg-brown.light {
	color: #a5673f;
	background-color: #ede1d9
}

.bg-grey.light {
	color: #8799a3;
	background-color: #e7ebed
}

.line-red,
.lines-red,
.text-red {
	color: #e54d42
}

.line-orange,
.lines-orange,
.text-orange {
	color: #f37b1d
}

.line-yellow,
.lines-yellow,
.text-yellow {
	color: #fbbd08
}

.line-olive,
.lines-olive,
.text-olive {
	color: #8dc63f
}

.line-green,
.lines-green,
.text-green {
	color: #39b54a
}

.line-cyan,
.lines-cyan,
.text-cyan {
	color: #1cbbb4
}

.line-blue,
.lines-blue,
.text-blue {
	color: #0081ff
}

.line-purple,
.lines-purple,
.text-purple {
	color: #6739b6
}

.line-mauve,
.lines-mauve,
.text-mauve {
	color: #9c26b0
}

.line-pink,
.lines-pink,
.text-pink {
	color: #e03997
}

.line-brown,
.lines-brown,
.text-brown {
	color: #a5673f
}

.line-grey,
.lines-grey,
.text-grey {
	color: #8799a3
}

.line-gray,
.lines-gray,
.text-gray {
	color: #aaa
}

.line-black,
.lines-black,
.text-black {
	color: #333
}

.line-white,
.lines-white,
.text-white {
	color: #fff
}

.margin-0 {
	margin: 0
}

.margin-xs {
	margin: 10upx
}

.margin-sm {
	margin: 20upx
}

.margin {
	margin: 30upx
}

.margin-lg {
	margin: 40upx
}

.margin-xl {
	margin: 50upx
}

.margin-top-xs {
	margin-top: 10upx
}

.margin-top-sm {
	margin-top: 20upx
}

.margin-top {
	margin-top: 30upx
}

.margin-top-lg {
	margin-top: 40upx
}

.margin-top-xl {
	margin-top: 50upx
}

.margin-right-xs {
	margin-right: 10upx
}

.margin-right-sm {
	margin-right: 20upx
}

.margin-right {
	margin-right: 30upx
}

.margin-right-lg {
	margin-right: 40upx
}

.margin-right-xl {
	margin-right: 50upx
}

.margin-bottom-xs {
	margin-bottom: 10upx
}

.margin-bottom-sm {
	margin-bottom: 20upx
}

.margin-bottom {
	margin-bottom: 30upx
}

.margin-bottom-lg {
	margin-bottom: 40upx
}

.margin-bottom-xl {
	margin-bottom: 50upx
}

.margin-left-xs {
	margin-left: 10upx
}

.margin-left-sm {
	margin-left: 20upx
}

.margin-left {
	margin-left: 30upx
}

.margin-left-lg {
	margin-left: 40upx
}

.margin-left-xl {
	margin-left: 50upx
}

.margin-lr-xs {
	margin-left: 10upx;
	margin-right: 10upx
}

.margin-lr-sm {
	margin-left: 20upx;
	margin-right: 20upx
}

.margin-lr {
	margin-left: 30upx;
	margin-right: 30upx
}

.margin-lr-lg {
	margin-left: 40upx;
	margin-right: 40upx
}

.margin-lr-xl {
	margin-left: 50upx;
	margin-right: 50upx
}

.margin-tb-xs {
	margin-top: 10upx;
	margin-bottom: 10upx
}

.margin-tb-sm {
	margin-top: 20upx;
	margin-bottom: 20upx
}

.margin-tb {
	margin-top: 30upx;
	margin-bottom: 30upx
}

.margin-tb-lg {
	margin-top: 40upx;
	margin-bottom: 40upx
}

.margin-tb-xl {
	margin-top: 50upx;
	margin-bottom: 50upx
}

.padding-0 {
	padding: 0
}

.padding-xs {
	padding: 10upx
}

.padding-sm {
	padding: 20upx
}

.padding {
	padding: 30upx
}

.padding-lg {
	padding: 40upx
}

.padding-xl {
	padding: 50upx
}

.padding-top-xs {
	padding-top: 10upx
}

.padding-top-sm {
	padding-top: 20upx
}

.padding-top {
	padding-top: 30upx
}

.padding-top-lg {
	padding-top: 40upx
}

.padding-top-xl {
	padding-top: 50upx
}

.padding-right-xs {
	padding-right: 10upx
}

.padding-right-sm {
	padding-right: 20upx
}

.padding-right {
	padding-right: 30upx
}

.padding-right-lg {
	padding-right: 40upx
}

.padding-right-xl {
	padding-right: 50upx
}

.padding-bottom-xs {
	padding-bottom: 10upx
}

.padding-bottom-sm {
	padding-bottom: 20upx
}

.padding-bottom {
	padding-bottom: 30upx
}

.padding-bottom-lg {
	padding-bottom: 40upx
}

.padding-bottom-xl {
	padding-bottom: 50upx
}

.padding-left-xs {
	padding-left: 10upx
}

.padding-left-sm {
	padding-left: 20upx
}

.padding-left {
	padding-left: 30upx
}

.padding-left-lg {
	padding-left: 40upx
}

.padding-left-xl {
	padding-left: 50upx
}

.padding-lr-xs {
	padding-left: 10upx;
	padding-right: 10upx
}

.padding-lr-sm {
	padding-left: 20upx;
	padding-right: 20upx
}

.padding-lr {
	padding-left: 30upx;
	padding-right: 30upx
}

.padding-lr-lg {
	padding-left: 40upx;
	padding-right: 40upx
}

.padding-lr-xl {
	padding-left: 50upx;
	padding-right: 50upx
}

.padding-tb-xs {
	padding-top: 10upx;
	padding-bottom: 10upx
}

.padding-tb-sm {
	padding-top: 20upx;
	padding-bottom: 20upx
}

.padding-tb {
	padding-top: 30upx;
	padding-bottom: 30upx
}

.padding-tb-lg {
	padding-top: 40upx;
	padding-bottom: 40upx
}

.padding-tb-xl {
	padding-top: 50upx;
	padding-bottom: 50upx
}

.text-xs {
	font-size: 20upx
}

.text-sm {
	font-size: 24upx
}

.text-df {
	font-size: 28upx
}

.text-lg {
	font-size: 32upx
}

.text-xl {
	font-size: 36upx
}

.text-xxl {
	font-size: 44upx
}

.text-sl {
	font-size: 80upx
}

.text-xsl {
	font-size: 120upx
}

.text-Abc {
	text-transform: Capitalize
}

.text-ABC {
	text-transform: Uppercase
}

.text-abc {
	text-transform: Lowercase
}

.text-price::before {
	content: "¥";
	font-size: 80%;
	margin-right: 4upx
}

.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.text-bold {
	font-weight: 700
}

.text-center {
	text-align: center
}

.text-content {
	line-height: 1.6
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}