/** EasyWeb */
html {
  background-color: #f2f2f2;
  color: #666;
}

/** header样式 */
/** 导航栏下面的线条 */
.layui-layout-admin .layui-header .layui-nav .layui-this:after,
.layui-layout-admin .layui-header .layui-nav-bar {
  height: 2px;
  background-color: #03152a;
  top: 0 !important;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item {
  line-height: 50px;
  /** 高度重写 */
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child {
  top: 55px;
}

.layui-layout-admin .layui-header .layui-nav-item .layui-icon {
  font-size: 16px;
  /** 图标大小 */
}

.layui-layout-admin .layui-header .layui-layout-left {
  left: 220px;
  padding: 0 10px;
  transition: all 0.3s;
}

.layui-layout-admin .layui-header .layui-layout-right {
  padding: 0;
}

/** 重写header的背景色和字体颜色 */
.layui-layout-admin .layui-header {
  background-color: #fff;
  height: 50px;
  box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.08);
}

.layui-layout-admin .layui-header a {
  color: #333;
  padding: 0 15px;
}

.layui-layout-admin .layui-header a:hover {
  color: #333;
}

.layui-layout-admin .layui-header .layui-nav-child a {
  color: #333 !important;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
  border-color: #666 transparent transparent;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-mored {
  border-color: transparent transparent #666;
}

/** logo部分样式 */
.layui-layout-admin .layui-header .layui-logo {
  width: 220px;
  background-color: #001529;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: #eee;
  font-size: 16px;
  font-family: Myriad Pro, Helvetica Neue, Arial, Helvetica, sans-serif;
  font-weight: 300;
  overflow: hidden;
  line-height: 50px;
  transition: all 0.3s;
}

.layui-layout-admin .layui-header .layui-logo img {
  height: 40px;
}

.layui-layout-admin .layui-header .layui-logo cite {
  font-style: normal;
}

.layui-layout-admin .layui-header .layui-nav-img {
  margin-right: 5px;
}

.layui-layout-admin .layui-header .layui-nav-img + cite {
  margin-right: 5px;
}

.layui-layout-admin .layui-header .layui-nav-child dd {
  text-align: center;
}

.layui-layout-admin .layui-header .layui-nav-child dd a {
  height: 42px;
  line-height: 42px;
}

.layui-layout-admin .layui-header .layui-nav-child dd a:hover {
  color: #fff !important;
}

.layui-layout-admin .layui-header a {
  cursor: pointer;
}

/** //header样式结束 */

/** 侧边栏样式 */
.layui-layout-admin .layui-side .layui-side-scroll {
  width: 240px;
}

.layui-layout-admin .layui-side {
  top: 50px;
  width: 220px;
  background-color: #001529;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.layui-layout-admin .layui-side .layui-nav {
  width: 220px;
  background-color: transparent;
}

.layui-layout-admin .layui-side .layui-nav .layui-nav-item > a:hover {
  background: transparent;
}

.layui-layout-admin .layui-side .layui-nav .layui-nav-item > .layui-nav-child {
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.layui-layout-admin .layui-side .layui-nav .layui-nav-more {
  right: 15px;
}

.layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a {
  padding-left: 45px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.layui-layout-admin
  .layui-side
  .layui-nav
  .layui-nav-item
  .layui-nav-child
  dd:last-child
  a {
  border-bottom: 0 solid;
}

.layui-layout-admin
  .layui-side
  .layui-nav
  .layui-nav-item
  .layui-nav-child
  .layui-nav-child
  a {
  padding-left: 70px;
}

.layui-layout-admin
  .layui-side
  .layui-nav
  .layui-nav-item
  .layui-nav-child
  .layui-nav-child
  .layui-nav-child
  a {
  padding-left: 90px;
}

.layui-layout-admin
  .layui-side
  .layui-nav
  .layui-nav-item
  .layui-nav-child
  .layui-nav-child
  .layui-nav-child
  .layui-nav-child
  a {
  padding-left: 110px;
}

.layui-layout-admin .layui-side .layui-nav .layui-nav-item > a {
  padding-top: 8px;
  padding-bottom: 8px;
}

/** 侧边栏样式结束 */

/** 主体部分样式 */
.layui-layout-admin .layui-body {
  left: 220px;
  top: 50px;
  transition: left 0.3s;
  overflow-y: scroll;
  padding: 0;
}

/** //主体部分样式结束 */

/** 底部样式 */
.layui-layout-admin .layui-footer {
  left: 220px;
  background: #fff;
  transition: all 0.3s;
}

/** 底部样式结束 */

/** 侧导航折叠样式PC */
.layui-layout-admin.admin-nav-mini .layui-header .layui-logo {
  width: 60px;
}

.layui-layout-admin.admin-nav-mini .layui-header .layui-logo cite {
  display: none;
}

.layui-layout-admin.admin-nav-mini .layui-header .layui-layout-left {
  left: 60px;
}

.layui-layout-admin.admin-nav-mini .layui-side {
  width: 60px;
}

.layui-layout-admin.admin-nav-mini .layui-side .layui-nav {
  width: 60px;
}

.layui-layout-admin.admin-nav-mini .layui-side-scroll {
  width: 80px;
}

/** 侧导航隐藏文字 */
.layui-layout-admin.admin-nav-mini
  .layui-side
  .layui-nav
  .layui-nav-item
  > a
  > cite {
  display: none;
}

.layui-layout-admin.admin-nav-mini
  .layui-side
  .layui-nav
  .layui-nav-item
  > a
  .layui-nav-more {
  display: none;
}

.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a {
  overflow: visible;
}

.layui-layout-admin.admin-nav-mini
  .layui-side
  .layui-nav
  .layui-nav-itemed
  .layui-nav-child {
  display: none;
}

.layui-layout-admin.admin-nav-mini .layui-body {
  left: 60px;
}

.layui-layout-admin.admin-nav-mini .layui-footer {
  left: 60px;
}

.layui-layout-admin.admin-nav-mini
  .layui-side
  .layui-nav
  .layui-nav-itemed
  > a {
  background: rgba(0, 0, 0, 0.3);
}

/** 修改折叠的图标 */
.layui-layout-admin.admin-nav-mini
  .layui-header
  .layui-icon-shrink-right:before {
  content: "\e66b";
}

/** //侧导航折叠样式结束 */

/** 移动设备样式 */
@media screen and (max-width: 750px) {
  .layui-layout-admin .layui-side {
    position: fixed;
    left: -260px;
    z-index: 10000;
  }

  .layui-layout-admin .layui-body {
    left: 0;
  }

  .layui-layout-admin .layui-footer {
    left: 0;
  }

  .layui-layout-admin .layui-header .layui-logo {
    left: -260px;
  }

  .layui-layout-admin .layui-header .layui-layout-left {
    left: 0;
  }

  .layui-layout-admin .layui-header .layui-icon-shrink-right:before {
    content: "\e66b";
  }

  /* 移动设备侧导航折叠样式 */
  .layui-layout-admin.admin-nav-mini .layui-header .layui-logo {
    width: 220px;
    left: 0;
    z-index: 10001;
  }

  .layui-layout-admin.admin-nav-mini .layui-header {
    z-index: auto;
  }

  .layui-layout-admin.admin-nav-mini .layui-header .layui-logo cite {
    display: inline-block;
  }

  .layui-layout-admin.admin-nav-mini .layui-header .layui-layout-left {
    left: 0;
  }

  .layui-layout-admin.admin-nav-mini .layui-side {
    width: 220px;
    left: 0;
  }

  .layui-layout-admin.admin-nav-mini .layui-side .layui-nav {
    width: 220px;
  }

  .layui-layout-admin.admin-nav-mini .layui-side-scroll {
    width: 240px;
  }

  .layui-layout-admin.admin-nav-mini
    .layui-side
    .layui-nav
    .layui-nav-item
    > a
    > cite {
    display: inline-block;
  }

  .layui-layout-admin.admin-nav-mini
    .layui-side
    .layui-nav
    .layui-nav-item
    > a
    .layui-nav-more {
    display: inline-block;
  }

  .layui-layout-admin.admin-nav-mini
    .layui-side
    .layui-nav
    .layui-nav-item
    > a {
    overflow: hidden;
  }

  .layui-layout-admin.admin-nav-mini
    .layui-side
    .layui-nav
    .layui-nav-itemed
    .layui-nav-child {
    display: block;
  }

  .layui-layout-admin.admin-nav-mini .layui-body {
    left: 0;
  }

  .layui-layout-admin.admin-nav-mini .layui-footer {
    left: 0;
  }

  /** 移动设备遮罩层 */
  .layui-layout-admin.admin-nav-mini .site-mobile-shade {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
    cursor: pointer;
  }

  .layui-layout-admin.admin-nav-mini
    .layui-side
    .layui-nav
    .layui-nav-itemed
    > a {
    background: transparent;
  }

  .layui-layout-admin.admin-nav-mini
    .layui-header
    .layui-icon-shrink-right:before {
    content: "\e668";
  }
}

/** //移动设备样式结束 */

/** 右侧弹窗样式 */
.layui-layer.layui-layer-adminRight {
  top: 50px !important;
  bottom: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: auto;
}

/** 消息列表样式 */
.message-list {
}

.message-list-item {
  padding: 10px 24px;
  border-bottom: 1px solid #e8e8e8;
  -ms-flex-align: start;
  align-items: flex-start;
  display: flex;
  -ms-flex: 1 1;
  flex: 1 1;
}

.message-list-item:hover {
  background: #f2f2f2;
}

.message-item-icon {
  width: 40px;
  height: 40px;
  margin-right: 16px;
  display: block;
  margin-top: 4px;
}

.message-item-right {
  display: block;
  flex: 1 0;
}

.message-item-title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}

.message-item-text {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}

/** //消息列表样式结束 */

/** 主体部分标题样式 */
.layui-card-header .header-title {
  display: inline;
  font-size: 16px;
}

/** 表格搜索框样式 */
.search-input {
  width: 150px;
  display: inline-block;
  height: 36px;
  vertical-align: middle;
  padding: 3px 6px;
}

/** 重写layui默认按钮的高度，因为按钮跟输入框不一样高特别丑 */
.layui-btn:not(.layui-btn-lg):not(.layui-btn-sm):not(.layui-btn-xs) {
  /* height: 34px;
  line-height: 34px; */
}

/** 如果按钮加图标减少内边距 */
.icon-btn {
  padding: 0 8px;
}

.layui-form.toolbar .layui-btn + .layui-btn {
  margin-left: 0px;
}

.model-form-footer .layui-btn + .layui-btn {
  margin-left: 15px;
}

.layui-table-cell .layui-btn + .layui-btn {
  margin-left: 5px;
}

/** 表格上方工具栏样式 */
.layui-form.toolbar {
  color: #333;
}

.layui-form.toolbar .layui-form-select input {
  height: 35px;
  line-height: 35px;
  width: 150px;
  overflow: hidden;
}

.layui-form.toolbar .layui-form-select {
  display: inline-block;
}

/* 表单弹窗样式 */
.model-form {
  padding-top: 30px;
  padding-right: 45px;
}

.model-form .layui-from-title {
  margin-bottom: 15px;
  font-size: 16px;
  text-align: left;
  line-height: 22px;
}

.model-form-footer {
  text-align: right;
}

/* layui文档官网右侧弹窗目录列表的样式 */
.site-dir li {
  line-height: 26px;
  margin-left: 20px;
  overflow: visible;
  list-style-type: disc;
}

/** laydate加图标 */
.date-icon {
  background-image: url(../images/icon_date.png);
  background-repeat: no-repeat;
  background-position: right center;
}

/** 辅助样式 */
.layui-link {
  color: #029789 !important;
}

.layui-link:hover {
  opacity: 0.8;
}

.pull-right {
  float: right;
}

.inline-block {
  display: inline-block;
}

/** 卡片header里面的徽章样式调整 */
.layui-card .layui-card-header .layui-badge.pull-right {
  top: 50%;
  margin-top: -9px;
}

/** 特大字体 */
.lay-big-font {
  font-size: 36px;
  color: #666;
  line-height: 36px;
  padding: 5px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

/** 超链接样式 */
.layui-text a:not(.layui-btn) {
  color: #01aaed;
}

.layui-text a:not(.layui-btn):hover {
  text-decoration: underline;
}

/** loading组件样式 */
.admin-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -16px -15px;
  font-size: 30px;
  color: #c2c2c2;
}

/** admin选项卡样式 */
/** 调整header阴影 */
.layui-layout-admin.open-tab .layui-header {
  box-shadow: 0 1px 1px 0 rgba(0, 21, 41, 0.05);
}

.layui-layout-admin.open-tab .layui-body {
  padding: 0;
  overflow: hidden;
}

.layui-layout-admin .layui-body .layui-tab {
  margin: 0;
  overflow: hidden;
}

/** 开启选项卡后让tab-content样式为以前的layui-body样式 */
.layui-layout-admin
  > .layui-body
  > .layui-tab
  > .layui-tab-content
  > .layui-tab-item {
  position: absolute;
  bottom: 0;
  overflow-y: scroll;
  padding: 15px;
  right: 0;
  top: 40px;
  left: 0;
}

/** 选项卡标题样式 */
.layui-layout-admin .layui-body .layui-tab .layui-tab-title {
  height: 40px;
  line-height: 40px;
  padding: 0 80px 0 40px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  z-index: 999;
  border: none;
  overflow: hidden;
}

.layui-layout-admin .layui-body .layui-tab .current-tabs-cardlist {
  width: 100%;
  padding: 0;
}

.layui-layout-admin .layui-body .layui-tab .layui-tab-title li {
  min-width: 0;
  line-height: 40px;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-right: 1px solid #f6f6f6;
  vertical-align: top;
}

.layui-layout-admin .layui-body .layui-tab .layui-tab-title .layui-tab-bar {
  display: none;
}

.layui-layout-admin .layui-body .layui-tab .layui-tab-title li.layui-this,
.layui-layout-admin .layui-body .layui-tab .layui-tab-title li:hover {
  background-color: #f6f6f6;
}

.layui-layout-admin
  .layui-body
  .layui-tab
  .layui-tab-title
  li.layui-this:after {
  width: 100%;
  border: none;
  height: 2px;
  background-color: #292b34;
  border-radius: 0;
}

/** tab关闭按钮样式 */
.layui-layout-admin
  .layui-body
  .layui-tab
  .layui-tab-title
  li
  .layui-tab-close {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  font-size: 12px;
}

.layui-layout-admin
  .layui-body
  .layui-tab
  .layui-tab-title
  li:first-child
  .layui-tab-close {
  display: none;
  /** 第一个选项卡不可关闭 */
}

/** 选项卡其他操作按钮样式 */
.layui-layout-admin .layui-body .admin-tabs-control {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  box-sizing: border-box;
  border-left: 1px solid #f6f6f6;
  z-index: 1000;
  visibility: hidden;
  /** 默认隐藏 */
  background-color: white;
}

.layui-layout-admin.open-tab .layui-body .admin-tabs-control {
  visibility: visible;
}

.layui-layout-admin .layui-body .admin-tabs-control:hover {
  background-color: #f6f6f6;
}

.layui-layout-admin .layui-body .layui-icon-prev {
  left: 0;
  border-left: none;
  border-right: 1px solid #f6f6f6;
}

.layui-layout-admin .layui-body .layui-icon-next {
  right: 40px;
}

.layui-layout-admin .layui-body .layui-icon-down {
  right: 0;
}

.admin-tabs-select.layui-nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: 0 0;
}

.admin-tabs-select.layui-nav .layui-nav-item {
  line-height: 40px;
}

.admin-tabs-select.layui-nav .layui-nav-item > a {
  height: 40px;
}

.admin-tabs-select.layui-nav .layui-nav-item a {
  color: #666;
}

.admin-tabs-select.layui-nav .layui-nav-child {
  top: 40px;
  left: auto;
  right: 0;
}

.admin-tabs-select.layui-nav .layui-nav-child dd.layui-this,
.admin-tabs-select.layui-nav .layui-nav-child dd.layui-this a {
  background-color: #f2f2f2 !important;
  color: #333;
}

.admin-tabs-select.layui-nav .layui-nav-bar,
.admin-tabs-select.layui-nav .layui-nav-more {
  display: none;
}

.layui-fluid {
  padding: 15px;
}

body.layui-fluid {
  overflow-y: scroll;
}

.admin-iframe {
  width: 100%;
  height: 100%;
}

.layui-layout-admin .layui-body.admin-iframe-body {
  padding: 0;
  overflow: hidden;
}

.layui-layout-admin .layui-header .layui-logo,
.layui-layout-admin .layui-side {
  background-color: #072d5b;
}

.layui-layout-admin .layui-header .layui-logo {
  box-shadow: none;
}

.layui-layout-admin .layui-header {
  background-color: #072d5b;
}

.layui-layout-admin .layui-header a {
  height: 50px;
  color: #fff;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-more {
  border-color: #fff transparent transparent;
}

.layui-layout-admin .layui-header a:hover {
  background-color: rgba(3, 48, 96, 0.8);
  color: #fff;
}

.layui-logo-title {
  position: absolute;
  top: 0;
  transition: all 0.3s;
  left: 220px;
  width: 296px;
  height: 50px;
  text-indent: -999em;
  background: url(../images/logo_title_mini.png) no-repeat 50% 50%;
  /*background: url(../chain/logo_title_mini.png) no-repeat 50% 50%;*/
}

.layui-layout-admin .layui-header .layui-layout-left {
  left: 164px;
}

.layui-layout-admin .layui-header .layui-layout-left li:nth-child(2) {
  display: none;
}

.layui-layout-admin .layui-side .layui-nav .layui-nav-item > .layui-nav-child {
  background-color: #0b3a6f !important;
}

.layui-layout-admin.admin-nav-mini .layui-header .layui-logo-title {
  left: 120px;
}

/* ui
-----------------------------------------------------------*/
/**
 * clearfix
 */
.clearfix:before,
.clearfix:after,
.layout:before,
.layout:after,
.group:before,
.group:after,
.container:before,
.container:after,
.row:before,
.row:after {
  content: "";
  display: table;
}

.clearfix:after,
.layout:after,
.group:after,
.container:after,
.row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.clearfix,
.layout,
.group,
.container,
.row {
  zoom: 1;
  display: flow-root;
}

/* float */
.pull-left,
.fl {
  float: left;
}

.pull-right,
.fr {
  float: right;
}

/* alert */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info.group {
  padding: 4px 15px;
  line-height: 34px;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

/*
<div class="alert alert-success" role="alert">...</div>
<div class="alert alert-info" role="alert">...</div>
<div class="alert alert-warning" role="alert">...</div>
<div class="alert alert-danger" role="alert">...</div>
*/

.page-loading {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19891017;
  background-color: #fff;
}

.rubik-loader,
.ball-loader,
.signal-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.ball-loader > span,
.signal-loader > span {
  background-color: #4aca85;
  display: inline-block;
}

.ball-loader > span:nth-child(1),
.ball-loader.sm > span:nth-child(1),
.signal-loader > span:nth-child(1),
.signal-loader.sm > span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.ball-loader > span:nth-child(2),
.ball-loader.sm > span:nth-child(2),
.signal-loader > span:nth-child(2),
.signal-loader.sm > span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ball-loader > span:nth-child(3),
.ball-loader.sm > span:nth-child(3),
.signal-loader > span:nth-child(3),
.signal-loader.sm > span:nth-child(3) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

.ball-loader > span:nth-child(4),
.ball-loader.sm > span:nth-child(4),
.signal-loader > span:nth-child(4),
.signal-loader.sm > span:nth-child(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.rubik-loader {
  width: 64px;
  height: 64px;
  background-image: url(img/ic_loading.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.rubik-loader.sm {
  width: 50px;
  height: 50px;
}

.ball-loader > span {
  width: 20px;
  height: 20px;
  margin: 0 3px;
  border-radius: 50%;
  transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  animation: ball-load 1s ease-in-out infinite;
  -webkit-animation: 1s ball-load ease-in-out infinite;
}

@-webkit-keyframes ball-load {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

@keyframes ball-load {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
}

.ball-loader.sm > span {
  width: 15px;
  height: 15px;
  margin: 0 2px;
}

.layui-layout-admin .layui-body {
  bottom: 0 !important;
}

/* API 管理中心
-----------------------------------------------------------*/
.api-toolbar .iconfont {
  font-size: 22px !important;
}

.search-app-input {
  width: 300px;
  display: inline-block;
}

/** 应用列表样式 */
.api-list__item {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  padding: 15px;
}

.api-list__item:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.api-list__item-hd {
  position: relative;
  padding-top: 8px;
}

.api-list__item-hd .pic {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  background-color: #eee;
  overflow: hidden;
  border-radius: 50%;
}

.api-list__item-hd .pic img {
  max-width: 100%;
}

.api-list__item-hd .title {
  text-align: center;
  line-height: 22px;
  font-size: 18px;
}

.api-list__item-hd .action {
  position: absolute;
  right: 0;
  top: 0;
}

.api-list__item-bd {
  padding-top: 20px;
  color: #888;
  height: 50px;
  overflow: hidden;
}

.api-list__item-tool {
  font-size: 0;
  background-color: #fafafa;
  border-top: 1px solid #e8e8e8;
  padding: 10px 0 5px 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.api-list__item-tool-item {
  display: inline-block;
  width: 50%;
  font-size: 18px;
  text-align: center;
  color: #999;
  border-right: 1px solid #e8e8e8;
  box-sizing: border-box;
  cursor: pointer;
}

.api-list__item-tool-item:last-child {
  border-right: none;
}

.api-container .ui-layout {
  height: 800px !important;
}

.api-folder {
  padding: 10px 10px 10px 0;
}

.api-folder-hd .search-box .search-app-input {
  float: left;
  width: 150px;
  border-radius: 2px 2px 0 0;
}

.api-folder-hd .search-box .layui-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  border-radius: 0 2px 2px 0;
}

.api-folder-hd .search-box {
  position: relative;
  float: left;
  padding-right: 42px;
}

.api-folder-hd .add-module-box {
  float: right;
}

.ui-layout-main .tools {
  padding: 10px 0 10px 10px;
}

.ui-layout-main .search-box {
  width: 334px;
  overflow: hidden;
}

.ui-layout-main .search-box .search-app-input {
  width: 280px;
  border-radius: 3px 0 0 3px;
  float: left;
}

.ui-layout-main .search-box .layui-btn {
  float: left;
  width: 42px;
  border-radius: 0 3px 3px 0;
}

.ui-layout-main .data-table,
.ui-layout-main .layui-table-view {
  margin: 0 0 0 10px;
}

.api-folder-hd {
  margin-bottom: 10px;
}

.api-folder-hd__title {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
}

.api-folder-hd__title .layui-icon {
  font-size: 20px;
  font-weight: bold;
  margin-right: 5px;
}

.folder-menu .item {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 10px 5px;
  cursor: pointer;
}

.folder-menu .item.on {
  background-color: #e6e6e6;
  color: #127af1;
}

.folder-menu .item:hover {
  background-color: #e6e6e6;
}

.folder-menu .item-hd {
  position: relative;
  overflow: hidden;
}

.folder-menu .item-hd .layui-icon {
  float: left;
  margin-right: 5px;
}

.folder-menu .item-hd .menu-name {
  float: left;
  font-size: 14px;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-align: left;
  width: 230px;
}

.folder-menu .item-hd .menu-count {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 16px;
  background-color: #029789;
  color: #fff;
  line-height: 18px;
  padding: 2px 4px;
  border-radius: 20px;
  text-align: center;
}

.folder-menu .item-ft {
  position: absolute;
  top: 9px;
  right: 40px;
}

.folder-menu .item-ft .item-tool {
  display: none;
  font-size: 12px;
}

.folder-menu .item:hover .item-ft .item-tool {
  display: block;
  overflow: hidden;
}

.folder-menu .item-ft .item-tool-item {
  float: left;
  height: 22px;
  line-height: 18px;
  overflow: hidden;
  background-color: #eee;
  padding: 2px 4px;
  border-radius: 2px;
  margin: 0 2px;
  cursor: pointer;
  color: #fff;
}

.folder-menu .item-ft .item-tool-item[lay-event="edit"] {
  background-color: #029789;
}

.folder-menu .item-ft .item-tool-item[lay-event="delete"] {
  background-color: #e93838;
}

.folder-menu .item-ft .item-tool-item[lay-event="edit"]:hover {
  background-color: #09685e;
  color: #fff;
}

.folder-menu .item-ft .item-tool-item[lay-event="delete"]:hover {
  background-color: #c70e0e;
  color: #fff;
}

.folder-menu .item-ft .item-tool .layui-icon {
  line-height: 22px;
  font-size: 18px;
  vertical-align: top;
}

.dialog-form {
  padding: 20px;
}

/* 组织机构管理
-----------------------------------------------------------*/
.organizate .layui-table-cell {
  padding: 0;
  text-align: center;
}

.organizate .layui-table-cell .layui-btn {
  margin-left: 0px;
}

.organizate .layui-table-cell .layui-btn-primary .iconfont {
  color: #fff;
  line-height: 22px;
}

.organizate .icon-paixu-shuliangjiangxu {
  line-height: 22px;
  padding: 0 5px;
}

.layui-icon-group:before {
  font-size: 12px;
  margin-left: -2px;
  margin-right: -3px;
}

.organizate .extend,
.organizate .close {
  float: right;
  margin-left: 15px;
  margin-right: 5px;
}

.organizate .city-choose {
  text-indent: 5px;
  width: 75%;
  margin-right: 5px;
}

.table-operator {
  width: 50%;
  float: right;
}

.organizate-code {
  width: 30%;
}

.organizate .mechanism-container {
  border: none;
}

.icon-shuaxin:before {
  font-size: 36px;
}

.organizate .iconfont {
  margin-right: 3px;
  font-size: 18px !important;
  vertical-align: bottom;
}

.organ-side-tree {
  margin-top: 55px !important;
}

#area-pick .layui-input-inline {
  width: 150px;
  margin-right: 10px;
}

#edit-area .layui-input-inline {
  width: 142x;
  margin-right: 0px;
}

#organ_add .btn-handle {
  width: 200px;
  margin: 0 auto;
}

#edit_add .btn-handle {
  width: 200px;
  margin: 0 auto;
}

.layui-form-item .layui-inline {
  margin-right: 0px;
  margin-bottom: 15px;
}

#parent-unit-container .btn-handle {
  width: 200px;
  margin: 0 auto;
}

#parent-unit-container .extend-tool {
  width: 200px;
  margin: 0px 0px 0 90px;
}

