zx_flk_app/pages/purchaseOrder - 副本/purchaseOrder.css

.container {}

.car-info {
	background-color: #ffffff;
	margin-bottom: 16rpx;
	padding: 36rpx 32rpx;
}

.car-top {
	margin-bottom: 24rpx;
}

.top-flex>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 36rpx;
	font-weight: bold;
	margin-bottom: 20rpx;
}

.top-flex>view:nth-of-type(2) {
	color: #9EA9BB;
	font-size: 28rpx;
	margin-bottom: 28rpx;
}

.car-info img {
	width: 125rpx;
	height: 125rpx;
	border-radius: 16rpx;
}

.car-bottom {
	background-color: #F3F8FF;
	border-radius: 16rpx;
	padding: 22rpx 24rpx;
}

.car-bottom>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 26rpx;
	font-weight: bold;
}

.car-bottom img {
	width: 24rpx;
	height: 24rpx;
	margin: 0 12rpx;
}

.car-bottom>view:nth-of-type(2) {
	color: #0074FF;
	font-size: 22rpx;
	text-align: center;
	border: 2rpx solid #0074FF;
	border-radius: 20rpx;
	/* padding: 6rpx 20rpx; */
	padding-left: 20rpx;
	padding-right: 20rpx;
	height: 36rpx;
	line-height: 36rpx;
}

.method-info {
	background-color: #ffffff;
	margin-bottom: 16rpx;
	padding: 48rpx 40rpx 40rpx 32rpx;
}

.select-item {
	color: #9EA9BB;
	font-size: 36rpx;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.selected-item {
	color: #2A3A5A;
	font-size: 36rpx;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.select-border {
	width: 82rpx;
	height: 12rpx;
	margin-top: 8rpx;
	background-color: #ffffff;
}

.selected-border {
	width: 82rpx;
	height: 12rpx;
	margin-top: 8rpx;
	background: linear-gradient(to right, #0074FF, #ffffff);
}

.method-bottom {
	margin-top: 40rpx;
}

.method-bottom>img {
	width: 144rpx;
	height: 144rpx;
	margin-right: 24rpx;
	border-radius: 24rpx;
}

.bottom-center {
	align-items: center;
}

.center-text>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 36rpx;
	font-weight: bold;
	margin-bottom: 16rpx;
}

.center-text>view:nth-of-type(2) {
	color: #9FA7B7;
	font-size: 28rpx;
}

.ctime {
	margin-top: 24rpx;
	color: #828DA2;
	font-size: 28rpx;
}

.ctime img,
.home-first img {
	width: 26rpx;
	height: 26rpx;
	vertical-align: middle;
}

.home-delivery {
	margin-top: 48rpx;
}

.home-first {
	margin-bottom: 40rpx;
}

.first-text>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 36rpx;
	font-weight: bold;
	margin-bottom: 16rpx;
}

.first-text>view:nth-of-type(2) {
	color: #9FA7B7;
	font-size: 28rpx;
}

.home-second {
	align-items: center;
}

.home-second>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
}

.home-second>view:nth-of-type(2) {
	color: #2A3A5A;
	font-size: 40rpx;
}

.home-third {
	color: #0074FF;
	font-size: 32rpx;
	font-weight: bold;
	margin-top: 32rpx;
}

.third-text {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
}

.third-text img {
	width: 40rpx;
	height: 40rpx;
	margin-left: 8rpx;
	vertical-align: middle;
}

.bottom-bottom {
	color: #2A3A5A;
	font-size: 32rpx;
}

.bottom-bottom img {
	width: 36rpx;
	height: 36rpx;
	margin-bottom: 14rpx;
}

.select-deposit {
	border: 4rpx solid #F3F8FF;
	background-color: #F3F8FF;
	border-radius: 16rpx;
	padding: 32rpx 24rpx;
	display: flex;
	justify-content: space-between;
}

.selected-deposit {
	border: 4rpx solid #0074FF;
	box-sizing: border-box;
	border-radius: 16rpx;
	padding: 32rpx 24rpx;
	display: flex;
	justify-content: space-between;
}

.deposit-item>view {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
}

.deposit-item>view>text {
	color: #828DA2;
	font-weight: 400;
}

.select-img {
	width: 32rpx;
	height: 32rpx;
	margin-right: 24rpx;
	vertical-align: middle;
}

