@charset "utf-8";
/* CSS Document */
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
    margin: 0;
}
.el-table th.el-table__cell {
    background-color: #fafafa;
    color: #606266;
}
.el-table--mini .el-table__cell{
    padding: 2px 0 !important;
}
.el-date-table, .el-table th.el-table__cell{
    padding: 6px 0 !important;
}
.el-table__body td{
    height: 37px !important;
    line-height: 37px !important;
}
.el-table--enable-row-transition .el-table__body td.el-table__cell{
    border-bottom: 1px dotted #ccc !important;
    border-width: 0 1px 1px 0 !important;
}
.el-table__body tr.current-row>td.el-table__cell {
    background-color: #d1dce9 !important;
}
.el-dialog__headerbtn .el-dialog__close{
    color: #fff !important;
    background: red;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2px;
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close{
    color:#fff ;
}
.hidden {
    overflow: hidden;
}

.flexend {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.left {
    float: left
}

.right {
    float: right
}

.no-list {
    list-style: none
}

.center {
    text-align: center
}
.center-h{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.center-v{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.center-hv{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.lcenter{
    line-height: 100%;
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.none {
    display: none
}

.full {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.fit {
    width: 100%;
    height: 100%;
}
.fit-h{
    width: 100%;
}
.fit-v{
    height: 100%;
}
.flex_col,.flex-col,.flex-colmun,.flex_column{
  display: flex;
  flex-direction: column;
}
.flex-center,.f-c{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-align-center,.f-a-c{
  display: flex;
  align-items: center;
}
.flex-justify-center,.f-j-c{
  display: flex;
  justify-content: center;
}
.flex-space-around,.f-s-a{
  display: flex;
  justify-content: space-around;
}
.flex-space-between,.f-s-b{
  display: flex;
  justify-content: space-between;
}
.flex_1,.flex-1{
	flex:1
}
.t-c,.text-align-center,.text-center{
    text-align: center;
}
.font-bold{
    font-weight: bold;
}
.font-large{
    font-size: 18px;
}
.font-normal{
    font-size: 16px;
}
.font-small{
    font-size: 14px;
}
.font-mini{
    font-size: 12px;
}
a {
    text-decoration: none;
    /*color: #8d8e90;*/
}




.dg-bar-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.myloading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #c0c0c0a1;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.switchbox {
    /* position: relative; */
    width: 100%;
    height: 100%;
}

.switcher {
    /* position: absolute; */
    width: 100%;
    height: 100%;
    background: #fff;
}

.switch-hide {
    display: none;
}

.VMarker {
    position: absolute;
    overflow: visible;
    width: 0;
    height: 0;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    cursor: pointer;
    border-style: solid;
}

@-webkit-keyframes vmarker-jump {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -20px;
    }
  }

@-moz-keyframes vmarker-jump {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -20px;
    }
  }

@-o-keyframes vmarker-jump {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -20px;
    }
  }

@keyframes vmarker-jump {
    0% {
      margin-top: 0;
    }
    100% {
      margin-top: -20px;
    }
  }
  
  .VMarker[jump="true"] {
    /* animation: jump .365s cubic-bezier(.05,.22,.42,.91) infinite alternate; */
    -webkit-animation: vmarker-jump 0.363s cubic-bezier(0.05, 0.22, 0.42, 0.91) infinite
      alternate;
       -moz-animation: vmarker-jump 0.363s cubic-bezier(0.05, 0.22, 0.42, 0.91) infinite
      alternate;
         -o-animation: vmarker-jump 0.363s cubic-bezier(0.05, 0.22, 0.42, 0.91) infinite
      alternate;
            animation: vmarker-jump 0.363s cubic-bezier(0.05, 0.22, 0.42, 0.91) infinite
      alternate;
  }

.block
{
    display: block;
}
.inline-block
{
    display: inline-block;
}
.none
{
    display: none;
}
a
{
    text-decoration: none;
}
ul
{
    padding-left: 0;

    list-style: none;
}
.red
{
    color: red;
}


.dg-bar-center
{
    display: flex;

    width: 100%;

    align-items: center;
}

.myloading
{
    display: flex;

    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    user-select: none;

    background: #c0c0c0a1;

    justify-content: center;
    align-items: center;
}
.switchbox
{
    /* position: relative; */
    width: 100%;
    height: 100%;
}
.switcher
{
    /* position: absolute; */
    width: 100%;
    height: 100%;

    background: #fff;
}
.switch-hide
{
    display: none;
}
.needInput:after
{
    display: inline-block;

    content: '*';

    color: red;
}
.iconfont
{
    margin: 0 5px;
}
.toolbarspace
{
    padding: 2px 3px 3px 3px!important;
}
.easyui-linkbutton
{
    min-width: 80px;
}
.t_center{
    text-align: center;

}
.t_left{
    text-align: left;

}
.t_right{
    text-align: right;

}
.bold{
    font-weight: bold;
}
.flex{
    display: flex;
}
.flex_wrap,.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.space-between{
    justify-content: space-between;
}
.space-around{
    justify-content: space-around;
}
.column-separate{
    display: inline-block;
    width: 10px;
    text-align: center;
}
.row-separate{
    display: block;
    height: 10px;
    line-height: 100%;
}


.btn-ok-main,
.btn-no-main {
  padding: 0 20px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #57a3f3;
  border-radius: 3px;
  margin: 5px 5px 5px 0;
}

.btn-ok-main {
  background: #57a3f3;
  color: #fff;
}

.btn-ok-main:hover {
  opacity: 0.9;
  color: #fff;
}

.btn-no-main {
  color: #57a3f3;
}

.btn-no-main:hover {
  opacity: 0.9;
  color: #57a3f3;
}  


.wrap_notice {
    position:relative;
}

.notice {
    width:11px;
    height:21px;
    line-height:18px;
    font-size:14px;
    color: red;
    text-align:center;
    border-radius:2px;
    position:absolute;
    right:-11px;
    top:-6px;
}

.el-select{
        width: 100%;
    }
.menhu_top_content:first-child {
    margin-left: 0;
}

.menhu_top_content:last-child {
    margin-right: 0;
}

.menhu_top_content {
    background-color: #1E9FFF;
    flex: 1;
    display: flex;
    margin: 0 5px;
    justify-content: center;
    padding-top: 20px;
    color: white;
    border-radius: 5px;
}
.metersSelect_dialog,
.baiduMapDialog{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;

}
.baiduMapDialog{
    position: inherit;
}
.hideX .el-scrollbar__wrap,.hide-x .el-scrollbar__wrap {
    overflow-x: hidden;
}
.metersSelect_dialog .el-dialog {
    margin: 0 auto !important;
    height: 85%;
    overflow: hidden;
}
.metersSelect_dialog .el-dialog .el-dialog__body {
    position: absolute;
    left: 0;
    top: 54px;
    bottom: 0;
    right: 0;
    padding: 0;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
}
.metersSelect_dialog .el-upload-list__item-name [class^=el-icon]{
    height: auto;
}
.metersSelect_dialog .el-table .cell{
    height: auto;
    line-height: 30px;
}
.metersSelect_dialog .el-table__body td {
    padding: 0 !important;
    height: 15px;
    line-height: 15px;
}
.mtSelectUserTree .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
    background-color: white!important;
}
.mtSelectUserTree .el-tree-node:focus>.el-tree-node__content{
    background-color:#1e9fff!important;
    color: white;
}
.baiduMapDialog .el-dialog{
    margin: 0 auto !important;
    height: 610px;
    overflow: hidden;
}
.baiduMapDialog .el-dialog .el-dialog__body{
    position: absolute;
    left: 0;
    top: 54px;
    bottom: 0;
    right: 0;
    padding: 5px 20px;
    z-index: 1;
    overflow: hidden;
    overflow-y: auto;
}
.selectStaff .el-select-dropdown {
    position: absolute !important;
}
.selectStaff .el-scrollbar__wrap {
    height: 300px !important;
}
.selectStaff .el-scrollbar .el-select-dropdown__item{
    overflow: inherit;
}
.lifeCycleScrap_dialog .el-dialog {
  /*margin: 0 auto !important;*/
  /*margin-top: 10%;*/
  /*height: 30%;*/
  /*overflow: hidden;*/
  position: absolute;
  left: calc(50% + 100px);
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
}
.lifeCycleScrap_dialog .class_css{
  width: 112px;
  text-align: right;
}
/*评论组件样式*/
.mt-comments-common .submitDrawer {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 15px;
    background: white;
    z-index: 1000;
    width: calc(100% - 0px);
    display: flex;
    justify-content: space-between;
}
.mt-comments-common .drawerClass{
    /*height: 400px;*/
    display: none;
    background: #eeeeee;
    border-radius: 5px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    overflow: hidden;
    /*z-index: 10001;*/
}
.mt-comments-common .commentReply{
    padding: 10px 10px 0;
}
.mt-comments-common .el-divider--horizontal{
    margin: 10px 0
}
.mt-comments-common .commentReply:hover{
    background: white;
}
.mt-comments-common ::-webkit-scrollbar {
    display: none;
}
/*员工信息样式*/
.mt-show-personnel-details .el-dialog{
    margin-right: 0;
    height: calc(100% - 97px);
    margin-bottom: 0;
}
.mt-show-personnel-details .el-dialog__body{
    height: calc(100% - 60px);
    padding: 0 20px 10px 20px;
}
.mt-show-personnel-details .commonDialogDetails_desc{
    width: 110px;
    text-align: right;
}
.mt-show-personnel-details .w-e-toolbar {
    display: flex;
    padding: 0 6px;
    flex-wrap: wrap;
    position: relative;
    justify-content: flex-end;
}
.mt-show-personnel-details .el-collapse-item__header {
    height: 25px;
    line-height: 38px;
    border: none;
    border-left: 5px solid #1e9fff;
    /* margin: 10px 0px 0; */
    padding: 0 10px 0 15px;
    /* padding-left: 5px; */
    background: #eeeeee;
}
.mt-show-personnel-details .el-collapse-item__content{
    /* padding-bottom: 25px; */
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769;
}
.MT_PROCESS_STYLE .commonDialog{
    left: 55% ;
    top: 50% ;
    transform: translate(-50%, -50%) ;
    margin: 0 auto !important;
    position: absolute ;
}
.MT_PROCESS_STYLE .el-upload-list__item-name [class^=el-icon] {
    height: auto;
}
.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mt-upload .el-upload-list__item-name [class^=el-icon]{
    height: auto;
}
.mt-upload .el-upload-list--picture-card .el-upload-list__item{
    width: 60px;
    height:60px;
}
.mt-upload .el-upload--picture-card{
    width: 60px;
    height:60px;
}
.mt-upload .el-upload-list__item-name{
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: clip;
    /* -webkit-transition: color .3s; */
    transition: color .3s;
    white-space: normal;
}

.tong-yong-create-dialog .el-upload--picture-card{
width: 80px;
height: 100px;
}
/*.tong-yong-create-dialog .el-upload{*/
/*width: 80px;*/
/*height: 80px;*/
/*line-height: 80px;*/
/*}*/
.tong-yong-create-dialog .el-upload-list--picture-card .el-upload-list__item{
width: 80px;
height: 80px;
line-height: 80px;
}
.tong-yong-create-dialog .el-upload-list--picture-card .el-upload-list__item-thumbnail{
width: 80px;
height: 80px;
line-height: 80px;
}
.tong-yong-create-dialog .avatar{
width: 80px;
height: 80px;
}
/*回显富文本框自定义高度*/
.report-height-class  p,
.report-height-class  h1,
.report-height-class  h2,
.report-height-class  h3,
.report-height-class  h4,
.report-height-class  h5,
.report-height-class  table,
.report-height-class  pre{
    margin: 10px 0;
    line-height: 1.5;
}
.report-height-class p,
.report-height-class p,
.report-height-class p{
    font-size: 16px !important;
}
.report-height-class img{
    max-height:160px !important;
    max-width:160px !important;
    /*width: 100% !important;*/
    /*height: auto;*/
}
.wang-editor-height-class .w-e-text img{
    max-height:inherit !important;
    max-width:inherit !important;
    width: 100% !important;
    height: auto;
}
.report-height-class br{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.descLabelStyle{
    width: 110px;
}
.count-item {
    margin: 5px;
    flex: 1;
    border: 1px solid #eee;
    padding: 25px 15px;
    cursor: pointer;
    align-items: center;
    transition: all .5s;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.count-item:hover {
    background: #eee;
}

.count-item-icon {
    font-size: 32px;
    color: var(--color-theme);
}

.count-item-value {
    margin-left: 10px;
}

.select-card {
    border: 1px solid var(--theme_color);
}
.childTableClass .el-tabs--border-card>.el-tabs__content{
    padding: 0;
}
.node-item-tool{
    display: none;
}
.node-item:hover .node-item-tool{
    display: block;
}
.table-count .el-tabs--top .el-tabs__item.is-top:nth-child(2){
    padding-left: 20px;
}
.table-count .child-table-count .el-tabs__header{
    margin: 0;
}
.mtInfoRichtext img {
    max-width: 50px;
    max-height: 50px;
}
.mt-child-table-tab .el-tabs__nav-wrap.is-scrollable{
    padding: 0 26px !important;
    display: flex !important;
    align-items: center !important;
}
.mt-child-table-tab .el-tabs__nav-next, .el-tabs__nav-prev{
    font-size: 20px !important;
}
.select_dropdown{
    z-index: 20000!important;
}
.message_override{
    z-index: 20000 !important;
    position: relative;
}
.el-message-box__wrapper{
    z-index: 20000 !important;
}
.mt-bom-details .el-table .cell{
    padding-left: 5px;
    padding-right: 5px;
}
.mt-bom-details .el-table [class*=el-table__row--level] .el-table__expand-icon{
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px;
    margin-left: -5px;
}
.mt-zuoyezhidaoshu-create .article {
    position: relative;
    overflow: hidden;
}
.mt-zuoyezhidaoshu-create .article .flag {
    position: absolute;    /*绝对定位*/
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 74px;
    background-color: #1e9fff;
    color: #fff;
}
.mt-zuoyezhidaoshu-create .article .flag-left {
    transform: rotate(-45deg);
    left: -18px;
    top: 9px;
}
.mt-zuoyezhidaoshu-create .article .flag-right {
    transform: rotate(45deg);
    right: -18px;
    top: 9px;
}
.mt-zuoyezhidaoshu-create .commonDialog{
    left: 55% ;
    top: 50% ;
    transform: translate(-50%, -50%) ;
    margin: 0 auto !important;
    position: absolute ;
}
.mt-baifangjihua-form .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase{
    height: 96% !important;
    padding-top: 8px !important;
}
.mt-baifangjihua-form .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__decrease{
    height: 96% !important;
    padding-top: 8px !important;
}
.mt-customer-details .el-dialog__wrapper{
    overflow: hidden;
}
.mt-component-customize  .el-pagination .el-input--mini .el-input__inner { /*控制分页器一页显示多少条信息的高度*/
    height: 22px;
    line-height: 22px;
}
.mt-component-customize  .el-collapse-item__header {
    height: 25px;
    line-height: 38px;
    border: none;
    padding: 5px 0 0 5px;
    font-size: 16px;
}
.mt-component-customize .el-table__body tr.current-row > td span:not(.el-tag){
    color: #FFFFFF !important;
}
.mt-component-customize  .el-descriptions__header{
    margin-bottom: 0 !important;
}
.mt-component-customize  .el-descriptions__header .el-descriptions__title{
    font-size: 14px !important;
}
.mt-component-customize  .mt-tab .el-tabs__item,
.mt-component-customize  .mt-tab>.el-tabs__content{
    padding: 0 10px;
}
.mt-component-customize .mt-tab .el-tabs__header{
    margin: 0;
}
.mt-component-customize  .el-timeline-item__node--large{
    left: -4px;
    width: 20px;
    height: 20px;
}
.mt-bom-details .contextmenu {
    margin: 0;
    background: #fff;
    z-index: 3000;
    position: absolute;
    list-style-type: none;
    padding: 5px 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);

}
.mt-bom-details .contextmenu li {
    margin: 0;
    padding: 7px 16px;
    cursor: pointer;
}
.mt-bom-details .contextmenu li:hover {
     background: #eee;
 }
/*处理css, 使用 scss, 加上 scoped*/
.mt-bom-details .tree-card {
    height: 100%;
    /*background-color: #ffffff;*/
}
.mt-bom-details .tree-card .el-card__body {
    padding: 0;
}
.mt-bom-details .tree-head-check {
    width: 38px;
    text-align: right;
}
.mt-bom-details .tree-head {
    /*background-color: #f8f8f8;*/
    line-height: 40px;
    height: 40px;
    border: 1px solid #dcdee3;
    border-bottom: none;
    display: flex;
    font-size: 14px;
    color: #606266;
    justify-content: flex-end;
    /*padding-right: 8px;*/
}
.mt-bom-details .tree-head1{
    width: 9%;
    text-align: center;
    border-right: 1px solid #eee;
    white-space: nowrap; /* 防止文字自动换行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分以省略号表示 */
}
.mt-bom-details .tree-head2{
    width: 15%;
    text-align: center;
    border-right: 1px solid #eee;
    white-space: nowrap; /* 防止文字自动换行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分以省略号表示 */
}
.mt-bom-details .tree-head3{
    width: 25%;
    text-align: center;
    border-right: 1px solid #eee;
    white-space: nowrap; /* 防止文字自动换行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分以省略号表示 */
}
.mt-bom-details .tree-custom-node {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.mt-bom-details .el-tree {
    overflow: hidden;
}
.mt-bom-details .el-tree .el-tree-node {
    border: 1px solid #dcdee3;
    border-bottom: none;
}
.mt-bom-details .el-tree {
    border-bottom: 1px solid #dcdee3;
}
.mt-bom-details .el-tree-node__children .el-tree-node {
    border: none;
}
.mt-bom-details .el-tree-node__content {
    line-height: 40px !important;
    height: 40px !important;
}
.mt-bom-details .el-tree-node__children .el-tree-node__content {
    border-top: 1px solid #dcdee3;
}
.mt-bom-details .el-tree-node:focus > .el-tree-node__content {
    /*background-color: #ffffff !important;*/
}
.mt-bom-details .el-tree-node__content{
    padding-left: 0px;!important;
}
.el-tree-node__content{
    padding-left: 0;!important;
}
.mt-bom-details .el-upload-list__item-name [class^=el-icon]{
    height: 30px;
}
.ding-dan-customer .el-select-dropdown__item{
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: auto;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.ding-dan-customer .el-select-dropdown__item.hover{
    background-color: white;
}
.mt-shengchanjihuapeizhi .el-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    line-height: 25px;
    background-color: #EEE;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #EBEEF5;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    outline: 0;
    font-weight: 600;
    border-left: 3px solid #119fee;
}
.mt-shengchanjihuapeizhi .productTableClass .el-table__header-wrapper .el-checkbox{
    display:none
}
.mt-bom-details .productTableClass .el-table__header-wrapper .el-checkbox{
    display:none
}
.mt-shengchanjihuapeizhi .el-tabs__header{
    padding: 0;
    position: relative;
    margin: 0;
}
.mt-shengchanjihuapeizhi .el-collapse-item__content{
    padding-bottom: 0px;!important;
}
.mt-shengchanjihuapeizhi .hover:hover{
    background-color: #d9d9d9;
}
.mt-shengchanjihuapeizhi .specialTab .el-tabs__nav-scroll{
    display: flex;
    flex-direction: row-reverse;
}
.mt-shengchanjihuapeizhi .el-switch__label{
    -webkit-transition: .2s;
    transition: .2s;
     height: 15px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #303133;
    line-height: 40px;
}
.mt-shengchanjihuapeizhi .title-block {
    display: inline-block;
    position: relative;
    background: #1e9fff;
    color: white;
    text-align: center;
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    border-top-left-radius: 10px;
    letter-spacing: 2px;
}
.mt-shengchanjihuapeizhi .title{
    position: absolute;
    z-index: 2;
    width: 100px;
    background: #1e9fff;
    left: 0;
    border-top-left-radius: 10px;
}
.mt-shengchanjihuapeizhi .title-block .angle {
    position: absolute;
    right: -80px;
    top: 0px;
    height: 30px;
    width: 40px;
    background: #1e9fff;
    transform: skew(45deg,0deg);
}
.mt-shengchanjihuapeizhi .title-block .rightAngle{
    position: absolute;
    right: -87px;
    top: 0px;
    height: 30px;
    width: 5px;
    background: white;
    transform: skew(45deg,0deg);
}
.text-overflow-ellipsis,.ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.overflow-hidden{
    overflow: hidden;
}
/*联户表井内部样式*/
.gis-guandaojing-model {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../img/gis/bg_guandao.png) center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.panel-top {
    display: flex;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    font-weight: bold;
    align-items: center;
    line-height: 30px;
    font-size: 14px;
}

.panel-top-title {
    text-indent: 15px;
}

.gis-panel-tl {
    z-index: 9;
    padding: 0 10px 10px 10px;
    border-radius: 5px;
    position: absolute;
    top: 50px;
    left: 10px;
    box-shadow: rgb(204, 204, 204) 0px 0px 5px;
    background: rgb(255, 255, 255);
}

.gis-panel-left {
    z-index: 9;
    padding: 0 10px 10px 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 60px;
    top: 50px;
    left: 10px;
    box-shadow: rgb(204, 204, 204) 0px 0px 5px;
    background: rgb(255, 255, 255);
}

.gis-panel-right {
    width: 400px;
    z-index: 9;
    padding: 0 10px 10px 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 10px;
    top: 50px;
    right: 5px;
    box-shadow: rgb(204, 204, 204) 0px 0px 5px;
    background: rgb(255, 255, 255);
}

.panel-data-value {
    font-weight: bold;
    color: #0ab63d;
    /*font-size:14px;*/
}

.gis-meter {
    position: relative;
    width: 250px;
    height: 50%;
    display: flex;
    flex-direction: column;
    /*border: 1px solid #cccccc;*/
    align-items: center;
    /*margin: 5px;*/
    padding: 10px;
    background: url(../img/gis/bg_zhiguandao_bottom.png) center no-repeat;
    background-size: 50px 100%;
    /*flex: 1;*/
}

.gis-meter-bg {
    width: 250px;
    height: 250px;
    background: url(../img/gis/bg_meter1.png) center no-repeat;
    background-size: 215px;
    position: absolute;
    z-index: 2;
}

.gis-meter-value {
    width: 164px;
    height: 50px;
    font-weight: bold;
    text-align: right;
    height: 45px;
    margin-top: 20px;
    color: #000;
    padding: 0 10px;
    z-index: 1;
}

.gis-meter-unit {
    font-size: 22px;
    line-height: 45px;
}

.gis-meter-user {
    border-radius: 5px;
    margin-top: 13px;
    text-align: center;
    z-index: 2;
}

.gis-meter-control-top {
    position: absolute;
    bottom: 290px;
    z-index: 5;
    width: 200px;
    display: flex;
    justify-content: space-around;
}

.gis-meter-control-bottom {
    position: absolute;
    top: 290px;
    z-index: 5;
    width: 200px;
    display: flex;
    justify-content: space-around;
}

.gis-meter-status {
    width: 18px;
    height: 18px;
    margin-top: 36px;
    border-radius: 16px;
    z-index: 1;
    cursor: pointer;
}

.gis-meter-id {
    height: 25px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
    margin-top: 5px;
    color: #000000;
}

.gis-meter-money {
    font-size: 16px;
    font-weight: bold;
    z-index: 1;
}

.gis-meter-btn {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 10px;
    font-size: 16px;
    font-weight: bold;
    z-index: 1;
}

.company-panel-alarms {
    flex-wrap: wrap;
    background: #ffe8e8;
    border-radius: 5px;
    border-top: 1px solid #ffd1d1;
    border-left: 1px solid #ffd1d1;
}

.alarm-item {
    flex: 1;
    padding: 5px 0;
    text-align: center;
    transition: background .3s;
    border-right: 1px solid #ffd1d1;
    border-bottom: 1px solid #ffd1d1;
}

.company-panel-value {
    font-size: 14px;
    font-weight: bold;
    color: red;

}

.company-panel-label {
    font-size: 12px;
    color: #000;
    width: 60px;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gis-panel-dma-extend {
    z-index: 9;
    padding: 0 10px;
    border-radius: 5px;
    position: absolute;
    top: 60px;
    left: 10px;
    box-shadow: rgb(204, 204, 204) 0px 0px 5px;
    background: rgb(255, 255, 255);
}

.gis-view-control-panel {
    margin-left: 10px;
    background: rgb(255, 255, 255);
    padding: 0px 10px;
    border-radius: 5px;
    border: 1px solid rgb(238, 238, 238);
    align-items: center;
    display: flex;
}

.border-right {
    padding-right: 5px;
    border-right: 1px solid #000;
}

.gis-meter-data {
    position: absolute;
    /*top: 46px;*/
    white-space: nowrap;
    color: #ffffff;
    border-radius: 3px;
    text-align: left;
    overflow: hidden;
    box-shadow: 0 0 3px #000000ab;
    border: 2px solid #fff;
}

.gis-overlay-hide {
    opacity: .7;
    transition: .5s opacity;
}

.gis-overlay-hide:hover {
    opacity: 1;
}

.gis-overlay:hover {
    position: relative;
    opacity: 1;
    z-index: 9999
}

.site-info-box {
    box-shadow: 0 0 5px #cccccc;
    border-radius: 5px;
}

.site-info-box::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.gis-meter-data-name {
    border-bottom: 2px solid #fff;
    background: #2375f0;
    padding: 3px;
    text-align: center;
}

.gis-meter-data-item {
    /*background:#1ac31a;*/
    background: #e4e7ed;
    padding: 3px;
    font-weight: bold;
    color: #3b3b3b;
}

.gis-meter-data-none {
    /*background:#1ac31a;*/
    background: #e4e7ed;
    padding: 3px;
    font-weight: bold;
    color: #969a94;
}

.gis-meter-data-item.gis-meter-data-item-alarm {
    padding: 3px;
    color: red;
}

/*.gis-meter:hover{*/
/*    z-index:9999;*/
/*}*/
.meter-list-dialog .el-dialog__body {
    padding: 20px !important;
}

.gis-guandaojing-flow {
    width: 95%;
    height: 56px;
    background: -webkit-linear-gradient(#1E60C2 0%, #3896EB 50%, #1E60C2 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#1E60C2 0%, #3896EB 50%, #1E60C2 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#1E60C2 0%, #3896EB 50%, #1E60C2 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#1E60C2 0%, #3896EB 50%, #1E60C2 100%); /* 标准的语法 */
    position: absolute;
    left: 55px;
    z-index: 2;
    border-radius: 45px 0 0 45px;
    animation: flow_guandao 3s linear;
    /*transition:all 3s linear 5s;*/
}

.gis-guandaojing-flow_arrow {
    overflow: hidden;
}

.gis-guandaojing-flow_arrow::before {
    content: '';
    display: block;
    width: 1700px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    background: url("../img/gis/arrow.png") center repeat-x;
    animation: flowArrows1 8s linear infinite;
}

.gis-guandaojing-flow_arrow::after {
    content: '';
    display: block;
    width: 1700px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0px;
    opacity: .6;
    background: url("../img/gis/arrow.png") center repeat-x;
    animation: flowArrows2 8s linear infinite;
}

@keyframes flowArrows1 {
    0% {
        transform: translate(0)
    }
    100% {
        transform: translate(1700px)
    }
}

@keyframes flowArrows2 {
    0% {
        transform: translate(-1700px)
    }
    100% {
        transform: translate(0)
    }
}

.gis-guandaojing-wrap {
    flex-wrap: wrap;
    /*overflow: auto;*/
    /*width: 100%;*/
    height: 100%;
    margin-left: 100px;
}

.gis-guandaojing-merter-top-flow {
    width: 43px;
    background: -webkit-linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    background: -o-linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    background: -moz-linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    background: linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    position: absolute;
    bottom: 0;
    overflow: hidden;
    transition: all .8s linear 1.5s;
    z-index: 1;
    /*animation-fill-mode: forwards;*/
}

/*    .meter-flow-on{
   height:100%!important;


}
.meter-flow-off{
    height:50%!important;
}*/
.gis-guandaojing-merter-bottom-flow {
    width: 43px;
    background: -webkit-linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    background: -o-linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    background: -moz-linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    background: linear-gradient(right, #1E60C2 0%, #3896EB 50%, #1E60C2 100%);
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
    transition: all .8s linear 1.5s;
    /*animation-fill-mode: forwards;*/
}

.gis-meter-bottom-flow-empty {
    width: 43px;
    background: -webkit-linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    background: -o-linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    background: -moz-linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    background: linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    position: absolute;
    top: -25px;
    bottom: 0;
    overflow: hidden;
}

.gis-meter-top-flow-empty {
    width: 43px;
    background: -webkit-linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    background: -o-linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    background: -moz-linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    background: linear-gradient(right, #565555 0%, #eeeeee 50%, #565555 100%);
    position: absolute;
    bottom: -25px;
    top: 0;
    overflow: hidden;
}

.gis-merter-top .gis-meter-bg {
    bottom: 36px;
}

.gis-merter-top .gis-meter-user {
    top: 50px;
}

.gis-merter-bottom .gis-meter-bg {
    top: 36px;
}

.gis-merter-bottom .gis-meter-user {
    bottom: 50px;
}

.gis-merter-top .meter-flow-on::before {
    content: '';
    diaplsy: block;
    width: 43px;
    height: 43px;
    background: url(../img/gis/arrow_up.png) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    animation: arrow_up 1s infinite;
}

.gis-merter-bottom .meter-flow-on::before {
    content: '';
    diaplsy: block;
    width: 43px;
    height: 43px;
    background: url('../img/gis/arrow_down.png') center no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .6;
    animation: arrow_down 1s infinite;
}

@keyframes flow_guandao {
    0% {
        width: 0
    }
    100% {
        width: 95%
    }
}

@keyframes flow_meter_on {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

@keyframes flow_meter_off {
    0% {
        height: 0
    }
    100% {
        height: 50%
    }
}
.value_container{
    transition: background-color .5s;
}
.value_container:hover{
    background:#e1f7ee ;
}


/* 新版设计稿阴影按钮 */
.shadow-btn {
    padding: 0 16px;
    min-width: 76px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: none;
    gap: 6px;
    cursor: pointer;
}
.shadow-btn i {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
}
.shadow-btn-query {
    background: linear-gradient(to right, #3662EC, #8A38F5);
    box-shadow: 0px 4px 6px 0px rgba(13, 63, 159, 0.2);
}
.shadow-btn-success {
    background: #00b578;
    box-shadow: 2px 5px 6px 0px rgba(13, 140, 97, 0.5);
}
.shadow-btn-bluegreen {
    background: #07b9b9;
    box-shadow: 2px 5px 6px 0px rgba(16, 161, 161, 0.5);
}
.shadow-btn-warning {
    background: #ffc300;
    box-shadow: 2px 5px 6px 0px rgba(220, 135, 51, 0.5);
}
.shadow-btn-danger {
    background: #fa5151;
    box-shadow: 2px 4px 6px 0px rgba(184, 38, 38, 0.5);
}
.shadow-btn-primary {
    background: #0d3f9f;
    box-shadow: 0px 4px 6px 0px rgba(13, 63, 159, 0.2);
}
.shadow-btn-primary-light {
    background: #3662ec;
    /* 阴影/蓝色按钮 */
    box-shadow: 0px 4px 10px 0px rgba(13, 63, 159, 0.5);
}
.shadow-btn-primary-plain {
    background: #ffffff;
    color: #0d3f9f;
    border: 1px solid #0d3f9f;
    box-shadow: 0px 4px 6px 0px rgba(13, 63, 159, 0.2);
}
.shadow-btn-primary-plain i {
    color: #0d3f9f;
}

.footerCancel{
    /* 白色/100% */
    background: #FFFFFF;
    box-sizing: border-box;
    /* 主色/标准 */
    border: 1px solid #0D3F9F;
    /* 阴影/按钮 */
    box-shadow: 0px 4px 6px 0px rgba(13, 63, 159, 0.2);
    /* 正文段落/标准-粗 */
    font-family: HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0px;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    /* 主色/标准 */
    color: #0D3F9F;
    width: 80px;
    border-radius: 15px;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
}

.footerSubmit{
    /* 自动布局 */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;

    /* 主色/标准 */
    background: #0D3F9F;

    /* 阴影/按钮 */
    box-shadow: 0px 4px 6px 0px rgba(13, 63, 159, 0.2);
    /* 正文段落/标准-粗 */
    font-family: HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0px;

    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    /* 白色/100% */
    color: #FFFFFF;

    width: 80px;
    border-radius: 15px;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
}



/* 新版设计稿tag样式 */
.tag-green{
    width: 62px;
    height: 26px;
    /* 基本 */
    border-radius: 4px;
    /* 辅助色-绿/10% */
    background: #E6F8F2;
    box-sizing: border-box;
    /* 辅助色-绿/20% */
    border: 1px solid #CCF0E4;
    /* 正文段落/标准-常规 */
    font-family: HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: normal;
    /* 辅助色-绿/标准 */
    color: #00B578;
}

.tag-blue{
    width: 62px;
    height: 26px;
    border-radius: 4px;
    /* 辅助色-蓝/10% */
    background: #EAEFFD;
    box-sizing: border-box;
    /* 辅助色-蓝/20% */
    border: 1px solid #D7E0FB;
    /* 正文段落/标准-常规 */
    font-family: HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: normal;
    /* 辅助色-蓝/标准 */
    color: #3662EC;
}

.tag-red{
    width: 62px;
    height: 26px;
    /* 基本 */
    border-radius: 4px;
    /* 辅助色-红/10% */
    background: #FEEDED;
    box-sizing: border-box;
    /* 辅助色-红/20% */
    border: 1px solid #FEDCDC;
    /* 正文段落/标准-常规 */
    font-family: HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: normal;
    /* 辅助色-红/标准 */
    color: #FA5151;

}

/* 新版导出图标背景样式 */
.new-daochu-bg{
    width: 32px;
    height: 32px;
    border-radius: 15px;
    /* 中性色填充/中 */
    background: #EBEEF5;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

/* 新弹框 title 样式 */

.new-dialog-style{
    .el-dialog__title {
        /* 标题/大 */
        font-family: HarmonyOS Sans SC !important;
        font-size: 20px !important;
        font-weight: bold !important;
        line-height: 28px !important;
        letter-spacing: normal !important;
        /* 主色/标准 */
        color: #0D3F9F !important;
    }
    .el-dialog__headerbtn .el-dialog__close{
        color: #FA5151;
        border-radius: 15px;
        padding: 3px;
    }
}

/*新版设计 查询内容的重置*/
.new-reset-query-btn{
    color: #FA5151;
    margin-right: 8px;
    cursor: pointer;
 }


/*新版设计 查询带搜索按钮*/
.input-search-btn{
    width: 250px;
    .el-input__inner{
        height: 32px;
        line-height: 32px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .el-input__suffix {
        top: -4px; /* 调整顶部位置 */
    }
    .el-input-group__append, .el-input-group__prepend{
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        /*border-radius: 15px;*/
        /* 主色/标准 */
        background: #0D3F9F;
        color: #fff;
    }
}


/*新版设计 单选组  按钮 样式*/
.radio-group-button {
    height: 32px;
    .el-radio-button {
        height: 32px;
        border-radius: 15px;

        .el-radio-button__inner {
            padding: 8px 20px;
            border-radius: 15px;
            border: 1px solid #EBEEF5;
            color: #0D3F9F;

        }

        .el-radio-button__orig-radio:checked + .el-radio-button__inner {
            /* 主色/标准 */
            background: #0D3F9F;
            /* 阴影/按钮 */
            box-shadow: 0px 4px 6px 0px rgba(13, 63, 159, 0.2);
            border: 1px solid #0D3F9F;
            color: #fff !important;

        }
    }
}

/*新版设计 日期   range 样式*/
.date-picker-new{
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 15px !important;

    .el-input__icon{
        line-height: 24px !important;
    }
    .el-range-separator{
        line-height: 24px !important;
        width: 7% !important;
    }
    .el-input__inner{
        height: 32px !important;
        line-height: 32px !important;
        border-radius: 15px !important;
    }
}

/*新版设计 tabs   样式*/
.tabs-card-bar-new{
    padding-top: 5px;
    .el-tabs__header{
        margin: 0;
    }
    .el-tabs__item{
        padding: 0 10px;
        margin: 0 ;
        min-width: 90px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border-left:0px;
    }
    .el-tabs__item.is-active{
        color: #3662EC;
        background: #EAEFFD;
        border-bottom: 2px solid #3662EC !important;
    }
    .el-tabs__active-bar{
        background-color: #3662EC;
    }
}

/*新版设计 单选 border    样式*/
.radio-group-border-mini {
    height: 28px;

    font-weight: 500;
    .el-radio{
        margin-right: 10px;
    }
    .el-radio__inner{
        width: 12px;
        height: 12px;
    }
    .el-radio.is-bordered{
        height: 28px;
        border-radius:6px;
        padding: 7px 10px 0 10px;
        font-size: 12px !important;
    }
    .el-radio__input.is-checked .el-radio__inner{
        border-color: #FF8F1F;
        background: #FF8F1F;
    }
    .el-radio__input.is-checked+.el-radio__label {
        color: #FF8F1F;
    }
    .el-radio.is-bordered.is-checked{
        border-color: #FF8F1F;
    }
}


/*新版设计 弹框 dialog    样式*/
.custom-dialog-new{
    margin-top: 0px !important;
    top:5vh;
    .el-dialog__body{
        padding: 10px 20px 20px 20px;
    }
    .el-dialog__title{
        /* 标题/大 */
        font-family: HarmonyOS Sans SC;
        font-size: 20px;
        font-weight: bold;
        line-height: 28px;
        letter-spacing: 0px;
        font-variation-settings: "opsz" auto;
        font-feature-settings: "kern" on;
        /* 主色/标准 */
        color: #0D3F9F;
    }
    .el-dialog__headerbtn .el-dialog__close{
        border-radius: 15px;
        padding: 3px;
    }

}