* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    background-color: #696969;
    font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.main {
    width: 90%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.main>div {
    width: 100%;
    height: 100%;
}

#video1 {
    position: absolute;
}

.maskClose {
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
}

.maskImage {
    position: absolute;
}

.videoClose {
    z-index: 9;
    position: absolute;
    display: none;
    right: 10px;
    bottom: 10px;
    width: 80px;
    height: 80px;
    background: transparent !important;
    outline: none;
    border: none;
    cursor: pointer;
}

.videoClose img {
    width: 100%;
    height: 100%;
}