.bar[data-v-1f37bbc8], .lineCharts[data-v-d397be14], .treeMap[data-v-235b677c] { width: 100%; height: 100%; } .map-main { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .areaRankingAll { position: absolute; top: 30px; } .f-c-c { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f-c-c, .map-topBox { display: -webkit-box; display: -ms-flexbox; display: flex; } .map-topBox { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .control-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .detail-btn { position: absolute; top: 10px; right: 5px; } .left-detail { position: absolute; top: 50px; left: 15px; } .left-detail .item { margin: 10px 0; color: #fff; font-weight: 700; } .left-detail .item .item-num { padding-left: 15px; } .radio { width: 5px; height: 5px; border-radius: 50%; } .barLineChart[data-v-0c4f0dd9] { width: 100%; height: 100%; } @-webkit-keyframes top { 0% { left: 0; top: 0; opacity: .3; } 30% { left: 0; top: 0; opacity: .5; } 50% { opacity: .8; } to { left: -150%; top: 0; opacity: 1; z-index: 2; } } @keyframes top { 0% { left: 0; top: 0; opacity: .3; } 30% { left: 0; top: 0; opacity: .5; } 50% { opacity: .8; } to { left: -150%; top: 0; opacity: 1; z-index: 2; } } @-webkit-keyframes bottom { 0% { top: 0; left: 100%; opacity: .3; } 30% { opacity: .5; } 50% { opacity: .8; } to { left: 0; top: 0; opacity: 1; } } @keyframes bottom { 0% { top: 0; left: 100%; opacity: .3; } 30% { opacity: .5; } 50% { opacity: .8; } to { left: 0; top: 0; opacity: 1; } } .bottom-fixed-card[data-v-23c0cfd7] { z-index: 8888; } .bottom-fixed-card__content[data-v-23c0cfd7] { 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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bottom-fixed-card__title[data-v-23c0cfd7] { font-weight: 700; font-size: 16px; margin-bottom: 12px; } .bottom-fixed-card__actions[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .save-time-small[data-v-23c0cfd7] { font-size: 12px; margin-left: 6px; } .bottom-fixed-card__actions[data-v-23c0cfd7] :deep(.el-button) { margin: 0 8px; } .redText[data-v-23c0cfd7] { color: red; } .f-w-7[data-v-23c0cfd7] { font-weight: 700; } .flex-box3[data-v-23c0cfd7], .flex-box[data-v-23c0cfd7] { margin: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; } .flex-box3 .value[data-v-23c0cfd7], .flex-box .value[data-v-23c0cfd7] { margin-left: 20px; } .flex-box3 .label[data-v-23c0cfd7], .flex-box .label[data-v-23c0cfd7] { width: 25%; } .flex-box3 .label span[data-v-23c0cfd7], .flex-box .label span[data-v-23c0cfd7] { float: right; } .flex-box3 .label2[data-v-23c0cfd7], .flex-box .label2[data-v-23c0cfd7] { width: 35%; } .flex-box3 .label2 span[data-v-23c0cfd7], .flex-box .label2 span[data-v-23c0cfd7] { float: right; } .flex-box3 .label3[data-v-23c0cfd7], .flex-box .label3[data-v-23c0cfd7] { width: 50%; } .flex-box3 .label3 span[data-v-23c0cfd7], .flex-box .label3 span[data-v-23c0cfd7] { float: right; } .flex-box3 .min-width70[data-v-23c0cfd7], .flex-box .min-width70[data-v-23c0cfd7] { width: 70px; } .flex-box3 .min-width70 span[data-v-23c0cfd7], .flex-box .min-width70 span[data-v-23c0cfd7] { float: right; } .flex-box3 .min-width90[data-v-23c0cfd7], .flex-box .min-width90[data-v-23c0cfd7] { width: 90px; } .flex-box3 .min-width90 span[data-v-23c0cfd7], .flex-box .min-width90 span[data-v-23c0cfd7] { float: right; } .flex-box2[data-v-23c0cfd7] { margin: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 700; } .flex-box2 .min-width70[data-v-23c0cfd7] { width: 70px; } .flex-box2 .min-width70 span[data-v-23c0cfd7] { float: right; } .flex-box3[data-v-23c0cfd7] { margin: 10px 0; } .tabListBox[data-v-23c0cfd7] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; } .f-b[data-v-23c0cfd7], .tabListBox[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-b[data-v-23c0cfd7] { -ms-flex-pack: distribute; justify-content: space-around; font-weight: 700; } .iconSelect[data-v-23c0cfd7] { cursor: pointer; } .iconBox[data-v-23c0cfd7] { margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 20px; } .el-icon-caret-top[data-v-23c0cfd7] { margin-bottom: -7px; } .iconActiveTop[data-v-23c0cfd7] { color: green; } .iconActiveBottom[data-v-23c0cfd7] { color: red; } [data-v-23c0cfd7] .el-table__empty-text { width: 100% !important; } .benefitIndex[data-v-23c0cfd7] { height: 90px; } .miniCardBodyCenter[data-v-23c0cfd7] { text-align: center; } .itemBodyFlex3[data-v-23c0cfd7] { 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-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 14px; } .itemBodyFlex3 .itemBodyFlex[data-v-23c0cfd7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; } .itemBodyFlex3 .itemBodyFlexOwner[data-v-23c0cfd7] { position: relative; 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-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .itemBodyFlex3 .itemBodyFlexOwner .itemBodyFlexTitle[data-v-23c0cfd7] { height: 20px; } .itemBodyFlex3 .itemBodyFlexOwner .itemBodyFlexCharts[data-v-23c0cfd7] { width: 80%; height: 70px; line-height: 70px; } .itemBodyFlex5[data-v-23c0cfd7] { 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-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 14px; } .itemBodyFlex5 .itemBodyFlex[data-v-23c0cfd7] { width: 25%; height: 100%; } .dangerousColorRed[data-v-23c0cfd7] { color: #d9001b; } .dangerousColorOrange[data-v-23c0cfd7] { color: #f90; } .dangerousColorYellow[data-v-23c0cfd7] { color: #fbd437; } .dangerousColorGreen[data-v-23c0cfd7] { color: #67c23a; } .chargeAmountCharts2[data-v-23c0cfd7] { height: 225px; } [data-v-23c0cfd7] .service-rate { width: 120%; } [data-v-23c0cfd7] .service-rate .el-rate__icon { margin-right: 0; } .satisfactionBox[data-v-23c0cfd7] { 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-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 0 17px; } .satisfactionBox[data-v-23c0cfd7] .el-rate__text { vertical-align: bottom; } .f-c-c[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .planTypeRight[data-v-23c0cfd7] { float: right; margin-top: -1px; } .customerSatisfaction[data-v-23c0cfd7] { height: 90px; } .treeMapBox[data-v-23c0cfd7] { height: 177px; } .itemBodyTmpBkg[data-v-23c0cfd7] { background-image: url(../img/tmpBkg.8001ec98.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 100% 80%; } .customerComplaintsTotal[data-v-23c0cfd7] { position: absolute; left: 50px; bottom: -30px; font-size: 14px; } .service-score-top23[data-v-23c0cfd7] { height: 50px; } .service-score-top23 .service-score-loopbar[data-v-23c0cfd7] { width: 50px; height: 50px; } .card-list[data-v-23c0cfd7] { width: 60%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; scrollbar-width: none; } .card-list[data-v-23c0cfd7]::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .el-icon-caret-left[data-v-23c0cfd7], .el-icon-caret-right[data-v-23c0cfd7] { cursor: pointer; } .card-list-right[data-v-23c0cfd7] { position: absolute; top: 17px; right: 5px; } .card-list-left[data-v-23c0cfd7] { position: absolute; top: 17px; left: 36%; } .cardTab[data-v-23c0cfd7] { display: inline-block; padding: 3px 8px; margin: 0 5px; color: #fff; background: #3a506b; border-radius: 3px; font-size: 13px; cursor: pointer; line-height: 1; white-space: nowrap; } .cardTabA[data-v-23c0cfd7] { background: #5bc0eb; } .link-title[data-v-23c0cfd7] { cursor: pointer; } .link-title[data-v-23c0cfd7]:hover { color: #409eff; } .textL[data-v-23c0cfd7] { width: 45%; text-align: left; min-height: 20px; line-height: 20px; } .text_r[data-v-23c0cfd7] { text-align: right; float: right; font-size: 12px; padding-right: 10px; } .zIndex[data-v-23c0cfd7] { position: relative; z-index: 999; } .animationCol[data-v-23c0cfd7] { position: absolute; width: 100%; height: 100%; -webkit-transition: all 3500 cubic-bezier(.11, .2, .1, 1.25); transition: all 3500 cubic-bezier(.11, .2, .1, 1.25); } .chargeAmountCharts[data-v-23c0cfd7] { height: 157px; } .safety-content[data-v-23c0cfd7] { overflow: hidden; } .safety-item[data-v-23c0cfd7] { width: 50%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 7px 0; } .safety-icon[data-v-23c0cfd7] { margin-right: 12px; } .safety-icon img[data-v-23c0cfd7] { width: 40px; vertical-align: middle; } .safety-text[data-v-23c0cfd7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .safety-text h5[data-v-23c0cfd7] { font-size: 14px; color: #fff; margin: 0 0 4px 0; } .safety-text p[data-v-23c0cfd7] { font-size: 14px; color: #fff; margin: 0; } .safety-text b[data-v-23c0cfd7] { font-weight: 700; font-size: 16px; margin-right: 6px; } .benefit-bottom[data-v-23c0cfd7] { -ms-flex-pack: distribute; justify-content: space-around; } .benefit-bottom[data-v-23c0cfd7], .benefit-item[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .benefit-icon[data-v-23c0cfd7] { margin-right: 12px; } .benefit-icon img[data-v-23c0cfd7] { width: 44px; vertical-align: middle; } .benefit-text[data-v-23c0cfd7] { text-align: center; } .benefit-text h5[data-v-23c0cfd7] { font-size: 14px; color: #fff; margin: 0 0 4px 0; } .benefit-text p[data-v-23c0cfd7] { font-size: 16px; color: #05e3b9; font-weight: 700; margin: 0; } .satisfaction-content[data-v-23c0cfd7] { padding: 10px 0; padding-left: 20px; } .satisfaction-item[data-v-23c0cfd7] { position: relative; padding-left: 38px; margin: 4px 0; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .satisfaction-icon[data-v-23c0cfd7] { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .satisfaction-icon img[data-v-23c0cfd7] { width: 30px; vertical-align: middle; } .satisfaction-item span[data-v-23c0cfd7] { font-size: 14px; color: #fff; margin-right: 6px; } .satisfaction-item b[data-v-23c0cfd7] { font-size: 15px; color: #05e3b9; margin-right: 6px; } .quality-item[data-v-23c0cfd7] { position: relative; padding-left: 38px; margin: 8px 0; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quality-icon[data-v-23c0cfd7] { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .quality-icon img[data-v-23c0cfd7] { width: 28px; vertical-align: middle; } .quality-item span[data-v-23c0cfd7] { font-size: 14px; color: #fff; display: inline-block; width: 12em; } .quality-item b[data-v-23c0cfd7] { font-size: 15px; color: #00a8ff; margin: 0 5px; } .quality-item em[data-v-23c0cfd7] { font-size: 14px; color: #fff; } .personnel-content[data-v-23c0cfd7] { padding: 0 20px; } .personnel-item[data-v-23c0cfd7] { position: relative; padding-left: 38px; margin: 4px 0; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .personnel-icon[data-v-23c0cfd7] { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .personnel-icon img[data-v-23c0cfd7] { width: 30px; vertical-align: middle; } .personnel-item span[data-v-23c0cfd7] { font-size: 14px; color: #fff; margin-right: 8px; } .personnel-item b[data-v-23c0cfd7] { font-size: 15px; color: #05e3b9; margin-right: 6px; } .personnel-item em[data-v-23c0cfd7] { font-size: 14px; color: #fff; margin-right: 6px; } .personnel-row[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 8px 0; } .personnel-row .personnel-item-simple[data-v-23c0cfd7], .personnel-row .personnel-item[data-v-23c0cfd7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; } .personnel-item-simple[data-v-23c0cfd7] { position: relative; padding-left: 0; margin: 4px 0; line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personnel-item-simple span[data-v-23c0cfd7] { color: #fff; font-size: 14px; margin-right: 10px; } .personnel-item-simple b[data-v-23c0cfd7] { color: #fff; font-size: 15px; font-weight: 700; } .personnel-item-simple .value-with-tooltip[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .personnel-item-simple .value-with-tooltip em[data-v-23c0cfd7] { margin-right: 5px; color: #fff; font-size: 14px; } .operation-index-content[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 120px; text-align: center; } .operation-index-text[data-v-23c0cfd7] { font-size: 24px; font-weight: 700; color: #fff; font-family: SourceHanSansSC-Bold; } .safe-title[data-v-23c0cfd7] { font-size: 20px; font-weight: 700; color: #fff !important; font-family: SourceHanSansSC-Bold; } .administration-card[data-v-23c0cfd7], .house-card[data-v-23c0cfd7], .market-card[data-v-23c0cfd7], .personnel-card[data-v-23c0cfd7] { background-image: url(../img/bg4.f7f74b8c.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 50%; } .administration-content[data-v-23c0cfd7], .house-content[data-v-23c0cfd7], .market-content[data-v-23c0cfd7], .personnel-content[data-v-23c0cfd7] { padding: 10px 20px; color: #fff; } .administration-content .label[data-v-23c0cfd7], .house-content .label[data-v-23c0cfd7], .market-content .label[data-v-23c0cfd7], .personnel-content .label[data-v-23c0cfd7] { color: #fff; font-weight: 500; } .administration-content .value[data-v-23c0cfd7], .house-content .value[data-v-23c0cfd7], .market-content .value[data-v-23c0cfd7], .personnel-content .value[data-v-23c0cfd7] { color: #fff; font-weight: 700; } .administration-content .min-width70[data-v-23c0cfd7], .administration-content .min-width90[data-v-23c0cfd7], .house-content .min-width70[data-v-23c0cfd7], .house-content .min-width90[data-v-23c0cfd7], .market-content .min-width70[data-v-23c0cfd7], .market-content .min-width90[data-v-23c0cfd7], .personnel-content .min-width70[data-v-23c0cfd7], .personnel-content .min-width90[data-v-23c0cfd7] { color: #fff; font-weight: 500; } .market-item[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 8px 0; padding: 0 10px; } .market-item span[data-v-23c0cfd7] { color: #fff; font-size: 14px; font-weight: 500; } .market-item b[data-v-23c0cfd7] { color: #fff; font-size: 16px; font-weight: 700; } .market-row[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 5px 0; } .market-row .market-item[data-v-23c0cfd7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; } .house-tabs[data-v-23c0cfd7] { text-align: center; margin-bottom: 15px; } .house-tabs .el-radio-group[data-v-23c0cfd7] { background: hsla(0, 0%, 100%, .1); border-radius: 6px; padding: 5px; } .house-item[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 6px 0; padding: 0 15px; } .house-item span[data-v-23c0cfd7] { color: #fff; font-size: 14px; font-weight: 500; } .house-item b[data-v-23c0cfd7] { color: #fff; font-size: 15px; font-weight: 700; } .house-row[data-v-23c0cfd7] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 4px 0; } .house-row .house-item[data-v-23c0cfd7] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; padding: 0 10px; } .administration-item[data-v-23c0cfd7] { position: relative; padding-left: 45px; margin: 15px 0; line-height: 1.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 36px; } .administration-icon[data-v-23c0cfd7] { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .administration-icon img[data-v-23c0cfd7] { width: 32px; vertical-align: middle; } .administration-item span[data-v-23c0cfd7] { color: #fff; font-size: 14px; margin-right: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .administration-item b[data-v-23c0cfd7] { color: #fff; font-size: 16px; font-weight: 700; margin-right: 5px; } .administration-item em[data-v-23c0cfd7] { color: #fff; font-size: 14px; } @font-face { font-family: nav; src: url(../fonts/nav.26875b76.TTF); } @font-face { font-family: title; src: url(../fonts/title.1726685c.TTF); } @font-face { font-family: SourceHanSansSC-Bold; src: url(../fonts/SourceHanSansSC-Bold.9d0f306a.otf); } @font-face { font-family: SourceHanSansSC-Regular; src: url(../fonts/SourceHanSansSC-Regular.62193455.otf); } .map-container[data-v-23c0cfd7] { background-image: url(../img/bg3.ff7a2844.png); background-size: contain; background-position: 50%; background-repeat: no-repeat; border-radius: 3px; padding: 0; position: relative; overflow: hidden; }