.ude-confirm-dialog[data-v-5934e925] .ude-dialog-btn{
  font-size:0px;
  text-align:right;
  margin-bottom:-8px;
  border-top:1px solid #EBEEF5;
  padding-top:16px;
}
.ude-confirm-dialog[data-v-5934e925] .ude-dialog-btn .mui-btn{
  margin-left:8px;
}
.ude-confirm-btn-container[data-v-5934e925]{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:64px;
  overflow:hidden;
}
.ude-confirm-btn[data-v-5934e925]{
  font-size:0;
  padding:16px 32px;
  line-height:32px;
  background:#FFFFFF;
  display:flex;
}
.ude-confirm-btn[data-v-5934e925] .mui-btn{
  margin-left:8px;
}
.ude-confirm-btn[data-v-5934e925] label{
  font-size:12px;
  display:inline-block;
  color:#f8714f;
  flex:1;
}
.slide-fade-enter-active[data-v-5934e925]{
  transition:all 0.4s ease-in-out;
}
.slide-fade-leave-active[data-v-5934e925]{
  transition:all 0.4s ease-in-out;
}
.slide-fade-enter[data-v-5934e925],.slide-fade-leave-to[data-v-5934e925]{
  transform:translateY(100%);
}

.linefeed[data-v-16a82863]{
  word-break:break-word;
}

.user-list li[data-v-3835ad36]{
  height:40px;
  line-height:40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 16px;
  border:1px solid #E5E7EE;
  margin-bottom:16px;
  cursor:pointer;
}
.user-list li > span[data-v-3835ad36]{
  border:1px solid #426BFF;
  color:#426BFF;
  font-size:12px;
  line-height:20px;
  display:inline-block;
  vertical-align:middle;
  height:20px;
  padding:0 8px;
}

.lang-en .zoom-buttom[data-v-d1e3a2d2]{
  height:600px;
}
.controduce[data-v-d1e3a2d2]{
  font-size:10px;
  word-break:break-word;
}
.title-style[data-v-d1e3a2d2]{
  margin-left:8px;
  font-weight:bold;
}
a.title-style[data-v-d1e3a2d2]{
  color:#4c90f8;
}
.zoom-buttom[data-v-d1e3a2d2]{
  width:100%;
  height:460px;
}
.zoom-buttom .style-font[data-v-d1e3a2d2]{
  font-size:124px;
  color:#e2e2e2;
  text-align:center;
}
.zoom-buttom .style-content[data-v-d1e3a2d2]{
  border:1px solid #dedede;
  background-color:#fafafa;
  height:520px;
  width:90%;
  margin:0 auto;
  margin-bottom:20px;
  position:relative;
  margin-top:-63px;
}
.zoom-buttom .style-content .status-link[data-v-d1e3a2d2]{
  display:inline-block;
  position:absolute;
  margin-left:28px;
  border:1px dotted #d8d8d8;
  height:80%;
  top:56px;
}
.zoom-buttom .style-content .radius[data-v-d1e3a2d2]{
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:50%;
  position:absolute;
  z-index:99;
  top:38px;
  margin-left:20px;
  border:1px dotted #3f8ffc;
}
.zoom-buttom .style-content .content-in[data-v-d1e3a2d2]{
  display:inline-block;
  position:absolute;
  width:76%;
  margin-left:40px;
  height:88%;
  top:33px;
}
.radius-min[data-v-d1e3a2d2]{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  position:relative;
  z-index:100;
  margin-left:-20px;
  background-color:#ffffff;
  border:1px dotted #d8d8d8;
}