.info-img {
	width: 28rpx;
	height: 28rpx;
	margin-left: 12rpx;
	vertical-align: middle;
}

.blue-text {
	color: #0074FF;
	font-weight: bold;
}

.black-text {
	color: #2A3A5A;
	font-weight: bold;
}

.guarantee-title {
	margin-bottom: 40rpx;
}

.guarantee-title>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 40rpx;
	font-weight: bold;
}

.guarantee-title>view:nth-of-type(2) {
	color: #9FA7B7;
	font-size: 32rpx;
	font-weight: 400;
}

.select-guarantee {
	background-color: #F3F8FF;
	border-radius: 24rpx;
}

.selected-guarantee {
	border: 4rpx solid #0074FF;
	box-sizing: border-box;
	border-radius: 24rpx;
}

.select-guarantee,
.selected-guarantee {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 32rpx 20rpx;
	box-sizing: border-box;
}

.guarantee-top {
	color: #2A3A5A;
	font-size: 28rpx;
	font-weight: bold;
	align-items: center;
}

.guarantee-top img {
	width: 62rpx;
	height: 56rpx;
	margin-bottom: 16rpx;
}

.guarantee-center {
	margin-top: 32rpx;
}

.center-item {
	font-size: 24rpx;
	width: 178rpx;
	margin-bottom: 16rpx;
}

.center-item>view:nth-of-type(1) {
	color: #828DA2;

}

.center-item>view:nth-of-type(2) {
	color: #0074FF;
}

.guarantee-border {
	border-bottom: 2rpx dashed #CFDCEF;
	width: 100%;
	margin-top: 24rpx;
	margin-bottom: 14rpx;
}

.guarantee-bottom {
	align-items: center;
}

.guarantee-bottom>view:nth-of-type(1) {
	color: #F95151;
	font-size: 38rpx;
	margin-bottom: 14rpx;
}

.blue-t {
	color: #0074FF;
	font-size: 24rpx;
}

.black-t {
	color: #2A3A5A;
	font-size: 24rpx;
}

.guarantee-bottom img {
	width: 24rpx;
	height: 24rpx;
}

.ride-border {
	border-radius: 24rpx;
	border: 4rpx solid #0074FF;
	padding: 28rpx 32rpx 16rpx;
}

.ride-top {}

.top-left {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
}

.top-left img {
	width: 62rpx;
	height: 56rpx;
	margin-right: 12rpx;
	vertical-align: middle;
}

.top-right {
	color: #F95151;
	font-size: 38rpx;
	font-weight: bold;
}

.dashed-border {
	margin-bottom: 22rpx;
	border-bottom: 2rpx dashed #CFDCEF;
}

.content-top {
	color: #2A3A5A;
	font-size: 28rpx;
	margin-bottom: 24rpx;
}

.tab-item {
	margin-bottom: 16rpx;
}

.tab-title {
	color: #828DA2;
	font-size: 24rpx;
}

.tab-price {
	color: #0074FF;
	font-size: 24rpx;
	font-weight: bold;
}

.remove-title {
	align-items: center;
	margin-bottom: 4rpx;
}

.remove-title>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
	background-color: #F3F8FF;
	border-radius: 16rpx 0rpx 0rpx 0rpx;
	padding: 24rpx 0;
}

.remove-title>view:nth-of-type(2) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
	background-color: #F3F8FF;
	border-radius: 0rpx 16rpx 0rpx 0rpx;
	padding: 24rpx 0;
}

.remove-title>view:nth-of-type(1),
.remove-text>view:nth-of-type(1) {
	margin-right: 4rpx;
}

.remove-text>view {
	color: #2A3A5A;
	font-size: 28rpx;
	background-color: #F4F5F6;
	padding: 26rpx 0;
}

.remove-title>view,
.remove-text>view {
	width: 342rpx;
	text-align: center;
}

.assort-box {
	flex-wrap: wrap;
}

.assort-text {
	width: 340rpx;
	padding: 24rpx;
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 4rpx;
	background-color: #F3F8FF;
}

.odd-item {
	border-radius: 16rpx 0 0 16rpx;
	margin-right: 4rpx;
}

.even-item {
	border-radius: 0 16rpx 16rpx 0;
}

.deposit-info,
.guarantee-info,
.ride-info,
.remove-info,
.assort-info {
	background-color: #ffffff;
	padding: 48rpx 32rpx 40rpx;
	margin-bottom: 16rpx;
}