.address-detail {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
}

.dropdown-menu-shade {
  display: none;
}

.layui-table-view .layui-table-box .layui-table-view .layui-table-box {
  margin-top: 30px;
}

.layui-table-view > .layui-table-box {
  margin-top: 0;
}

/* 查看详情 */
#organizate-detail .btn-handle {
  width: 200px;
  margin: 0 auto;
}

/* 导入用户 */
#importExcel {
  width: 500px;
  height: 200px;
  margin: 60px auto 0;
}

#export-btn {
  width: 200px;
  margin: 50px auto 0;
}

/* 角色管理
-----------------------------------------------------------*/
.role-code {
  width: 400px;
}

.role-add-right {
  font-size: 16px;
  color: #01aaed;
  line-height: 30px;
  display: inline-block;
  margin-top: 4px;
}

.role-descript {
  resize: none;
  height: 80px;
}

.pos-btn {
  margin-top: 8px;
}

.btn-handle {
  position: relative;
}

.ztree li span.button.ico_open,
.ztree li span.button.ico_close,
.ztree li span.button.ico_docu {
  display: none;
}

.content_wrap {
  position: relative;
  width: 600px;
  margin: 0 auto;
  border: 1px solid #ddd;
  padding: 10px;
  height: 400px;
}

.content_wrap .left,
.tree-content {
  position: absolute;
  width: 300px;
  border-right: 1px solid #ddd;
  left: 0;
  top: 10px;
  bottom: 10px;
}

