@import url(main.css);
.layui-layout-admin .layui-header a cite {
  padding-right: 10px;
}
.layadmin-pagetabs .t-icon-chevron-left {
  left: 0;
  border-left: none;
  font-size: 18px;
}

.layadmin-pagetabs .t-icon-chevron-right {
  right: 40px;
  font-size: 18px;
  border-right: 1px solid #f5f5f5;
  border-left: none;
}

.layadmin-pagetabs .t-icon-chevron-down {
  right: 0;
  font-size: 18px;
}

.layui-nav-bar {
  display: none;
}

.layui-layout-admin .layui-side {
  top: 50px;
  overflow-x: initial;
}

.layui-nav-tree .layui-nav-item a:hover {
  background-color: #f5f8fd;
}

.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this > a:hover,
.layui-nav-tree .layui-nav-child dd.layui-this a:hover {
  background-color: var(--color-main);
  color: var(--color-white);
}

.layui-nav-tree .layui-nav-child {
  background: var(--color-white);
}

.layui-side-menu .layui-side-scroll {
  overflow-x: initial;
  width: 220px;
}

.layadmin-side-shrink .layui-side-scroll {
  width: 60px;
}

.layui-side-menu .layui-nav {
  margin-top: 0;
}

.layui-side-menu .layui-nav .layui-nav-itemed > .layui-nav-child {
  padding: 0;
  padding-left: 12px;
}

.layui-side-menu .layui-nav > .layui-nav-item .t-icon:first-child {
  position: absolute;
  top: 0;
  left: 20px;
  margin-top: 0;
  font-size: 16px;
}

.layui-nav .layui-nav-item a {
  color: var(--color-gray-mastest);
  border-radius: 4px;
}

.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
  color: var(--color-gray-mastest);
}

.layui-nav-itemed > a,
.layui-nav-tree .layui-nav-title a,
.layui-nav-tree .layui-nav-title a:hover {
  color: var(--color-danger) !important;
}

