zx_flk_app/pages/orderStatus/orderStatus.css

.container {
	
}

.time-info {
	padding: 0 32rpx 24rpx;
	background: linear-gradient( 180deg, #CFD1DE 0%, #F1F3F4 100%);
}

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

.blue-text {
	color: #0074FF !important;
	font-size: 48rpx;
	font-weight: bold;
	margin-bottom: 48rpx;
}

.red-text {
	color: #F95151 !important;
	font-size: 48rpx;
	font-weight: bold;
	margin-bottom: 48rpx;
}


.time-money {
	background-color: #ffffff;
	border-radius: 32rpx;
	padding: 40rpx 32rpx;
}

.money-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.money-item > view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 52rpx;
	font-weight: bold;
}

.money-item > view:nth-of-type(1) text {
	color: #5E6F90;
	font-size: 26rpx;
	margin-left: 4rpx;
}

.money-item > view:nth-of-type(2),
.time-money > view:nth-of-type(3) {
	color: #060809;
	font-size: 28rpx;
}

.red-status {
	color: #F95151;
}


.dashed-border {
	/* height: 4rpx; */
	border-bottom: 4rpx dashed #F4F5F6;
	margin-top: 32rpx;
}

.big-text {
	color: #060809;
	font-size: 40rpx;
	font-weight: bold;
	margin-top: 38rpx;
}

.sn-content {
	margin-top: 40rpx;
}

.sn-title {
	color: #5E6F90;
	font-size: 28rpx;
}

.sn-text {
	/* width: 75%; */
	max-width: 75%;
	color: #060809;
	opacity: 0.6;
	font-size: 30rpx;
	font-weight: bold;
	word-wrap: break-word; 
}
.none-text{
	text-decoration: line-through;
}
.sn-text text {
	color: #5E6F90;
}

.g-border {
	height: 32rpx;
	border-left: 2rpx solid #E3E7EB;
	margin-left: 16rpx;
	margin-right: 16rpx;
}

.time-money img {
	width: 28rpx;
	height: 28rpx;
	margin-left: 8rpx;
	/* vertical-align: middle; */
}

.car-info {
	background-color: #ffffff;
	margin: 0 32rpx 24rpx 32rpx;
	padding: 40rpx 32rpx 32rpx;
	border-radius: 32rpx;
}

.car-info > view:nth-of-type(1) {
	color: #060809;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 28rpx;
}

