.layuimini-container {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    background-color: #ffffff
}

.layuimini-main {
    margin: 10px 10px 10px 10px;
}

/**必填红点 */
.layuimini-form > .layui-form-item > .required:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 4px;
    font-weight: bold;
    line-height: 1.8em;
    top: 6px;
    right: 5px;
}

.layuimini-form > .layui-form-item > .layui-form-label {
    width: 120px !important;
}

.layuimini-form > .layui-form-item > .layui-input-block {
    margin-left: 150px !important;
}

.layuimini-form > .layui-form-item > .layui-input-block > .tip {
    display: inline-block;
    margin-top: 10px;
    line-height: 10px;
    font-size: 10px;
    color: #a29c9c;
}

/**自定义滚动条样式 */
.scroll-y {
    overflow-y: auto;
}

::-webkit-scrollbar,
.scroll-show::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    display: inline-block;
}

::-webkit-scrollbar-track,
.scroll-show::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb,
.scroll-show::-webkit-scrollbar-thumb {
    background-color: #cdcecc;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.iframe-main.iframe-main-form {
    background-color: #ffffff;
}
.iframe-main.has-nav {
    padding-top: 50px;
}
.iframe-main.has-sub {
    padding-bottom: 80px;
}

/*region 编辑页*/
.modify-body {
    padding: 10px 10px 0 10px;
    font-size: 12px;
    height: calc(100% - 10px);
}
.modify-scroll {
    overflow-y: auto;
    padding: 20px 0;
    height: calc(100% - 60px);
    font-size: 12px;
}

/*endregion*/

/*region tab页面右上角关闭tab按钮*/
#body-right-close-tab-btn {
  position: fixed;
  z-index: 99999999;
  top: 10px;
  right: 16px;
  width: 30px;
  height: 30px;
  border: 1px solid #bbb;
  border-radius: 100%;
}
#body-right-close-tab-btn:hover {
  border-color: red;
}
#body-right-close-tab-btn:hover i {
  color: red;
}
/*endregion*/

