yizhizan-h5/my/videoVoice/css/videoVoice.css

.videoContont {
	width: 750rpx;
	flex: 1;
	background: #00DD9A;
	position: relative;
}

.myVideo {
	width: 750rpx;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* 我的小窗视频 */
.mySmartVideo {
	width: 200rpx !important;
	height: 300rpx !important;
	border-radius: 24rpx !important;
	position: absolute;
	top: 100rpx !important;
	right: 30rpx !important;
	z-index: 9999 !important;
}

.topInfo {
	width: 750rpx;
	position: absolute;
	top: 230rpx;
	z-index: 99;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.topInfo-avatar {
	width: 170rpx;
	height: 170rpx;
	border-radius: 24rpx;
}

.topInfo-name {
	color: #FFFFFF;
	font-size: 44rpx;
	font-weight: 500;
	margin-top: 20rpx;
}

.topInfo-time {
	color: #FFFFFF;
	font-size: 28rpx;
	font-weight: 500;
}

.bottomInfoContont {
	width: 750rpx;
	position: absolute;
	bottom: 180rpx;
	left: 0;
	z-index: 99;
}

.bottomInfo {
	width: 750rpx;
	padding: 0 50rpx;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.bottomInfo-item {
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.bottomInfo-item-center {
	width: 164rpx;
	height: 164rpx;
	border-radius: 50%;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;

}

.bottomInfo-item-centerI {
	width: 64rpx;
	height: 64rpx;
}

.bottomInfo-item-img {
	width: 164rpx;
	height: 164rpx;
	border-radius: 50%;
}

.bottomInfo-item-txt {
	color: #FFFFFF;
	font-size: 28rpx;
	font-weight: 500;
	margin-top: 12rpx;
}