.input-search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.input-search input {
  box-sizing: border-box;
  width: 80%;
  height: 30px;
  padding: 0 10px;
  border-radius: 15px;
  border: 1px solid #ddd;
  outline: none;
}

.tree-content {
  top: 50px;
  overflow-y: scroll;
}

.content_wrap .right {
  /*min-width: 400px;*/
  padding-left: 300px;
}

.choose-content {
  font-size: 14px;
  line-height: 30px;
  height: 380px;
  overflow-y: scroll;
}

.choose-content > li {
  position: relative;
}

.choose-content .close {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 20px;
  background-color: #ddd;
  text-align: center;
  border-radius: 10px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.ztree li a.curSelectedNode {
  height: 30px;
  text-decoration: none;
}

.ztree li a.curSelectedNode.unactive {
  background-color: transparent;
  border: 1px solid transparent;
}

/* 表格 */

table.gridtable {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #333333;
  border-width: 1px;
  border-color: #666666;
  border-collapse: collapse;
  margin: 0 auto;
}

table.gridtable th {
  border-width: 1px;
  padding: 8px;
  width: 100px;
  text-align: center;
  border-style: solid;
  border-color: #666666;
  background-color: #dedede;
}

table.gridtable td {
  border-width: 1px;
  padding: 8px;
  text-align: center;
  border-style: solid;
  border-color: #666666;
  background-color: #ffffff;
}

#unit_number .layui-row .layui-form-item {
  width: 50%;
  margin: 60px auto 0;
  text-align: center;
}

#unit_number .layui-row .layui-form-item .layui-form-label {
  width: 200px;
  display: block;
  margin-left: 55px;
}

#unit_number .layui-row .layui-input-block .layui-word-aux {
  margin-left: 70px;
}

#search-info {
  width: 300px;
}

/* 应用管理中心
-----------------------------------------------------------*/
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.group {
  zoom: 1;
  display: flow-root;
}

.layui-inline-action {
  margin-left: 15px;
}

.app-list__item {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  padding: 15px;
  min-height: 400px;
}

.app-list__item:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.app-list__item-hd {
  position: relative;
  padding-top: 30px;
  margin-bottom: 10px;
}

.app-list__item-hd .number {
  position: absolute;
  left: -5px;
  top: -5px;
  background-color: #009688;
  color: #fff;
  padding: 8px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
}

.app-list__item-hd .company_pic {
  width: 80px;
  height: 80px;
  background-color: #eee;
  overflow: hidden;
  border-radius: 50%;
  float: left;
}

.app-list__item-hd .company_pic img {
  max-width: 100%;
}

.app-list__item-hd .company_name {
  margin-left: 90px;
  padding-top: 20px;
  line-height: 22px;
  font-size: 14px;
}

.app-list__item-hd .action {
  position: absolute;
  right: 0;
  top: 0;
}

.app-list__item-hd .action .layui-icon {
  font-size: 22px;
}

.app-list__item-bd .app-title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  margin-bottom: 15px;
}

.app-list__item .layui-form-switch {
  margin-top: 0;
}

.app-list__item .info-list .item {
  line-height: 24px;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
  color: #888;
}

.app-list__item .info-list .item strong {
  font-weight: normal;
  color: #333;
}

