#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸background: #f0f0f0;*/
.content-box {
  position: absolute;
  left: 0px;
  right: 0;
  top: 40px;
  bottom: 0;
  width: auto;
  height: 100%;
  padding: 12px;
  overflow-y: scroll;
  box-sizing: border-box;
  /* -webkit-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out; */
}
.jcontainer {
  padding: 10px;
  background: #fff;
  border: 0px solid #ddd;
  padding-bottom: 30px;
  border-radius: 12px;
}
 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸background-color: #F5F5F5;*/
::-webkit-scrollbar
{
  width: 9px;
  height: 9px;
}

/* 定义滚动条轨道 内阴影+圆角	background-color: #F5F5F5;  -webkit-box-shadow: inset 0 0 6px rgba(197, 189, 189, 0.747);
   box-shadow: inset 0 0 6px rgba(197, 189, 189, 0.747);
	border-radius: 10px;*/
::-webkit-scrollbar-track
{
}
/*定义滑块 内阴影+圆角  -webkit-box-shadow: inset 0 0 6px rgba(197, 189, 189, 0.747);
            box-shadow: inset 0 0 6px rgba(158, 156, 156, 0.747);*/
::-webkit-scrollbar-thumb
{

  border-radius: 6px;
  background-color: rgb(219, 215, 215);
}


