.location {
    position: absolute;
}

.container {
    width: 100vw;
    height: 100vh;
    position: relative;
    max-width: 10rem;
    margin: auto;
}

.box_bgImg {
    width: 10rem;
    height: calc(100vh - 1.333333rem);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: calc(50vw - 5rem);
}

    .box_bgImg .bgImg {
        object-fit: cover;
        width: 10rem;
        height: auto;
        z-index: 1;
    }

.shuiyin {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    max-width: 10rem;
    left: calc(50vw - 5rem);
    z-index: 0;
}

.video_status {
    width: 10rem;
    position: fixed;
    top: calc((100vh - 5.333333rem) / 2 - 2.8133333333rem);
    left: calc(50vw - 5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .video_status .box_video_status {
        width: 10rem;
        position: absolute;
        top: 0;
        /*height: 5.62666667rem;*/
        left: 0;
    }

section.box_video_status {
}

.video_status .box_video_status .status {
    width: 100%;
    background: rgba(10, 10, 10, 0.5);
    margin: auto;
    height: 100%;
}

.video_status .box_video_status .status01 {
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 5.62666667rem;
}

    .video_status .box_video_status .status01 p.txt {
        display: block;
        width: 100%;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        font-size: 0.42666667rem;
    }

    .video_status .box_video_status .status01 p.txt02 {
        width: 100%;
        display: block;
        color: rgba(255, 255, 255, 1);
        /* background: rgba(236,247,246,0.8); */
        text-align: center;
        margin: 0.34666667rem auto 0;
    }

.video_status .box_video_status .status02 {
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

    .video_status .box_video_status .status02 img {
        width: 0.37333333rem;
        height: 0.37333333rem;
        margin: 0rem 0.13333333rem 0rem 0rem;
    }

    .video_status .box_video_status .status02 p.txt {
        font-size: 0.42666667rem;
        color: #ffffff;
    }

    .video_status .box_video_status .status02 .box_bottom {
        position: absolute;
        top: 0.4rem;
        left: 0.4rem;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
    }

        .video_status .box_video_status .status02 .box_bottom p.txt01 {
            width: 0.8rem;
            height: 0.4rem;
            background: #3393ff;
            border-radius: 0.05333333rem 0px 0px 0.05333333rem;
            text-align: center;
            line-height: 0.4rem;
        }

        .video_status .box_video_status .status02 .box_bottom p.txt02 {
            padding: 0rem 0.13333333rem 0rem 0.13333333rem;
            height: 0.4rem;
            line-height: 0.4rem;
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            align-content: center;
            align-items: center;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 0px 0.05333333rem 0.05333333rem 0px;
            font-size: 0.24rem;
            color: #ffffff;
        }

            .video_status .box_video_status .status02 .box_bottom p.txt02 img {
                width: 0.21333333rem;
                height: 0.21333333rem;
                margin: 0rem 0.13333333rem 0rem 0rem;
            }

.video_status .box_video_status .status03 .box_bottom {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

    .video_status .box_video_status .status03 .box_bottom p.txt01 {
        width: 0.8rem;
        height: 0.4rem;
        background: #3393ff;
        border-radius: 0.05333333rem 0px 0px 0.05333333rem;
        text-align: center;
        line-height: 0.4rem;
    }

    .video_status .box_video_status .status03 .box_bottom p.txt02 {
        padding: 0rem 0.13333333rem 0rem 0.13333333rem;
        height: 0.4rem;
        line-height: 0.4rem;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0px 0.05333333rem 0.05333333rem 0px;
        font-size: 0.24rem;
        color: #ffffff;
    }

        .video_status .box_video_status .status03 .box_bottom p.txt02 img {
            width: 0.21333333rem;
            height: 0.21333333rem;
            margin: 0rem 0.13333333rem 0rem 0rem;
        }

.box_my_video {
    position: fixed;
    top: calc((100vh - 5.333333rem) / 2 - 2.8133333333rem);
    left: calc(50vw - 5rem);
    max-width: 10rem;
    width: 10rem;
    height: 5.62666667rem;
}

    .box_my_video .video-js {
        width: 10rem;
        height: 5.62666667rem;
        object-fit:cover;
    }

    .box_my_video video {
        width: 10rem;
        height: 5.62666667rem;
    }

    .box_my_video .vjs-poster {
        width: 10rem;
        height: 5.62666667rem;
    }