[v-cloak] {
    display: none !important;
}
* {
    outline: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    word-break: break-all;
    vertical-align: middle;
}
html, body {
    color: #666666;
    font-size: 12px;
    margin: 0;
    height: 100%;
    font-family: Microsoft YaHei;
}
a, button {
    cursor: pointer;
    outline: none;
}
.pointer {
    cursor: pointer;
}
/*region 间隔*/
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt-5 {
    margin-top: 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.pt-10 {
    padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pl-10 {
    padding-left: 10px;
}
.pr-10 {
    padding-right: 10px;
}
.padding-10 {
  padding: 10px;
}
/*endregion*/

.width-50 {
  width: 50px;
}
.width-100 {
    width: 100px;
}
.width-250 {
    width: 250px;
}
.width-320 {
    width: 320px;
}

/*region 字体大小*/
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.font-28 {
    font-size: 28px;
}
.font-bold {
    font-weight: bold;
}
/*endregion*/

/*region 颜色*/
.color-primary {
    color: var(--main-color);
}
.color-red {
    color: #FC1A1A;
}
.color-gray,
.color-tip {
  color: #999999;
}
.color-666 {
  color: #666666;
}
.color-black {
  color: #333333;
}
.color-orange {
    color: #FFB102;
}
.color-orange2 {
    color: #DAA520;
}
.color-green {
    color: #4EA959;
}
.color-link,
.color-hover-primary:hover
.color-link:hover {
  color: var(--main-color);
}
.color-link:hover {
  text-decoration: underline;
}
.hover-red:hover {
  color: red;
}
.bg-white {
  background-color: #ffffff;
}
.bg-gray {
  background-color: #FAFAFA;
}
.bg-pick-1 {
  background-color: rgb(255,251,251);
}
/*endregion*/

/*region fepoint*/
[class*='fepoint-'] {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: transparent;
}
[class*='fepoint-'].small {
  width: 10px;
  height: 10px;
}
.fepoint-default {
    background-color: #1A8FFC;
}
.fepoint-red {
    background-color: #FC1A1A;
}
.fepoint-green {
    background-color: #24bb16;
}
.fepoint-orange {
    background-color: #F09711;
}
/*endregion*/

/*region flex布局*/
.flex-left {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.flex-right {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.flex-between {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.flex-row {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-1 {
  flex: 1;
}
.flex-warp {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/*endregion*/

.display-align {
    display: inline-block;
    vertical-align: middle;
}
.text-center {
  text-align: center;
}
.border-solid {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
.border-dashed {
  border: 1px dashed #B6B6B6;
  border-radius: 5px;
}
.border-dashed-b {
  border-bottom: 1px dashed #B6B6B6;
}
.border-dashed-t {
  border-top: 1px dashed #B6B6B6;
}
.border-b {
  border-bottom: 10px solid #F6F6F6;
}
.border-t1 {
  border-top: 1px solid #F6F6F6;
}
.border-b1 {
  border-bottom: 1px solid #F6F6F6;
}
.border-b1-eee {
  border-bottom: 1px solid #EEEEEE;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
  z-index: 1;
}
.position-fixed {
  position: fixed;
  z-index: 1;
}
.fixed-top {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}

/*region 文字显示行数*/
.line-one {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-two {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: inherit;
}

.line-three {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: inherit;
}
/*endregion*/

/*region icon*/
.feicon-grey-bg {
  color: #ffffff;
  background: #a4adb3;
  border-radius: 2px;
  padding: 2px;
  display: inline-block;
  vertical-align: middle;
  font-size: 8px;
  font-style: normal;
  line-height: 1;
}
.feimg-grey-xiao {
    color: #ffffff;
    background: #a4adb3 url("/layuimini/images/icon_img/xiao.png") center center no-repeat;
    background-size: 8px auto;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.feimg-grey-duo {
    color: #ffffff;
    background: #a4adb3 url("/layuimini/images/icon_img/duo.png") center center no-repeat;
    background-size: 8px auto;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.feimg-grey-chang {
    color: #ffffff;
    background: #a4adb3 url("/layuimini/images/icon_img/chang.png") center center no-repeat;
    background-size: 8px auto;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
.feimg-grey-shou {
    color: #ffffff;
    background: #a4adb3 url("/layuimini/images/icon_img/shou.png") center center no-repeat;
    background-size: 8px auto;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
[class*='feimg-'] {
    display: inline-block;
    vertical-align: middle;
}

[class*='feimg-annex'] {
    width: 19px;
    height: 22px;
}
.feimg-annex-img {
    background: url("/layuimini/images/icon_img/annex/annex_img.png")center center no-repeat;
    background-size: 100% auto;
}
.feimg-annex-other {
    background: url("/layuimini/images/icon_img/annex/annex_other.png")center center no-repeat;
    background-size: 19px 22px;
}
.feimg-annex-pdf {
    background: url("/layuimini/images/icon_img/annex/annex_pdf.png")center center no-repeat;
    background-size: 19px 22px;
}
.feimg-annex-rar {
    background: url("/layuimini/images/icon_img/annex/annex_rar.png")center center no-repeat;
    background-size: 19px 22px;
}
.feimg-annex-txt {
    background: url("/layuimini/images/icon_img/annex/annex_txt.png")center center no-repeat;
    background-size: 19px 22px;
}
.feimg-annex-doc {
    background: url("/layuimini/images/icon_img/annex/annex_doc.png")center center no-repeat;
    background-size: 19px 22px;
}
.feimg-annex-xls {
    background: url("/layuimini/images/icon_img/annex/annex_xls.png")center center no-repeat;
    background-size: 19px 22px;
}
.feimg-hide-text {
    width: 80px;
    height: 80px;
    background: url("/layuimini/images/icon_img/hide/hide_text.png")center center no-repeat;
    background-size: 80px auto;
}
.feimg-building-blue {
    width: 33px;
    height: 33px;
    background: url("/layuimini/images/building/blue.png")center center no-repeat;
    background-size: 33px auto;
}
.feimg-clear-gray {
  width: 15px;
  height: 15px;
  background: url("/layuimini/images/clear/clear_gray.png")center center no-repeat;
  background-size: 12px auto;
}
.feimg-classify-grey {
  width: 16px;
  height: 16px;
  background: url("../images/classify/grey.png")center center no-repeat;
  background-size: 16px auto;
}
.feimg-vip-orange {
  width: 16px;
  height: 16px;
  background: url("/layuimini/images/company/vip/vip_orange.png")center center no-repeat;
  background-size: 14px auto;
}
.feimg-fun-blue {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/company/vip/fun_blue.png")center center no-repeat;
  background-size: 20px auto;
}
.feimg-phone-blue {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/phone/phone_1.png")center center no-repeat;
  background-size: 20px auto;
}
.feimg-wx-2 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/wx/wx_2.png")center center no-repeat;
  background-size: 20px auto;
}
.feimg-qq-1 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/qq/qq_1.jpg")center center no-repeat;
  background-size: 20px auto;
}
.feimg-pending-icon-1 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_1.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-pending-icon-2 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_2.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-pending-icon-3 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_3.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-pending-icon-4 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_4.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-pending-icon-5 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_5.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-pending-icon-6 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_6.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-pending-icon-7 {
  width: 22px;
  height: 22px;
  background: url("/layuimini/images/main/pending_icon_7.png")center center no-repeat;
  background-size: 21px auto;
}
.feimg-data-orange {
  width: 16px;
  height: 16px;
  background: url("/layuimini/images/company/vip/data_orange.png")center center no-repeat;
  background-size: 16px auto;
}
.feimg-cloud-orange {
  width: 16px;
  height: 16px;
  background: url("/layuimini/images/company/vip/cloud_orange.png")center center no-repeat;
  background-size: 17px auto;
}
.feimg-book-orange {
  width: 16px;
  height: 16px;
  background: url("/layuimini/images/company/vip/book_orange.png")center center no-repeat;
  background-size: 15px auto;
}
.feimg-tip-orange {
  width: 20px;
  height: 20px;
  background: url("/layuimini/images/company/vip/tip_orange.png")center center no-repeat;
  background-size: 20px auto;
}
.img-icon-box {
  position: relative;
}
.img-icon-box .el-image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 0;
}
.el-icon-question {
    color: #bbbbbb;
    margin: 0 4px;
    font-size: 14px;
}
.refresh-icon-gray {
    margin: 0 4px;
    background-color: #bbbbbb;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    color: #ffffff;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
}
.refresh-icon-gray:hover {
    background-color: var(--main-color);
}
.ticon-red {
    background-color: red;
    border-radius: 4px;
    color: #ffffff;
    padding: 1px;
    min-width: 20px;
    height: 20px;
    line-height: 19px;
    font-style: normal;
    display: inline-block;
    text-align: center;
}
.ticon-red.mini {
  min-width: 16px;
  height: 16px;
  line-height: 14px;
  font-size: 10px;
}
.ticon-green {
    background-color: #4EA959;
    border-radius: 4px;
    color: #ffffff;
    padding: 1px;
    min-width: 20px;
    height: 20px;
    line-height: 19px;
    font-style: normal;
    display: inline-block;
    text-align: center;
}
.el-icon-arrow.circle {
    border: 1px solid #666666;
    border-radius: 100%;
    color: #666666;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 12px;
    font-size: 11px;
}


/*减号方框图标*/
.diyicon-minus {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 2px solid #999999;
    position: relative;
    background-color: #ffffff;
}
.diyicon-minus:after {
    width: 14px;
    height: 2px;
    display: inline-block;
    content: '';
    top: calc(50% - 1px);
    left: calc(50% - 7px);
    z-index: 1;
    position: absolute;
    background-color: #999999;
}
.diyicon-minus:hover {
    border-color: red;
}
.diyicon-minus:hover:after {
    background-color: red;
}
/*endregion*/

/*region 删除*/
.del-hover {
    position: relative;
}
.del-hover .el-icon-error {
    position: absolute;
    z-index: 9;
    display: none;
    right: -8px;
    top: -8px;
    cursor: pointer;
    color: rgba(0,0,0,0.6);
    background-color: #FFFFff;
    font-size: 19px;
    border-radius: 100%;
}

.del-hover .el-icon-error:hover {
    color: rgba(255, 0, 0, 0.71);
}
.del-hover:hover .el-icon-error,
.del-hover .el-icon-error.show {
    display: inline-block;
}
/*endregion*/

/*region 按钮*/
[class*='febtn-'] {
    padding: 0 10px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    color: #333333;
    overflow: hidden;
}

[class*='febtn-'].flex {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
[class*='febtn-'].flex span,
[class*='febtn-'].flex font {
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
}
[class*='febtn-'].btn-mini-0 {
    height: 24px;
    line-height: 23px;
}
[class*='febtn-'].btn-mini {
    height: 28px;
    line-height: 27px;
}

[class*='febtn-'].btn-s {
    height: 32px;
    line-height: 30px;
}

[class*='febtn-'].btn-m {
    height: 36px;
    line-height: 33px;
}

[class*='febtn-'].btn-40 {
    height: 40px;
    line-height: 37px;
}
[class*='febtn-'] i {
    vertical-align: middle;
    margin: 0 3px;
    font-size: 12px;
}
[class*='febtn-'] font {
    display: inline-block;
    vertical-align: middle;
}
[class*='febtn-'] span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
[class*='febtn-'].width-100 {
    width: 100px;
}
.febtn-primary {
    background-color: var(--main-color);
    color: #ffffff;
}
.febtn-primary:hover {
    color: #ffffff;
    opacity: .7;
}

.febtn-plain {
    background-color: #ffffff;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}
.febtn-plain i.feicon-add {
    font-size: 13px;
}
.febtn-plain.has-arrow {
    position: relative;
}
.febtn-plain.has-arrow:after {
    position: absolute;
    z-index: 1;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color:  var(--main-color) transparent transparent;
    border-radius: 2px;
    right: 10px;
    top: 12px;
}
.fe-nav .fe-nav-item.febtn-plain {
    color: var(--main-color);
    padding-right: 0;
}
.fe-nav .fe-nav-item.has-arrow {
    padding-right: 30px;
}
.febtn-plain:hover {
    color: var(--main-color);
}
.febtn-plain.plain-black,
.fe-nav .fe-nav-item.febtn-plain {
    background: #F4F4F4;
    padding-right: 0;
}
.febtn-plain.plain-black,
.febtn-plain.plain-black:hover,
.fe-nav .fe-nav-item.febtn-plain.plain-black {
    color: #333333;
}
.febtn-plain.plain-black.has-arrow:after {
    border-color:  #333333 transparent transparent;
}
.febtn-plain-dashed {
    background-color: #ffffff;
    color: var(--main-color);
    border: 1px dashed var(--main-color);
}
.febtn-white {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #bbbbbb;
}
.febtn-white2 {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #E9E9E9;
}
.febtn-white-gray {
    background-color: #ffffff;
    color: #999;
    border: 1px solid #E9E9E9;
}
.febtn-white:hover,
.febtn-white2:hover,
.febtn-white-gray:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}
.febtn-grey {
    color: rgba(102, 102, 102, 1);
    background-color: #EEEEEE;
    border-radius: 4px;
    border-color: #EEEEEE;
}
.febtn-grey2 {
    color: #666666;
    background-color: #DDDDDD;
    border-radius: 4px;
    border-color: #DDDDDD;
}
/*febtn-grey3不是按钮，是状态值，鼠标悬浮不变色*/
.febtn-grey3 {
    color: #333333;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}
.febtn-red {
    color: #FFFFff;
    background-color: rgb(225, 99, 99);
    border-color: rgb(225, 99, 99);
}
.febtn-red2 {
    color: #FFFFff;
    background-color: #E92020;
    border-color: #E92020;
}
.febtn-red2:hover {
  color: #FFFFff;
}
.febtn-red-white {
    color: #E92020;
    background-color: #FFFFff;
    border-color: #E92020;
}
.febtn-yellow {
    color: #FFFFff;
    background-color: rgb(232, 173, 40);
    border-color: rgb(232, 173, 40);
}

.febtn-popper {
    position: relative;
    width: initial;
    min-width: initial;
    padding: 0;
}
.febtn-popper span {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: -1px;
}
.febtn-popper .popper-content {
    position: absolute;
    z-index: 1;
    right: -21px;
    background-color: #EFF4FF;
    padding: 0 10px;
    display: none;
    width: 120px;
}
.febtn-popper:hover .popper-content {
    display: inline-block;
}
.febtn-popper:hover .popper-content .popper-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    color: var(--main-color);
}
.febtn-popper:hover .popper-content .popper-item:hover {
    text-decoration: underline;
}


.el-button--text {
    color: var(--main-color);
}
.el-button.is-plain:focus,
.el-button.is-plain:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}
.el-button--primary, .el-button--primary:focus {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
.el-button:focus,
.el-button:hover {
  color: var(--main-color);
  border-color: var(--main-color-opacity05);
  background-color: var(--main-color-opacity01);
}
/*endregion*/

/*region checkbox*/
/*region 自定义 diy-checkbox*/
.diy-checkbox {
    cursor: pointer;
    display: inline-block;
    line-height: 12px;
    margin-top: -1px;
}

.diy-checkbox .checkbox,
.diy-checkbox input[type=checkbox] {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #C0C0C0;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding: 0;
    border-radius: 2px;
    position: relative;
}
.diy-checkbox .checkbox.active:after,
.diy-checkbox input[type=checkbox]:checked:after {
    position: absolute;
    z-index: 1;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transform: rotate(135deg);
    width: 7px;
    height: 3px;
    content: '';
    top: 3px;
    left: 3px;
}

.diy-checkbox .checkbox.active,
.diy-checkbox input[type=checkbox]:checked {
    background-color: var(--main-color);
    border: none;
}
.diy-checkbox input[type=checkbox]:checked:disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .2;
}
.diy-checkbox input[type=checkbox]:disabled {
    cursor: no-drop;
    background-color: #F0F0F0;
}

.diy-checkbox font {
    vertical-align: middle;
    display: inline-block;
    color: #666666;
    font-size: 12px;
    padding-left: 2px;
}

.diy-checkbox.checkbox-indeterminate input[type=checkbox] {
    background: var(--main-color);
    border-color: var(--main-color);
    position: relative;
}
.diy-checkbox.checkbox-indeterminate input[type=checkbox]:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 6px;
}
/*endregion*/

/*region el-checkbox*/
.checkbox-group .el-checkbox {
    display: inline-block;
    margin: 8px 5px 8px 0;
}
.el-checkbox {
    vertical-align: middle;
    margin-right: 5px;
}
.el-checkbox .el-checkbox__inner {
    border-radius: 2px;
    border: 1px solid #C0C0C0;
    vertical-align: middle;
}
.el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: var(--main-color);
}
.el-checkbox .el-checkbox__label {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 15px;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
    color: #666!important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: #D0D0D0;
    border-color: #D0D0D0;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #FFFFff;
}
.el-checkbox-nogap {
    margin-right: 0;
}
.el-checkbox-nogap .el-checkbox__label {
    padding-right: 0;
}
.el-checkbox.no-mr,
.el-checkbox.no-mr .el-checkbox__label {
    margin-right: 0;
}
.el-checkbox.no-padding .el-checkbox__label {
  padding-right: 0;
}
/*endregion*/

/*region el-checkbox 带有边框、右下角勾选*/
.el-checkbox-button-v2 {
  display: inline-block;
}
.el-checkbox-button-v2 .el-checkbox {
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  height: 33px;
}

.el-checkbox-button-v2 .el-checkbox:before {
  position: absolute;
  z-index: 1;
  content: '';
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: #fff #EEEEEE #EEEEEE #fff;
}
.el-checkbox-button-v2 .el-checkbox:after {
  position: absolute;
  z-index: 2;
  content: '';
  bottom: 2px;
  right: 3px;
  width: 2px;
  height: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: transparent #fff #fff transparent;
  transform: rotate(45deg);
}
.el-checkbox-button-v2 .el-checkbox:hover {
  border: 1px solid var(--main-color);
}
.el-checkbox-button-v2 .el-checkbox .el-checkbox__input {
  display: none;
}
.el-checkbox-button-v2 .el-checkbox .el-checkbox__label {
  padding: 0 12px;
  position: relative;
  z-index: 3;
  line-height: 1;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  align-items: center;
  justify-content: center;
}
.el-checkbox-button-v2 .el-checkbox.is-checked {
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
.el-checkbox-button-v2 .el-checkbox.is-checked:before {
  border-color: #fff var(--main-color) var(--main-color) #fff;
}
.el-checkbox-button-v2 .el-checkbox.is-checked .el-checkbox__input.is-checked+.el-checkbox__label {
  color: var(--main-color)!important;
}
.el-checkbox-button-v2.el-checkbox-group .el-checkbox {
  margin: 6px 12px 6px 0;
}
.el-checkbox-button-v2.small .el-checkbox {
  height: 30px;
}
.el-checkbox-button-v2.small .el-checkbox__label {
  height: 30px;
  padding: 0 7px;
}
.el-checkbox-button-v2.small .el-checkbox:before {
  border-width: 6px;
}
.el-checkbox-button-v2.small .el-checkbox:after {
  bottom: 1px;
  right: 1px;
  height: 4px;
}
/*选中后 红色框样式*/
.el-checkbox-button-v2.red .el-checkbox:hover {
  border: 1px solid #E92020;
}
.el-checkbox-button-v2.red .el-checkbox.is-checked {
  border: 1px solid #E92020;
  color: #E92020;
}
.el-checkbox-button-v2.red .el-checkbox.is-checked .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #E92020!important;
}
.el-checkbox-button-v2.red .el-checkbox.is-checked:before {
  border-color: #fff #E92020 #E92020 #fff;
}
/*endregion*/
.el-checkbox.hidden-check .el-checkbox__inner {
  display: none;
}
/*endregion*/

/*region switch 开关*/
/*region diy el-switch*/
.diy-elswitch {
    display: inline-block;
}
.diy-elswitch .el-switch {
    height: initial;
    line-height: initial;
}
.diy-elswitch .el-switch__label {
    position: absolute;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.diy-elswitch .el-switch__label span {
    font-size: 12px;
}
.diy-elswitch .el-switch__label span[aria-hidden='true'] {
    display: none;
}
.diy-elswitch .el-switch__label.is-active {
    color: #ffffff;
}
.diy-elswitch .el-switch__label.el-switch__label--left {
    margin-left: 25px;
    margin-right: 0;
}
.diy-elswitch .el-switch__label.el-switch__label--right {
    margin-left: 7px;
}
.diy-elswitch .el-switch__core {
    border-radius: 13px;
}
.diy-elswitch .el-switch .el-switch__core {
    height: 18px;
    width: 35px!important;
}
.diy-elswitch .el-switch .el-switch__core:after {
    width: 14px;
    height: 14px;
}
.diy-elswitch .el-switch.is-checked .el-switch__core::after {
    margin-left: -14px;
}
.el-switch.is-checked .el-switch__core {
    border-color: var(--main-color);
    background-color: var(--main-color);
}
/*small 宽24px，高14px*/
.diy-elswitch.small .el-switch .el-switch__core {
    height: 14px;
    width: 22px!important;
}
.diy-elswitch.small .el-switch .el-switch__core:after {
    width: 10px;
    height: 10px;
}
.diy-elswitch.small .el-switch.is-checked .el-switch__core::after {
    margin-left: -10px;
}
/*mini 宽20px，高12px*/
.diy-elswitch.mini .el-switch .el-switch__core {
    height: 12px;
    width: 20px!important;
}
.diy-elswitch.mini .el-switch .el-switch__core:after {
    width: 8px;
    height: 8px;
}
.diy-elswitch.mini .el-switch.is-checked .el-switch__core::after {
    margin-left: -9px;
}
/*endregion*/
/*endregion*/

/*region 输入框 placeholder*/
.color-placeholder{
  color: #B9B9B9;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
    color: #B9B9B9;
}

textarea::-ms-input-placeholder,
input::-ms-input-placeholder {
    color: #B9B9B9;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #B9B9B9;
}
/*endregion*/

/*region input*/
/*region 自定义基础输入框*/
input {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    padding: 0 10px;
    width: 100%;
    vertical-align: middle;
    font-size: 12px;
}
input:focus {
    border-color: var(--main-color);
}
input[readonly]:focus,
input[disabled]:focus {
    border-color: #E9E9E9;
}
/*endregion*/
.el-input__inner {
    border-color: #E9E9E9;
    height: 30px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
}
.el-input--small .el-input__inner {
  height: 30px;
  line-height: 30px;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: var(--main-color);
}
.el-input--mini .el-input__inner {
    min-height: 30px!important;
}
.el-input__icon {
  line-height: inherit;
  min-width: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*endregion*/
/*region 聚焦铺满输入框，右下角有清除图标*/
.input-hover {
  width: 100%;
  height: 100%;
}
.input-hover.bg-data {
  background-color: rgba(236, 133, 18, .08);
}
.input-hover input {
  height: 100%;
  width: 100%;
  text-align: center;
  border: none;
  background-color: transparent;
  outline: none;
  border-radius: 0;
}
.input-hover .feimg-clear-gray {
  position: absolute;
  z-index: 1;
  bottom: 3px;
  right: 3px;
  cursor: pointer;
  display: none;
}
.input-hover input:hover {
  border: 1px solid var(--main-color);
}
.input-hover:hover .feimg-clear-gray {
  display: inline-block;
}
/* 隐藏 Chrome/Edge/Safari 的箭头 */
.input-hover input[type="number"]::-webkit-inner-spin-button,
.input-hover input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;          /* 去掉预留的箭头宽度 */
}

/* 隐藏 Firefox 的箭头 */
.input-hover input[type="number"] {
  -moz-appearance: textfield;
}
/*endregion*/

/*region 输入框带单位*/
.input-div {
    width: 100%;
    display: inline-block;
    height: 34px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
/*size：默认，高度34，'big'-高度45，'small'-高度30，'mini'-高度28*/
.input-div.small {
  height: 30px;
}
.input-div.width-100 {
  width: 100px;
}
.input-div .input-cell,
.input-div input {
    width: 100%;
    height: 100%;
}
.input-div input {
  padding-right: 30px;
}
.input-div .input-content {
  height: 100%;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #E9E9E9;
}
.input-div .unit {
    position: absolute;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
    right: 10px;
    z-index: 3;
    top: 0;
    font-style: normal;
    text-align: center;
    min-width: 10px;
    height: calc(100% - 1px);
}
.input-div .unit.unit-bg {
    background: #E9E9E9;
    cursor: pointer;
    font-size: 12px;
    width: 36px;
  height: 100%;
  right: 0;
  top: 0;
    border-radius: 0 5px 5px 0;
}
.input-div .unit.unit-bg2 {
  background: #FAFAFA;
  cursor: pointer;
  font-size: 12px;
  padding: 0 5px;
  height: calc(100% - 2px);
  right: 1px;
  top: 1px;
  border-radius: 0 5px 5px 0;
  border-left: 1px solid #E9E9E9;
}
/*endregion*/

/*region 输入框带按钮*/
.input-search {
    display: flex;
    display: -webkit-flex;
    width: 180px;
}
.input-search input,
.input-search .input-box {
    border: 1px solid #E9E9E9;
    border-right: none;
    height: 30px;
    float: left;
    border-radius: 5px 0 0 5px;
    flex: 1;
}
.input-search input:focus {
  border-color: var(--main-color);
}
.input-search .input-box {
  padding-left: 10px;
}
.input-search .input-box span {
  height: 100%;
  display: flex;
  align-items: center;
}

.input-search button {
    float: left;
    border-radius: 0 5px 5px 0;
    width: 50px;
    font-size: 12px;
    min-width: initial;
    outline: none;
}
.input-search.v2 {
}
.input-search.v2 input {
    height: 30px;
    border-color: #BBBBBB;
}
.input-search.v2 button {
    width: 37px;
    padding: 0;
    height: 30px;
    background-color: #FAFAFA;
    color: var(--main-color);
    border: 1px solid #BBBBBB;
}
.input-search .input-div.input-box {
  border: none;
  padding-left: 0;
}
.input-search .input-div.input-box input {
  height: 100%;
}
/*endregion*/

/*region textarea*/
textarea {
    height: 66px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    width: 100%;
    vertical-align: middle;
}
/*textarea行换保存后回显换行样式*/
.textarea-pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
/*endregion*/

/*region select 下拉框*/
select {
    height: 30px;
    border: solid 1px #E9E9E9;
    min-width: 120px;
    background: none;
    font-size: 12px;
    color: #666666;
    padding: 0 3px;
    border-radius: 4px;
}
.select-diy {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px 0 10px;
    line-height: 27px;
    height: 30px;
    border: solid 1px #E9E9E9;
    text-decoration: none;
    white-space: nowrap;
    word-break: break-all;
    background: #ffffff url('../images/icon_img/down_grey.png') calc(100% - 10px) center no-repeat;
    background-size: 11px 6px;
    border-radius: 4px;
    cursor: pointer;
}

/*region el-select*/
.el-select {
    vertical-align: middle;
}
.el-select .el-input__inner {
    padding-left: 10px;
    border-radius: 5px;
}
.el-select .el-input .el-select__caret {
    line-height: 36px;
}
.el-select.small .el-input__inner {
    height: 30px;
}
.el-select.small .el-input .el-select__caret {
    line-height: 30px;
}

.el-select-dropdown {
    border-radius: 2px;
}
.el-select-dropdown .el-select-dropdown__item {
    font-size: 12px;
    text-align: center;
}
.el-select .el-select__tags {
    max-width: 100%!important;
}
.el-select-dropdown__item.selected,
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: var(--main-color);
}
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--main-color);
}
.el-select .el-tag {
    max-width: calc(100% - 70px);
}
.select-text-left .el-select-dropdown__item {
  text-align: left;
}
/*宽度不占100%，一行多个*/
.el-select-dropdown.select-popper-v2 .el-select-dropdown__list {
  max-width: 576px;
  padding: 6px 0 6px 10px;
}
.el-select-dropdown.select-popper-v2 .el-select-dropdown__item {
  display: inline-block;
  min-width: 110px;
  text-align: left;
  padding: 0 9px;
}
/*endregion*/
/*endregion*/

/*region 级联选择器 el-cascader*/
.el-cascader-panel {
    font-size: 12px;
}
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: var(--main-color);
}
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: var(--main-color);
}
.el-cascader-node .el-checkbox {
  margin-top: -4px;
}
.el-cascader__suggestion-list {
  font-size: 12px;
}
/*endregion*/

/*region radio*/
/*radio 样式的checkbox*/

/*region el-radio*/
.el-radio {
    margin-right: 20px;
}
.el-radio__label {
    font-size: 12px;
}
.el-radio__input.is-checked+.el-radio__label {
    color: var(--main-color);
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--main-color);
    background: var(--main-color);
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: var(--main-color);
    border-color: var(--main-color);
    box-shadow: -1px 0 0 0 var(--main-color);
}
/*size：默认，高度40，'big'-高度45，'medium'-高度35，'small'-高度32，'mini'-高度28*/
.el-radio-button__inner {
    min-width: 60px;
    background-color: #FAFAFA;
    font-size: 12px;
    color: #333333;
    padding: 3px 20px;
    min-height: 40px;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flex-row .el-radio-button__inner {
    flex-direction: row;
}
.radio-icon .el-radio-button__inner {
    min-width: 50px;
    padding: 5px 15px;
}
.el-radio-button__inner:hover {
    color: var(--main-color);
}
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 2px 2px var(--main-color);
    box-shadow: 0 0 2px 2px var(--main-color);
}
.el-radio-button--medium .el-radio-button__inner {
    min-height: initial;
    padding: 10px;
    font-size: 12px;
}
.el-radio-button--small .el-radio-button__inner {
  min-height: initial;
}
.el-radio-button--mini .el-radio-button__inner {
    min-height: 0;
}
.el-radio-group.w-100 .el-radio-button__inner {
    min-width: 100px;
}
.el-radio-group.w-120 .el-radio-button__inner {
    min-width: 120px;
}
.el-radio-group.width-auto .el-radio-button__inner {
  min-width: initial;
}
.el-radio-group.w-100 .el-radio-button__inner {
    padding: 3px 5px;
}
.el-radio-group.w-100 .el-radio-button--big .el-radio-button__inner {
    padding: 7px 5px;
}
.el-radio-group.gray .el-radio-button__inner {
  color: #666666;
}
.el-radio-group.gray .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #ffffff;
}
/*endregion*/
/*endregion*/

/*region 时间样式 element-ui框架*/
.diy-time-box .input-time {
    background: url('/layuimini/images/icon_img/time/time_grey.png') calc(100% - 10px) center no-repeat;
    background-size: 15px auto;
    -webkit-transition: none;
    transition: none;
}
.diy-time-box.diy-time-relate {
    background: url('/layuimini/images/icon_img/time/time_grey.png') 10px center no-repeat;
    background-size: 15px auto;
    -webkit-transition: none;
    transition: none;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    display: inline-block;
    padding-left: 25px;
}
.diy-time-box.diy-time-relate .input-time {
    width: calc(50% - 14px);
    float: left;
    border: none;
    outline: none;
    background: none;
}
.diy-time-box.diy-time-relate .range-separator {
    float: left;
    width: 14px;
    text-align: center;
    line-height: 30px;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 124px;
}

.el-range-editor--small .el-range-input {
    font-size: 12px;
}
.el-range-editor--small.el-input__inner {
    height: 34px!important;
}
.el-range-editor.is-active, .el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--main-color);
}
.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 250px;
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: var(--main-color);
}
.el-date-editor .el-range-separator {
    width: 6%;
    padding: 0;
}
.diy-time-picker {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.diy-time-picker .el-icon-time,
.diy-time-picker .el-icon-date {
    display: none;
}
.diy-time-picker .el-range-separator {
    width: 12px;
    height: 28px;
    background-color: #ebeff3;
    position: relative;
}
.diy-time-picker .el-range-separator:after {
    position: absolute;
    content: '';
    top: calc(50% - .5px);
    left: calc(50% - 4px);
    z-index: 3;
    height: 1px;
    width: 8px;
    background-color: #999999;
}
.diy-time-picker .el-input__inner {
    padding-left: 10px;
    padding-right: 5px;
}
.diy-time-picker .el-range__close-icon {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    color: #999999;
}
.el-range-editor--small.el-input__inner {
    height: 36px;
}
.diy-time-picker .el-input__suffix .el-input__icon {
    background: url('/layuimini/images/icon_img/time/time_grey.png') center center no-repeat;
    background-size: 15px auto;
    -webkit-transition: none;
    transition: none;
}
.diy-time-picker .el-input__suffix .el-input__icon.el-icon-circle-close {
    background: none;
    margin-top: 1px;
}
.el-picker-panel__body-wrapper .el-picker-panel__shortcut {
    font-size: 12px;
}
.el-date-table td.available:hover,
.el-date-table td.today span,
.el-picker-panel__icon-btn:hover,
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-time-panel__btn.confirm {
color: var(--main-color);
}
.el-date-table td.current:not(.disabled) span {
background-color: var(--main-color);
}
/*region 时间段，2个时间选择*/
.diy-time-picker.time_picker_range {
    width: 320px!important;
}
.diy-time-picker.time_picker_range.__date,
.diy-time-picker.time_picker_range.__month {
  width: 230px!important;
}
.el-range-editor--mini.el-input__inner {
    height: 30px;
    border-radius: 5px;
    vertical-align: middle;
}
.el-range-editor--mini .el-range-separator {
  line-height: 22px;
}
.diy-time-picker.time_picker_range.el-range-editor--small .el-range-separator {
    height: 35px;
}
/*不关联选择的2个时间，非时间范围*/
.diy-time-picker.time_picker_range .el-date-editor {
    width: calc(50% - 10px);
    float: left;
}
.diy-time-picker.time_picker_range .el-date-editor:last-child {
    float: right;
}
.diy-time-picker.time_picker_range:before {
    width: 12px;
    height: 30px;
    content: '';
    position: absolute;
    z-index: 1;
    left: calc(50% - 6px);
    top: calc(50% - 15px);
}
.diy-time-picker.time_picker_range:after {
    position: absolute;
    content: '';
    top: calc(50% - .5px);
    left: calc(50% - 4px);
    z-index: 3;
    height: 1px;
    width: 8px;
    background-color: #999999;
}
/*endregion*/

/*region 2个时间段选择&&时间*/
.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 330px;
}
.el-date-editor .el-range-input {
    width: 49%;
}
/*endregion*/
.diy-time-picker__style2 .shortcut-btn-list {
  max-width: 114px;
  padding: 0 5px;
}
.diy-time-picker__style2 .shortcut-btn {
  border: none;
  margin: 0;
  padding: 0 5px;
  line-height: inherit;
  height: inherit;
}
.el-month-table td.today .cell,
.el-month-table td .cell:hover {
    color: var(--main-color);
}
/*endregion*/

