body,html{padding:0;margin:0;height:100%}.player-container{width:100%;height:100%}.player-tool{display:flex;padding:10px 20px;flex-direction:row;justify-content:flex-end;background-color:#f7f7f7}.player-tool .tool-btn{margin-right:5px;display:block;width:26px;height:26px;text-align:center;line-height:26px;border:1px solid #ececec;border-radius:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAN9JREFUSEvtVrENwkAMPCcbUCJRUSLBCrBAZEesANQwASwABRUMkc8GZAWGgC0iI0cRovsPEQ36b774O93LurNNzLwnoiWACfzn5JzbGUxEjgC2fgqgqgcSkQeAYQjBMHVdz+xO0/QeygHwNCHtQLDfLQxPRLcuvCgUS/f2SzRDLzMEtxIAlXOuCayIWGDnIaFV1TMZMMuyaZIkAx+pLMvqE8PMQULGa4SYeQxg9FOhPM8vqrr2ibTvX5WOiK7R3r3sHedRnLBNBP8wR+0CuQrZ7ayVFEWxsVJ0aV22QL4A4eK02ogMEbQAAAAASUVORK5CYII=);background-size:90% 90%;background-repeat:no-repeat;background-position:50%;cursor:pointer}.player-tool .tool-btn.icon_01{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyMjVEOUIwMDAwQzExRUNCMDZEQzc4NjA0QzgwNjkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyMjVEOUIxMDAwQzExRUNCMDZEQzc4NjA0QzgwNjkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjIyNUQ5QUUwMDBDMTFFQ0IwNkRDNzg2MDRDODA2OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjIyNUQ5QUYwMDBDMTFFQ0IwNkRDNzg2MDRDODA2OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6i3TOaAAAAXUlEQVR42mIMCAhoYGRkDGFgYNBmIA38AmI2YhT+//+/kQVoSSqQLcVAOmAjViHIDiYyLSEVSDEx0AmMWjRq0ahFoxaNWjRq0ahFoxYNLotAjTsg/YyWloDsAAgwAGDFD6yJa2yMAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_01.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0MThFODM3MDAwQzExRUNCNjZGQTA1NjcxQTc3RjE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0MThFODM4MDAwQzExRUNCNjZGQTA1NjcxQTc3RjE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzQxOEU4MzUwMDBDMTFFQ0I2NkZBMDU2NzFBNzdGMTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzQxOEU4MzYwMDBDMTFFQ0I2NkZBMDU2NzFBNzdGMTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IVPj+AAAAWklEQVR42mIUmnqzgYGRKYSBgUGbgVbg/79GFqAlqUCmFAMtAdAOJppbAgFSTAx0AqMWjVo0atGoRdgt+kcvi5hG42jUolGLRi1CswjYuAPSz2hqC9AOgAADAOoBDTb3ilWRAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_02{background-image:url(../../static/img/tool_02.5911cf78.png)}.player-tool .tool-btn.icon_02.active{background-image:url(../../static/img/tool_02_active.1557a569.png)}.player-tool .tool-btn.icon_04{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAN9JREFUSEvtVrENwkAMPCcbUCJRUSLBCrBAZEesANQwASwABRUMkc8GZAWGgC0iI0cRovsPEQ36b774O93LurNNzLwnoiWACfzn5JzbGUxEjgC2fgqgqgcSkQeAYQjBMHVdz+xO0/QeygHwNCHtQLDfLQxPRLcuvCgUS/f2SzRDLzMEtxIAlXOuCayIWGDnIaFV1TMZMMuyaZIkAx+pLMvqE8PMQULGa4SYeQxg9FOhPM8vqrr2ibTvX5WOiK7R3r3sHedRnLBNBP8wR+0CuQrZ7ayVFEWxsVJ0aV22QL4A4eK02ogMEbQAAAAASUVORK5CYII=)}.player-tool .tool-btn.icon_04.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAOdJREFUSEvtlkEOAUEQRX+ZA6CXEisZGwlX4A6ugIRYcAIuwEJMwmVmrmCHXrPEWjJT0j0idt1NbKR72/Xyk8r/VUVifZiBCl0ADZgeY3kZhVNVJtZyAcLEhOh/zuYkInkCULECFIO0pWoJwc6WAXBWQuwAIEvRUfWFALEL54V8615+8Wb4wgwOo4SB5DoMdWDLkYwJaNuElsEryqF9k9NAmKDbOEzea0oraSWkOC1U3Mga3VH9qZCIjhuA+iYRPYQ/bB3AW2/vL+zt95HfsM+A/mOO8gOyZ3fb8fYyrA/0AekwutQB+QBUaK1XtDqBAgAAAABJRU5ErkJggg==)}.player-tool .tool-btn.icon_06{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUxQTg0RjlFMDAwRDExRUNCNUMwRUMyNDlDMjNGNkNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUxQTg0RjlGMDAwRDExRUNCNUMwRUMyNDlDMjNGNkNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTFBODRGOUMwMDBEMTFFQ0I1QzBFQzI0OUMyM0Y2Q0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTFBODRGOUQwMDBEMTFFQ0I1QzBFQzI0OUMyM0Y2Q0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz62+ZsiAAAB2UlEQVR42ryWTS9DQRSG79S0pZ8Ilr6W2HWL2LGsxMbWxlriR/BLJEL8ADsRLNqNhYR0gdiJ+mhRvXS8R85NmmZmbrWTTvJoa07OmXPue85ckc/nl4QQa57nzYA+0PDaXxml1CE+S/Cxjc/3pr0I+AFXsDmQMFjHj2UwCgRQ/wgUAwVwA4bAbNNe4GsaMaISX3Jgwut89YNPUAMJzT75zlF6FfDVRaDvkEqQ70rE69FyGUgY/h+lP9JBACpZnBQI3gw2wy4CkfKewJEhEO0LF4GS4Bps2YxcBCLVzoFdS0ZOApG8U2Cem173DEvSkdp8Hj9ThkCvLuVtati66z5qq2FjXfiQnI2wyP/PKAuqFkPbivNATbHMq4aSZiWP+UJQS0PWiu+p1sNQgHPwDE7D5L1pe8BYdBkq3CkNQ9aBCI7D6rvDxrqMqKz7YAwsaEpDGZ2BR7AaNoJWwKThIC/gAiyCDb7cWi+9AXDCgQYNfm4pUJlHiE7q93zKBJ9Mp84E2xDjmn0qeTlw7luaUPCY6fSG9XvesGnuB9McUyHDN6xhyXeajIpgxPC6FTzsGpeorlFUjW3I9kNzSFJkUaJP9tAjvuEFMslZ34FLjXwzvBfhpn0wvUD+CjAArcB549Hr/ZkAAAAASUVORK5CYII=)}.player-tool .tool-btn.icon_06.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5RUFFRkZGMDAwRDExRUM5NEYxRERGREJCQ0ZDNDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5RUFGMDAwMDAwRDExRUM5NEYxRERGREJCQ0ZDNDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDlFQUVGRkQwMDBEMTFFQzk0RjFEREZEQkJDRkM0MTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDlFQUVGRkUwMDBEMTFFQzk0RjFEREZEQkJDRkM0MTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65DIQ6AAAB/ElEQVR42rxWPUsDQRCdPS+JiYlfqKVRS7WzVbHTVrCxtbEW/BFa+yMEifgD7ETUIjYWgppCxS74mfiZeOsbnYCE3buQLFnyssfN3L7duTczp3q3ruY8j5ZI0bgm6iCigBof3TqgXcwF5dE65td/Nk8RfZOm8yCgnA+HZZDMwzAIA34wNT7iQB4PXGLuw8MT/2x/aykaA0fMx8UUbmSp+dEJvAMfQMpgzzKHh4sS8NkCUZXCI8Frlzxq03BJpCz3Y/znOyDgkCVYgcCLxaffBREr7x7Y02YitisXRF3ABbAW5uSCiFU7CWyS/UROiFjeaWAaahg0vUOEtOA7UltFys+oRSzPLuVtS9gv13nUUMLGW1jDl9OoEPn/OvUA5RDHsJGQgpoWmZctIe3xpczna7G0nFpLn6rfTBqGY8yPwKGOkPdq2AtGY+NmqNFTAsupayLYj4rvhjibTsRh3QGGgBlDaDhkR0ARWKSIErSAbY5Y9PqE6QT2WWBFmlt900vC74CJ4NNrWeeaiR6khJikfiu7TMnOTOpMiQ9j2GDnkD/UFq+EJKGSMtNsh620PWEzkg+2OqYjim9UwvLaGR8up3AZoL/KWx+C35ctIqgalBkXW1J83wybLDKHjzzZRo5ULB+QnO0e7t9gPjPIt1tsHJlHXN+ZPiDBkfsRYABb4YdvPjQmZAAAAABJRU5ErkJggg==)}.player-tool .tool-btn.icon_09{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAONJREFUSEvtVrEKwkAMvZQOncRFwc3dxT+wHbvlDrrrn/RPdC+0cerY+gPubk4uLuJWOkQKxSnnVIrQyxgeL/DuveRAa83KUr7vL7Msexpjjsy8l2AAcMrz/GCMWTHzw8YFvwYxc0REtda6UkqFFpK6KIoIEUMA6HBiuUGSLFOVLkmSRdu2G0mTznFdHxHnSqmthGma5lqW5bvHic70PO8GNjsO3Yc+jGuJmJk1Eb0QMQWAnQVzIaI0juNZEARnS6jvLkcuR18FxjPDaPYeOpjWezTaCnIXVniDqR6+vzDDkB/ID4weflqSq0KRAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_09.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAPVJREFUSEtjFJp2+z8DDvDrD4PYlzzV10LT78xn+P8/AasyRsYF7zJVEkVmPpD89/f3M1xmMeKz6N9fBscPuaoHBKfd3s/IwOCAzZD/DAwH3mepOgpMvu3AxMywf9QicAiMBh3exMAz6bYoCyODNrbUAkpxIHGB/vsCDCx/DLCpYfrPcO5dnuonsLrJt7GmTBY21puMuJIjtcUZQZnx////CljzyE+WwA+Fih+Ept5s+M/IZI9NDeP/fwffZas3CE26zfefhWEjVjWMjA9GMyxGyIwWQVhTM3WLIHolb2pnTJz1Ed2KoNEaFj0ORjMsHTIsnRqQAM7xheZpuMMMAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_16{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwNjAyMkFDMDAwRDExRUNCREM4QkVBQThEQzU5RDFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYwNjAyMkFEMDAwRDExRUNCREM4QkVBQThEQzU5RDFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjA2MDIyQUEwMDBEMTFFQ0JEQzhCRUFBOERDNTlEMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2MDIyQUIwMDBEMTFFQ0JEQzhCRUFBOERDNTlEMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5x2mdEAAAA/klEQVR42mIMDAw8yMDAoMeABP79+1cPopmYmBoZUMHNdevWWYAYQUFBJOljARKmQMyJLMrIyGgEZQqgadBFYpOkjwlI/GTABL+gGJs4DJCkj4UBO2BkIA/g1AeyiBuHODbAhcQmSR9Iovj///+gSP0PFQTRc8CM//9/IbmSCRgH15A0k6SPicRgYiIzeJlAPuoB2siKLAp0ERs0FSVgieweKJskfSAXfsXigj9QjA6+IbFJ0ocr8v6Tmer+40t17FjE2XCoZ8fBJqgPZNElIFZHk7gCpT+gid9DYpOkjxEYgQz0AEwMdAIspJbCo6X3aOk9WnqPlt5DsPQGCDAAudeY85neKlAAAAAASUVORK5CYII=)}.player-tool .tool-btn.icon_16.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkwRkIwNUQ2MDAwRDExRUM5N0Q0OEZCREUzNTUyOEZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkwRkIwNUQ3MDAwRDExRUM5N0Q0OEZCREUzNTUyOEZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTBGQjA1RDQwMDBEMTFFQzk3RDQ4RkJERTM1NTI4RkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTBGQjA1RDUwMDBEMTFFQzk3RDQ4RkJERTM1NTI4RkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5KKBE4AAAA70lEQVR42mIUmnb7IAMDgx4DKqiH0o1o4jeB2ALKJkkfC5AwBWJONAkjKC2AJq6LxCZJHxOQ+MmACX5BMTZxGCBJHwsDdsDIQB7AqQ9kETcOcWyAC4lNkj6QRDE0Uv9DBUH0HKSggLkSFMzXkDSTpI+JxGBiIjN4mUA+6gFiVjQJNiidgCWye6BskvSBXPgViwv+QDE6+IbEJkkfrsj7T2aq+48v1bFjEWfDoZ4dB5ugPpBFl4BYHU3iCpT+gCZ+D4lNkj5GYFnHQAl4m6lCcnKlKWAhtRRGL72Fp98ZLb1HS+/R0nu09B7spTdAgAEAcoxkB0MbYswAAAAASUVORK5CYII=)}.player-tool .tool-btn.icon_pull{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAYhJREFUSEvtlS9OQ0EQxmcOgEAgUVwBT3uDmRUoIAhAEMAQREG0TUgRoGgwVCDqEN3pCVoOAQ6FRHCDfmRJX/J46Wt3SVMErHw7O7/3zV+mBR1eEId+ByQidWauFFS+e+83pylX1UciWsnbABiaWTP79k2Rqg6IqAh6Ho1Gm/1+/2USTETWmPmaiJZz98HH0HtfnQkC0DSzRkoOVbVLRFsBEt7NBAUIM9dTYKraIaI9Zu4CWI0Cee9ZRBqxMOdcG8AREXW89wfjFMxUtOS9Xw9/FANzzrUA1AC0zewkvJsJKkl2pqxqZl+xz46IVJh5AODKzM6n5TOqj4LDIiQPK7vLg6NAKZVXZvsP+nEUo0K3kGIQkRYz10ITT5Kjqkgu72KjicgtMx9Pc6Sql0R0kdSweZCq3hPRft5BWYKcczcATlNHEDHzG4Dt7GFMBYjIHTMfpgzV4DeMlm6v19uJgWQ2zrkHALvRayIzHDv4AHBmZq9zW3zjab0xp1X+lF+cUX2UEr6/M+s+AdHJBSpK85CDAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_pull.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAaZJREFUSEvllb9OwlAUxr8Ds9HWODrp1Rdwt7wEkxoHNVKFxTioA5AYHXSC0CYyOLD5EuBDaCIXJ0eTVh+AHnObNJaGP7fE4EDH9pzzy+n5vnMIM3poRhz8D8h0ZZkZVrxLAj49W+THdW468omBlYE8QscriGr0bqAjw5FtwiAIwAsyyHvH4nUYbLEm17JZvmMiI1bUYqDj2yI3GcRB1TvZrKSZoeHIFgE7CqLyJoM4qIIyZaSAmY5sAjhgohaYV7VAni3IbLxVdGGGK+vEOAWh6RXEkRqBDmjBs8WWCtSBGY68IeCCwXXf3iipvImgYfOIYEEfua+iCP999CzVpZXJos3ArW+Ly3Hz1PKRKpiExGGjviVskkZX08dqdTR9+d/MOQXNRAyRT5SJh8rfkZxa3kmjGU63RqDiuEKG270mpqtUho2DTFc+gHEYLzBKfabbuwfzWaoVFBYj+iDm3ShRR97Lrmwww9ZeqiEHsFSCX1jf04FEMabbewTzvvaZiAJDKLPf79P5d0m8/9nhUwuUKbOd2FHTnXIOnuOHc043QxpBjIr9AQ6k+xuUeOTvAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_clear{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAArlJREFUSEu9lD1oFFEUhc+dTKptrRRBC1EQC7EV/F+Mksy7A4YkhYgRyygKavzBxR+IhUpMqQhpEnBh71sIgqigpYXFFokYRbBIq7XNXHlLdnk7zswOUZxu5r153zvnnnsJ/+mhf81h5qvuTBF54J9dGsTMH1X1p7X2aN7lmPkUgBfr65dF5FFnbykQMy8AGF//aVpEZtIwD1JfX3PQSRF57t77gph5HsBpVV0KgmCLqu4F0APzISIy6g5mZqfMwS6JyONCkDHmGRFNAqi7A0ZGRjaHYbjkw7IgPkhVp6y1c7mgOI4/qeouVX1lrT3escqHqeoCEU10LtLZ46kZFZG2lZkgZp51NyFqLy8nSTLabDZXUrA1VXWf3ovIwSJIJoiZHzpf3S1VdYWIbufBBgYGFsMwnKjX62upunSVZKaOmV2aXB+0a+I2GWNqeTA/ecz8EsAQgD8gPYriOL6rqjfTfpeBGWPeEdEBVZ2z1k5l9Vm7CMYYV9TxdOH9H4qU1Wq1oNVqvQZwGMB5EXmahrVBURRdD4LgfqcWRPSLiN4C+CYi7uf2UwSrVquVSqXSAFAFcEFEnviwbuq8fviiqiERbVfVi9ba2bLKhoeHN4VhKAD2A7jmz7ueePuzKkmSmWazOe2pcTf8Ya2tFSmLomhrEAQOtk9V31hrj2XGO47jO6p6y480MzvPz/nFLoIx8xKAkwBWRGR3UcN2pvAygA8AzpZNIzMvAhgDMC8iZzL7KNUX3ZFfNo2q+p2ITqQhuYq8cXIPwA3fRmPMFSIaEpFDGWl0n3qU9FXkwbo2OmVE5MbTqojs9PYsqupYEARfG43GjtyGzVoosPHz4ODgEW++ZdYks2H7gdw6M3dsXE2ShN00zyv8hhXl2LiNiCp5NdmwogxYbuH/WlEqjXtEJCpje994lz2kzL7fh7XKKn2ZLCwAAAAASUVORK5CYII=)}.player-tool .tool-btn.icon_clear.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAvZJREFUSEu9lk9o02AYxp83nQcdHpoNBWWg0K8VxIN4FdT5B6cH8bCx7SCiIiaFKRPU+QeHTpiIylaSIoqwywYO3GUIQwU9evDgoXNLouDBY76cVdZXUtsuDUkbpthb+dL3973P875PSvhPH/rXnA7TvurXdHVxP1g7MSht2B8J7Ml89lDc5VTT7gXwonp+WeriUe3ZRCDVsKZBygDAIMKIq4nxMCwAma2e9YJwVmriuf+9JSht2FNEOEXgeYC2MrA7DAtCpC76/MKqafud+bBhqYnHTUGqYT/zbwVg1i/QWVjawqnUfBAWBQmCCDTk6plCLEgtfvkMLu8AYUFq4mhNqgYYMM3AYO0itWfq3QB9UhcVKSNBatGZAJeHqsclKOiTF8RiEFZOpb5XC7x3dbG/GSQSpJr2QwDD/i3B5UWQchtAJGxFUWYUhQddLVeBRnUSOXUdpj3OgL8HFU8qPzaWR+NgwclTTfsVgB4E5IrcI9V07gJ8M6x3EljaWHpHlNrHoIKnZ4ai9qziUdpwpol4IGx8w42bdTbKirrJeQ2gG0znZT7zNAyrgDpM+zoD92perPzEj1Qb3jLw1dNFd93oJrDNDz61/2rf8BLAESK+6GrZyRjpqvFBsMFoA7AdzJdkPjuRtLONT5Y7163QHEB7GbjmBfKuYbyDWUVcHnfzuZEaJG1ak8QsZT432mxAVMPpAmEO4D0Av5F69nD0eBedO2C+FRxp1bR9zc8xuODp2YrZTWGm5cfVcRAWpSZ2xi/sagqXQPgAxpmk06ia1gxA/QBPST17umV6N0R+KIZiPSP+BqZjYUjL9E4XnTFivhGUMW1YV0DU4+niQMQ0IgrSElSNldrLrASUFwDFjydL6iK3mm++XOhnKI6nZ0TswkYdhOKl/uYk8DJo/UFX66rmW7QnkQvbCvQnPawxIvJltKDgpJ/mccavuaNVier/CUoAtgFoj/NkzR1FwGKN/+uO6ilRdMbAvMvTxYkksieauqSFWj33G/DOiioFy7IKAAAAAElFTkSuQmCC)}.player-tool .tool-btn.icon_play{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAi5JREFUSEu91r+LE0EUB/DvdxPQlCKCpSCIFjbiH3A2YgphdpegxRUBS0XM3XlnwLvziHeFnc1ZHIKgWBgyM4kcUSyEaywEa0WxsRFFJFVQsvtkJIFw3ubnntstDO8z783bN0v8p4e7HaXUMRGJ6vX6lzT38A/k+/5rADMAnniet16r1d6nASZBLrbDvovIurX2/rRYIkTyVRzHCyQPAWgCqBhj3kwKJkLGmHNhGJ6NoshhlwDEJDe01suTYAOhXkCl1BWS8wBOAXgLYMUY82IccCTIBSwUCkc7nU4ZwHX3TvJBu90uNZvNX6OAI0O9YL7vXwCw1G2WzyJSttY+G4aNDfWBt0Rk0TWLiDwlWTLGfEsCJ4ZcwDAMT8ZxvArgMoAWgJvGmK29sKmgvuwctNJtlu0oim40Go1P/WAqkAtYLBYPtlotl50r6aa19uq+QPl8/kAul1t1zSEia9baO6lDSqmQpMvmNMnnnU5nLtXSKaWOe553W0SKAH6KyJy19lGqzaCUukbSleewiDwkuWSM+ZFaeyulZki6CXFeRD54njevtd5O7YMtFApHXO1dV3WDbmSz2bVqtfp7GPJ3ZO1e1L344KZ331CdJbnoDhvADsllrfXOKEBvzUAoCIIzIlICMNu9Jspa63vjAEMhAC8BLLjDBmBI3tVav5sEGVi67nT+SrKitd6cFEjMKAiChohcFJHHmUymUqvVPk6LJGV0Io7j9r7/bqWx+71i/AGO5Rkqoxr3kAAAAABJRU5ErkJggg==)}.player-tool .tool-btn.icon_play.active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAlVJREFUSEu91r9rE2EYB/Dv816KDkKbJgXHSnKpRVzEP6Au4uIkaIcOgoNJLhSTapuAbVpiO7jZNokioqA4uAhKUXEQujgIrhovtYOLGnOndFDb5H3klaT+yu9cvfF4+X7e532f970j/KeH/nb6sq8GhewpW4b/nZNz+AdyZ8xnBIwQcAeaa754dt9rJ8CakAquYAUWYt4K+q50i9WFBPCUgfMA3AA9guCUFdSfdwrWheywfsR7de2wlFJhpwCSgFywwoHpTrCGUDWwP22eAWECwDDAL8BixjL8j9sBW4JU4EB6fW8ZWwkQjVf2MOsuIZof17+3ArYM/aouf4yJp1SzAHgLQsIK6feaYW1D1UB32owTYVI1CwF3XUTRDyH/x3pgx5AK9Czl9rOmJQEeBegLuHzBMoau18K6grary+ZGicVMpVlWNBbnCoY//zvoCKQCB2+u7974VkoyI86MjG3oxo5AWDR3uV1IEpAAyznLGJp1HOrPvjkBiCSYDxLwUDDFHF263mumT5N0EcynAbKJZaxoBG452gyebD7CzGp5PABubMnS1EZkuOhYe/ctmSNCQwLAUYBzDEzY4cCKYwd2z6I50KMhRoS4CmVgwfZuzuHkgc1mSOXK+nOY+vCpN+r23j4nGXOMiCbVZoOwKomnPwcDq60A1TENz1HvsnlICEQJGAMgmThhhwKX2wGaQiA8If754fOA6b5gvvQpor/sBGm4dJXb+T0zUrahZzoF6lbkyZgPGDjOwG2XEKlC0Gd2i9SsyLu8FpDEX3f8d8uJ2dfK+AFcSw8qD9dV+gAAAABJRU5ErkJggg==)}.player-video{height:calc(100% - 54px)}.player-box{display:flex;height:100%}.player-record{display:flex;width:560px;height:400px;margin:auto;padding:50px 0}.player-box .box-item,.player-record .box-item{flex:1;background-image:url(../../static/img/box_bg.4d4ab678.jpg);background-size:cover;background-repeat:no-repeat;border:1px solid #ececec}.player-box.style-04,.player-box.style-06,.player-box.style-09,.player-box.style-16{display:flex;flex-direction:column}.player-box .column,.player-box .row{display:flex;flex:1}.player-box.style-06 .column{flex-direction:column}.player-box .box-item.flex2,.player-box .row.flex2{flex:2}.el-dropdown-menu__item.active{color:#66b1ff}.current-time{position:absolute;left:50%;transform:translateX(-50%);margin-top:12px;z-index:99;background:#06070b;border-radius:12px;height:24px;line-height:24px;font-size:14px;color:#fff;letter-spacing:0;text-align:center;width:176.5px}.canvas-container{position:absolute;top:-48px;opacity:.8;background:#292b36;width:100%;z-index:100;height:48px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;width:100%!important;height:100%;font-size:16px;background-color:#f7f7f7}