.page.data-v-77ecda8c {
		background-color: #000000;
}
	/* 横向两端对齐,位于各行之前、之间、之后都留有空白的容器内 */
.row-space-around.data-v-77ecda8c {

		display: flex;
		position: relative;

		flex-direction: row !important;
		/* justify-content: space-around !important; */
		flex-wrap:wrap !important;
		background-color: #000000;
}
.radius-xs.data-v-77ecda8c {
		/* padding:10upx; */
		border-radius: 10rpx;
		background-color: #fff;
		margin: 4rpx;
}
.lv-status.data-v-77ecda8c {
		
/* 		height:50upx;
		width:120upx; */
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 50rpx;
		color: #fff;
		font-size: 18rpx;
		padding: 4rpx 12rpx;
		position: absolute;
		top: 20rpx;
		left: 20rpx;
		display: flex;
		flex-direction:row !important;
}
.dot-gray.data-v-77ecda8c {
		background-color: #ababab;
		border-radius: 50%;
		margin-right: 4rpx;
		margin-top: 14rpx;
		height: 12rpx;
		width: 12rpx;
		width: 12rpx;
}
.dot.data-v-77ecda8c {
		background-color: #ababab;
		border-radius: 50%;
		margin-right: 4rpx;
		margin-top: 14rpx;
		height: 12rpx;
		width: 12rpx;
}
.info-avatar.data-v-77ecda8c {
		height: 50rpx;
		width: 50rpx;
		border-radius: 50rpx;
}
.item-name.data-v-77ecda8c {
		color: #fff;
		margin-left: 10rpx;
		font-size: 24rpx;
		line-height: 50rpx;
}
.item-info.data-v-77ecda8c {
		position: absolute;
		width:300rpx;
		bottom:30rpx;
		left:20rpx;
		display: flex;
		flex-direction:row !important;
		flex-wrap: wrap !important;
		overflow:hidden;
}
.live-room-name.data-v-77ecda8c {
		width:344rpx;
	
		padding:10rpx 6rpx;
}
.room-name.data-v-77ecda8c {
		overflow:hidden;
		text-overflow:ellipsis;  
		lines: 2;
		font-size: 24rpx;
}
.u-loading.data-v-77ecda8c {
		width:40rpx;
		height:40rpx;
		margin-left:220rpx;
}
.u-loadmore-tips.data-v-77ecda8c {
		background-color: #000000;
		color:#fff;
}