place/static/zaiui/style/goods.scss

.zaiui-banner-swiper-box {
	position: relative;
	width: 100%;
	.screen-swiper {
	    min-height: 436.36upx;
	}
	.zaiui-page {
		position: absolute;
		bottom: 27.27upx;
		right: 27.27upx;
		padding: 18.18upx;
	}
}

.zaiui-limited-seckill-box {
	position: relative;
	background-image: url('/static/images/home/sundry/aiu.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 18.18upx 27.27upx;
	color: #ffffff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	.zaiui-time-left {
		display: flex;
		align-items: center;
	}
	
	.text-xxl {
	    font-size: 54.54upx;
		margin-right: 10upx;
	}
	.zaiui-cost-price-num {
	    // position: absolute;
		font-weight: 200;
		// left: 199.99upx;
	 //    top: 21.81upx;
	}
	.zaiui-cost-price-num.price-6{
		left: 254.54upx;
	}
	.zaiui-cost-price-num.price-5 {
		left: 227.27upx;
	}
	.zaiui-cost-price-num.price-4 {
		left: 199.99upx;
	}
	.zaiui-cost-price-num.price-3 {
		left: 163.63upx;	
	}
	.zaiui-cost-price-num.price-2{
		left: 136.36upx;
	}
	.zaiui-cost-price-num.price-1{
		left: 99.99upx;	
	}
	.zaiui-time-right {
		// position: absolute;
		// right: 27.27upx;
		// top: 16.36upx;
	}
}
.zaiui-view-box {
	position: relative;
	padding: 18.18upx 27.27upx;
}
.zaiui-title-view-box {
	position: relative;
	.cu-tag {
	    margin-top: -9.09upx;
	    margin-right: 9.09upx;	
	}
	.zaiui-title-tip-box {
		position: relative;
		padding: 9.09upx 18.18upx;
		width: 100%;
		.text-cut {
			padding-right: 27.27upx;
		}
		.icon {
			position: absolute;
			right: 18.18upx;
			top: 16.36upx;
		}
	}
}
.zaiui-service-view-box {
	position: relative;
	.flex {
		.basis-1 {
			flex-basis: 10%;
		}
		.basis-7 {
			flex-basis: 70%;
		}
		.basis-2 {
			flex-basis: 20%;
		}
	}
	.tag-view {
		margin-right: 9.09upx;
	}
	.icon-view {
		height: 100%;
		display: flex;
		align-items: center;
		.icon {
			position: absolute;
			right: 15px;
		}
	}
}

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

.zaiui-select-view-box {
	.flex {
		.basis-1 {
			flex-basis: 10%;
		}
		.basis-9 {
			flex-basis: 90%;
		}
		.basis-8 {
			flex-basis: 80%;
		}
	}
	.zaiui-border-view {
	    position: relative;
	    background: #efebeb;
		margin: 21.81upx 0;	
	    height: 2upx;
	    width: 100%;
	}
	.icon {
	    position: relative;
	    top: 3.63upx;	
	}
}

.zaiui-comment-view-box {
	.zaiui-border-view {
		position: relative;
		background: #efebeb;
		margin: 0 27.27upx;
		height: 2upx;
	}
	.zaiui-view-box {
		.flex {
			.basis-1 {
				flex-basis: 10%;
			}
			.basis-9 {
				flex-basis: 90%;
			}
		}
	}
}

.zaiui-goods-info-view-box {
	.zaiui-shop-view {
		position: relative;
		width: 100%;
		.cu-avatar {
		    position: absolute;
			height: 80upx;
			width: 80upx;
		}
		.text-view {
		    padding-left: 99.99upx;
		    padding-right: 145.45upx;	
		}
		.cu-btn {
		    position: absolute;
			top: 21.81upx;
		    right: 0;
		}
	}
	.zaiui-border-view {
		position: relative;
		background: #efebeb;
		margin: 21.81upx 0;	
		height: 2upx;
		width: 100%;
	}
	.live-tag-view {
		position: relative;
		width: 100%;
		.text-view {
			padding-right: 127.27upx;
			.cu-tag {
			    position: relative;
			    top: -3.63upx;	
			}
		}
		.text-right-view {
			position: absolute;
			right: 0;
			top: 3.63upx;
		}
	}
	.zaiui-recommend-list-box {
		.recommend-scroll-box {
			position: relative;
			width: 100%;
			.recommend-scroll {
				position: relative;
				height: 363.63upx;
				white-space: nowrap;
				width: 100%;
				.recommend-scroll-item {
					display: inline-block;
					padding-top: 27.27upx;
					width: 199.99upx;
					padding-right: 18.18upx;
					white-space: initial;
					.cu-avatar{
						width: 181.81upx;
						height: 181.81upx;
					}
				}
			}
		}
	}
}

