/* 图表页 */
.background-image {
    background-image: url('../images/bg-new.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
}

.flex {
    display: flex;
}

.flex-sb {
    display: flex;
    justify-content: space-between;
}

.dv-percent-pond text {
    display: none;
}

.table-center {
    width: 100%;
    position: relative;
}

.table-center .layout_wrap {
    display: flex;
    width: 100%;
    height: 810px;
}

.table-center .layout_wrap .left_wrap {
    width: 22%;
    padding: 50px;
    border-right: 2px dashed #014689;
}

.table-center .layout_wrap .left_wrap .flex_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.table-center .layout_wrap .left_wrap .flex_box .flex_title_1 {
    width: 288px;
    height: 78px;
    background: url('../images/nbg.png');
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #fff;
}

.table-center .layout_wrap .left_wrap .flex_box .flex_title_1:nth-child(n+2) {
    margin-top: 20px;
}

.table-center .layout_wrap .left_wrap .flex_box .flex_title_active {
    color: #fdac01;
    box-sizing: border-box;
    border: 3px solid #fdac01;
    background: url('../images/nbg2.png');
    background-size: 100% 100%;
}

.right_wrap {
    width: 78%;
    padding: 50px;
}

.right_wrap .check_wrap {
    width: 100%;
    height: 60px;
    display: flex;
}

.right_wrap .check_wrap .check_title {
    width: 100px;
    color: #fff;
    font-size: 24px;
    line-height: 60px;
}


.input_box {
    display: flex;
    justify-content: center;
    width: calc(100% - 100px);
}

.input_box>div:nth-child(2) {
    margin: 0px 25px;
    height: 40px;
    line-height: 40px;
    color: #1afaff;
    font-size: 22px;
}

.right_wrap .check_wrap .check_box {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 100px);
}

.right_wrap .check_wrap .check_box .check_item {
    flex: 1;
    font-size: 24px;
    line-height: 60px;
    border: 1px solid #019fc3;
    background-color: rgba(1, 159, 195, .3);
    text-align: center;
    color: #fff;
}

.right_wrap .check_wrap .check_box .check_item:nth-child(n+2) {
    margin-left: 10px;
}

.right_wrap .check_wrap .check_box .check_item_active {
    color: #fdac01;
    border: 1px solid #fdac01;
    background-color: rgba(253, 182, 1, .3);
}

.right_wrap .check_wrap .check_box_area {
    display: flex;
    width: calc(100% - 100px);
}

.right_wrap .check_wrap .check_box_area .check_title {
    height: 60px;
    margin-top: 10px;
}

.right_wrap .check_wrap .check_box_area .check_item_area {
    flex: 1;
    min-width: 300px;
    font-size: 24px;
    line-height: 60px;
    border: 1px solid #019fc3;
    background-color: rgba(1, 159, 195, .3);
    text-align: center;
    color: #fff;
}

.right_wrap .check_wrap .check_box_area .check_item_area:nth-child(n+2) {
    margin-left: 10px;
}

.right_wrap .check_wrap .check_box_area .check_item_active {
    color: #fdac01;
    border: 1px solid #fdac01;
    background-color: rgba(253, 182, 1, .3);
}


.right_wrap .mt {
    margin-top: 10px;
}

.right_wrap .echarts {
    height: 600px;
}

.right_wrap .mt2 {
    margin-top: 80px;
}


.table-title {
    width: 100%;
    background-image: url('../images/ds.png');
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 24px;
    padding: 5px 0;
    cursor: pointer;
}

