.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; }