/*region 范围段样式*/
.input-two-period {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 100%;
    position: relative;
}
.input-two-period .input-div {
    width:calc(50% - 10px);
    float: left;
    height: 34px;
}
.input-two-period .input-div:last-child {
    float: right;
}
.input-two-period .input-div input[type=text],
.input-two-period .input-div input[type=number] {
    height: 100%;
    float: left;
    width: 100%!important;
}
.input-two-period:before,
.input-two-period:after {
    position: absolute;
    display: inline-block;
    content: '';
}
.input-two-period:before {
    top: 0;
    left: calc(50% - 6px);
    z-index: 2;
    height: 100%;
    width: 12px;
    background-color: transparent;
}
.input-two-period:after {
    top: calc(50% - .5px);
    left: calc(50% - 4px);
    z-index: 3;
    height: 1px;
    width: 8px;
    background-color: #999999;
}
/*endregion*/

/*region fe-nav 悬浮下拉框*/
.fe-nav {
    position: relative;
    display: inline-block;
    height: 30px;
}

.fe-nav .fe-nav-item {
    font-size: 12px;
    padding-right: 16px;
}

.fe-nav .fe-nav-item:hover,
.fe-nav .fe-nav-item:active {
    text-decoration: none;
}

.fe-nav .fe-nav-layer {
    display: none;
    position: absolute;
    z-index: 2000;
    top: 34px;
    left: -64px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(106,106,106,0.48);
    min-width: 140px;
    border-radius: 4px;
}
.fe-nav .fe-nav-layer:before {
    position: absolute;
    left: calc(50% - 8px);
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: transparent transparent #fff;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    top: -13px;
    border-width: 7px;
    z-index: 3;
}
.fe-nav:hover .fe-nav-layer {
    display: inline-block;
}

