.fl{float:left}.fr{float:right}body,li,ol,p,ul{margin:0;padding:0}li{list-style:none}#app,body,html{height:100%}#app{background:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app,.viewport{position:relative;overflow:hidden}.canvas{width:100%;height:100%}.overlay{position:absolute;padding:12px;line-height:1.8;color:#9ccef9;pointer-events:none}@media screen and (max-width:750px){.overlay{font-size:12px}}.overlay.l-t{top:0;left:0}.overlay.r-t{top:0;right:0;text-align:right}.overlay.l-b{left:0;bottom:0}.overlay.r-b{right:0;bottom:0;text-align:right}.overlay p{padding:2px 0}.scroll-bar{height:20px;min-height:20px}.scroll-bar input[type=range]{display:block;margin:0;width:100%;height:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000}.scroll-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:10px;border-radius:5px;background:#163239}.foot-tools{height:60px;min-height:60px;border-top:1px solid #44626f;color:#9ccef9}.foot-tools .event-el{margin:0 auto;padding-top:4px;width:52px;height:60px;box-sizing:border-box;text-align:center;cursor:pointer}.foot-tools .event-el.active,.foot-tools .event-el:active{color:#20a5d6}.foot-tools .iconfont{font-size:24px}.thumbnail{position:absolute;top:0;left:-100%;padding-top:20px;width:320px;bottom:61px;border-right:1px solid #9ccef9;background:rgba(0,0,0,.8);color:#9ccef9;transition:all .5s;overflow-y:auto}.thumbnail.show{left:0}.thumbnail-item{position:relative;margin:0 auto;width:220px;cursor:pointer}.thumbnail-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.thumbnail .el-icon-close{position:absolute;top:0;right:0;padding:6px;cursor:pointer}.thumbnail .el-icon-close:hover{color:#fff}.thumbnail .el-icon-close:active{color:#9ccef9}.thumbnail-canvas{margin:0 0 10px;height:120px;border:1px solid #20a5d6;border-radius:10px;overflow:hidden}.thumbnail-canvas+div{margin:10px 0 24px}.thumbnail .label{color:#fff}.thumbnail .info{overflow:hidden}.more-tools{position:absolute;left:0;right:0;bottom:61px;padding:0 12px;border-top:1px solid #44626f;background:#000;color:#9ccef9}.more-tools .tool-item{display:inline-block;padding:6px 12px 0;min-width:60px;height:60px;box-sizing:border-box;text-align:center;cursor:pointer}.more-tools .tool-item.active,.more-tools .tool-item:active{color:#20a5d6}.more-tools .iconfont{font-size:24px}.play-layer{position:absolute;left:0;right:0;bottom:61px;height:60px;line-height:60px;text-align:center;background:rgba(0,0,0,.8);color:#91b9cd}.play-layer.disabled:after{content:"";position:absolute;top:0;left:50%;bottom:0;margin-left:-150px;width:300px;background:rgba(0,0,0,.3);cursor:not-allowed}.play-layer .iconfont{padding:5px;font-size:24px;cursor:pointer}.play-layer .iconfont:hover{color:#fff}.play-layer .iconfont:active{color:#91b9cd}.play-layer .framerate{display:inline-block;margin-left:4px;width:4em;vertical-align:3px;font-size:14px}.flex{display:flex}.flex-inline{display:inline-flex}.flex-v{display:flex;flex-direction:column}.flex-item{flex:1}.flex-center{display:flex;justify-content:center}.flex-all-center,.flex-v-center{display:flex;align-items:center}.flex-all-center{justify-content:center}.flex-justify{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-wrap{flex-flow:wrap}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2370154_yfhy1aiv96.eot?t=1612770609189);src:url(//at.alicdn.com/t/font_2370154_yfhy1aiv96.eot?t=1612770609189#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url(//at.alicdn.com/t/font_2370154_yfhy1aiv96.woff?t=1612770609189) format("woff"),url(//at.alicdn.com/t/font_2370154_yfhy1aiv96.ttf?t=1612770609189) format("truetype"),url(//at.alicdn.com/t/font_2370154_yfhy1aiv96.svg?t=1612770609189#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.i-pause:before{content:"\e810"}.i-playing:before{content:"\e60f"}.i-prev:before{content:"\e6e4"}.i-next:before{content:"\e6f2"}.i-more:before{content:"\e612"}.i-list:before{content:"\e614"}.i-rotate:before{content:"\e609"}.i-v-flip:before{content:"\e660"}.i-h-flip:before{content:"\e681"}.i-reverse:before{content:"\e6bd"}.i-reset:before{content:"\e67e"}.i-angle:before{content:"\e6bc"}.i-zoom:before{content:"\e63d"}.i-length:before{content:"\e640"}.i-move:before{content:"\e648"}.i-wwwc:before{content:"\e665"}.i-dot:before{content:"\e61a"}.i-play:before{content:"\e61b"}.i-rectangle:before{content:"\e620"}.i-circular:before{content:"\e626"}.i-erase:before{content:"\e603"}.i-probe:before{content:"\e600"}