.method-info>view:nth-of-type(1),
.deposit-info>view:nth-of-type(1),
.remove-info>view:nth-of-type(1),
.assort-info>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 40rpx;
}

.pay-type {
	background-color: #ffffff;
	padding: 40rpx 32rpx 32rpx;
	/* margin-bottom: 16rpx; */
	/* align-items: ; */
}

.pay-type-tital {
	color: #2A3A5A;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 20rpx;
}

.pay-type-item {
	display: flex;
}

.pay-type-item img {
	vertical-align: middle;
}

.payment-info {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	padding: 28rpx 32rpx 32rpx;
}

.payment-top {
	color: #2A3A5A;
	font-size: 28rpx;
	display: flex;
	align-items: center;
}

.payment-top img {
	width: 32rpx;
	height: 32rpx;
	margin-right: 16rpx;
	vertical-align: middle;
}

.payment-bottom {
	margin-top: 28rpx;
	width: 100%;
}

.bottom-left {
	align-items: baseline;
}

.all-price {
	color: #F95151;
	font-size: 36rpx;
	font-weight: bold;
}

.all-price text {
	color: #F95151;
	font-size: 60rpx;
	font-weight: bold;
}

.all-money {
	color: #0074FF;
	font-size: 28rpx;
	font-weight: bold;
	margin-left: 16rpx;
}

.bottom-left img {
	width: 49rpx;
	height: 49rpx;
	vertical-align: middle;
	margin-left: 4rpx;
}

.payment-bottom>view:nth-of-type(2) {
	color: #ffffff;
	font-size: 32rpx;
	font-weight: bold;
	text-align: center;
	height: 88rpx;
	line-height: 88rpx;
	border-radius: 44rpx;
	background: linear-gradient(to right, #0074FF 0%, #00D7FF 100%);
	display: flex;
	flex-grow: 1;
	justify-content: center;
}

.show-detail {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.4);
}

.detail-info {
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	z-index: 100;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #f4f5f6;
}

.pay-money {
	background-color: #ffffff;
	padding: 40rpx 32rpx 0rpx 32rpx;
}

.pay-money>view {
	color: #2A3A5A;
	font-size: 36rpx;
	font-weight: bold;
}

.pay-money>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 40rpx !important;
	font-weight: bold;
	line-height: 40rpx;
}

.detail-money {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}

.detail-money>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 36rpx;
}

.detail-money>view:nth-of-type(2) {
	color: #F95151;
	font-size: 60rpx;
	margin-left: 24rpx;
}

.second {
	background-color: #ffffff;
	margin-top: 2rpx;
	padding: 28rpx 32rpx 32rpx;
}

.change-info {
	background-color: #ffffff;
	padding: 48rpx 32rpx 40rpx;
	margin-bottom: 16rpx;
}

.change-title {
	margin-bottom: 40rpx;
	color: #2A3A5A;
	font-size: 40rpx;
	font-weight: bold;
}

.change-border {
	width: 686rpx;
	height: 156rpx;
	background: #EEF6FF;
	border-radius: 16rpx;
	padding: 32rpx 24rpx;
}

.change-top {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #2A3A5A;
	line-height: 32rpx;
	text-align: left;
	font-style: normal;
}

.change-top>img {
	width: 40rpx;
	height: 40rpx;
	margin-right: 16rpx;
}

.change-num {
	font-family: DIN;
	font-weight: 500;
	font-size: 36rpx;
	color: #828DA2;
	line-height: 32rpx;
	text-align: right;
	font-style: normal;
}

.change-bottom {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #0074FF;
	line-height: 32rpx;
	text-align: left;
	font-style: normal;
}

.change-bottom>text {
	font-family: DIN;
	font-weight: 500;
	font-size: 36rpx;
	color: #0074FF;
	line-height: 32rpx;
	text-align: right;
	font-style: normal;
	margin: 0 4rpx;
}

.change-dec {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 24rpx;
	color: #828DA2;
	line-height: 36rpx;
	text-align: justify;
	font-style: normal;
}




.config-list-view {
	width: 500rpx;
	position: relative;
}

.config-list-view-1 {
	/* margin-bottom: 40rpx; */
	width: 500rpx;
	overflow-y: auto;
}

.config-list-view-1::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10rpx;
	background-image: radial-gradient(at right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 70%);
	border-radius: 8rpx;
}