.app-list__item .info-list .item:last-child {
  border-bottom: 0 none;
}

.step-container .step-item-main-title {
  font-size: 18px;
  line-height: 38px;
  font-weight: normal;
}

.step-container .lay-step {
  padding: 20px 20px 15px 230px;
  margin-bottom: 15px;
  border-radius: 8px;
}

.layui-carousel > [carousel-item] > .step-item-panel {
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  overflow: hidden;
}

.step-item-msg {
  padding-top: 80px;
  text-align: center;
}

.step-item-msg .layui-icon {
  color: white;
  font-size: 30px;
  font-weight: bold;
  background: #52c41a;
  padding: 20px;
  line-height: 80px;
}

.step-item-msg .info {
  padding: 10px 0;
  font-size: 24px;
  color: #333;
}

.step-item-panel-bd {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #eee;
  margin-bottom: 80px;
  overflow: hidden;
  overflow-y: auto;
}

.step-item-panel-ft {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
}

.step-item-panel-ft .layui-form-item {
  margin-bottom: 0;
}

.step-item-panel-ft .layui-form-item .layui-input-block {
  margin: 0;
}

.step-item-panel-ft .layui-form-item .layui-btn {
  width: 260px;
  text-align: center;
}

.step-item-panel .layui-form-pane .layui-form-label {
  width: 180px;
  text-align: right;
}

.step-item-panel .layui-form-pane .layui-input-block {
  margin-left: 185px;
}

.step-item-panel .layui-form-pane .layui-input-inline {
  margin-left: 5px;
}

.step-item-panel .layui-form-pane .layui-form-text .layui-form-label {
  width: auto;
}

.step-item-panel .layui-form-pane .layui-form-text .layui-input-block {
  margin-left: 0;
}

.step-item-panel .layui-form-pane .step-item-panel-ft .layui-input-block {
  margin-left: 0;
}

.upload-group .item {
  float: left;
  padding: 20px 0;
  border: 1px solid #e6e6e6;
  margin-right: 15px;
}

.upload-group .item-hd h5 {
  line-height: 24px;
  font-size: 14px;
}

.upload-group .item-hd,
.upload-group .item-ft {
  text-align: center;
}

.upload-group .item-bd {
  padding: 15px;
}

.layui-upload-drag {
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.layui-upload-drag:hover {
  background-color: #f5f5f5;
}

.upload-group .item-bd .layui-upload-choose {
  display: block;
  padding: 10px 0;
}

.model-view {
  padding: 20px;
}

.model-view-bd {
  margin-bottom: 10px;
}

.model-view-ft {
  padding: 10px 0;
  text-align: center;
}

.model-view-ft .layui-btn {
  width: 200px;
}

.model-view .layui-field-title {
  margin-top: 0;
  border-width: 1px;
  padding: 10px 20px;
}

.model-view .layui-form-label {
  width: 150px;
  text-align: right;
}

.model-view .layui-form-item .layui-inline {
  margin-bottom: 0;
}

.search-image-input {
  width: 300px;
  display: inline-block;
}

.image-container {
  padding: 0 30px 15px;
}

.image-container .model-form {
  padding-right: 0;
}

.image-container .layui-form-label {
  text-align: right;
  width: 135px;
}

.image-container .layui-form-pane .layui-input-block {
  margin-left: 140px;
}

.image-container .layui-form-pane .layui-input-inline {
  margin-left: 5px;
}

.server-tabs .layui-tab-content,
.database-tabs .layui-tab-content {
  padding: 20px;
  background-color: #f5f5f5;
}

.server-tabs .layui-tab-item,
.database-tabs .layui-tab-item {
  min-height: 45px;
}

.server-tabs .layui-tab-title,
.database-tabs .layui-tab-title {
  border: 1px solid #e6e6e6;
}

.image-container .model-form-footer {
  text-align: center;
}

.image-container .model-form-footer .layui-btn {
  width: 160px;
}

/* 接口文档 */
.doc {
  padding: 20px;
}

.doc code {
  padding: 2px 4px;
  color: #ab0f3a;
  background-color: #fff;
  border-radius: 4px;
}

.doc-hd {
  margin-bottom: 20px;
}

.doc-hd .title {
  padding: 5px 0;
  line-height: 22px;
  font-size: 18px;
  color: #333;
  position: relative;
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
}

.doc-bd .title {
  padding: 5px 0;
  line-height: 22px;
  font-size: 18px;
  color: #333;
  position: relative;
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
}

.doc-hd .title::before,
.doc-bd .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #000;
  width: 100px;
}

.doc-bd table {
  margin-bottom: 20px;
}

.layui-layout-admin .layui-body .layui-tab-mod .layui-tab-title {
  position: static;
  padding: 0;
  box-shadow: none;
  border-bottom: 1px solid #e8e8e8;
}

.layui-layout-admin
  .layui-body
  .layui-tab-mod
  .layui-tab-title
  li.layui-this:after {
  top: auto;
  bottom: 0;
  background-color: #009688;
}

.layui-layout-admin .layui-body .layui-tab-mod .layui-tab-title li {
  border: 0 none;
  font-size: 16px;
  color: #666;
}

.layui-layout-admin .layui-body .layui-tab-mod .layui-tab-title li em {
  font-style: normal;
  font-size: 14px;
}

.layui-layout-admin .layui-body .layui-tab-mod .layui-tab-title li.layui-this {
  color: #009688;
}

.layui-card-header-none {
  border-bottom: 0 none;
}

.app-list__item-hd {
  padding-top: 40px;
}

.app-list__item-hd .tools {
  position: absolute;
  left: 40px;
  top: -2px;
  display: flex;
  align-items: center;
}

.app-list__item-hd .tools a {
  line-height: 22px;
  padding: 4px 8px;
  flex: 1;
  border-radius: 2px;
  background-color: #eee;
  margin-right: 10px;
  color: #888;
}

.app-list__item-hd .tools a:hover {
  background-color: #08c2af;
  color: #fff;
}

.app-list-dmd .app-list__item {
  min-height: 320px;
}

.app-list-dmd .app-list__item-hd .company_name {
  padding-top: 30px;
  font-size: 18px;
}

.app-list-dmd .item__operating-state .label {
  color: #333;
}

.app-list-dmd .item__operating-state .label em {
  margin-left: 5px;
  font-style: normal;
  color: #333;
}

.app-list-dmd .item__operating-state .label-yes {
  color: #03c617;
}

.app-list-dmd .item__operating-state .label-no {
  color: #f00;
}

.app-list-dmd .layui-row {
  margin-bottom: 0;
}

.layui-form-item .layui-input-inline {
  min-width: 190px;
  width: auto;
}

.layui-form-item #area_pick .layui-input-inline {
  min-width: 145px !important;
}

.logo-img {
  margin: 0 auto 10px;
  width: 180px;
  height: 180px;
  background-color: #f5f5f5;
  overflow: hidden;
}

.logo-img img {
  max-width: 100%;
}

.qrimg {
  margin: 10px auto 10px;
  width: 120px;
  height: 120px;
  background-color: #f5f5f5;
  overflow: hidden;
}

.qrimg img {
  max-width: 100%;
}

.box {
  max-width: 360px;
  margin: 0 auto;
}

.box .box-hd {
  text-align: center;
  font-size: 18px;
  padding: 10px 0;
  line-height: 22px;
}

.box .box-bd {
  padding: 10px 0;
}

.box .box-bd .tc {
  text-align: center;
}

.layui-form-long .layui-form-label {
  width: 100px;
}

.layui-form-long .layui-input-block {
  margin-left: 130px;
}

.layui-form-long .tr {
  text-align: right;
}

.layui-tab-item-body {
  padding: 20px;
}

.layui-tab-item-body .layui-form-label {
  width: 150px;
  text-align: right;
}

.layui-tab-item-tpl-body .app-list__item-bd {
  overflow: hidden;
}

.layui-tab-item-tpl-body .app-list__item-bd .company_pic {
  float: left;
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin-top: 15px;
}

.layui-tab-item-tpl-body .app-list__item-bd .company_pic img {
  max-width: 100%;
}

.layui-tab-item-tpl-body .app-list__item-bd .company_name {
  font-size: 18px;
  color: #333;
}

.layui-tab-item-tpl-body .app-list__item-bd .info-list {
  margin-left: 140px;
}

.layui-tab-item-tpl-body .app-list__item-bd .info-desc {
  clear: both;
  padding: 10px;
}

.layui-tab-item-tpl-body .app-list__item-bd .info-list .item:last-child {
  border-bottom: 1px solid #f5f5f5;
}

.layui-tab-item-tpl-body .app-list__item {
  min-height: 280px;
}

.layui-tab-item-tpl-body .app-list__item-hd {
  padding-top: 32px;
  margin-bottom: 0;
}

.layui-tab-item-tpl-body .app-list__item-bd .label-no {
  color: #f00;
}

.layui-tab-item-tpl-body .app-list__item-bd .label-yes {
  color: #03c617;
}

.dev-log-body {
}

.dev-log-bd {
  margin-bottom: 20px;
}

.dev-log-hd {
  padding: 10px 0;
}

.dev-log-hd .title {
  position: relative;
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px solid #ddd;
  padding: 8px 0 8px 20px;
  margin-bottom: 10px;
}

.dev-log-hd .title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #009688;
}

.dev-log-hd .layui-form-item {
  margin-bottom: 0;
}

.dev-log-hd .layui-form-item .layui-inline {
  margin-bottom: 0;
}

.dev-log-list {
  margin-bottom: 10px;
}

.dev-log-list .item {
  padding: 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}

.dev-log-list .item:nth-child(2n) {
  background-color: #fff;
}

.dev-log-datetime {
  font-size: 18px;
  color: #f15366;
}

.dev-log-info {
  padding: 5px 0 0;
  color: #888;
}

.dev-log-info strong {
  font-size: 16px;
  font-weight: normal;
  color: #52c41a;
  margin-right: 10px;
}

.dev-log-info em {
  font-style: initial;
}

.git-branch-url {
  padding: 10px 0;
  text-align: center;
}

.online-build-layout,
.certificate-setting-layout {
  position: relative;
  overflow: hidden;
}

.online-build-layout::before,
.certificate-setting-layout::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40%;
  width: 1px;
  height: 100%;
  background-color: #eee;
}

.certificate-setting-layout::before {
  left: 50%;
}

.online-build-left,
.online-build-right,
.certificate-setting-left,
.certificate-setting-right {
  float: left;
}

.online-build-left {
  width: 40%;
}

