:root{--van-skeleton-row-height:16px;--van-skeleton-row-background-color:var(--van-active-color);--van-skeleton-row-margin-top:var(--van-padding-sm);--van-skeleton-title-width:40%;--van-skeleton-avatar-size:32px;--van-skeleton-avatar-background-color:var(--van-active-color);--van-skeleton-animation-duration:1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__avatar{flex-shrink:0;width:var(--van-skeleton-avatar-size);height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);background-color:var(--van-skeleton-avatar-background-color)}.van-skeleton__avatar--round{border-radius:var(--van-border-radius-max)}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}.van-skeleton__row,.van-skeleton__title{height:var(--van-skeleton-row-height);background-color:var(--van-skeleton-row-background-color)}.van-skeleton__title{width:var(--van-skeleton-title-width);margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--van-skeleton-row-margin-top)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink var(--van-skeleton-animation-duration) ease-in-out infinite;animation:van-skeleton-blink var(--van-skeleton-animation-duration) ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:var(--van-border-radius-max)}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}
body[data-v-2a7d3972] {
  padding: 0;
  margin: 0;
}
.process-box[data-v-2a7d3972] {
  height: 5px;
  background: #d0ebff;
  position: relative;
}
.process-box .process[data-v-2a7d3972] {
  width: 50%;
  background: #76d6fe;
  position: absolute;
  left: 0;
  height: 5px;
  top: 0;
}
.nav-bar[data-v-2a7d3972] {
  background: #f2f2f2;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.nav-bar .nav-item[data-v-2a7d3972] {
  background: #e5e5e5;
  border-radius: 2px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  flex: 0 1 auto;
  padding: 0 11px;
  margin: 0 5px;
  text-align: center;
}
.nav-bar .nav-item.active[data-v-2a7d3972] {
  background: #76d6fe;
  color: #ffffff;
}
.panel[data-v-2a7d3972] {
  background: #ffffff;
}
.panel .panel-title[data-v-2a7d3972] {
  padding: 16px 12px 16px 26px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
.panel .panel-title[data-v-2a7d3972]::before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 20px;
  left: 12px;
  top: 17px;
  background: #76d6fe;
  border-radius: 2px;
}
.panel .panel-body[data-v-2a7d3972] {
  padding: 0 12px;
  text-align: left;
}
.panel .panel-body .qs-title[data-v-2a7d3972] {
  font-weight: bold;
  color: #323246;
  font-size: 16px;
  margin: 30px 0 0 0;
}
.panel .panel-body .qs-title span[data-v-2a7d3972] {
  color: #9b9bbe;
}
.panel .panel-body .error[data-v-2a7d3972] {
  font-size: 14px;
  color: red;
  margin-top: 10px;
}
.panel .split-line[data-v-2a7d3972] {
  height: 10px;
  background: #f2f2f2;
  width: 100%;
  margin-top: 30px;
}
.panel .van-cell[data-v-2a7d3972] {
  padding: 10px 0 10px 10px;
}
.panel .van-cell .van-cell__title[data-v-2a7d3972] {
  color: #323246;
}
.panel .van-cell[data-v-2a7d3972] ::-webkit-input-placeholder {
  color: #9b9bbe;
}
.panel .van-cell .van-cell__right-icon[data-v-2a7d3972] {
  color: #d6d6d6;
}
.panel .van-cell--required[data-v-2a7d3972]::before {
  left: 0;
}
.panel .sex-checkbox .sex-checkbox-item[data-v-2a7d3972] {
  display: inline-block;
  padding: 5px;
  color: #ffffff;
  background: #9b9bbe;
  line-height: 1em;
  margin-right: 15px;
  border-radius: 3px;
}
.panel .sex-checkbox .sex-checkbox-item.active[data-v-2a7d3972] {
  background: #76d6fe;
}
.panel .panel-bottom[data-v-2a7d3972] {
  padding: 5px;
  display: flex;
  margin-top: 20px;
  background: #f9f9f9;
}
.panel .panel-bottom .van-button[data-v-2a7d3972] {
  flex: 0 0 calc(50% - 10px);
  margin: 5px;
  background: #76d6fe;
  border: none;
}
.panel .text-input[data-v-2a7d3972] {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  width: calc(100% - 20px);
  margin: 10px 10px 0 10px;
  padding: 0 10px;
}
.panel .text-area[data-v-2a7d3972] {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  width: calc(100% - 20px);
  margin-top: 10px;
  padding: 0 10px;
}
.qs-result[data-v-2a7d3972] {
  text-align: left;
  background: #5ac7f4;
  padding: 20px 12px 10px 12px;
  min-height: 100vh;
}
.qs-result .qs-header[data-v-2a7d3972] {
  display: flex;
  margin-bottom: 20px;
}
.qs-result .qs-header .head-picture[data-v-2a7d3972] {
  flex: 0 0 53px;
}
.qs-result .qs-header .head-picture img[data-v-2a7d3972] {
  border-radius: 50%;
  width: 53px;
  height: 53px;
}
.qs-result .qs-header .head-info[data-v-2a7d3972] {
  padding-left: 10px;
  flex: 0 0 auto;
  color: #ffffff;
  text-align: left;
}
.qs-result .qs-header .head-info .name[data-v-2a7d3972] {
  line-height: 1em;
  font-size: 15px;
  font-weight: bold;
}
.qs-result .qs-header .head-info .info[data-v-2a7d3972] {
  font-size: 12px;
  margin-top: 7px;
}
.qs-result .qs-result-panel[data-v-2a7d3972] {
  box-shadow: 0px 0px 9px 1px rgba(66, 181, 228, 0.08);
  border-radius: 5px;
  background: #ffffff;
  padding: 0 20px 20px 20px;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs_table[data-v-2a7d3972] {
  border: 0.5px solid #e5e5e5;
  border-right: 0;
  width: 100%;
  margin-top: 20px;
}
.qs-result .qs-result-panel .qs_table tr th[data-v-2a7d3972] {
  border-right: 0.5px solid #e5e5e5;
}
.qs-result .qs-result-panel .qs_table th[data-v-2a7d3972] {
  padding: 10px 0 10px 10px;
}
.qs-result .qs-result-panel .qs_table .qs_table_title[data-v-2a7d3972] {
  color: #323246;
  font-size: 14px;
}
.qs-result .qs-result-panel .qs_table .qs_table_num[data-v-2a7d3972] {
  margin-top: 5px;
  color: #323246;
  font-size: 20px;
}
.qs-result .qs-result-panel .qs_table .qs_table_company[data-v-2a7d3972] {
  color: #323246;
  font-size: 12px;
}
.qs-result .qs-result-panel .qs_cause[data-v-2a7d3972] {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.qs-result .qs-result-panel .qs_cause_flex[data-v-2a7d3972] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.qs-result .qs-result-panel .qs_cause_flex_but[data-v-2a7d3972] {
  background: #fee8e8;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 2px;
  color: #f36667;
  font-size: 14px;
}
.qs-result .qs-result-panel .qs_cause_content[data-v-2a7d3972] {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  margin-top: 14px;
}
.qs-result .qs-result-panel .qs_average[data-v-2a7d3972] {
  margin: 20px 0;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.qs-result .qs-result-panel .qs_motivation[data-v-2a7d3972] {
  margin-top: 30px;
}
.qs-result .qs-result-panel .qs_txt[data-v-2a7d3972] {
  color: #333333;
  font-size: 14px;
}
.qs-result .qs-result-panel .chronic_result[data-v-2a7d3972] {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  color: #333333;
  font-size: 18px;
}
.qs-result .qs-result-panel .qs-result-panel-title[data-v-2a7d3972] {
  font-size: 18px;
  padding: 16px 0 16px 14px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.qs-result .qs-result-panel .qs-result-panel-title[data-v-2a7d3972]::before {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 20px;
  left: 0;
  top: 18px;
  background: #76d6fe;
  border-radius: 2px;
}
.qs-result .qs-result-panel .qs-result-panel-body[data-v-2a7d3972] {
  padding-top: 20px;
}
.qs-result .qs-result-panel .qs-result-panel-body .chart[data-v-2a7d3972] {
  height: 218px;
  width: 100%;
}
.qs-result .qs-result-panel .qs-result-panel-body .qs-title[data-v-2a7d3972] {
  font-weight: bold;
  color: #323246;
  font-size: 16px;
  margin: 30px 0 0 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .qs-title span[data-v-2a7d3972] {
  color: #9b9bbe;
}
.qs-result .qs-result-panel .qs-result-panel-body .finish-title[data-v-2a7d3972] {
  text-align: center;
  font-size: 16px;
  color: #323246;
  line-height: 1em;
}
.qs-result .qs-result-panel .qs-result-panel-body .title[data-v-2a7d3972] {
  color: #333333;
  font-size: 14px;
  position: relative;
  background: #ffffff;
  margin: 10px 0;
  line-height: 1em;
  text-align: left;
  z-index: 1;
}
.qs-result .qs-result-panel .qs-result-panel-body .title span[data-v-2a7d3972] {
  position: relative;
  background: #ffffff;
  display: inline-block;
  z-index: 1;
  padding-right: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .title[data-v-2a7d3972]::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #e5e5e5;
  position: relative;
  top: -8px;
  z-index: 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .top-title[data-v-2a7d3972] {
  line-height: 1em;
  color: #1890ff;
  margin: 20px 0 20px 0;
  font-size: 16px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box[data-v-2a7d3972] {
  text-align: left;
  margin-top: 20px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-factor[data-v-2a7d3972] {
  background: #fee8e8;
  font-size: 14px;
  border-radius: 2px;
  padding: 9px 10px;
  color: #728bfe;
  background: #e6eafc;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-box[data-v-2a7d3972] {
  height: 38px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-radius: 5px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-score[data-v-2a7d3972] {
  background-color: #e7f7fd;
  color: #41bcee;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-evaluate[data-v-2a7d3972] {
  background-color: #eefbf8;
  color: #44d1b9;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-grade[data-v-2a7d3972] {
  background-color: #fff7eb;
  color: #fcaa27;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-proposal[data-v-2a7d3972] {
  word-wrap: break-word;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table[data-v-2a7d3972] {
  width: 100%;
  color: #333333;
  font-size: 13px;
  font-weight: 200;
  border: 1px solid #d0e8ff;
  border-right: 0;
  border-bottom: 0;
  border-spacing: 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table .risk-thead[data-v-2a7d3972] {
  height: 30px;
  background-color: #eaf5ff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr[data-v-2a7d3972] {
  border-bottom: 1px solid #d0e8ff;
  border: 1px solid #d0e8ff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th[data-v-2a7d3972],
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td[data-v-2a7d3972] {
  border-right: 0.5px solid #d0e8ff;
  border-bottom: 0.5px solid #d0e8ff;
  padding-left: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th .ant-btn-link[data-v-2a7d3972],
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td .ant-btn-link[data-v-2a7d3972] {
  padding: 0 5px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr .risk-tbody[data-v-2a7d3972] {
  background-color: #ffffff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr .risk-tbody tr td[data-v-2a7d3972] {
  background-color: #ffffff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th[data-v-2a7d3972] {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td[data-v-2a7d3972] {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th[data-v-2a7d3972]:nth-child(1) {
  width: 30%;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td[data-v-2a7d3972]:nth-child(1) {
  width: 30%;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th[data-v-2a7d3972]:nth-child(2) {
  width: 15%;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td[data-v-2a7d3972]:nth-child(2) {
  width: 15%;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-title[data-v-2a7d3972] {
  color: #333333;
  font-size: 18px;
  margin-top: 20px;
  line-height: 1em;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result[data-v-2a7d3972] {
  display: flex;
  justify-content: center;
  margin: 15px 0 30px 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result .left[data-v-2a7d3972] {
  flex: 0 0 13px;
  position: relative;
  vertical-align: bottom;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result .center[data-v-2a7d3972] {
  flex: 0 0 auto;
  padding: 0 10px;
  color: #5ac7f4;
  font-size: 24px;
  line-height: 1em;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result .right[data-v-2a7d3972] {
  flex: 0 0 13px;
  position: relative;
  vertical-align: bottom;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result img[data-v-2a7d3972] {
  width: 13px;
  height: 13px;
  bottom: 5px;
  position: absolute;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-remark[data-v-2a7d3972] {
  color: #333333;
  line-height: 32px;
}
.tip_color[data-v-2a7d3972] {
  color: #76D6FE !important;
  padding-left: 20px;
}
html[data-v-2a7d3972] {
  background: #5ac7f4;
}
.association_box[data-v-2a7d3972] {
  margin-bottom: 15px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 18px 2px rgba(66, 181, 228, 0.08);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add_crowd[data-v-2a7d3972] {
  margin-bottom: 15px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 18px 2px rgba(66, 181, 228, 0.08);
  border-radius: 10px;
}
.img_0[data-v-2a7d3972] {
  width: 62px;
  height: 62px;
}
.img_1[data-v-2a7d3972] {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.association_center[data-v-2a7d3972] {
  height: 100%;
}
.association_img[data-v-2a7d3972] {
  display: flex;
  justify-content: center;
}
.association_txt_0[data-v-2a7d3972] {
  color: #323246;
  font-size: 14px;
  line-height: 22px;
}
.association_txt_1[data-v-2a7d3972] {
  color: #323246;
  font-size: 17px;
  padding-top: 10px;
}
.association_txt_2[data-v-2a7d3972] {
  color: #9b9bbe;
  font-size: 12px;
  width: 100%;
  padding-top: 2px;
}
.we_zt[data-v-2a7d3972] {
  padding: 0 10px;
  color: #fff;
  font-size: 10px;
  background-color: #76d6fe;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 28px;
  border-radius: 15px;
  cursor: pointer;
}
.crowd_flex[data-v-2a7d3972] {
  display: flex;
  padding-top: 10px;
}
.code_left[data-v-2a7d3972] {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box_0_left[data-v-2a7d3972] {
  width: calc(100% - 85px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.crowd_left[data-v-2a7d3972] {
  width: calc(100% - 50px);
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.crowd_title[data-v-2a7d3972] {
  color: #323246;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出部分省略号 */
  word-break: break-all;
  /* break-all(允许在单词内换行。) */
  display: -webkit-box;
  /* 对象作为伸缩盒子模型显示 */
  -webkit-box-orient: vertical;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-line-clamp: 2;
  /* 显示的行数 */
}
.crowd_desc[data-v-2a7d3972] {
  color: #9b9bbe;
  font-size: 12px;
}
.add_flex[data-v-2a7d3972] {
  display: flex;
  justify-content: space-between;
}
.add_buttom_center[data-v-2a7d3972] {
  display: flex;
  align-items: center;
  height: 40px;
  margin-top: 10px;
}
.zhezhao[data-v-2a7d3972] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 100;
}
.fixed[data-v-2a7d3972] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  background-color: #ffffff;
  border-radius: 10px;
  z-index: 105;
  color: #323246;
  text-align: left;
}
.fixed_box[data-v-2a7d3972] {
  padding: 40px 21px;
}
.fixed_scroll[data-v-2a7d3972]::-webkit-scrollbar {
  display: none;
}
.fixed_title[data-v-2a7d3972] {
  text-align: center;
  font-size: 18px;
}
.fixed_text_0[data-v-2a7d3972] {
  padding-top: 30px;
}
.fixed_text_1[data-v-2a7d3972] {
  font-size: 15px;
  line-height: 25px;
}
.img_0[data-v-2a7d3972] {
  width: 100%;
  margin-top: 17px;
  height: auto;
}
.fixed_agree[data-v-2a7d3972] {
  margin-top: 20px;
  width: 100%;
  height: 44px;
  background: #76d6fe;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #ffffff;
}
.fixed_no[data-v-2a7d3972] {
  text-align: center;
  margin-top: 17px;
  font-size: 15px;
}

body {
  padding: 0;
  margin: 0;
}
.process-box {
  height: 5px;
  background: #d0ebff;
  position: relative;
}
.process-box .process {
  width: 50%;
  background: #76d6fe;
  position: absolute;
  left: 0;
  height: 5px;
  top: 0;
}
.nav-bar {
  background: #f2f2f2;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  overflow: auto;
}
.nav-bar .nav-item {
  background: #e5e5e5;
  border-radius: 2px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  flex: 0 1 auto;
  padding: 0 11px;
  margin: 0 5px;
  text-align: center;
}
.nav-bar .nav-item.active {
  background: #76d6fe;
  color: #ffffff;
}
.panel {
  background: #ffffff;
}
.panel .panel-title {
  padding: 16px 12px 16px 26px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
.panel .panel-title::before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 20px;
  left: 12px;
  top: 17px;
  background: #76d6fe;
  border-radius: 2px;
}
.panel .panel-body {
  padding: 0 12px;
  text-align: left;
}
.panel .panel-body .qs-title {
  font-weight: bold;
  color: #323246;
  font-size: 16px;
  margin: 30px 0 0 0;
}
.panel .panel-body .qs-title span {
  color: #9b9bbe;
}
.panel .panel-body .error {
  font-size: 14px;
  color: red;
  margin-top: 10px;
}
.panel .split-line {
  height: 10px;
  background: #f2f2f2;
  width: 100%;
  margin-top: 30px;
}
.panel .van-cell {
  padding: 10px 0 10px 10px;
}
.panel .van-cell .van-cell__title {
  color: #323246;
}
.panel .van-cell ::-webkit-input-placeholder {
  color: #9b9bbe;
}
.panel .van-cell .van-cell__right-icon {
  color: #d6d6d6;
}
.panel .van-cell--required::before {
  left: 0;
}
.panel .sex-checkbox .sex-checkbox-item {
  display: inline-block;
  padding: 5px;
  color: #ffffff;
  background: #9b9bbe;
  line-height: 1em;
  margin-right: 15px;
  border-radius: 3px;
}
.panel .sex-checkbox .sex-checkbox-item.active {
  background: #76d6fe;
}
.panel .panel-bottom {
  padding: 5px;
  display: flex;
  margin-top: 20px;
  background: #f9f9f9;
}
.panel .panel-bottom .van-button {
  flex: 0 0 calc(50% - 10px);
  margin: 5px;
  background: #76d6fe;
  border: none;
}
.panel .text-input {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  width: calc(100% - 20px);
  margin: 10px 10px 0 10px;
  padding: 0 10px;
}
.panel .text-area {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  width: calc(100% - 20px);
  margin-top: 10px;
  padding: 0 10px;
}
.qs-result {
  text-align: left;
  background: #5ac7f4;
  padding: 20px 12px 10px 12px;
  min-height: 100vh;
}
.qs-result .qs-header {
  display: flex;
  margin-bottom: 20px;
}
.qs-result .qs-header .head-picture {
  flex: 0 0 53px;
}
.qs-result .qs-header .head-picture img {
  border-radius: 50%;
  width: 53px;
  height: 53px;
}
.qs-result .qs-header .head-info {
  padding-left: 10px;
  flex: 0 0 auto;
  color: #ffffff;
  text-align: left;
}
.qs-result .qs-header .head-info .name {
  line-height: 1em;
  font-size: 15px;
  font-weight: bold;
}
.qs-result .qs-header .head-info .info {
  font-size: 12px;
  margin-top: 7px;
}
.qs-result .qs-result-panel {
  box-shadow: 0px 0px 9px 1px rgba(66, 181, 228, 0.08);
  border-radius: 5px;
  background: #ffffff;
  padding: 0 20px 20px 20px;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs_table {
  border: 0.5px solid #e5e5e5;
  border-right: 0;
  width: 100%;
  margin-top: 20px;
}
.qs-result .qs-result-panel .qs_table tr th {
  border-right: 0.5px solid #e5e5e5;
}
.qs-result .qs-result-panel .qs_table th {
  padding: 10px 0 10px 10px;
}
.qs-result .qs-result-panel .qs_table .qs_table_title {
  color: #323246;
  font-size: 14px;
}
.qs-result .qs-result-panel .qs_table .qs_table_num {
  margin-top: 5px;
  color: #323246;
  font-size: 20px;
}
.qs-result .qs-result-panel .qs_table .qs_table_company {
  color: #323246;
  font-size: 12px;
}
.qs-result .qs-result-panel .qs_cause {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.qs-result .qs-result-panel .qs_cause_flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.qs-result .qs-result-panel .qs_cause_flex_but {
  background: #fee8e8;
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 2px;
  color: #f36667;
  font-size: 14px;
}
.qs-result .qs-result-panel .qs_cause_content {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  margin-top: 14px;
}
.qs-result .qs-result-panel .qs_average {
  margin: 20px 0;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.qs-result .qs-result-panel .qs_motivation {
  margin-top: 30px;
}
.qs-result .qs-result-panel .qs_txt {
  color: #333333;
  font-size: 14px;
}
.qs-result .qs-result-panel .chronic_result {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  color: #333333;
  font-size: 18px;
}
.qs-result .qs-result-panel .qs-result-panel-title {
  font-size: 18px;
  padding: 16px 0 16px 14px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.qs-result .qs-result-panel .qs-result-panel-title::before {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 20px;
  left: 0;
  top: 18px;
  background: #76d6fe;
  border-radius: 2px;
}
.qs-result .qs-result-panel .qs-result-panel-body {
  padding-top: 20px;
}
.qs-result .qs-result-panel .qs-result-panel-body .chart {
  height: 218px;
  width: 100%;
}
.qs-result .qs-result-panel .qs-result-panel-body .qs-title {
  font-weight: bold;
  color: #323246;
  font-size: 16px;
  margin: 30px 0 0 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .qs-title span {
  color: #9b9bbe;
}
.qs-result .qs-result-panel .qs-result-panel-body .finish-title {
  text-align: center;
  font-size: 16px;
  color: #323246;
  line-height: 1em;
}
.qs-result .qs-result-panel .qs-result-panel-body .title {
  color: #333333;
  font-size: 14px;
  position: relative;
  background: #ffffff;
  margin: 10px 0;
  line-height: 1em;
  text-align: left;
  z-index: 1;
}
.qs-result .qs-result-panel .qs-result-panel-body .title span {
  position: relative;
  background: #ffffff;
  display: inline-block;
  z-index: 1;
  padding-right: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .title::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #e5e5e5;
  position: relative;
  top: -8px;
  z-index: 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .top-title {
  line-height: 1em;
  color: #1890ff;
  margin: 20px 0 20px 0;
  font-size: 16px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box {
  text-align: left;
  margin-top: 20px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-factor {
  background: #fee8e8;
  font-size: 14px;
  border-radius: 2px;
  padding: 9px 10px;
  color: #728bfe;
  background: #e6eafc;
  display: inline-block;
  margin: 0 10px 10px 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-box {
  height: 38px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-radius: 5px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-score {
  background-color: #e7f7fd;
  color: #41bcee;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-evaluate {
  background-color: #eefbf8;
  color: #44d1b9;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-grade {
  background-color: #fff7eb;
  color: #fcaa27;
  margin-bottom: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-proposal {
  word-wrap: break-word;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table {
  width: 100%;
  color: #333333;
  font-size: 13px;
  font-weight: 200;
  border: 1px solid #d0e8ff;
  border-right: 0;
  border-bottom: 0;
  border-spacing: 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table .risk-thead {
  height: 30px;
  background-color: #eaf5ff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr {
  border-bottom: 1px solid #d0e8ff;
  border: 1px solid #d0e8ff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th,
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td {
  border-right: 0.5px solid #d0e8ff;
  border-bottom: 0.5px solid #d0e8ff;
  padding-left: 10px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th .ant-btn-link,
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td .ant-btn-link {
  padding: 0 5px;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr .risk-tbody {
  background-color: #ffffff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr .risk-tbody tr td {
  background-color: #ffffff;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th:nth-child(1) {
  width: 30%;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td:nth-child(1) {
  width: 30%;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr th:nth-child(2) {
  width: 15%;
}
.qs-result .qs-result-panel .qs-result-panel-body .risk-factor-box .risk-table tr td:nth-child(2) {
  width: 15%;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-title {
  color: #333333;
  font-size: 18px;
  margin-top: 20px;
  line-height: 1em;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result {
  display: flex;
  justify-content: center;
  margin: 15px 0 30px 0;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result .left {
  flex: 0 0 13px;
  position: relative;
  vertical-align: bottom;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result .center {
  flex: 0 0 auto;
  padding: 0 10px;
  color: #5ac7f4;
  font-size: 24px;
  line-height: 1em;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result .right {
  flex: 0 0 13px;
  position: relative;
  vertical-align: bottom;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-result img {
  width: 13px;
  height: 13px;
  bottom: 5px;
  position: absolute;
}
.qs-result .qs-result-panel .qs-result-panel-body .nature-remark {
  color: #333333;
  line-height: 32px;
}
.tip_color {
  color: #76D6FE !important;
  padding-left: 20px;
}