.top-flex > view:nth-of-type(1) {
	color: #060809;
	font-size: 34rpx;
	font-weight: 400;
	margin-bottom: 20rpx;
	width: 450rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

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

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

.return-info {
	padding: 40rpx 32rpx 34rpx;
	background-color: #ffffff;
	border-radius: 32rpx;
	margin: 0 32rpx 24rpx;
}

.return-top > view:nth-of-type(1) {
	color:#060809;
	font-size: 40rpx;
	font-weight: bold;
}

.return-top > view:nth-of-type(2) {
	font-weight: 600;
	font-size: 22rpx;
	color: #0A59F7;
	text-align: center;
	background: #E6EEFE;
	border-radius: 20rpx;
	height: 40rpx;
	line-height: 40rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
}

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

.return-bottom > view {
	font-family: DIN, DIN;
	font-weight: 600;
	font-size: 36rpx;
	color: #060809;
}

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

.method-info {
	background-color: #ffffff;
	border-radius: 32rpx;
	margin: 0 32rpx 24rpx;
	padding: 48rpx 40rpx 40rpx 32rpx;
}

.method-info > view:nth-of-type(1) {
	color: 	#060809;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 40rpx;
}

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

.method-right {
	align-items: flex-start;
}

.item-center > view:nth-of-type(1) {
	color: #060809;
	font-size: 36rpx;
	line-height: 36rpx;
	margin-bottom: 16rpx;
}

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

.item-center > view:nth-of-type(3) {
	color: #060809;
	font-size: 28rpx;
}

.item-center img {
	width: 26rpx;
	height: 26rpx;
	vertical-align: middle;
}

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

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

.guarantee-info {
	background-color: #ffffff;
	border-radius: 32rpx;
	margin: 0 32rpx 24rpx;
	padding: 40rpx 32rpx;
}

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

.guarantee-info > view:nth-of-type(2) img {
	width: 44rpx;
	height: 40rpx;
	margin-right: 8rpx;
	vertical-align: middle;
}

.guarantee-info > view:nth-of-type(2) {
	color: #5E6F90;
	font-size: 28rpx;
}

.overdue-info {
	background-color: #ffffff;
	border-radius: 32rpx;
	margin: 0 32rpx 24rpx;
	padding: 40rpx 32rpx 32rpx;
	/* width: 92%; */
}

.overdue-info > view:nth-of-type(1) {
	color: #060809;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 40rpx;
}

.overdue-one,
.overdue-two,
.overdue-thr {
	background-color: #F3F8FF;
	padding: 32rpx 24rpx 24rpx;
}

.overdue-one {
	border-radius: 16rpx 16rpx 0rpx 0rpx;
}

.overdue-two {
	margin-top: 2rpx;
	margin-bottom: 2rpx;
}

.overdue-thr {
	border-radius: 16rpx 16rpx 0rpx 0rpx;
}

.overdue-one > view:nth-of-type(1),
.overdue-two > view:nth-of-type(1),
.overdue-thr > view:nth-of-type(1) {
	color: #060809;
	font-size: 28rpx;
	font-weight: bold;
	margin-bottom: 16rpx;
}

.overdue-one > view:nth-of-type(2),
.overdue-two > view:nth-of-type(2),
.overdue-thr > view:nth-of-type(2) {
	color: #828DA2;
	font-size: 24rpx;
	line-height: 36rpx;
}

.remove-info {
	background-color: #ffffff;
	border-radius: 32rpx;
	margin: 0 32rpx 24rpx;
	padding: 40rpx 32rpx 50rpx;
}

.remove-info >view:nth-of-type(1) {
	color: #060809;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 40rpx;
}

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

.remove-title > view:nth-of-type(1) {
	color: #060809;
	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: #060809;
	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: #060809;
	font-size: 28rpx;
	background-color: #F4F5F6;
	padding: 26rpx 0;
}

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

.assort-info {
	background-color: #ffffff;
	border-radius: 32rpx;
	margin: 0 32rpx 24rpx;
	padding: 40rpx 32rpx;
}

.assort-info > view:nth-of-type(1) {
	color: #060809;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 40rpx;
}

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

.assort-text {
	width: 308rpx;
	padding: 24rpx;
	color: #060809;
	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;
}

.pay-money {
	color: #F95151;
	font-size: 36rpx;
	font-weight: bold;
	margin-right: 64rpx;
}

.pay-btn {
	color: #ffffff;
	font-weight: 400;
	background-color: #060809;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 40rpx;
	/* padding-top: 24rpx;
	padding-bottom: 24rpx; */
	text-align: center;
	width: 100%;
}

.cancel {
	color: #828DA2;
	font-size: 28rpx;
	margin-right: 20rpx;
}

.deposit-btn {
	color: #060809;
	font-size: 28rpx;
	background-color: #EBECEC;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 40rpx;
	padding: 0 20rpx;
	/* padding-top: 24rpx;
	padding-bottom: 24rpx; */
	text-align: center;
	margin-left: 20rpx;
}

.w_224{
	width: 224rpx;
}

.w_254{
	width: 254rpx;
}

.w_288{
	width: 288rpx;
}

.w_418{
	width: 414rpx;
}

.sesame-btn {
	color: #ffffff;
	font-size: 28rpx;
	height: 60rpx;
	line-height: 60rpx;
	background-color: #060809;
	padding: 0 20rpx;
	border-radius: 40rpx;
	/* padding-top: 24rpx;
	padding-bottom: 24rpx; */
	text-align: center;
	margin-left: 10rpx;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}
.sesame-btn-s {
	color: #ffffff;
	font-size: 32rpx;
	height: 80rpx;
	line-height: 80rpx;
	background-color: #060809;
	opacity: 0.2;
	border-radius: 40rpx;
	/* padding-top: 24rpx;
	padding-bottom: 24rpx; */
	text-align: center;
}





.to-pay {
	align-items: baseline;
	width: 100%;
}

.bottom-right > view:nth-of-type(2) {
	color: #ffffff;
	font-size: 32rpx;
	font-weight: bold;
	text-align: center;
	height: 80rpx;
	line-height: 80rpx;
	padding-left: 104rpx;
	padding-right: 104rpx;
	/* padding: 24rpx 104rpx; */
	border-radius: 40rpx;
	background-color: #060809;
	margin-left: 20rpx;
}

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

.cancel-box {
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	background-color: #ffffff;
	padding: 40rpx 32rpx;
	z-index: 100;
	position: fixed;
	bottom: 0;
	width: 100%;
}

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

.cancel-item {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 48rpx;
}

.cancel-item img {
	width: 32rpx;
	height: 32rpx;
}

.show_mark_patment {
	position: absolute;
	z-index: 99;
	/* top: 0; */
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}

.payment-info {
	background-color: #ffffff;
	padding: 24rpx 32rpx 30rpx;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
}
.inset-bottom{
	height: calc(150rpx + env(safe-area-inset-bottom));
}
.pay_line {
	height: 2rpx;
	background: #EAEAEA;
	width: 100%;
}
.pay_money {
	background: #FFFFFF;
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	padding: 40rpx 32rpx 24rpx 32rpx;
}
.pay_money > view {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 36rpx;
	color: #2A3A5A;
	line-height: 36rpx;
	text-align: left;
	font-style: normal;
	padding: 24rpx 24rpx 24rpx 0rpx;
}
.pay_money>view:nth-of-type(1) {
	padding: 0rpx 20rpx 24rpx 0rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 40rpx;
	color: #2A3A5A;
	line-height: 40rpx;
	text-align: left;
	font-style: normal;
}
.pay_money>view:nth-of-type(4) {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.charge_money_info > view:nth-of-type(odd){
	padding-right: 24rpx;
}
.charge_money_info > view:nth-of-type(even){
	font-family: DIN;
	font-weight: 500;
	font-size: 60rpx;
	color: #F95151;
	line-height: 52rpx;
	text-align: left;
	font-style: normal;
}
.pay_info {
	background-color: #ffffff;
	padding: 42rpx 32rpx 48rpx;
}
.payment-info-one {
	background-color: #ffffff;
	padding: 42rpx 32rpx 48rpx;
}

.payment-top {
	color: #2A3A5A;
	font-size: 28rpx;
}

.payment-top text {
	color: #060809;
	font-size: 28rpx;
}

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

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

.bottom-left {
	color: #F95151;
	font-size: 36rpx;
	font-weight: bold;
}

.bottom-left>view:nth-of-type(2) {
	color: #060809;
	font-size: 28rpx;
	font-weight: 400;
	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;
	text-align: center;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 40rpx;
	
	background: linear-gradient(to right, #0074FF 0%, #00D7FF 100%);
}

.chargeinfo_img {
	width: 40rpx;
	height: 40rpx;
	margin-bottom: -8rpx;
}

.show_mark_container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 8;
}

.pop_content {
	display: flex;
	flex-direction: column;
	width: 568rpx;
	height: 438rpx;
	background-color: #fff;
	border-radius: 12rpx;
	padding: 20rpx;
	text-align: center;
	position: relative;
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #000000;
	font-style: normal;

}
.pop_foo {
	height: 70%;
}
.show_title {
	line-height: 48rpx;
	padding: 32rpx;
}
.show_info_content {
	margin-left: 32rpx;
	margin-right: 32rpx;
	margin-bottom: 40rpx;
	line-height: 32rpx;
}
.show_info_tips {
	position: absolute;
	padding-top: 16rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 24rpx;
	color: #828DA2;
	line-height: 36rpx;
	text-align: justify;
	font-style: normal;
}
.row-btn {
	display: flex;
	height: 20%;
	flex-direction: row;
	align-items: center;
	border-top: 1rpx solid #f1f1f1;
}

.row-btn view {
	flex: 1;
	text-align: center;
	margin: 10rpx 3%;
	padding: 12rpx 0 3rpx;
	font-size: 32rpx;
}

.left-btn {
	/* background-color: #f1f1f1; */
	color: #060809;
}

.deposit-info {
	background-color: #ffffff;
	margin: 0 32rpx 24rpx 32rpx;
	padding: 40rpx 32rpx 0rpx 32rpx;
	border-radius: 32rpx;
}

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

.selected-deposit {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.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;
}

.exchange-info {
	background: #F4F5F6;
	border-radius: 24rpx;
	padding: 24rpx;
}

.exchange-info-title {
	color: #2A3A5A;
	font-size: 40rpx;
	font-weight: bold;
	margin-bottom: 28rpx;
}
.exchange-button{
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #060809;
	line-height: 32rpx;
	text-align: right;
	font-style: normal;
	
}
.exchange-button > text {
	padding: 0 4rpx;
}
.exchange-content{
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 24rpx;
	color: #828DA2;
	line-height: 36rpx;
	text-align: justify;
	font-style: normal;
}




.get-car-number-card{
	background: #FFFFFF;
	border-radius: 40rpx;
	padding: 40rpx;
	text-align: center;
	font-weight: 600;
	font-size: 32rpx;
	color: #060809;
	margin-bottom: 20rpx;
}
.get-car-number{
	font-weight: bold;
	line-height: 1;
	font-size: 80rpx;
	color: #060809;
	margin: 24rpx 0 40rpx;
}
.get-car-number-tip{
	font-weight: 400;
	font-size: 24rpx;
	color: #060809;
	opacity: 0.4;
}
.distance-num{
	background: #E6EEFE;
	border-radius: 20rpx;
	font-family: DIN, DIN;
	font-weight: 500;
	font-size: 26rpx;
	color: #0A59F7;
	padding: 6rpx 20rpx;
}
.store-img-view>img{
	width: 160rpx;
	height: 160rpx;
	border-radius: 24rpx;
}
.store-name-address{
	font-weight: 400;
	font-size: 28rpx;
	color: #9FA7B7;
	margin: 16rpx 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.store-name{
	font-weight: 600;
	font-size: 34rpx;
	color: #060809;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.time-style{
	font-weight: 400;
	font-size: 26rpx;
	color: #828DA2;
}
.car-top{
	margin-bottom: 24rpx;
}
.grey-text{
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 28rpx;
	color: #060809;
	opacity: 0.4;
	margin-right: 16rpx;
}
.get-car-time{
	font-weight: 600;
	font-size: 54rpx;
	color: #0A59F7;
	margin: 0 4rpx;
}
.get-time-view{
	font-weight: 400;
	align-items: center;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 48rpx;
	color: #060809;
	margin-bottom: 48rpx;
}
.serviceList{
	display: flex;
	align-items: center;
	margin-top: 20rpx;
	flex-wrap: wrap;
}
.serviceList .tag{
	min-width: 106rpx;
	height: 40rpx;
	background: #F3F8FF;
	border-radius: 24rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 22rpx;
	color: #2A3A5A;
	line-height: 24rpx;
	text-align: center;
	font-style: normal;
	margin-right: 10rpx;
}
.link-phone-btn {
	color: #ffffff;
	font-size: 28rpx;
	height: 60rpx;
	line-height: 60rpx;
	background-color: #060809;
	border-radius: 40rpx;
	padding: 0 20rpx;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	/* padding-top: 24rpx;
	padding-bottom: 24rpx; */
	text-align: center;
	margin-left: 20rpx;
}
.grow_1{
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}