place/static/zaiui/style/order-list.scss

page {
	background-color: #FFFFFF;
}

.zaiui-sort-grid-box {
	position: relative;
	margin: 27.27upx 0;
	width: 100%;
	.scroll-view {
		position: relative;
		white-space: nowrap;
		width: 100%;
		.scroll-item {
			display: inline-block;
			position: relative;
			text-align: center;
			margin: 0 21.81upx;
			width: 127.27upx;
			&:first-child {
				margin-left: 18.18upx;
			}
			&:last-child {
				margin-right: 18.18upx;
			}
			.cu-avatar {
			    width: 99.99upx;
			    height: 99.99upx;
				border-radius: 50%;
			}
			.text {
				position: relative;
				padding: 14.54upx 18.18upx 0; 
				width: 100%;	
			}
		}
	}
}

.zaiui-nav-tab-view {
	position: sticky;
	padding: 2upx 0 9.09upx;
	z-index: 999;
	
	/* #ifndef MP */
	top: calc(var(--status-bar-height) + 101upx);
	/* #endif */
	
	/* #ifdef MP */
	top: calc(var(--status-bar-height) + 161upx);
	/* #endif */
	
	transition: all .25s;
	.nav.z .cu-item.select .tab-dot {
		height: 5.45upx;	
	}
}
.zaiui-order-tab-view {
	position: relative;
	margin: 0 27.27upx;
	margin-top: 27.27upx;
	border-radius: 9.09upx;
	padding: 27.27upx 18.18upx;
	box-shadow: 0 0 14.54upx #f1f1f1;
	&:last-child {
		margin-bottom: 27.27upx;
	}
	.shop-title-view {
		position: relative;
		margin-bottom: 27.27upx;
		.cu-avatar {
		    position: absolute;	
		}
		.shop-name {
			position: relative;
		    height: 47.27upx;
		    line-height: 47.27upx;
		    padding: 0 199.99upx 0 61.81upx;	
		}
		.text-right {
		    position: absolute;
			top: 7.27upx;
		    right: 0;
		}
	}
	.goods-list-view {
		position: relative;
		margin-top: 27.27upx;
		.cu-avatar {
		    position: absolute;
		    width: 158.18upx;
		    height: 158.18upx;
		}
		.goods-info-view {
			position: relative;
			padding-left: 176.36upx;
			height: 158.18upx;
			.name {
			    position: relative;
			    height: 36.36upx;
			}
			.introduce {
			    position: relative;
			    height: 32.72upx;
			    margin-top: 9.09upx;
			}
			.tag-view {
				position: relative;
				height: 30.9upx;
				margin-top: 9.09upx;
				.cu-tag {
				    position: relative;
				    top: -3.63upx;
				}
			}
			.text-price {
				height: 30.9upx;
			    margin-top: 9.09upx;
			}
		}
	}
	.statistics-view {
		position: relative;
		padding: 18.18upx 0;
		margin-top: 18.18upx;
		border-bottom: 2upx solid #f3f3f3;
	}
	.zaiui-btn-view {
		position: relative;
		text-align: right;
		margin-top: 18.18upx;
		.cu-btn {
		    background: #FFFFFF;	
		}
		.cu-btn + .cu-btn {
		    margin-left: 9.09upx;
		}
	}
}


.zaiui-foot-tip-view {
	position: relative;
	text-align: center;
	margin-top: 72.72upx;
	margin: 27.27upx 0;
	.img-view {
		position: relative;
		margin-bottom: 9.09upx;
		.cu-avatar {
		    background: #FFFFFF;
		    background-size: cover;
		    background-position: center;
		}
	}
}

.zaiui-null-view {
	position: relative;
	text-align: center;
	margin-top: 72.72upx;
	.img-view {
		position: relative;
		margin-bottom: 9.09upx;
		.cu-avatar {
			width: 363.63upx;
			height: 363.63upx;
		    background: #FFFFFF;
		    background-size: cover;
		    background-position: center;
		}
	}
}