.fe-nav .fe-nav-layer li {
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
}
.fe-nav .fe-nav-layer li:first-child {
  border-radius: 4px 4px 0 0;
}
.fe-nav .fe-nav-layer li:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
}
.fe-nav .fe-nav-layer li a {
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  align-items: center;
  padding: 5px 15px;
  min-height: 35px;
    line-height: 1em;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
}
.fe-nav .fe-nav-layer li i {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
}
.fe-nav .fe-nav-layer li a span {
    color: #666666;
    font-size: 12px;
    white-space: nowrap;
    vertical-align: middle;
}

.fe-nav .fe-nav-layer li a:hover,
.fe-nav .fe-nav-layer li.active a {
    text-decoration: none;
    background: #F7F8FA;
}
.fe-nav .fe-nav-layer li a:hover i,
.fe-nav .fe-nav-layer li a:hover span,
.fe-nav .fe-nav-layer li.active a span {
    color: var(--main-color);
}

.fe-nav .fe-nav-item.febtn-white {
    color: #666666;
    background: #ffffff;
    padding: 0 10px;
    width: inherit;
}
.fe-nav-btn .fe-nav-layer {
    top: 31px;
    left: -6px;
    min-width: 110px;
    text-align: center;
}
/*region 弹框位于上方*/
.fe-nav-btn .fe-nav-layer.layer-top {
    top: initial;
    bottom: 40px;
    left: -15px;
}
.fe-nav .fe-nav-layer.layer-top:before {
    border-color: #fff transparent transparent transparent;
    bottom: -14px;
    top: initial;
}
/*endregion*/
.fe-nav .fe-nav-layer.arrow-right {
  left: initial;
  right: 2px;
}
.fe-nav .fe-nav-layer.arrow-right:before {
  right: 8px;
  left: initial;
}
/*endregion*/


/*region 功能*/
.fun-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f0f0f0;
    width: 48px;
    height: 50px;
    position: relative;
    justify-content: center;
}
.fun-box i {
    font-size: 24px;
}
.fun-box:after {
    position: absolute;
    z-index: 1;
    content: '';
    border-color: transparent #999999 #999999 transparent;
    border-width: 3px;
    border-style: solid;
    bottom: 0;
    right: 0;
}
.fun-box.medium {
    width: 56px;
    height: 60px;
}
.fun-box .fun-box-layer {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 48px;
    display: none;
    width: 110px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    border-radius: 2px;
}
.fun-box:hover .fun-box-layer {
    display: inline-block;
}
.fun-box .fun-box-layer .fun-list li {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
}
.fun-box .fun-box-layer .fun-list li a {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    min-height: 30px;
    cursor: pointer;
    width: 100%;
}
.fun-box .fun-box-layer .fun-list li i {
    font-size: 12px;
    margin-right: 3px;
}
.fun-box .fun-box-layer .fun-list li .fun-child-list-layer {
    position: absolute;
    z-index: 100;
    left: 110px;
    top: 0;
    display: none;
    width: 110px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    border-radius: 2px;
}
.fun-box .fun-box-layer .fun-list li:hover .fun-child-list-layer {
    display: inline-block;
}
.fun-box .fun-box-layer .fun-list li .fun-child-list-layer a {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    min-height: 30px;
    cursor: pointer;
}
.fun-box .fun-box-layer .fun-list li:hover>a,
.fun-box .fun-box-layer .fun-list li .fun-child-list-layer a:hover {
    background-color: var(--main-color-opacity01);
    color: var(--main-color);
}
/*endregion*/

/*region 教程*/
.tutorial-icon {
    width: 45px;
    height: 50px;
    background: linear-gradient(to top right, #fff 50%, #EEEEEE 50%);
    background-size: 100% 100%;
    background-position: top right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 3px;
    padding-top: 3px;
    cursor: pointer;
  color: initial;
}
.tutorial-icon:hover {
  color: initial;
}
.tutorial-icon.medium {
    width: 50px;
    height: 60px;
}
/*endregion*/

/*region title-box*/
.title-box {
  font-weight: bold;
  padding: 0 20px;
  position: relative;
  min-height: 30px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.title-box:before {
  position: absolute;
  z-index: 1;
  top: calc(50% - 7px);
  width: 4px;
  height: 14px;
  border-radius: 4px;
  background-color: var(--main-color);
  display: inline-block;
  content: '';
  left: 0;
}
.title-box.small {
  padding: 0 10px;
}
/*endregion*/

.index-box {
    width: 20px;
    height: 17px;
    line-height: 17px;
    border-radius: 5px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    color: #FFFFff;
    background-color: var(--main-color);
    text-align: center;
    font-style: normal;
}
.add-icon-btn {
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 5px;
    border: 1px solid var(--main-color);
    cursor: pointer;
    color: var(--main-color);
    font-size: 14px;
    display: inline-block;
}

/*region list-row*/
[class^='list-row'] {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    color: #333333;
    position: relative;
}

[class^='list-row'] li {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
    height: 60px;
    position: relative;
    width: 25%;
    border-right: 1px solid #EEEEEE;
}
[class^='list-row'] li:last-child {
    border-right: none;
}
[class^='list-row'] li .li-val {
    font-size: 14px;
    font-weight: bold;
}
/*endregion*/

/*region 表格上搜索栏*/
.search-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #FFFFff;
    flex: 1;
  position: relative;
}
.search-box.flex-left {
    justify-content: flex-start;
}
.search-box .search-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.search-box .search-item label {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.search-box .search-btn {
    vertical-align: middle;
    display: flex;
}
.search-box .setting-float {
    position: absolute;
    z-index: 1;
    top: -5px;
    right: -11px;
    font-size: 12px;
    color: #fff;
    background: var(--main-color);
    border-radius: 100%;
    padding: 2px;
}
.search-box .search-item.input-search {
  display: inline-block;
  vertical-align: middle;
  width: initial;
}
.search-box .search-item.input-search input {
  border: 1px solid #bbbbbb;
  border-right: none;
  height: 30px;
  float: left;
  border-radius: 4px 0 0 4px;
}
.search-box .search-item.input-search input:focus {
  border-color: var(--main-color);
}
.search-box .search-item.input-search button {
  float: left;
  border-radius: 0 2px 2px 0;
  width: 63px;
  font-size: 12px;
  min-width: initial;
}
.search-item.v2 {
  border: 1px solid #DDDDDD;
  background-color: #FAFAFA;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.search-item.v2 label {
  margin-right: 0;
  float: left;
  padding: 0 8px;
  height: 30px;
  display: flex;
  align-items: center;
}
.search-item.v2>.el-select .el-input__inner {
  border: none;
  border-left: 1px solid #DDD;
  border-radius: 0;
}
/*region 搜索栏左侧按钮过多时，兼容小屏幕，导致左侧排版异常*/
.search-box.compatible-left {
    padding: 6px 10px;
}
.search-box.compatible-left .flex-left {
    display: inline-block;
    flex: 1;
}
.search-box.compatible-left .flex-left > a {
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.search-box.compatible-left .flex-left > a:last-child {
    margin-right: 0;
}
/*endregion*/
.search-toggle {
    background-color: #F6F6F6;
    padding: 10px;
}
.search-toggle .li,
.search-toggle .search-item {
    margin: 0 16px 14px 0;
    display: inline-block;
    vertical-align: middle;
}
.search-toggle .li label,
.search-toggle .search-item label {
    margin-right: 8px;
    min-width: 48px;
    display: inline-block;
    text-align: right;
}

.search-toggle .ul-sub {
    padding-left: 60px;
    padding-bottom: 10px;
}

/*region */
.search-box .el-select,
.search-toggle .li .el-select,
.search-toggle .search-item .el-select,
.search-box .el-cascader,
.search-toggle .li .el-cascader,
.search-toggle .search-item .el-cascader {
    width: 150px;
}
.search-box .el-select .el-input__inner,
.search-toggle .li .el-select .el-input__inner,
.search-toggle .search-item .el-select .el-input__inner,
.search-box .el-cascader,
.search-box .el-cascader .el-input__inner,
.search-toggle .li .el-cascader,
.search-toggle .search-item .el-cascader .el-input__inner,
.search-toggle .li .el-cascader,
.search-toggle .search-item .el-cascader .el-input__inner {
    height: 30px;
    line-height: 30px;
}
.search-box .el-select .el-input .el-select__caret,
.search-toggle .li .el-select .el-input .el-select__caret,
.search-toggle .search-item .el-select .el-input .el-select__caret,
.search-box .el-cascader .el-input__icon,
.search-toggle .li .el-cascader .el-input__icon,
.search-toggle .search-item .el-cascader .el-input__icon {
    line-height: 30px;
}

.search-box .input-inner,
.search-toggle .input-inner {
    width: 150px;
    line-height: 28px;
    height: 30px;
    vertical-align: middle;
}
.search-box .input-two-period,
.search-toggle .input-two-period {
    width: 260px;
}
.search-box .input-two-period .input-div,
.search-toggle .input-two-period .input-div {
    height: 30px;
    width: 120px;
}
/*endregion*/

/*region 搜索弹框*/
.search-box .search-layer {
  position: absolute;
  z-index: 105;
  top: 50px;
  right: 0;
  width: 580px;
  box-shadow:0px 10px 8px rgba(0,0,0,0.16);
  border-radius: 4px;
  border-top: 1px solid #F2F2F2;
  background-color: #ffffff;
}
.search-box .search-layer .title {
    height: 40px;
    padding: 20px;
    border-bottom: 1px solid #F2F2F2;
    font-size: 14px;
    font-weight: bold;
}
.search-box .search-layer .search-item-list {
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
}
.search-box .search-layer .search-item-list .search-item {
    width: calc(50% - 15px);
    float: left;
    margin-bottom: 15px;
    margin-right: 0;
    height: 51px;
}
.search-box .search-layer .search-item-list .diy-time-picker.time_picker_range {
    width: 100% !important;
}
.search-box .search-layer .search-item-list .search-item:nth-child(odd) {
    margin-right: 10px;
}
.search-box .search-layer .search-item-list .search-item:nth-child(even) {
    margin-left: 10px;
}
.search-box .search-layer .search-item-list .search-item label {
    display: flex;
    margin-bottom: 5px;
}
.search-box .search-layer .search-item-list .search-item .search-item-div {
    width: 100%;
}
.search-box .search-layer .search-item-list .search-item .search-item-div .diy-time-relate {
    flex: 1;
}
.search-box .search-layer .search-item-list .search-item .input-two-period .input-div {
    width: calc(50% - 6px);
}
.search-box .search-layer .search-layer-btn {
    padding: 20px
}
.search-box .search-layer .search-layer-btn button {
    width: 100px;
}
/*endregion*/
/*endregion*/

/*region 表格顶部合计信息*/
.total-record-box {
    padding: 7px 10px;
    line-height: 22px;
    background-color: #ffffff;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.total-record-box>a {
    margin-right: 30px;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    color: #333333;
}
.total-record-box span {
    color: #666666;
}
.total-record-box [class*='fepoint-'] {
    margin-right: 4px;
}
/*灰色背景栏*/
.total-record-border {
    padding: 10px 20px;
}
.total-record-border .record-box {
    background-color: #FAFAFA;
    border-radius: 5px;
    border: 1px dashed #bbbbbb;
    padding: 6px 15px;
    font-size: 14px;
}
.total-record-border ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    margin: 12px 0;
}
.total-record-border li {
    width: 33.33%;
}
/*endregion*/
/*region 表格 table*/
/*region fe-table*/
.fe-table{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #E0E0E0;
    width: 100%;
    background-color: #ffffff;
}
.fe-table tr:hover {
    background-color: #fafafa;
}
.fe-table th,
.fe-table td {
    border: 1px solid #E0E0E0;
    padding: 10px;
}
.fe-table tr th {
    background-color: #FAFAFA;
    font-weight: normal;
    text-align: center;
}
.fe-table td {
    min-height: 40px;
    text-align: center;
}
.fe-table.text-left tr th,
.fe-table.text-left tr td,
.fe-table tr th.text-left,
.fe-table tr td.text-left {
    text-align: left;
}
.fe-table tr th.text-right,
.fe-table tr td.text-right {
    text-align: right;
}
.fe-table.no-border,
.fe-table.no-border th,
.fe-table.no-border td {
    border: none;
}
.fe-table.border-b,
.fe-table.border-b th,
.fe-table.border-b td {
  border-left: none;
  border-right: none;
}
.fe-table.table-stock td {
    padding: 5px;
}
/*endregion*/

.fe-table tr th.table-action,
td.table-action {
    text-align: right;
}
.table-action a {
    color: var(--main-color);
    margin: 0 3px;
}
.table-action a:last-child {
    margin-right: 0;
}
.table-td-del {
    position: relative;
}
.table-td-del .el-icon-error {
    position: absolute;
    z-index: 1;
    top: -9px;
    right: -9px;
    opacity: .6;
    font-size: 19px;
    background-color: #FFFFff;
}
.table-td-del .el-icon-error:hover {
    color: #ff0000;
}
/*region el-table*/
.el-table-diy {
}
.el-table-diy .el-table td,
.el-table-diy .el-table th {
    padding: 9px 0;
    border-color: #EEEEEE;
    position: relative;
}
.el-table-diy .el-table .cell {
    font-size: 12px;
    font-weight: normal;
    width: 100%!important;
}
.el-table-diy .el-table th .cell {
  color: #333;
}
.el-table-diy .el-table .cell.el-tooltip .cell-content {
    overflow: hidden;
    text-overflow: ellipsis;
}
.el-table-diy .el-table th {
    background-color: #F7F8FA;
    height: 41px;
}
.el-table-diy .el-table td,
.el-table-diy .el-table th {
    padding: 0!important;
}
.el-table-diy .el-table td .cell {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}
.el-table-diy .el-table td.text_right .cell {
  justify-content: flex-end;
}
.el-table-diy .el-table td.is-left .cell {
    justify-content: flex-start;
}
.el-table-diy .el-table td.row-menu .cell {
    /*display: initial;*/
}
/*修复：左侧悬浮表格，最后一行因为bottom:6px。导致底部部分内容被截断问题*/
.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
  bottom: 5px!important;
}

/*region 表格td无边距，用于内容铺满*/
.el-table-diy.table-diy-td .el-table td {
  padding: 0;
}
.el-table-diy.table-diy-td .el-table td .cell {
  padding: 0;
  height: 38px;
}
/*endregion*/


/*不显示空白栏*/
.hide-empty-block .el-table__empty-block {
    background: none;
    padding: 0;
    min-height: 1px;
}
.hide-empty-block .el-table__empty-block .el-table__empty-text {
    display: none;
}
/*region 表格操作栏*/
.el-table .table-act-box .act-btn {
    color: var(--main-color);
}
.el-table td .cell .cell-div {
  width: 100%;
  height: 100%;
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-table .table-act-box.cell-div>span {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.table-act-popper {
    margin-top: 0!important;
    background-color: #EFF4FF;
    margin-right: -11px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    pointer-events: auto !important;
    padding: 0 !important;
}
.table-act-popper-content {
    padding: 12px;
    min-height: 38px;
    box-sizing: border-box;
}
.table-act-popper .act-btn {
    color: var(--main-color);
    padding: 0 10px;
    font-size: 12px;
}
.el-table .act-btn:hover,
.table-act-popper .act-btn:hover {
    text-decoration: underline;
}
.table-act-dropdown-menu {
    background-color: #EFF4FF;
    box-shadow: none;
    border: none;
    border-radius: 0;
}
.table-act-dropdown-menu .el-dropdown-menu__item {
    font-size: 12px;
    color: var(--main-color);
}
.table-act-dropdown-menu .el-dropdown-menu__item:hover {
    color: var(--main-color);
    text-decoration: underline;
}
.table-act-dropdown-menu .popper__arrow {
    display: none;
}
/*endregion*/
/*endregion*/
.el-table-diy .el-table th>.cell {
    white-space: nowrap;
}
.el-table-diy .el-table .el-table-column--selection {
    text-align: center;
}
.el-table-diy .btn-small {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 11px;
}
.el-table-diy .el-table__footer-wrapper .cell {
    color: #FF0000;
}
.el-table-diy .table-action.table-action-list a:first-child:after {
    display: inline-block;
}
.el-table-diy .table-action.table-action-list a:nth-child(odd):after {
    display: none;
}
.el-table-diy .el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table-diy .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table-diy .el-table__body tr.hover-row.el-table__row--striped.selection-row>td.el-table__cell,
.el-table-diy .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table-diy .el-table__body tr.hover-row.selection-row>td.el-table__cell,
.el-table-diy .el-table__body tr.hover-row>td.el-table__cell {
  background-color: #ecf5ff;
}
.el-table .el-table__fixed-right::before,
.el-table .el-table__fixed::before {
  background-color: transparent;
}
.el-table .el-table__body-wrapper::-webkit-scrollbar {
  height: 10px;
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #F5F7FA;
  border-top: 1px solid #EBEEF5;
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #DCDFE6;
  border-radius: 5px;
  border: 2px solid #F5F7FA;
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #C0C4CC;
}
.table-batch-action {
    display: inline-block;
    margin-left: 10px;
}
.table-batch-action>a {
    margin-right: 5px;
    margin-bottom: 5px;
}
.table-bottom {
    display: inline-block;
    width: 100%;
}
.table-bottom .table-bottom-left {
    padding-left: 10px;
    display: inline-block;
    padding-top: 10px;
}
.sort-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 20px;
    width: 12px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative;
    background: transparent;
}
.sort-box i {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 0px;
}
.sort-box .sort-t {
    border-bottom-color: #c0c4cc;
    top: -2px;
}
.sort-box .sort-b {
    border-top-color: #c0c4cc;
    bottom: 0;
}
.sort-box.sort-asc .sort-t {
    border-bottom-color: var(--main-color);
}
.sort-box.sort-desc .sort-b {
    border-top-color: var(--main-color);
}
/*region 解决element-ui的table表格控件表头与内容列不对齐问题*/
.el-table th.gutter{
    display: table-cell!important;
}
.el-table colgroup.gutter{
    display: table-cell!important;
}
/*endregion*/

/*region 修复有合计列滚动条无法拖动*/
.el-table--scrollable-x .el-table__body-wrapper {
    z-index: 2;
    box-sizing: border-box;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
}
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-corner,
.el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #F1F1F1;
}
.el-table__fixed-right::after,
.el-table__fixed::after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 4;
}
.el-table__fixed-right::after {
    left: 0;
    box-shadow: inset 9px 0px 8px 7px rgba(0,0,0,.12);
}
.el-table__fixed::after {
    right: 0;
    box-shadow: 2px 0px 15px 1px rgba(0,0,0,.12);
}
.el-table__fixed {
    padding-right: 3px;
}
/*endregion*/

