.video-container {
    position: relative;
    width: 5.57rem !important;
    height: 3.2rem !important;
}

.video-container .video-container-top {
    position: absolute;
    width: 100%;
    height: 0.49rem;
    z-index: 9;
    color: white;
    background: linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0.18) 100%);
    display: flex;
}
.video-container .video-container-top .video-container-top-left {
    display: flex;
    align-items: center;
    width: 50%;
}
/* 头像 */
.video-container .video-container-top .video-container-top-left .video-imgs{
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    margin-left: 0.1rem;
}
/* 文本 */
.video-container .video-container-top .video-container-top-left .video-title{
    margin-left: 0.09rem;
    font-size: 0.14rem;
    font-weight: 400;
}
.video-container .video-container-top .video-container-top-right {
    width:50%;
    display: flex;
    align-items: center;
}
.video-container .video-container-top .video-container-top-right .video-contro-1{
    width: 70%;
}
.video-container .video-container-top .video-container-top-right .video-contro-2{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* 头像 */
.video-container .video-container-top .video-container-top-right .video-contro-2 .video-imgs{
    width: 0.1594rem;
    height: 0.16rem;
}
/* 文本 */
.video-container .video-container-top .video-container-top-right .video-contro-2 .video-title{
    font-size: 0.13rem;
    font-weight: 400;
}
#myVideo.oc-main-magnet-video{
    position: absolute;
    width: 100%;
    height: 100%;
    /* object-fit: none; */
}
/* 隐藏默认控件 */
video::-webkit-media-controls {
    display: none; /* 针对大部分现代浏览器如Chrome/Safari */
}
video.controls {
    display: none; /* 对其他浏览器的支持 */
}

/* 自定义播放按钮样式（例如居中显示） */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 0.525rem;
    height:0.368rem;
    cursor: pointer;
}


/* 设置视频封面图片 */
video {
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* 移动端样式 */
@media screen and (max-width: 1025px) {
    .video-container {
        position: relative;
        width: 6.85rem !important;
        height: 3.82rem !important;
    }
    #myVideo.oc-main-magnet-video{
        width: 6.85rem !important;
        height: 3.82rem !important;
    }
    /* 设置视频封面图片 */
    video {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .video-container .video-container-top {
        height: 0.65rem;
    }
    .video-container .video-container-top .video-container-top-left .video-imgs{
        width: 0.49rem;
        height: 0.49rem;
    }
    .video-container .video-container-top .video-container-top-left .video-title{
        font-size: 0.2rem;
        font-weight: 400;
    }
    .video-container .video-container-top .video-container-top-right .video-contro-2 .video-imgs{
        width: 0.25rem;
        height: 0.25rem;
    }
    .video-container .video-container-top .video-container-top-right .video-contro-2 .video-title{
        font-size: 0.2rem;
        font-weight: 400;
    }
 }