#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{background:#f9f9f9}.el-menu{position:absolute;top:0;left:0;width:100%}.line{border-bottom:1px solid #ccc}.el-footer{position:relative;left:0;right:0;bottom:0}.el-menu-myvideo{overflow:auto;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.bottom{position:fixed;bottom:0}.myvideo{padding:10px;background:#545c64;border-radius:4px}.videolist{width:100%;max-width:50rem;height:360px;text-align:left;overflow:auto}.selectbuttons .el-button{margin:0 0 5px 5px;width:48%;height:46px;text-align:left}@media screen and (min-width:800px){.box{display:-webkit-box;display:-ms-flexbox;display:flex}.myvideo{width:101rem;height:100%}.videolist{height:460px}}.myvideo[data-v-0c2ccec6]{padding:10px;background:#545c64;border-radius:4px}.videolist[data-v-0c2ccec6]{width:100%;max-width:50rem;height:660px;text-align:left;overflow:auto}.selectbuttons .el-button[data-v-0c2ccec6]{margin:0 0 5px 5px;width:48%;height:46px;text-align:left}@media screen and (min-width:800px){.box[data-v-0c2ccec6]{display:-webkit-box;display:-ms-flexbox;display:flex}.myvideo[data-v-0c2ccec6]{width:101rem;height:100%}.videolist[data-v-0c2ccec6]{height:660px}}