.main{
    height: 100%;
}
.main_box{
    display: flex;
    justify-content: center;
    max-width: 1440px;
    width: 100%;
    padding-inline: 10px;
    padding: 10px;
}
.video{
    max-width: 1100px;
    flex:2;
}
.video_xx_box{
    display: flex;
    flex-direction: column;
}
.video_xx{
    display: flex;
    padding-block: 10px;
    flex-wrap: wrap;
}
.video_xx > p{
    font-size: 1.6rem;
    margin-right: 20px;
    white-space:nowrap;
}
#player{
    width: 100%;
}
.dir_min{
    display: flex;
    flex-direction: column;
    width: 340px;
    border: #ebebeb 1px solid;
    margin-left: 10px;
    height: 0px;
    overflow-y:auto
}
.ys_vo_zj{
    line-height: 35px;
    font-size: 1.8rem;
    background-color: #ebebeb;
    text-indent: 5px;
}
.void_a{
    padding-inline: 5px;
    padding-block: 10px;

    border-bottom: #ebebeb 1px solid;
}
.void_a > div{
    display: flex;
    justify-content: space-between;
}
.void_a:hover{
    background-color: #ebebeb;
}
/* 当窗口宽度小于或等于1200像素时，应用以下样式 */
@media screen and (max-width: 1000px) {
    .main_box{
        flex-direction: column;
    }
    .video{
        flex: none;
    }
    .dir_min{
        width: 100%;
        margin-left: 0;
    }
}