Newer
Older
smart-economy / src / assets / css / style.css
StephanieGitHub on 26 Jan 2021 38 KB first commit
body{width: 100%;height: 100%;position: absolute;margin: 0;padding: 0;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}

.clear {clear:both;height:0;overflow:hidden;display:block;}
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
ul li {list-style: none;}
#app{width: 100%;height: 100%;min-width: 1366px;min-height: 630px;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
a{text-decoration:none;color:#000;display: block;}

::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-track{width:10px;border-radius:5px;background-color:#13396c;}
::-webkit-scrollbar-thumb{border-radius:5px;border:1px solid #166091;background:#166091;}
::-webkit-scrollbar-button{display:none;}
/*重置element-ui样式*/
.el-input{width: auto;}
.el-checkbox-group{display: inline-block;}
.el-checkbox__label,.el-radio{color: rgba(255,255,255,0.8);}
.el-checkbox__inner,.el-radio__inner{background-color: rgba(7,182,255,0.1);border: 1px solid #07b6ff;}
.el-checkbox__inner::after{border: 1px solid #000;border-left: 0;border-top: 0;}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{background-color: #000;}
.el-radio__inner::after{background:rgba(0,0,0,0.8)}
.el-checkbox__input.is-indeterminate .el-radio__inner::before{background-color: #000;}
.el-input__inner{height: 34px;border: 1px solid #fff;background-color: rgba(7,182,255,0.0);color: #fff;border-radius:0;}
.el-textarea__inner{border: 1px solid #fff;background-color: rgba(7,182,255,0.1);color: #fff;border-radius:0;}
.el-select-dropdown,.el-dropdown-menu{border: 1px solid #07b6ff;background-color: rgba(4,30,90,0.95);border-radius: 0;}
.el-select-dropdown__item,.el-dropdown-menu__item{color: #fff;}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover, .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{background-color:#2b3b54;}
.el-select-dropdown .popper__arrow{transform: none;-webkit-transform:none;}
.el-popper[x-placement^=bottom] .popper__arrow{border-bottom-color: #07b6ff;}
.el-popper[x-placement^=bottom] .popper__arrow::after{border-bottom-color: #07132d;}
.el-popper[x-placement^=top] .popper__arrow{border-top-color: #07b6ff;}
.el-popper[x-placement^=top] .popper__arrow::after{border-top-color: #07132d;}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{background: rgba(22,225,255,0.1)}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background: rgba(22,225,255,.2)}
.el-select .el-tag{background: rgba(22,225,255,.2);color:rgba(155,255,255,.8);}
/*el - table 样式*/
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{background-color:rgba(22,225,255,.05);border-radius: 0;color: #07b6ff;border: 1px solid #07b6ff;}
.el-pagination{padding: 14px 5px;background-color:rgba(22,225,255,.08);}
.el-table, .el-table__expanded-cell{background-color: rgba(7,182,255,0.1);color: rgba(255,255,255,0.8);}
.el-table__header-wrapper{/*border: 1px solid #07b6ff;*/border-bottom: 0;}
/*.el-table__body-wrapper{border: 1px solid #07b6ff;border-bottom: 0;border-top: 0;}*/
.table-container-style{display: flex;flex-direction: column;}
.el-table thead{color: rgba(255,255,255,0.8);}
.el-table thead.is-group th{background-color: rgba(7,182,255,0.1);}
.el-table thead th, .el-table thead tr{background-color: rgba(7,182,255,0.1);font-size: 14px;}
.el-table tbody th, .el-table tbody tr{background-color:rgba(255,255,255,.0);}
.el-table__fixed-right thead th{background-color:rgba(7,182,255,0.5);font-size: 16px;}
.el-table th.is-leaf{border-bottom: 1px dashed rgba(255,255,255,.8);font-weight: normal;padding: 8px 0;}
.el-table--border th.gutter:last-of-type{border-bottom: none;}
.el-table td{border-bottom: 1px dashed rgba(255,255,255,.8);padding: 6px 0;}
.el-table--border::after, .el-table--group::after, .el-table::before{background-color:rgba(255,255,255,.0);}
.table-edit-btn{color:#5bc9fa;text-decoration: underline;display:inline-block;vertical-align:middle;margin: 0 5px;}
.table-edit-btn:hover{opacity: 0.8}
/*.table-delete-btn{width: 20px;height: 20px;display:inline-block;vertical-align:middle;background: url(../images/table-delete.png) no-repeat center;margin: 0 5px;}
.table-delete-btn:hover{background: url(../images/table-delete-hover.png) no-repeat center;}
.table-download-btn{width: 18px;height: 18px;display:inline-block;vertical-align:middle;background: url(../images/table-download.png) no-repeat center;margin: 0 5px;}
.table-download-btn:hover{background: url(../images/table-download-hover.png) no-repeat center;}
.table-setting-btn{width: 20px;height: 18px;display:inline-block;vertical-align:middle;background: url(../images/table-setting.png) no-repeat center;margin: 0 5px;}
.table-setting-btn:hover{background: url(../images/table-setting-hover.png) no-repeat center;}
.table-major-btn:hover{background: url(../images/major-function-hover.png) no-repeat center;}
.table-basic-btn{width: 20px;height: 18px;display:inline-block;vertical-align:middle;background: url(../images/basic-information.png) no-repeat center;margin: 0 5px;}
.table-basic-btn:hover{background: url(../images/basic-information-hover.png) no-repeat center;}
.table-major-btn{width: 20px;height: 18px;display:inline-block;vertical-align:middle;background: url(../images/major-function.png) no-repeat center;margin: 0 5px;}
.table-major-btn:hover{background: url(../images/major-function-hover.png) no-repeat center;}
.table-reset-btn{width: 20px;height: 18px;display:inline-block;vertical-align:middle;background: url(../images/reset.png) no-repeat center;margin: 0 5px;}
.table-reset-btn:hover{background: url(../images/reset-hover.png) no-repeat center;}*/
.table-label-btn{display:inline-block;vertical-align:middle; padding: 2px 5px;border-bottom: 1px solid transparent;}
.table-label-btn:hover{border-bottom:1px solid;}
.table-success{font-size: 18px;color: #63cb49;}
.el-pagination__total{color:white;}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td{border-top:0px solid #07b6ff;border-bottom:1px solid #5b6a8e;color:#07b6ff;background:rgba(53,111,170,.1) }
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td:first-child, .el-table__body tr.current-row>td:first-child, .el-table__body tr.hover-row.current-row>td:first-child, .el-table__body tr.hover-row.el-table__row--striped.current-row>td:first-child{border-left:0px solid #07b6ff; }
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td:last-child, .el-table__body tr.current-row>td:last-child, .el-table__body tr.hover-row.current-row>td:last-child, .el-table__body tr.hover-row.el-table__row--striped.current-row>td:last-child{border-right:0px solid #07b6ff; }
.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:rgba(7,182,255,0.05);cursor:pointer;}
.el-table__body tr.hover-row>td{background-color:rgba(7,182,255,0.2);cursor:pointer;}
.el-table__fixed-right::before, .el-table__fixed::before{background-color: transparent;}
.el-table__fixed-right-patch{background-color: #083351;}
.el-table--border th, .el-table__fixed-right-patch{border-bottom: 1px solid #088ec8;}
.el-table__fixed, .el-table__fixed-right{box-shadow: 0 0 10px rgba(0,0,0,.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);}
.el-pagination.is-background .el-pager li:not(.disabled).active{background-color: rgba(53,111,170,.1); }
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{background-color:rgba(34,85,134,0);border-radius: 0;color: #07b6ff;border: 1px solid rgba(34,85,134,1);}
.el-pagination{padding:8px 5px;}
.el-table, .el-table__expanded-cell{background-color: rgba(7,182,255,0);color: rgba(255,255,255,0.8);}

/*element ui dialog style start*/
.el-dialog{background:#05204a;border:1px solid rgba(7,182,255,.3);border-radius:0;overflow: auto}
.el-dialog__header{padding-left:50px;background:url(../images/pop-head-left.png) no-repeat left center,url(../images/pop-right-role.png) no-repeat right 0px;}
.el-dialog__header .el-dialog__title{color:#fefefe;font-size:15px;}
.el-dialog__headerbtn .el-dialog__close{color: rgba(7,182,255,.5);}
.el-dialog__headerbtn{}
.el-dialog__body{border-top:1px solid rgba(7,182,255,.3);border-bottom:1px solid rgba(7,182,255,.3);height:calc(100% - 176px);overflow-y: auto;padding: 20px 20px 10px;}
.el-dialog__footer{text-align:center;padding:15px;background:url(../images/pop-left-role.png) no-repeat left bottom;}
.el-dialog__footer .el-button{width:100px;height:35px;line-height:35px;border:1px solid rgba(7,182,255,.5);background:rgba(7,182,255,.1);color:#ffffff;border-radius:0;padding:0;}
.el-dialog__footer .el-button:hover,.el-dialog__footer .el-button:focus{background:rgba(7,182,255,.2);}
.el-dialog__footer .el-button:active,.el-dialog__footer .el-button.is-active{background:rgba(7,182,255,.3);}
/*element ui dialog style end*/
.el-form-item{margin-bottom: 15px}
/*确认弹出框*/
.el-message-box{background:#05204a;border:1px solid rgba(7,182,255,.3);border-radius:0;overflow: auto}
.el-message-box__title{color:#ccc;}
.el-message-box__content{color:white;}
.el-message-box__btns .el-button{width:56px;height:32px;line-height:32px;border:1px solid rgba(7,182,255,.5);background:rgba(7,182,255,.1);color:#ffffff;border-radius:0;padding:0;}
.el-message-box__btns .el-button:hover,.el-message-box__btns .el-button:focus{background:rgba(7,182,255,.2);}
.el-message-box__btns .el-button:active,.el-message-box__btns .el-button.is-active{background:rgba(7,182,255,.3);}
/*确认弹出框*/
/*重写 el-tree样式*/
.el-tree{background: none;color: rgba(255,255,255,.8);}
.custom-tree-node {  flex: 1;  display: flex;  align-items: center;  justify-content: flex-start;  font-size: 14px;  padding-right: 8px;  }
.el-tree-node:focus>.el-tree-node__content, .el-tree-node__content:hover{background: rgba(255,255,255,.24);}
/*重写 el-tree样式*/
/*通知*/
.el-notification{background:#05204a;border:1px solid rgba(7,182,255,.3);border-radius:0;}
.el-notification__title{color:#ccc;}
.el-notification__content{color:white;}
/*通知*/

/*日期间隔选择器*/
.el-date-editor .el-range__icon,.el-input__icon{line-height: 26px;color: rgba(255,255,255,.8);}
.el-date-editor .el-range-input{float: left;background: none;color: white;}
.el-date-editor .el-range-separator{float: left;line-height: 26px;color: white;}
.el-picker-panel{border: 1px solid #07b6ff;background-color:rgba(4,30,90,0.95);border-radius: 0;}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#2b3b54;}
.el-date-range-picker__content.is-left{border-right: 1px solid #07b6ff;}
.el-date-table td.in-range div span{color:#ccc;}
.el-date-table th{border-bottom: 1px solid #07b6ff;}
.el-date-editor .el-range__close-icon{line-height: 26px;}
.el-date-editor .el-range-input{height: auto;line-height: 26px;}
.el-month-table td .cell{color: #fff;}
/*日期间隔选择器*/
/*日期选择器*/
.el-date-picker__header--bordered{border-bottom: 1px solid #07b6ff;}
.el-picker-panel{color: #c0c4cc;}
.el-picker-panel__icon-btn{color: #c0c4cc;}
.el-date-table td.next-month, .el-date-table td.prev-month{color: #606266;}
.el-date-table th{color: #c0c4cc;}
.el-date-picker__header-label{color: #c0c4cc;}
/*日期选择器*/
.el-form-item__error{padding-top: 0!important;}
/*表单*/
.el-dialog .el-form-item .el-input,.el-dialog .el-form-item .el-textarea{width: 250px;}
.el-dialog .el-form-item .el-textarea textarea{resize: none}
.el-form-item label{width: 120px;text-align: right;color: #07b6ff;}
/*.el-form-item .el-form-item__error{left: 120px;}*/
.el-form-item .el-radio{width: auto;}
.el-dialog .el-form-item .el-upload-list{width: 250px;/*margin-left: 120px;*/}
.el-form-item .el-upload-list .el-upload-list__item-name{color:white;}
.el-form-item .el-upload-list .el-upload-list__item:hover{background:rgba(0,0,0,.2);}
/*表单*/

/*多列弹出表单*/
.multiColDialog{overflow: hidden;}
.multiColDialog .el-dialog{margin-top: 7vh !important;}
.multiColDialog .el-form-item label{width: 130px;text-align: right;color: #ddd;}
.multiColDialog .el-form-item__content{width: calc(100% - 130px);float:left;}
.multiColDialog .el-form-item__content .el-input,.multiColDialog .el-form-item__content .el-select{width: 100%;}
.multiColDialog .el-form-item.small label{width: 60px;}
.multiColDialog .el-form-item.small .el-form-item__content{width: calc(100% - 60px);float:left;}
.multiColDialog .el-dialog__body{overflow-y: auto;height: 450px;}
/*.multiColDialog .el-form-item .el-form-item__error{left: 0;}*/
/*多列弹出表单*/

/*上传附件*/
.avatar-uploader .el-upload {  border: 1px dashed #07b6ff;  cursor: pointer;  position: relative;  overflow: hidden;  }
.avatar-uploader .el-upload:hover {  border-color: #fff;  }
.avatar-uploader-icon {  font-size: 28px;  color: #fff;  width: 372px;  height: 178px;  line-height: 178px;  text-align: center;  }
.avatar {  width: 372px;  height: 178px;  display: block;  }
.upload-attach{float: left;width: 80%;}
.upload-attach .el-upload{float: left;}
.upload-attach .el-upload-list{float: left;}
.upload-attach .el-upload-list__item{width: auto;float: left;}
.upload-attach .el-upload-list__item{  margin-top: 7px;  }
.upload-attach .el-upload-list .el-upload-list__item-name{color:white;}
.upload-attach .el-upload-list .el-upload-list__item:hover{background:rgba(0,0,0,.2);}
/*上传附件*/
.el-tree{background: rgba(0,0,0,.0)!important;}
.el-tree__empty-text{color: #fff!important;}
/*公用button*/
.btn-normal{width: 98px;height: 32px;border:1px solid #fff;background: rgba(7,182,255,0.1);line-height: 32px;color: #fff;text-align: center;cursor: pointer;display: inline-block;}
.btn-normal:hover{background: rgba(7,182,255,0.2);}
/*crad -- 报表管理*/
.reportCss .el-tabs{width: 100%;height: 100%;}
.reportCss .el-tabs--card>.el-tabs__header{border: none;margin-bottom: 10px;}
.reportCss .el-tabs--card>.el-tabs__header .el-tabs__nav{border: none}
.reportCss .el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid rgba(7,182,255,.9);margin-right: 20px;color: rgba(255,255,255,.8);font-size: 14px;}
.reportCss .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{color:rgba(7,182,255,.9);}
.reportCss .el-tabs__content{width: 100%;height: calc(100% - 50px);}
.reportCss .el-tabs__content .el-tab-pane{width: 100%;height: 100%;}
.reportCss .table-result-boxx{margin-top: 0px}
.reportCss .table-result-boxx{width: 100%;height:100%;}
.reportCss{}

/*card - 企业数据-detail*/
.qydata-detail .el-tabs{width: 100%;height: 100%;}
.qydata-detail .el-tabs--card>.el-tabs__header{border: none;margin-bottom: 10px;}
.qydata-detail .el-tabs--card>.el-tabs__header .el-tabs__nav{border: none}
.qydata-detail .el-tabs--card>.el-tabs__header .el-tabs__item{border:1px solid rgba(7,182,255,.9);padding: 0 15px;margin-right:10px;color: rgba(255,255,255,.8);font-size: 14px;height: 32px;line-height: 32px;}
.qydata-detail .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{color:rgba(7,182,255,.9);padding: 0 15px;}
.el-tabs--top.el-tabs--card .el-tabs__item:nth-child(2){padding-left: 15px;}
.qydata-detail .el-tabs__content{width: 100%;height: calc(100% - 50px);}
.qydata-detail .el-tabs__content .el-tab-pane{width: 100%;height: 100%;}
.qydata-detail .table-result-boxx{margin-top: 0px}
.qydata-detail .table-result-boxx{width: 100%;height:100%;}
.qydata-detail{}
/*================================ 整体框架 start =======================================*/
.back-index{float:right;padding:0px 10px 0px 30px;height: 26px;line-height: 26px;background:rgba(7,182,255,0.05) url(../../assets/images/back.png) no-repeat 10px 5px;cursor:pointer;border: 1px solid #fff;color: #fff;cursor: pointer}
.back-index:hover{background-color: rgba(7,182,255,0.25);}
/*占位容器*/
.full-box{width: 100%;height: 100%;color:rgba(250,250,250,.9);}
.full-box20{width: 100%;height: calc(100% - 20px);margin-top: 20px;overflow: hidden;position: relative;}
/**/
.body-left{width:100px;height: calc(100% - 40px);float: left;padding-top: 40px;}
.body-right{width: calc(100% - 148px);height: 100%;float: left;margin-left: 48px;position: relative;}
.body-left-menu-top{width:100%;height:20px;}
.blt-line{width: calc(100% - 21px);float: left;height: 19px;border-top:1px solid rgba(7,182,255,.9);border-left:1px solid rgba(7,182,255,.9);}
.blt-role{width: 20px;height: 20px;float: right;background: url(../images/body-left-top.png) no-repeat;}
.body-left-menu{width:calc(100% - 2px);border: 1px solid rgba(7,182,255,.9);border-top: 0;/*background: rgba(7,182,255,0.05);*/}
.body-left-menu-item{width: 68px;height: 68px;margin: 0 12px 14px 12px;cursor: pointer;position: relative;}

.menu1{background: url(../images/leftmenu/icon1.png) no-repeat;}
.menu1:hover,.menu1.menu1-on{background: url(../images/leftmenu/icon1_on.png) no-repeat;}
.menu2{background: url(../images/leftmenu/icon2.png) no-repeat;}
.menu2:hover,.menu2.menu2-on{background: url(../images/leftmenu/icon2_on.png) no-repeat;}
.menu3{background: url(../images/leftmenu/icon3.png) no-repeat;}
.menu3:hover,.menu3.menu3-on{background: url(../images/leftmenu/icon3_on.png) no-repeat;}
.menu4{background: url(../images/leftmenu/icon4.png) no-repeat;}
.menu4:hover,.menu4.menu4-on{background: url(../images/leftmenu/icon4_on.png) no-repeat;}

.leaf-menu{width: 50px;height: 48px;background: url(../images/leaf-menu-bg.png) no-repeat 100%;position: absolute;top: 10px;right: -30px;display: none;z-index: 999999;}
.role{position: absolute;width: 19px;height: 19px;}
.role-left{border-left:1px solid rgba(91,201,250,1);left:-1px;}.role-right{border-right:1px solid rgba(91,201,250,1);right:-1px;}
.top-role{top:-1px;border-top:1px solid rgba(91,201,250,1);}.bottom-role{bottom:-1px;border-bottom:1px solid rgba(91,201,250,1);}
.body-left-menu-item:hover .leaf-menu{display: block;}
.leaf-menu-list{list-style: none;color: #07b6ff;width: 150px;position: absolute;left: 50px;top:11px;transform:translate(0, -50%);padding:10px 0;background: rgba(4,30,90,0.9);}
.leaf-menu-list li{text-align: center;width: 140px;height: 35px;line-height: 35px;margin:0 5px;}
.leaf-menu-list li.router-link-exact-active,.leaf-menu-list li.router-link-active{background: rgba(255,255,255,.24);color: #fff;}
.leaf-menu-list li:hover{background: rgba(255,255,255,.24);color: #fff;}

/*==========================经信风貌===》 经济运行一张图 start=======================================*/
.time-boxs{width:287px;height: 32px;border:1px solid #07b6ff;float: left;}
.time-boxs .sl-row{float: left;width: 50%;}
.time-boxs .el-input__inner{border: 0px;}
.time-box{width:287px;height: 32px;float: left;}
.time-box .sl-row{float: left;width: 50%;}
/* map start */
#map{overflow:hidden}
.map-box{width:calc(100% - 400px);height:100%;float:left;position:relative;}
.top-tip-box{width: 100%;height:40px;}
.t-title{line-height:40px;}
.maps{width:695px;height:548px;position:absolute;bottom:calc(50% - 294px);left:calc(50% - 450px);background:url("../../assets/images/map.png") no-repeat;}
.maps.qu-map{width:695px;height:548px;position:absolute;bottom:calc(50% - 294px);left:calc(50% - 450px);background:url("../../assets/images/map.png") no-repeat;}
.map-item{position: absolute;z-index: 0;text-align: center;}
.map-item:hover{cursor:pointer;}
.map-detail-row .mdr-label{width: 140px;text-align: right;}
.map-detail-row .mdr-data{width: calc(100% - 140px);}
.map-item.kjfhy{width:78px;height: 112px;top:170px;left:250px;background:url("../../assets/images/map/kjfhy.png") no-repeat;}
.map-item.kjfhy:hover{width:85px;height: 123px;top:156px;left: 250px;background:url("../../assets/images/map/kjfhyOn.png") no-repeat;}
.map-item.df{width: 89px;height: 86px;top:167px;left:308px;background:url("../../assets/images/map/df.png") no-repeat;}
.map-item.df:hover{width: 103px;height: 100px;top:150px;left: 301px;background:url("../../assets/images/map/dfOn.png") no-repeat;}
.map-item.qsw{width:66px;height:61px;top:164px;right: 195px;background:url("../../assets/images/map/qsw.png") no-repeat;}
.map-item.qsw:hover{width:73px;height:75px;top:147px;right:195px;background:url("../../assets/images/map/qswOn.png") no-repeat;}
.map-item.ds{width: 114px;height: 105px;top:272px;left:185px;background:url("../../assets/images/map/ds.png") no-repeat;}
.map-item.ds:hover{width: 129px;height: 121px;top:254px;left: 177px;background:url("../../assets/images/map/dsOn.png") no-repeat;}
.map-item.ysg{width: 174px;height: 143px;top:352px;left: 220px;background:url("../../assets/images/map/ysg.png") no-repeat;}
.map-item.ysg:hover{width: 188px;height: 157px;top:335px;left: 213px;background:url("../../assets/images/map/ysgOn.png") no-repeat;}
.map-item  div.name-dot{width:100%;height:49px;background:url("../../assets/images/tag.png") no-repeat center;}
.map-item:hover div.name-dot{height:49px;background:url("../../assets/images/tag-on.png") no-repeat center;}
.map-item div.name-text{display:inline-block;line-height:16px;width:100%;}
/*map detail*/
.map-box{position: absolute;top: 0px;left:0;}
.map-detail-box{position: absolute;right:0px;top:84px;width:360px;height:260px;z-index: 10;background:rgba(4,30,90,0.9);}
.map-detail-box.qu-detail-box{width:300px;height: 200px;}
.map-detail-box td{padding:8px 0;}
.map-border-top,.map-border-left{position: absolute;}
.map-border-top{width: 100%;height:0px;top:0;left: 0;}
.map-border-top > div{float:left;}
.mb-left{width: calc(100% - 20px);height:19px;border-top:1px solid rgba(91,201,250,1);}
.mb-right{width:19px;height:19px;/*background: url("../../assets/images/role.png") no-repeat;*/border-top:1px solid rgba(91,201,250,1);border-right:1px solid rgba(91,201,250,1);float: right;}
.map-border-left{width: 1px;height: 100%;left: 0px;top:0px;}
.mb-top{height:50px;border-left:1px solid rgba(91,201,250,1);}
.mb-center{width: 11px;height: 91px;;background:url("../../assets/images/left-icon.png") no-repeat;}
.mb-bottom{height:calc(100% - 141px);border-left:1px solid rgba(91,201,250,1);}
.map-info-box{position: absolute;left:1px;top:20px;width:calc(100% - 30px);height:calc(100% - 21px);padding:0 12px 0 16px;border-right:1px solid rgba(91,201,250,1);border-bottom:1px solid rgba(91,201,250,1);}
.map-title-box{width:100%;height:38px;line-height:26px;}
.map-title{float: left;font-size: 18px;position: relative;padding-left:15px;}
.map-title span{display:inline-block;position:absolute;top:10px;left:0px;width: 5px;height:5px;border-radius:50%;background:#61d4fb;box-shadow:0px 0px 5px 1px rgba(255,255,255,.8);}
.map-title div{display: inline-block;}
.map-qy{float: right}
.map-detail-row{display:flex;align-items: center;height: 28px;padding-left:10px;}
.map-detail-row div{}
.more-mapdetail{display: flex;justify-content: flex-end;cursor: pointer;}
/*map end*/
/*charts data*/
.charts-box{}
.jjyxyzt .charts-box{width:380px;height:100%;float:right;}
.jjyxyzt-seach-btn{width:80px;height:32px;line-height: 32px;border: 1px solid #07b6ff;;float: right;border-left:0px;text-align: center;cursor:pointer;}
.hasSearch-box{height: calc(100% - 40px);}

/*1*/
.jjyxyzt .chart-item-box.charts-one-box,.jjyxyzt .chart-item-box.charts-two-box,.jjyxyzt .chart-item-box.charts-three-box{width:calc(100% - 11px);margin-left:10px;}
.jjyxyzt .chart-item-box{width:calc(100% - 1px);height: calc((100% / 3) - 6px);position:relative;border-right:1px solid rgba(7,182,255,.9);margin-bottom:9px;}
.jjyxyzt .chart-item-box:last-child{margin-bottom:0px;}
.chart-item-box > div{position: absolute;}
.charts-one-box .charts-line-top{width: 100%;height:0px;top:0;left: 0;}
.charts-one-box .charts-line-top>div{position:absolute;top:0;}
.charts-one-box .line-left-icon{width:20px;height: 20px;left: 0;background: url("../../assets/images/role.png") no-repeat;transform:rotate(90deg);}
.charts-one-box .line-left{width: calc(100% - 20px);height:0;float:left;left: 20px;border-top:1px solid rgba(7,182,255,.9);}
.charts-line-bottom{width: 100%;height:0px;bottom:0;left: 0;}
.charts-line-bottom > div{float: left}
.lb-one{width:60%;border-top:1px solid rgba(91,201,250,1);}
.lb-icon{width:90px;height:11px;;background:url("../../assets/images/left-jx.png") no-repeat;}
.lb-two{width:calc(40% - 90px);border-top:1px solid rgba(7,182,255,.9);}
.chart-con-box{width:calc(100% - 20px);height: calc(100% - 30px);padding:0px 10px 10px;margin-top:20px;border-left:1px solid rgba(7,182,255,.9);}
.chart-con-box .map-title{font-size: 15px;width: 100%;height:20px;top:-8px;left: 5px;position: relative;}
.chart-con-box .map-title div.dot{top:8px;}
.chart-li-box{width: calc(100% - 0px);height: calc(100% - 10px);margin-top:20px;}
/*2*/
.charts-line-left{width: 0px;height:100%;left:0;top:0}
.charts-line-left>div{position: absolute}
.cl-icon{width:10px;height:71px;bottom:0;background:url("../../assets/images/left-jxx.png") no-repeat;left:-10px;}
.cl-line{width: 0px;height:calc(100% - 71px);top:0;border-left:1px solid rgba(7,182,255,.9);}
.jjyxyzt .chart-item-box.charts-two-box .chart-con-box{border-left: 0px;}
/*3*/
.jjyxyzt .charts-three-box{}
.jjyxyzt .charts-three-box .charts-line-top{width: 100%;bottom:0px;top:100%;}
.jjyxyzt .charts-three-box .charts-line-top>div{position: absolute;}
.jjyxyzt .charts-three-box .line-left{width: calc(100% - 20px);left: 20px;border-top:0;border-bottom:1px solid rgba(7,182,255,.9);}
.jjyxyzt .charts-three-box .line-left-icon{width:20px;height: 20px;bottom:0;left: 0;background: url("../../assets/images/role.png") no-repeat;transform:rotate(180deg);}
.jjyxyzt .charts-three-box .chart-con-box{margin-top: 0;margin-bottom: 20px;}
.jjyxyzt .charts-three-box .map-title{top:8px;}
.jjyxyzt .charts-three-box .chart-con-box .chart-li-box{top:16px;height:calc(100% - 8px);}
/*自定义框 jjyxyzt -- qyfz*/
.jjyxyzt  .charts-two-boxs .chart-item-box{height: calc((100% / 2) - 4.5px);}
.jjyxyzt  .charts-one-boxs .chart-item-box.charts-three-box{height: calc(100% - 1px);border-top:1px solid rgba(7,182,255,.9);}
.jjyxyzt  .charts-one-boxs .charts-three-box .chart-con-box{margin-bottom:0px;height: calc(100% - 28px);}
.jjyxyzt  .charts-one-boxs .charts-three-box .chart-con-box .chart-li-box1{width: 100%;margin-top:0;height:calc(100% - 30px);top: 0;}
.jjyx-tab-box{width: 100%;height:30px;margin:10px auto 0px;}
.tab-item{height: 28px;line-height: 28px;float: left;margin-right:10px;border: 1px solid rgba(7,182,255,.9);border-radius: 4px;padding:0 12px;cursor: pointer;background:rgba(4,30,90,.25)}
.tab-item:hover,.tab-item.active{color: #5bc9fa;}
.jjyx-tab-info{width:100%;height:calc(100% - 40px);}
.tab-info-item{width: 100%;height: calc((100% / 3) - 0px);}
.jt-line{width: 360px;height: 1px;background: url("../../assets/images/bottom-line.png") no-repeat center;margin:2px auto;}
.charts-title{width: 100%;font-size: 16px;padding-left:0px;height: 28px;line-height:40px;}
.charts-title span.dot{display:inline-block;width: 5px;height:5px;margin-right:6px;border-radius:50%;background:#61d4fb;box-shadow:0px 0px 5px 1px rgba(255,255,255,.8);}
/*预测----*/
.jjyxyzt .select-types{position: absolute;right: 10px;top:10px;z-index: 999}
.jjyxyzt .more-detail{cursor: pointer;font-size: 12px;line-height: 20px;}
.jjyxyzt .more-detail:hover{opacity: 0.8}
.jjyxyzt .pop-chart-box{width: 100%;height:260px;}

.yzt-table{width:100%;height:calc(100% - 10px);text-align: left;margin: 10px auto 0;color: rgba(255,255,255,.8);}
.yzt-table thead {background:rgba(22,225,255,.25);}
.yzt-table thead tr th{padding: 3px;}
.yzt-table tr td{border-bottom: 1px dashed rgba(255,255,255,.9);padding:5px 0px;}

/*pop*/
.jjyx-tab-nav-box{width:auto;display: flex;justify-content: center;margin-bottom:5px;}
.tab-nav{float: left;border:1px solid #fff;color: rgba(255,255,255,.8);padding:4px 8px;cursor: pointer;}
.tab-nav.active{color:#5bc9fa;border-color:#5bc9fa;}
/*==========================经济运行===》 专题分析start=======================================*/
.ztfx-info-box{width: 100%;height: calc(100% - 40px);}
.left-search-box{width: 320px;height: calc(100% - 1px);float: left;border-top:1px solid rgba(7,182,255,.9);border-left:1px solid rgba(7,182,255,.9);float: left}
.lsb-top{width:calc(100% - 1px);height:70px;line-height:70px;text-align: center;border-bottom:1px solid rgba(7,182,255,.9);border-right:1px solid rgba(7,182,255,.9);font-size: 16px;}
.lsb-search{width:calc(300px - 36px);height:114px;padding: 25px 10px 25px 25px;position: relative;border-bottom:1px solid rgba(7,182,255,.9);}
.lsb-search-box{width:260px;height: auto;}
.sl-row{width:100%;height:34px;line-height:34px;margin-bottom:6px;}
.sl-row:last-child{margin-bottom:0;}
.sl-row-label{float:left;/*color:#07b6ff;*/font-weight:bolder;width:30px;margin-right:5px;}
.sl-row .el-select{float:left;width:calc(100% - 40px);}
.lsb-search-border{width: 21px;height:100%;position: absolute;top:0;right:-21px;}
.lsb-search-border .lsbb-top{width:20px;height:100px;border-right:1px solid rgba(7,182,255,.9);}
.lsb-search-border .lsbb-role{width: 21px;height: 20px;background: url("../../assets/images/roles.png") no-repeat center;}
.lsb-search-border .lsbb-bottom{width:20px;height:calc(100% - 119px);border-left:1px solid rgba(7,182,255,.9);}
.lsb-info{width:299px;height: calc(100% - 237px);border-right:1px solid rgba(7,182,255,.9);border-bottom:1px solid rgba(7,182,255,.9); }
.lsb-title{width: 100%;height:60px;line-height: 60px;text-align:center;font-size: 16px;}
.ztfx-info-box .dot{position: relative;top:-3px;display:inline-block;width: 5px;height:5px;margin-right:6px;border-radius:50%;background:#61d4fb;box-shadow:0px 0px 5px 1px rgba(255,255,255,.8);}
.item-chart{width: 100%;height: calc(100% - 70px);display:flex;flex-direction: column;}
.item-chart .chart-group{display: flex;flex: 1;justify-content: space-between;}
.item-chart .chart-pie{display: flex;flex: 1;align-items: center;flex-direction: column;justify-content:center;}
.item-chart .chart-pie > div{/*display: flex;justify-content:center;align-items: center*/}
.item-chart .pie-box{width:100%;height: calc(100% - 60px);position: relative;}
.item-chart .pie-title{color: #fff;display:block;width:calc(100% - 20px);padding: 0 10px;height:40px;line-height:45px;text-align: center;}
.circle{width:70px;height:70px;border-radius: 50%;border: 5px solid rgba(7,182,255,.1);position: absolute;top: 50%;left: 50%;margin: -45px 0 0 -35px;}
.circle2{width: 50px;height: 50px;border-radius: 50%;border: 10px solid rgba(7,255,252,.6);}
.circle3{width: 50px;height: 50px;background: rgba(7,255,252,.2);border-radius: 50%;font-size: 12px;display: flex;align-items: center;justify-content: center;text-align:center;color: #07fffc;}
.circle4{width:70px;height:70px;border-radius: 50%;border: 5px solid rgba(224,230,61,.1);position: absolute;top: 50%;left: 50%;margin: -45px 0 0 -35px;}
.circle5{width: 50px;height: 50px;border-radius: 50%;border: 10px solid rgba(224,230,61,.6);}
.circle6{width: 50px;height: 50px;background: rgba(224,230,61,.2);border-radius: 50%;font-size: 12px;display: flex;align-items: center;justify-content: center;text-align:center;color: #e0e63d;}
.circle7{width:70px;height:70px;border-radius: 50%;border: 5px solid rgba(7,182,255,.1);position: absolute;top: 50%;left: 50%;margin: -45px 0 0 -35px;}
.circle8{width: 50px;height: 50px;border-radius: 50%;border: 10px solid rgba(7,182,255,.1);}
.circle9{width: 50px;height: 50px;background: rgba(7,255,252,.2);border-radius: 50%;font-size: 12px;display: flex;align-items: center;justify-content: center;color: #07fffc;}
.circle10{width:70px;height:70px;border-radius: 50%;border: 5px solid rgba(159,171,63,.1);position: absolute;top: 50%;left: 50%;margin: -45px 0 0 -35px;}
.circle11{width: 50px;height: 50px;border-radius: 50%;border: 10px solid rgba(159,171,63,.1);}
.circle12{width: 50px;height: 50px;background: rgba(224,230,61,.2);border-radius: 50%;font-size: 12px;display: flex;align-items: center;justify-content: center;color: #e0e63d;}

.right-info-box{width: calc(100% - 342px);height:calc(100% - 2px);border:1px solid rgba(7,182,255,.9);border-left:0px;float: right;}
.right-left-border{width: 21px;height:calc(100% + 1px);float: left;margin-left:-21px;}
.right-left-border .rlb-top{width:20px;height:172px;border-right:1px solid rgba(7,182,255,.9);margin-top: -1px}
.right-left-border .rlb-role{width: 21px;height: 20px;background: url("../../assets/images/roles.png") no-repeat center;}
.right-left-border .rlb-bottom{width:20px;height:calc(100% - 192px);border-left:1px solid rgba(7,182,255,.9);border-bottom:1px solid rgba(7,182,255,.9);}
.ri-box{width: calc(100% - 30px);height: calc(100% - 30px);padding: 15px;}
.tab-item.active{}
.ztfx-tab-box{width: 100%;height: 30px;}
.ztfx-charts-box{width: 100%;height:calc(100% - 30px);}
.ztfx-chart-item{width: calc(50% - 10px);height:calc(50% - 15px);background:rgba(4,30,90,.25);margin-top:15px;margin-right: 20px;position: relative;float: left;}
.ztfx-chart-item:nth-child(2n){margin-right: 0px;}
.roles-one,.roles-two,.roles-three,.roles-four{position: absolute;width: 19px;height: 19px;}
.roles-one{top:0;left:0;border-top:1px solid rgba(7,182,255,.9);border-left:1px solid rgba(7,182,255,.9);}
.roles-two{top:0;right:0;border-top:1px solid rgba(7,182,255,.9);border-right:1px solid rgba(7,182,255,.9);}
.roles-three{bottom:0;left:0;border-bottom:1px solid rgba(7,182,255,.9);border-left:1px solid rgba(7,182,255,.9);}
.roles-four{bottom:0;right:0;border-bottom:1px solid rgba(7,182,255,.9);border-right:1px solid rgba(7,182,255,.9);}
.ztfx-chart-title{width:calc(100% - 30px);padding-left: 20px;height: 40px;line-height:40px;}
.ztfx-chart-info{width: calc(100% - 20px);height: calc(100% - 60px);padding: 10px;}
.more-table-detail{position: absolute;right: 10px;top:0px;height:40px;line-height:40px;cursor: pointer}
.ztfx-tab-item{width: calc(100% - 60px);height:60px;line-height: 60px;margin:0 30px 20px;background:rgba(22,225,255,.2);text-align: center;cursor:pointer;}
.ztfx-tab-item:hover{opacity:0.8;}
.ztfx-tab-item:last-child{margin-bottom: 0;}
.result-table{height: calc(100% - 60px);overflow-y: hidden}
/*专题分析--两率一度*/
.ztfxLlydCss .lsb-search{width:calc(300px - 36px);height:215px;padding: 10px 10px 5px 25px;position: relative;border-bottom:0;}
.ztfxLlydCss .lsb-info{width:299px;height: calc(100% - 302px);border-right:1px solid rgba(7,182,255,.9);border-bottom:1px solid rgba(7,182,255,.9); }
.ztfxLlydCss .llyd-table{width: calc(100% - 30px);height: calc(100% - 20px);padding: 10px 15px;}
.ztfx .table-container-style{width: 100%;height: 100%;background: rgba(22,225,255,.05)}

/*================ 指标管理 ==================*/
/*btn*/
.search-btn{height:34px;float:left;line-height: 34px;padding: 0 20px;border-radius: 0;border: 1px solid #fff;background: rgba(7,182,255,0.1);margin-left:20px;}
.search-btn:hover,.search-btn:focus{background: rgba(7,182,255,0.2);}
.search-btn:active,.search-btn.is-active{background: rgba(7,182,255,0.3);}
.operate-btn{padding: 0 15px;color: #fff;height: 34px;line-height: 34px;background: rgba(90,201,250,.2);border-radius: 0;border:0;cursor: pointer}
.operate-btn:hover,.operate-btn:focus{background: rgba(90,201,250,.4);}
.operate-btn:active,.operate-btn.is-active{background: rgba(90,201,250,.4);}
.el-button+.el-button.operate-btn{margin-left:15px;}
/**/
.table-info-box{width: 100%;height:calc(100% - 40px);}
.table-search-box{width: 100%;height: auto;}
.table-search-box.onerow{height: 80px;}
.zhglcss .table-search-box.tworow{height:110px;overflow-y: auto}
.zhglcss .table-search-box.tworow .search-info-box{padding:10px 0 10px 20px;height:calc(100% - 22px);}
.zhglcss .table-result-boxx{height: calc(100% - 125px);}
.search-info-box{float: left;height:calc(100% - 42px);width: calc(100% - 42px);padding:20px 0 20px 20px;border:1px solid rgba(7,182,255,.9);border-right:0px;overflow-y: auto}
.search-border-box{width:21px;height: 100%;float: right;}
.sbb-line{width:20px;height: calc(100% - 21px);border-top:1px solid rgba(7,182,255,.9);border-right:1px solid rgba(7,182,255,.9);}
.sbb-role{width: 21px;height: 20px;background: url("../../assets/images/roles.png") no-repeat;}
.search-item:first-child{margin-left: 0;}
.search-item{float:left;margin-left: 20px;height: 34px;line-height: 34px;}
.search-item .search-item-label{float: left;color:#5bc9fa;margin-right:10px;}
.search-item .el-select{width: 250px;}
.search-row{width: 100%;height:34px;padding-top: 10px;}
.table-result-boxx{width:100%;height: calc(100% - 95px);margin-top:15px;}
.table-result-boxx .table-container-style{width: 100%;height: 100%;background: rgba(22,225,255,.05);}

.search-row-label{width: 60px;height: 34px;line-height: 34px;color: #07b6ff;text-align: right;float: left;}
.search-row-condition{height: 34px;float: left;margin-left: 20px;width:calc(100% - 86px);}
.search-row-condition .zb-item{color:rgba(255,255,255,.8);height:34px;line-height: 34px;float:left;padding:0 10px;cursor:pointer;}
.search-row-condition .zb-item.on{color:rgba(255,255,255,1);background: rgba(7,182,255,.5)}
.search-condition-checkall{height:34px;line-height: 34px;}
.search-row-condition .el-checkbox-group .el-checkbox:first-child{margin-left: 10px;}
.search-row-condition .el-checkbox-group .el-checkbox{margin-left: 0;margin-right: 30px;height:34px;line-height: 34px;}

.operate-box{width:100%;height: 30px;line-height: 30px;}
.operate-box > div{float: left;margin-left:20px;}
.operate-box > div:first-child{margin-left: 0px;}
.operate-box > div.operate-back{float: left}
.operate-box > div.operate-down{float: right}

/* ========================================================= 后台系统管理 ========================================================*/
.back-row{width:calc(100% - 160px);padding: 0 80px;margin:0 auto;height:26px;line-height:26px;color:rgba(255,255,255,.7);}
/*map companylist*/
.map#mapDiv{width: 100%;height: 100%;position:absolute;left:0px;top:0px;}
.all-maps.aaa{background: none;width: 100%;height:calc(100% - 84px);left:0;top:10px;position: relative;}
.map-search-box{width:auto;height:34px;float: left;}
.search-by-company{position: absolute;top: 0px;left:0px;background:rgba(4,30,90,0.9);height: 100%;width: 300px;z-index: 50;}
.list-title{width: calc(100% - 20px);height: 40px;line-height: 40px;margin-left: 10px;font-size: 16px;}
.list-body{width: calc(100% - 20px);height: calc(100% - 40px);margin:30px 0px 10px;padding:0 10px;overflow-y: auto;}
.list-li{width: 100%;line-height: 30px;cursor: pointer;}
.list-li:hover,.close-btn:hover i{font-weight: bold;}
.close-btn{position: absolute;top:5px;right:10px;font-size:20px;line-height: 30px;cursor: pointer}
.zindexLoading{z-index: 99999!important;}
.el-month-table td.disabled .cell {background-color:#5f7ead;border-radius: 5px; }
.el-date-table td.disabled div{background-color:#5f7ead;}