@font-face{
  font-family:DDINC;
  src:url(/fonts/D-DIN-Condensed.7c189af24c6827e918e7.otf);
  font-weight:normal;
  font-style:normal;
}
.cloud-layout.lang-en .layout-top .layout-top-right-navbar .layout-top-user-info .novice-guide{
  width:128px;
}
.cloud-layout.lang-en .layout-top .layout-top-right-navbar .layout-top-user-info .drop-box li{
  text-align:left;
}
.cloud-layout.lang-en .layout-top .layout-top-right-navbar .layout-top-user-info .drop-box li a,.cloud-layout.lang-en .layout-top .layout-top-right-navbar .layout-top-user-info .drop-box li span{
  padding-left:10px;
}
.cloud-layout.lang-en .layout-top .layout-top-right-navbar .layout-top-user-info .drop-box.drop-box-acunt,.cloud-layout.lang-en .layout-top .layout-top-right-navbar .layout-top-user-info .drop-box.drop-box-set{
  width:190px;
  padding:0 8px;
}
.cloud-layout.lang-en .layout-top .layout-top-logo{
  width:unset;
  height:60px;
  padding:0 10px;
}
.cloud-layout.lang-en .layout-top .layout-top-logo img{
  width:unset;
  max-height:60px;
}
.lang-en .mui-datatable-body-td.operation a::after{
  content:'|';
  margin-left:6px;
}
.lang-en .mui-datatable-body-td.operation a:last-child::after{
  content:'';
}
.lang-en .mui-datatable-body-td.operation button::after{
  content:'|';
  margin-left:6px;
}
.lang-en .mui-datatable-body-td.operation button:last-child::after{
  content:'';
}
.cloud-layout .layout-top-bg{
  height:64px;
  background:url(/img/header_top_l.9e666807d97be0010204.png) 0 0 no-repeat, url(/img/header_top_r.240762a3d706c65c482d.png) 100% 0 no-repeat;
  background-color:#323959;
}
.cloud-layout .layout-top{
  height:64px;
  line-height:64px;
}
.cloud-layout .layout-top-logo{
  padding:0 64px 0 32px;
  height:64px;
}
.cloud-layout .layout-top-logo img{
  width:174px;
}
.cloud-layout .layout-top .mui-layout-top-menus-level-2{
  top:64px;
}
.cloud-layout .layout-top .mui-layout-top-menus-flex > li .mui-layout-top-menus-level-2{
  top:0;
}
.cloud-layout .layout-top-right-navbar{
  margin-right:36px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info{
  position:relative;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .novice-guide{
  float:left;
  text-align:center;
  width:60px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .novice-guide span a{
  color:white;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .user-list{
  float:left;
  font-size:14px;
  color:#FFFFFF;
  line-height:64px;
  margin-right:80px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .user-list > span.icon{
  cursor:pointer;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-msg,.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-set,.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-user{
  float:left;
  display:inline-block;
  color:#FFFFFF;
  width:36px;
  height:36px;
  background:#575D77;
  text-align:center;
  line-height:36px;
  cursor:pointer;
  border-radius:50%;
  margin-left:24px;
  margin-top:14px;
  position:relative;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-msg svg,.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-set svg,.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-user svg{
  vertical-align:middle;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-msg .msg-number,.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-set .msg-number,.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-user .msg-number{
  position:absolute;
  font-size:12px;
  line-height:20px;
  top:-5px;
  right:-10px;
  color:#FFF;
  display:inline-block;
  height:20px;
  padding:0 5px;
  background:#DB1616;
  border-radius:6px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-user{
  width:62px;
  border-radius:20px;
  display:flex;
  justify-items:center;
  align-items:center;
  justify-content:space-between;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-user .img{
  width:32px;
  height:32px;
  display:inline-block;
  overflow:hidden;
  border-radius:100%;
  margin-left:2px;
  background:no-repeat center center;
  background-size:cover;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .icon-user:after{
  display:inline-block;
  content:'';
  width:0;
  height:0;
  border:4px solid transparent;
  border-top-color:#fff;
  margin-right:10px;
  margin-top:2px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box{
  position:absolute;
  top:64px;
  box-shadow:0 2px 8px 5px rgba(15, 26, 52, 0.2);
  width:100px;
  background:#fff;
  right:-10px;
  border-radius:4px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box li{
  text-align:center;
  border-top:1px solid #dedede;
  height:40px;
  line-height:40px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box.drop-box-acunt li{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0 2px 0 6px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box li:first-child{
  border-top:none;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box li.item-btn a{
  display:block;
  color:#19182E;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box li.item-btn a.router-link-exact-active{
  color:#426BFF;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-set{
  right:50px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg{
  right:0px;
  width:300px;
  padding-top:10px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg > ul{
  overflow:auto;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg > ul > li{
  height:auto;
  text-align:left;
  margin:0 16px;
  line-height:30px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg p{
  margin:0;
  line-height:1.5em;
  word-break:break-word;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg .msg-top{
  display:flex;
  justify-items:center;
  align-items:center;
  justify-content:space-between;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg .msg-bottom{
  text-align:right;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg span{
  color:#999;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg .btn-more{
  margin:0;
  text-align:center;
  background:#dedede;
  cursor:pointer;
  height:30px;
  line-height:30px;
}
.cloud-layout .layout-top-right-navbar .layout-top-user-info .drop-box-msg .empty-content{
  height:50px;
  line-height:50px;
  text-align:center;
  color:#AEB1CA;
}
.cloud-layout .layout-nav{
  top:64px;
  background:linear-gradient(135deg, #e0e8fb 0%, #bfcfff 100%);
}
.cloud-layout .layout-nav:after{
  position:absolute;
  width:100%;
  height:206px;
  content:'';
  bottom:0;
  left:0;
  background:url(/img/nav_left_bg.2f81875cf931bb3ba979.png) no-repeat;
  background-size:100%;
}
.cloud-layout .layout-nav-menus .menu-item{
  height:40px;
  line-height:40px;
}
.cloud-layout .layout-nav-menus .menu-icon{
  position:absolute;
  left:26px;
  top:50%;
  margin-top:-8px;
  width:16px;
  height:16px;
}
.cloud-layout .layout-nav-menus-level-2 > li > .menu-item .menu-txt{
  font-size:16px;
}
.cloud-layout .layout-content{
  top:64px;
}
.cloud-layout .layout-main-view > .container{
  margin:16px 32px 0 32px;
  height:calc(100% - 48px - 32px);
}
.cloud-layout.cloud-layout-home{
  overflow:auto;
  background:#F2F5FC;
}
.cloud-layout.cloud-layout-home .layout-top-bg{
  height:216px;
}
.cloud-layout.layout-smallsize .layout-nav-menus-level-2 > li > .menu-item .menu-txt{
  font-size:14px;
}
.table-page{
  width:100%;
  height:100%;
}
.table-page-header{
  margin-bottom:24px;
}
.table-page-header:after{
  display:block;
  content:'';
  clear:both;
}
.table-page-header > .mui-btn,.table-page-header > .mui-download,.table-page-header > .mui-upload-button{
  float:left;
  margin-right:8px;
}
.table-page-header .right{
  float:right;
  display:flex;
  align-items:center;
}
.table-page-header .right > *{
  margin-left:8px!important;
}
.table-page-header .right .mui-form-item{
  margin-bottom:0;
}
.table-page-header .right .mui-form-item-content{
  flex:none;
}
.device-list span.busy,.device-list span.offline,.device-list span.online{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:100%;
  background:#FB564B;
  position:relative;
}
.device-list span.busy:after,.device-list span.offline:after,.device-list span.online:after{
  content:'';
  display:block;
  position:absolute;
  width:14px;
  height:14px;
  top:-3px;
  left:-3px;
  border-radius:100%;
  opacity:0.16;
  background:inherit;
}
.device-list span.online{
  background:#37D48D;
}
.device-list span.busy{
  background:#d4c505;
}
.device-detail-drawer-bg{
  position:absolute;
  left:0;
  top:48px;
  right:0;
  bottom:0;
  z-index:4;
  background:rgba(0, 0, 0, 0.2);
}
.device-detail-drawer{
  position:absolute;
  width:950px;
  top:48px;
  right:0;
  bottom:0;
  z-index:5;
  box-shadow:-3px 0 12px 0 #cacaca;
  background:#FFF;
  transition:all 0.5s;
  overflow:visible;
}
.device-detail-drawer-enter{
  transform:translateX(100%);
}
.device-detail-drawer-leave-active{
  transform:translateX(100%);
}
.device-detail-drawer-title{
  margin:8px 32px 0 32px;
  height:56px;
  line-height:56px;
  border-bottom:1px solid #EBEEF5;
  font-size:16px;
  font-weight:bold;
  color:#19182E;
}
.device-detail-drawer-title .close-btn{
  position:absolute;
  right:32px;
  top:24px;
  cursor:pointer;
}
.device-detail-drawer-body{
  height:calc(100% - 64px);
  width:100%;
  padding:0 32px;
  position:absolute;
  top:64px;
  z-index:-1;
  overflow:auto;
}
.device-detail-drawer-body .actions{
  margin:10px 0;
}
.device-detail-drawer-body .mui-card-head{
  border-bottom:0;
  padding-bottom:0;
}
.device-detail-drawer-body .mui-card + .mui-card{
  margin-top:20px;
}
.device-detail-drawer-close{
  position:absolute;
  z-index:6;
  top:50%;
  margin-top:-24px;
  left:-24px;
  width:48px;
  height:48px;
  background:#FFFFFF;
  border-radius:50%;
  box-shadow:2px 0px 10px 0px rgba(0, 0, 0, 0.1);
  cursor:pointer;
  text-align:center;
  line-height:48px;
}
.device-detail-drawer-close svg{
  vertical-align:middle;
}

.wx-login[data-v-1784ca3c]{
  margin-top:20px;
}
.wx-login-iframe[data-v-1784ca3c]{
  width:300px;
  height:400px;
  margin:0 auto;
}
.wx-login-iframe iframe[data-v-1784ca3c]{
  width:100%;
  height:100%;
  border:0;
}

.login-box[data-v-f7458e08]{
  position:relative;
}
.login-box .login-type-btn[data-v-f7458e08]{
  position:absolute;
  top:0;
  right:0;
  height:48px;
  width:48px;
  cursor:pointer;
}
.login-box .login-type-btn-weixin[data-v-f7458e08]{
  background:url(/img/login_code.d301c9e6672b74260286.png) no-repeat 100% 0;
}
.login-box .login-type-btn-auth[data-v-f7458e08]{
  background:url(/img/login_auth.f9588077918a9713ad67.png) no-repeat 100% 0;
}
.login-box .login-type-btn:hover label[data-v-f7458e08]{
  display:block;
}
.login-box .login-type-btn label[data-v-f7458e08]{
  display:none;
  position:absolute;
  right:32px;
  top:15px;
  width:90px;
  height:18px;
  line-height:18px;
  padding:0 8px;
  font-size:12px;
  color:#FFFFFF;
  background:#426BFF;
  box-shadow:0 2px 8px 0 rgba(65, 116, 237, 0.32);
  border-radius:3px;
  cursor:pointer;
}
.login-box .login-type-btn label[data-v-f7458e08]:after{
  content:'';
  display:inline-block;
  width:0;
  height:0;
  border:3px solid transparent;
  border-left-color:#426BFF;
  position:absolute;
  right:-6px;
  top:6px;
}
.login-box .mui-input-wrapper[data-v-f7458e08]{
  height:48px;
}
.login-box .mui-input-wrapper[data-v-f7458e08] .mui-input{
  height:48px;
}
.login-box .wx-login .user-info[data-v-f7458e08]{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.login-box .wx-login .user-info .user-avatar[data-v-f7458e08]{
  width:80px;
  height:80px;
  border-radius:10px;
}
.login-box .wx-login .user-info .user-name[data-v-f7458e08]{
  line-height:36px;
  font-size:16px;
  font-weight:bold;
}

.my[data-v-1d9da237]{
  position:absolute;
  right:-23px;
  top:12px;
}
.login-box .mui-cascader[data-v-1d9da237],.login-box .mui-input-wrapper[data-v-1d9da237]{
  height:40px;
}
.login-box .mui-cascader[data-v-1d9da237] .mui-input,.login-box .mui-input-wrapper[data-v-1d9da237] .mui-input{
  height:40px;
  line-height:40px;
}
.login-box .mui-cascader[data-v-1d9da237] .mui-cascader-label,.login-box .mui-input-wrapper[data-v-1d9da237] .mui-cascader-label{
  line-height:40px;
}
.login-box[data-v-1d9da237] .mui-form-item-required .mui-form-item-label:before{
  display:none;
}

.my[data-v-06e6b996]{
  position:absolute;
  right:-25px;
  top:11px;
}
.login-box .mui-input-wrapper[data-v-06e6b996]{
  height:40px;
}
.login-box .mui-input-wrapper[data-v-06e6b996] .mui-input{
  height:40px;
}
.login-box[data-v-06e6b996] .mui-form-item-required .mui-form-item-label:before{
  display:none;
}

.lang-en .login-logo{
  width:195px;
  height:60px;
  top:17px;
  left:27px;
}
.login{
  position:relative;
  padding-top:90px;
  min-width:100%;
  min-height:100%;
  background-size:cover;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:center center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.login-logo{
  width:174px;
  height:32px;
  position:absolute;
  top:27px;
  left:37px;
  background:no-repeat center;
  background-size:contain;
}
.login-main{
  width:100%;
  display:flex;
  flex:1 0 0;
  align-items:center;
  justify-content:center;
}
.login-main-pic{
  flex:1 0 0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.login-main-pic > a,.login-main-pic a:active,.login-main-pic a:hover,.login-main-pic a:visited{
  text-decoration:none;
  color:#FFF;
}
.login-main-content{
  width:100%;
  max-width:1400px;
  height:520px;
  display:flex;
  justify-content:center;
}
.login-main-downloadbtn{
  margin-left:104px;
  height:50px;
  width:264px;
  font-size:24px;
  color:#fff;
  font-family:Arial;
  background-color:#0060C0;
  margin-top:280px;
  border-radius:25px;
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  padding:0 25px;
}
.login-main-code{
  width:30px;
  margin-left:10px;
}
.login-main-downcode{
  position:absolute;
  left:340px;
  top:455px;
  background-color:#fff;
  display:none;
  border-radius:8px;
  padding-bottom:5px;
}
.login-main-code:hover ~ .login-main-downcode{
  display:block;
}
.login-main-downcode > p{
  color:#000;
  text-align:center;
  font-size:12px;
}
.login-footer{
  width:100%;
  padding:24px 0;
  text-align:center;
  font-size:14px;
  line-height:20px;
  color:#A1ADCC;
}
.login-footer div + div{
  margin-top:4px;
}
.login-footer a{
  color:#A1ADCC;
}
.login-footer a:hover{
  color:#1291de;
}
.login-footer img{
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align:middle;
  margin:-2px 4px 0 0;
}
.login-footer .separate{
  display:inline-block;
  width:1px;
  height:14px;
  background-color:#A1ADCC;
  vertical-align:middle;
  margin:0 8px;
}
.login-box{
  width:480px;
  padding:48px;
  background:#FFFFFF;
}
.login-box .login-types{
  display:flex;
  width:100%;
  border-bottom:1px solid #EBEEF5;
  font-size:16px;
  line-height:1;
}
.login-box .login-types li{
  position:relative;
  cursor:pointer;
  padding:0 5px 20px;
}
.login-box .login-types li.active{
  font-weight:bold;
  color:#111111;
  cursor:default;
}
.login-box .login-types li.active:after{
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#111111;
  position:absolute;
  bottom:0;
  left:0;
}
.login-box .login-types li + li{
  margin-left:46px;
}
.login-box .login-title{
  font-size:16px;
  font-weight:bold;
  color:#111111;
  line-height:1;
  padding-bottom:19px;
  position:relative;
  display:flex;
  justify-content:space-between;
}
.login-box .login-title label{
  padding:0 5px;
}
.login-box .login-title .back{
  display:flex;
  align-items:center;
  color:#AEB1CA;
  font-size:14px;
  cursor:pointer;
}
.login-box .login-title:after,.login-box .login-title:before{
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#EBEEF5;
  position:absolute;
  bottom:0;
  left:0;
}
.login-box .login-title:before{
  width:74px;
  height:2px;
  background:#111111;
}
.login-box .login-error-tip{
  margin:6px 0;
  min-height:28px;
  max-height:68px;
  overflow:auto;
}
.login-box .login-error-tip > div{
  padding:6px;
  border-radius:4px;
  background:#FFEEEB;
  font-size:12px;
  color:#19182E;
  overflow:hidden;
  text-overflow:ellipsis;
}
.login-box .login-error-tip > div svg{
  vertical-align:middle;
  margin-right:4px;
}
.login-box .login-error-tip > div span{
  line-height:14px;
}
.login-box .login-btn{
  height:48px;
  width:100%;
  background:#426BFF;
  font-size:14px;
  color:#FFFFFF;
}
.login-box .login-btn[disabled]{
  background-color:#D9DEE6;
}
.login-box .mui-form-item{
  margin-bottom:40px;
}
.login-box .btn-getverify{
  display:inline-block;
  width:90px;
}
.login-box .vc-box{
  width:120px;
  height:34px;
  background:#ffffff;
}
.login-box .vc-box > div{
  height:100%;
  width:100%;
  padding:10px;
}
.login-box .vc-box > img{
  height:100%;
}
.login-box .login-bottom-link{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  font-size:14px;
  color:#AEB1CA;
  line-height:22px;
}
.login-box .login-bottom-link span{
  cursor:pointer;
}
.login-box .regeist-agreement{
  margin-bottom:14px;
}
@media (max-width: 800px){
.login-main-pic{
    display:none;
}
.login-box{
    border-radius:8px;
}
}