/*项目中可能用到的变量，按设计稿规范录入*/
.heaith-score[data-v-29712014] {
  margin-top: -4px;
}
.heaith-score .score-area[data-v-29712014] {
  margin: 16px 0 16px 0;
  padding-top: 16px;
  overflow: hidden;
}
.heaith-score .score-area .title[data-v-29712014] {
  margin-bottom: 30px;
}
.heaith-score .score-area .title .title-h2[data-v-29712014] {
  font-weight: 400;
  font-size: 20px;
}
.heaith-score .score-area .title .inline-block[data-v-29712014] {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: bottom;
}
.heaith-score .score-area .title .score-time[data-v-29712014] {
  margin-left: 12px;
  font-size: 12px;
  color: #919198;
}
.heaith-score .score-area .score-content[data-v-29712014] {
  margin-top: 18px;
}
.heaith-score .score-area .score-content .score-content-chart[data-v-29712014] {
  flex: 1;
  margin-right: 80px;
}
.heaith-score .score-area .score-content .score-content-chart .score-radar[data-v-29712014] {
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress[data-v-29712014] {
  width: 100%;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-level[data-v-29712014] {
  margin-bottom: 8px;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-level ul li[data-v-29712014] {
  height: 20px;
  line-height: 20px;
  color: #5A5B65;
  font-size: 12px;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-level ul .active[data-v-29712014] {
  width: 36px;
  height: 24px;
  border: 1px solid transparent;
  color: #ffffff;
  position: relative;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  margin-bottom: 5px;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-chart[data-v-29712014] {
  width: 100%;
  height: 6px;
  border-radius: 4px;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-chart .score-progress-bar[data-v-29712014] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: transparent;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-chart .score-progress-bar .score-progress-bar-one[data-v-29712014] {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(to right, #e65d2bff, #efce43ff, #bccd49ff, #7ac535ff, #609f25ff);
  animation: barOne-29712014 3s;
}
@keyframes barOne-29712014 {
from {
    width: 0;
}
to {
    width: 100%;
}
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-fraction[data-v-29712014] {
  margin-top: 8px;
}
.heaith-score .score-area .score-content .score-content-chart .score-progress .score-progress-fraction ul li[data-v-29712014] {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #5A5B65;
}
.heaith-score .score-area .score-content .score-content-data[data-v-29712014] {
  flex: 1;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation[data-v-29712014] {
  margin-bottom: 40px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-title[data-v-29712014] {
  font-weight: 600;
  color: #5A5B65;
  margin-bottom: 16px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-title span[data-v-29712014] {
  display: inline-block;
  width: 14px;
  height: 16px;
  margin-right: 8px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-notes[data-v-29712014] {
  line-height: 28px;
  height: auto;
  overflow: hidden;
  color: #5A5B65;
  margin-bottom: 10px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content[data-v-29712014] {
  margin-bottom: 38px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li[data-v-29712014] {
  color: #5A5B65;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #F2F2F2;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li .score-interpretation-content-title[data-v-29712014] {
  width: 30px;
  margin-right: 32px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li .score-interpretation-content-body[data-v-29712014] {
  flex: 1;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li .score-interpretation-content-body .score-interpretation-content-item[data-v-29712014] {
  flex-wrap: wrap;
  width: 33.3%;
  font-size: 12px;
  margin-right: 5px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li .score-interpretation-content-body .score-interpretation-content-item div[data-v-29712014]:nth-child(1) {
  min-width: 60px;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li .score-interpretation-content-body .score-interpretation-content-item .score-interpretation-content-score[data-v-29712014] {
  font-size: 24px;
  font-weight: 700;
  color: #14151D;
}
.heaith-score .score-area .score-content .score-content-data .score-interpretation .score-interpretation-content ul li .score-interpretation-content-body .score-interpretation-content-item .score-interpretation-content-score .unit[data-v-29712014] {
  font-size: 12px;
  font-weight: normal;
  color: #5A5B65;
  vertical-align: middle;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.trend-area .title[data-v-87f134c2] {
  margin-bottom: 30px;
}
.trend-area .title .title-h2[data-v-87f134c2] {
  font-weight: 400;
  font-size: 20px;
}
.trend-area .trend-content .trend-form[data-v-87f134c2] {
  margin-right: 24px;
  margin-bottom: 16px;
}
.trend-area .trend-content .trend-form .value[data-v-87f134c2] {
  width: 200px;
  margin-right: 8px;
}
.trend-area .trend-content .trend-form[data-v-87f134c2] .el-select {
  width: 250px;
}
.trend-area .trend-content .trend-form[data-v-87f134c2] .el-date-editor--daterange.el-input__inner {
  width: 250px;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.report[data-v-568e7882] {
  margin-top: 20px;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.top[data-v-48c169f0] {
  display: flex;
  line-height: 30px;
  padding-top: 16px;
  margin-bottom: 16px;
  margin-top: -4px;
}
.top .label[data-v-48c169f0] {
  color: #5A5B65;
}
.top .info[data-v-48c169f0] {
  margin-right: 48px;
}
.top .info .value[data-v-48c169f0] {
  display: inline-block;
  color: #5A5B65;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.overview-area[data-v-e3c8abd4] {
  position: relative;
  margin-top: 12px;
  min-height: 226px;
}
.overview-area .header-area .title-h2[data-v-e3c8abd4] {
  font-weight: 400;
  font-size: 20px;
}
.overview-area .refresh[data-v-e3c8abd4] {
  margin-left: 12px;
  color: #919198;
  cursor: pointer;
  font-size: 14px;
}
.overview-area .refresh[data-v-e3c8abd4]:hover {
  color: #FB5647;
}
.overview-area .refresh .btn[data-v-e3c8abd4] {
  vertical-align: middle;
  margin-left: 4px;
}
.overview-area .inline-block[data-v-e3c8abd4] {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: bottom;
}
.overview-area .overview-note[data-v-e3c8abd4] {
  margin-left: 12px;
  font-size: 12px;
  color: #919198;
}
.overview-area .hostId-select[data-v-e3c8abd4] {
  margin: 24px;
  color: #1d2534;
}
.overview-area .block-area[data-v-e3c8abd4] {
  display: flex;
}
.overview-area .block-area .overview-block[data-v-e3c8abd4] {
  flex: 1;
  background: #F8F8F9;
  border-radius: 8px;
  text-align: left;
  margin-right: 16px;
  padding: 24px 20px;
}
.overview-area .block-area .overview-block .block-content[data-v-e3c8abd4] {
  font-size: 32px;
  height: 62px;
  line-height: 62px;
  color: #374052;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.overview-area .block-area .overview-block .block-content .block-symbol[data-v-e3c8abd4] {
  font-size: 14px;
  vertical-align: bottom;
  height: 62px;
  line-height: 75px;
}
.overview-area .block-area .overview-block[data-v-e3c8abd4]:last-child {
  margin-right: 0;
}
.overview-prompt[data-v-e3c8abd4] {
  cursor: pointer;
}
.overview-prompt .svg-icon[data-v-e3c8abd4] {
  color: #919198;
}
.overview-note-content[data-v-e3c8abd4] {
  width: 400px;
}
.overview-note-content .note-content-row[data-v-e3c8abd4] {
  margin-bottom: 12px;
}
.overview-note-content .note-title[data-v-e3c8abd4] {
  text-align: right;
  color: #919198;
}
.overview-note-content .note-content[data-v-e3c8abd4] {
  color: #14151D;
  text-align: left;
  margin-left: 20px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.abnormal-list[data-v-b763536c] {
  margin-top: 16px;
}
.abnormal-list .label[data-v-b763536c] {
  padding-right: 10px;
}
.abnormal-list .title-h2[data-v-b763536c] {
  font-weight: 400;
  font-size: 20px;
}
.abnormal-list .top[data-v-b763536c] {
  display: flex;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 8px;
  color: #5A5B65;
  flex-wrap: wrap;
}
.abnormal-list .top .info[data-v-b763536c] {
  margin-right: 48px;
}
.abnormal-list .top .info .value[data-v-b763536c] {
  display: inline-block;
  color: #5A5B65;
}
.abnormal-list .top .form-item[data-v-b763536c] {
  margin-right: 24px;
  margin-bottom: 16px;
}
.abnormal-list .top .form-item .value[data-v-b763536c] {
  width: 250px;
}
.abnormal-list .top .form-item .input[data-v-b763536c] {
  width: 250px;
}
.abnormal-list .top .form-item .type[data-v-b763536c] {
  width: 250px;
}
.abnormal-list .top .search-btn[data-v-b763536c] {
  margin-left: 16px;
}
.abnormal-list .top .reset-btn[data-v-b763536c] {
  margin-left: 8px;
}
.modal-container .list-area[data-v-b763536c] {
  padding: 0 24px 24px 24px;
}
.modal-container .list-area .modal-list[data-v-b763536c] {
  vertical-align: top;
  display: inline-block;
  text-indent: 10px;
  width: 33.3%;
}
.modal-container .list-area .modal-list .title[data-v-b763536c] {
  height: 48px;
  line-height: 48px;
  background: #F8F8F9;
}
.modal-container .list-area .modal-list .text[data-v-b763536c] {
  height: 48px;
  line-height: 48px;
}
.modal-container .alert[data-v-b763536c] {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  background: #FA2C19;
  color: #ffffff;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.abnormal-detail[data-v-176a2d33] {
  margin-top: 24px;
}
.abnormal-detail .go-back[data-v-176a2d33] {
  display: inline-block;
}
.abnormal-detail .go-back[data-v-176a2d33]:hover {
  cursor: pointer;
  color: #fa2c19;
}
.abnormal-detail .top[data-v-176a2d33] {
  display: flex;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.abnormal-detail .top .label[data-v-176a2d33] {
  color: #5A5B65;
  line-height: 16px;
  margin-right: 10px;
}
.abnormal-detail .top .form-item[data-v-176a2d33] {
  color: #5A5B65;
  margin-right: 16px;
  margin-bottom: 24px;
}
.abnormal-detail .top .form-item .value[data-v-176a2d33] {
  width: 200px;
}
.abnormal-detail .top .search-btn[data-v-176a2d33] {
  margin-left: 16px;
}
.abnormal-detail .top .reset-btn[data-v-176a2d33] {
  margin-left: 8px;
}
.abnormal-detail .detail-btn[data-v-176a2d33] {
  cursor: pointer;
  color: #3375DC;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.top[data-v-2008c7e8] {
  display: flex;
  line-height: 30px;
  padding-top: 16px;
  margin-bottom: 16px;
  margin-top: -4px;
}
.top .label[data-v-2008c7e8] {
  color: #5A5B65;
}
.top .info[data-v-2008c7e8] {
  margin-right: 48px;
}
.top .info .value[data-v-2008c7e8] {
  display: inline-block;
  color: #5A5B65;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.card-wrapper[data-v-17f6b536] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 6px;
  margin-right: 6px;
  padding: 8px;
  background: #f8f8f9;
  border-radius: 12px;
}
.card-wrapper .title[data-v-17f6b536] {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #5a5b65;
}
.card-wrapper .count[data-v-17f6b536] {
  margin: 16px 0;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #080b31;
}
.compare-list[data-v-17f6b536] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  height: 16px;
  line-height: 12px;
}
.compare-list .label[data-v-17f6b536] {
  color: #919198;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compare-list .up-item[data-v-17f6b536] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #33ba99;
}
.compare-list .down-item[data-v-17f6b536] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f7344b;
}
.card-wrapper[data-v-17f6b536]:first-child {
  margin-left: 0px;
}
.card-wrapper[data-v-17f6b536]:last-child {
  margin-right: 0px;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.funnel-wrapper .list-wrap[data-v-268c3cdb] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 40px;
}
.funnel-wrapper .list-wrap .label[data-v-268c3cdb] {
  width: 120px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #5a5b65;
}
.funnel-wrapper .list-wrap .count[data-v-268c3cdb] {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  width: 102px;
  text-align: center;
}
.funnel-wrapper .list-wrap .process-wrap[data-v-268c3cdb] {
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: 40px;
}
.funnel-wrapper .list-wrap .process-wrap .canvas-wrap[data-v-268c3cdb] {
  margin-top: 6px;
  padding: 0;
  line-height: 0;
}
.funnel-wrapper .list-wrap .process-wrap .canvas-wrap .canvas[data-v-268c3cdb] {
  width: auto;
  height: 3px;
  border-radius: 3px;
  background: #fa2c19;
}
.funnel-wrapper .list-wrap .process-wrap .process-area[data-v-268c3cdb] {
  display: flex;
  margin-top: 6px;
}
.funnel-wrapper .list-wrap .process-wrap .process-area .arrow-wrap[data-v-268c3cdb] {
  margin-top: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.funnel-wrapper .list-wrap .process-wrap .process-area .arrow-wrap .line[data-v-268c3cdb] {
  width: 1px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.1);
}
.funnel-wrapper .list-wrap .process-wrap .process-area .arrow-wrap .tran[data-v-268c3cdb] {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.1);
}
.funnel-wrapper .list-wrap .process-wrap .process-area .num[data-v-268c3cdb] {
  font-weight: 700;
  font-size: 14px;
  color: #14151d;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.data-wrapper .left-item-wrap[data-v-2fc03199] {
  width: 100%;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
}
.data-wrapper .left-item-wrap .title-wrap[data-v-2fc03199] {
  position: relative;
  margin-bottom: 16px;
}
.data-wrapper .left-item-wrap .title-wrap .title[data-v-2fc03199] {
  font-size: 18px;
  color: #14151d;
}
.data-wrapper .left-item-wrap .title-wrap .ext-wrap .desc[data-v-2fc03199] {
  font-size: 12px;
  color: #919198;
}
.data-wrapper .left-item-wrap .title-wrap .ext-wrap .desc .icon-wrap[data-v-2fc03199] {
  font-size: 12px;
  color: #919198;
}
.data-wrapper .left-item-wrap .title-wrap .guid-wrap[data-v-2fc03199] {
  position: absolute;
  right: 0;
  font-size: 12px;
}
.data-wrapper .left-item-wrap .panel-wrap[data-v-2fc03199] {
  height: 116px;
}
.data-wrapper .right-item-wrap[data-v-2fc03199] {
  margin-left: 12px;
  width: 30%;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
}
.data-wrapper .right-item-wrap .title-wrap[data-v-2fc03199] {
  margin-bottom: 10px;
}
.data-wrapper .right-item-wrap .title-wrap .title[data-v-2fc03199] {
  font-size: 18px;
  color: #14151d;
}
.data-wrapper .right-item-wrap .panel-wrap[data-v-2fc03199] {
  height: 116px;
}
.overview-prompt[data-v-2fc03199] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 3px;
  cursor: pointer;
}
.overview-prompt .svg-icon[data-v-2fc03199] {
  color: #919198;
}
.overview-note-content[data-v-2fc03199] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.overview-note-content .note-content-row[data-v-2fc03199] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 12px;
}
.overview-note-content .note-content-row .note-title[data-v-2fc03199] {
  display: flex;
  width: 180px;
  text-align: right;
  color: #919198;
}
.overview-note-content .note-content-row .note-content[data-v-2fc03199] {
  width: 100%;
  color: #14151D;
  text-align: left;
  margin-left: 20px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.overview-note-content .desc[data-v-2fc03199] {
  font-size: 12px;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.chart-wrap .chart[data-v-7a489824] {
  width: 100%;
  height: 500px;
}

/*项目中可能用到的变量，按设计稿规范录入*/
.retain-churn-wrapper .left-item-wrap[data-v-08add692] {
  width: 100%;
  background: #fff;
  border-radius: 12px;
}
.retain-churn-wrapper .left-item-wrap .title-wrap[data-v-08add692] {
  position: relative;
  margin-bottom: 16px;
}
.retain-churn-wrapper .left-item-wrap .title-wrap .title[data-v-08add692] {
  font-size: 18px;
  color: #14151d;
}
.retain-churn-wrapper .left-item-wrap .title-wrap .ext-wrap .desc[data-v-08add692] {
  font-size: 12px;
  color: #919198;
}
.retain-churn-wrapper .left-item-wrap .title-wrap .ext-wrap .desc .icon-wrap[data-v-08add692] {
  font-size: 12px;
  color: #919198;
}
.retain-churn-wrapper .left-item-wrap .title-wrap .guid-wrap[data-v-08add692] {
  position: absolute;
  right: 0;
  font-size: 12px;
}
.retain-churn-wrapper .left-item-wrap .panel-wrap[data-v-08add692] {
  height: 116px;
}
.retain-churn-wrapper .form-wrapper[data-v-08add692] {
  display: flex;
  align-items: center;
  margin-top: 24px;
  color: #5A5B65;
  flex-wrap: wrap;
}
.retain-churn-wrapper .form-wrapper .info[data-v-08add692] {
  margin-right: 48px;
}
.retain-churn-wrapper .form-wrapper .info .value[data-v-08add692] {
  display: inline-block;
  color: #5A5B65;
}
.retain-churn-wrapper .form-wrapper .form-item[data-v-08add692] {
  margin-right: 16px;
  margin-bottom: 12px;
}
.retain-churn-wrapper .form-wrapper .form-item .value[data-v-08add692] {
  width: 250px;
}
.retain-churn-wrapper .form-wrapper .form-item .label[data-v-08add692] {
  display: inline-block;
  width: 100px;
  text-align: right;
  padding-right: 12px;
}
.retain-churn-wrapper .form-wrapper .echart-empty[data-v-08add692] {
  height: 360px;
  background: #f6f8fa;
  color: #919198;
}
.retain-churn-wrapper .form-wrapper .search-btn[data-v-08add692] {
  margin-left: 130px;
}
.retain-churn-wrapper .form-wrapper .reset-btn[data-v-08add692] {
  margin-left: 8px;
}
.retain-churn-wrapper .overview-note-content[data-v-08add692] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.retain-churn-wrapper .overview-note-content .note-content-row[data-v-08add692] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 12px;
}
.retain-churn-wrapper .overview-note-content .note-content-row .note-title[data-v-08add692] {
  display: flex;
  justify-content: flex-end;
  width: 160px;
  text-align: right;
  color: #919198;
}
.retain-churn-wrapper .overview-note-content .note-content-row .note-content[data-v-08add692] {
  width: 100%;
  color: #14151D;
  text-align: left;
  margin-left: 20px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.retain-churn-wrapper .overview-note-content .desc[data-v-08add692] {
  font-size: 12px;
}