34 lines
1.2 KiB
CSS
34 lines
1.2 KiB
CSS
|
#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}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|