.empty-box {
		padding: 20px;
		justify-content: center;
		text-align: center;
	}

	.empty-box {
		padding: 20px;
		justify-content: center;
		text-align: center;
	}

	.wrapper {
		display: flex;
		flex-direction: column;
		padding: 0rpx 20rpx;

		.wrapper-inner {
			display: flex;
			align-items: flex-start;
			margin: 20rpx 0;
			height: 320rpx;
		}

		.wrapper-inner:last-child {
			margin-bottom: 20px !important;
		}

		.box {
			margin-left: 20upx;
			margin-top: 10upx;
		}

		.text-wrapper {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: 70%;
			height: 100%;

			.text-rank {
				font-family: Tahoma, Geneva, Verdana, sans-serif;
				color: crimson;
			}

			.text-dec {
				white-space: normal;
				word-break: break-word;
				line-height: 46rpx;
			}

			.text-name {
				margin: 12rpx 0; 
			}
		}
	}

	.integral-mall-goods {
		width: 100%;
		height: 320rpx;
		background: #F2F2F2;
		border-radius: 16upx;
	}

	.top {
		position: relative;
		margin-bottom: 16rpx;

		.top-img {
			width: 100%;
		}

		.top-wrapper {
			display: flex;
			flex-direction: column;
			position: absolute;
			color: #FDF6EC;
			margin-left: 25rpx;
			bottom: 20px;

			.top-title {
				font-size: 36px;
				font-weight: bolder;
				margin-bottom: 35rpx;
				font-family: Georgia, 'Times New Roman', Times, serif;
			}

			.top-content {
				font-size: 16px;
				font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
			}
		}
	}