body.active {
  overflow: hidden;
}
main {
  min-height: 100vh;
  background: linear-gradient(180deg, #00A6FF 0%, #00A0FF 100%);
  padding-bottom: 60px;
  position: relative;
}
.banner img {
  max-width: 100%;
}
.info-container {
  background: #fff;
  padding: 12px 8px 0;
  border-radius: 10px;
  position: relative;
}
.info-container .items--wrapper {
  margin-bottom: 15px;
}
.info-container .items--wrapper .items {
  padding: 0 7px 15px;
}
.section-info {
  padding: 12px 15px;
  margin: 0 4px;
  background: #F8F9FA;
  border-radius: 8px;
}
.section-info .type-wrapper {
  line-height: 20px;
  margin-bottom: 6px;
}
.section-info .type-wrapper span {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC, serif;
  font-weight: 600;
  color: #0C0C0C;
}
.type-wrapper .icon_qa {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #6D6D6D;
  font-style: normal;
  float: right;
  padding-right: 15px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAC/klEQVRIiZ2Wa2hPcRjHP5vZX8N2ZswljJJbTbnMbTVJzWVINGNMXnohSUpe7BXJC+yVl0pbLmMuYaNcCtNyWZLI5YVpRCbO3G2MnvU9dZyd8z/LU/+e/r/f73m+v/Ncvs8vpa6ujhhJACXAImAakAekAR3AC+A20ABcAX5HuUpLgpEObAZ2ALkRZ2x9FrBFoLuBw0BXb4EmAieAfP1/ABwDbgGvABcYDIwE5gPlwDjgELABWAe89jsMC10hcB7IBp4DW13XbUgWXcdxUoE1wH5gGNAKLJB9t6QGbCYD9QI5ZTmJAzFxXbfLdd2jwBSgERilvGWHAVnSTwJZ+qIy13W/+PbthpeAduAP8B44Aoz1nWkDFgJNCuVxi1oQaLu+6ClQEaigTcBlOcnUWo5ycxeY5Dv7DVgJvAOKgbV+oP7ANh9gu89wOFClm53WF2QAq+Q0R9Xml7fATv2vNFsPaAUwSD1xIWBke/2AH8BGoAX4LtAanZkbkrpqVahVcKEHVCJdE2IwAvgIPAQ+B/bapNND7H4pR93+PaAC6eshBpX62pmB9Sz1jMn9EDuTG9LTPaA86WcRBkHJVIhHA53AnohzT6THGDP0Afqqyjp6ATJQvFagYigFrkWc/SmdSBNAp8DSewFW5QMpFi1FScID9EL3Unp8DEhCPGZyIAbEZIJ0iwd0T3pejGGuSp2IwgmK56/ZA6qXXh9j2KrGTVGekomlpUz7DR7QGeADMNvXU2GSrzBb5xfFAFWIXI3SGj2gr4o5ovqsCONSlfRQsUSU2P5e7e0yEvaT6j7gsRJYrbIPykWxg5Xt2QiQDEXI8nkVsPHxD3ub8WoR6nKg1nGcAQEnTRps5uRcCMgQXWaOeK5CI6XH4HsELNOoNnZudhxnSeCM9c8n/4JNWMdxyjXyi1Q01mNvvDNhb4abupH3Zqh3HMe4rDbJm8HGuNeDVvY93gxRjxPjqBm+V9BU/ZLJf72CTIyKrBIPAkuBxQIzArZCMdoy53fUhzaBw991wF8VIbZrnehdJwAAAABJRU5ErkJggg==') 50px center no-repeat;
  background-size: 13px 12.5px;
}
.section-info p {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #6D6D6D;
}
.item {
  background: #fff;
}
.item.item_add {
  display: none;
}
.item.item_master .item_title {
  border: 0;
  background: none;
}
.item.item_master .item_title:before, .item.item_master .item_title:after {
  display: none;
}
.item.item_master .item_cont {
  display: block;
}
.item.active .item_title:before {
  transform: rotate(-45deg);
}
.item.active .item_title:after {
  transform: rotate(45deg);
}
.item .item_title {
  padding: 15px 0 2px;
  height: 67px;
  position: relative;
}
.item .item_title:before, .item .item_title:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 1px;
  background: #666;
  display: block;
  right: 10%;
  top: 50%;
  transition: transform 0.3s ease-out;
}
.item .item_title:before {
  transform: rotate(45deg);
  margin-right: 5.5px;
}
.item .item_title:after {
  transform: rotate(-45deg);
}
.item .item_title .img--wrapper {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  position: relative;
}
.item .item_title .img--wrapper img {
  max-width: 100%;
}
.item .item_title i {
  background: url('https://static.ws.126.net/163/f2e/auto/special_h5_0608bjcalc/images/icon_family.png') no-repeat;
  background-size: 31.5px 162.5px;
  width: 50px;
  height: 33px;
  margin-bottom: 17px;
  display: inline-block;
  vertical-align: middle;
}
.item .item_title i.icon_master {
  background-position: 0 1.000000125px;
}
.item .item_title i.icon_po {
  background-position: 0 -32.500000125px;
}
.item .item_title i.icon_zn {
  background-position: 0 -66px;
}
.item .item_title i.icon_fq, .item .item_title i.icon_pofq {
  background-position: 0 -97px;
}
.item .item_title i.icon_mq, .item .item_title i.icon_pomq {
  background-position: 0 -130px;
}
.item .item_title p {
  height: 50px;
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.item .item_title p b {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC, serif;
  font-weight: 600;
  color: #0C0C0C;
  line-height: 20px;
  display: block;
  margin-bottom: 2px;
}
.item .item_title p b span {
  color: #FC9224;
  vertical-align: sub;
}
.item .item_title p span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #9B9B9B;
  line-height: 17px;
}
.item .item_cont {
  display: none;
  padding-left: 58px;
}
.item .item_cont ul {
  /*padding-bottom: 15px;*/
}
.item .item_cont li {
  position: relative;
  min-height: 50px;
  padding: 15px 0;
  border-bottom: 1px solid #F2F2F2;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #0C0C0C;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.item .item_cont li.active {
  color: #FC9224;
}
.item .item_cont li.active:before {
  background-position: center bottom;
}
.item .item_cont li.active select, .item .item_cont li.active input, .item .item_cont li.active i {
  display: block;
}
.item .item_cont li.active .item-wrapper {
  display: flex;
  flex-direction: column;
  /*display: none;*/
  margin-left: auto;
}
.item .item_cont li:before {
  content: '';
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAB7CAYAAAACERIJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTE6MDI6NTArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE3OjU1OjA3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE3OjU1OjA3KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0MDE5NGJhLWRjMTUt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') center top / 10px auto no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.item .item_cont li i {
  width: 13px;
  height: 19px;
  float: right;
  font-style: normal;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAC/klEQVRIiZ2Wa2hPcRjHP5vZX8N2ZswljJJbTbnMbTVJzWVINGNMXnohSUpe7BXJC+yVl0pbLmMuYaNcCtNyWZLI5YVpRCbO3G2MnvU9dZyd8z/LU/+e/r/f73m+v/Ncvs8vpa6ujhhJACXAImAakAekAR3AC+A20ABcAX5HuUpLgpEObAZ2ALkRZ2x9FrBFoLuBw0BXb4EmAieAfP1/ABwDbgGvABcYDIwE5gPlwDjgELABWAe89jsMC10hcB7IBp4DW13XbUgWXcdxUoE1wH5gGNAKLJB9t6QGbCYD9QI5ZTmJAzFxXbfLdd2jwBSgERilvGWHAVnSTwJZ+qIy13W/+PbthpeAduAP8B44Aoz1nWkDFgJNCuVxi1oQaLu+6ClQEaigTcBlOcnUWo5ycxeY5Dv7DVgJvAOKgbV+oP7ANh9gu89wOFClm53WF2QAq+Q0R9Xml7fATv2vNFsPaAUwSD1xIWBke/2AH8BGoAX4LtAanZkbkrpqVahVcKEHVCJdE2IwAvgIPAQ+B/bapNND7H4pR93+PaAC6eshBpX62pmB9Sz1jMn9EDuTG9LTPaA86WcRBkHJVIhHA53AnohzT6THGDP0Afqqyjp6ATJQvFagYigFrkWc/SmdSBNAp8DSewFW5QMpFi1FScID9EL3Unp8DEhCPGZyIAbEZIJ0iwd0T3pejGGuSp2IwgmK56/ZA6qXXh9j2KrGTVGekomlpUz7DR7QGeADMNvXU2GSrzBb5xfFAFWIXI3SGj2gr4o5ovqsCONSlfRQsUSU2P5e7e0yEvaT6j7gsRJYrbIPykWxg5Xt2QiQDEXI8nkVsPHxD3ub8WoR6nKg1nGcAQEnTRps5uRcCMgQXWaOeK5CI6XH4HsELNOoNnZudhxnSeCM9c8n/4JNWMdxyjXyi1Q01mNvvDNhb4abupH3Zqh3HMe4rDbJm8HGuNeDVvY93gxRjxPjqBm+V9BU/ZLJf72CTIyKrBIPAkuBxQIzArZCMdoy53fUhzaBw991wF8VIbZrnehdJwAAAABJRU5ErkJggg==') right center no-repeat;
  background-size: 13px 12.5px;
  margin-left: 2px;
}
.item .item_cont li .item-wrapper {
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  display: none;
  z-index: 2;
}
.item .item_cont li .item-wrapper .input-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.item .item_cont li .item-wrapper .input-wrapper:not(:last-child) {
  margin-bottom: 12px;
}
.item .item_cont li select, .item .item_cont li input {
  border: 0;
  border-bottom: 0.6px solid #ddd;
  border-radius: 0;
  color: #999;
  width: 150px;
  background: none;
  z-index: 1;
  font-size: 0.32rem;
}
.item .item_cont li:last-child input {
  width: 10em;
}
.item .item_cont li select.color_333 {
  font-size: 0.42666667rem;
  color: #333;
}
.item .item_cont li input {
  font-size: 12px;
  color: #333;
  height: 17px;
}
.item .item_cont li input::placeholder {
  color: #9B9B9B;
  font-size: 12px;
}
.btn_addchild {
  display: block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #FFFFFF;
  height: 42px;
  width: 231px;
  background: #FC9224;
  border-radius: 5px;
  border: none;
  margin: 0 auto;
}
.parent-info {
  margin: 0 7px;
}
.parent-info .type-wrapper {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
}
.parent-info .type-wrapper span {
  font-family: PingFangSC-Medium, PingFang SC, serif;
  font-weight: 600;
  color: #0C0C0C;
}
.parent-info .type-wrapper .enable {
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #141414;
  line-height: 20px;
}
.parent-info .type-wrapper .enable::before {
  content: '';
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAB7CAYAAAACERIJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTBUMTE6MDI6NTArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTEwVDE3OjU1OjA3KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTEwVDE3OjU1OjA3KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0MDE5NGJhLWRjMTUt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') center top / 10px auto no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  margin-top: 4px;
  margin-bottom: 5px;
}
.info-container .items--wrapper.info-disabled .items {
  background: #F8F9FA;
  border-radius: 5px;
}
.info-container .items--wrapper.info-disabled .items .item {
  pointer-events: none;
  background: #F8F9FA;
}
.info-disabled .parent-info .type-wrapper .enable::before {
  background-position: center bottom;
}
.info-disabled .item .item_title p b {
  color: #666;
}
.item.active .item_cont {
  overflow: hidden;
  display: block;
}
.modal--wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 8;
}
.modal--wrapper .modal-center {
  width: 98%;
  max-width: 375px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  background: #FFFFFF;
  border-radius: 10px 10px 0 0;
}
.modal--wrapper .modal-center.center-sm {
  max-width: 224px;
  height: 240px;
  border-radius: 5px;
}
.modal--wrapper .modal-center.center-normal {
  border-radius: 10px;
}
.modal--wrapper .modal-center.center-form {
  width: 75.466666%;
  max-width: 285px;
  border-radius: 4px;
}
.modal--wrapper .modal-bottom {
  width: 100%;
  max-width: 375px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  background: #FFFFFF;
  border-radius: 10px 10px 0 0;
}
.modal--wrapper .content-wrapper {
  padding: 30px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #6D6D6D;
  line-height: 20px;
}
.content-wrapper .button-close {
  width: 232px;
  height: 42px;
  background: #FC9224;
  border-radius: 5px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 42px;
  text-align: center;
  margin: 20px auto 0;
}
.content-wrapper .content-title {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC, serif;
  font-weight: 600;
  color: #0C0C0C;
  line-height: 22px;
  text-align: center;
  margin-bottom: 20px;
}
.content-wrapper span {
  color: #FC9224;
}
.content-wrapper span.content-danger {
  color: #FC2824;
}
.content-wrapper ul {
  padding-left: 15px;
}
.content-wrapper ul li {
  list-style: disc;
}
.center-sm .content-wrapper {
  padding: 20px 18px;
}
.center-sm .content-wrapper .content-title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #2A2A2A;
  margin-bottom: 20px;
}
.center-sm .content-wrapper .img--wrapper {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.center-sm .content-wrapper .content-button-lg {
  width: 189px;
  height: 42px;
  font-size: 14px;
  color: #FC9224;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
  border: 1px solid #FC9224;
  border-radius: 10px;
  margin: 16px auto 0;
}
.modal-center .button-close {
  width: 48px;
  height: 48px;
  background: #000;
  border-radius: 50%;
  line-height: 48px;
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.modal-bottom.bottom-select .select-action ul {
  width: 100%;
  padding: 0 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #FC9224;
  background: #F8F9FA;
}
.modal-bottom.bottom-select .select-option {
  margin: 53px 15px 7px;
  height: 120px;
  overflow: auto;
}
.modal-bottom.bottom-select .select-option ul li {
  list-style: none;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC, serif;
  font-weight: 600;
  color: #212121;
  line-height: 40px;
  text-align: center;
}
.modal-bottom.bottom-select .select-option ul li.active {
  color: #fff;
  background: #FC9224;
  border-radius: 5px;
}
.results {
  display: none;
  position: relative;
  background: #fff;
  z-index: 2;
  margin: 0 auto;
  max-width: 351px;
  padding: 18px 30px 35px;
}
.results .results_cont {
  background: #fff;
  border-radius: 0.2rem;
  z-index: 2;
  color: #444;
}
.results .results_cont h2 {
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC, serif;
  font-weight: 600;
  color: #0C0C0C;
  line-height: 22px;
  letter-spacing: 1px;
}
.results .results_cont h3 {
  font-size: 45px;
  line-height: 45px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: bold;
  margin: 0 auto;
  padding: 26px 0 8px;
}
.results .results_cont h3 em {
  display: inline-block;
  font-weight: bold;
  color: #FC9224;
  font-style: normal;
}
.results .results_cont .result-probability {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #0C0C0C;
  text-align: center;
  margin: 0 auto 10px;
}
.results .results_cont .result-probability span {
  color: #FF0909;
}
.results .results_cont h4 {
  text-align: center;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC, serif;
  font-weight: 600;
  color: #FC9224;
  line-height: 25px;
}
.results .results_cont h5 {
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  color: #FC9224;
  line-height: 14px;
  text-align: center;
  margin-bottom: 15px;
}
.results .results_cont .a_jump {
  position: absolute;
  left: 50%;
  bottom: 0.53333333rem;
  transform: translate(-50%, 0);
  color: #666;
  font-size: 0.34666667rem;
}
.results .results_cont .formula {
  margin: 15px auto 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.results .results_cont .formula div, .results .results_cont .formula p {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.results .results_cont .formula > div {
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
}
.results .results_cont .formula > div.p_default, .results .results_cont .formula > div p {
  line-height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC, serif;
  font-weight: 600;
  color: #0C0C0C;
  letter-spacing: 0.5px;
  width: 17px;
  text-align: center;
}
.results .results_cont .formula > div p:nth-child(3) {
  /*color: #fff;*/
}
.results .results_cont .formula > .p_default > p {
  color: #0068C9;
}
.results .results_cont .formula > div span {
  writing-mode: tb-rl;
  white-space: normal;
  display: block;
  margin: 0 auto;
  color: #0C0C0C;
}
.results .results_cont .formula .p_master, .results .results_cont .formula .p_po {
  background: #FFECD7;
  padding: 2.5px 2.5px 10px 1.5px;
  position: relative;
}
.results .results_cont .formula .p_elders {
  background: #C1E9FF;
  padding: 2.5px 2.5px 10px 1.5px;
  position: relative;
}
.results .results_cont .formula .p_po_elders {
  background: #D4D0FF;
  padding: 2.5px 2.5px 10px 1.5px;
  position: relative;
}
.results .results_cont .formula .p_child {
  background: #FFD4FF;
  padding: 2.5px 2.5px 10px 1.5px;
  position: relative;
}
.results .results_cont .formula .p_master::before, .results .results_cont .formula .p_po:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #FC9224;
  position: absolute;
  top: 0;
  left: 0;
}
.results .results_cont .formula .p_elders:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #3FBAFF;
  position: absolute;
  top: 0;
  left: 0;
}
.results .results_cont .formula .p_po_elders:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #BAB3FF;
  position: absolute;
  top: 0;
  left: 0;
}
.results .results_cont .formula .p_child:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #FFA8FF;
  position: absolute;
  top: 0;
  left: 0;
}
.results .results_cont .formula .p_name {
  position: absolute;
  bottom: -20px;
  left: 50%;
  font-size: 10px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0C0C0C;
  line-height: 14px;
  transform: translate(-50%, 0);
}
.results .results_cont .results_btn {
  text-align: center;
}
.results .results_cont .results_btn button {
  display: block;
  width: 232px;
  height: 42px;
  border-radius: 5px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  line-height: 42px;
  margin: 0 auto;
}
.results .results_cont .results_btn button.btn_red {
  background: #ea3942;
  border: 1px solid #ea3942;
  color: #fff;
}
.results .results_cont .results_btn button.btn_white {
  background: #fff;
  border: 1px solid #FC9224;
  color: #FC9224;
}
.results .join-group {
  width: 349px;
  margin: 30px auto;
  padding: 0.5px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: url("../images/bg.png") no-repeat center top;
  background-size: contain;
}
.results .join-group .group-title {
  font-size: 12px;
  color: #1A1B1F;
  line-height: 14px;
  text-align: center;
  margin: 7px auto 13px;
}
.results .join-group .img--wrapper {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.results .group-copy {
  width: 130px;
  border-radius: 5px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC, serif;
  font-weight: 400;
  line-height: 28px;
  border: 1px solid #FC9224;
  color: #FC9224;
  text-align: center;
  margin: 0 auto;
}
.results .rank-check {
  position: fixed;
  right: 5%;
  bottom: 10%;
}
@media (min-width: 600px) {
  .results .rank-check {
    bottom: 10%;
    right: 21%;
    transform: translateX(-50%);
  }
}
.results .rank-check .img--wrapper {
  width: 80px;
  height: 80px;
}
.share-wrapper {
  margin: 33px auto 0;
  font-size: 12px;
  color: #0C0C0C;
  text-align: center;
}
.share-wrapper ul {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.share-wrapper ul li:not(:last-child) {
  margin-right: 34px;
}
.share-wrapper ul li .img--wrapper {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
}
.notify-button {
  width: 232px;
  height: 42px;
  background: #FC9224;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 42px;
  text-align: center;
  margin: 30px auto;
}
.btn_integral {
  width: 375px;
  height: 76px;
  padding: 17px 27px;
  background: transparent;
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 8;
  display: flex;
  justify-content: space-between;
}
.btn_integral button {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  color: #fff;
  line-height: 42px;
  border: none;
  box-shadow: 0 0 5px 0 #DCDCDC;
  border-radius: 5px;
}
.btn_integral button:not(:last-child) {
  margin-right: 2px;
}
.btn_integral button:first-child {
  width: 31.25%;
  background: #249CFC;
}
.btn_integral button:last-child {
  width: 62.5%;
  background: #FC9224;
}
.dialog_tip {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 8;
}
.dialog_tip p {
  background: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  border-radius: 3px;
  padding: 0.5em 0.8em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: 10000;
}
.modal .modal-container {
  height: 100vh;
}
.modal-container .modal-ios {
  width: 72px;
  position: absolute;
  bottom: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.modal-container .modal-normal {
  width: 72px;
  position: absolute;
  top: 3%;
  right: 3%;
}
.modal-container .img--wrapper img {
  max-width: 100%;
}
.modal-container .modal-ios, .modal-container.isIos .modal-normal {
  display: none;
}
.modal-container.isIos .modal-ios {
  display: block;
}
main .pc-share {
  display: none;
}
@media (min-width: 1024px) {
  main .pc-share {
    display: block;
    width: 100px;
    min-height: 100px;
    position: fixed;
    top: 10%;
    right: 20%;
    transform: translateX(-50%);
  }
}
.modal-center.center-form .button-close {
  bottom: -30%;
}
.modal-form-wrapper {
  max-width: 283px;
  padding: 20px 15px;
  margin: 0 auto;
  position: relative;
}
.form-wrapper .am-form-group {
  margin-bottom: 8px;
}
.form-wrapper .am-form-group label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #0C0C0C;
  line-height: 20px;
  margin-bottom: 4px;
}
.form-wrapper .am-form-group input {
  width: 253px;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  background: #F8F9FA;
  border: none;
  border-radius: 2px;
  padding: 8px 12px;
}
.form-wrapper .am-form-group input::-webkit-input-placeholder {
  color: #B6B6B6;
}
.form-wrapper .am-form-group p.info-time {
  font-size: 12px;
  font-weight: 400;
  color: #B6B6B6;
  line-height: 17px;
}
.form-wrapper .button-wrapper {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 36px;
  width: 239px;
  height: 36px;
  background: #FC9224;
  border: none;
  border-radius: 5px;
  margin: 20px auto 0;
}
.my_alert {
  padding: 30px 20px;
  position: fixed;
  text-align: center;
  font-size: 20px;
  color: #fff;
  width: 300px;
  max-width: 80%;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  z-index: 1111;
}