body,html{margin:0}#app,body,html{height:100%;width:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding-bottom:40px;-webkit-box-sizing:border-box;box-sizing:border-box}#app .el-button--primary{background-color:#36b3b3;border-color:#36b3b3}#app .el-button--text{color:#36b3b3}#app .footer{width:100%;position:fixed;bottom:0;text-align:center;height:40px;line-height:40px;color:#fff;font-size:13px;background:rgba(0,0,0,.7)}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.login[data-v-54e86cee]{height:100%;background-image:url(../img/bg.63ce37cf.jpg)}.login .logo[data-v-54e86cee]{background-image:url(../img/logo.8b9f741f.png);width:1024px;height:172px;margin:auto}.login .content[data-v-54e86cee]{width:860px;margin:auto;padding:40px 60px;background:rgba(0,0,0,.1);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login .content img[data-v-54e86cee]{width:auto;height:290px}.login .raido[data-v-54e86cee]{margin-top:15px}.login .image[data-v-54e86cee]{-webkit-box-flex:1;-ms-flex:1;flex:1}.login .image img[data-v-54e86cee]{width:100%;background-image:url(../img/pic.1a6ff9c3.png);background-repeat:no-repeat;background-size:cover}.login .wrap[data-v-54e86cee]{padding-top:15px;background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;height:290px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4)}.login .ruleForm[data-v-54e86cee]{padding:20px 40px 40px}.login .loginBtn[data-v-54e86cee]{width:100%;background-color:#409eff!important}.login .btn-wrap[data-v-54e86cee]{margin:auto}.header[data-v-6345a990]{position:relative;height:100px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4);padding:0 60px;background:-webkit-gradient(linear,left top,right top,from(#285d90),to(#36b3b3));background:linear-gradient(left,#285d90,#36b3b3);color:#fff;text-align:left}.header img[data-v-6345a990]{height:100px}.header .head[data-v-6345a990]{height:100px;width:420px;background-image:url(../img/index.0468d4b4.png);background-size:cover}.title[data-v-6345a990]{letter-spacing:8px;font-size:24px;font-weight:700}.head-wrap[data-v-6345a990]{position:absolute;top:0;right:60px;text-align:right;height:100px;line-height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.head-wrap .el-link.el-link--primary[data-v-6345a990]{color:#fff}.head-wrap .el-icon-user[data-v-6345a990]{margin-right:12px}.empty[data-v-6345a990]{background:#f5f5f5}.select-role[data-v-7b4ef168]{width:100%!important}.add-device[data-v-d0fc5322],.add-user[data-v-7b4ef168]{text-align:right;margin-bottom:10px}.select-role[data-v-d0fc5322]{width:100%}.el-col-8[data-v-1ca868a2]{text-align:right;margin-bottom:19px}.el-col-16[data-v-1ca868a2]{text-align:left}.admin[data-v-2de6af4f]{background:#fff;height:calc(100% - 100px);position:relative}.admin .table[data-v-2de6af4f]{padding:0 40px}.admin-wrap[data-v-2de6af4f]{position:absolute;top:100px;bottom:0;left:0;right:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.admin-wrap .filter[data-v-2de6af4f]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 40px 10px}.admin-wrap .filter .el-form-item[data-v-2de6af4f]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.admin-wrap .filter .el-button[data-v-2de6af4f]{width:120px;height:40px;margin-left:20px}.admin-wrap .el-icon-s-tools[data-v-2de6af4f]{color:#e6a23c}.admin-wrap .el-icon-user-solid[data-v-2de6af4f]{color:#36b3b3}.admin-wrap .el-icon-video-camera-solid[data-v-2de6af4f]{color:#f56c6c}.admin-wrap .el-icon-message-solid[data-v-2de6af4f]{color:#aa3409}.admin-wrap .el-icon-s-goods[data-v-2de6af4f]{color:#0dafea}.admin-wrap .content[data-v-2de6af4f]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative}.admin-wrap .content .con-wrap[data-v-2de6af4f]{position:absolute;top:0;bottom:0;left:0;right:0;overflow:scroll}.admin-wrap .el-menu-vertical-demo[data-v-2de6af4f]{width:180px;height:100%;background:-webkit-gradient(linear,left top,right top,from(#285d90),to(#447b99));background:linear-gradient(left,#285d90,#447b99)}.admin-wrap .el-menu-vertical-demo .el-menu-item[data-v-2de6af4f]{text-align:left}.admin-wrap .el-menu-vertical-demo .el-menu-item.is-active[data-v-2de6af4f],.admin-wrap .el-menu-vertical-demo .el-menu-item[data-v-2de6af4f]:hover{background-color:#204a73!important}.admin-wrap .el-menu-vertical-demo .el-menu-item.is-active i[data-v-2de6af4f]{font-size:22px}.select-role[data-v-9ee14992]{width:100%!important}.add-device[data-v-5925c6cd],.add-user[data-v-9ee14992]{text-align:right;margin-bottom:10px}.select-role[data-v-5925c6cd]{width:100%}.location[data-v-5925c6cd]{display:-webkit-box;display:-ms-flexbox;display:flex}.deviceWatch[data-v-7b4c2897]{margin:20px 40px}.deviceWatch .el-tag+.el-tag[data-v-7b4c2897]{margin-left:10px}.tags[data-v-7b4c2897]{margin:15px auto 30px;text-align:center;-ms-flex-pack:distribute;justify-content:space-around}.head-info[data-v-7b4c2897],.tags[data-v-7b4c2897]{display:-webkit-box;display:-ms-flexbox;display:flex}.head-info[data-v-7b4c2897]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switch[data-v-7b4c2897]{margin:15px auto;width:980px}.sub-device[data-v-7b4c2897]{margin:15px auto;text-align:center}.sub-device .wrap[data-v-7b4c2897]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:10px}.sub-device .device[data-v-7b4c2897]{display:inline-block;margin-bottom:10px}.sub-device .device img[data-v-7b4c2897]{width:20px;height:20px}.sub-device .device[data-v-7b4c2897]:nth-child(20n+1){margin-left:0}.sub-device .ligthHeight[data-v-7b4c2897]{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5720a));background:linear-gradient(top,#fff,#f5720a);border:1px solid #e5e5e5}.sub-device .height[data-v-7b4c2897],.sub-device .ligthHeight[data-v-7b4c2897]{width:40px;text-align:center;line-height:70px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.sub-device .height[data-v-7b4c2897]{height:70px}.sub-device .power[data-v-7b4c2897]{width:40px;height:40px;display:block;background:#ebeef5;color:#303133;text-align:center;line-height:40px;border-radius:50%}.user[data-v-3296e9cb]{background:#fff;height:calc(100% - 100px);position:relative}.user .table[data-v-3296e9cb]{padding:0 40px}.user-wrap[data-v-3296e9cb]{position:absolute;top:100px;bottom:0;left:0;right:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.user-wrap .filter[data-v-3296e9cb]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 40px 10px}.user-wrap .filter .el-form-item[data-v-3296e9cb]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.user-wrap .filter .el-button[data-v-3296e9cb]{width:120px;height:40px;margin-left:20px}.user-wrap .el-icon-s-operation[data-v-3296e9cb]{color:#e6a23c}.user-wrap .el-icon-user-solid[data-v-3296e9cb]{color:#36b3b3}.user-wrap .el-icon-video-camera-solid[data-v-3296e9cb]{color:#f56c6c}.user-wrap .el-icon-message-solid[data-v-3296e9cb]{color:#aa3409}.user-wrap .el-icon-s-goods[data-v-3296e9cb]{color:#0dafea}.user-wrap .content[data-v-3296e9cb]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative}.user-wrap .content .con-wrap[data-v-3296e9cb]{position:absolute;top:0;bottom:0;left:0;right:0;overflow:scroll}.user-wrap .el-menu-vertical-demo[data-v-3296e9cb]{width:180px;height:100%;background:-webkit-gradient(linear,left top,right top,from(#285d90),to(#447b99));background:linear-gradient(left,#285d90,#447b99)}.user-wrap .el-menu-vertical-demo .el-menu-item[data-v-3296e9cb]{text-align:left}.user-wrap .el-menu-vertical-demo .el-menu-item.is-active[data-v-3296e9cb],.user-wrap .el-menu-vertical-demo .el-menu-item[data-v-3296e9cb]:hover{background-color:#204a73!important}.user-wrap .el-menu-vertical-demo .el-menu-item.is-active i[data-v-3296e9cb]{font-size:22px}