.online-build-right {
  width: 60%;
}

.certificate-setting-left,
.certificate-setting-right {
  width: 50%;
}

.online-build-left .hd,
.online-build-right .hd,
.certificate-setting-left .hd,
.certificate-setting-right .hd {
  padding: 10px;
}

.online-build-left .hd .title,
.online-build-right .hd .title,
.certificate-setting-left .hd .title,
.certificate-setting-right .hd .title {
  padding: 10px 0;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  border-bottom: 1px solid #eee;
}

.layui-tab-item-body .layui-input-block {
  margin-left: 180px;
  margin-right: 10px;
}

.layui-tab-item-body .layui-form-pane .layui-input-block {
  margin-left: 140px;
  margin-right: 0;
}

.layui-tab-item-body .layui-form-pane .layui-form-label {
  width: 140px;
}

.online-build-left .bd,
.online-build-right .bd,
.certificate-setting-left .bd,
.certificate-setting-right .bd {
  padding: 10px;
}

.app-build-table .tc {
  text-align: center;
}

.app-build-table thead th,
.app-build-table tbody td {
  text-align: center;
}

.label-yes {
  color: #03c617;
}

.label-no {
  color: #f00;
}

.layui-upload-btn {
  display: inline-block;
  vertical-align: top;
}

.ios-certificate-group .item {
  border-bottom: 1px solid #eee;
}

.ios-certificate-group .item:last-child {
  padding-top: 15px;
}

.ios-certificate-group .item .sub-title {
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  line-height: 22px;
  background-color: #f5f5f5;
  margin-bottom: 15px;
  color: #f00;
}

/* 应用统计 */
.layui-row-item {
  border: 1px solid #333;
  text-align: center;
  margin: 0 60px;
}

.layui-tab-item-body {
  padding: 20px;
}

.layui-row-item .layui-tips-title {
  font-size: 18px;
  color: #333333;
  line-height: 40px;
  text-align: center;
}

.layui-row-item .layui-tips-num {
  font-size: 18px;
  line-height: 20px;
  color: #333333;
}

.layui-row-container {
  width: 50%;
  margin: 0 auto;
}

.layui-table-head .numberInfoSubTitle {
  height: 24px;
  text-align: center;
  padding: 10px 0;
  font-size: 18px;
  color: #333333;
  line-height: 24px;
}

.layui-table-head .numberInfoValue {
  height: 24px;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}

.layui-form-compare {
  height: 400px;
}

.layui-form-compare .application-content {
  height: 400px;
  width: 100%;
}

.layui-toolbar-content {
  padding-right: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layui-card-body .layui-algin-center {
  margin: 0 auto;
  display: block;
  float: initial;
}

.layui-table-list .layui-table-view > .layui-table-box {
  height: 500px;
  overflow-y: auto;
}

.layui-table-list .layui-table-page {
  display: none;
}

.layui-tab-item-body .layui-form-label {
  width: 150px;
  text-align: right;
}

.layui-tag-tabs .tabs-hd {
  border-bottom: 1px solid #666666;
}

.layui-tab-item-tpl-body .app-list__item-bd {
  overflow: hidden;
}

.layui-map-content {
  height: 150px;
  width: 200px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px 5px #aaa;
}

.layui-map-tips-hd {
  height: 50px;
  width: 100%;
  border-radius: 5px;
  background: #f8f9f9;
  border-bottom: 1px solid #f0f0f0;
}

.layui-map-tips-hd span {
  line-height: 50px;
  margin-left: 18px;
}

.layui-map-times {
  height: 50px;
  width: 100%;
  background: #fff;
}

.layui-map-times-hd {
  padding-left: 18px;
  padding-top: 22px;
}

.layui-times-one {
  display: inline-block;
  margin-right: 5px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  background-color: rgba(92, 169, 235, 1);
}

.layui-times-three {
  float: right;
  margin-right: 18px;
}

.layui-tips-one {
  padding-left: 18px;
  padding-top: 14px;
}

.layui-tag-tabs .tabs-trigger {
  float: left;
  margin: 0 20px;
  font-size: 16px;
  color: #333333;
  height: 30px;
  line-height: 30px;
}

.layui-card-header .lauyi-card-remind {
  font-size: 16px;
  color: #01aaed;
}

.version-updating-layout {
  position: relative;
  overflow: hidden;
}

.version-updating-layout::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #eee;
}

.version-updating-left,
.version-updating-right {
  float: left;
  width: 50%;
}

.version-updating-layout .layui-input-block {
  margin-left: 180px;
}

.version-updating-left .hd,
.version-updating-right .hd {
  padding: 10px;
}

.version-updating-left .hd .title,
.version-updating-right .hd .title {
  padding: 10px 0;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  border-bottom: 1px solid #eee;
}

.version-updating-left .bd,
.version-updating-right .bd {
  padding: 10px 20px;
}

.app-version-updating-table .ew-datagrid-page {
  position: absolute;
  right: 20px;
}

.app-version-updating-table td,
.app-version-updating-table th {
  text-align: center;
}

.app-version-updating-table dl {
  text-align: left;
}

.app-version-updating-table dl dt {
  line-height: 28px;
}

.app-version-updating-table dl dd {
  margin-left: 2em;
  color: #999;
  line-height: 28px;
}

.app-build-table .ew-datagrid-loadmore {
  position: absolute;
  right: 10px;
  height: 42px;
  left: 10px;
  margin-left: 40%;
  line-height: 42px;
}

.app-build-table tbody {
  margin-bottom: 48px;
}

.app-build-table .ew-datagrid-loadmore > div {
  padding: 0;
  height: 42px;
}

.version-updating-right .bd .data-table {
  padding-bottom: 48px;
}

.attach-field-group .item {
  overflow: hidden;
  margin-bottom: 15px;
}

.attach-field-group .item:last-child {
  margin-bottom: 0;
}

.attach-field-group .item .hd {
  float: left;
  width: 400px;
  overflow: hidden;
}

.attach-field-group .item .hd .field {
  width: 190px;
  float: left;
}

.attach-field-group .item .hd .separator {
  float: left;
  width: 20px;
  text-align: center;
  line-height: 38px;
}

.attach-field-group .item .bd {
  float: left;
  width: 150px;
  padding-left: 20px;
  font-size: 0;
}

.attach-field-btn {
  display: inline-block;
  vertical-align: top;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  background-color: #009688;
  margin-right: 10px;
  font-size: 20px;
  color: #fff;
}

.attach-field-btn:hover {
  background-color: #60d4c9;
  color: #fff;
}

.attach-field-del-btn {
  background-color: #f00;
}

.attach-field-del-btn:hover {
  background-color: #e76c6c;
}

.tips {
  border-radius: 3px;
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
  padding: 10px 15px;
  margin-bottom: 15px;
}

.tips .hd {
  padding: 10px 0;
  border-bottom: 1px solid #ffe58f;
}

.tips .hd .title {
  line-height: 22px;
  font-size: 18px;
  color: #d9001b;
}

.tips .bd {
  padding: 10px 0;
  color: #ec808d;
  line-height: 22px;
}

.layui-form-long .layui-form-label {
  width: 120px;
}

.layui-form-long .layui-input-block {
  margin-left: 150px;
}

.layui-upload-box {
  border: 1px solid #eee;
  padding: 15px;
  background-color: #fafafa;
}

.layui-upload-box .layui-btn-uplaod {
  width: 200px;
  text-align: center;
}

.layui-table-uplaod td,
.layui-table-uplaod th {
  text-align: center;
}

/* 模板开发者 */
.temp-item-hd .temp_hd_name {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  text-align: center;
}

.item__version_panel {
  display: inline-flex;
}

.layui-inline-panel {
  margin-left: 30px;
}

.temp_model_context {
  padding: 30px;
}

.temp_model_context .logo-img {
  width: 250px;
  height: 140px;
  float: left;
  overflow: hidden;
  background-color: #f3f3f3;
}

.temp_model_context .bd {
  overflow: hidden;
  padding: 0;
}

.temp_model_context .ft {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 10px;
}

.layui-form-item .layui-temp-info {
  float: left;
  overflow: hidden;
  min-width: 500px;
}

.layui-temp-info .layui-info-brief {
  font-size: 14px;
  color: #585757;
  line-height: 30px;
}

.layui-form-item .layui-temp-get {
  overflow: hidden;
  padding-left: 65px;
  padding-top: 20px;
}

.layui-temp-get .temp-info-detail {
  height: 40px;
  max-width: 170px;
}

.temp-info-detail {
  width: 100%;
  border-radius: 4px;
  height: 30px;
  outline: none;
  border: 1px solid #999;
  background-color: transparent;
  max-width: 460px;
}

.layui-tool-container {
  text-align: center;
  padding: 20px 0 0;
  margin-bottom: 0px !important;
}

.temp_model_libs .layui-form-lt {
  float: left;
  overflow: hidden;
  max-width: 380px;
  padding-right: 15px;
}

.temp_model_libs .layui-form-rg {
  overflow: hidden;
  border-left: 1px solid #e4e2e2;
}

.temp_model_libs .layui-form-item {
  margin: 15px 0 45px;
}

.temp_model_libs {
  padding: 25px;
}

.layui-form-item .temp_name {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  text-align: center;
}