/*region 表格为空样式*/
.el-table__empty-block {
    min-height: 180px;
    background: url('/layuimini/images/common/empty_grey.png')center 40px no-repeat;
    background-size: 100px auto;
    padding-top: 180px;
    padding-bottom: 20px;
}
.el-table__empty-block .el-table__empty-text {
    font-size: 14px;
    color: #999999;
}
.table-loading .el-table__empty-block {
    background: none;
}
/*endregion*/

/*region */
.table-eldiy {
    background-color: #FFFFff;
}
.table-eldiy.fixed-bottom {
    padding-bottom: 60px;
}
.table-eldiy.fixed-bottom.show-total {
    padding-bottom: 85px;
}
.table-eldiy.fixed-bottom.has-scroll-x {
    padding-bottom: 70px;
}
.table-eldiy.fixed-bottom.has-scroll-x.show-total {
    padding-bottom: 105px;
}
.table-eldiy.fixed-bottom .table-bottom {
    position: fixed;
    z-index: 100;
    background-color: #FFFFff;
    width: 100%;
    bottom: 0;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
}
.table-eldiy.show-total .table-bottom,
.table-eldiy.has-scroll-x .table-bottom {
    box-shadow: none;
    padding-top: 0;
}
/*endregion*/

/*region 表格底部横向虚拟滚动条*/
.virtual-scroll-x {
    padding: 6px;
    border: 1px solid #EEEEEE;
    border-top: none;
    width: 100%;
    margin-left: 0;
    background: #FAFAFA;
}
.table-eldiy.fixed-bottom .virtual-scroll-x {
    border-top: 1px solid #E0E0E0;
}
.table-eldiy.fixed-bottom.show-total .virtual-scroll-x {
    border-top: none;
}
.virtual-scroll-x::-webkit-scrollbar-corner,
.virtual-scroll-x::-webkit-scrollbar-track {
    background-color: #e2e2e2;
    border-radius: 3px;
}
.virtual-scroll-x::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
}
.virtual-scroll-x .virtual-scroll-container {
    width: 100%;;
    overflow-x: auto;
}
.virtual-scroll-x .virtual-scroll-content {
    height: 1px;
}
.has-scroll-x .el-table__body-wrapper::-webkit-scrollbar {
    height: 0;
}
.has-scroll-x .el-table__fixed-right::before,
.has-scroll-x .el-table__fixed::before {
    display: none;
}
/*endregion*/

/*region 表格配置项弹框*/
.table-setting-layer-box .table-setting-layer {
    position: absolute;
    z-index: 5;
    top: 42px;
    left: 0;
    background-color: #FFFFff;
    border-radius:0 0 4px 4px;
    max-width: 700px;
    box-shadow:0px 10px 8px rgba(0,0,0,0.16);
    width: -webkit-fill-available;
    border-left: 1px solid #eff0f4;
}
.table-setting-layer-box .set-layer-title {
    display: -webkit-flex;
    display: flex;
    height: 60px;
    align-items: center;
    padding: 0 30px;
    border-bottom: 1px solid #F2F2F2;
    font-size: 16px;
    font-weight: bold;
}
.table-setting-layer-box .set-layer-main {
    display: inline-block;
    padding: 10px 0 10px 30px;
    max-height: 300px;
    overflow-y: auto;
    width: 99.99%;
    box-sizing: border-box;
}
.table-setting-layer-box .set-layer-main .el-checkbox {
    display: inline-block;
    margin: 8px 15px 8px 0;
}
.table-setting-layer-box .set-layer-foot {
    padding: 20px 30px 40px 30px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.table-setting-layer-box .shade {
    opacity: 0.5;
    z-index: 4;
    background: black;
    position: absolute;
    left: 0;
    top: 42px;
    width: 100%;
    height: calc(100% + 20px);
}
/*endregion*/

/*region 表格底部合计*/
.diy-table-total {
    width: 100%;
}
.table-eldiy.show-total.has-scroll-x .diy-table-total {
    padding-bottom: 0;
}
.diy-table-total .el-table__fixed-left,
.diy-table-total .el-table__fixed-right {
    box-sizing: content-box;
    padding-bottom: 5px;
}
.diy-table-total .el-table td {
    padding: 3px 0;
    background: #FAFAFA;
    border-color: #e0e0e0;
}
.diy-table-total .el-table .cell {
    font-size: 12px;
}
.diy-table-total .el-table__body-wrapper::-webkit-scrollbar {
    height: 0;
}
.diy-table-total .el-table__body-wrapper {
  scrollbar-width: none; /* 火狐滚动条宽度 */
}
/*endregion*/

/*region 表格底部分页 el-pagination*/
.table-page {
    display: inline-block;
    float: right;
    padding: 10px 0;
}

.none-table-data {
    text-align: center;
    color: #999999;
    padding: 10px;
}
.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    font-size: 12px;
    color: #999999;
    height: 30px;
    line-height: 28px;
    margin-right: 5px;
    margin-left: 10px!important;
}
.el-pagination .el-pager {
    display: inline-block;
}
.el-pagination .el-input__inner,
.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li {
    margin: 0!important;
    background-color: #FFFFff!important;
    min-width: 36px!important;
    font-weight: normal;
    padding: 0 5px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #E1E1E1;
    display: inline-block;
    font-size: 12px!important;
    border-radius: 2px!important;
}
.el-pagination .el-select .el-input {
    margin: 0 9px;
}
.el-pagination__jump {
    margin-left: 0!important;
}
.el-pagination__jump .el-pagination__editor {
    margin: 0 9px;
    width: 40px!important;
}
.el-pagination__jump .el-pagination__editor .el-input__inner {
    width: 40px;
    height: 30px!important;
    line-height: 28px!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background: var(--main-color)!important;
    border: 1px solid var(--main-color);
    color: #FFFFff!important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--main-color);
}
.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: var(--main-color);
}
.el-pagination .el-select .el-input .el-select__caret {
    line-height: 30px;
}
/*endregion*/

.table-td-box td .cell .td-box {
    padding: 5px 6px;
    display: inline-block;
    line-height: 30px;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    height: 47px;
}
.table-td-box td .cell .td-box:last-child {
    border-bottom: none;
}
/*endregion*/

/*region 内容加载中、为空时*/
.table-load-empty {
  min-height: 230px;
  background: #FFFFff url('/layuimini/images/common/empty_grey.png')center 40px no-repeat;
  background-size: auto 135px;
  padding-top: 210px;
  text-align: center;
}
.table-load-empty .table-tip {
  font-size: 12px;
  color: #666666;
}
.table-load-empty.table-loading {
  background: #FFFFff;
}

.empty-data-box {
  min-height: 230px;
  background: #FFFFff url('/layuimini/images/common/empty_data.png')center 40px no-repeat;
  background-size: auto 180px;
  padding-top: 214px;
  text-align: center;
}
.empty-data-box .empty-tip {
  font-size: 14px;
  color: #999999;
}
/*endregion*/