.zaiui-goods-details-box {
	position: relative;
	width: 100%;
	image {
		width: 100%;
	}
}

.zaiui-goods-help-view-box {
	.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-recommend-list-view-box {
	padding: 18.18upx 0;
	.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;
			}
		}
	}
	.zaiui-goods-list-box {
		position: relative;
		width: 100%;
		margin: 27.27upx 0;
		.col-2 {
			margin: 0 18.18upx;
			.list-itme {
				padding: 9.09upx;
				.list-radius {
					border-radius: 18.18upx;
					.goods-img {
						position: relative;
						width: 100%;
						.cu-avatar {
							width: 340upx;
							height: 340upx;
						    border-radius: 18.18upx 18.18upx 0 0;	
						}
						.mold-view {
						    position: absolute;
						    bottom: 0;	
						}
					}
					.view-goods-info {
						position: relative;
					    padding: 18.18upx;
						.text-lg {
						    font-size: 36.36upx;
						}
					}
				}
			}
		}
	}
}

.zaiui-footer-fixed {
	.cu-bar.tabbar.shop .action {
		color: #333333;
	}
}

.zaiui-bottom-modal-box {
	.zaiui-title-bar {
		position: relative;
		width: 100%;
		.close-icon {
		    position: absolute;
		    right: 36.36upx;	
		}
	}
	.zaiui-modal-content {
		position: relative;
		width: 100%;
		overflow-y: auto;
		height: calc(100vh - 654.54upx);
		padding: 0 29.09upx 29.09upx;
		margin-bottom: 118.18upx;
		.zaiui-view-box {
			position: relative;
			width: 100%;
			padding: 0;
			text-align: left;
		}
		.zaiui-view-box.service {
			.text-view {
				margin-bottom: 18.18upx;
			}
			.text-list-view {
				position: relative;
				width: 100%;
				margin-bottom: 18.18upx;
				.text-cut {
					padding-right: 21upx;
				}
			}
			.text-list-view + .text-view {
				margin-top: 36.36upx;
			}
		}
		.zaiui-view-box.promotion {
			.text-view {
				margin-bottom: 18.18upx;
				.cu-tag {
					position: relative;
					top: -3.63upx;
				}
			}
			.text-list-view {
				position: relative;
				width: 100%;
				margin-bottom: 18.18upx;
				.text-cut {
					padding-right: 218.18upx;
				}
				.text-right-view {
					position: absolute;
					right: 0;
					top: 2upx;
				}
			}
			.text-list-view + .text-view {
				margin-top: 36.36upx;
			}
		}
		.zaiui-view-box.select {
			.cu-list.menu-avatar>.cu-item {
				.content {
					width: calc(100% - 94.54upx - 59.99upx);
				}
			}
			.zaiui-select-btn-list-boox {
				.select-item {
					padding: 18.18upx 0;
					border-bottom: 2upx solid #f3f3f3;
					.select-btn {
						position: relative;
						margin-top: 14.54upx;
						width: 100%;
						.cu-btn {
							font-size: 23.63upx;
							margin: 5upx 16.36upx 5upx 0;
						}
						.cu-btn.light {
						    border: 2upx solid;	
						}
						.cu-btn[disabled] {
						    color: #aaaaaa;
						}
					}
				}
			}
		}
		.zaiui-footer-fixed {
			padding: 9.09upx 29.09upx 29.09upx;
		}
	}
}
.zaiui-bottom-modal-box.cu-modal.bottom-modal {
	.cu-dialog {
		border-radius: 36.36upx 36.36upx 0 0;
	}
}