.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.fb{
	font-weight: bold;
}
.fb500{
	font-weight: 500;
}
.fb200{
	font-weight: 200;
}
.fbNo{
	font-weight: normal;
}
.f11{
	font-size: 22rpx;
}
.f12{
	font-size: 24rpx;
}
.f14{
	font-size: 28rpx;
}
.f16{
	font-size: 32rpx;
}
.f18{
	font-size: 36rpx;
}
.f20{
	font-size: 40rpx;
}
.f24{
	font-size: 48rpx;
}
.f26{
	font-size: 52rpx;
}
.mt5{
	margin-top:10rpx;
}
.mt10{
	margin-top: 20rpx;
}
.mt15{
	margin-top: 30rpx;
}
.mt20{
	margin-top: 40rpx;
}
.mt25{
	margin-top: 50rpx;
}
.mt30{
	margin-top: 60rpx;
}

.mb5{
	margin-bottom:10rpx;
}
.mb10{
	margin-bottom: 20rpx;
}
.mb15{
	margin-bottom: 30rpx;
}
.mb20{
	margin-bottom: 40rpx;
}
.mb25{
	margin-bottom: 50rpx;
}
.mb30{
	margin-bottom: 60rpx;
}


.p5{
	padding: 10rpx;
}
.p10{
	padding: 20rpx;
}
.p15{
	padding: 30rpx;
}
.p20{
	padding: 40rpx;
}
.p30{
	padding: 60rpx;
}
.pt5{
	padding-top: 10rpx;
}
.pt10{
	padding-top: 20rpx;
}
.pt15{
	padding-top: 30rpx;
}
.pt20{
	padding-top: 40rpx;
}
.pt25{
	padding-top: 50rpx;
}
.pt30{
	padding-top: 60rpx;
}
.pt50{
	padding-top: 100rpx;
}
.pt60{
	padding-top: 120rpx;
}
.pt80{
	padding-top: 160rpx;
}
.pt100{
	padding-top: 200rpx;
}
.pt150{
	padding-top: 300rpx;
}
.pt200{
	padding-top: 400rpx;
}
.pb10{
	padding-bottom: 20rpx;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.c1{
	color: #111;
}
.c131{
	color: #131F20;
}
.c0{
	color: #000;
}
.c3{
	color: #333;
}
.c6{
	color: #666;
}
.c9{
	color: #999;
}
.cc{
	color: #ccc;
}
.cf{
	color: #fff;
}
.corange{
	color: #E4422A;
}
.cgreen{
	color: #865d42;
}
.cyellow{
	color: #F79810;
}
.cblue{
	color: #2D6CFD;
}
.ellipsis{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.underline{
	text-decoration: underline;
}
.wordBreak{
  word-break:break-all; word-wrap:break-word;
}
.nowrap{
  white-space:nowrap;
}
.pr{
	position: relative;
}
.pa{
	position: absolute;
}
.df{
	display: flex;
}
.pbSafe{
	padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
	padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
.statusBar {
	height: var(--status-bar-height);/*刘海儿的高度*/
	overflow: hidden;
}
.r5{
	border-radius: 10rpx;
}
.r10{
	border-radius: 20rpx;
}
.r15{
	border-radius: 30rpx;
}
.r20{
	border-radius: 40rpx;
}
.hidden{
	overflow: hidden;
}
.flexR{
	justify-content: flex-end;
	display: flex;
}
.bgF{
	background: #fff;
}
.bgF5{
	background: #f5f5f5;
}
.topBar{
	padding: 0 30rpx;
	background: #865d42;
	height: 100rpx;
	position: relative;
	z-index: 999999;
}
.cityListTagRow{
	display: flex;
	gap: 20rpx;
	flex-wrap: wrap;
}
.cityListTag{
	border: 2rpx solid #ddd;
	background: #fff;
	border-radius: 8rpx;
	line-height:64rpx;
	text-align: center;
	display: inline-block;
	padding: 0 30rpx;
	font-size: 28rpx;
}
.cityListTag.active{
	border: 2rpx solid #865d42;
	color: #865d42;
}
.navTab{
	display: flex;
	flex-wrap: nowrap;
	border-top: 2rpx solid #eee;
	overflow-x: auto;
	-webkit-overflow-scrolling:touch;
	position: relative;
}
.navTab::after{
	display: block;
	content: '';
	height: 2rpx;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #eee;
	z-index: 1;
}
.navTabItem{
	white-space:nowrap;
	padding: 0 40rpx;
	text-align: center;
	line-height: 90rpx;
	font-size: 32rpx;
	flex: 1;
	z-index: 2;
	-webkit-transition:0.2s ease-in 0s;
		   -o-transition:0.2s ease-in 0s;
			  transition:0.2s ease-in 0s;
			  color: #666;
}
.navTabItemText{
	position: relative;
	display: inline-block
}
.navTabItem.active{
	color: #865d42;
}
.navTabItemText::after{
	display: block;
	content: '';
	height: 2rpx;
	overflow: hidden;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #865d42;
	opacity: 0;
	
	-webkit-transition:0.2s ease-in 0s;
		   -o-transition:0.2s ease-in 0s;
			  transition:0.2s ease-in 0s;
}
.navTabItem.active  .navTabItemText::after{
	opacity: 1;
	left: 0;
	right: 0;
}
.list{
	overflow: hidden;
	border-radius: 16rpx;
	background: #fff;
	box-shadow: 0 0 4rpx rgba(0, 0, 0, .1);
	display: flex;
}
.listRight{
	display: block;
	position: relative;
	padding:20rpx 30rpx 0 30rpx;
	flex: 1;
	justify-items: start;
	justify-content: flex-start;
	
}
.listRightBtn{
	position: absolute;
	right: 20rpx;
	top: 50%;
	transform: translateY(-50%);
}
.navTabView{
	border: none;
	background: #fff;
}
.navTabView::after{
	display: none;
}
.fixFoot{
	background: #fff;
	box-shadow: 0 0 6rpx rgba(0, 0, 0, .1);
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
	padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
.userList{
	overflow: hidden;
	border-radius: 16rpx;
	background: #fff;
	box-shadow: 0 0 8rpx rgba(0, 0, 0, .1);
	position: relative;
}
.userListRight{
	padding-left: 30rpx;
	flex: 1;
}
.userListPic{
	position: relative;
}
.userPhoto{
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(134, 93, 66, .5);
	z-index: 99;
	padding: 10rpx;
	border-radius: 16rpx 0 16rpx 0;
}
.userListMark{
	color: #fff;
	background: #865d42;
	line-height: 44rpx;
	font-size: 24rpx;
	position: absolute;
	z-index: 99;
	width: 200rpx;
	text-align: center;
	transform: rotate(-45deg);
	top: 24rpx;
	left: -60rpx;
}
.userListMark.disabled{
	background: #ccc;
}
.changeTime{
	display: flex
}
.changeTimeLeft{
	width: 120rpx;
	position: relative;
}
.changeTimeLeft::after{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: #ddd;
	width: 2rpx;
	overflow: hidden;
	z-index: 2;
}
.changeTimeNav{
	line-height: 100rpx;
	font-size: 36rpx;
	text-align: center;
	font-weight: bold;
	border-bottom: 2rpx solid #ddd;
	background: #fff;
	z-index: 1;
	position: relative;
}
.changeTimeNav.active{
	z-index: 3;
	color: #865d42;
}
.changeTimeRight{
	flex: 1;
	max-height: 1000rpx;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
}
.changeTimeItem{
	border: 2rpx solid #ccc;
	line-height: 40rpx;
	padding: 16rpx 0;
	text-align: center;
	min-width: 180rpx;
	font-size: 30rpx;
	border-radius: 8rpx;
}
.changeTimeItem.disabled{
	opacity: .2;
	
}
.changeTimeItem.disabled .cgreen{
	color: #000;
}
.userServiceRow{
	overflow: hidden;
	border-radius: 10rpx;
	background: #fff;
	box-shadow: 0 0 6rpx rgba(0, 0, 0, .2);
	border: 2rpx solid transparent;
	-webkit-transition:0.2s ease-in 0s;
		   -o-transition:0.2s ease-in 0s;
			  transition:0.2s ease-in 0s;
}

.userServiceRow.active{
	box-shadow: 0 0 6rpx rgba(129, 179, 55, 1);
	border: 2rpx solid #865d42;
}
.userServiceMain{
	max-height: 700rpx;
	overflow-y: auto;
	padding: 12rpx;
	-webkit-overflow-scrolling:touch;
}
.meHeader{
	background: #865d42;
	
	border-radius: 0 0 500rpx 500rpx / 0 0 50rpx 50rpx;
}
.meMain{
	margin-top: -130rpx;
}
.loginBg{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background:  #fbf7f4;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
}
.loginMain{
	flex: 1;
	margin: 0 40rpx;
}
.loginBox{
	border-radius: 10rpx;
	background: #fff;
	
	margin-top: 50rpx;
}
.loginHeader{
	
}