.searchBox {
	padding-bottom: 24rpx;
	background-color: #fff;
}

.searchBox_add {
	height: 100%;
	width: 100%;
	display: flex;
}

.searchBox_left {
	flex: 1;
	display: flex;
	align-items: center;
	padding-left: 20rpx;
}

.searchBox_mid {
	flex: 1;
	font-size: 40rpx;
	color: #222222;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.searchBox_right {
	flex: 1;
}

.tabList {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 20rpx;
	padding-top: 38rpx;
	padding-bottom: 26rpx;
}

.tab {
	font-size: 30rpx;
	color: #222222;
}

.tab span {
	color: 30rpx;
}

.active {
	font-weight: 700;
	position: relative;
}

.active::after {
	content: '';
	width: 52rpx;
	height: 22rpx;
	background: url(http://192.168.0.172:5500/com_active.png);
	background-size: cover;
	position: absolute;
	left: 50%;
	bottom: -20rpx;
	transform: translateX(-50%);
}


.orderList {
	margin-top: 20rpx;
}

.orderItem {
	width: 710rpx;
	height: 435rpx;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 20rpx;
}

page {
	background-color: #f6f7fb;
	min-height: 100vh;
	padding: 0;
}

.orderItemTit {
	display: flex;
	background: linear-gradient(304deg, #FFFFFF 0%, #FFF6E6 100%);
	border-radius: 20rpx 20rpx 0rpx 0rpx;
	width: 710rpx;
	height: 85rpx;
	justify-content: space-between;
	padding: 0 20rpx;
	align-items: center;
	box-sizing: border-box;
}
.orderItemTit_state1{
	background: linear-gradient(304deg, #FFFFFF 0%, #FFF6E6 100%);
}
.orderItemTit_state2{
	background: linear-gradient( 280deg, #FFFFFF 0%, #FFE7E7 100%);
}
.orderItemTit_state3{
	background: linear-gradient( 283deg, #FFFFFF 0%, #E1FFF0 100%);
}
.orderItemTit_state4{
	background: linear-gradient( 290deg, #FFFFFF 0%, #EDEDED 100%);
}

.orderItemTit_left {
	font-size: 28rpx;
	color: #222222;
	font-weight: 600;
}

.orderItemTit_right {
	font-size: 24rpx;
	color: #999999;
}

.orderItem_row {
	display: flex;
	align-items: center;
	padding: 0 20rpx;
	box-sizing: border-box;
	font-size: 26rpx;
	color: #999999;
	margin-top: 20rpx;
	justify-content: space-between;
}

.orderItem_row_label {
	width: 200rpx;
}

.orderItem_row_state {
	font-size: 28rpx;
	color: #FFA600;
	font-weight: 600;
}
.orderItem_row_state2 {
	color: #FF4800;
}
.orderItem_row_state3 {
	color: #2BE186;
}
.orderItem_row_state4 {
	color: #999999;
}

.df {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.addBtn {
	font-size: 36rpx;
	color: #FFFFFF;
	width: 600rpx;
	height: 90rpx;
	background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
	border-radius: 100rpx 100rpx 100rpx 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 200rpx;
}