* {
  padding: 0;
  margin: 0;
}
html {
  height: 100%;
  font-family: "Microsoft YaHei";
}
body {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #f5f5f5;
}
/* 高德地图的修改 */
.amap-sug-result.amap-sug-result {
  position: fixed;
  z-index: 999999 !important;
}
.app-wrapper {
  height: 100%;
}
.containerBox {
  width: 100%;
  box-sizing: border-box;
  /*  2018-10-26 @pangyanli 添加*/
  padding: 64px 0 35px;
  /*  2018-10-26 @pangyanli 添加*/
  display: flex;
  height: 100%;
  flex: 1;
}
.containerBox .leftBox {
  box-sizing: border-box;
  width: 260px;
  height: 97.5%;
  background-color: #fff;
  margin-bottom: 10px;
}
.containerBox .rightBox {
  flex: 1;
  height: 100%;
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  margin: 0 10px;
}
.containerBox .rightBox .titleBox {
  color: #666;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding-left: 15px;
}
.containerBox .rightBox .titleBox em {
  font-weight: normal;
  color: #49abe9;
  font-style: normal;
}
.containerBox .rightBox .titleBox .location {
  line-height: 30px;
}
.containerBox .rightBox .el-tabs {
  height: 96%;
  box-sizing: border-box;
}
.containerBox .rightBox .el-tabs .el-tabs__content {
  height: 95%;
}
.containerBox .rightBox .el-tabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
.containerBox .el-table .cell,
.containerBox .el-table th div {
  padding: 0 5px;
}
.containerBox .el-table--border td:first-child .cell {
  padding: 0 5px;
}
.containerBox .el-table--border th:first-child .cell {
  padding: 0 5px;
}
.pub-container {
  width: 100%;
  display: flex;
  height: 100%;
  flex: 1;
}
.pub-container .left {
  width: 240px;
  background-color: #fff;
}
.pub-container .right {
  flex: 1;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  margin: 0 10px 10px;
}
.pub-container .right .title {
  color: #666;
  font-size: 12px;
  height: 30px;
  position: relative;
}
.pub-container .right .title em {
  font-weight: normal;
  color: #49abe9;
  font-style: normal;
}
.pub-container .right .title .location {
  line-height: 28px;
}
.pub-container .right .content {
  flex: 1;
  height: 90%;
  border-radius: 10px;
  background: #fff;
  box-shadow: rgba(69, 178, 242, 0.3) 0px 0px 16px;
}
.pub-container .right .content .opt {
  font-size: 12px;
  color: #333;
  padding: 0 10px;
}
.pub-container .right .content .opt .titleDiv {
  display: inline-block;
  margin: 10px;
}
.pub-container .right .content .opt .opt-select {
  margin: 10px;
  height: 28px;
  width: 180px;
}
.pub-container .right .content .opt .opt-inputW {
  width: 180px;
}
.pub-container .right .content .opt .opt-button {
  height: 30px;
  padding: 0 10px;
}
.pub-container .right .content .pub-table {
  height: 92%;
}
.pub-container .right .content .pub-table .el-table {
  height: 92% !important;
  width: 100%;
}
.pub-container .right .content .selectMarginR {
  margin-right: 10px;
}
.pub-container.pub-container2 {
  /*  2018-10-27@pangyanli 添加*/
  box-sizing: border-box;
  padding: 64px 0 35px;
  display: flex;
  height: 100%;
  flex: 1;
}
.opt-button {
  background: #49ace9;
  color: #fff;
  font-weight: 400;
}
.el-input__icon {
  line-height: 26px;
}
.pub-table {
  position: relative;
  padding-bottom: 5px;
}
.pub-table .el-table th {
  padding: 6px 0;
  background: #77B2EA;
  color: #fff;
}
.pub-table .el-table th:first-child {
  border-top-left-radius: 6px;
}
.pub-table .el-table th:last-child {
  border-top-right-radius: 6px;
}
.pub-table .el-table th .cell {
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.pub-table .el-table td {
  padding: 0;
  /* border-right: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;*/
}
.pub-table .el-table td .cell {
  font-size: 12px;
  color: #666;
  text-align: center;
}
.pub-table .el-table td:last-child {
  /*border-right: none;*/
}
.pub-table .pagination-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin-top: 5px;
}
.pub-table .pub-pagination {
  text-align: center;
}
.pub-table .pub-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #49ace9;
}
.pub-table .pub-pagination button,
.pub-table .pub-pagination span:not([class*=suffix]) {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
}
.pub-table .pub-pagination li {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.pub-table .scope-opt {
  color: #666;
  font-size: 12px;
}
.pub-table .scope-opt.detail span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.pub-table .scope-opt.detail span:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 16px;
  height: 22px;
  background: url(../assets/img/detail2.png) no-repeat;
  background-size: 100%;
}
.pub-table .scope-opt.edit span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  margin-right: 10px;
}
.pub-table .scope-opt.edit span:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 20px;
  height: 20px;
  background: url(../assets/img/edit.png) no-repeat;
  background-size: 100%;
}
.pub-table .scope-opt.del span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
}
.pub-table .scope-opt.del span:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 18px;
  height: 18px;
  background: url(../assets/img/del.png) no-repeat;
  background-size: 100%;
}
.pub-table .scope-opt.sort span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  margin-right: 10px;
}
.pub-table .scope-opt.sort span:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 20px;
  height: 20px;
  background: url(../assets/img/sort.png) no-repeat;
  background-size: 100%;
}
.pub-table .scope-opt.instrument span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  margin-right: 10px;
}
.pub-table .scope-opt.instrument span:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 20px;
  height: 20px;
  background: url(../assets/img/yqpz.png) no-repeat;
  background-size: 100%;
}
.pub-table.logTable .el-table__body-wrapper .el-table__body tr td .cell {
  height: auto !important;
  padding: 7px 5px 7px 2px;
}
.opt-select .el-input {
  font-size: 12px;
}
.opt-select .el-input .el-input__inner {
  color: #666;
}
/* @author pangyanli 2018-9-7
* 修改左侧树的样式
*/
/*ul{
    -webkit-padding-start: 15px;
    margin: 2px 0;
    li{
        margin: 2px 0;
    }
}*/
li {
  list-style: none;
}
input,
button,
a {
  outline: 0 none !important;
  user-select: none;
}
.roots_open,
.center_open,
.bottom_open {
  display: inline-block;
  width: 8px;
  height: 9px;
  background: url(../assets/img/icon_open.png) no-repeat;
  background-size: cover;
  margin-right: 6px;
}
.roots_close,
.center_close,
.bottom_close {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url(../assets/img/icon_close.png) no-repeat;
  background-size: cover;
  margin-right: 6px;
}
.ico_docu {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 4px;
}
.node_name {
  color: #333;
  font-size: 14px;
}
ul.level0 .node_name {
  color: #666;
}
.pub-table {
  width: 99%;
  margin: 0 auto;
}
.el-input__inner {
  height: 28px;
  line-height: 28px;
}
.el-input--suffix .el-input__inner {
  padding-right: 15px;
}
.el-input--prefix .el-input__inner {
  padding-left: 15px;
}
.el-input__inner {
  height: 28px;
}
.common-pop .el-tabs__content {
  padding: 5px 0 5px 5px;
  border: 1px solid rgba(69, 178, 242, 0.3);
  border-radius: 6px;
  box-shadow: rgba(69, 178, 242, 0.3) 0px 0px 16px;
  -webkit-box-shadow: rgba(69, 178, 242, 0.3) 0px 0px 16px;
}
/*.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left: 5px;}
.el-tabs--top.el-tabs--card .el-tabs__item:last-child{padding-right: 5px ;}*/
.common-pop .titleItem {
  display: block !important;
}
.common-pop .titleItem .el-form-item__content {
  margin-left: 0 !important;
  border-bottom: 1px solid #76B7F3;
  padding: 0 10px;
  width: 94%;
}
.common-pop .titleItem .el-form-item__content .titleName {
  width: 120px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #76B7F3;
}
.common-pop .el-dialog {
  width: 880px;
  text-align: center;
  border-radius: 6px;
}
.common-pop .el-dialog .el-date-editor .el-input__suffix {
  top: 13px;
}
.common-pop .el-dialog .tabInlineBlock {
  display: inline-block;
  width: 100%;
}
.common-pop .el-dialog .el-form-item {
  width: 49%;
}
.common-pop .el-dialog .el-form-item.block-item {
  width: 100%;
}
.common-pop .el-dialog .el-form-item.block-item2 {
  width: 100%;
}
.common-pop .el-dialog .el-form-item.block-item2 .el-form-item__content {
  margin-left: 0 !important;
  text-align: center;
  color: #49a5e9;
}
.common-pop .el-dialog .el-form-item.block-item2 .el-form-item__content .title-text {
  margin: 0 5px;
  font-size: 14px;
}
.common-pop .el-dialog .el-form-item.block-item2 .el-form-item__content .line-blue {
  width: 280px;
  height: 1px;
  background-color: #6ac1ff;
  border-radius: 1px;
  display: inline-block;
  vertical-align: middle;
}
.common-pop .el-dialog .el-form-item.block-item2 .el-form-item__content .sub-title-text {
  position: absolute;
  top: 16px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.common-pop .el-dialog .el-form-item.singleFormItem {
  width: 100%;
}
.smallDialog .el-dialog {
  width: 420px;
}
.smallDialog .el-dialog .singleFormItem {
  display: block;
  width: 100%;
}
.smallDialog .dialogCtnWrapper {
  height: 250px;
  overflow: auto;
  border: 1px solid #1C3456;
  width: 75%;
  padding: 5px 16px 5px 0;
  box-sizing: border-box;
  background: #1C3456;
  padding-top: 10px;
}
.smallDialog .dialogCtnWrapper .el-checkbox {
  margin-left: 5px;
}
.smallDialog .el-form-item__content {
  text-align: left;
}
.common-pop .el-dialog__header {
  background: #619dd3;
  text-align: center;
  height: 36px;
  padding: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.common-pop .el-dialog__headerbtn {
  top: 8px;
  right: 15px;
}
.common-pop .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
.common-pop .el-dialog__title {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  position: relative;
  top: 0;
  line-height: 36px;
}
.common-pop .el-dialog__footer {
  text-align: center;
  padding: 5px 10px 15px;
}
.block-item {
  width: 100%;
}
.block-item.block-item2 .el-form-item__content {
  margin-left: 0 !important;
  text-align: center;
  color: #49a5e9;
}
.block-item.block-item2 .el-form-item__content .title-text {
  margin: 0 5px;
  font-size: 14px;
}
.block-item.block-item2 .el-form-item__content .line-blue {
  width: 280px;
  height: 1px;
  background-color: #6ac1ff;
  border-radius: 1px;
  display: inline-block;
  vertical-align: middle;
}
.block-item.block-item2 .el-form-item__content .sub-title-text {
  position: absolute;
  top: 16px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
.common-pop .el-button--primary {
  background: #76b7f3;
  border-color: #76b7f3;
}
.common-pop .el-button {
  padding: 0 10px;
  width: auto;
  height: 26px;
  line-height: 26px;
  margin: 0 15px;
}
.common-pop .el-button--default {
  border-color: #76b7f3;
  color: #76b7f3;
}
.common-pop .el-form-item {
  display: inline-block;
}
.common-pop .opt-input {
  width: 180px;
  white-space: nowrap;
}
.common-pop .opt-text {
  display: inline-block;
  width: 170px;
  padding-left: 10px;
}
.common-pop .doubleFomrItem .el-input__inner {
  width: 120px;
}
.common-pop .doubleFomrItem .el-input {
  width: 48%;
}
.common-pop .is-required .opt-input:after {
  content: "*";
  color: #f56c6c;
  margin: 0 4px;
}
.common-pop .el-input__inner {
  height: 26px;
  line-height: 26px;
  width: 100%;
}
.common-pop .addressDiv .el-input__inner {
  width: 120px;
}
/*.common-pop .addressDiv .opt-input:after{
    content: "*";
    color: #f56c6c;
    margin: 0 4px;}*/
.common-pop .el-date-editor.el-input {
  width: 100px;
}
.el-form-item {
  margin-bottom: 5px;
}
.el-dialog--center .el-dialog__body {
  padding: 10px;
  max-height: 430px;
  overflow-y: auto;
}
.el-tabs--card > .el-tabs__header {
  height: auto;
  border: 0;
  margin: 0 0 2px;
  padding: 1px 10px;
}
.el-tabs--card > .el-tabs__header:after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -1px;
  width: 100%;
  z-index: 99;
  background-color: #77b2ea;
  height: 1px;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 0 !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: solid 1px #e7e7e7;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background: #fff;
  border: 0;
  color: #619DD3;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  height: 42px;
  text-align: center;
  color: #999;
  background-color: #f5f5f5;
  box-shadow: 0 0 10px 0 rgba(169, 223, 255, 0.38);
  border: solid 1px #e7e7e7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.el-form-item.is-required .el-form-item__label:before {
  position: relative;
  top: 2px;
}
.common-pop .el-select > .el-input {
  display: inline-block;
  width: 100%;
}
.common-pop .el-select > .el-input .el-input__inner {
  height: 28px !important;
}
.common-pop .el-select .el-tag--small {
  height: 20px;
  padding: 0 8px;
  line-height: 18px;
}
.common-pop .el-input__prefix {
  right: 5px;
  left: inherit;
}
.el-input__prefix {
  right: 5px;
  left: inherit;
}
.detaileWrap .el-tabs__content {
  padding: 0;
}
.detaileWrap .detaileTable {
  width: 100%;
  background: #f5f5f5;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.detaileWrap .detaileTable > tbody > tr > td {
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 10px;
}
.detaileWrap .detaileTable > tbody > tr > td.leftName {
  color: #6AA4D9;
  text-align: right;
  padding-left: 0;
}
.detaileWrap .detaileTable > tbody > tr > td.rightCtn {
  text-align: left;
}
.detaileWrap .detaileTable > tbody > tr > td .titleName {
  text-align: left;
  border-bottom: 1px solid #76B7F3;
  padding-left: 10px;
  margin-left: 10px;
}
.detaileWrap .detaileTable > tbody > tr > td .titleName .titleText {
  width: 120px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #76B7F3;
}
.el-form-item__error {
  top: 82%;
}
.short-dialog .el-dialog--center .el-dialog__body {
  height: 100px;
}
.short-dialog .el-dialog--center .el-dialog__body .titText {
  margin-top: 30px;
  padding-left: 70px;
  text-align: center;
}
.short-dialog .el-dialog--center .el-dialog__body .titText:before {
  content: "";
  position: absolute;
  left: 100px;
  top: 67px;
  width: 58px;
  height: 58px;
  background: url(../assets/img/delete.png) no-repeat;
  background-size: 100%;
}
.el-radio + .el-radio {
  margin-left: 10px;
}
/*
.el-table__fixed-header-wrapper{
    >table{
        >thead{
            >tr{
                >th:last-child{
                    border-left:1px solid #f5f5f5;
                }
            }
        }
    }
}
.el-table__fixed-body-wrapper{
    >table{
        >tbody{
            >tr{
                >td:last-child{
                    border-left:1px solid #f5f5f5;
                }
            }

        }
    }
}*/
.el-icon-round1:before {
  content: "";
  position: relative;
  left: -5px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../assets/img/round1.png);
  background-size: 100%;
}
.el-icon-round2:before {
  content: "";
  position: relative;
  left: -5px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../assets/img/round2.png);
  background-size: 100%;
}
.el-icon-round3:before {
  content: "";
  position: relative;
  left: -5px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../assets/img/round3.png);
  background-size: 100%;
}
.el-icon-round4:before {
  content: "";
  position: relative;
  left: -5px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../assets/img/round4.png);
  background-size: 100%;
}
.WATER:before {
  content: "";
  position: relative;
  left: -5px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../assets/img/round4.png);
  background-size: 100%;
}
.GAS:before {
  content: "";
  position: relative;
  left: -5px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../assets/img/round3.png);
  background-size: 100%;
}
/* 穿梭框按钮样式 */
.btn2 .el-transfer__button {
  margin: 10px 0;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: rgba(73, 179, 233, 0.5);
  color: #ffffff;
}
.btn2 .el-transfer__button {
  color: #fff;
}
.el-transfer-panel__filter {
  margin: 5px;
}
.v-modal {
  z-index: 100 !important;
}
.viewer-container {
  z-index: 9999999 !important;
}
.el-button:focus,
.el-button:hover {
  background-color: inherit;
}
.common-pop .el-form-item.baseUpFileItem {
  display: block;
  width: 100%;
}
.common-pop .el-form-item.baseUpFileItem .fujian {
  position: relative;
}
.common-pop .el-form-item.baseUpFileItem .fujian .red {
  position: absolute;
  left: 95px;
  top: 5px;
  width: 65%;
  line-height: 16px;
  color: red;
  font-size: 12px;
}
.brTable .el-table__body-wrapper .el-table__body tr td .cell {
  height: auto !important;
}
.brTable .el-table__fixed-body-wrapper .el-table__body tr td .cell {
  height: auto !important;
}