/*region div模拟表格【用于行上下拖动】*/
.table-diy-ul-box {
  border: 1px dashed #bbbbbb;
  border-radius: 5px;
}
.table-diy-ul {
  width: 100%;
  border-radius: 5px;
}
.table-diy-ul .table-thead {
  border-bottom: 1px solid #E0E0E0;
  background-color: #FAFAFA;
  display: flex;
  border-radius: 5px 5px 0 0;
}
.table-diy-ul .table-tbody li {
  display: flex;
  border-bottom: 1px solid #E0E0E0;
  height: fit-content!important;
  background-color: #ffffff;
}
.table-diy-ul .table-thead .th-1,
.table-diy-ul .table-thead .th-2,
.table-diy-ul .table-tbody .td-1 {
  display: flex;
  align-items: center;
}
.table-diy-ul .th-1.text-center,
.table-diy-ul .th-2.text-center,
.table-diy-ul .td-1.text-center {
    justify-content: center;
}
.table-diy-ul.border-r .table-thead [class*='th-'],
.table-diy-ul.border-r .table-tbody [class*='td-'] {
  width: 180px;
  border-right: 1px solid #E0E0E0;
}
.table-diy-ul .table-tbody [class*='td-'] input {
  width: 100%;
}
.table-diy-ul .table-thead [class*='th-']:last-child,
.table-diy-ul .table-tbody [class*='td-']:last-child {
  border-right: none;
}
.table-diy-ul .table-thead .th-2,
.table-diy-ul .table-tbody .td-2 {
  width: calc(100% - 180px);
}
.table-diy-ul .table-thead [class*='th-'],
.table-diy-ul .table-tbody [class*='td-'] {
  padding: 10px;
}
/*endregion*/

