.lineCharts[data-v-3f175096], .lineCharts[data-v-39c10f44], .lineCharts[data-v-81bfa614], .lineCharts[data-v-fa3e9026], .pieCharts[data-v-fcc84574] { width: 100%; height: 100%; } .loop-pie[data-v-7b52d916] { position: relative; width: 90%; height: 90%; margin: 0 auto; top: 5%; } .loop-pie .loop-pie-line[data-v-7b52d916] { position: absolute; width: 50%; height: 100%; top: 0; overflow: hidden; } .loop-pie .loop-pie-l[data-v-7b52d916] { top: 0; left: 0; } .loop-pie .loop-pie-r[data-v-7b52d916] { top: 0; -webkit-transform: rotate(180deg); right: 0; } .loop-pie .loop-pie-c[data-v-7b52d916] { width: 200%; height: 100%; border: 4px solid transparent; border-radius: 50%; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; -webkit-transform: rotate(-45deg); } .loop-pie .loop-pie-lm[data-v-7b52d916], .loop-pie .loop-pie-rm[data-v-7b52d916] { border-top: 4px solid #004970; border-left: 4px solid #004970; border-bottom: 4px solid #226fc8; border-right: 4px solid #226fc8; } .loop-pie .loop-pie-line-bg[data-v-7b52d916] { width: 90%; height: 90%; position: absolute; z-index: 9; background: url(../img/blue_bg.9762ad1d.png); margin: 0 auto; top: 5%; left: 5%; border-radius: 50%; background-size: 100% 100%; background-repeat: no-repeat; background-position: 100% 100%; } .loop-pie .loop-pie-line-text[data-v-7b52d916] { position: absolute; z-index: 10; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #02d9fd; font-size: 1.5625rem; } .loop-pie .loop-pie-line-unit[data-v-7b52d916] { font-size: .625rem; display: inline-block; height: 100%; padding-top: 47%; } .loop-pie-line-bg-warn .loop-pie-lm[data-v-7b52d916], .loop-pie-line-bg-warn .loop-pie-rm[data-v-7b52d916] { border-top: 4px solid #004970; border-left: 4px solid #004970; border-bottom: 4px solid #f87432; border-right: 4px solid #f87432; } .loop-pie-line-bg-warn .loop-pie-line-bg[data-v-7b52d916] { background: url(../img/orange_bg.7c22aa37.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 100% 100%; } .loop-pie-line-bg-warn .loop-pie-line-text[data-v-7b52d916] { color: #f87632; } .pieCharts[data-v-3cc8b48c] { width: 100%; height: 100%; } .header-select-list[data-v-abd74fa2] { padding: 3px 10px; } .risk-statistics { height: 23.783783%; } .cumulative-cost-statistics { height: 36.324324%; } .subitem-cost-statistics { height: 36.216216%; } .center-manage-statistics { height: 49.081081%; } .manage-statistics { height: 32.1081081%; } .item-section { height: calc(100% - 2.08333rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .risk-section { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; -ms-flex-align: center; } .risk-section, .risk-section .risk-loop-box { align-content: center; -webkit-box-align: center; align-items: center; } .risk-section .risk-loop-box { width: 30%; min-width: 100px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; } .risk-section .risk-loop-box .risk-loop-bar { width: 100px; height: 100px; } .risk-section .risk-item { width: 70%; } .risk-section .risk-item .risk-item-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .67708rem; cursor: pointer; padding: 0 40px 0 20px; margin: 13px 0; } .risk-section .risk-item .risk-item-list .notes-icons { width: .88542rem; height: .83333rem; } .risk-section .risk-item .risk-item-list .notes-icons .notes-icons-img { width: 100%; height: 100%; } .risk-section .risk-item .risk-item-list .notes-icons-b { display: none; } .risk-section .risk-item .risk-item-list .notes-icons-w { display: inline-block; } .risk-section .risk-item .risk-item-list .notes-title { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .risk-section .risk-item .system-notes-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .risk-section .risk-item .system-notes-item .notes-title { margin-left: 1.04167rem; height: .83333rem; line-height: .83333rem; } .risk-section .risk-item .system-notes-item:hover { color: #8ce6fe; } .risk-section .risk-item .system-notes-item:hover .notes-icons-b { display: inline-block; } .risk-section .risk-item .system-notes-item:hover .notes-icons-w { display: none; } .lastMonthList { width: 5.20833rem; } .lastMonthList .header-select-list { max-height: 8.33333rem; overflow-y: scroll; } .header-ul-options-year { width: 4.47917rem; right: 5.46875rem; } .header-ul-options-year .header-select-list { width: 4.47917rem; } .header-ul-options-types { width: 4.47917rem; right: 8.07292rem; } .header-ul-options-types .header-select-list { width: 4.47917rem; } .header-ul-options-income { width: 7.03125rem; right: 1.04167rem; } .header-ul-options-income .header-select-list { width: 7.03125rem; } ::v-deep .table-list .el-table--fit th.gutter, ::v-deep .table-list .el-table--fit tr.gutter { background: rgba(31, 75, 165, .6); } .item-section-table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 16px; } .table-list { width: 100%; height: 100%; } .header-warp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-warp p { margin: 0; padding: 0; line-height: 13px; } .asc { color: #dbcd2a; } .asc, .desc { font-weight: bolder; } .desc { color: #8f8f8d; } .waring-dialog-class .dialog-pagination { padding-top: 16px; text-align: right; } .waring-dialog-class .dialog-pagination .pagination-container { margin-top: 0; } .waring-dialog-class .dialog-pagination .el-pagination__total { color: #e0e0e2; } .waring-dialog-class .dialog-pagination .el-pagination.is-background .btn-next:disabled, .waring-dialog-class .dialog-pagination .el-pagination.is-background .btn-prev:disabled { color: #e0e0e2; padding: 0 6px; background: none; border: 1px solid #91939a; } .waring-dialog-class .dialog-pagination .el-pagination.is-background .el-pager li { background: none; border: 1px solid #91939a; color: #e0e0e2; } .waring-dialog-class .dialog-pagination .el-pagination.is-background .btn-next, .waring-dialog-class .dialog-pagination .el-pagination.is-background .btn-prev { padding: 0 6px; background: none; border: 1px solid #91939a; color: #e0e0e2; } .waring-dialog-class .dialog-pagination .el-pagination__editor.el-input .el-input__inner { background: none; border: 1px solid #91939a; color: #e0e0e2; } .waring-dialog-class .dialog-pagination .el-pagination__jump { color: #e0e0e2; } ::v-deep .el-table__body tr.current-row > td { background-color: #324458 !important; color: #fff; } ::v-deep .el-table { background-color: hsla(0, 0%, 100%, .3); } .el-table--group, ::v-deep .el-table--border { border: 1px solid hsla(0, 0%, 100%, .3); } ::v-deep .el-table .row-black { background: #141826; color: #fff; } ::v-deep .el-table .row-gray { background: #2c303c; color: #fff; } .el-table th.is-leaf, ::v-deep .el-table td { border-bottom: 1px solid hsla(0, 0%, 100%, .3); } .el-table--border th, ::v-deep .el-table--border td { border-right: 1px solid hsla(0, 0%, 100%, .3); } ::v-deep .el-table--border th.gutter:last-of-type { border-bottom: 1px solid hsla(0, 0%, 100%, .3); border-bottom-width: 1px; } ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td { background-color: rgba(94, 135, 163, .4); } .el-table--border td, ::v-deep .el-table--border th { border-right: none; } ::v-deep .el-table__column-resize-proxy { content: none; } ::v-deep .select-radio .el-radio__label { display: none; } .waring-dialog-class { background: #141826; border: 1px solid #2e5874; border-radius: 4px; } .waring-dialog-class .el-dialog__wrapper { background: hsla(0, 0%, 100%, .3) !important; } .waring-dialog-class .el-dialog__title { color: hsla(0, 0%, 100%, .5) !important; } .waring-dialog-class .el-dialog__footer { text-align: center; } .waring-dialog-class .el-dialog__body { padding: 20px; } .cancel-btn:active, .cancel-btn:focus, .cancel-btn:hover, .waring-dialog-class .cancel-btn { background: hsla(0, 0%, 100%, .3); border-radius: 2px; color: hsla(0, 0%, 100%, .5); outline: none; border: none; }