#renderCanvas{width:100%;height:100%;position:fixed;touch-action:none;z-index:98}#video{text-align:center}#welcome{height:25%;position:fixed;z-index:99;touch-action:none;text-align:left;top:50%;margin-top:-200px;margin-left:25%}#inspector-host{z-index:100}body{margin:0}.headerStyle{height:50px;font-size:12px;font-family:"Microsoft Yahei";text-align:center;background-color:#4e4e4e;color:#fff}ul{list-style:none;padding-left:0}#sidebar{width:50px;background-color:#bfbdbd;position:fixed;min-height:100%;z-index:100}.item{height:50px;font-size:12px;font-family:"Microsoft Yahei";text-align:center}.item:hover{background-color:#4e4e4e;color:#fff}#closebar{position:absolute;bottom:30px;width:50px;text-align:center;cursor:pointer}#closebar:hover{color:#65a8ff}.nav-content{width:250px;position:fixed;min-height:100%;background-color:#e1e1e1;z-index:99}.nav-con-close{position:absolute;color:#fff;right:0;height:50px;width:250px;text-align:center;background-color:#4e4e4e;cursor:pointer}.sidebar-move-left{-webkit-animation-name:sml;animation-name:sml;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes sml{to{-webkit-transform:translateX(-120px);transform:translateX(-120px)}}@keyframes sml{to{-webkit-transform:translateX(-120px);transform:translateX(-120px)}}.closebar-move-right{-webkit-animation-name:cmr;animation-name:cmr;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes cmr{to{-webkit-transform:translateX(160px) rotate(405deg) scale(1.5);transform:translateX(160px) rotate(405deg) scale(1.5)}}@keyframes cmr{to{-webkit-transform:translateX(160px) rotate(405deg) scale(1.5);transform:translateX(160px) rotate(405deg) scale(1.5)}}.sidebar-move-right{-webkit-animation-name:smr;animation-name:smr;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes smr{to{-webkit-transform:translateX(120px);transform:translateX(120px)}}@keyframes smr{to{-webkit-transform:translateX(120px);transform:translateX(120px)}}.closebar-move-left{-webkit-animation-name:cml;animation-name:cml;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes cml{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:translateX(-160px) scale(1) rotate(-405deg);transform:translateX(-160px) scale(1) rotate(-405deg)}}@keyframes cml{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:translateX(-160px) scale(1) rotate(-405deg);transform:translateX(-160px) scale(1) rotate(-405deg)}}.menuContent-move-right{-webkit-animation-name:mmr;animation-name:mmr;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes mmr{0%{opacity:0}to{opacity:1;-webkit-transform:translateX(145px);transform:translateX(145px)}}@keyframes mmr{0%{opacity:0}to{opacity:1;-webkit-transform:translateX(145px);transform:translateX(145px)}}.menuContent-move-left{-webkit-animation-name:mml;animation-name:mml;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes mml{0%{opacity:1}to{opacity:0;-webkit-transform:translateX(-120px);transform:translateX(-120px)}}@keyframes mml{0%{opacity:1}to{opacity:0;-webkit-transform:translateX(-120px);transform:translateX(-120px)}}.menuContent-move-up{-webkit-animation-name:mmu;animation-name:mmu;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o--animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes mmu{0%{opacity:0}to{opacity:1;-webkit-transform:translateY(-250px);transform:translateY(-250px)}}@keyframes mmu{0%{opacity:0}to{opacity:1;-webkit-transform:translateY(-250px);transform:translateY(-250px)}}.icon{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
/*# sourceMappingURL=main.65dd11d5.chunk.css.map */