place/static/zaiui/style/sort_list.scss

.zaiui-swiper-box {
	width: 100%;
	.screen-swiper {
		height: 196.36upx;
		min-height: 196.36upx;
		.swiper-padding {
			padding: 0 25upx;
		}
	}
}
.zaiui-invest-title-box {
	position: relative;
	padding: 18.18upx 21.81upx;
	.text-box {
		.cuIcon-title {
			font-size: 20upx;
		}
	}
	.img {
		position: absolute;
		background-size: 100% 100%;
	    right: 23.63upx;
	    width: 90.9upx;
	    height: 34.54upx;
	    top: 23.63upx;	
	}
}

.zaiui-grid-round-box {
	.cu-list.grid {
		background-color: inherit;
		.grid-icon {
			margin: 0 30upx;
			.icon {
				border-radius: 100%;
			}
		}
	}
	.cu-list.grid>.cu-item {
		text {
			color: #333333;
		}
		.cu-tag {
		    right: auto;
		    left: 45%;
		    margin-left: 0;
		    top: -9.09upx;
			transform: scale(0.8);
		}
	}
	.cu-list.grid.no-border {
	    padding: 18.18upx 9.09upx 0;
	}
}

.zaiui-grid-sm-box {
	.cu-list.grid {
		background-color: inherit;
		.grid-icon {
			margin: 0 30upx;
		}
	}
}

.zaiui-seckill-list-view-box {
	background-image: linear-gradient(0deg, #ffffff, #FAFAFA);
	padding: 0 29.09upx 29.09upx;
	.list-title-box {
		position: relative;
		width: 100%;
		.text-view {
			.text-bold {
				margin-right: 18.18upx;
			}
			.cu-tag {
			    position: relative;
				margin: 0 5.45upx;
			    top: -5.45upx;	
			}
			.colon {
			    position: relative;
			    top: -3.63upx;	
			}
		}
		.text-right-view {
			position: absolute;
			right: 0;
			top: 3.63upx;
		}
	}
	.seckill-goods-list-view {
		position: relative;
		width: 100%;
		.recommend-scroll {
			position: relative;
			height: 381.81upx;
			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;
				position: relative;
				.goods-img-view {
					position: relative;
					width: 100%;
					.cu-avatar{
						width: 181.81upx;
						height: 181.81upx;
					}
					.cu-tag {
					    position: absolute;
					    bottom: 0;
					    left: 0;	
					}
				}
				.rob-tag {
					position: absolute;
				    bottom: 10.9upx;
				    right: 21.81upx;
				    width: 36.36upx;
				    height: 36.36upx;
				    padding: 0;
				    line-height: 36.36upx;
				}
			}
		}
	}
}

.zaiui-gird-hot-goods-box {
	.margin,.cu-list.grid {
		border-radius: 10px;
	}
	.cu-list.grid>.cu-item {
		padding: 18.18upx;
		&::after {
			top: 0;
			left: 0;
			width: 200%;
			height: 200%;
			content: " ";
			position: absolute;
			transform: scale(.5);
			transform-origin: 0 0;
			pointer-events: none;
			box-sizing: border-box;
			border-radius: inherit;
		}
		&:nth-of-type(1) {
			&::after {
				border-right: 2upx solid rgba(0, 0, 0, .1);
				border-bottom: 2upx solid rgba(0, 0, 0, .1);
			}
		}
		&:nth-of-type(2) {
			&::after {
				border-right: 0;
				border-bottom: 2upx solid rgba(0, 0, 0, .1);
			}
		}
		&:nth-of-type(3) {
			&::after {
				border-right: 2upx solid rgba(0, 0, 0, .1);
				border-bottom: 0;
			}
		}
		&:nth-of-type(4) {
			&::after {
				border-right: 0;
				border-bottom: 0;
			}
		}
	}
	.cu-list.grid>.cu-item { 
		.text-view {
			position: relative;
			width: 100%;
			text-align: left;
			.text-title {
			    display: initial;
			    margin-top: 0;
			    color: #333333;
			    font-size: 30.9upx;
			    line-height: initial;
			    font-weight: bold;
			}
			.text-right-view {
				position: absolute;
				right: 0;
				top: 3.63upx;
				display: flex;
				.text-m {
				    display: initial;
				    margin-top: 0;
				    color: #aaaaaa;
				    font-size: 23.63upx;
				    line-height: initial;	
				}
				.icon {
				    position: relative;
				    display: initial;
				    margin-top: 0;
				    width: auto;
					top: 5.45upx;
				    font-size: 23.63upx;
				    line-height: initial;	
				}
			}
			.cu-tag {
				right: initial;
				left: 0;
				margin-left: 9.09upx;
				display: initial;
				margin-top: 0;
				color: aliceblue;
				font-size: 23.63upx;
				line-height: initial;
				position: relative;
				top: -3.63upx;
				padding: 3.63upx 10.9upx;
			}
		}
		.goods-item {
			.goods-img-view {
				position: relative;
				width: 100%;
			}
			.text-goods-title {
				color: #333333;
			}
		}
		.zaiui-list-2-view {
			.goods-img-view {
				position: relative;
				width: 100%;
				height: 127.27upx;
				.cu-avatar {
				    position: absolute;
				    left: 0;	
				}
				.zaiui-text-view {
					position: relative;
				    padding-left: 136.36upx;
				    text-align: left;
				    height: 127.27upx;
				    line-height: 1.6;
					.text-lg {
						font-size: 36.36upx;
					}
				}
			}
			.text-goods-title {
				color: #333333;
				text-align: left;
				.text-title-1 {
				    display: inherit;
				    margin-top: 0;
				    color: #e54d42;
				    font-size: 21.81upx;
				    line-height: 40upx;	
				}
				.text-title-2 {
				    display: inherit;
				    margin-top: 0;
				    color: #333333;
				    font-size: 25.45upx;
				    line-height: inherit;
				    margin-left: 18.18upx;	
				}
			}
		}
	}
}

.zaiui-add-btn-view-box {
	bottom: calc(env(safe-area-inset-bottom) / 2);
	text-align: center;
	.cu-btn {
		margin: auto;
		width: 81.81upx;
		height: 81.81upx;
		font-weight: 800;
		border-radius: 50%;
		font-size: 49.09upx;
		border: 9.09upx solid #fff;
		box-shadow: 0 0 14.54upx 7.27upx #d0d0d0;
	}
}