#ax-video{display:flex;flex-direction:column;position:relative;min-width:800px}.player-container-0-loading,.player-container-1-loading,.player-container-2-loading,.player-container-3-loading{position:absolute;top:0;left:0;width:100%;height:100%;color:red;display:flex;justify-content:center;align-items:center}.player-playback{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,.8);border:1px solid #fc0;border-top:0;padding:0 6px}.video-select-container{width:240px;height:100%;display:flex;justify-content:flex-start;align-items:center;color:hsla(0,0%,100%,.7)}.video-select-container #video-select{flex:1;background-color:hsla(0,0%,100%,.7);color:rgba(0,0,0,.7)}.video-controls .speed-content{height:30px;background-color:rgba(0,0,0,.7);padding:0 15px;border-radius:30px;display:flex;justify-content:space-around;align-items:center;color:hsla(0,0%,100%,.7);margin-right:15px}.video-controls .speed-content span{cursor:pointer}.video-controls .speed-content .speed{font-size:12px;cursor:default;width:40px;text-align:center}.video-controls .device{display:inline-block;width:18px;height:18px;margin:0 5px;cursor:pointer}.video-controls .bf{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAIBJREFUWEftltEJwCAQQ9XJ7DTiFt3icJo6WShCr/jTnlBECvHTwBmexOjd4uUXn+9ogARIYJiAiMQQQtTYppT2PsKW/hT3IQPX8KMfAmDLOde2Z+lvbw0NkAAJkAAJkMA/CLQ2K6Xc9QugahNq01n6pzqe+XUfugIaIAESmEngBLWi+CGycVARAAAAAElFTkSuQmCC");background-size:100% 100%}.video-controls .zt{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAOtJREFUWEftlm0OgyAMhqkcbO40DadQT2HwMrqDSZcuMyFmGR9t5n7AT4P04ekLAczFAy6ubxpAM/D/Brz3IwDciOiBiKP2qUka8N5TVHTShigFOFjUQLIBEBG4HcaYQdNIEcBROAYBgE2SjyoABtGyUQ3wycb7W1E+xABSEDUABpnnue+6ro+CmrShDmCtHYiIIXj8DmBZljUqbEIId+fclro5xQakp6EagPsd6+b7YN/3KWfXsZViAK3CB0QRwFl3bp+/5SAb4LRIMt2p8BUb4B9q+yw18HqQ1AQsx0KyBTmLSOY0gGagGXgCTo6yIcEsMuwAAAAASUVORK5CYII=")}.video-controls .kj,.video-controls .zt{display:inline-block;width:15px;height:15px;background-size:100% 100%}.video-controls .ht,.video-controls .kj{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAATlJREFUWEftlmEOgjAMhTs4mHgZFk6hnoKMy6gHg5mXWFNxjFaN+GP8AmXtt9fXDkcbX27j/FQAigL/pUDf903XdZdfdsZDgWEYzpx4HMeTFiSEcCSiAxGdvPe4N10PgBBC9N47a0CAxxivzrkdMlvg8f4LAH5EKeq6xq5WAwKAk1rWsUxJAP5TE1AC8DqLilkATcAUgEVFFQCDsFFlnZcAtCqaAFI7g1c0xlsqixlgVhaC+zUAEh5dwy37EcA7rQclsK5t2/1iG+YmyVzKNQ9IL1RV1eB5mqYLDzq1Aks11ADk2nIVALPgTp4ctzkAzTzIAmgCpAAE9JPcqdImATSJ5WyQXWBZ+2JCnGhwaIwRZlGdbqxArkw5U0sF3jpWua1kb1vO4698EX3yIfMVAMuO5+8WgKJAUeAG+dZgMKChSOoAAAAASUVORK5CYII=");cursor:no-drop}.video-controls .ht{display:inline-block;width:15px;height:15px;background-size:100% 100%;transform:rotate(180deg)}.video-tool{width:240px;height:100%;display:flex;justify-content:flex-end;align-items:center}.video-tool .sedii-video-full-screen{display:inline-block;width:25px;height:25px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASJJREFUWEftls0NgzAMhW0YrO0yRExBmQLBMtDFSPWkukoj57cHLum12P784viF6eIfX1yfGkBTIKrAsix3f0jHcTxSg6vFIUaLDQIgSdd1u1/MGJM8tm3bdmvtDzwzH8MwPPx8uQCzMeaZ6tz/323iH4CZiCYiKoKQ4igsYFUKQPJ1XdF9NoRbHEVxJICoBkBwLoRfHLFVANp5fyAoNg8A6Pt+0rrVciYnunTwSr9vAE2BpkCRAuJyKUfEvsj1jqgZuQtF23DanXcM6OsdsQWWdEN4QW5xAfLXdtUqlqLneT7wLgjZaWjzuRDMfKs2IwSWFleUCOZIHoEAxDzdVwHdS9fyMqp6kGAI/eQ5LucCSLy19qXdjKJrWOp0Od83gKbAG35PsiF5zVC8AAAAAElFTkSuQmCC");background-size:100% 100%}.video-controls{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.control-area-view{width:100%;height:50px;justify-content:space-between;background-color:#3d3d3d;border-top:0;padding:0 6px}.control-area-right,.control-area-view{display:flex;align-items:center}.control-area-right .control-full-screen-btn{cursor:pointer;display:inline-block;margin-right:15px;width:23px;height:23px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASJJREFUWEftls0NgzAMhW0YrO0yRExBmQLBMtDFSPWkukoj57cHLum12P784viF6eIfX1yfGkBTIKrAsix3f0jHcTxSg6vFIUaLDQIgSdd1u1/MGJM8tm3bdmvtDzwzH8MwPPx8uQCzMeaZ6tz/323iH4CZiCYiKoKQ4igsYFUKQPJ1XdF9NoRbHEVxJICoBkBwLoRfHLFVANp5fyAoNg8A6Pt+0rrVciYnunTwSr9vAE2BpkCRAuJyKUfEvsj1jqgZuQtF23DanXcM6OsdsQWWdEN4QW5xAfLXdtUqlqLneT7wLgjZaWjzuRDMfKs2IwSWFleUCOZIHoEAxDzdVwHdS9fyMqp6kGAI/eQ5LucCSLy19qXdjKJrWOp0Od83gKbAG35PsiF5zVC8AAAAAElFTkSuQmCC");background-size:100% 100%}.control-area-right .control-Split-btn{cursor:pointer;display:inline-block;margin-right:13px;width:34px;height:23px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACXSURBVEhL7ZRBCsQgDEXnYip4Kk/j0q038UoZ3sIh2o5MS62L6eKB5Mc8JODLGCMr+GNxzllKKYfhnh74Kx8xQ3SgOZuNeMS7kI3QvdZaCSGIc66pAzUyei5/MUNTShJjbOScqZFtxCNqX89e5r1v5FpKRs+0HWt5L4XLd6yp8l4K015cYZ/Q16eLv7FevOyvvptHfBNG3moPnZgQUAMkAAAAAElFTkSuQmCC");background-size:100% 100%}.popup-split-container{position:absolute;bottom:50px;right:20px;width:130px;height:90px;background-color:#3d3d3d;box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075);border-radius:3px;z-index:1000;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:10px}.split-screen-1,.split-screen-2,.split-screen-3,.split-screen-4{margin:0 10px;width:22px;height:22px;cursor:pointer}.split-screen-1{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABYSURBVDhP7ZNBCgAgCAT7mP9/ge8x9rAhGJFhh6CFwQh3bjYRsSruyFTVToJekCF8Z/C9IMvE98BUxr8V3OMEX7aGe5zgMdlufA8EWRbfG7LS26ygUCbWAb/r7tnHLw1PAAAAAElFTkSuQmCC");background-size:90% 90%}.split-screen-2{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPY7C1tf1PLTwEDFu/fv3/c+fOkYxB+jAMA0nA2OiYWLlRwxCYLMPIxVgNg7HRMbFyo4YhMMmGUTVvUgNT0TDb/wBJDsdAxbgOcQAAAABJRU5ErkJggg==");background-size:90% 90%}.split-screen-3{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVDhPY7C1tf1PLTwEDNuwYcP/c+fOkYwXL16MaRhIAsbGxidGbIgYRi7GahiMjY1PjNhomFHoMhgbG58YMdoYRtW8SQ1MRcNs/wMAN/rqrVfG+LcAAAAASUVORK5CYII=");background-size:90% 90%}.split-screen-4{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABSSURBVDhPY7C1tf1PLTwEDNuwYcP/c+fOkYwXL16MadjZs2fBtL29PVgRTByE0fm41NLGMJAguRjDsFFvYvBHvYlfAQiTbBhV8yY1MBUNs/0PABNiCzWkcjWEAAAAAElFTkSuQmCC");background-size:90% 90%}.player-close-btn{cursor:pointer;width:45px;height:25px;border:1px solid #ccc;border-radius:3px;color:#ccc;position:absolute;top:10px;right:10px;text-align:center;line-height:25px;z-index:1000}.player-close-btn:hover{border-color:#fff;color:#fff}