#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#app,.el-container,body,html{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.el-header{position:absolute;width:100%;height:66.7px;padding:8px}#header_title{float:left;font-size:23px;font-weight:600;line-height:150%}#header_button{line-height:220%;float:right}.el-main{position:absolute;width:100%;height:calc(100vh - 280px);margin:0;padding:0;background-color:#fff;top:275px;text-align:center}#main_login{background:url(/img/bg.1f904bbc.png) no-repeat;background-size:100% 100%}.login{padding:20px;width:20%;height:40%;text-align:center;display:inline-block;margin-top:10%;background-color:#fff;border-radius:20px}#login_button{width:65%;border-radius:50px}#register_button{width:30%;border-radius:50px}#get_back_btn{float:right}.myTabs{top:121px;height:74.39px;padding:6px;line-height:600%}.myTabs,.myTabs_title{position:absolute;width:98%;text-align:center;background:repeating-linear-gradient(90deg,#00b2f8,#2f4efd,#00b2f8);padding:8px}.myTabs_title{top:50px;height:55.46px;font-size:medium;color:#fff}.tab{width:55px;height:55px;border:2px solid #fff;border-radius:50%;line-height:430%;box-shadow:2px 2px 2px #665d5d;cursor:pointer;padding:8px}.tab,.tab_title{display:inline-block}.tab_title{margin-top:2%;width:85px}#content,#myChart{position:absolute;width:98%;left:1%;height:79%;text-align:center;margin-top:25px}#user_form{position:absolute;left:35%;width:30%}.user_form_button{margin-left:3%;width:30.5%}#bindDevice-btn{float:right;margin-bottom:8px}#iot-title{float:left;margin-bottom:8px}#update-button{float:right}