#daren{height: 730px!important}
@keyframes zent-ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
.index-clues-wrapper {
 margin: 45px auto;
  width: 1100px;
  border: 1px solid #ebedf0;
  border-radius: 4px;
  color: #333333;
  position: relative
}
.index-clues-wrapper, .index-clues-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.index-clues-wrapper:after {
  content: " ";
  clear: both;
  display: block
}
.index-clues-wrapper:before {
  content: " ";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: 48px auto;
  width: 1px;
  z-index: 2;
  background-color: #ebedf0
}
.index-clues-wrapper a {
  color: #155bd4;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.index-clues-wrapper a:hover {
  color: #114db4
}
.index-clues-wrapper a[disabled] {
  color: #ccc;
  cursor: not-allowed
}
.index-clues-container {
  margin: 48px 0;
  width: 50%;
  display: inline-block;
  font-size: 14px;
  float: left;
  text-align: center;
  position: relative
}
.index-clues-contact, .index-clues-title {
  font-weight: 500;
  font-size: 30px;
  color: #323233;
  line-height: 36px
}
.index-clues-description {
  font-size: 18px;
  line-height: 24px
}
.index-clues-title + .index-clues-description {
  margin-top: 4px
}
.index-clues-avatar {
  display: inline-block;
  width: 116px;
  height: 116px;
  border-radius: 100%;
  margin: 10px auto 0px;
  background-color: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 5px 18px 0 rgba(182, 194, 212, .35);
  box-shadow: 0 5px 18px 0 rgba(182, 194, 212, .35);
  background-image: url("https://img01.yzcdn.cn/upload_files/2021/02/01/FnQK0XzZvCvVrxUPy8XTJiX8gr9r.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}
.index-clues-contact + .index-clues-description {
  margin-top: 8px
}
.index-clues-description-with-helper {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer
}
.index-clues-description-with-helper:after {
  content: " ";
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUxpccjJzMvOzsjKzMjKzMrLzsnKzNLX18nKzMnKzcjJzMrKzcrK0MjKzcjJzMnJzdHR0cjJzMjKzMjJzIXjR0IAAAATdFJOUwD5H+fWPaYLf2jzUSe3wHIW6IkoT9+lAAABV0lEQVRIx91V2ZbDIAiNcTdma/7/XyfYOY0XTHvs2wxvssjlCjgM/1LG1S0mJbO4dfzsvQVzVGLC9tbdh3QwScHf+0/70ZB9uvMPTwc1R5u9zzbO6qkJbTiuGHWsIPioi9K1YBV/xRH7ULK4GzzaSoPVTVRTIbHJ+1iIZpV74ke//HM85ZVtpBy7F4CUxXyPC5XioLaEGksBK96XNpZAVzkzBcQKsWYpDNqHkZcZiRK0q7ooTwE1xZ6quDhcz9MMJJA914oZinIM0TDscOEvpuu5FwbgWRQQT7wtYAYAdIUCRYaqE7+PIGtsBXqJNwEOWBQBEtKjRiwhyaIDHwEsWtJqnUMF0iofTgg+nGiNs8EnOLPWEM3nz6rMdt98or0jDpBsbz5AK9sUYoD4iGYFRMsR5UvgpHW+5qe1BLrXTP8i61+V/cu4e91/8aH0f1n9n+IX3+5flB9eHyUUxac9AQAAAABJRU5ErkJggg==");
  vertical-align: bottom
}
.index-clues-helper {
  display: none;
  top: 100%;
  right: 0;
  -webkit-transform: translateX(-webkit-calc(100% - 244px));
  -moz-transform: translateX(-moz-calc(100% - 244px));
  -ms-transform: translateX(calc(100% - 244px));
  transform: translateX(calc(100% - 244px));
  padding: 16px;
  white-space: nowrap;
  margin-top: 7px
}
.index-clues-helper, .index-clues-helper:before {
  position: absolute;
  background-color: #fff;
  z-index: 1;
  -webkit-box-shadow: 0 2px 8px 0 hsla(225, 4%, 79%, .5);
  box-shadow: 0 2px 8px 0 hsla(225, 4%, 79%, .5)
}
.index-clues-helper:before {
  content: " ";
  top: -6px;
  left: 230px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}
.index-clues-helper:after {
  content: " ";
  position: absolute;
  top: 0;
  height: 8px;
  width: 14px;
  left: 230px;
  background-color: #fff;
  pointer-events: none;
  z-index: 2
}
.index-clues-description-with-helper:active .index-clues-helper, .index-clues-description-with-helper:hover .index-clues-helper {
  display: block
}
.index-clues-form {
  display: block;
  width: 280px;
  margin: 24px auto
}
.index-clues-form-item {
  margin-bottom: 16px;
  position: relative;
  display: block;
  width: 280px
}
.index-clues-form-item input {
  outline: none;
  border: none;
  padding: 0 12px
}
.index-clues-form-item input::-webkit-input-placeholder {
  font-size: 14px;
  color: #c8c9cc
}
.index-clues-form-item input:-moz-placeholder, .index-clues-form-item input::-moz-placeholder {
  font-size: 14px;
  color: #c8c9cc
}
.index-clues-form-item input:-ms-input-placeholder {
  font-size: 14px;
  color: #c8c9cc
}
.index-clues-form-item input::placeholder {
  font-size: 14px;
  color: #c8c9cc
}
.index-clues-form-error {
  position: absolute;
  font-size: 12px;
  line-height: 1;
  margin-top: 2px;
  color: #d42f15
}
.index-clues-form-item .index-clues-input {
  display: block;
  width: 100%;
  height: 40px;
  line-height:40px;
  border: 1px solid #dcdee0;
  border-radius: 2px
}
.index-clues-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
  border: 1px solid #dcdee0;
  border-radius: 2px;
  padding: 0 12px 0 0;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.index-clues-input-wrapper .index-clues-input {
  border: none;
  border-radius: 0;
  padding: 0 12px;
  height: 100%;
  line-height: 32px;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.index-clues-select {
  display: block;
  width: 100%;
  height: 32px;
  border: 1px solid #dcdee0;
  border-radius: 2px;
  position: relative;
  cursor: text
}
.index-clues-select-input {
  position: absolute;
  left: 0;
  right: 26px;
  top: 0;
  bottom: 0;
  width: -webkit-calc(100% - 26px);
  width: -moz-calc(100% - 26px);
  width: calc(100% - 26px);
  height: 100%;
  line-height: 30px
}
.index-clues-select-arrow {
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUxpcTo6OjIyMzIyMzQ0NDIyNDc3NzMzNDIyMzIyMzIyMzIyMzIyM66Jko8AAAAMdFJOUwAM9uQuYxw82KOzd/AzfIgAAACYSURBVDjLY2AYBaOAviD5DAowQ5MWRpU2RJNm10GWPVSAbnoMsvRpDMs5kaUXYEgz9iBkDwtgut0JIa2OxWusCOkN2Lw+ByZ7CmvISMCkG7FKs0G9fsgBe8DWQKSP4gh3boj0BFzxsgYke0IAb7Sp4IxVdpB0AO5Y33PmzEk8iYILl6dh8YLL09B4OYo3yTEmjGa7UUAjAACAIoXJisruiQAAAABJRU5ErkJggg==");
  -webkit-transition: rotate .3s ease;
  -moz-transition: rotate ease .3s;
  transition: rotate .3s ease
}
.index-clues-select-overlay {
  position: absolute;
  top: 32px;
  margin-top: 4px;
  z-index: 999;
  display: none;
  white-space: nowrap;
  overflow: visible
}
.index-clues-select-input:focus + .index-clues-select-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.index-clues-select-input:focus ~ .index-clues-select-overlay {
  display: block
}
.index-clues-select-options {
  max-height: 358px;
  width: 230px;
  overflow-y: auto;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  text-align: left;
  border-radius: 2px;
  margin-right: 0;
  vertical-align: top
}
.index-clues-select-options > li {
  line-height: 22px;
  padding: 6px 12px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color ease .2s;
  transition: background-color .2s ease
}
.index-clues-select-options > li.active, .index-clues-select-options > li:hover {
  background-color: #edf4ff
}
.index-clues-action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color:#f9b73d;
  border: 0;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  height: 44px;
  width: 280px;
  text-align: center;
  white-space: nowrap;
  border-radius: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative
}
.index-clues-action:hover {background:#eb414a; transition: all .5s;
}

.index-clues-acti {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-color:#4581fb;
  border: 0;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  height: 44px;
  width: 280px;
  text-align: center;
  white-space: nowrap;
  border-radius: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative
}
.index-clues-acti:hover {background:#215cd3; transition: all .5s;
}

.index-clues-action.loading {
  color: transparent;
  cursor: not-allowed
}
.index-clues-action.loading:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #114bae;
  border-left-color: #114bae;
  -webkit-animation: zent-ani-spin .6s linear infinite;
  -moz-animation: zent-ani-spin .6s linear infinite;
  animation: zent-ani-spin .6s linear infinite;
  pointer-events: none
}
.index-clues-success {
  text-align: center
}
.index-clues-success-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #fff
}
.index-clues-success-title {
  display: inline-block;
  font-weight: 500;
  font-size: 26px;
  color: #323233;
  line-height: 36px;
  margin-bottom: 4px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgBAMAAAAQtmoLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUxpcTKxSi2mQS2mQUCsUy6oQi2nQS2mQS2mQS6mQi2nQTCsRS2nQS6qQi2mQZzocYAAAAAOdFJOUwAQ0MYJSZXg9G3pHbYq2KePzAAAAh9JREFUWMPtVz1Lw1AUjRIrIkKx4ChmcigEBOdQKChuTqJL6aDgIKWIm5BNBwVx0NXZpUVc9Bc4lv6FprRpQ7m/QepHcvNy73u5kw49UwvvcF7e/Tj3WtYM/xVzR2ebzzfnH4/FXMftAxd+EJxUzOcXTgHhet90fs+HFMIHw/k2KIi0jAUfMgg1t1ruAIHJC0s4BBJX3PkdYHDMxMvjCH06gq/AokydX/F5QtglCG+gwSXxBa6OEGS/ogpabGcIDT1hmEkKMEBNkHcT4VYhdEyEifBG6p12zYSLFOHJTBinCr9tJkS4ISxBDtwjwiKb2ChhmohQ4whbq8nvQY686BdRTqLssO84ActKJEYVY9impYkkktAVeAEsUY8J87raL8X/N2LCukYA9ZKe4VVVAfSudCY5arMa68MQqAIoEJ1cAqiG3FwCEMQE3PNaHicAYUxA1RB1q5wARDEBpVLLsj1GAEYEIep+90BKABHaSMD6kqAE0JX8dEKWaAH00W768W2PFEDP2lFef40UQIFrKPFlLG9IJV/iHFVNK6tBVsLOeuqALKBfCcKRenSJOpwAKtFCNk0py6szbcZhBFCbSTeyqQQlgBqZUqMOLTBkm3FQJE17wLf7MjnXNHlDGRkNRWxZYlOU267Y2MWjg3w4EY8/4gFLPsKJh0TxGCofdMWjtHxYF68D8oVDvtKIlyb5WiZf/OSrpXx5la/HM/wFPgEXLlDY0VFlLQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 32px;
  padding-left: 38px
}
.index-clues-success-description {
  font-size: 18px;
  color: #333333;
  line-height: 24px
}
.index-clues-success-qrcode {
  width: 146px;
  height: 146px;
  display: inline-block;
  margin: 18px 0
}
.index-clues-success-extra {
  min-width: 252px;
  position: relative;
  font-size: 18px;
  color: #333333;
  line-height: 24px
}
.index-clues-success-extra a {
  cursor: pointer
}
.index-clues-toast {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: auto;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  padding: 12px 18px;
  display: none
}