body,
html {
  min-height: 100%;
}


.application_body .pc_container {
  padding-bottom: 120px;
  position: relative;
  min-height: 100%;
  flex-direction: column;
  display: flex;
  background: rgba(242, 242, 242, 1);
}

.application_body .pc_container>.wrap {
  /* margin-top: 16px !important; */
}

.application_body .pc_container>.wrap {
  flex: auto;
  display: flex;
  flex-direction: column;
}


.application-vue-page-path {
  /* line-height: 2em;
    padding: 0 0 1em 0; */
}



.application-vue-page-title {
  padding: 20px 16px 0;
  position: relative;
  font-size: 2em;
  background: #fff;
  display: flex;
  align-items: center;
}

.application-vue-page-title h2 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.application-vue-page-title:before {
  content: "";
  display: inline-block;
  height: 1em;
  width: 6px;
  margin-right: 16px;
  background-color: #409EFF;
}

.webapp-layout {
  display: -webkit-box;
  flex: auto;
  position: relative;
  width: 100%;
}

.webapp-layout-fold {
  display: -webkit-box;
}

.webapp-layout-staticbtn {
  padding-bottom: 80px;
}

.webapp-layout-left {
  margin-right: 20px;
  border: 1px solid #EBEEF5;
  overflow: auto;
  position: relative;
  width:17%;
}

.webapp-layout-fold .webapp-layout-left {
  width: 20em;
  transition: all .3s ease-in;
}

.webapp-layout-left-fold {
  width: 0px !important;
}

.webapp-layout-right {
 -webkit-box-flex: 1;
}

.webapp-layout-fold .webapp-layout-right {
  -webkit-box-flex: 1;
}

.webapp-layout-tool,
.webapp-layout-buttons,
.webapp-layout-search {
  display: flex;
  align-items: center;
}

.webapp-layout-search .el-form-item--mini.el-form-item,
.webapp-layout-search .el-form-item--small.el-form-item {
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 10px;
}

.webapp-layout-tool {
  justify-content: space-between;
  padding-bottom: 16px;
  z-index: 2;
  position: relative;
}

.webapp-layout-body {
  z-index: 1;
  position: relative;
  padding-bottom: 16px;
  background: #fff;
  width: 100%;
}

.webapp-layout-body .el-pagination {
  padding: 10px;
  text-align: right;
  border: 1px solid #eee;
  margin-top: -1px;
}

.webapp-layout-body .page-main-body-table .el-pagination {
  border: 0;
}

.webapp-layout-mbuttons {
  position: relative;
}

.webapp-layout-search {
  margin-left: 2rem;
}

.webapp-layout-search-em {
  margin-left: 1rem;
  white-space: nowrap;
}

.webapp-layout-search-em>* {
  margin-left: 5px;
}

.webapp-layout-mbuttons>ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  line-height: 2.4em;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.webapp-layout-mbuttons>ul a {
  padding: 0 10px;
  cursor: pointer;
  display: block;
  white-space: nowrap;
}

.webapp-layout-mbuttons>ul a:hover {
  color: #fff;
}

.webapp-layout-mbuttons:hover ul {
  display: block;
}

.webapp-layout-buttons-con>* {
  margin-right: 5px;
}



.er-tool-bar-right .er-button-style {
  line-height: 30px;
  height: 30px;
}






.webapp-layout-static {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  text-align: right;
  box-shadow: none;
  z-index: 2;
}

.webapp-layout-staticfix .webapp-layout-static {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 1280px;
  transform: translateX(-50%);
}

.webapp-layout-static-wrap {
  width: auto;
  margin: auto;
  padding: 20px 40px;
  background: #fff;
  border-top: 1px solid #eee;
}

.webapp-layout-sorts {
  margin-bottom: 16px;
  line-height: 2em;
  border: 1px solid #EBEEF5;
  background: #fff;
  padding: 8px 4px;
  border-radius: 2px;
}

.webapp-layout-sorts>a {
  display: inline-block;
  padding: 0 1rem;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  margin: 2px 6px;
}

.webapp-layout-sorts>a:after {
  content: "";
  display: block;
  width: 1px;
  background: #DCDFE6;
  position: absolute;
  right: -6px;
  top: 4px;
  bottom: 4px;

}

.webapp-layout-sorts>a:last-child:after {
  display: none;
}

.webapp-layout-sorts>a.active {
  color: #fff;
}

.webapp-tabs-bar-wrap {
  display: flex;
}

.webapp-tabs-con-wrap {
  flex: auto;
  position: relative;
}

/**标签**/
.webapp-tabs-bar {
  display: flex;
  padding: 0 16px;
  margin-bottom: 0;
  flex: auto;
  line-height: 2.4em;
  font-size: 1.4rem;
  position: relative;
  border-bottom: 1px solid #409EFF;
}

