@charset "UTF-8";

.artplayer-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    user-select: none;

    .artplayer-video {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .artplayer-layers {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    .artplayer-contextmenu {
        position: absolute;
        z-index: 3;
        left: 0;
        top: 0;
        width: 170px;
        padding: 5px 0;
        background:rgba(0, 0, 0, 0.75);
        a {
            font-size: 13px;
            display: block;
            color: #fff;
            padding: 7px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-decoration: none;
        }
    }
}