*{
	margin: 0;
	padding: 0;
	font-size: 14px;
	
}
#app{
}
.logo1{
	width: 100px;
	height: 100px;
	margin: 0px auto 20px auto;
	img{
		display: block;
		width: 100%;
		height: 100%;
	}
}
.loginA{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.login{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column; /* 关键属性：纵向排列 */
	justify-content: center;
	align-items: center
}
.loginB{
	width: 90%;
	margin: 0 auto;
	color: #333;
	.loginB1{
		font-size: 18px;
		color: #222;
		margin-top: 24px;
		padding:  0 8px;
	}
	.loginB2{
		margin-top: 4px;
		padding:  0 8px;
		border-bottom: 1px solid #d5d5d5;
		display: flex;
		line-height: 40px;
		input{
			flex: 1;
			border: none;
			outline: none;
		}
	}
	.loginBtn{
		width: 100%;
		height: 46px;
		color: #fff;
		text-align: center;
		line-height: 46px;
		background: #e6212a;;
		border-radius: 50px;
		margin:50px auto ;
		font-size: 16px;
	}
	.loginB2Text{
		color: #e6212a;
	}
}
.serviceListTop{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
	.serviceListTopA{
		padding: 10px 5% 0;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
	    display: flex;
		justify-content: space-between
	}
}
.serviceListTopB{
	width: 94%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.serviceListTopB_right{
		background: #fbfbfb;
		border-radius: 40px;
		height: 40px;
		padding: 0 16px;
		line-height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		.iconR{
			top: 12px;
			right:76px;
			position: absolute;
		}
		input{
			outline: none;
			border: none;
			background: none;
		}
		span{
			background: #e6212a;
			height: 20px;
			font-size: 14px;
			line-height: 20px;
			padding: 4px 12px;
			border-radius: 30px;
			color: #fff;
			display: inherit;
		}
	}
}
.serviceListTopH{
	width: 100%;
	height: 100px;
}
.serviceList{
	padding: 90%;
	padding:15px 5%;
	.order-card {
	            background-color: white;
	            border-radius: 8px;
	            padding: 16px;
	            margin-bottom: 16px;
				position: relative;
	        }
	        .order-header {
	            display: flex;
	            justify-content: space-between;
	            align-items: center;
	            margin-bottom: 10px;
				justify-content: flex-end
	        }
	
	        .tag {
	            color: #fff;
	            padding: 2px 8px;
	            border-radius: 8px 0;
	            font-size: 12px;
				position: absolute;
				top: 0;
				left: 0;
	        }
			.tag1{background: #e6212a;border: 1px solid #e6212a;}
			.tag2{background: #2581fa;border: 1px solid #2581fa;}
			.tag3{background: #00b551;border: 1px solid #00b551;}
	        .status {
	            color: #e6212a;
	            font-size: 12px;
	        }
	
	        .order-info {
	            margin: 10px 0;
				border-bottom: 1px solid #e2e2e2;
	        }
			
	
	        .order-info div {
				display: flex;
				justify-content: space-between;
	            margin-bottom: 8px;
	        }
	
	        .order-amount {
	            font-weight: bold;
	            color: black;
	            font-size: 16px;
	            margin: 10px 0;
	        }
	
	        .order-actions {
	            display: flex;
	            justify-content: space-between;
	            align-items: center;
	            margin-top: 10px;
	        }
	
	        .action-btn {
	            background-color: white;
	            border: 1px solid #ddd;
	            padding: 5px 10px;
	            border-radius: 30px;
	            font-size: 12px!important;
	            cursor: pointer;
				margin-left: 8px;
				a{
					color: #000;
					font-size: 12px!important;
				}
	        }
	
	        .call-btn {
	            color: #00cc66;
	            font-size: 16px;
	        }
	
	        .order-note {
	            color: #999;
	            font-size: 12px;
	            margin-top: 15px;
				background: #fbfbfb;
				border-radius: 8px;
				padding: 8px;
	        }
			.order-note1{
				margin-top: 10px;
				color: #e6212a;
			}
	
}	
.beizhuCon{
	.van-cell-group--inset{
		margin-top: 10px;
		border: 1px solid #ccc;
		margin: 14px 0;
	}
	padding: 20px;
	.beizhuCon1{
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}
	.beizhuCon2{
		span{
			color: #e6212a;
		}
	}
}
.informationB{
	padding: 0 5%;
	height: 40px;
	line-height: 40px;
	background: #fff6f7;
	color: #e6212a;
}
.informationA{
	display: flex;
	align-items: center;
	margin-top: 30px;
	p{
		width: 86px;
		span{
			color: #e6212a;
		}
	}
	input{
		flex: 1;
		height: 40px;
		line-height: 40px;
		text-indent: 8px;
		border-radius: 3px;
		border: 1px solid #ccc;
	}
}
.floatRight{
	float: right;
	color: #999;
	font-weight: normal;
}
.wdyjCon{
	margin: 20px auto!important;
	border-radius: 8px;
	background: #fff;
	padding: 20px;
	width: calc(90% - 40px)!important;
	.wdyjConA{
		border-radius: 8px;
		background: #fbfbfb;
		padding: 10px;
		margin: 10px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.wdyjConAL{
			font-weight: bold;
		}
		.wdyjConAR{
			a{
				background: #e6212a;
				color: #fff;
				padding:6px 8px;
				border-radius: 6px;
			}
		}
	}
	.wdyjConB{
		font-weight: bold;
		display: flex;
		justify-content: space-between;
		.wdyjConB1{
			width:72px ;
			border-radius: 8px;
			background: #fbfbfb;
			padding: 10px;
		}
		.wdyjConB2{
			width:122px ;
			border-radius: 8px;
			background: #fbfbfb;
			padding: 10px;
			text-align: center;
		}
		
	}
}
.do{
	display: flex;
	justify-content: flex-end;
	div{
		background: #fff;
		border-radius: 4px;
		padding: 6px 8px;
		margin-right: 10px;
	}
	.do_active{
		background: #fff6f7;
		color: #e6212a;
	}
}
.sjCon{
	height: 34px;
	margin-top: 20px;
	justify-content: space-between;
	align-items: center;
	display: flex;
	.sjConRight{
		border: 1px solid #dfdfdf;
		height: 32px;
		line-height: 32px;
		width: 120px;
		padding: 0 10px ;
		background: #fff;
		border-radius: 3px;
	}
}
.notMore{
	color: #999;
	text-align: center;
}
.goTop{
	width: 50px;
	height: 50px;
	z-index: 66;
	background: #fff;
	text-align: center;
	line-height: 50px;
	position: fixed;
	right: 5%;
	bottom: 80px;
	border-radius: 50%;
	border: 1px solid #999;
	color: 666;
	.van-icon{
		margin-top: 10px;
	}
}









.cardA{
	padding: 4px 16px!important;
	.order-info{
		border-bottom: none!important;
	}
}
.title1{
		font-size: 16px;
		font-weight: bold;
	}
.top_active{
	color: #e6212a;
}
.bj_fbfbfb{
	background: #f6f6f6!important;
}
.btnA{
	width: 100%;
	height: 46px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background: #e6212a;;
	border-radius: 50px;
	margin:20px auto ;
	font-size: 16px;
}
.marB8{margin-bottom: 8px;}
.marB10{margin-bottom: 10px!important;}
.marB20{margin-bottom: 20px!important;}
.marT60{margin-top: 60px!important;}
.marT10{margin-top: 10px!important;}
.marT20{margin-top: 20px!important;}
.w90{width: 90%;margin: 0 auto;}
.w100{width: 100%;margin: 0 auto;}
.padding0{padding: 0!important;}
.handleScrollCon{height: 100vh!important;overflow-y: auto;}
.tabBottomH{width: 100%;height: 1px;}
.notMore{
	text-align: center;
	color: #999;
}