mplace_source/static/zaiui/style/second_hand.scss

.zaiui-goods-synopsis-view {
	.user-view {
		position: relative;
		width: 100%;
		.cu-avatar {
		    position: absolute;	
		}
		.text-name {
			position: relative;
			padding: 0 181.81upx 0 61.81upx;
			line-height: 47.27upx;
			height: 47.27upx;
		}
		.text-right-view {
			position: absolute;
		    right: 0;
		    top: 7.27upx;	
		}
	}
	.price-view {
		position: relative;
		text {
			margin-right: 9.09upx;
		}
	}
	.zaiui-map-view {
		position: relative;
		background-image: url('/static/images/home/sundry/map.png');
		background-size: cover;
		background-position: center;
		padding: 10.9upx 27.27upx;
		border-radius: 90.9upx;
		opacity: 0.8;
		.cut-view {
			padding-right: 218.18upx;	
		}
		.text-right-view {
			position: absolute;
			right: 27.27upx;
			top: 10.9upx;
		}
	}
}

.zaiui-service-view-box {
	position: relative;
	.flex {
		.basis-1 {
			flex-basis: 10%;
		}
		.basis-7 {
			flex-basis: 70%;
		}
		.basis-2 {
			flex-basis: 20%;
		}
	}
	.tag-view-box {
		.tag-view {
			margin-right: 9.09upx;
		}
	}
	.icon-view {
		height: 100%;
		display: flex;
		align-items: center;
		.icon {
			position: absolute;
			right: 15px;
		}
	}
}

.zaiui-details-view-box {
	position: relative;
	.title-view {
		padding: 9.09upx 0 18.18upx;
	}
	.col-item {
		margin: 9.09upx 0;
	}
	.zaiui-text-content-view {
		margin: 27.27upx 0;
	}
	.zaiui-img-box {
		position: relative;
		width: 100%;
		image {
			width: 100%;
			border-radius: 18.18upx;
		}
		image + image {
			margin-top: 18.18upx;
		}
	}
}

.zaiui-footer-fixed {
	box-shadow: 0 -2upx 9.09upx 0 #ececec;
	.cu-bar, .flex-wrap {
		width: 100%;
	}
	.cu-bar {
		padding-right: 18.18upx;
		.basis-xs {
			flex-basis: 15%;
		}
		.basis-sm{
			flex-basis: 42.5%;
		}
		.btn-view {
			padding: 0 18.18upx;
			.cu-btn {
				width: 100%;
			}
		}
	}
}

.zaiui-border-view {
	position: relative;
	background: #efebeb;
	margin: 36.36upx 0;	
	height: 2upx;
	width: 100%;
}

.zaiui-steps-view {
	box-shadow: 0 0 14.54upx rgba(26, 26, 26, 0.2);
	margin: 9.09upx 0 29.09upx 0;
	--ShadowSize: 0 1upx 6upx;
    border-radius: 9.09upx;
    padding: 29.09upx;
	.cu-steps.steps-arrow .cu-item::before, .cu-steps.steps-arrow .cu-item::after {
	    content: "\E7F6";
		border-bottom-width: 0;
	    font-family: 'cuIcon';
		font-size: 36.36upx;
	    height: 29.09upx;
	    color: #D0E0FA;
	    line-height: 0;
	    top: -30.9upx;
		margin: auto;
	    bottom: 0;
	}
}

.zaiui-selll-user-view-box {
	.cu-list.menu-avatar>.cu-item {
		height: 99.99upx;
		.content {
			left: 127.27upx;
			width: calc(100% - 94.54upx - 127.27upx);
			.cu-tag.sm {
				padding: 0;
				width: 27.27upx;
				height: 27.27upx;
				text-align: center;
				line-height: 27.27upx;
			}
		}
		&:after {
			width: 0;
			height: 0;
			border-bottom: 0;
		}
	}
	.cu-list.menu-avatar>.cu-item>.cu-avatar {
	    width: 72.72upx;
	    height: 72.72upx;	
	}
	.zaiui-grid-tab-view {
		position: relative;
		width: 100%;
		.grid {
			border-radius: 9.09upx;
			.item-view {
				position: relative;
				padding: 14.54upx 0;
			}
			.item-view + .item-view {
				&:before {
					content: "";
				    position: absolute;
					background: #e2e2e2;
				    height: 45.45upx;
					top: 27.27upx;
				    width: 2upx;
				    z-index: 0;
				    left: 0;
				}
			}
		}
	}
	.zaiui-goods-swiper-view {
		.goods-item {
			position: relative;
			text-align: center;
			.text-price-view {
			    position: absolute;
				bottom: 3.63upx;
				left: 36.36upx;
			    color: #fff;
			}
		}
		.screen-swiper {
		    min-height: 145.45upx;
		    height: 172.72upx;
		}
	}
}