.msg-text {
  display: block;
  width: 60px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.msg-text.display {
  color: #ccc;
}

.login-container{display:flex;align-items:center;position:absolute;width:100%;height:100%;padding:0 px;margin:-8px 0px 0px -8px;background-image:linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(16, 159, 216, 0.897))}.login-weaper{margin:0 auto;width:1000px;box-shadow:-4px 5px 10px rgba(0,0,0,.4)}.login-weaper .el-input-group__append{border:none}.login-left,.login-border{position:relative;min-height:500px;align-items:center;display:flex}.login-left{border-top-left-radius:5px;border-bottom-left-radius:5px;justify-content:center;flex-direction:column;background-color:#409eff;color:#fff;float:left;width:50%;position:relative}.login-left .img{width:140px}.login-time{position:absolute;left:25px;bottom:25px;width:100%;color:#fff;font-weight:200;opacity:.9;font-size:18px;overflow:hidden}.login-left .title{margin-top:60px;text-align:center;color:#fff;font-weight:300;letter-spacing:2px;font-size:25px}.login-border{border-left:none;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;background-color:#fff;width:50%;float:left;box-sizing:border-box}.login-main{margin:0 auto;width:65%;box-sizing:border-box}.login-main>h3{margin-bottom:20px}.login-main>p{color:#76838f}.login-title{color:#333;margin-bottom:40px;font-weight:500;font-size:22px;text-align:center;letter-spacing:4px}.login-menu{margin-top:40px;width:100%;text-align:center}.login-menu a{color:#999;font-size:12px;margin:0px 8px}.login-submit{width:100%;height:45px;border:1px solid #409eff;background:none;letter-spacing:2px;font-weight:300;color:#409eff;cursor:pointer;margin-top:30px;font-family:"neo";transition:.25s}.login-form{margin:10px 0}.login-form i{color:#333}.login-form .el-form-item__content{width:100%}.login-form .el-form-item{margin-bottom:30px}.login-form .el-input input{padding-bottom:10px;text-indent:5px;background:rgba(0,0,0,0);border:none;border-radius:0;color:#333;border-bottom:1px solid #ebedf2}.login-form .el-input .el-input__prefix i{padding:0 0px;font-size:16px !important}.login-code{display:flex;align-items:center;justify-content:space-around;margin:0 0 0 10px}.login-code-img{margin-top:2px;width:100px;height:38px;background-color:#fdfdfd;border:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:bold;letter-spacing:5px;line-height:38px;text-indent:5px;text-align:center}
.site-wrapper.site-page--not-found{position:absolute;top:60px;right:0;bottom:0;left:0;overflow:hidden}.site-wrapper.site-page--not-found .site-content__wrapper{padding:0;margin:0;background-color:#fff}.site-wrapper.site-page--not-found .site-content{position:fixed;top:15%;left:50%;z-index:2;padding:30px;text-align:center;transform:translate(-50%, 0)}.site-wrapper.site-page--not-found .not-found-title{margin:20px 0 15px;font-size:8em;font-weight:500;color:#37474f}.site-wrapper.site-page--not-found .not-found-desc{margin:0 0 30px;font-size:26px;text-transform:uppercase;color:#76838f}.site-wrapper.site-page--not-found .not-found-desc>em{font-style:normal;color:#ee8145}.site-wrapper.site-page--not-found .not-found-btn-gohome{margin-left:30px}

.hamburger[data-v-04154a2d] {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
  transition: .38s;
  transform-origin: 50% 50%;
}
.hamburger.is-active[data-v-04154a2d] {
  transform: rotate(0deg);
}


.theme-picker .el-color-picker__trigger {
  vertical-align: middle;
}
.theme-picker-dropdown .el-color-dropdown__link-btn {
  display: none;
}


.tree[data-v-82e0405a] {
        overflow-y:auto;
        overflow-x:auto;
        /*width:200px;*/
}


.personal-panel[data-v-4d9603e3] {
  font-size: 14px;
  width: 280px;
  text-align: center;
  border-color: rgba(180, 190, 190, 0.2);
  border-width: 1px;
  border-style: solid;
  background: rgba(182, 172, 172, 0.1);
  margin: -14px;
}
.personal-desc[data-v-4d9603e3] {
  padding: 15px;
  color: #fff;
}
.avatar[data-v-4d9603e3] {
  width: 80px;
  height: 80px;
  border-radius: 90px;
}
.name-role[data-v-4d9603e3] {
  font-size: 16px;
  padding: 5px;
}
.registe-info[data-v-4d9603e3] {
  font-size: 16px;
  padding: 5px;
}
.registe-info li[data-v-4d9603e3] {
  list-style:none;
}
.personal-relation[data-v-4d9603e3] {
  font-size: 16px;
  padding: 12px;
  margin-right: 1px;
  background: rgba(200, 209, 204, 0.3);
}
.relation-item[data-v-4d9603e3] {
  padding: 12px;
}
.relation-item[data-v-4d9603e3]:hover {
  cursor: pointer;
  color: rgb(19, 138, 156);
}
.main-operation[data-v-4d9603e3] {
  padding: 8px;
  margin-right: 1px;
  /* background: rgba(175, 182, 179, 0.3); */
  border-color: rgba(201, 206, 206, 0.2);
  border-top-width: 1px;
  border-top-style: solid;
}
.main-operation-item[data-v-4d9603e3] {
  margin: 15px;
}
.other-operation[data-v-4d9603e3] {
  padding: 15px;
  margin-right: 1px;
  text-align: left;
  border-color: rgba(180, 190, 190, 0.2);
  border-top-width: 1px;
  border-top-style: solid;
}
.other-operation-item[data-v-4d9603e3] {
  padding: 12px;
}
.other-operation-item li[data-v-4d9603e3] {
  list-style:none;
}
.other-operation-item[data-v-4d9603e3]:hover {
  cursor: pointer;
  background: #9e94941e;
  color: rgb(19, 138, 156);
}
.personal-footer[data-v-4d9603e3] {
  margin-right: 1px;
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: rgba(180, 190, 190, 0.2);
  border-top-width: 1px;
  border-top-style: solid;
}
.personal-footer[data-v-4d9603e3]:hover {
  cursor: pointer;
  color: rgb(19, 138, 156);
  background: #b1a6a61e;
}
.personal-footer li[data-v-4d9603e3] {
  list-style:none;
}


.screenfull-svg[data-v-f88850ea] {
  display: inline-block;
  cursor: pointer;
  fill: #5a5e66;;
  width: 20px;
  height: 20px;
  vertical-align: 10px;
}

.navbar[data-v-2c803659]{height:46px;line-height:46px;position:fixed;top:0;right:0;z-index:50;border-color:rgba(180,190,190,.8);border-left-width:0px;border-left-style:solid;border-radius:0px !important}.navbar .hamburger-container[data-v-2c803659]{line-height:46px;height:46px;float:left;padding:0 10px}.navbar .breadcrumb-container[data-v-2c803659]{float:left}.navbar .errLog-container[data-v-2c803659]{display:inline-block;vertical-align:top}.navbar .right-menu[data-v-2c803659]{float:right;height:100%}.navbar .right-menu[data-v-2c803659]:focus{outline:none}.navbar .right-menu .user-info[data-v-2c803659]{font-size:18px;color:#fff;cursor:pointer;vertical-align:15px}.navbar .right-menu .right-menu-item[data-v-2c803659]{display:inline-block;margin:0 8px}.navbar .right-menu .screenfull[data-v-2c803659]{height:20px}.navbar .right-menu .international[data-v-2c803659]{vertical-align:top}.navbar .right-menu .theme-switch[data-v-2c803659]{vertical-align:15px}.navbar .right-menu .avatar-container[data-v-2c803659]{height:50px;margin-right:30px}.navbar .right-menu .avatar-container .avatar-wrapper[data-v-2c803659]{margin-top:5px;position:relative}.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-2c803659]{cursor:pointer;width:36px;height:36px;border-radius:10px}.navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-2c803659]{cursor:pointer;position:absolute;right:-20px;top:25px;font-size:12px}.position-left[data-v-2c803659]{left:140px}.position-collapse-left[data-v-2c803659]{left:40px}
.el-submenu[data-v-34d0cfe4],.el-menu-item[data-v-34d0cfe4]{background-color:#f5f6f8}
.menu-bar-container .el-menu[data-v-51f236d3]{position:fixed;top:46px;bottom:0px;text-align:left;z-index:45;overflow-x:hidden;overflow-y:scroll;background-color:#f5f6f8}.menu-bar-container .el-menu[data-v-51f236d3]::-webkit-scrollbar{width:0}.menu-bar-container .logo[data-v-51f236d3]{position:absolute;top:0px;height:46px;line-height:46px;background:#545c64;cursor:pointer}.menu-bar-container .logo img[data-v-51f236d3]{width:40px;height:40px;border-radius:0px;margin:10px 10px 10px 10px;float:left}.menu-bar-container .logo div[data-v-51f236d3]{font-size:20px;color:#fff;text-align:left;padding-left:20px}.menu-bar-container .menu-bar-width[data-v-51f236d3]{width:140px}.menu-bar-container .menu-bar-collapse-width[data-v-51f236d3]{width:40px}
.main-container[data-v-7917cd79]{padding:0px;position:absolute;top:46px;left:0px;right:0px;bottom:0px}.main-container .tabs[data-v-7917cd79]{margin-left:0px}.main-container .tabs-tools[data-v-7917cd79]{position:fixed;top:46px;right:0;z-index:45;height:37px;padding-left:20px;font-size:14px;line-height:40px;cursor:pointer;border-color:rgba(200,206,206,.5);border-left-width:1px;border-left-style:solid;border-bottom-width:1px;border-bottom-style:solid;background:#fff}.main-container .tabs-tools[data-v-7917cd79]:hover{background:#c8cece}.main-container .contextmenu[data-v-7917cd79]{margin:0;background:#fff;z-index:100;position:absolute;list-style-type:none;padding:15px 0;border-radius:4px;font-size:13px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.main-container .contextmenu li[data-v-7917cd79]{margin:0;padding:7px 16px;cursor:pointer}.main-container .contextmenu li[data-v-7917cd79]:hover{background:#eee}.position-left[data-v-7917cd79]{left:141px}.position-collapse-left[data-v-7917cd79]{left:41px}.fade-enter-active[data-v-7917cd79],.fade-leave-active[data-v-7917cd79]{transition:opacity .28s}.fade-enter[data-v-7917cd79],.fade-leave-active[data-v-7917cd79]{opacity:0}.fade-transform-leave-active[data-v-7917cd79],.fade-transform-enter-active[data-v-7917cd79]{transition:all .5s}.fade-transform-enter[data-v-7917cd79]{opacity:0;transform:translateX(-12px)}.fade-transform-leave-to[data-v-7917cd79]{opacity:0;transform:translateX(12px)}.breadcrumb-enter-active[data-v-7917cd79],.breadcrumb-leave-active[data-v-7917cd79]{transition:all .5s}.breadcrumb-enter[data-v-7917cd79],.breadcrumb-leave-active[data-v-7917cd79]{opacity:0;transform:translateX(20px)}.breadcrumb-move[data-v-7917cd79]{transition:all .5s}.breadcrumb-leave-active[data-v-7917cd79]{position:absolute}
.container[data-v-208f80dc]{position:absolute;top:0px;left:0px;right:0px;bottom:0px}
.panel-group[data-v-80c4208a]{margin-top:0px}.panel-group .card-panel-col[data-v-80c4208a]{margin-bottom:10px}.panel-group .grid-num[data-v-80c4208a]{font-size:30px;font-weight:bold}.panel-group .card-panel[data-v-80c4208a]{height:108px;cursor:pointer;font-size:12px;position:relative;overflow:hidden;color:#dcd9d9;background:#fff;box-shadow:4px 4px 40px rgba(0,0,0,.05);border:1px solid #f3f6f9;border-color:rgba(0,0,0,.05)}.panel-group .card-panel:hover .card-panel-icon-wrapper[data-v-80c4208a]{color:#fff}.panel-group .card-panel:hover .icon-people[data-v-80c4208a]{background:#40c9c6}.panel-group .card-panel:hover .icon-message[data-v-80c4208a]{background:#34bfa3}.panel-group .card-panel:hover .icon-money[data-v-80c4208a]{background:#f4516c}.panel-group .card-panel:hover .icon-shopping[data-v-80c4208a]{background:#36a3f7}.panel-group .card-panel .icon-people[data-v-80c4208a]{color:#40c9c6}.panel-group .card-panel .icon-message[data-v-80c4208a]{color:#36a3f7}.panel-group .card-panel .icon-money[data-v-80c4208a]{color:#f4516c}.panel-group .card-panel .icon-shopping[data-v-80c4208a]{color:#34bfa3}.panel-group .card-panel .card-panel-icon-wrapper[data-v-80c4208a]{float:left;margin:14px 0 0 14px;padding:16px;transition:all .38s ease-out;border-radius:6px}.panel-group .card-panel .card-panel-icon[data-v-80c4208a]{float:left;font-size:48px}.panel-group .card-panel .card-panel-description[data-v-80c4208a]{float:right;font-weight:bold;margin:26px;margin-left:0px}.panel-group .card-panel .card-panel-description .card-panel-text[data-v-80c4208a]{line-height:18px;color:rgba(0,0,0,.45);font-size:16px;margin-bottom:12px}.panel-group .card-panel .card-panel-description .card-panel-num[data-v-80c4208a]{font-size:20px}
.dashboard-editor-container[data-v-52209c36]{padding:13px}.dashboard-editor-container .chart-wrapper[data-v-52209c36]{background:#fff;padding:10px 10px 0;box-shadow:4px 4px 40px rgba(0,0,0,.05);border:1px solid #f3f6f9;margin-bottom:10px;height:200px;text-align:center}.dashboard-editor-container .chart-wrapper1[data-v-52209c36]{background:#fff;padding:10px;color:#40c9c6;margin-bottom:10px;font-size:30px;font-weight:bold;text-align:center;box-shadow:4px 4px 40px rgba(0,0,0,.05);border:1px solid #f3f6f9}.dashboard-editor-container .chart-wrapper2[data-v-52209c36]{background:#fff;padding:10px;color:#40c9c6;box-shadow:4px 4px 40px rgba(0,0,0,.05);border:1px solid #f3f6f9}

.header {
  font-size: 28px;
  text-align: left;
  padding: 10px;
}
.intro {
  font-size: 18px;
  text-align: left;
  padding-left: 10px;
}
.title {
  font-size: 30px;
  text-align: left;
  padding: 10px;
}
.step {
  font-size: 18px;
  text-align: left;
  padding: 10px;
}
.image {
  text-align: left;
  padding: 10px;
}
.usageImage {

  width: 1000px;
  height: 500px;
}