.baseVideo[data-v-759f88bd] {
    flex-direction: column;
    align-items: center
}

.baseVideo[data-v-759f88bd], .baseVideoMain[data-v-759f88bd] {
    width: 100%;
    height: 100%;
    display: flex
}

.baseVideoMain[data-v-759f88bd] {
    padding-left: .24rem;
    padding-top: .24rem;
    flex-direction: row
}

.main-box[data-v-759f88bd] {
    width: 100%;
    height: 100%;
    border: .025rem solid rgba(0, 153, 221, .1);
    margin-right: .24rem
}

.select-list[data-v-759f88bd] {
    float: right;
    right: 0;
    width: .2rem
}

.live-unplay[data-v-759f88bd] {
    width: 100%;
    height: 100%
}

.container[data-v-759f88bd] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    height: 1.84rem
}

.btn[data-v-759f88bd] {
    display: block;
    width: .48rem;
    height: .48rem;
    border: none
}

.btn[data-v-759f88bd]:hover {
    opacity: .8
}

.listCollectionModule[data-v-759f88bd] {
    position: relative;
    display: flex;
    bottom: .4rem;
    height: 100%;
    padding: 0;
    right: 0;
    margin-top: .24rem;
    transition: right .7s ease-in
}

.listCollectionModule .main[data-v-759f88bd] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding-top: .24rem
}

.listCollectionModule .handle[data-v-759f88bd] {
    position: relative;
    width: .32rem;
    height: .96rem;
    top: .27rem;
    float: right;
    border: 0;
    padding: 0;
    background: none
}

.listCollectionModule .handle[data-v-759f88bd]:hover {
    opacity: .8
}

/*    .listCollectionModule .handle-close[data-v-759f88bd] {
        background: url(/img/home_btn_collapse_32x96.45d868f.png) 100% 50%/.32rem .96rem no-repeat
    }

    .listCollectionModule .handle-expand[data-v-759f88bd] {
        background: url(/img/home_btn_expand_32x96.d313549.png) 100% 50%/.32rem .96rem no-repeat
    }*/

.box-model[data-v-759f88bd] {
    width: 2.52rem
}

.expandModule[data-v-759f88bd] {
    margin-right: .24rem;
    width: 3rem;
    transition: right .9s ease-out
}

.listModule-container[data-v-759f88bd] {
    height: 100%;
    width: 2.52rem;
    transition: right .9s ease-out;
    overflow: hidden;
    overflow-y: scroll
}

.listModule-container .video-item[data-v-759f88bd] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: .24rem .24rem 0
}

.listModule-container .video-item > img[data-v-759f88bd] {
    width: 2rem;
    height: 1.12rem
}

.listModule-container .video-item > span[data-v-759f88bd] {
    margin-top: .12rem;
    color: rgba(34, 221, 255, .5);
    font-size: 16px
}

.listModule-container .video-item .selected[data-v-759f88bd] {
    border: .02rem solid #2df
}

.listModule-container-pagination[data-v-759f88bd] {
    height: calc(100% - 1.1rem)
}

.listModule-listPage[data-v-759f88bd] {
    height: .46rem
}

.listModule-listPage .ant-pagination-item a .ant-pagination.mini .ant-pagination-item[data-v-759f88bd] {
    margin: 0;
    min-width: .32rem;
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    border-radius: .04rem;
    font-size: .14rem
}

.footer-device-name[data-v-759f88bd] {
    display: flex;
    align-items: center;
    width: 100%;
    height: .56rem;
    padding-left: .24rem;
    background: rgba(4, 16, 28, .97);
    border-radius: 0 0 .4rem .4rem
}

.footer-device-name > span[data-v-759f88bd] {
    color: #0071a5;
    font-size: .01rem
}