.layui-inline-temp {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.layui-inline-temp .layui-input-block {
  margin-left: 0;
}

.upload-name {
  width: 120px;
}

.temp-upload-model .layui-upload-drag {
  padding: 0;
  margin-right: 15px;
}

.temp-upload-model .layui-upload-drag p {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.temp-info-brief-deta {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  text-align: left;
  margin-bottom: 10px !important;
}

.temp-info-brief-deta .layui-form-label {
  padding-top: 3px;
}

.layui-form-item .temp-info-brief {
  text-align: left;
  padding-left: 110px;
}

.layui-form-bt {
  border-top: 1px solid #e4e2e2;
}

.layui-form-bt .layui-form-item {
  padding: 15px 0 0;
  margin: 0;
}

.layui-form-item .temp-push-datetime {
  font-size: 14px;
  color: #c70e0e;
  float: left;
  margin-right: 20px;
  padding-left: 8px;
  line-height: 24px;
}

.layui-form-item .temp_push_author {
  font-size: 14px;
  color: #999;
  line-height: 24px;
}

.layui-form-item .temp-push-info p {
  line-height: 24px;
  color: #999999;
  text-align: left;
}

.layui-tabs-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layui-show-tabs {
  padding-top: 15px;
}

.layui-show-tabs .layui-net-temp {
  float: left;
  overflow: hidden;
}

.layui-show-tabs .layui-temp-get {
  overflow: hidden;
  padding-left: 50px;
}

.layui-show-tabs .net-href {
  width: 400px;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  border-radius: 4px;
  border: 1px solid #999999;
}

.layui-tabs-edit {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 60px;
}

.layui-tabs-edit .layui-panel-item {
  width: 260px;
  height: 260px;
  border: 1px solid #999999;
  border-radius: 5px;
  text-align: center;
}

.layui-tabs-edit .layui-panel-img {
  display: block;
  width: 160px;
  height: 160px;
  background-color: #d2d2d2;
  margin: 20px auto;
  border-radius: 50%;
}

.layui-tabs-edit .layui-panel-title {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}

.docs-container .ui-layout {
  height: 800px !important;
}

.docs-folder {
  padding: 10px 10px 10px 0;
}

.docs-folder-hd .search-box .search-app-input {
  float: left;
  width: 252px;
  border-radius: 2px 2px 0 0;
}

.docs-folder-hd .search-box .layui-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  border-radius: 0 2px 2px 0;
}

.docs-folder-hd .search-box {
  position: relative;
  float: left;
  padding-right: 42px;
}

.docs-folder-hd .add-module-box {
  float: right;
}

.docs-container .toolbar {
  padding: 20px 20px 0;
}

.docs-container .toolbar .layui-inline {
  margin-bottom: 0;
}

.layui-form-switch em {
  margin-right: 5px;
}

.layui-form-onswitch em {
  margin-right: 21px;
}

.docs-container .layui-form-switch {
  margin-right: 5px;
  margin-left: 5px;
}

.folder-menu {
  padding-top: 20px !important;
}

.folder-menu * {
  font-size: 14px !important;
}

.folder-menu li span.button.ico_open,
.folder-menu li span.button.ico_close,
.folder-menu li span.button.ico_docu {
  display: inline-block;
}

.folder-menu li a {
  padding: 4px 3px 4px 0 !important;
}

/* #edui1>div:not([class]){
  display: none !important;
}
#edui1_toolbarbox{
  width: unset !important;
  z-index: unset !important;
  position: unset !important;
  top: unset !important;
} */

.view-framework {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.check-detail-info-table .layui-form-item .layui-form-label {
  width: 100px;
  text-align: right;
}

.check-detail-info-table .layui-form-item .layui-input-block {
  margin-left: 140px;
  min-height: 36px;
}

.check-detail-info-table .layui-form-item .layui-input-block .layui-word-aux {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 30px;
}

.layui-card-header .layui-add-api-entry {
  position: absolute;
  right: 40px;
  top: 0;
}

.layui-card-header .layui-add-api-entry .layui-btn {
  padding: 0 15px;
}

/* 添加API样式 */
.layui-api-add-container .layui-input-block {
  margin-left: 210px;
}

.layui-api-add-container .layui-form-label {
  width: 160px;
}

.layui-api-add-container .application-name-container {
  position: relative;
}

.application-name-container .layui-input-block {
  width: 350px;
  position: relative;
}

.layui-input-block .layui-input-position {
  position: absolute;
  z-index: 2;
}

.application-name-container .warning-tips {
  position: absolute;
  top: 4px;
  right: 0px;
  color: #f00;
  font-size: 14px;
  line-height: 30px;
}

.on-type-checked {
  display: none;
}

.api-info-tbody td {
  padding: 0;
}

.api-info-tbody td input {
  border: none;
}

.api-info-tbody .reduce-rows,
.api-info-tbody .add-rows,
.api-info-tbody .header-rows {
  width: 40px;
  height: 40px;
  text-align: center;
}

.reduce-rows .layui-icon-add-1 {
  font-size: 20px;
  line-height: 40px;
}

.form-group-bottom .layui-input-block {
  margin-left: 0;
}

.layui-api-add-container .layui-footer {
  text-align: center;
}

.layui-footer .layui-btn-debug {
  padding: 0 70px;
}

/* 样式调整 */
.organ-side-tree-top * {
  font-size: 14px !important;
}

.organ-side-tree-top li a {
  height: 28px;
  padding: 2px 4px;
  color: #555 !important;
}

.toolbar-search .layui-input {
  width: 196px;
  margin-right: 0;
  height: 38px;
}

.toolbar-tree {
  position: absolute;
  top: 70px;
  left: 178px;
  width: 108px;
}

.toolbar-tree .layui-btn {
  margin-left: 0 !important;
  padding: 0;
  width: 48px;
}

.organ-side-tree-top {
  margin-top: 0 !important;
}

.layui-row-flex {
  display: flex;
}

.layui-row-flex .layui-col-md3 {
  width: 318px !important;
}

.layui-row-flex .layui-col-md9 {
  flex: 1;
}

/* 调用申请 */
.layui-tabs-api {
  margin-top: 40px;
}

.layui-form-filter-item {
  position: relative;
  font-size: 14px;
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px dashed #e5e5e5;
  height: 30px;
}

.layui-form-filter-item.collapse {
  height: 61px;
}

.layui-form-filter-item .item-hd {
  float: left;
  width: 80px;
  font-weight: bold;
  line-height: 36px;
}

.layui-form-filter-item .item-bd {
  margin-left: 80px;
  margin-right: 120px;
  color: #666;
  font-size: 0;
  overflow: hidden;
}

.layui-form-filter-item .item-ft {
  position: absolute;
  right: 0;
  top: 15px;
}

.layui-form-filter-item .item-ft .more {
  display: block;
  height: 28px;
  padding: 4px 8px;
  line-height: 20px;
  border-radius: 4px;
  color: #3691ec;
}

.layui-form-filter-item .item-bd a {
  float: left;
  font-size: 14px;
  padding: 4px 8px;
  margin: 4px 15px;
  line-height: 20px;
  border-radius: 4px;
  color: #666;
}

.layui-form-filter-item .item-bd a.on,
.layui-form-filter-item .item-bd a:hover {
  background-color: #ddeeff;
  color: #3691ec;
}

.layui-tab-panel-tool .layui-form.toolbar {
  width: 100%;
}

.layui-tab-panel-tool .search-input {
  width: 200px;
}

.layui-tab-panel-tool .layui-search-btn {
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
}

.layui-total-check {
  display: inline-block;
  margin: 0 40px;
}

/* API审核详情 */
.repository-content .layui-info-header-pan {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 0;
}

.layui-info-header-pan .layui-inline {
  margin: 10px 0 5px;
}

.layui-panel-detail-container {
  background-color: #ffffff;
  position: relative;
}

.repository-content .panel-hd {
  border-bottom: 1px solid #c5c4c4;
  padding: 25px 25px 0;
}

.repository-content .panel-bd {
  padding: 25px;
}

.repository-content .panel-lf-title h3 {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 10px;
  width: 100%;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

.repository-content .panel-lf-title .version-info {
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  float: left;
  margin: 10px 15px 10px 0;
}

.repository-content .panel-lf-title .status {
  overflow: hidden;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  background-color: #ff9933;
  border-radius: 4px;
  margin-top: 10px;
  display: inline-block;
  padding: 0 10px;
}

.api-info-item .info-tips-title {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  font-weight: bold;
  margin-top: 10px;
}

.api-info-item .info-detail {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  padding: 10px 0;
}

.panel-bd .fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.info-item .inner-title {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  margin-top: 10px;
}

.info-item .inner-tips {
  font-size: 16px;
}

.panel-bd .fieldset .inner-title {
  margin-bottom: 15px;
}

.info-item .table {
  width: 100%;
  font-size: 16px;
  border-collapse: collapse;
  border-spacing: 0;
}

.info-item .table tr th {
  height: 40px;
  background-color: #3691ec;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  text-align: left;
  text-indent: 20px;
  padding: 0;
  border: 1px solid #cccccc;
}

.info-item .table .rows-l {
  border-right: 1px solid #ffffff;
}

.info-item .table tbody td {
  background-color: #fafafa;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 0;
  text-indent: 20px;
}

.info-item .detail-text-area-info {
  min-height: 160px;
  border: 1px dashed #b9b9b9;
  border-radius: 4px;
  padding: 15px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  line-height: 24px;
  font-size: 16px;
  color: #333;
  background-color: #f8f8f8;
}

.info-item .detail-text-area-info span {
  word-break: break-all;
}

/* .layui-row-flex .sidebar .checked-btn-option {
  width: 180px;
} */
.layui-col-md4 .sidebar {
  width: 220px;
  overflow: hidden;
  margin: 0 30px 0 20px;
}

.layui-sider-tools {
  position: fixed;
  right: 0;
}

.sidebar .ui-btn {
  height: 40px;
  text-align: center;
  margin: 15px 0;
  border-radius: 4px;
}

.sidebar .ui-btn a {
  font-size: 15px;
  color: #ffffff;
  line-height: 22px;
  font-weight: bold;
  display: block;
  padding: 10px 15px;
  border-radius: 4px;
}

.sidebar .layui-reenable a {
  padding: 10px 0;
}

.sidebar .menu-root {
  border-left: 1px dashed #bebebe;
  margin-left: 10px;
  padding: 15px 10px 15px 20px;
  background-color: #ffffff;
}

.sidebar .menu-root li {
  position: relative;
}

.sidebar .menu-root li .menu-sub .section-link {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 7px 0;
}

.sidebar .menu-root li .menu-sub {
  padding-left: 20px;
}

.sidebar .menu-root li > .section-link {
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  color: #333;
}

.sidebar-inner .checked-btn-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar-inner .layui-display-column {
  flex-direction: column;
  align-items: flex-start;
}

.sidebar-inner .checked-btn-option .ui-btn {
  width: 130px;
  margin: 15px 5px;
  padding: 0 15px;
}

.sidebar .active a {
  color: #01aaed !important;
  position: relative;
  font-weight: bold;
  font-size: 18px !important;
}

/* .active:before {
  font-family: "iconfont";
  content: "&#xe643";
  position: absolute;
  background-color: transparent;
  left: -40px;
  top: -2px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  transform: none;
  font-size: 20px;
  color: #000;
} */
/* API共享管理中心 */
.layui-btn-publih {
  background-color: #5fb878;
  border-color: #5fb878;
}

.layui-btn-edit {
  background-color: #909399;
  border-color: #909399;
}

.layui-form-filter-tool .layui-input-block {
  float: left;
  margin-left: 0;
}

/* 开发商共享服务 */
.data-service-list .item .inner {
  margin-right: 14px;
  display: block;
  border: 1px solid #e5e5e5;
  padding: 15px;
}

.data-service-list .item .inner:hover .title,
.data-service-list .item .inner:hover .name {
  color: #0092f3;
}

.data-service-list .item .inner .item-hd {
  position: relative;
}

.data-service-list .item .inner .item-hd .title {
  height: 22px;
  line-height: 22px;
  margin-bottom: 10px;
  font-size: 18px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.data-service-list .item .inner .item-bd {
  min-height: 170px;
}

.item-bd .ds-api-list {
  padding: 5px 0;
}

.item-bd .ds-api-list .ds-api-item {
  margin-bottom: 5px;
}

.item-bd .ds-api-list .ds-api-item-name {
  height: 26px;
  line-height: 22px;
  font-size: 18px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.item-bd .ds-api-list .ds-api-item-name a {
  width: 50%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  font-size: 16px;
  color: #333333;
}

.layui-card-body .data-service-list .layui-col-md3 {
  width: 25% !important;
}

.data-service-list {
  margin: 20px 0;
  padding: 10px;
  flex-wrap: wrap;
}

.data-service-list .ds-api-list .ds-api-item-tags {
  padding: 5px 0;
  font-size: 0;
}

.data-service-list .ds-api-list .ds-api-item-tags .tag {
  display: inline-block;
  height: 24px;
  padding: 4px 10px;
  margin-right: 5px;
  line-height: 24px;
  font-size: 14px;
  background-color: #3691ec;
  color: #fff;
  border-radius: 4px;
}

.data-service-list .item-ft .more {
  display: block;
  height: 40px;
  position: relative;
}

.data-service-list .item-ft .more-hd {
  position: absolute;
  left: -15px;
  right: -15px;
  top: 15px;
  line-height: 24px;
  padding: 8px 8px 8px 15px;
  background-color: #f8f8f8;
  color: #999;
  cursor: pointer;
}

.data-service-list .item-ft .more-hd .sub-title {
  float: left;
  font-size: 16px;
}

.data-service-list .item-ft .more-hd .name {
  float: right;
  font-weight: normal;
}

/* 开发商共享服务详情 */
.layui-sdk-panel-detail .layui-sider-tools {
  position: fixed;
  right: 90px;
}

.layui-sdk-panel-detail .layui-inner-panel-tools {
  right: 390px;
}

.layui-table-filter {
  padding: 10px 15px;
  border: 1px solid #f8f8f8;
}

.layui-table-filter .layui-form.toolbar .layui-form-select .search-input {
  width: 200px;
}

.layui-panel-sdk-container .layui-sider-tools {
  position: absolute;
  right: 200px;
}

.aside-panel-info .detail-hd {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  text-align: left;
  padding: 10px 0;
  background-color: #f8f8f8;
  text-align: center;
  height: 40px;
}

.aside-panel-info .detail-hd h3 {
  line-height: 24px;
  padding: 10px 0;
  color: #639fdb;
}

.aside-panel-info .detail-list .detail-item {
  min-height: 40px;
  background-color: #f8f8f8;
  padding: 15px 25px;
  margin: 5px 0;
  border-radius: 4px;
}

.aside-panel-info .detail-list .detail-item:hover,
.aside-panel-info .detail-list .detail-item.active {
  background-color: #639fdb;
}

.aside-panel-info .detail-list .detail-item:hover .version,
.aside-panel-info .detail-list .detail-item:hover .tags,
.aside-panel-info .detail-list .detail-item.active .version,
.aside-panel-info .detail-list .detail-item.active .tags {
  color: #ffffff;
  border-color: #ffffff;
}

.aside-panel-info .detail-list .detail-item .version {
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  padding: 10px;
  min-width: 60px;
}

.aside-panel-info .detail-list .detail-item .tags {
  text-align: center;
  border: 1px solid #01aaed;
  min-width: 60px;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 5px;
}

.aside-panel-info .detail-list .detail-item .apply {
  border: 1px solid #d9001b;
}

.layui-form-long .layui-form-label {
  width: 100px;
}

.layui-form-long .layui-input-block {
  margin-left: 130px;
}

.layui-form-long .tr {
  text-align: right;
}

.layui-admin-space {
  background-color: #f8f8f8;
  min-height: 200px;
  max-height: 600px;
  overflow-y: auto;
}

.layui-admin-space .layui-tab-name {
  text-align: center;
  height: 60px;
  background-color: #f8f8f8;
}

.layui-admin-space .layui-tab-name .name {
  font-size: 18px;
  color: #333333;
  line-height: 24px;
  padding: 18px 0;
}

.layui-admin-space .layui-tab-title li {
  width: 40.2%;
}

.layui-admin-space .target-item {
  min-height: 60px;
  padding: 10px 20px;
  margin: 3px 0;
}

.layui-admin-space .target-item:hover,
.layui-admin-space .target-item.on {
  background-color: #639fdb;
}

.layui-admin-space .target-item:hover .title,
.layui-admin-space .target-item.on .title {
  color: #ffffff;
}

.layui-admin-space .target-item .title {
  font-size: 16px;
  line-height: 22px;
  padding: 10px 0;
}

.layui-admin-space .target-item .apply-tag {
  display: inline-block;
  min-width: 40px;
  background-color: #dfdddd;
  text-align: center;
  padding: 5px 10px;
  border-radius: 4px;
}

.layui-panel-detail-container .repository-content {
  padding: 0 40px 20px;
}

.layui-panel-detail-container .infomation-download-panel .download-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layui-panel-detail-container .infomation-download-panel .sdk-file-container {
  width: 200px;
  text-align: center;
  border: 1px dashed;
  min-height: 160px;
  border-radius: 5px;
  padding: 10px;
  margin: 20px 25px;
  float: left;
}

.layui-panel-detail-container .infomation-download-panel .sdk-file-img {
  width: 64px;
  margin: 15px auto 15px;
  background-color: #f6f6f6;
  height: 64px;
}

.layui-form.toolbar .layui-form-targrt-select input {
  width: 200px;
}

.layui-form-targrt-select .layui-search-btn {
  margin-left: 30px;
}

.repository-content .version {
  position: relative;
}

.repository-content .version .used-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 280px;
  top: 12px;
}

.repository-content .version .used-info a {
  font-size: 16px;
  color: #01aaed;
  display: inline-block;
  margin-left: 20px;
}

.option-checked-foot {
  margin-top: 25px;
  border-top: 1px dashed;
  text-align: center;
  line-height: 22px;
  padding: 10px 0;
}

/* 日志弹窗 */
.layui-form-logpanel {
  padding: 20px 25px;
  width: 100%;
}

.layui-form-logpanel .layui-table-view {
  width: 96.4%;
}

/* 弹窗按钮样式 */
.layui-bg-edit {
  background-color: #5fb878;
}

.layui-bg-publish {
  background-color: #23b7c9;
}

.application-content-detail {
  padding: 20px 0 0;
}

.application-content-detail .mod-app-detail {
  padding: 10px 20px;
  border-bottom: 10px solid #f2f2f2;
}

.application-content-detail .mod-app-detail:last-child {
  padding: 10px 20px;
  border-bottom: 0px solid #f2f2f2;
}

.application-content-detail .mod-app-detail .mod-app-person span {
  margin-right: 100px;
  font-size: 18px;
}

.application-content-detail .mod-app-detail .mod-hd .title {
  font-size: 18px;
}

.application-content-detail .mod-app-detail .mod-bd {
  padding: 0px 20px;
  min-height: auto;
}

.application-content-detail .mod-app-detail .mod-bd .mod-url {
  padding: 10px 0;
}

.application-content-detail .mod-app-detail .mod-bd .form-item {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.application-content-detail .mod-app-detail .mod-bd .form-label {
  margin-right: 20px;
}

.application-content-detail .mod-app-detail .mod-status {
  display: flex;
  padding: 0px;
}

.application-content-detail .mod-app-detail .uploader-image {
  width: 130px;
  height: 100px;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  overflow: hidden;
}

.application-content-detail .mod-app-detail .uploader-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.application-content-detail .mod-app-detail .uploader-list {
  overflow: hidden;
}

.application-content-detail .mod-app-detail .uploader-list .item {
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
  text-align: center;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  padding: 15px;
  margin: 0 8px;
}

.application-content-detail .mod-app-detail .uploader-list .item .pic {
  margin: 0 auto;
  width: 68px;
  height: 68px;
  line-height: 68px;
  /* border-radius: 50%; */
  text-align: center;
  background-color: #f5f5f5;
  margin-bottom: 15px;
  /* border: 1px solid #3691ec */
}

.application-content-detail .mod-app-detail .uploader-list .item .pic img {
  width: 100%;
}

.application-content-detail .mod-app-detail .uploader-list .item .name {
  font-size: 14px;
  line-height: 18px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.application-content-detail .mod-app-detail .uploader-list .item .action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  padding: 10px 0;
}

.application-content-detail
  .mod-app-detail
  .uploader-list
  .item
  .action
  .ui-btn
  .ui-icon {
  font-size: 22px;
}

.application-content-detail .mod-app-detail .app-logs .item {
  position: relative;
  border-bottom: 1px dashed #eee;
  padding: 10px 10px 10px 25px;
}

.application-content-detail .mod-app-detail .app-logs .item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  font-size: 0;
  background-color: #3691ec;
  border-radius: 50%;
}

.application-content-detail .mod-app-detail .app-logs .item:last-child {
  border-bottom: 0 none;
}

.application-content-detail .mod-app-detail .app-logs .item .version {
  float: left;
  font-weight: normal;
  width: 80px;
  color: #666;
}

.application-content-detail .mod-app-detail .app-logs .item .date {
  margin-right: 20px;
  color: #999;
}

.application-content-detail .mod-app-detail .app-logs .item .info {
  color: #999;
}

.application-content-detail .mod-app-detail .badge .ui-icon {
  font-size: 18px;
  vertical-align: top;
}

.hr {
  border-bottom: 1px solid #eee;
  height: 0;
  font-size: 0;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 20px;
}

.media-box {
  text-align: center;
  width: 200px;
  margin: 0 auto;
}

.media-box .bd {
  margin: 0 auto 10px;
  width: 180px;
  height: 180px;
  background-color: #f5f5f5;
  overflow: hidden;
}

.media-box .bd img {
  max-width: 100%;
}

.layui-input.is-disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #c0c4cc;
  cursor: not-allowed;
}

.device-tag-input.hide,
.device-name-input.hide {
  display: none;
}

.version-updating-view {
  background-color: #fff;
}

.version-updating-view .layui-tab-title li {
  min-width: 100px !important;
}

.version-updating .hd {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.version-updating .hd .title {
  font-size: 18px;
  line-height: 22px;
}

.version-updating .bd {
  padding: 20px 0;
}

.data-table {
  position: relative;
}

/* 项目跟踪详情 */

.project_tracking_detail .project_detail_item {
  padding: 10px 20px;
  border-bottom: 10px solid #f2f2f2;
  background: #fff;
}

.project_tracking_detail .project_detail_item:last-child {
  padding: 10px 20px;
  border-bottom: 0px solid #f2f2f2;
  background: #fff;
}

.project_tracking_detail .project_detail_item .mod-hd .title {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f8f8f8;
}

.project_tracking_detail .project_detail_item .mod-bd {
  margin: 10px 0;
}

.project_tracking_detail .project_detail_item .mod-bd .title {
  font-size: 16px;
  margin-bottom: 10px;
}

.project_tracking_detail .project_detail_item .mod-bd .mod-url {
  padding: 10px 0;
}

.project_tracking_detail .project_detail_item .mod-bd .form {
  padding: 0 20px;
}

.project_tracking_detail .project_detail_item .mod-bd .form-item {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.project_tracking_detail .project_detail_item .mod-bd .form-item .form-label {
  text-align: right;
  width: 100px;
  color: #999;
}

.project_tracking_detail .project_detail_item .mod-bd .mod-bd-form {
  display: flex;
  padding: 10px;
}

.project_tracking_detail .project_detail_item .mod-bd .mod-bd-item {
  margin-left: 20px;
  padding: 10px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  flex: 1;
}

.project_tracking_detail .project_detail_item .mod-bd .mod-bd-item .item {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.project_tracking_detail
  .project_detail_item
  .mod-bd
  .mod-bd-item
  .item
  .form-label {
  color: #999;
}

.project_tracking_detail
  .project_detail_item
  .mod-bd
  .mod-bd-item
  .item
  .item-file {
  padding: 10px 10px;
  text-align: center;
  border: 1px solid #f2f2f2;
}

.project_tracking_detail
  .project_detail_item
  .mod-bd
  .mod-bd-item
  .item
  .item-file
  div {
  margin-bottom: 10px;
}

.project_tracking_detail
  .project_detail_item
  .mod-bd
  .mod-bd-item
  .item
  .item-file
  img {
  width: 48px;
  height: 48px;
}

.problem_solving_hd {
  padding: 10px 20px;
  border-bottom: 10px solid #f2f2f2;
}

.problem_solving_hd span {
  margin: 0 70px;
}

.problem_solving {
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
}

.problem_solving .panel-bd {
  width: 70%;
}

.problem_item {
  margin: 0 20px;
  padding: 20px 0 10px;
  border-bottom: 1px solid #f2f2f2;
}
.problem_item .problem_content {
  line-height: 24px;
}
.problem_item .problem_line {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.problem_item .problem_line .name {
  margin-right: 20px;
}

.problem_item .problem_line > span {
  display: inline-block;
  padding: 6px 10px;
  background-color: #f8f8f8;
  border-radius: 4px;
}

.problem_item .problem_line > div {
  margin-right: 40px;
}

.problem_item .problem_line > div label {
  color: #999;
}
/* 运维管理 */
.layui-double-select {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* 驳回 */
.reject-panel-content {
  padding: 25px 30px;
}
.reject-panel-content .panel-hd {
  border-bottom: 1px solid #dcdcdc;
}
.reject-panel-content .panel-hd .info-hd {
  background-color: #fff;
  padding: 0;
  height: 30px;
  line-height: 30px;
}

.reject-panel-content .panel-hd .title {
  font-size: 18px;
  line-height: 20px;
  padding: 5px 0;
  float: left;
  color: #333333;
  margin-right: 20px;
}

.reject-panel-content .panel-hd .tag {
  font-size: 14px;
  color: #fff;
  background-color: #7bc3e4;
  float: left;
  padding: 0px 10px;
  border-radius: 6px;
  margin-right: 15px;
}

.reject-panel-content .panel-hd .descri {
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 5px;
}

.reject-panel-content .panel-hd .info-rt {
  margin-bottom: 8px;
}

.reject-panel-content .panel-hd .info-rt .time {
  font-size: 16px;
  color: #999999;
}
.reject-panel-content .panel-hd .info-rt .innt {
  padding-left: 10px;
}

.reject-panel-content .panel-bd {
  padding: 10px 20px;
}

.reject-panel-content .panel-bd .info {
  width: 33.3333333333%;
  text-align: left;
  font-size: 16px;
  color: #333333;
  line-height: 22px;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.reject-panel-content .panel-bd .subs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.reject-panel-content .panel-bd .desc {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-right: 5px;
  min-width: 80px;
}

.reject-panel-content .panel-bd .ellisip {
  width: 75%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.reject-panel-content .panel-ft {
  padding: 20px;
}

.reject-panel-content .panel-ft .layui-form-content {
}

.reject-panel-content .panel-ft .layui-textarea {
  outline: none;
  border: none;
  font-size: 14px;
  color: #666;
}

.reject-panel-content .panel-ft .waiting-card {
  background: #ffffff;
  box-shadow: 0 0 5px 5px #ededed;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}
.waiting-card .card-hd {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
.waiting-card .card-hd h3 {
  font-size: 20px;
  line-height: 30px;
  color: #333;
}
.waiting-card .card-bd {
}
.waiting-card .card-bd .info {
  line-height: 24px;
  font-size: 16px;
}
.waiting-card .card-bd .name {
  float: left;
  margin-right: 15px;
  min-width: 100px;
  text-align: right;
}
.waiting-card .card-bd .inner {
  overflow: hidden;
}
.waiting-card .card-bd .file-info {
  width: 120px;
  height: 120px;
  border: 1px dashed #c2bebe;
  border-radius: 5px;
  text-align: center;
}
.card-bd .file-info .hd {
  width: 60px;
  height: 60px;
  display: block;
  margin: 5px auto;
}

.card-bd .file-info .file-name {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.file-info .download {
  font-size: 24px;
  color: #999;
}
.reception-panel-content .recep-cont .model-form-footer {
  text-align: center;
  margin-top: 30px;
}
.reception-panel-content .layui-input-block {
  width: 300px;
  margin-left: 200px;
}
.layui-temp-tool-action .layui-input-block {
  margin-left: 0;
  text-align: center;
}
.layui-time-node {
  width: 400px;
}

.layui-card-nextmep {
  padding: 20px;
}
.layui-card-nextmep .group .layui-form-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.layui-card-nextmep .group .layui-instep-select {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.layui-reject-tool-bar .layui-input-block {
  width: 100%;
}

.layui-form-textar {
  min-height: 150px;
}

/*   统一用户   */
.layui-form-tabs-dialog {
  padding: 25px;
}

.layui-form-tabs-dialog .layui-inline .layui-form-item-node-search {
  position: absolute;
  right: 0;
  top: 1px;
  font-size: 26px;
  width: 36px;
  height: 36px;
  background: #e9e9e9;
  text-align: center;
  line-height: 36px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #837f7f;
}

.layui-form-tabs-dialog .layui-form-item .layui-inline {
  width: 45%;
  margin-bottom: 10px;
  display: inline-block;
}
.layui-form-tabs-dialog .layui-form-item .layui-form-label {
  min-width: 90px;
}
.layui-form-tabs-dialog .layui-form-item .layui-input-block {
  margin-left: 120px;
}

.layui-form-tabs-dialog .model-form-footer {
  text-align: center;
  margin-top: 15px;
}

.dialog-form-tree-list {
}

.layui-form-tabs-dialog .model-form-footer .layui-btn {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin: 0 10px;
}

.dialog-form-tree-list .layui-form {
}

.user-role-list {
  overflow: hidden;
  overflow-y: auto;
  padding: 20px;
  height: 340px;
}
.user-role-list .item {
  float: left;
  width: 45%;
  padding: 10px 0;
}
.user-role-list .item:nth-child(2n) {
  float: right;
}
.user-role-form-action {
  padding: 10px 20px 0;
  text-align: center;
}

.tng-role-form .layui-form-label {
  width: 100px;
}

.tng-role-form .layui-input-block {
  margin-left: 130px;
}
/*  skip subs */
.layui-layout-skip {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  float: left;
  position: absolute;
  left: 530px;
  top: 0;
  transition: all 0.6s;
}
.layui-layout-skip .layui-nav-item a {
  font-size: 20px;
  font-family: sans-serif;
}
.admin-nav-mini .layui-layout-skip {
  left: 400px;
  transition: all 0.6s;
}

/**
  上传图片公用
------------*/
.img-url {
  width: 30%;
  float: right;
  text-align: center;
}
.img-url p {
  margin: 20px 0px;
  text-align: center;
}
.layui-upload-drag-warning {
  /* font-size: 12px; */
  color: rgb(255, 0, 0);
}

/**
应用令牌
--------------*/
.app-right-imgs {
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-right-imgs .img-url {
  width: 100%;
  text-align: center;
}
/**
 小贴士
 ----------------*/
.small-tips {
  width: 98%;
  margin: auto;
}
.small-tips p {
  line-height: 30px;
}

/*
 状态默认颜色
 ------------------*/
.default {
  color: rgb(255, 153, 0);
}
.success {
  color: rgb(14, 164, 247);
}
.error {
  color: rgb(255, 0, 0);
}

/**
  按钮选中颜色
  ------------------*/
.enabled-btn:hover {
  border-color: rgb(14, 164, 247);
}
.active-border {
  color: rgb(14, 164, 247);
  border-color: rgb(14, 164, 247);
}
.active-border:hover {
  color: rgb(14, 164, 247);
  border-color: rgb(14, 164, 247);
}

/**
提交按钮
-------------*/
.btn-big {
  width: 200px;
  margin: auto;
}
/**
  详情强制修改
--------*/
.bbw {
  border-bottom-width: 0px !important;
}
.ta {
  text-align: center !important;
}

/**
 text 输入框限制大小
 -----------------*/
.layui-input-block-text {
  position: relative;
}
.layui-input-block-text .word {
  position: absolute;
  right: 40px;
  bottom: 10px;
  color: #aaa;
  font-size: 12px;
}

.layui-btn-search {
  height: 34px;
  line-height: 34px;
}
.layui-btn-reset {
  background-color: #aaaaaa;
}
.layui-span{
  display: block;
  height: 36px;
  line-height: 36px;
}
.col-right {
  float: right;
}