place/static/zaiui/style/footmark.scss

.zaiui-nav-view {
	position: sticky;
	transition: all .25s;
	padding-bottom: 3.63upx;
	z-index: 999;
	width: 100%;
}

.zaiui-goods-list-view {
	position: relative;
	margin: 27.27upx;
	padding: 27.27upx;
	border-radius: 9.09upx;
	.zaiui-checked {
		position: absolute;
		visibility: hidden;
	}
	.zaiui-goods-list-box {
		position: relative;
		padding: 27.27upx 0;
		.cu-avatar {
			position: absolute;
		    height: 127.27upx;
		    width: 127.27upx;
			transition: left .15s;
		}
		.img-lower-box {
			position: absolute;
			height: 90.9upx;
			width: 90.9upx;
			background-color: rgba(0, 0, 0, 0.6);
			border-radius: 181.81upx;
			text-align: center;
			line-height: 90.9upx;
			font-size: 21.81upx;
			color: #dedede;
			top: 45.45upx;
			left: 18.18upx;
			transition: left .15s;
		}
		.goods-info-view {
			position: relative;
			padding-left: 154.54upx;
			height: 127.27upx;
			transition: all .15s;
			.goods-info-tools {
				position: absolute;
				bottom: 0;
				width: calc(100% - 154.54upx);
				transition: width .15s;
				.cu-tag {
					position: absolute;
				    right: 0;
				    bottom: 3.63upx;	
				}
			}
		}
		&:last-child {
			padding-bottom: 0;
		}
	}
	.zaiui-goods-list-box + .zaiui-goods-list-box {
		border-top: 2upx solid rgba(179, 179, 179, 0.1);
	}
	.zaiui-goods-list-box.zaiui-lower-shelf {
		.cu-avatar {
			opacity: 0.6;
		}
		.goods-info-view {
			opacity: 0.6;
		}
	}
}
.zaiui-goods-list-view.checked {
	.zaiui-checkbox-view {
		.zaiui-checked{
			top: 21.81upx;
			transition: top .15s;
		}
		.text-black {
			padding-left: 59.99upx;
			transition: all .15s;
		}
	}
	.zaiui-goods-list-box {
		.zaiui-checked {
			top: 69.09upx;
			transition: top .15s;
		}
		.cu-avatar {
			left: 59.99upx;
			transition: left .15s;
		}
		.goods-info-view {
			padding-left: 209.09upx;
			transition: all .15s;
			.goods-info-tools {
				width: calc(100% - 209.09upx);
				transition: width .15s;
			}
		}
	}
	.zaiui-goods-list-box.zaiui-lower-shelf {
		.img-lower-box {
			left: 76.36upx;
			transition: all .15s;
		}
	}
	.zaiui-checked {
		position: absolute;
		visibility: visible;
		transform: scale(0.7);
		z-index: 999;
	}
}

.zaiui-footer-fixed {
	box-shadow: 0 -2upx 9.09upx 0 #ececec;
	z-index: 999;
	.cu-bar {
		width: 100%;
		.checked-view {
			position: relative;
			z-index: 999;
			.zaiui-checked {
				position: relative;
				margin-right: 9.09upx;
			    top: -5.45upx;
				transform: scale(0.7);
			}
		}
	}
}

.zaiui-add-btn-view-box {
	position: fixed;
	z-index: 999;
	bottom: 181.81upx;
	right: 27.27upx;
	.cu-btn {
		margin: auto;
		width: 81.81upx;
		height: 81.81upx;
		font-weight: 800;
		border-radius: 50%;
		font-size: 36.36upx;
		border: 9.09upx solid #fff;
		box-shadow: 0 0 14.54upx 7.27upx #d0d0d0;
	}
}