$spacing: 10upx;
	$size: 24upx;


	.live-item-body {
		width: 50%;
		position: relative;

		min-height: 100upx;
		border-radius: $spacing;
	}

	.live-item-background {
		width: 100%;
	}



	.live-item-bottom {
		position: absolute;
		bottom: 0%;
		width: 90%;
	}
	.live-user-group{
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.live-status-group {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	}
	
	
	.pre{
		background-color: #D92B2B;
		padding: 0 10upx;
		border-radius: 10upx;
		font-size: 25upx;
		color: #FFFFFF;
	}
	
	.pre-weight{
		font-weight:600;
	}

	.live-item {
		position: absolute;
		top: 0;
		height: calc(100% - #{$spacing} * 3);

		width: calc(100% - #{$spacing} * 2);
		margin: $spacing;
		padding: $spacing * 2;
		background-color: rgba(0, 0, 0, 0.2);
		border-radius: $spacing;
	}

	.live-list-group {
		width: 100%;
		flex-wrap: wrap;
		display: flex;
		flex-direction: row;
	}

	.live-id {
		display: block;
		font-size: $size;
		color: #FFFFFF;
	}

	.live-status {
		display: flex;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		$size: 24upx;
		height: $size * 2;
		padding: 0 $spacing / 2;
		align-items: center;
		flex-direction: row;

		image {
			height: $size;
			width: $size;
			vertical-align: middle;
		}

		text {
			font-size: $size;
			color: #FFFFFF;
		}
	}

	.live-watch-number {
		background: transparent;
		flex-direction: row;
		align-items: center;

		$size: 24upx;
		height: $size * 2;

		image {
			height: $size;
			width: $size;
			vertical-align: middle;
		}

		text {
			font-size: $size;
			color: #FFFFFF;
		}
	}

	.live-user {
		background: transparent;
		flex-direction: row;
		align-items: center;

		$size: 50upx;

		image {
			height: $size;
			width: $size;
			vertical-align: middle;
			border-radius: 50%;
		}

		text {
			font-size: $size / 2;
			color: #FFFFFF;
		}
	}

	.live-item-note {
		$size: 28upx;
		$line-height-add: 5upx;
		$line-height: $size + $line-height-add;

		display: block;
		font-size: $size;
		color: #FFFFFF;
		height: $line-height * 2;
		line-height: $size + $line-height-add;
	}