.battery-container[data-v-765e22ac]{display:flex;align-items:center;font-size:14px}.battery-body[data-v-765e22ac]{width:60px;height:24px;border:2px solid #333;border-radius:4px;position:relative;margin-right:6px;box-sizing:border-box;background-color:#ddd;overflow:hidden}.battery-level[data-v-765e22ac]{height:100%;transition:width .3s,background-color .3s}.battery-head[data-v-765e22ac]{width:6px;height:14px;background-color:#333;margin-left:-4px;border-radius:2px}.battery-text[data-v-765e22ac]{margin-left:4px;font-weight:700}.home[data-v-33c99088]{width:100%;height:100%;position:relative}.home .batteryContainer[data-v-33c99088]{position:absolute;top:15%;right:5%}.home .videoArea[data-v-33c99088]{width:100%;height:100%;padding:0;display:flex;justify-content:center;align-items:center}.home .videoArea #myVideo[data-v-33c99088]{width:100%;height:100%}.home #joystick-container[data-v-33c99088]{position:absolute;bottom:15%;left:13%}.home .goBackImg[data-v-33c99088]{position:absolute;top:5%;left:5%}.home .settingImg[data-v-33c99088]{position:absolute;top:5%;right:5%}.home .buttonArea[data-v-33c99088]{position:absolute;top:15%;left:5%;display:flex;flex-direction:column}.home .buttonArea[data-v-33c99088] .el-button+.el-button{margin-left:0;margin-top:1vh}.home .buttonArea .defaultButton[data-v-33c99088],.home .buttonArea .defaultButton[data-v-33c99088] :hover{border-color:#dcdfe6;background-color:#fff;color:#606266}.home .bottomButtonArea[data-v-33c99088]{position:absolute;width:10vw;height:5vw;bottom:5%;right:45%;display:flex;justify-content:space-between}.home .bottomButtonArea .speedText[data-v-33c99088]{text-align:center;font-size:40px;height:5vw;line-height:5vw;color:#f7c90d}.home .rightUporDown[data-v-33c99088]{position:absolute;bottom:5%;right:5%}.home .rightUporDown .downPngView[data-v-33c99088],.home .rightUporDown .upPngView[data-v-33c99088]{width:9vw;height:9vw}.home .leftorRight[data-v-33c99088]{position:absolute;bottom:8%;left:5%;display:flex}.home .leftorRight .leftPngView[data-v-33c99088],.home .leftorRight .rightPngView[data-v-33c99088]{width:9vw;height:9vw}*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}#app{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}html{box-sizing:border-box;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{width:100%;height:100%}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;line-height:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body,li,ul{margin:0;padding:0}li,ul{list-style:none}*,:after,:before{box-sizing:inherit}a{text-decoration:none}a:active,a:focus,div:focus{outline:none}.el-input{border:1px solid #000}.el-input__wrapper{border:none!important;box-shadow:none!important}