.zaiui-interaction-view-box {
	.zaiui-null-view {
		position: relative;
		text-align: center;
		height: 218.18upx;
		width: 100%;
		.text-view-box {
			padding: 45.45upx 0 36.36upx 0;
		}
		.cu-btn {
		    height: 61.81upx;
		    font-size: 23.63upx;
		    padding: 0 45.45upx;
		}
	}
	.zaiui-interaction-view {
		position: relative;
		width: 100%;
		.user-input-view {
			position: relative;
			width: 100%;
			.cu-avatar {
				position: absolute;	
			}
			.input-view-box {
			    position: relative;
			    padding-left: 99.99upx;
				.arrow-view {
				    border-top: 18.18upx solid transparent;
				    border-bottom: 18.18upx solid transparent;
				    border-right: 18.18upx solid #F8F8F8;
				    position: absolute;
				    left: 83.63upx;
				    top: 13.63upx;
					height: 0;
					width: 0;
				}
				.input-view {
					margin-right: 141.81upx;
					background: #F8F8F8;
					font-size: 25.45upx;
					padding: 0 27.27upx;
				    height: 63.63upx;
				}
				.cu-btn {
					border-radius: 0 72.72upx 72.72upx 0;
				    position: absolute;
					padding: 0 45.45upx;
					font-size: 25.45upx;
				    right: 0;
				    top: 0;
				}
			}
		}
	}
	.zaiui-interaction-list-view {
		position: relative;
		width: 100%;
		.list-itme {
		    position: relative;
		    width: 100%;
		    padding: 27.27upx 0;
		    border-bottom: 2upx solid #efebeb;
			.cu-avatar {
				position: absolute;	
			}
			.view-box {
				position: relative;
			    padding-left: 99.99upx;
				.content-box {
				    line-height: 1.6;
				    margin-top: 9.09upx;
				}
			}
			.zaiui-comment-view {
				background: #F8F8F8;
				margin-top: 27.27upx;
				.user-name-box {
					.cu-tag {
						position: relative;
					    top: -2upx;
					    margin: 0 9.09upx;	
					}
				}
				.zaiui-reply-view {
					margin-top: 9.09upx;
					text {
						margin-right: 9.09upx;
					}
				}
			}
		}
	}
	.zaiui-tag-view-box {
		position: relative;
		.cu-tag {
			margin-bottom: 18.18upx;
			margin-right: 36.36upx;
		}
		.cu-tag + .cu-tag {
		    margin-left: 0;
		}
	}
	.zaiui-tag-text-view-box {
		position: relative;
		padding: 18.18upx 0;
		.text-cut {
		    padding: 9.09upx 0;	
			.cu-tag {
				position: relative;
			    top: -3.63upx;	
			}
		}
	}
}

.zaiui-recommend-goods-box {
	.zaiui-goods-info-box {
		position: relative;
		.goods-img-view {
			position: absolute;
			.cu-avatar {
			    width: 181.81upx;
			    height: 181.81upx;
				border-radius: 14.54upx;
			}
			.cu-tag {
			    position: absolute;
			    left: 14.54upx;
			    top: 14.54upx;	
			}
		}
		.goods-info-view {
			position: relative;
			padding-left: 209.09upx;
			height: 181.81upx;
			line-height: 1.55;	
			.tag-view-box {
				.cu-tag {
					margin-right: 9.09upx;
				}
				.cu-tag + .cu-tag {
					margin-left: 0;
				}
			}
		}
	}
}

.zaiui-resemble-goods-box {
	position: relative;
	.text-title-view {
		background-image: linear-gradient(0deg, #FAFAFA, #ffffff);
	}
	.grid {
		padding: 0 18.18upx;
		.grid-item-box {
			padding: 9.09upx;
			.item-view {
				border-radius: 10.9upx;
				.cu-avatar {
					width: 100%;
				    height: 309.09upx;
					border-radius: 10.9upx 10.9upx 0 0;
				}
				.zaiui-text-view {
					line-height: 1.6;
					.tag-view-box {
						text {
						    margin-right: 9.09upx;	
						}
					}
					.text-price-view {
						position: relative;
						.cu-tag {
						    position: absolute;
							top: 9.09upx;
						    right: 0;
						}
					}
					.gps-right-view {
						position: relative;
						.text-right {
						    position: absolute;
						    right: 0;
						    top: 7.27upx;	
						}
					}
				}
			}
		}
	}
}

.zaiui-scroll-tab-view {
	box-shadow: 0 2upx 21.81upx 0 rgba(136, 136, 136, 0.29);
	position: fixed;
	width: 100%;
	z-index: 99;
}

.zaiui-scroll-height-view {
	position: relative;
	height: 63.63upx;
	width: 100%;
}