#app{overflow: hidden;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url("../images/background.png") no-repeat center;background-size: 100% 100%}
.main{width: 96%;height: 88%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.left{width: 70%;height: 100%;float:left;background: #000}
.right{width: 29%;height: 100%;float: right;overflow: hidden;}
.left video{width: 100%;height: 100%!important;outline: none;}
.right ul{height: 100%;overflow-y: auto}
.right ul li{width: 100%;height: 32%;margin-bottom: 2%;opacity: .4;cursor: pointer}
.right ul li.active{opacity: 1}
.right ul li img{width: 100%;height: 100%}
.full{width: 100%}
.img-mid, .img-mid .bd, .img-mid div, .img-mid img, .img-mid li, .img-mid ul{width: 100% !important;height: 100% !important;}
.mid-container{overflow: hidden;height: 100%}
.img-mid-left{width: 49%;height: 100%;float: left;}
.img-mid-right{width: 49%;height: 100%;float: right}
.img-mid-right div, .img-mid-left div, .img-mid-right img, .img-mid-left img, .img-mid-right ul, .img-mid-left ul, .img-mid-right li, .img-mid-left li{height: 100%}
.hide{position: absolute;top: 0;left: 0;width:1rem;height: 1rem;background: transparent}