place/static/zaiui/style/order-details.scss

.cu-steps .cu-item {
	&:before {
		width: calc(100% - 72.72upx);
		border-bottom: 5.45upx solid #FFF3F3;
		left: calc(0px - (100% - 72.72upx) / 2);
		top: 34.54upx;	
	}
	.icon-view {
		border-radius: 181.81upx;
		height: 72.72upx;
		width: 72.72upx;
		margin: auto;
		margin-bottom: 14.54upx;
		box-sizing: border-box;
		border: 7.27upx solid #FFF3F3;
		text {
			font-size: 36.36upx;
			line-height: 61.81upx;
		}
	}
}
.cu-steps .cu-item.select {
	&:before {
		border-color: #e54d42;
	}
	.icon-view {
		border: 7.27upx solid #e54d42;
	}
}
.zaiui-card-box {
	padding: 27.27upx 27.27upx 0;
}
.zaiui-card-hight-box {
    height: 45.45upx;	
}
.zaiui-card-view {
	position: relative;
	border-radius: 9.09upx;
	padding: 18.18upx;
	box-shadow: 0 0 14.54upx #f1f1f1;
}
.zaiui-goods-ad-view {
	.cu-avatar {
		position: absolute;
		height: 136.36upx;
		width: 136.36upx;
	}
	.goods-info-view {
		position: relative;
		padding-left: 154.54upx;
		padding-right: 145.45upx;
		height: 136.36upx;
		.cu-tag {
			font-size: 21.81upx;
			padding: 0 18.18upx;
			height: 36.36upx;
			border-radius: 18.18upx 3.63upx;	
		}
		.text-black {
			margin-top: 18.18upx;
			margin-bottom: 7.27upx;
		}
	}
	.goods-btn-view {
		position: absolute;
		line-height: 136.36upx;
		height: 136.36upx;
		right: 18.18upx;
		top: 18.18upx;
	}
}
.zaiui-shop-view {
	position: relative;
	.shop-info-view {
		position: relative;
		margin-bottom: 27.27upx;
		line-height: 47.27upx;
		height: 47.27upx;
		.cu-avatar {
			position: absolute;
		}
		.title-view {
		    position: relative;
		    padding-left: 63.63upx;
		}
	}
	.goods-list-view {
		position: relative;
		margin: 18.18upx 0;
		.cu-avatar {
		    position: absolute;
			height: 154.54upx;
		    width: 154.54upx;
		}
		.goods-info-view {
			position: relative;
			padding-left: 172.72upx;
			height: 154.54upx;
			.name {
				position: relative;
				height: 38.18upx;
			    width: 100%;
			}
			.introduce {
				position: relative;
				height: 32.72upx;
				width: 100%;
			}
			.tag-view {
				position: relative;
				margin-bottom: 9.09upx;
				margin-top: 7.27upx;
				height: 33.87upx;
				width: 100%;
				.cu-tag {
					position: relative;
					top: -2upx;
				}
			}
			.text-price {
				position: relative;
				height: 36.36upx;
				width: 100%;
			}
		}
	}
	.zaiui-foot-view {
		position: relative;
		background: #FFFCFC;
		margin: 0 -18.18upx -18.18upx -18.18upx;
		border-radius: 0 0 9.09upx 9.09upx;
		padding: 18.18upx;
		.left-view {
			position: relative;
			padding-right: 181.81upx;
			.af5-img {
				position: relative;
				margin-right: 9.09upx;
				width: 36.36upx;
				top: 3.63upx;
			}
		}
		.text-right {
			position: absolute;
		    right: 18.18upx;
		    top: 18.18upx;
		}
	}
}
.zaiui-price-view {
	position: relative;
	.title-view {
		position: relative;
		margin-bottom: 18.18upx;
		.title {
		    position: relative;
		    padding-right: 181.81upx;	
		}
		.text-right {
		    position: absolute;
			top: 3.63upx;
		    right: 0;
		}
	}
	.title-right-view {
		position: relative;
	    margin-top: 27.27upx;
	    text-align: right;
	}
	.solid-line {
	    margin: 27.27upx 0;	
	}
}
.zaiui-order-view {
	position: relative;
	.solid-line {
	    margin: 27.27upx 0;	
	}
	.title-view {
		position: relative;
		margin-bottom: 18.18upx;
		&:last-child {
			margin-bottom: 12.72upx;
		}
		.title {
		    position: absolute;
		    top: 3.63upx;
		    left: 0;
		}
		.text-right {
		   position: relative;
		   padding-left: 181.81upx;
			.cu-btn {
			    padding: 0 10.9upx;
			    height: 30.9upx;
				top: -3.63upx;
			}
		}
	}
}
.zaiui-address-view {
	position: relative;
	.solid-line {
	    margin: 18.18upx 0;	
	}
	.cu-list.menu-avatar>.cu-item {
		height: 55px;
		&:after {
			width: 0;
			height: 0;
			border-bottom: 0;
		}
		.icon-view {
		    position: absolute;
			border-radius: 100%;
			text-align: center;
			line-height: 45.45upx;
			height: 45.45upx;
			width: 45.45upx;
		    left: 9.09upx;
		    top: 25.45upx;
		}
		.content {
		    left: 72.72upx;
		    width: calc(100% - 94.54upx);
		}
	}
}
.zaiui-status-img-view {
	position: relative;
	.are-img-view {
		position: relative;
		margin-bottom: 18.18upx;
		.are-img {
		    width: 327.27upx;	
		}
	}
}
.zaiui-title-view {
	position: relative;
	margin: 36.36upx 0 0;
	.img-anc {
	    position: relative;
	    width: 36.36upx;
	    top: 3.63upx;
	}
}
.zaiui-recommend-goods-list-view {
	position: relative;
	.flex-wrap {
	    padding: 9.09upx;	
		.basis-df {
			width: 50%;
			padding: 0 9.09upx;
		}
	}
	.list-itme {
		text-align: center;
		margin-bottom: 18.18upx;
		.cu-avatar {
			width: 347.27upx;
		    height: 347.27upx;
		}
		.goods-info-view {
			position: relative;
			padding: 14.54upx;
			text-align: left;
			.text-price {
			    margin: 9.09upx 0;
			}
			.foot-box {
				position: relative;
				.cu-tag {
				    position: absolute;
				    right: 0;
				    top: 0;
				}
			}
		}
	}
}
.foot-hight-view {
	width: 100%;
	height: calc((env(safe-area-inset-bottom) / 2) + 109.09upx);
}
.zaiui-footer-fixed {
	box-shadow: 0 -3.63upx 10.9upx 0 #eaeaea;
	padding: 18.18upx 27.27upx;
	text-align: right;
	.cu-btn {
	    margin-left: 10px;	
	}
}
.cu-modal.bottom-modal {
	.cu-bar {
		min-height: 81.81upx;
		.title {
			position: relative;
			width: 100%;
		}
		.close {
		    position: absolute;
			font-size: 36.36upx;
		    right: 27.27upx;
		}
	}
	.modal-view {
		position: relative;
		width: 100%;
		.content {
		    position: relative;
			text-align: left;
		    padding: 27.27upx 18.18upx;
			.tel-btn-view {
				position: relative;
				width: 100%;
				.tel-view {
				    position: relative;
					padding-right: 163.63upx;
					line-height: 47.27upx;
				    height: 47.27upx;
				}
				.cu-btn {
				    position: absolute;
				    right: 0;
				    top: 0;
				}
			}
			.code-view {
				position: relative;
				text-align: center;
				.code {
				    font-size: 54.54upx;
				}
				.code + .code {
					margin-left: 18.18upx;
				}
			}
		}
		.num-lock-view {
			position: relative;
			margin-bottom: -2upx;
			.solid-top::after {
			    border-top: 2upx solid rgba(0, 0, 0, 0.1);
			}
			.cu-list.grid>.cu-item {
				text {
					color: inherit;
				}
				.num {
				    font-size: 40upx;
				}
				.close {
				    font-size: 32.72upx;
				    margin-top: 9.09upx;
				}
				&:active {
					background-color: #f0f0f0;
				}
			}
		}
	}
}