.home[data-v-7113f9f2] {
  height: 100%;
  position: relative;
}
.home header[data-v-7113f9f2] {
  height: 4.830918rem;
  background: url(https://cdn-f1.simeji.me/static/wap/ebce98ba1b9a8e1bf07e6dcd8d75ce23.png) no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
.home header .top_log[data-v-7113f9f2] {
  display: block;
  margin: 0.322061rem auto;
}
.home .btns .btn_first[data-v-7113f9f2] {
  display: block;
  width: 85%;
  margin: 0.161031rem auto;
}
.home .btns .btn_second[data-v-7113f9f2],
.home .btns .btn_third[data-v-7113f9f2] {
  display: block;
  width: 80%;
  margin: 0.322061rem auto;
}
.home .btns .app_store_btn[data-v-7113f9f2] {
  display: block;
  width: 75%;
  margin: 0.322061rem auto;
}
.home .btns .rule[data-v-7113f9f2] {
  color: #000000;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 600;
  font-size: 0.434783rem;
  line-height: 0.676329rem;
  letter-spacing: 0;
  text-align: center;
  text-decoration: underline;
  margin: 0.644122rem auto;
}
.home .footer[data-v-7113f9f2] {
  margin-top: 1.127214rem;
}
.ranges[data-v-69a54353] {
  padding-bottom: 0.805153rem;
}
.ranges .top_logo[data-v-69a54353] {
  margin-top: 0.322061rem;
}
.ranges .range_group[data-v-69a54353] {
  width: 85%;
  margin: 0.483092rem auto;
}
.ranges .range_group .range_item[data-v-69a54353] {
  margin-top: 0.322061rem;
}
.ranges .instruction[data-v-69a54353] {
  display: block;
  width: 80%;
  margin: 0.483092rem auto;
}
.ranges .back[data-v-69a54353] {
  display: block;
  width: 75%;
  height: 1.610306rem;
  margin: 0.644122rem auto;
}
.instruction[data-v-55422016] {
  padding-bottom: 0.805153rem;
}
.instruction .instruct[data-v-55422016] {
  margin-top: -2.415459rem;
}
.instruction .app_store_btn[data-v-55422016] {
  display: block;
  width: 75%;
  margin: 0.322061rem auto;
  margin-top: -3.220612rem;
}
.instruction .back[data-v-55422016] {
  display: block;
  width: 70%;
  height: 1.610306rem;
  margin: 0.644122rem auto;
  position: relative;
  z-index: 1;
}
.typing[data-v-6db204c8] {
  padding-bottom: 6.441224rem;
}
.typing .time[data-v-6db204c8] {
  width: 4.508857rem;
  height: 1.304348rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAi8AAACDAQMAAAB/W2m7AAAABlBMVEX///8AAABVwtN+AAAASElEQVRo3u3ZMREAMAjAQJzXeK9FACMMDB8BbyDxJ3oYDGYpc6PdwWAwGAwGg8FgMBgMBoPBYDAYDAaDwWAwmMqs26MYDGaSSRh0BgztpP1VAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100% 100%;
  margin: 0.322061rem auto;
  text-align: center;
  line-height: 1.304348rem;
}
.typing .title[data-v-6db204c8] {
  display: block;
}
.typing .question[data-v-6db204c8] {
  color: #000000;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 600;
  font-size: 0.434783rem;
  line-height: 0.676329rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0.241546rem 0.402576rem;
}
.typing .textarea[data-v-6db204c8] {
  -webkit-user-select: auto;
  display: block;
  width: 9.066023rem;
  height: 2.73752rem;
  margin: 0.161031rem auto;
  resize: none;
  color: #000000;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 300;
  font-size: 0.434783rem;
  line-height: 0.676329rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0.096618rem;
}
.typing .text_show[data-v-6db204c8] {
  display: block;
  width: 9.066023rem;
  margin: 0.161031rem auto;
  color: #000000;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 300;
  font-size: 0.434783rem;
  line-height: 0.676329rem;
  letter-spacing: 0;
  text-align: left;
  padding: 0.096618rem;
  border: 0.032206rem solid #858585;
  -webkit-border-radius: 0.080515rem;
          border-radius: 0.080515rem;
}
.typing .text_show[data-v-6db204c8] span {
  color: red;
}
.typing .finish_btn[data-v-6db204c8] {
  display: block;
  width: 5.442834rem;
  margin: 0.483092rem auto;
}
.typing .result_back[data-v-6db204c8] {
  display: block;
  width: 4.057971rem;
  height: 131x;
  margin: 0.483092rem auto;
}
.result[data-v-8a82fffc] {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.result .result_mid[data-v-8a82fffc] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.result .result_mid .result_top[data-v-8a82fffc] {
  background: url(https://cdn-f1.simeji.me/static/wap/09639f874e32420683def1f5886030d5.png) no-repeat center;
  background-size: 100% 100%;
  width: 9.541063rem;
  height: 6.030596rem;
  margin: 0.241546rem auto;
  overflow: hidden;
}
.result .result_mid .result_top h2[data-v-8a82fffc] {
  margin-top: 1.449275rem;
  text-align: center;
}
.result .result_mid .result_top .adapt_time[data-v-8a82fffc] {
  margin-top: 1.771337rem;
}
.result .result_mid .result_top h5[data-v-8a82fffc] {
  text-align: center;
  margin-top: 0.241546rem;
}
.result .result_mid .result_share[data-v-8a82fffc] {
  display: block;
  width: 6.47343rem;
  margin: 0.241546rem auto;
}
.result .result_mid .result_back[data-v-8a82fffc] {
  display: block;
  width: 4.057971rem;
  height: 131x;
  margin: 0.483092rem auto;
}
.result .footer[data-v-8a82fffc] {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.iterm-con {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.iterm {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  overflow-y: scroll;
  line-height: 1;
  -webkit-overflow-scrolling: touch;
}
html,
body,
.app-con,
#app {
  height: 100%;
  overflow-x: hidden;
}
.app-con {
  background: url(https://cdn-f1.simeji.me/static/wap/a89d74238021d88c8c8d3ab1149261b2.png) no-repeat center;
  background-size: 100% 100%;
}
.outSideContainer {
  height: 100%;
}
.toast {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-color: transparent;
  z-index: 3000;
}
.toast .toast-text {
  position: fixed;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5.434783rem;
  -webkit-border-radius: 0.080515rem;
          border-radius: 0.080515rem;
  padding: 0.241546rem 0.080515rem;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "NotoSerifJP-Bold";
  font-size: 0.402576rem;
  color: #fff;
  text-align: center;
  line-height: 0.805153rem;
}
.loading {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2004;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.322061rem;
}
.loading .loading-icon {
  width: 0.644122rem;
  height: 0.644122rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/2439cf6dfa90d341bdec24f2f8ebe42b.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -50%;
  -webkit-animation: circle 2s linear infinite;
          animation: circle 2s linear infinite;
}
@-webkit-keyframes circle {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes circle {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.ipad-mask {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 3000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ipad-mask .ipad-mask-text {
  font-size: 0.483092rem;
}