.service_name-tab {
	font-weight: 400;
	font-size: 22rpx;
	color: #2A3A5A;
	padding: 8rpx 20rpx;
	background: #F3F8FF;
	border-radius: 24rpx;
	margin-right: 8rpx;
}

.take-car-time {
	background: #F3F8FF;
	border-radius: 16rpx;
	padding: 32rpx 24rpx;
	font-weight: 600;
}


.plan-info {
	padding: 48rpx 24rpx 40rpx 32rpx;
	background-color: #ffffff;
	margin-bottom: 16rpx;
}

.plan-info>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 32rpx;
	height: 40rpx;
	line-height: 40rpx;
}

.plan-type {
	width: 700rpx;
	position: relative;
	margin-bottom: 40rpx;
}

.plan-type-1 {
	width: 700rpx;
	overflow-y: auto;
}

.plan-type-1::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10rpx;
	background-image: radial-gradient(at right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 70%);
	border-radius: 8rpx;
}

.selectedPtype {
	min-width: 176rpx;
	/* flex: 1; */
	height: 162rpx;
	flex-direction: column;
	/* 纵向排列 */
	justify-content: flex-end;
	/* display: flex;
	justify-content: space-between;
	align-items: flex-end; */
	background-color: #ffffff;
	border: 4rpx solid #0074FF;
	box-sizing: border-box;
	border-radius: 24rpx;
	padding: 20rpx 20rpx 32rpx;
	margin-right: 16rpx;
}

.selectptype {
	/* flex: 1; */
	min-width: 176rpx;
	height: 162rpx;
	flex-direction: column;
	/* 纵向排列 */
	justify-content: flex-end;
	/* display: flex; */
	/* justify-content: space-between;
	align-items: flex-end; */
	background-color: #EEF6FF;
	border: 4rpx solid #EEF6FF;
	box-sizing: border-box;
	border-radius: 24rpx;
	padding: 20rpx 20rpx 32rpx;
	margin-right: 16rpx;
}

.ptype-title {
	font-weight: 500;
	font-size: 28rpx;
	text-align: center;
	color: #2A3A5A;
}

.ptype-text {
	font-family: DIN, DIN;
	font-weight: bold;
	font-size: 64rpx;
	color: #2A3A5A;
	align-items: center;
}

.ptyped-text {
	font-family: DIN, DIN;
	font-weight: bold;
	font-size: 64rpx;
	color: #F95151;
	align-items: center;
}

.ptyped-text,
.ptype-text {
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

/* .ptyped-text text {
	font-size: 40rpx;
} */
.plan-time>view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
}

.quantity-count>input {
	width: 88rpx;
	height: 48rpx;
	border-radius: 24rpx;
	background-color: #F3F8FF;
	text-align: center;
	color: #2A3A5A;
}

.total-time {
	font-size: 32rpx;
	color: #2A3A5A;
	font-weight: 500;
	margin-right: 24rpx;
}

.count-btn {
	width: 48rpx;
	height: 48rpx;
	vertical-align: middle;
}

.fbtn {
	color: #9FA7B7;
	margin-right: 16rpx;
}

.sbtn {
	/* color: #9FA7B7; */
	margin-left: 16rpx;
}

.font_40 {
	font-weight: 600;
	font-size: 40rpx;
	color: #2A3A5A;
}

.to-store {
	padding: 10rpx 20rpx;
	font-weight: 400;
	font-size: 24rpx;
	color: #2A3A5A;
}

.to-door {
	padding: 10rpx 20rpx;
	font-weight: 400;
	font-size: 24rpx;
	color: #2A3A5A;
}

.selected-tab {
	background: #0074FF;
	border-radius: 32rpx;
	color: #FFFFFF;
}

.shop-view {
	flex-wrap: wrap;
	padding: 24rpx;
	background: #EEF6FF;
	border-radius: 16rpx;
}

.shop-bg {
	background: #FFFFFF;
	border-radius: 4rpx;
	padding: 32rpx 24rpx;
	width: 100%;
}

.shop-name {
	width: 450rpx;
	font-weight: 500;
	font-size: 32rpx;
	color: #2A3A5A;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 20rpx;
}

.shop-address {
	width: 450rpx;
	font-weight: 400;
	font-size: 24rpx;
	color: #828DA2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.nav-btn {
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}