.sec4 {
    background: linear-gradient(to right top, rgb(255, 187, 187), rgb(255, 102, 102));
    min-height: 100vh;
    background-size: 100%;
}
.sec4 .video-xxx {
    border-radius: 25px;
    position: relative; /* 确保视频和文本可以相对于这个容器进行定位 */
    width: 100%;
    height: 100%;
}

.sec4 .video-xxx .video-mp3 {
    width: 80%;
    height: 80%;
    border-radius: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sec4 .video-xxx .video-text0 {
    font-size: 12px; /* 文本字体大小 */
    color: #FF0000; /* 文本颜色 */
    text-align: center; /* 使文本内容居中 */
    width: 2%;

    border-radius: 25px;
    top: 100%;
    left: 20%;
    position: absolute;
    transform: translate(-100%, -100%);

    padding: 8px; /* 可选：为文本添加一些内边距 */
    background-color: rgba(255, 255, 255, 0.6); /* 可选：为文本添加半透明背景 */
}

.sec4 .video-xxx .video-text1 {
    font-size: 12px; /* 文本字体大小 */
    color: #FF0000; /* 文本颜色 */
    text-align: center; /* 使文本内容居中 */
    width: 15%;

    border-radius: 25px;
    top: 100%;
    left: 45%;
    position: absolute;
    transform: translate(-100%, -100%);

    padding: 8px; /* 可选：为文本添加一些内边距 */
    background-color: rgba(255, 255, 255, 0.6); /* 可选：为文本添加半透明背景 */
}

.sec4 .video-xxx .video-text2 {
    font-size: 12px; /* 文本字体大小 */
    color: #FF0000; /* 文本颜色 */
    text-align: center; /* 使文本内容居中 */
    width: 15%;

    border-radius: 25px;
    top: 100%;
    left: 65%;
    position: absolute;
    transform: translate(-100%, -100%);

    padding: 8px; /* 可选：为文本添加一些内边距 */
    background-color: rgba(255, 255, 255, 0.6); /* 可选：为文本添加半透明背景 */
}
.sec4 .video-xxx .video-text2 .img {
    position: absolute;
}

.sec4 .video-xxx .video-text3 {
    font-size: 12px; /* 文本字体大小 */
    color: #FF0000; /* 文本颜色 */
    text-align: center; /* 使文本内容居中 */
    width: 2%;

    border-radius: 25px;
    top: 100%;
    left: 80%;
    position: absolute;
    transform: translate(-100%, -100%);

    padding: 8px; /* 可选：为文本添加一些内边距 */
    background-color: rgba(255, 255, 255, 0.6); /* 可选：为文本添加半透明背景 */
}