.webapp-tabs-bar-right {
  position: absolute;
  right: 16px;
  top: 0;
}

.webapp-tabs {
  flex: auto;
}

.webapp-tabs-left {
  display: flex;
}

.webapp-tabs-left .webapp-tabs-bar {
  flex-direction: column;
  border-bottom: 0;
  padding: 16px 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  white-space: nowrap;
  border-right: 1px solid #409EFF;

}

.webapp-tabs-left .webapp-tabs-tab.active {
  border-radius: 8px 0 0 8px;
  border-left: 1px solid #409EFF;
  border-top: 1px solid #409EFF;
  border-bottom: 1px solid #409EFF;
  border-right: 1px solid #fff;
  margin-bottom: 0;
  margin-right: -1px;
  color: #409EFF;
}

.webapp-tabs-left .webapp-tabs-con {
  position: relative;
  z-index: 1;
  flex: auto;
}



.webapp-tabs-left.webapp-tabs-border .webapp-tabs-con {
  border-left: 0;
}

.webapp-tabs-top.webapp-tabs-border .webapp-tabs-con {
  border-top: 0;
}

.webapp-tabs-tab {

  padding: 0 1rem;

  min-width: 4em;
  text-align: center;
  color: #666;
  cursor: pointer;
}


.webapp-tabs-tab.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  border-radius: 8px 8px 0 0;
  font-weight: bold;
  border-top: 1px solid #409EFF;
  border-right: 1px solid #409EFF;
  border-left: 1px solid #409EFF;
  color: #409EFF;
}

.webapp-tabs-tab.disabled{
  color:#ccc;
}

.webapp-tabs-con {
  padding: 16px;
}

.singleForm {
  padding-bottom: 30px;
}

.singleForm_title,
.addmorelist-title {
  margin-bottom: 34px;
  display: flex;
  padding: 16px 16px;
  border-bottom: 1px solid #ddd;
  font-size: 1.3rem;
  justify-items: center;
  font-weight: bold;
  color: #666;
  cursor: pointer;
}

.webFormContent {
  padding: 0 16px;
}

.addmorelist-title {
  justify-content: space-between;
}

.addmorelist-left .fa,
.singleForm_title .fa {
  color: #ccc;
}

.addmorelist-left .fa {
  margin-right: 10px;
}

.addmorelist-right {
  font-size: 1.3rem;
  font-weight: bold;
}



.addmorelist-right a:hover,
.addmorelist-right a:active {
  text-decoration: underline;
}

.addmorelist-right .cancel_btn {
  color: #999;
  margin-right: 15px;
}

.addmorelist-content.hide {
  display: none;
}

.singleForm_title_right .fa {
  cursor: pointer;
}

.singleForm_title_right {
  margin-right: 10px;
}

.singleForm_title_btn {
  flex: auto;
  text-align: right;

}



.singleForm_title a:hover,
.singleForm_title a:active {
  text-decoration: underline;
}

.flex_div {
  display: flex;
}

.singleForm_content.hide {
  display: none;
}

.el-dialog__header,
.el-message-box__header {
  background: #409EFF;
}

.el-dialog__title,
.el-message-box__title,
.el-message-box__headerbtn .el-message-box__close {
  color: #fff;
}

.el-dialog__close {
  background: #fff;
  color:#909399!important;
  border-radius: 3px;
}

.el-dialog__headerbtn {
  right: 10px;
}

.el-dialog .el-dialog__body {
  min-height: 200px;
}

.el-dialog__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-dialog__wrapper .el-dialog {
  margin: auto !important;
}



/*弹出框大小设置*/

.el-dialog.minimum {
  width: 400px;
}


.el-dialog.small .el-dialog__body {
  min-height: 240px;
}

.el-dialog.big {
  margin-top: 20vh;
  width: 700px;
  min-height: 430px;
}

.el-dialog.big .el-dialog__body {
  min-height: 340px;
}

/**bigger弹窗**/
.el-dialog.bigger {
  margin-top: 15vh;
  width: 960px;
  min-height: 540px;
}

.el-dialog.bigger .el-dialog__body {
  min-height: 450px;
}

.el-dialog.fit {
  width: 90%;
  height: 90%;
}

.el-dialog {
  min-height: 300px;
}

.el-dialog.static-90 {
  height: 90%;
}

.el-dialog.static-80 {
  height: 80%;
}

.el-dialog.static-70 {
  height: 70%;
}

.el-dialog.static-60 {
  height: 60%;
}

.el-dialog.static-50 {
  height: 50%;
}

/**表单项**/
.el-form-item {
  display: flex;
}