.large-chart {
    width: 100%;
    background-image: url('../images/largebg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 5px 20px 20px;
    margin-bottom: 5px;
}

.large-charttitle {
    color: rgb(0, 239, 255);
    font-size: 21px;
    display: flex;
    margin-bottom: 10px;
    align-items: flex-end;
    font-weight: 600;
    text-indent: 10px;
}

.mid-charttitle {
    color: #fff;
    width: 100%;
    font-size: 21px;
    margin-bottom: 16px;
    font-weight: 600;
    text-align: center;
    background: url(../images/bz-title1.png);
    background-size: 100% 100%;
}

.flex_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_box .flex_item {
    width: 32%;
    height: 92px;
    background: url('../images/nbg.png');
    background-size: 100% 100%;
}

.flex_box .flex_item:nth-child(4) .flex_title {
    font-size: 17px;
}

.flex_box .flex_item:nth-child(n+4) {
    margin-top: 10px;
}

.flex_box .flex_item .flex_title {
    text-align: center;
    color: #fff;
    font-size: 20px;
    height: 46px;
    line-height: 30px;
    padding-top: 16px;

}

.area_box {
    display: flex;
}

.area_box>.area_item {
    width: 110px;
    font-size: 24px;
    line-height: 60px;
    border: 1px solid #019fc3;
    background-color: rgba(1, 159, 195, 0.3);
    text-align: center;
    color: #fff;
}

.area_box>.area_item:nth-child(n+2) {
    margin-left: 10px;
}

/* table页 */
.el-tree {
    background: none;
    color: #fff;
    padding: 10px;
}

/* .el-tree-node {
     margin-bottom: 5px;
   } */
.el-tree-node__label {
    font-size: 26px;
    line-height: 50px;
}

.el-tree-node__content {
    height: 50px;
    line-height: 50px;
}

.el-tree-node__children .el-tree-node__label {
    text-indent: 35px;
}

.el-tree-node__content:hover {
    background-color: rgb(117, 221, 247);
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: rgb(117, 221, 247);
}

.content-map {
    width: 100%;
    height: 887px;
    max-height: 887px;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    position: relative;
    display: flex;
    justify-content: center;
}

.content2 {
    padding: 50px 20px 20px;
    box-sizing: border-box;
}

.top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top .item {
    cursor: pointer;
    margin-bottom: 15px;
    width: 140px;
    text-align: center;
    color: #fff;
    height: 50px;
    font-size: 24px;
    border: 1px solid #61b2c5;
    background: #61b2c5;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-image: url(../../assets/img/bg-2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center; */
}

.top .item.active {
    border: 1px solid #61b2c5;
    background: #ff962f;
}

.right {
    width: 80%;
}

.left {
    width: 20%;
}

.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.el-table__header tr {
    background: none !important;
}

.el-table th.el-table__cell {
    background-color: transparent !important;
    color: #cbe8ff;
    font-size: 24px;
}

.el-table th.el-table__cell>.cell {
    line-height: 30px !important;
}

.el-table__header tr {
    background-color: transparent;
}

.el-table,
.el-table__expanded-cell {
    color: #fff;
    background-color: transparent;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border: none;
}

.el-table tr {
    background-color: transparent !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhIAAAAhCAYAAACMTEKVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowZmQ5OGZlMy1hOWZkLTAxNGItYjk2OS1lN2Q1NzRiM2M3MGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEMjA0NDFDNDIxMTFFQzk2NTBFRTFEMzNCN0U2MzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNEMjA0NDBDNDIxMTFFQzk2NTBFRTFEMzNCN0U2MzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDVFRTI5QjE2QzRFQzExOUI4MkRGMkRERjhBNUI1RSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI4YTMxNGQ0LWRiZjEtNDI0Yi1hMTg5LTdhOTNkZjE1YThhMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmrImdMAAACYSURBVHja7NahEQAgDATBH4Yu0n9RVBMEEhW/W8Kp2zndeSoAAANLAgDASAAARgIAMBIAgJEAADASAICRAACMBABgJAAAIwEAYCQAACMBABgJAMBIAAAYCQDASAAARgIAMBIAgJEAADASAICRAACMBABgJAAAjAQAYCQAACMBABgJAMBIAAAYCQDASAAARgIAMBIAAJ8rwADy9AM3qzlP+gAAAABJRU5ErkJggg==);
    background-size: 100% 90%;
    background-repeat: no-repeat;
    padding: 0 10px;
    box-sizing: border-box;
}

.el-table--enable-row-transition .el-table__body td,
.el-table .cell {
    background-color: transparent;
}

.el-table::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    background: transparent;
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #155488 !important;
    cursor: pointer;
}

.el-tree-node {
    margin-bottom: 15px;
}

.el-table__row .cell {
    font-size: 20px;
    height: 46px;
    line-height: 46px;
}

.el-pager li {
    font-size: 16px;
    padding: 0 15px;
}

.comtab {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #00efff;
    text-align: left;
    display: flex;
    align-items: center;
    text-indent: 20px;
    justify-content: space-between;
}

