BiKing/pages/property/modules/card.scss

.box {
		padding: 0 $pages-padding;
	}

	.card-box {
		width: 100%;
		min-height: 327rpx;
		padding: 34rpx 30rpx;
		// background: linear-gradient(89deg, #05c373 1%, #8eeabb 99%);
		background: url("@/static/images/zichan/bg.png") no-repeat  center center;
		background-size: 100% 100%;
		border-radius: 18rpx;

		.card-title {
			width: 100%;
			display: flex;
			align-items: center;

			.title {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: 400;
				color: #ffffff;
				line-height: 33rpx;
			}

			.icon {
				width: 28rpx;
				height: 18rpx;
				margin-left: 10rpx;
			}
			.title-icon{
				margin-left: 4px;
				font-size: 28rpx;
				color: #ffffff;
			}
		}

		.card-num {
			margin: 19rpx 0 11rpx;
			font-size: 40rpx;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 400;
			color: #ffffff;
			line-height: 56rpx;
			height: 56rpx;
		}

		.card-nums {
			font-size: 20rpx;
			font-family: PingFang SC, PingFang SC-Regular;
			font-weight: 400;
			color: #ffffff;
			height: 28rpx;
			display: flex;
			align-items: center;
			.nums-icon{
				font-size: 20rpx;
				margin-right: 10rpx;
			}
		}

		.card-muen {
			padding-top: 48rpx;
			display: flex;
			align-items: center;
			flex-wrap: wrap;

			::v-deep .card-muen-item_1 {
				width: calc((100% - 22rpx) / 2);

				min-height: 64rpx;
				flex-shrink: 0;
				background: #05bd73;
				border: 1rpx solid rgba(255, 255, 255, 0.1);
				border-radius: 6rpx;
				display: flex;
				align-items: center; 
				padding-left: 40rpx;

				&:nth-child(even) {
					margin-left: 22rpx;
				}

				&:nth-child(n + 3) {
					margin-top: 22rpx;
				}

				.item-icon {
					width: 38rpx;
					height: 38rpx;
					border-radius: 6rpx;
				}

				.item-name {
					padding-left: 32rpx;


					font-size: 28rpx;
					font-family: PingFang SC, PingFang SC-Regular;
					font-weight: 400;
					color: #ffffff;
				}
			}

			::v-deep .card-muen-item_2 {
				flex-shrink: 0;
				width: 20%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.item-icon {
					width: 32rpx;
					height: 32rpx;
					border-radius: 6rpx;
				}

				.item-name {
					padding-top: 2.5px;
					font-size: 22rpx;
					font-family: PingFang SC, PingFang SC-Regular;
					font-weight: 400;
					color: #ffffff;
					line-height: 30rpx;
				}
			}
		}
	}