.el-form--inline .el-form-item {
  display: inline-flex;
}

.el-form-item .el-form-item__label {
  white-space: nowrap;
  flex: 0 0 7em;
}

el-form-item .el-form-item__content .el-form-item__label {
  flex: auto;

}

.el-form-item .el-form-item__content {
  flex: auto;
  margin-left: 0 !important;
}

/**属性列表项**/
.addmorelist-content-item {
  border: 1px solid #fff;

  margin-bottom: 20px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  margin-left: 16px;
  margin-right: 16px;
}

.addmorelist-content-item>form {
  padding: 10px;
}

.addmorelist-content-operation {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  border-radius: 0 0 0 6px;
  color: #fff;
  font-size: 1.4rem;
  display: none;
}

.addmorelist-content-item:hover {
  border-left-width: 4px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

.addmorelist-content-item:hover .addmorelist-content-operation {
  display: block;

}

.addmorelist-content-operation>* {
  margin: 0 .5rem;
  cursor: pointer;
}

.addmorelist-content-operation>*:hover {
  color: #ff6666;
}

/**属性**/
.er-attr-inline {
  display: flex;
  flex-wrap: wrap;
}

.er-attr-inline.er-attr-border-top {
  margin-top: 1rem;
}

.er-attr-item>label {
  color: #aaa;
}

.er-attr-item-label {
  font-style: normal;
  font-size: 1.1rem;
  color: #aaa;
}

.er-attr-item-action {
  color: #08a664;
  cursor: pointer;
  border-bottom: 1px solid #08a664;
}

.er-attr-item-span {
  font-size: 1.1rem;
  color: #333;
}

.er-attr-inline .er-attr-item {
  margin-right: 1.5em;
  line-height: 2em;
  padding: 0;
  padding-right: 1.5em;
  position: relative;
}

.er-attr-inline .er-attr-item:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  height: 1em;
  margin-top: -.5em;
  border-right: 1px solid #aaa;
}

.er-attr-inline .er-attr-item:last-child:after {
  display: none;
}

