mplace_source/static/zaiui/style/settlement.scss

.zaiui-view-box {
	position: relative;
	padding: 0 18.18upx;
	.zaiui-card {
		position: relative;
		padding: 18.18upx;
		border-radius: 9.09upx;
		box-shadow: 0 0 10.9upx #f7f7f7;
	}
}
.address-view {
	.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: 20upx;
		}
		.content {
		    left: 72.72upx;
		    width: calc(100% - 94.54upx - 27.27upx);
		}
		.action {
			text-align: right;
			width: 36.36upx;
		}
	}
	.address-line {
		position: absolute;
		background-image: url('/static/zaiui/img/a9l.png');
		background-repeat: no-repeat;
		background-size: 100%;
		border-radius: 0 0 9.09upx;
		height: 9.09upx;
		width: 100%;
		bottom: 0;
		right: 0;
		left: 0;
	}
}
.goods-view {
	.title-view {
		position: relative;
		line-height: 49.09upx;
	    height: 47.27upx;
		.cu-avatar {
		    position: absolute;	
		}
		.title-box {
		    position: relative;
		    padding-left: 63.63upx;	
			.cu-tag {
				position: relative;
				top: -3.63upx;	
			} 
		}
	}
	.goods-info-view-box {
		position: relative;
		padding: 27.27upx 18.18upx;
		.cu-avatar {
			position: absolute;
			height: 163.63upx;
			width: 163.63upx;
			left: 18.18upx;
		}
		.goods-info-view {
			position: relative;
			padding-left: 181.81upx;
			height: 163.63upx;
			line-height: 1.4;
			.zaiui-tag-view {
				position: relative;
			}
			.goods-price-view {
				position: relative;
				line-height: 1.7;
				top: 9.09upx;
			}
		}
	}
	.solid-bottom::after {
	    border-bottom: 2upx solid rgba(0, 0, 0, 0.1);
	}
	.zaiui-gift-list {
		position: relative;
		.title {
			padding-right: 181.81upx;
		}
		.text-right {
		    position: absolute;
		    right: 0;
		    top: 0;	
		}
	}
	.zaiui-gift-list + .zaiui-gift-list {
		margin-top: 10px;
	}
	.checked-view {
		position: relative;
		.zaiui-checked {
		    position: absolute;
			transform: scale(0.7);
		}
		.text-black-view {
			padding-left: 63.63upx;
			line-height: 47.27upx;
		}
	}
	.zaiui-service-view {
		.flex-sub {
			position: relative;
			text-align: center;
			line-height: 1.8;
			border: 2upx solid #f7f5f5;
			.cu-tag {
				position: relative;
				top: -4upx;
			}
			.zaiui-corner-mark {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 0;
				height: 0;
				border-bottom: 36.36upx solid #eaeaea;
				border-left: 45.45upx solid transparent;
			}
			.check-icon {
				position: absolute;
				font-size: 20upx;
				bottom: -3px;
				color: #FAFAFA;
				right: 2upx;
			}
			.zaiui-corner-mark.check {
				border-bottom: 36.36upx solid #e54d42;
			}
			.check-icon.check {
				color: #fff;
			}
		}
	}
}

.zaiui-card.pay-view {
	position: relative;
	padding: 10px 10px 0;
	.title-view {
		position: relative;
		.text-right {
		    position: absolute;
		    right: 0;	
		}
	}
	.tag-view-box {
		position: relative;
		padding: 0 0 27.27upx;
		border-bottom: 1upx solid rgba(0, 0, 0, 0.1);
		.cu-tag {
		    margin-top: 18.18upx;
			margin-right: 9.09upx;
		}
		.cu-tag + .cu-tag {
			margin-left: 0;
		}
	}
	.cu-list.menu>.cu-item {
		padding: 0;
		min-height: 90.9upx;
		.content {
			font-size: 27.27upx;
		}
		.action .cu-tag{
			position: relative;
			top: -3.63upx;
			right: 9.09upx;
		}
	}
	.cu-list.menu>.cu-item.arrow {
		padding-right: 29.09upx;
		&:before {
			right: 0;
			color: #aaaaaa;
		}
	}
}

.zaiui-price-view {
	position: relative;
	.item-view {
		position: relative;
		.title {
			padding-right: 181.81upx;
		}
		.text-right {
		    position: absolute;
		    right: 0;
		    top: 0;	
		}
	}
	.item-view + .item-view {
		margin-top: 18.18upx;
	}
}

.agreement-checked-view {
	position: relative;
	padding: 18.18upx 27.27upx;
	.zaiui-checked {
		position: absolute;
		transform: scale(0.7);
	}
	.text-black-view {
		padding-left: 63.63upx;
		line-height: 47.27upx;
	}
}

.zaiui-footer-fixed {
	box-shadow: 0 -2upx 9.09upx 0 #ececec;
	z-index: 999;
	.cu-bar {
		width: 100%;
		.price-view {
			width: 100%;
			padding-right: 254.54upx;
		}
		.btn-view {
			position: absolute;
			float: right;
			right: 29.09upx;
		}
	}
}