.comtab-search {
    /* border:1px solid #00efff;
     background: #09acb7; */
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.rank_box {
    display: flex;
    position: absolute;
    z-index: 999;
    top: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.rank_box .ranking {
    text-align: center;
    width: 140px;
    height: 50px;
    font-size: 24px;
    color: #fff;
    border: 1px solid #61b2c5;
    background: #61b2c5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.rank_box .ranking:nth-child(n+2) {
    margin-left: 20px;
}

.rank_box .active {
    border: 1px solid #ff962f;
    background: #ff962f;
}

.el-select {
    position: absolute;
    width: 200px;
}

/* select统一样式 */
.el-select .el-input .el-input__icon {
    color: #1af1ff;
}

.el-select .el-input .el-input__inner {
    background-color: rgb(0, 54, 118);
    border: 1px solid #1af1ff;
    color: #1af1ff;
    font-size: 22px;
}

.el-select .el-input .el-input__inner::-webkit-input-placeholder {
    color: #1af1ff;
    font-size: 22px;
}

.el-select .el-input .el-input__inner:-moz-placeholder {
    color: #1af1ff;
    font-size: 18px;
}

.el-select .el-input .el-input__inner:-ms-input-placeholder {
    color: #1af1ff;
    font-size: 18px;
}



.el-select-dropdown {
    border: 1px solid #1af1ff;
    width: 150px;
}

.el-select .el-select-dropdown__wrap {
    background-color: rgb(0, 54, 118);
    margin-bottom: -16px !important;
}

.el-select .el-select-dropdown__wrap .el-select-dropdown__item>span {
    color: #1af1ff;
    font-size: 22px;
}

.select_wrap {
    width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* #isEN {
    .el-table .el-table__header {
      .cell {
        line-height: 30px !important;
      }
    }
  
  }
  
   #isFREN {
    .el-table .el-table__header {
      .cell {
        line-height: 30px !important;
      }
    }
  
    .top .item {
      width: 160px;
    }
  
    .ranking {
      .line_2();
      width: 180px;
      line-height: 25px;
    }
  
    .select_wrap {
      margin-left: 80px;
    }
  } */
.el-dialog__body {
    padding: 0px 20px 20px;
    box-sizing: border-box;
    height: calc(100% - 62px)
}

.el-dialog {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 0 !important;
    /* margin-top: 0!important;
    margin-bottom: 0!important; */
    height: 100%;
}

.el-dialog__header {
    padding: 19px 20px;
}

.el-dialog__header span {
    font-size: 24px;
}

/* 级联 */
.el-cascader .el-input {
    width: 280px;
}

.el-cascader .el-input .el-input__icon {
    color: #1af1ff;
}

.el-cascader .el-input .el-input__inner {
    background-color: rgb(0, 54, 118);
    border: 1px solid #1af1ff;
    color: #1af1ff;
    font-size: 22px;
}

.el-cascader .el-input .el-input__inner::-webkit-input-placeholder {
    color: #1af1ff;
    font-size: 22px;
}

.el-cascader .el-input .el-input__inner:-moz-placeholder {
    color: #1af1ff;
    font-size: 18px;
}

.el-cascader .el-input .el-input__inner:-ms-input-placeholder {
    color: #1af1ff;
    font-size: 18px;
}

.el-cascader .el-cascader__dropdown {
    margin-left: -4px;
    margin-top: 18px !important;
    border: 1px solid #1afaff;
}

.el-cascader .el-cascader__dropdown .el-icon-arrow-right {
    color: #1afaff;
}

.el-cascader-menu__list {
    background-color: #003676;
}

.el-cascader-node__label {
    color: #1afaff;
    font-size: 22px;
}

.el-date-editor .el-input__inner {
    background-color: #003676;
    color: #1afaff;
    font-size: 22px;
    border: 1px solid #1afaff;
}

.el-date-editor .el-input__prefix i {
    color: #1afaff;
}

.transition_wrap {
    height: 60px;
    overflow-y: hidden;
}

.el-date-editor .el-input__prefix .el-input__icon {
    height: 40px;
}

.el-date-editor .el-input__suffix-inner {
    display: flex;
    align-items: center;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #909399;
    font-size: 30px;
}

.inherit {
    width: 100%;
    height: 100%
}

.flex_cc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-left {
    width: 32%;
    height: 990px;
    position: relative;
    padding: 5px 10px;
}

.table-center {
    width: 36%;
    padding: 0 10px;
    position: relative;
}

.table-right {
    width: 34%;
    padding: 5px 10px;
}

.dv-scroll-board {
    padding: 0 5px;
}

.dv-scroll-board .header .header-item {
    color: #fff;
    font-size: 24px;
}

.dv-scroll-board .rows {
    text-align: center;
    border-bottom: 2px solid #4472c4;
}

.dv-scroll-board .rows .row-item {
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArAAAAApCAYAAADNshoUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NCNEVGNjdBMkEyMTFFQjg1MkNBQkIxQUNFQjcwOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NCNEVGNjhBMkEyMTFFQjg1MkNBQkIxQUNFQjcwOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0I0RUY2NUEyQTIxMUVCODUyQ0FCQjFBQ0VCNzA4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0I0RUY2NkEyQTIxMUVCODUyQ0FCQjFBQ0VCNzA4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnzS794AAAGdSURBVHja7N29TQNREIXReU9rCKBFYjqiA2IqoQwHREgEBPhn4G0PSL7SOZJdwEafrsbrrT676/j1UU+vbwUAADdu279HddU8eRwAAIQE7OjqPnscAABkBGytBVbAAgCQErDrhGAOJwQAAKQErBMCAACiAtaPuAAAiArY4QYWAICkgF0LbFlgAQAICdheN7DDAgsAQEjA7gPsVcACABASsPtrtJwQAAAQE7BOCAAAiApYP+ICACApYGu9RssCCwBASsBaYAEAiAvY9hYCAABiAnZ0TScEAADEBKwTAgAAogLWa7QAAEgK2LLAAgCQFLD7AnuxwAIAkBKwa4E9WGABAEgJWAssAABJATurazsLWAAAQgK21wnBnRMCAABCAnauEwILLAAAKQG7/5XsvQUWAICUgJ1d15MFFgCAlIDdr2AtsAAAhARsja7LwQILAEBIwK4F9vFbwAIAEBSw8+yEAACAlIAdXT8PFlgAAAICdtTL36fq/dkCCwDAzRvd7SkAABBjegQAAAhYAAAQsAAAIGABABCwAADwf34FGACGrGw1OrnoZAAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.dv-scroll-board .rows .row-item .ceil {
    font-size: 16px;
}