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;}