/*region 图片预览弹框-自定义html*/
.preview-img-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
}
.preview-img-layer .preview-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000;
}
.preview-img-layer .preview-act {
    left: 50%;
    top: 70px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview-img-layer .preview-act a {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    background-color: #535558;
}
.preview-img-layer .preview-act a i {
    color: #ffffff;
    font-size: 14px;
}
.preview-img-layer .preview-close,
.preview-img-layer .preview-prev,
.preview-img-layer .preview-next {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    color: #fff;
    background-color: #535558;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.preview-img-layer .preview-close {
    top: 40px;
    right: 40px;
}
.preview-img-layer .preview-prev {
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
}
.preview-img-layer .preview-next {
    right: 40px;
    text-indent: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.preview-img-layer .preview-canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preview-img-layer .preview-canvas img {
    transform: scale(1) rotate(0deg);
    margin-left: 0;
    margin-top: 0;
    max-height: 100%;
    max-width: 100%;
    min-width: 400px;
}
.preview-img-layer .preview-info {
    left: 50%;
    bottom: 70px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
/*endregion*/

/*region 遮盖层*/
.layer-shade {
  position: fixed;
  _position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  _height: expression(document.body.clientHeight);
  background: rgba(0, 0, 0, 0.3);
}
/*endregion*/

/*region layer*/
.iframe-dialog-url .dialog-scroll {
  max-height: calc(100% - 120px);
}
.layui-layer-shade {
    background-color: rgba(0,0,0,0.4)!important;
}
.layui-layer {
    border-radius: 4px!important;
    min-width: 520px;
}
.layui-layer.layer_layer-anim-05,
.layui-layer.layer_layer-anim-05 .layui-layer-title{
    border-radius: 0!important;
}
.layui-layer-title {
    border-radius: 4px 4px 0 0!important;
    height: 50px !important;
    display: flex !important;
    display: -webkit-flex !important;
    align-items: center;
    padding: 0 25px !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #F2F2F2 !important;
    font-weight: bold;
    font-size: 15px!important;
}

.layui-layer-setwin {
    right: 22px !important;
    top: 22px !important;
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: initial!important;
}
.layui-layer-setwin a.layui-layer-close {
    background: url('/layuimini/images/icon_img/close/close_black.png') center center no-repeat;
    background-size: 12px 12px;
    background-position: initial !important;
}
.layui-layer-content {
    font-size: 12px;
}
.layui-layer-btn {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center!important;
    padding: 0 20px 20px!important;
}
.layui-layer-btn a {
    font-size: 12px;
    height: 35px!important;
    text-align: center;
    width: 97px;
    line-height: 35px!important;
    margin:5px 10px 0!important;
}
.layui-layer-btn a.layui-layer-btn1 {
    background-color: #E9E9E9!important;
    border-color: #E9E9E9;
}
.layui-layer-msg {
    width: initial!important;
}
.layui-layer-msg .layui-layer-content{
    color: #ffffff;
}

.layer-title .febtn-grey font {
    font-size: 12px;
    font-weight: normal;
}
/*region layer弹框按钮*/
.layer-foot {
    height: 60px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.layer-foot a,
.layer-foot button {
    height: 35px;
    line-height: 35px;
    margin-right: 20px;
    min-width: 100px;
}
.layer-foot a.febtn-white {
    background-color: #E9E9E9;
}
.layer-foot a:last-child,
.layer-foot button:last-child {
    margin-right: 0;
}
/*endregion*/

/*region layer.confirm 确认提示框*/
.layer-confirm {
    width: 500px!important;
}
.layer-confirm .layui-layer-content {
    min-height: 30px;
    padding: 0 40px!important;
    font-weight: bold;
    font-size: 16px!important;
    color: var(--main-color);
}
.layer-confirm .layui-layer-title {
    padding: 30px 0 10px 70px!important;
    color: #333333;
    font-size: 20px!important;
    font-weight: bold;
    border-bottom: none!important;
    height: 80px!important;
    background-repeat: no-repeat;
    background-position: 30px 35px;
    background-image: url('/layuimini/images/icon_img/auth/auth_blue.png');
    background-size: 30px 30px;
}
.layer-confirm .layui-layer-setwin {
    display: none!important;
}
.layer-confirm .layui-layer-btn {
    padding: 0 40px 40px;
    text-align: right;
}
.layer-confirm .layui-layer-btn .layui-layer-btn0 {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.layer-confirm .layui-layer-btn a {
    float: right;
    font-size: 12px;
    width: 80px;
    text-align: center;
    height: 30px!important;
    line-height: 29px!important;
    border-radius: 4px;
}
.layer-confirm.confirm_type__0 .layui-layer-title {
    background-image: url('/layuimini/images/icon_img/close/close_red.png');
    background-size: 30px 30px;
}
.layer-confirm.confirm_type__0 .layui-layer-content {
    color: #FC1A1A;
}
.layer-confirm.confirm_type__0 .layui-layer-btn .layui-layer-btn0 {
    background-color: #FC1A1A;
    border-color: #FC1A1A;
}
/*endregion*/
/*region layer.msg 消息提示*/
[class^='layer-msg-']{color: #ffffff;border-radius: 2px;
    min-height: 36px;
    line-height: 36px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    min-width: 116px;}
.layer-msg-success{background-color: #000000;}
.layer-msg-fail{background-color: #FF0000;}

[class^='layer-msg-'] i{margin-right: 6px;}
[class^='layer-msg-'] i.icon-success {
    background: url('/layuimini/images/icon_img/success_white.png')center center /14px 14px no-repeat;
    width: 14px;
    height: 14px;
}
[class^='layer-msg-'] i.icon-fail {
    background: url('/layuimini/images/icon_img/close/close_white.png')center center /14px 14px no-repeat;
    width: 14px;
    height: 14px;
}
[class^='layer-msg-']>div {
    font-size: 12px;
    color: #fff;
}
/*endregion*/
/*endregion*/

/*region element-ui ||el-message-box 弹框*/
.el-dialog__header,
.el-message-box__header {
  border-bottom: 1px solid #F2F2F2;
  padding: 12px 20px;
  height: 50px;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn,
.el-message-box .el-message-box__header .el-message-box__headerbtn {
  min-width: initial;
  top: 14px;
}
.el-dialog__header .el-dialog__title,
.el-message-box__header .el-message-box__title {
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  align-items: center;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close,
.el-message-box .el-message-box__header .el-message-box__headerbtn .el-message-box__close {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.el-message-box__input {
  padding-top: 5px;
}
/*region el-dialog*/
.el-dialog__wrapper {
  overflow-y: hidden;
}
.el-dialog {
  width: 500px;
  margin-top: 5vh!important;
}
/*小弹框居中*/
.dialog-center .el-dialog {
  margin-top: 20vh!important;
}
.el-dialog .el-dialog__body {
  padding: 0 10px;
  font-size: 12px;
  color: #666666;
}
.el-dialog__footer {
  padding: 0;
}
.dialog-scroll {
    max-height: calc(90vh - 160px);
    overflow-y: auto;
    padding: 10px 0;
}
.el-dialog.is-fullscreen {
  margin-top: 0!important;
  overflow-y: hidden;
}
.el-dialog.is-fullscreen .dialog-scroll {
    height: calc(100vh - 50px - 60px);
    max-height: initial;
}
/*region 弹框无底部按钮*/
.el-dialog__wrapper.no-foot .dialog-scroll {
    max-height: calc(90vh - 50px);
}
.el-dialog__wrapper.no-foot .el-dialog.is-fullscreen .dialog-scroll {
    max-height: calc(100vh - 50px);
    height: calc(100vh - 50px);
}
/*endregion*/
/*region 弹框高度100%*/
.dialog-hmax .el-dialog {
    height: 93vh;
}
.dialog-hmax .el-dialog .el-dialog__body {
    height: calc(100% - 50px - 60px);
}
.dialog-hmax .el-dialog.is-fullscreen {
    height: 100vh;
}
.dialog-hmax .el-dialog .dialog-tab-content {
    height: calc(100% - 50px);
}
.dialog-hmax .el-dialog .dialog-scroll {
  max-height: calc(90vh - 90px);
}
.dialog-hmax .el-dialog.is-fullscreen .dialog-scroll {
  max-height: calc(90vh - 50px);
}
.dialog-hmax.has-tab .el-dialog .dialog-scroll {
  max-height: calc(90vh - 90px - 50px);
}
.dialog-hmax.has-tab .el-dialog.is-fullscreen .dialog-scroll {
  height: calc(100vh - 50px - 60px - 50px);
}
/*endregion*/
/*endregion*/

/*region el-message*/
.el-message-box {
  width: 500px;
}
.el-message-box .el-message-box__content {
  font-size: 12px;
}
.el-message-box__btns {
  text-align: center;
  padding: 15px 0;
}
.el-message-box__btns .el-button {
  border-radius: 2px;
  height: 40px;
  line-height: 38px;
  min-width: 120px;
  margin: 0 5px;
  padding: 0;
}
/*endregion*/
/*endregion*/

/*region confirm [删除、提交]弹框提示 el-message-box*/
.dialog-confirm .el-message-box__header {
  padding: 30px 15px 15px 30px;
  border-bottom: none;
}
.dialog-confirm .el-message-box__btns {
  text-align: right;
  padding: 16px 20px;
}
.dialog-confirm .el-message-box__btns .el-button {
  height: 30px;
  line-height: 27px;
  min-width: 63px;
}
.dialog-confirm.has-content .el-message-box__header {
  border-bottom: 1px solid #F2F2F2;
  padding: 15px 30px;
}
.el-message-box.has-content .el-message-box__content,
.dialog-confirm.has-content .el-message-box__content {
  padding: 10px 30px;
}
.el-message-box .el-message-box__header .el-message-box__headerbtn {
  top: 15px;
}
/*endregion*/

.iframe-order-print {
  z-index: -9999!important;
}

/*region fe-tab*/
.fe-tab ul {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  padding: 0;
  vertical-align: middle;
  background-color: #FFFFff;
}
.fe-tab ul li {
  text-align: center;
  float: left;
  padding: 0;
  cursor: pointer;
  position: relative;
  height: 50px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  font-size: 14px;
  font-weight: bold;
}
.fe-tab ul li.active {
  color: var(--main-color);
}
.fe-tab ul li.active:after {
  width: 56px;
  position: absolute;
  height: 2px;
  bottom: 8px;
  left: calc(50% - 28px);
  content: '';
  display: inline-block;
  background-color: var(--main-color);
}

.fe-tab.fixed,
.fe-tab.absolute {
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #FFFFff;
}
.fe-tab.fixed {
  position: fixed;
}
.fe-tab.absolute {
  position: absolute;
}
/*region 按钮样式，类似el-radio-button*/
.fe-tab.tab-button ul {
    justify-content: center;
    border-radius: 4px;
    overflow: hidden;
}
.fe-tab.tab-button ul li {
    height: 40px;
    line-height: 38px;
    font-size: 12px;
    color: #333333;
    padding: 0 20px;
    background-color: #FAFAFA;
    border: 1px solid #dcdfe6;
    border-left: none;
    margin: 0;
    font-weight: normal;
}

.fe-tab.tab-button ul li:first-child {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
}

.fe-tab.tab-button ul li:last-child {
    border-radius: 0 4px 4px 0;
}

.fe-tab.tab-button ul li.active {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    border-left: none;
    color: #ffffff;
}
.fe-tab.tab-button ul li.active:after {
  display: none;
}
.fe-tab.tab-button ul li.active:first-child {
    border-left: 1px solid var(--main-color);
}
/*region 按钮样式2 tab-button-style-2 (参考角色权限页面)*/
.fe-tab.tab-button.tab-button-style-2 ul {
  border-radius: 0;
  border-bottom: 1px solid var(--main-color);
  justify-content: flex-start;
}
.fe-tab.tab-button.tab-button-style-2 ul li {
  height: 34px;
  border-radius: 4px 4px 0 0;
  margin-right: 7px;
  border: 1px solid #dcdfe6;
  border-bottom: none;
  min-width: 110px;
}
.fe-tab.tab-button.tab-button-style-2 ul li.active {
  border-color: var(--main-color);
  font-weight: bold;
}
/*endregion*/
/*endregion*/
/*endregion*/

/*region .fe-dl-div*/
.fe-dl-div {
    clear: both;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    line-height: 18px;
}
.fe-dl-div dl {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    padding: 8px 0;
}
.fe-dl-div.dl-cell dl {
    width: 50%;
}
.fe-dl-div.dl-cell__3 dl {
    width: 33.3333%;
}
.fe-dl-div.dl-cell__4 dl {
    width: 25%;
}
.fe-dl-div.dd-font-14 dd {
    font-size: 14px;
}

.fe-dl-div dl dt {
    width: 110px;
    text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fe-dl-div dl dt.align-top {
  align-items: flex-start;
  padding-top: 6px;
}
.fe-dl-div dl dt b {
    margin-right: 5px;
}
.fe-dl-div dl dd {
    color: #333;
    padding-left: 20px;
    position: relative;
    margin-left: 0;
    flex: 1;
}
.fe-dl-div dl dd .error-tip {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    color: #FC1A1A;
    left: 0;
    bottom: 12px;
}

.fe-dl-div dl dd .dd-content {
    width: 250px;
    min-width: 250px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: inherit;
}
.fe-dl-div dl dd .el-select,
.fe-dl-div dl dd .input-div input,
.fe-dl-div dl dd input {
    height: 34px;
    line-height: 33px;
}
.fe-dl-div dl dd .el-select {
  width: 250px;
}
.fe-dl-div dl dd .febtn-white {
    height: 34px;
    line-height: 33px;
    margin-left: 10px;
    padding: 0 8px;
}
.fe-dl-div dl dd .color-tip {
    margin-left: 10px;
}
.fe-dl-div.border dl {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0;
}
.fe-dl-div.dt-width-auto dl dt,
.fe-dl-div.dl-cell.dt-left-width-auto dl:nth-child(odd) dt {
    width: initial;
}
.fe-dl-div.dt-width-auto dl dd {
    padding-left: 10px;
}
.fe-dl-div.dl-width-auto dl {
  width: initial;
}
.fe-dl-div.dl-width-auto dd .dd-content {
  width: 180px;
}
/*endregion*/

.fe-info-box {
    display: inline-block;
    max-width: 864px;
    width: 100%;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    overflow: hidden;
}
.fe-info-box .title-flex {
    background-color: #F0F0F0;
    padding: 0 10px 0 20px;
    min-height: 30px;
}
.fe-info-box .title-flex .act-btn {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    align-items: center;
    height: 20px;
    margin-left: 10px;
}
.fe-info-box .fe-dl-div dt {
    width: 80px;
}
.fe-info-box .fe-dl-div dl:nth-child(even) {
    padding-left: 40px;
}


.form-submit {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    min-height: 60px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background-color: #ffffff;
    padding: 10px 15px 5px 15px;
    border-top: 1px solid #f0f0f0;
    flex-flow: wrap;
}
.form-submit a,
.form-submit button {
    height: 30px;
    margin-right: 20px;
    min-width: 100px;
    margin-bottom: 5px;
}



.box-item-ul .box-item-li {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px dashed #bbbbbb;
    margin-top: 10px;
}


/*region el-loading*/
.el-loading-spinner .path {
    stroke: var(--main-color);
}
/*endregion*/
.loading-box {
  position: relative;
}
.loading-box:after {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/loading/loading.gif")center center no-repeat;
  background-size: 40px auto;
  content: '';
}

/*region 鼠标悬浮hover切换内容*/
.hover-box {
    position: relative;
}
.hover-box .hover-act {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    background-color: #ffffff;
}
.hover-box:hover .hover-act {
    display: inline-block;
}
/*endregion*/

/*region 图片、上传文件*/
/*region 文件上传按钮*/
.upload-file-btn {
  position: relative;
}
.upload-file-btn input[type=file] {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer;
}
/*endregion*/
/*endregion*/

/*region 图片、附件查看*/
.annex-img-list {
  margin-bottom: -8px;
}
.annex-img-list img,
.annex-img-list .img-item {
    width: 70px;
    height: 84px;
    margin-right: 8px;
    margin-bottom: 8px;
    vertical-align: middle;
    cursor: pointer;
}
.annex-img-list.drag-box img,
.annex-img-list.drag-box .img-item {
    cursor: move;
}
.annex-other-list {
}
.annex-other-list li {
    border: 1px dashed #E9E9E9;
    height: 36px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    padding: 0 10px;
    width: 250px;
}
.annex-other-list.drag-box li {
    cursor: move;
}
.annex-other-list li i {
    width: 22px;
    height: 22px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.annex-other-list li .file-name {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 24px);
    padding-left: 10px;
}
/*endregion*/

/*region el-dropdown*/
.dropdown-btn .dropdown-act-btn {
  border-radius: 4px 0 0 4px;
}
.dropdown-btn .dropdown-add-btn {
  border-radius: 0 4px 4px 0;
  border-left: none;
  padding: 0 5px;
}
.dropdown-btn .dropdown-add-btn i {
  font-size: 16px;
}
.el-dropdown-menu__item {
    font-size: 12px;
    text-align: center;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    color: var(--main-color);
    background-color: var(--main-color-opacity01);
}
/*endregion*/

/*region el-progress*/
.el-progress {
    width: 150px;
}
.el-progress-bar__inner {
    background-color: var(--main-color);
}
.el-progress-bar__outer {
    overflow: initial;
}
.el-progress--text-inside .el-progress-bar__innerText {
    background: var(--main-color);
    color: #fff!important;
    border-radius: 20px;
    margin: -10px 0 0 0;
    padding: 1px 5px;
}
/*endregion*/

/*region .el-popover*/
.el-popover {
    font-size: 12px;
}
.el-popover--plain {
    padding: 8px 10px;
    font-size: 12px;
}
.el-popover__title {
    font-size: 14px;
    margin-bottom: 5px;
}
.popper-fetable {
    padding: 0;
    box-shadow: 0 1px 6px 0px #c0c4cc;
}
.popper-fetable .fe-table {
    border-radius: 4px;
    overflow: hidden;
}
/*endregion*/

/*region 审核详情*/
.approval-page {
    align-items: flex-start;
    height: 100%;
    overflow-y: hidden;
    position: relative;
}
.approval-page:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 330px;
    background-color: #FAFAFA;
    width: 6px;
    height: 100%;
    display: inline-block;
    content: '';
}
.approval-page.no-approve-step:after {
    display: none;
}
.approval-left {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    margin-right: 10px;
    padding: 10px;
}
.approval-page .tab-base-content {
  width: 94%;margin: auto;
}
.approval-page.no-approve-step .tab-base-content {
  width: 90%;margin: auto;
}
.approval-page.v2:after {
  right: 500px;
}
.approval-page.v2 .approval-right {
  width: 500px;
}
/*endregion*/


/*region 左侧快捷栏*/
.quick-bar-box {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #ffffff;
  width: 80px;
  border-right: 5px solid #f6f6f6;
  z-index: 10;
  text-align: center;
}
.quick-bar-box .bar-head {
  height: 40px;
  border-bottom: 1px dashed #bbbbbb;
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.quick-bar-box .bar-head.v2 {
  background-color: #f0f0f0;
  border-bottom: none;
}
.quick-bar-box .bar-foot {
  border-top: 1px solid #EEEEEE;
  height: 50px;
}
.quick-bar-box.has-head.has-foot ul {
  height: calc(100% - 90px);
}
.quick-bar-box ul {
  height: 100%;
  overflow-y: auto;
}
.quick-bar-box.has-head ul {
  padding-top: 4px;
}
.quick-bar-box ul .li-title {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 10px 0;
}
.quick-bar-box ul .li-list {
  padding: 0 4px;
}
.quick-bar-box ul .li-list a {
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin: 10px 0;
  border-radius: 20px;
}
.quick-bar-box ul .li-list a:hover {
  background-color: var(--main-color-opacity01);
  color: var(--main-color);
}
.quick-bar-box ul .li-list a.active {
  background-color: var(--main-color);
  color: #ffffff;
  font-weight: bold;
}
.quick-body {
  margin-left: 80px;
}
.quick-body .table-eldiy.fixed-bottom .table-bottom {
  width: calc(100% - 80px);
}
.quick-body .form-submit {
  width: calc(100% - 80px);
}
/*宽度100px*/
.quick-bar-box.small {
  width: 100px;
}
.quick-body.small {
  margin-left: 100px;
}
.quick-body.small .fe-tab {
  left: 100px;
  width: 100%;
}
.quick-body.small .form-submit {
  width: calc(100% - 100px);
  left: 100px;
}
/*endregion*/


/*region 标签栏列表*/
.sl-box-list {
    height: 100%;
    overflow-y: hidden;
    border: 1px solid #DDDDDD;
}
.sl-box-item {
    height: 100%;
    overflow-y: hidden;
    width: 140px;
    position: relative;
    background-color: #FCFCFC;
}
.sl-box-item:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #DDDDDD;
    display: inline-block;
    content: '';
}
.sl-box-list .sl-box-item:last-child:after {
    display: none;
}
.sl-box-item .sl-title {
    color: #333333;
    height: 42px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
}
.sl-box-item .sl-body {
    padding: 10px;
    overflow-y: auto;
    height: calc(100% - 42px);
}
.sl-box-item .sl-body li {
    padding: 5px;
    min-height: 30px;
    color: #666666;
    cursor: pointer;
    margin-bottom: 5px;
}
.sl-box-item .sl-body li.active {
    background-color: var(--main-color);
    color: #ffffff;
    border-radius: 4px;
}
.sl-box-item .sl-body li:hover {
    background-color: var(--main-color-opacity01);
    color: var(--main-color);
}
.sl-box-content {
    border: 1px solid #DDDDDD;
    border-left: none;
    height: 100%;
    flex: 1;
}
/*endregion*/

/*region vuedraggable 拖拽选中样式*/
.draggable-chosen {
  background-color: #ffffff;
  position: relative;
}
.draggable-chosen:after {
  position: absolute;
  z-index: -1;
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  left: 0;
  top: 0;
  content: '';
}
/*目标位置占位符的样式及需要停靠位置的样式*/
.draggable-ghost {
  position: relative;
}
.draggable-ghost:after {
  border: dashed 2px #3089dc !important;
  position: absolute;
  z-index: -1;
  width: calc(100% - 4px);
  height: calc(100% - 2px);
  left: 0;
  top: 0;
  content: '';
}
/*endregion*/

/*region 富文本编辑器html内容*/
.rich-text-html img {
  width: auto;
  max-width: 100%;
}
/*endregion*/


/*region 工资表表格特殊处理*/
.payroll-table.el-table-diy .el-table th .cell {
  color: #666666;
}
.payroll-table .el-table thead.is-group th.el-table__cell {
  background-color: #FAFAFA;
}
.payroll-table .el-table thead.is-group th.el-table__cell.bg-blue-1 {
  background-color: rgba(39,152,246,0.03);
}
.payroll-table .el-table thead.is-group th.el-table__cell.bg-red-1 {
  background-color: rgba(238,48,48,0.03);
}
.payroll-table .el-table thead.is-group th.el-table__cell.bg-red-1 {
  background-color: rgba(238,48,48,0.03);
}
.payroll-table .el-table thead.is-group th.el-table__cell.bg-gray-1 {
  background-color: #F5F7F5;
}
.payroll-table .el-table .el-dropdown {
  color: #666666;
  font-size: 12px;
}
/*endregion*/



/*region 报表*/
.report-layout-page {
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.report-layout-page .report-layout {
  height: 100%;
  align-items: stretch;
}
/* region 左侧边栏 */
.category-sidebar {
  width: 240px;
  min-width: 240px;
  background-color: #fff;
  border-right: 1px solid #EBEEF5;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}

.category-sidebar .sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #EBEEF5;
  background: linear-gradient(135deg, #F0F7FF 0%, #FFFFFF 100%);
}

.category-sidebar .sidebar-title {
  font-size: 14px;
  font-weight: bold;
  color: #303133;
  display: flex;
  align-items: center;
}

.category-sidebar .sidebar-title i {
  margin-right: 8px;
  color: #409EFF;
  font-size: 16px;
}

.category-sidebar .sidebar-toggle {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #F5F7FA;
  color: #606266;
  cursor: pointer;
  transition: all 0.2s;
}

.category-sidebar .sidebar-toggle:hover {
  background-color: #EBF3FF;
  color: #409EFF;
}

.category-sidebar .sidebar-body {
  flex: 1;
  padding: 10px 12px;
  overflow-y: auto;
}


.category-sidebar .category-children {
  padding: 4px 0 4px 24px;
}


.category-sidebar .sidebar-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #EBEEF5;
}

.category-sidebar .sidebar-foot .febtn-plain,
.category-sidebar .sidebar-foot .febtn-primary {
  flex: 1;
  display: flex !important;
  justify-content: center;
  align-items: center;
  height: 32px;
  line-height: 1 !important;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  box-sizing: border-box;
  vertical-align: initial;
  text-decoration: none;
}

.category-sidebar .sidebar-foot .febtn-plain span,
.category-sidebar .sidebar-foot .febtn-primary span {
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.category-sidebar .sidebar-foot .febtn-plain i,
.category-sidebar .sidebar-foot .febtn-primary i {
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.category-sidebar .sidebar-foot .febtn-primary {
  color: #fff;
  background-color: #409EFF;
  border: 1px solid #409EFF;
}

.category-sidebar .sidebar-foot .febtn-primary:hover {
  background-color: #66B1FF;
  border-color: #66B1FF;
}

.category-sidebar .sidebar-foot .febtn-plain {
  color: #606266;
  background-color: #fff;
  border: 1px solid #DCDFE6;
}

.category-sidebar .sidebar-foot .febtn-plain:hover {
  color: #409EFF;
  border-color: #409EFF;
}
/*endregion*/
/* region el-collapse 分类筛选 */
.category-collapse {
  border: none;
}
.category-collapse .el-collapse-item {
  margin-bottom: 12px;
}
.category-collapse .el-collapse-item__header {
  height: auto;
  line-height: 1.5;
  padding: 7px 10px;
  border-radius: 6px;
  background-color: #F7F8FA;
  font-size: 12px;
  color: #606266;
  font-weight: 500;
  border-bottom: none;
}
.category-collapse .el-collapse-item__header:hover {
  background-color: #EBF3FF;
}
.category-collapse .el-collapse-item__header.is-active {
  background-color: #EBF3FF;
}
.category-collapse .el-collapse-item__arrow {
  margin-left: 6px;
  font-size: 12px;
  color: #909399;
}
.category-collapse .el-collapse-item__wrap {
  border-bottom: none;
  background-color: transparent;
}
.category-collapse .el-collapse-item__content {
  padding: 0;
}
.category-collapse .collapse-title {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.category-collapse .collapse-title .el-checkbox {
  flex: 1;
  min-width: 0;
  margin-right: 0;
}
.category-collapse .collapse-title .el-checkbox__label {
  font-size: 12px;
  color: #606266;
  font-weight: 500;
}
.category-collapse .category-children {
  padding: 4px 0 4px 24px;
}
.category-collapse .category-children .el-checkbox {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 4px;
  transition: all 0.2s;
  width: 100%;
  margin-right: 0;
}
.category-collapse .category-children .el-checkbox:hover {
  background-color: #F5F7FA;
}
.category-collapse .category-children .el-checkbox__label {
  font-size: 12px;
  color: #606266;
  font-weight: normal;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-collapse .group-count {
  margin-left: auto;
  font-size: 11px;
  color: #909399;
  font-weight: normal;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
/*endregion*/
/* region 右侧主内容区 */
.report-layout-page .report-main {
  padding: 8px 10px;
  overflow-y: auto;
  min-width: 0;
}

/* 顶部操作栏 */
.report-layout-page .top-bar {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  border: 1px solid #EBEEF5;
  flex-wrap: wrap;
  gap: 10px;
}

.report-layout-page .top-bar-left {
  flex-wrap: wrap;
  gap: 10px;
}

.report-layout-page .page-title {
  font-size: 15px;
  font-weight: bold;
  color: #303133;
  display: flex;
  align-items: center;
}

.report-layout-page .page-title i {
  margin-right: 8px;
  color: #409EFF;
  font-size: 18px;
}

/* 胶囊tab */
.report-layout-page .capsule-tabs {
  display: inline-flex;
  align-items: center;
  background-color: #F5F7FA;
  border-radius: 6px;
  padding: 3px;
  border: 1px solid #EBEEF5;
}

.report-layout-page .capsule-tabs .tab-item {
  padding: 5px 16px;
  font-size: 13px;
  color: #606266;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
  white-space: nowrap;
}

.report-layout-page .capsule-tabs .tab-item:hover {
  color: #409EFF;
}

.report-layout-page .capsule-tabs .tab-item.active {
  color: #fff;
  background-color: #409EFF;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(64, 158, 255, 0.3);
}

.report-layout-page .top-bar-right {
  flex-shrink: 0;
}

.report-layout-page .mode-select {
  display: flex;
  align-items: center;
}

.report-layout-page .mode-select label {
  font-size: 13px;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}

/* 搜索区 */
.report-layout-page .search-box {
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  border: 1px solid #EBEEF5;
  align-items: center;
}

.report-layout-page .search-box .search-item {
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.report-layout-page .search-box .search-item label {
  font-size: 13px;
  color: #606266;
  margin-right: 8px;
  white-space: nowrap;
}

/* 总利润卡片 */
.report-layout-page .total-report-card {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #F0F9FF 0%, #FFFFFF 100%);
  border: 1px solid #B3E0FF;
  border-radius: 10px;
  padding: 20px 24px;
  box-shadow: 0 2px 10px rgba(64, 158, 255, 0.12);
}

.report-layout-page .report-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #fff;
  background: linear-gradient(135deg, #409EFF 0%, #66B1FF 100%);
  box-shadow: 0 4px 14px rgba(64, 158, 255, 0.35);
  margin-right: 20px;
  flex-shrink: 0;
}

.report-layout-page .report-body {
  flex: 1;
  min-width: 0;
}

.report-layout-page .report-label {
  font-size: 14px;
  color: #606266;
  margin-bottom: 6px;
}

.report-layout-page .report-value {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 8px;
}

.report-layout-page .report-sub {
  font-size: 12px;
  color: #909399;
}

.report-layout-page .report-sub .divider {
  margin: 0 10px;
  color: #DCDFE6;
}

/* 分类表格区 */
.report-layout-page .report-tables {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.report-layout-page .table-panel {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  border: 1px solid #EBEEF5;
  overflow: hidden;
}

.report-layout-page .panel-title {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #EBEEF5;
  background-color: #FAFBFC;
  font-size: 14px;
  font-weight: bold;
  color: #303133;
}

.report-layout-page .title-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0;
}

.report-layout-page .title-dot.blue { background-color: #409EFF; }
.report-layout-page .title-dot.red { background-color: #F56C6C; }
.report-layout-page .title-dot.orange { background-color: #E6A23C; }
.report-layout-page .title-dot.purple { background-color: #9966CC; }
.report-layout-page .title-dot.cyan { background-color: #36CFC9; }
.report-layout-page .title-dot.green { background-color: #67C23A; }
.report-layout-page .title-dot.gold { background-color: #F5A623; }
.report-layout-page .title-dot.yellow { background-color: #F5C344; }

.report-layout-page .panel-total {
  font-size: 12px;
  color: #909399;
  margin-left: auto;
  font-weight: normal;
}

.report-layout-page .panel-body {
  padding: 0;
}

.report-layout-page .report-table {
  width: 100%;
  border-collapse: collapse;
}

.report-layout-page .report-table th {
  background-color: #F7F8FA;
  color: #303133;
  font-weight: bold;
  padding: 10px 16px;
  border-bottom: 1px solid #EBEEF5;
  font-size: 13px;
  white-space: nowrap;
}

.report-layout-page .report-table td {
  padding: 10px 16px;
  border-bottom: 1px solid #F2F6FC;
  font-size: 13px;
  color: #606266;
}

.report-layout-page .report-table tbody tr:last-child td {
  border-bottom: none;
}

.report-layout-page .report-table tbody tr:hover {
  background-color: #FAFBFC;
}

.report-layout-page .report-table .empty-td {
  color: #C0C4CC;
  padding: 30px 16px;
}

/* 横向滚动表格 */
.report-layout-page .table-scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.report-layout-page .horizontal-table {
  width: auto;
  min-width: 100%;
  table-layout: fixed;
}

.report-layout-page .horizontal-table th,
.report-layout-page .horizontal-table td {
  width: 120px;
  min-width: 120px;
  white-space: nowrap;
}

.report-layout-page .horizontal-table th.sticky-col,
.report-layout-page .horizontal-table td.sticky-col {
  width: 150px;
  min-width: 150px;
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #fff;
}

.report-layout-page .horizontal-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #F7F8FA;
}

.report-layout-page .horizontal-table thead th.sticky-col {
  z-index: 4;
}

.report-layout-page .horizontal-table .summary-row {
  background-color: #F0F9FF;
}

.report-layout-page .horizontal-table .summary-row td {
  color: #303133;
}

.report-layout-page .horizontal-table .summary-row td.sticky-col {
  background-color: #F0F9FF;
}

.report-layout-page .horizontal-table tbody tr:hover td.sticky-col {
  background-color: #FAFBFC;
}

.report-layout-page .horizontal-table tbody tr.summary-row:hover td.sticky-col {
  background-color: #F0F9FF;
}

/* el-table 横向滚动表样式 */
.report-layout-page .report-el-table.horizontal-table {
  width: 100%;
}
.report-layout-page .report-el-table.horizontal-table .el-table__header th {
  background-color: #F7F8FA;
  color: #303133;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 16px;
}
.report-layout-page .report-el-table.horizontal-table .el-table__body td {
  font-size: 13px;
  color: #606266;
}
.report-layout-page .report-el-table.horizontal-table .el-table__row.summary-row {
  background-color: #F0F9FF;
}
.report-layout-page .report-el-table.horizontal-table .el-table__row.summary-row td {
  color: #303133;
}
.report-layout-page .report-el-table.horizontal-table .el-table__body tr.summary-row:hover > td {
  background-color: #F0F9FF;
}
.report-layout-page .report-el-table.horizontal-table .el-table__empty-text {
  color: #C0C4CC;
  padding: 30px 0;
}

/* 复用公共按钮样式修正 */
.report-layout-page .febtn-primary,
.report-layout-page .febtn-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.report-layout-page .febtn-primary i,
.report-layout-page .febtn-white i {
  font-size: 13px;
}

.report-layout-page .hidden-lg {
  display: none;
}

/*region el-table*/
.report-el-table {
  font-size: 13px;
}
.report-el-table .el-table__header-wrapper th {
  background-color: #F7F8FA !important;
  color: rgb(48, 49, 51);
  font-weight: bold;
  padding: 8px 0;
}
.report-el-table th .cell {
  color: rgb(48, 49, 51);
}
.report-el-table.el-table .el-table__cell {
  padding: 8px 0;
}
.report-el-table .el-table__row td {
  padding: 8px 0;
}
.report-el-table .summary-row {
  background-color: #F0F9FF;
  font-weight: bold;
}
.report-el-table .summary-row td {
  background-color: #F0F9FF !important;
}
.report-el-table .color-primary {
  color: #1890ff;
}
.report-el-table .color-red {
  color: #ff4d4f;
}
.report-el-table .color-zero {
  color: #999999;
}
.report-el-table .color-black {
  color: #666;
}
.report-el-table .el-table__empty-text {
  color: #999999;
}
.report-el-table .el-table__footer-wrapper td.el-table__cell {
  background-color: #F0F9FF !important;
}
.report-el-table .el-table__fixed-footer-wrapper .cell,
.report-el-table .el-table__footer-wrapper .cell {
  color: #303133;
  font-weight: bold;
}
.report-el-table .el-table__footer-wrapper td:first-child .cell {
  text-align: left;
}
.report-el-table .el-table__fixed-footer-wrapper td:last-child .cell,
.report-el-table .el-table__footer-wrapper td:last-child .cell {
  color: var(--main-color);
}
/*endregion*/

/* 响应式 */
@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {
  .report-layout-page .category-sidebar {
    width: 220px;
    min-width: 220px;
  }
  .report-layout-page .report-value {
    font-size: 28px;
  }
  .report-layout-page .report-icon {
    width: 52px;
    height: 52px;
    font-size: 24px;
  }
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
  .report-layout-page .hidden-lg {
    display: flex;
  }
  .report-layout-page .category-sidebar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.12);
  }
  .report-layout-page .category-sidebar.collapsed {
    width: 0;
    min-width: 0;
    overflow: hidden;
    border-right: none;
    box-shadow: none;
  }
  .report-layout-page .report-main {
    padding-left: 40px;
  }
  .report-layout-page .category-sidebar.collapsed + .report-main {
    padding-left: 10px;
  }
  .report-layout-page .top-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .report-layout-page .top-bar-right {
    width: 100%;
    justify-content: flex-start;
  }
  .report-layout-page .mode-select {
    width: 100%;
  }
  .report-layout-page .mode-select .el-select {
    flex: 1;
  }
  .report-layout-page .search-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .report-layout-page .search-box .search-item {
    width: 100%;
    margin-right: 0;
  }
  .report-layout-page .search-box .search-item .el-select,
  .report-layout-page .search-box .search-item .date-range-picker {
    flex: 1;
    width: 100%;
  }
  .report-layout-page .total-report-card {
    flex-direction: column;
    text-align: center;
  }
  .report-layout-page .report-icon {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .report-layout-page .report-sub {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .report-layout-page .report-sub .divider {
    display: none;
  }
}
/*endregion*/
/*endregion*/