.layui-side-menu .layui-nav .layui-nav-item a:hover {
  background-color: var(--color-gray-lighter);
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-this {
  background-color: var(--color-gray-lighter);
}

.layui-nav-child-float {
  position: fixed;
  left: 52px;
  background: var(--color-white);
  border-radius: 4px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.layui-nav-child-float .t-icon {
  display: none;
}
.layui-nav-child-float dd a i {
  display: none;
}
.layui-nav-child-float dd {
  position: relative;
}
.layui-nav-child-float dd:hover .layui-nav-child {
  display: block;
  position: absolute;
  top: 0;
  left: 130px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.layui-side-menu .layui-nav-item .layui-nav-child-float cite {
  display: initial;
}

.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child-float a {
  padding-left: 30px;
}
.layui-side-menu .layui-nav .layui-nav-item.layui-nav-itemed .layui-nav-child-float .layui-this a {
  color: var(--color-white);
}

.layui-btn-gray {
  background-color: var(--color-gray-light) !important;
  color: var(--color-gray-darkest) !important;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item .t-icon:first-child {
  left: 15px;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-itemed > a {
  background: var(--color-main);
  color: var(--color-white) !important;
}

.layui-nav-tree.layui-bg-gray .layui-nav-bar {
  background-color: var(--color-main);
  color: var(--color-white) !important;
}

.layui-timeline-axis {
  color: var(--color-main);
}

.layui-transfer-active .layui-btn {
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.layui-code-tools > i:hover {
  color: var(--color-main);
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
  color: var(--color-main);
}

.layui-laydate-content td.laydate-day-now {
  color: var(--color-main);
}

.layui-laydate-content td.laydate-day-now:after {
  border: 1px solid var(--color-main);
}
.layui-laydate-footer span:hover {
  color: var(--color-main);
}
.layui-laydate-linkage .layui-laydate-content td.laydate-selected > div {
  background-color: var(--color-main-lightest);
}

.layui-laydate-linkage .laydate-selected:hover > div {
  background-color: var(--color-main-lightest) !important;
}

.layui-card-header {
  border-bottom: 1px solid var(--color-gray-light);
  font-size: 16px;
  font-weight: bold;
}
.layui-table-checked {
  background-color: var(--color-main-lightest);
}

.layui-table-checked.layui-table-click,
.layui-table-checked.layui-table-hover {
  background-color: var(--color-main-lightest);
}

.layui-badge-rim,
.layui-border,
.layui-colla-content,
.layui-colla-item,
.layui-collapse,
.layui-elem-field,
.layui-form-pane .layui-form-item[pane],
.layui-form-pane .layui-form-label,
.layui-input,
.layui-input-split,
.layui-panel,
.layui-quote-nm,
.layui-select,
.layui-tab-bar,
.layui-tab-card,
.layui-tab-title,
.layui-tab-title .layui-this:after,
.layui-textarea {
  border-color: var(--color-gray-light);
}

.layui-form-label {
  text-align: left;
}
.layui-form-select dl dd,
.layui-form-select dl dt {
  line-height: 28px;
}

.layui-form-select dl {
  padding: 6px;
  border-radius: 4px;
}

.layui-form-select dl dd {
  border-radius: 4px;
}

.layui-form-select {
  color: var(--color-gray-darkest);
}

.layui-form-select dl dd:hover {
  background-color: var(--color-gray-lighter);
}

.moreBtn .layui-btn + .layui-btn {
  margin-left: 0;
}

.layui-layer-tips .layui-layer-content {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.layui-input-wrap-vercode .layui-input {
  padding-right: 100px;
}

.layui-input-wrap-vercode .layui-input-suffix {
  width: 100px;
  pointer-events: initial;
}

.layui-input-wrap-vercode .layui-btn {
  cursor: pointer;
}
.layui-input-wrap_btn .layui-input {
  padding-right: 60px;
}
.layui-input-wrap_image {
}
.layui-input-wrap_image .layui-input-image {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 2px;
  left: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.layui-input-wrap_image input {
  padding-left: 38px;
}
.layui-input-wrap_image .layui-input-image .view {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color: var(--color-white);
  display: none;
  cursor: pointer;
}
.layui-input-wrap_image .layui-input-image:hover .view {
  display: block;
}
.layui-input-wrap_image .layui-input-image .view i {
  font-size: 16px;
}
.layui-input-wrap_image .layui-input-image img {
  width: 34px;
  height: 34px;
  object-fit: cover;
  object-position: center;
  vertical-align: top;
}
.table-search {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-gray);
  position: relative;
}
.table-search.label-80 .layui-form-label {
  width: 80px !important;
  overflow: hidden;
}

.table-search:after {
  content: "";
  display: table;
  clear: both;
}

.table-search .item {
  display: inline-block;
  line-height: 30px;
  margin-right: 12px;
  margin-top: 12px;
  vertical-align: middle;
}

.table-search .drop-item {
  display: none;
}

.table-search .form-items label {
}
.table-search.layui-form .layui-form-item {
  margin-top: -5px;
}
.table-search.layui-form .layui-form-item .layui-inline {
  margin-top: 5px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.table-search.layui-form .layui-form-item .layui-inline.layui-hide {
  display: none;
}
.table-search.layui-form .layui-form-item .layui-inline.layui-show {
  display: inline-block !important;
}
.table-search.layui-form .layui-form-item .layui-input-inline {
  margin-bottom: 0;
}

.table-search .layui-form-item .layui-inline .layui-input {
  height: 32px;
  line-height: 32px;
  width: 200px !important;
}
.table-search .layui-form-item .layui-input-inline {
  margin-bottom: 0;
}
.table-search .layui-input-suffix {
    height: 32px !important;
    line-height: 32px !important;
}
.table-search .form-items .layui-inline .layui-btn {
}

.table-search .form-items input {
  height: 32px;
  width: 160px;
}

.table-search .item .input {
  float: left;
}

.table-search .item .input input {
  height: 30px;
  width: 180px;
}

.layui-form-nobor .layui-input {
  border-color: transparent;
  background: var(--color-gray-lighter);
  height: 32px;
  line-height: 32px;
}

.layui-form-nobor .layui-textarea {
  border-color: transparent;
  background: var(--color-gray-lighter);
}

.layui-form-nobor .layui-input:hover {
  border-color: transparent !important;
  background: #ededed;
}

.layui-form-nobor .layui-textarea:hover {
  border-color: transparent !important;
  background: #ededed;
}

.layui-form-nobor .layui-input:focus {
  box-shadow: none;
  border-color: var(--color-main) !important;
}

.layui-form-nobor .layui-textarea:focus {
  box-shadow: none;
  border-color: var(--color-main) !important;
}

.table-search .form-items {
  position: relative;
  padding-right: 240px;
}

.table-search .form-btns {
  position: absolute;
  top: 12px;
  right: 0;
}

.page-path {
  padding: 10px 0 0 15px;
}

.page-path i {
  vertical-align: middle;
  font-size: 14px;
  color: var(--color-white);
}

.page-path a {
  color: var(--color-white);
}

.page-path i.t-icon-slash {
  margin: 0 5px;
  font-size: 12px;
}

.page-path a.now-path {
  color: var(--color-gray-darkest);
}

.table-search-down .drop-item {
  display: inline-block;
}

.table-search.table-search-down .item .lable {
  min-width: 60px;
  text-align: right;
}

.table-search .up-text,
.table-search .down-text {
  width: 48px;
}

.table-search .up-text {
  display: none;
}

.table-search.table-search-down .down-text {
  display: none;
}

.table-search.table-search-down .up-text {
  display: block;
}

.page-path .layui-btn {
  margin-left: 20px;
}

.layerForm-style {
  border-radius: 4px;
}

.layerForm {
  width: 600px;
  padding: 0 0 30px;
}

.layerForm .title {
  padding-bottom: 30px;
  font-size: 16px;
  overflow: hidden;
  padding: 15px;
  border-bottom: 1px solid var(--color-gray);
}

.layerForm .content {
  width: 500px;
  margin: 30px auto;
}

.layui-form-item-btns {
  text-align: center;
  margin-top: 30px;
}

.layerForm .layui-icon-close {
  font-size: 20px;
  cursor: pointer;
}

.layui-card-body .layui-form::after,
.layui-card-body::after {
  content: "";
  clear: both;
  display: table;
}
.layui-card-body {
  padding-top: 20px;
}

.layui-form .form-title {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-gray);
  font-size: 16px;
  font-weight: 600;
}

.layui-form .layui-form-item {
  width: 100%;
  float: left;
  margin-bottom: 0;
  font-size: 0;
}

.layui-form-item .layui-inline {
  margin-bottom: 10px;
  margin-right: 50px;
  font-size: 14px;
  position: relative;
  vertical-align: top;
}
.layui-form-item .layui-textarea {
  min-height: 50px;
}
.layui-form-item .layui-inline .input-help,
.layui-form-item .layui-inline .input-help-tips {
  position: absolute;
  right: -30px;
  top: 0;
  font-size: 16px;
  line-height: 38px;
  color: var(--color-gray-dark);
}
.layui-form-item .layui-inline .input-help:hover,
.layui-form-item .layui-inline .input-help-tips:hover {
  color: var(--color-gray-darkest);
}

.layui-form .layui-input[readonly] {
  cursor: pointer;
}

.layui-form .layui-input-suffix {
  line-height: 38px;
  color: var(--color-gray-master);
}
.layui-form .layui-input-suffix .layui-btn {
  width: auto;
}
.layui-input-wrap_btn .layui-input-suffix {
  width: 65px;
  line-height: 36px;
}

.layui-form .layui-input-wrap .layui-input-number .layui-icon-up {
  border: 0;
}

.layui-form .layui-input-suffix-pointer {
  cursor: pointer;
  pointer-events: initial;
}
.layui-form .layui-input-prefix {
  color: var(--color-gray-master);
}
.layui-form .layui-input-suffix .t-icon,
.layui-form .layui-input-prefix .t-icon {
  font-size: 18px;
}

.layui-form .layui-form-label {
  padding: 6px 30px;
  width: 100px;
  padding-right: 20px;
  line-height: 26px;
}
.table-search .layui-form-label {
  padding: 3px 10px 0 3px;
  width: auto;
}

.layui-form .layui-elem-field legend {
  font-size: 14px;
}
.layui-form .layui-input-block {
  margin-left: 120px;
}

.layui-form .layui-form-item .layui-input {
  height: 38px;
  line-height: 38px;
}

.layui-form .layui-form-item .layui-inline .layui-input {
  width: 300px;
  box-sizing: border-box;
}
.layui-form .layui-form-item .layui-input-inline {
  width: auto;
  float: inherit;
  margin-right: 0;
  margin-bottom: 10px;
}
.layui-form .layui-form-item[required] .layui-form-label,
.layui-form .layui-form-label[required] {
  position: relative;
}

.layui-form .layui-form-item.required .layui-form-label,
.layui-form .layui-form-label.required {
  position: relative;
}

.layui-form .layui-form-item[required] .layui-form-label:before,
.layui-form .layui-form-label[required]:before {
  position: absolute;
  left: -12px;
  top: 0;
  content: "*";
  color: var(--color-danger);
}

.layui-form .layui-form-item.required .layui-form-label:before,
.layui-form .layui-form-label.required:before {
  position: absolute;
  left: 20px;
  top: 0;
  content: "*";
  color: var(--color-danger);
  line-height: 38px;
}

.layui-form .layui-input-block-fix .layui-input {
  padding-right: 35px;
}

.layui-form .layui-form-item-full {
  width: 100%;
}

.layui-form .layui-input-block {
  margin-left: 0;
  line-height: 36px;
  min-height: inherit;
}

.layui-form .layui-input-suffix {
  height: 38px;
  bottom: 0;
  top: initial;
}
.layui-form .layui-form-item .layui-inline-textarea {
  width: 1300px;
}
.layui-form .layui-form-item .layui-inline-textarea textarea {
  width: inherit !important;
}
.layui-form .layui-form-select .layui-input-suffix {
  transition: all ease 0.3s;
}
.layui-form .layui-form-selected .layui-input-suffix {
  transform: rotate(180deg);
}

.layui-input-btns .layui-btn {
  margin-top: 6px;
}
@media screen and (max-width: 1456px) {
  .layui-form .layui-form-item .layui-inline-textarea {
    width: 800px;
  }
}
@media screen and (max-width: 996px) {
  .layui-form .layui-form-item .layui-inline-textarea {
    width: 300px;
  }
}
.ay-upload-list {
    *zoom: 1;
    overflow: hidden;
}
.ay-upload-list::after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.ay-upload-list.layui-input {
  border: none !important;
  line-height: inherit !important;
  height: inherit !important;
  padding-left: 0 !important;
}
.ay-upload-list .title {
  text-align: center;
}
.ay-upload-list .upload-btn {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
  border: 1px solid var(--color-gray);
  float: left;
  border-radius: 4px;
  box-sizing: border-box;
}

.ay-upload-list .upload-btn:hover {
  background: var(--color-gray-lighter);
}

.layui-form-nobor .ay-upload-list .upload-btn {
  border: none;
  background: var(--color-gray-lighter);
}

.layui-form-nobor .ay-upload-list .upload-btn:hover {
  background: var(--color-gray-light);
}

.ay-upload-list .upload-btn .t-icon {
  font-size: 30px;
  color: var(--color-gray);
}

.ay-upload-list .upload-img {
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  border: 1px solid var(--color-gray-light);
  box-sizing: border-box;
  border-radius: 4px;
}
.ay-upload-list .upload-img + .upload-img {
  margin-left: 15px;
}
.ay-upload-list .upload-img + .upload-btn {
  margin-left: 15px;
}
.ay-upload-list .upload-img img {
  width: 68px;
  height: 68px;
  object-fit: cover;
  object-position: center;
  position: relative;
}

.ay-upload-list .upload-img .layui-progress {
  position: absolute;
  bottom: 5px;
  left: 10%;
  z-index: 2;
  width: 80%;
}

.ay-upload-list .upload-img .icon {
  text-align: center;
  color: var(--color-white);
}

.ay-upload-list .upload-img .t-icon {
  display: inline-block;
  font-size: 16px;
}

.ay-upload-list .upload-img .view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: var(--color-white);
  display: none;
  text-align: center;
  line-height: 68px;
}

.ay-upload-list .upload-img-done:hover .view {
  display: block;
}

.ay-upload-list .upload-img .view span {
  margin: 0 5px;
}
.ay-upload-list .upload-img .view span.del {
  position: absolute;
  top: -9px;
  right: -9px;
  width: 18px;
  height: 18px;
  background: var(--color-danger);
  line-height: 18px;
  border-radius: 50%;
  margin: 0;
}
.ay-upload-list .upload-img .view .t-icon {
  font-size: 20px;
  cursor: pointer;
}
.ay-upload-list .upload-img .view span.del .t-icon {
  font-size: 16px;
}
.layui-table th {
  border: none;
  background: var(--color-gray-lighter);
  height: 30px;
  padding: 0 15px;
}

.ay-card-body-table .layui-table[lay-skin="line"] {
  border: none;
}

.ay-card-body-table .table-add-btn {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  border-radius: 6px;
  background: var(--color-white) fff;
  border: 1px dashed var(--color-gray-nomaler);
  text-align: center;
  -webkit-appearance: button;
  cursor: pointer;
  vertical-align: top;
  margin-top: 15px;
}

.ay-card-body-table .table-add-btn:hover {
  border: 1px dashed var(--color-main);
  color: var(--color-main);
}

.ay-card-body-table .table-add-btn span {
  vertical-align: top;
}

.ay-card-body-table {
  padding: 0 10px 15px;
}

.ay-card-body-table .layui-input {
  height: 32px;
  line-height: 32px;
  max-width: 300px;
}
.ay-card-body-table .layui-input-suffix {
  height: 28px;
  line-height: 28px;
  top: 2px;
  padding: 0 17px;
}
.ay-card-body-table .layui-input-suffix .layui-btn {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.ay-card-body-table .layui-input-inline {
  width: 100%;
  max-width: 300px;
}
.form-body-fixbtn {
}

.form-body-fixbtn .blank {
  height: 75px;
}

.form-body-fixbtn .btns {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid var(--color-gray-light);
  background: var(--color-white);
}

.form-body-fixbtn .layui-btn {
  height: 32px;
  line-height: 32px;
}

.ay-tree-page {
   height: 90%; 
  background: var(--color-white);
}

.ay-tree-page-left {
  width: 220px;
  position: absolute;
  top: 7px;
  left: 6px;
  bottom: 7px;
  overflow-x: auto;
  border-right: 1px solid var(--color-gray-nomaler);
  background: var(--color-gray-lighter);
}

.no-right-page .ay-tree-page-right {
}

.no-right-page .ay-tree-page-left {
  border-right: 0;
  width: 370px;
}

.ay-tree-page-split {
  position: absolute;
  width: 15px;
  top: 15px;
  left: 220px;
  background: var(--color-gray-light);
  color: var(--color-white);
  text-align: center;
  height: 15px;
  line-height: 15px;
  display: none;
}

.ay-tree-page:hover .ay-tree-page-split {
  display: block;
}

.ay-tree-page-split:hover {
  cursor: col-resize;
}

.ay-tree-page-right {
  margin-left: 235px;
}

.no-tree-page .ay-tree-page-right {
  margin-left: 0;
}

.layui-tree-txt {
  color: var(--color-gray-darkest);
}

.layui-tree-icon {
  border: 1px solid var(--color-gray-nomaler);
}

.layui-tree-icon .layui-icon {
  color: var(--color-gray-darkest);
}

.ay-tree-page .table-search .form-items {
  padding-right: 140px;
}

.ay-tree-page-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  text-align: right;
}

.ay-tree-page-bottom .layui-btn {
  height: 32px;
  line-height: 32px;
  margin-right: 15px;
  margin-left: 0;
}

.ay-tree-page .layui-table-header {
  background: var(--color-gray-lighter);
}

.layui-border-box .layui-tree-main {
  line-height: 20px;
  vertical-align: top;
}

/* ztree */
.ztree * {
  font-size: 14px;
}

.ztree li,
.ztree li a,
.ztree li span {
  line-height: 26px !important;
}

.ztree li a {
  height: 26px;
}

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

.ztree li span.button.center_docu {
  display: none;
}

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

.ztree li span.button.bottom_docu {
  display: none;
}

.ztree li a:hover {
  text-decoration: none;
}

.ztree li span.button.root_close,
.ztree li span.button.roots_close,
.ztree li span.button.center_close,
.ztree li span.button.bottom_close {
  transition: all ease 0.3s;
  background: url("../js/modules/ztree/css/ayStyle/ztree-icon-right.png");
}

.ztree li span.button.root_open,
.ztree li span.button.roots_open,
.ztree li span.button.center_open,
.ztree li span.button.bottom_open {
  transform: rotate(90deg);
  background: url("../js/modules/ztree/css/ayStyle/ztree-icon-right.png");
}

.ztree li ul {
  padding: 0 0 0 20px;
}

.ztree li ul.line {
  background: none !important;
}

.ztree li a.curSelectedNode {
  height: 26px;
  border: 0 !important;
  background: none !important;
  padding-top: 1px;
}

.ztree {
  padding: 10px;
}

.ztree li {
  position: relative;
  padding-left: 5px;
}

.ztree li span {
  margin-left: 5px;
}

.ztree ul > li * {
  position: relative;
  z-index: 1;
}

.ztree > li * {
  position: relative;
  z-index: 1;
}

.ztree li.active:after {
  content: "";
  background: var(--color-gray-lighter);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 26px;
}

.layui-input-block {
  min-height: 32px;
}

.layui-form-detail .layui-input-block {
  line-height: 32px;
}
.layui-input-radio {
  height: 38px;
  line-height: 38px;
  width: 300px;
}
.layui-input-radio .layui-form-checkbox[lay-skin="primary"] {
  margin-top: 0;
}
.layui-form-detail .layui-form-label {
  color: var(--color-gray-mastest);
}

.his-list {
  padding: 0 10px;
}

.his-list .li {
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}

.his-list .li::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 20px;
  left: 3px;
  background: var(--color-main);
}

.his-list .li:last-child::after {
  height: 0;
  width: 0;
}

.his-list .li .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-main);
  top: 8px;
  left: 0;
  position: absolute;
}

.his-list .li .con {
  float: left;
  padding-left: 15px;
}

.his-list .li .con .title {
  font-size: 14px;
  line-height: 28px;
  color: var(--color-base-darker);
}

.his-list .li .desc {
  color: var(--color-gray-master);
  font-size: 13px;
  line-height: 28px;
}

.his-list .li .text {
  color: var(--color-gray-master);
  font-size: 13px;
}
.progress-list {
  padding: 10px;
  overflow: hidden;
}
.progress-list .li {
  position: relative;
  margin-right: 5px;
  height: 48px;
  float: left;
}
.progress-list .li .dot {
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  border: 1px solid var(--color-gray-nomaler);
  color: var(--color-gray-darker);
  top: 2px;
  left: 0;
  position: absolute;
  text-align: center;
}
.progress-list .li.inprogress .dot {
  background: var(--color-main);
  color: var(--color-white);
  border: 1px solid var(--color-main);
}
.progress-list .li.success .dot {
  background: transparent;
  color: var(--color-success);
  border: 1px solid var(--color-success);
}
.progress-list .li.fail .dot {
  background: transparent;
  color: var(--color-danger);
  border: 1px solid var(--color-danger);
}
.progress-list .li .con {
  position: relative;
  padding-left: 25px;
}
.progress-list .li .title {
  font-size: 14px;
  color: var(--color-gray-darker);
}
.progress-list .li.inprogress .title {
  color: var(--color-main);
}
.progress-list .li.success .title,
.progress-list .li.fail .title {
  color: var(--color-base-darker);
}

.progress-list .li .title .line {
  width: 120px;
  display: inline-block;
  height: 1px;
  background: var(--color-gray-nomaler);
  vertical-align: middle;
  margin-top: -1px;
}
.progress-list .li:last-child .title .line {
  display: none;
}
.progress-list .li .desc {
  color: var(--color-gray-darker);
  font-size: 12px;
  height: 24px;
}
.top-btns {
  position: relative;
  height: 44px;
}

.top-btns .btns {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  padding: 10px 15px;
  width: 100%;
  background: var(--color-white);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.layadmin-pagetabs .layui-tab .layui-tab-title li {
  line-height: 24px;
  height: 24px;
}

.layadmin-pagetabs {
  height: 34px;
  line-height: 34px;
}
.layui-layout-admin .layui-body {
  top: 84px;
}

.layui-btn:hover {
  color: var(--color-gray-darkest);
}
.layui-btn-primary {
  background: 0 0;
}

.layui-btn-xs.layui-btn-nobg {
  font-size: 14px;
}
.layui-table-cell .layui-btn-xs.layui-btn-nobg + .layui-btn-xs.layui-btn-nobg {
  margin-left: 15px;
}
.layui-table[lay-size="sm"] .layui-btn-xs.layui-btn-nobg {
  font-size: 12px;
}
.layui-btn-nopad {
  padding: 0;
}
.layui-btn-nopad:hover {
  background: none !important;
  opacity: 0.8;
}
.layui-table .layui-btn-nopad:hover {
  text-decoration: underline;
}
.layui-table .layui-btn-nopad[lay-event="more"]:hover {
  text-decoration: none;
}
.layui-table .text-link {
  color: var(--color-main);
}
.layui-table .text-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.layui-layer-btn .layui-layer-btn0 {
  background-color: var(--color-main);
}

.layui-layer-btn .layui-layer-btn1 {
  background: var(--color-gray-light);
  border: none;
}
.layui-btn .t-icon[class*="t-icon-"],
.layui-btn i[class*="t-icon-"],
.layui-btn i[class*="layui-icon-"] {
  vertical-align: bottom;
  margin-right: 2px;
}

.layui-form-radio {
  margin-top: 0;
}
.layui-form-radio:hover > *,
.layui-form-radioed,
.layui-form-radioed > i {
  color: var(--color-main);
}
.layui-table-tool .layui-btn {
  margin-right: 10px;
}
.layui-btn.layui-btn-table-header {
  background: none !important;
  color: var(--color-main) !important;
}
.layui-btn.layui-btn-table-header:hover {
  background: var(--color-gray-light) !important;
  color: var(--color-base-darker) !important;
}
.layui-laydate-preview {
  color: rgb(119, 119, 119) !important;
}
.layui-input-suffix .layui-icon.layui-colorpicker-trigger-i {
  color: var(--color-white);
}
.layui-colorpicker-btn {
  margin: 0 !important;
  position: absolute !important;
  top: 0;
  right: 0;
}
.layui-colorpicker-trigger-span {
  color: var(--color-white);
}
.layui-colorpicker-btn .layui-colorpicker {
  border: 0;
  height: 30px;
  width: 42px;
  padding: 4px;
  box-sizing: inherit;
  vertical-align: top;
  line-height: 30px;
}
.layui-colorpicker-main-input .layui-btn-container .layui-btn {
  font-size: 12px;
}
.layui-upload-drag {
  display: block;
}
.layui-upload-drag .layui-icon,
.layui-upload-drag .t-icon {
  color: var(--color-main);
  line-height: 1.5;
  font-size: 32px;
}
.layui-btn .layui-icon,
.layui-btn .t-icon {
  padding: 0;
}
.doc-page {
  padding: 15px;
  max-width: 1200px;
  margin: 0 auto;
}

.doc-page h1 {
}
.doc-page h3 {
  margin-top: 30px;
}
.doc-page code {
  font-family: Courier New;
}

.doc-page code:not(.layui-code, .layui-code-wrap) {
  margin: 0 3px;
  padding: 3px 6px;
  background-color: var(--color-gray-lighter);
  border-radius: 2px;
  transition: all 0.3s;
}

.doc-page .icons-list {
  overflow: hidden;
}
.doc-page .icons-list .icon {
  width: 10%;
  float: left;
  text-align: center;
  margin: 15px 0;
}
.doc-page .icons-list .icon p {
  font-size: 12px;
  margin-top: 0;
  height: 30px;
  line-height: 1.2;
}
.doc-page .icons-list .icon .t-icon {
  font-size: 24px;
}
.doc-page .doc-color .color-item {
  padding: 20px 10px;
  color: var(--color-white);
  text-align: center;
  line-height: 1.6;
  font-size: 14px;
}

.doc-page .doc-color > div p {
  margin: 0;
}
.doc-page .doc-necolor > div div {
  color: var(--color-danger);
}

.drop-icon {
  height: 200px;
  overflow-y: scroll;
  padding: 10px 0;
}
.drop-icon .icon {
  float: left;
  width: 20%;
  text-align: center;
  margin: 10px 0;
  cursor: pointer;
}
.drop-icon .icon i {
  font-size: 20px;
}
.drop-icon .icon p {
  font-size: 12px;
  color: var(--color-white);
}
.drop-icon .icon:hover,
.drop-icon .icon:hover p {
  color: var(--color-main);
}
.drop-icon::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.drop-icon::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: #e5e5e5;
  border-radius: 11px;
}

.drop-icon::-webkit-scrollbar-thumb:vertical:hover,
.drop-icon::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #e9e9e9;
}
.checkbox-readonly .layui-checkbox-disabled > div {
  color: #5f5f5f !important;
}
.checkbox-readonly .layui-form-checked.layui-checkbox-disabled[lay-skin="primary"] > i {
  border-color: var(--color-main) !important;
  background: var(--color-main) !important;
}
.layer-form.layui-card {
  box-shadow: 0 0 0 0 !important;
}
.layer-form .ay-center .layui-btn + .layui-btn {
  margin-left: 20px;
}
.layui-tips {
  background: var(--color-gray-lighter);
  position: relative;
  padding: 20px;
  border: 1px dotted var(--color-danger-light);
}
.layui-tips-icon {
  position: absolute;
  top: 20px;
  left: 20px;
}
.layui-tips-icon .layui-icon,
.layui-tips-icon .t-icon {
  color: var(--color-main);
  font-size: 22px;
}
.layui-tips-main {
}
.layui-tips-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8;
}
.layui-tips-content {
  font-size: 14px;
  color: var(--color-gray-mastest);
}
.layer-form .ay-center .layui-btn + .layui-btn {
  margin-left: 20px;
}

.ay-tree-page-left.float-none {
  float: none !important;
  width: calc(100vw - 10px);
  height: 506px;
}
.ay-tree-page-right.float-none {
  height: 506px;
}
.layui-btn.layui-bg-blue2 {
  background: var(--color-main-light);
  color: var(--color-white);
}
.layui-table-tool .layui-btn-container .layui-btn i {
  font-size: 14px;
  margin-right: 4px;
  vertical-align: middle;
}
.layui-table-tool .layui-btn-container .layui-btn {
  color: var(--color-main);
  background: var(--color-main-lightest);
}
.layui-table-tool .layui-btn-container .layui-btn:hover {
  background: var(--color-main-lighter);
  border-color: var(--color-main-lighter);
}
.layui-table-tool .layui-btn-container .layui-btn.layui-btn-red {
  color: var(--color-danger);
  background: var(--color-danger-lightest);
}
.layui-table-tool .layui-btn-container .layui-btn.layui-btn-red:hover {
  background: var(--color-danger-lighter);
  border-color: var(--color-danger-lighter);
}
.checkbox-cardlist .layui-form-checkbox {
  width: 100%;
}

.checkbox-cardlist .layui-form-checkbox .checkcard-img {
  margin: 10px 0;
}

.checkbox-cardlist .layui-form-checkbox .checkcard-img img {
  width: 100%;
}

.checkbox-cardlist .layui-form-checkbox > .lay-skin-checkcard,
.checkbox-cardlist .layui-form-radio > .lay-skin-checkcard {
  display: table;
  display: flex;
  padding: 12px;
  white-space: normal;
  border-radius: 10px;
  border: 1px solid var(--color-gray);
  color: var(--color-gray-darkest);
  background-color: var(--color-white);
}

.checkbox-cardlist .layui-form-checkbox > .lay-skin-checkcard > *,
.checkbox-cardlist .layui-form-radio > .lay-skin-checkcard > * {
  vertical-align: top;
}

.checkbox-cardlist .layui-form-checkbox:hover > .lay-skin-checkcard,
.layui-form-radio:hover > .lay-skin-checkcard {
  border-color: var(--color-main);
}

.checkbox-cardlist .layui-form-checked > .lay-skin-checkcard,
.checkbox-cardlist .layui-form-radioed[lay-skin="none"] > .lay-skin-checkcard {
  color: var(--color-main);
  border-color: var(--color-main);
  background-color: var(--color-main-lightest) !important;
}

.checkbox-cardlist .layui-checkbox-disabled > .lay-skin-checkcard,
.checkbox-cardlist .layui-radio-disabled > .lay-skin-checkcard {
  box-shadow: none;
  border-color: var(--color-gray) !important;
  background-color: var(--color-gray-light) !important;
}

.checkbox-cardlist .lay-skin-checkcard-avatar {
  padding-right: 8px;
}

.checkbox-cardlist .lay-skin-checkcard-detail {
  overflow: hidden;
  width: 100%;
}

.checkbox-cardlist .lay-skin-checkcard-header {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  margin-bottom: 4px;
}

.checkbox-cardlist .lay-skin-checkcard-description {
  font-size: 13px;
  color: var(--color-gray-nomal);
}

.checkbox-cardlist .layui-disabled .lay-skin-checkcard-description {
  color: var(--color-gray-darker) !important;
}
.checkbox-cardlist .layui-form-checkbox .lay-check-dot,
.checkbox-cardlist .layui-form-checkbox .lay-check-dot {
  display: none;
}
.lay-skin-checkcard {
  position: relative;
}
.checkbox-cardlist .layui-form-checkbox.layui-form-checked .lay-check-dot,
.checkbox-cardlist .layui-form-checkbox.layui-form-radioed .lay-check-dot {
  display: block !important;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  height: 10px;
}
.checkbox-cardlist .layui-form-checked .lay-check-dot i,
.checkbox-cardlist .layui-form-radioed .lay-check-dot i {
  font-size: 12px;
  color: var(--color-white);
  z-index: 10;
}
.checkbox-cardlist .layui-form-checked .lay-check-dot:after,
.checkbox-cardlist .layui-form-radioed .lay-check-dot:after {
  content: "";
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  border-width: 10px;
  border-style: dashed;
  border-color: transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 6px;
  border-top-color: var(--color-main);
  border-top-style: solid;
  border-right-color: var(--color-main);
  border-right-style: solid;
  overflow: hidden;
  z-index: -1;
}

.checkbox-cardlist .layui-checkbox-disabled .lay-check-dot:after,
.checkbox-cardlist .layui-radio-disabled .lay-check-dot:after {
  border-top-color: var(--color-gray-dark);
  border-right-color: var(--color-gray-dark);
}
.top-btns .layui-btn {
  border-radius: 4px;
}
.top-btns .layui-btn[lay-filter="submitBtn"] {
  background-color: var(--color-main) !important;
  color: var(--color-white) !important;
}
.top-btns .layui-btn[lay-filter="storageBtn"] {
  background: var(--color-main-light) !important;
  color: var(--color-white) !important;
}
.top-btns .layui-btn[lay-filter="cancelBtn"] {
  background: var(--color-gray) !important;
  color: var(--color-gray-master) !important;
}

.layui-detail .layui-input-inline .text,
.layui-detail .layui-input-inline .area-text {
  font-size: 14px;
  line-height: 38px;
  background: var(--color-gray-lighter);
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 4px;
}
.layui-detail .layui-form-item .layui-inline {
  vertical-align: top;
  width: auto;
  margin-bottom: 20px;
}
.layui-detail .layui-form-item .layui-form-label {
  color: var(--color-main);
}
.layui-detail .ay-upload-list .upload-img,
.ay-upload-list .upload-img .view {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
.layui-detail .ay-upload-list .upload-img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}