.er-attr-table {
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.er-attr-table .er-attr-item-label {
  font-weight: bold;
  min-width: 6em;
  text-align: right;
  display: inline-block;
  padding: 10px;
  border-right: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
}

.er-attr-table .er-attr-item-span {
  display: inline-block;
  padding: 10px;
}

.er-attr-border .er-attr-item>div {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.er-attr-table .er-attr-item>div {
  padding: 0px;
}

.er-attr-item-col1 {
  flex: 1 0 4.16%;
}

.er-attr-item-col2 {
  flex: 2 0 8.33%;
}

.er-attr-item-col3 {
  flex: 3 0 12.5%;
}

.er-attr-item-col4 {
  flex: 4 0 16.66%;
}

.er-attr-item-col5 {
  flex: 5 0 20.83%;
}

.er-attr-item-col6 {
  flex: 6 0 25%;
}

.er-attr-item-col7 {
  flex: 7 0 29.16%;
}

.er-attr-item-col8 {
  flex: 8 0 33.33%
}

.er-attr-item-col9 {
  flex: 9 0 37.5%;
}

.er-attr-item-col10 {
  flex: 10 0 41.66%;
}

.er-attr-item-col11 {
  flex: 11 0 45.83%;
}

.er-attr-item-col12 {
  flex: 12 0 50%;
}

.er-attr-item-col13 {
  flex: 13 0 54.16%;
}

.er-attr-item-col14 {
  flex: 14 0 58.33%;
}

.er-attr-item-col15 {
  flex: 15 0 62.5%;
}

.er-attr-item-col16 {
  flex: 16 0 66.66%;
}

.er-attr-item-col17 {
  flex: 17 0 70.83%;
}

.er-attr-item-col18 {
  flex: 18 0 75%;
}

.er-attr-item-col19 {
  flex: 19 0 79.16%;
}

.er-attr-item-col20 {
  flex: 20 0 83.33%;
}

.er-attr-item-col21 {
  flex: 21 0 87.5%;
}

.er-attr-item-col22 {
  flex: 22 0 91.66%;
}

.er-attr-item-col23 {
  flex: 23 0 95.83%;
}

.er-attr-item-col24 {
  flex: 24 0 100%;
}

/**element表格**/
.el-table .cell,
.el-table th div,
.el-table th>.cell,
.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
  padding-left: 6px;
  padding-right: 6px;
}

.fixedBox {
  position: fixed;
  white-space: nowrap;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/**右键菜单**/
.fixedBox a {
  padding: 0.3em .5em;
  margin: 0.2em;
  cursor: pointer;
  display: block;
  font-size: 1.2rem;
}

.fixedBox a>i {
  display: inline-block;
  width: 1em;
  color: #aaa;
  margin-right: 0px;
  font-size: 1rem;
}

.fixedBox a:hover {
  border-radius: 4px;
}

.fixedBox a:hover i {
  color: #fff;
}

/**提示信息重置为右下脚**/
.el-message {
  left: initial !important;
  right: 20px !important;
  top: initial !important;
  bottom: 20px;
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}

.image-list h4 {
  margin: 0 0 10px 0;
  font-size: 1.4rem;
  line-height: 1em;
}



.image-list-action {
  padding-top: 6px;
}

.image-list-item {
  border: 1px solid #eee;
  margin: 10px 10px 16px 10px;
  padding: 10px;
  background: #fff;
  border-radius: 3px;
}

.image-list-item:after {
  content: "";
  display: block;
  clear: both;
}

.image-list-item .er-attr {
  line-height: 1.4em;
}

.image-list-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.image-list-action .er-button {
  margin-right: 6px;
}

.image-list-action .er-button-style {
  line-height: 1.5em;
  height: 1.5em;
  padding: 0 .5em;
  font-size: 1rem;
}

.empty-data {
  text-align: center;
  font-size: 1.2rem;
  padding: 20px;
}

.border-el-tabs .el-collapse-item__header {
  font-size: 1.3rem;
  border-bottom: 1px solid #eee;
  height: 3em;
  line-height: 3em;
}

.border-el-tabs .elpage {
  margin: 10px;
}

.onlyEndCheck ul li[aria-haspopup='true'] .el-checkbox {
  display: none;
}


.ErWz {
  font-size: 1.2rem;
  padding: 0em;
}

.ErWz em {
  font-weight: bold;
}

.ErWz i {
  color: #aaa;
}

.er-gridtree-child>td {
  border-bottom: 0;
  border-right: 0;
}

.er-gridtree-head .er-grid-tree-level2 {
  padding-left: 24px !important;
}

.er-gridtree-head .er-grid-tree-level3 {
  padding-left: 42px !important;
}

.er-gridtree-head .er-grid-tree-level4 {
  padding-left: 61px !important;
}

.er-gridtree-head .er-grid-tree-level5 {
  padding-left: 80px !important;
}

.er-gridtree-head .er-grid-tree-level6 {
  padding-left: 99px !important;
}

.er-gridtree-head .er-grid-tree-level7 {
  padding-left: 118px !important;
}

.er-gridtree-head .er-grid-tree-level8 {
  padding-left: 137px !important;
}

.er-gridtree-head .er-grid-tree-level9 {
  padding-left: 156px !important;
}

.er-gridtree .el-tree-node__expand-icon {
  margin-right: 0.5em;
}

tr.er-gridtree-child>td {
  padding: 0px;
}

.el-dialog {
  display: flex;
  flex-direction: column;
  max-height: 90%;
}

.el-dialog.is-fullscreen{
  max-height: 100%;
}
.el-dialog.is-fullscreen .el-dialog__body{
  flex:auto;
}

.el-dialog .el-dialog__body {
  overflow: auto;
}

.el-input__inner[type='number'] {
  padding-right: 0;
}

.dialogForm .el-input--mini .el-input__inner {
  padding-left: 6px;
}

.dialogForm .el-form>.el-row {
  display: flex;
  flex-wrap: wrap;
}


.app-error-prompt {
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  color: rgb(248, 139, 15);
}

.el-button--mini.is-circle {
  padding: 7px;
}

.el-button--medium.is-circle {
  padding: 10px;
}

.webapp-layout-fold-bar {
  position: absolute;
  left: 20em;
  top: 50%;
  background: #ddd;
  padding: 2em 0;
  cursor: pointer;
  transition: all .3s ease-in;
}

.webapp-layout-fold-bar.fold {
  left: 0;
}

.css_password .el-input__inner {
  -webkit-text-security: disc;
}

.page-main-body-table .el-button--info{
  background:#67C23A;
  color:#fff;
  border-color: #67C23A;;
}

.page-main-body-table .el-button--info:focus,
.page-main-body-table .el-button--info:hover {
     background: #85ce61;
    border-color: #85ce61;
    color: #fff
}

.page-main-body-table .el-button--info.is-active,
.page-main-body-table .el-button--info:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff
}

.page-main-body-table .el-button--danger .el-icon-delete-solid{
  color:#fff;
}

.page-main-body-table .el-button--danger:focus,
.page-main-body-table .el-button--danger:hover {
    color: #fff
}

.page-main-body-table .el-button--danger.is-active,
.page-main-body-table .el-button--danger:active {
    color: #fff
}

.page-main-body-table .fa-question{
  color:#E6A23C;
}

.er-row{
  display: flex;
}