mplace_source/static/zaiui/style/second_terrace.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 {
			border-radius: 54.54upx 0 0 54.54upx;
			padding: 0px 27.27upx;
			position: absolute;
		    right: -29.09upx;
		    top: 0;
			.icon-text {
			    position: relative;
			    top: 2upx;	
			}
		}
	}
	.price-view {
		position: relative;
		.text-price {
			font-size: 54.54upx;
		}
		text {
			margin-right: 18.18upx;
		}
		.cu-tag {
			position: relative;
		    top: -9.09upx;
			.icon-text {
				position: relative;
				margin-right: 3.63upx;
			    top: 2upx;
			}
		}
	}
	.zaiui-hot-view-box {
		position: relative;
		.flex {
			.basis-1 {
				flex-basis: 10%;
			}
			.basis-8 {
				flex-basis: 80%;
			}
		}
		.tag-view-box {
			position: relative;
			margin-bottom: 10.9upx;
			.cu-tag {
				position: relative;
			    top: -2upx;	
			}
		}
		.icon-view {
			height: 100%;
			display: flex;
			align-items: center;
			.icon {
				position: absolute;
				right: 15px;
			}
		}
	}
}

.zaiui-service-view-box {
	position: relative;
	padding-bottom: 18.18upx;
	.flex {
		.basis-1 {
			flex-basis: 10%;
		}
		.basis-8 {
			flex-basis: 80%;
		}
	}
	.tag-view-box {
		position: relative;
		top: -3.63upx;
		.tag-view {
		    margin-right: 18.18upx;
		    padding: 0;
		}
		.cu-tag + .cu-tag {
		    margin-left: 0;
		}
	}
	.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-bubble-view {
		position: relative;
		margin-top: 36.36upx;
		background-color: #F8F8F8;
		width: 100%;
		.usefull-icon {
		    position: absolute;
			font-size: 32.72upx;
		    top: -21.81upx;
		    color: #F8F8F8;
		    left: 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: 35%;
		}
		.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-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 {
				line-height: 29.09upx;
				padding: 0 5.45upx;
				.margin-left-xs {
				    margin-left: 3.63upx;	
				}
			}
			.cu-tag.sm.just {
				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%;
	}
	.flex {
		.basis-1 {
			flex-basis: 10%;
		}
		.basis-9 {
			flex-basis: 90%;
		}
	}
	.zaiui-border-view {
		position: relative;
		background: #efebeb;
		margin: 21.81upx 0;	
		height: 2upx;
		width: 100%;
	}
	.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-resemble-goods-box {
	position: relative;
	.flex {
		.img-aau {
			width: 81.81upx;
			margin-top: 12.72upx;
		}
		.text-right {
			.img-aau {
				margin-right: 14.54upx;
			}
		}
		.text-left {
			.img-aau {
				margin-left: 14.54upx;
			}
		}
	}
	.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%;
}