.home {
  position: relative;
  min-height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.home .logo {
  width: 4.887279rem;
  height: 1.924316rem;
  margin-top: 0.386473rem;
}
.home .title {
  margin-top: 0.354267rem;
  width: 9.267311rem;
  height: 2.407407rem;
}
.home .content {
  margin-top: 0.378422rem;
  width: 5.378422rem;
  height: 5.942029rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.home .content .end-modal {
  -webkit-border-radius: 0.257649rem;
          border-radius: 0.257649rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  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-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;
  font-weight: bold;
  font-size: 0.845411rem;
  font-family: Hiragino Kaku Gothic Pro;
  color: #fff;
  z-index: 100;
  text-align: center;
}
.home .content .end-modal .line-two {
  margin-top: 0.805153rem;
}
.home .content .end-modal .modal_btn {
  margin-top: 0.450886rem;
}
.home .content .desc {
  margin: 0 auto;
  margin-top: 0.426731rem;
  text-align: center;
}
.home .content .desc .desc-img {
  width: 5.056361rem;
}
.home .content .desc .line-2 {
  margin-top: 0.120773rem;
  display: inline-block;
}
.home .content .keyboard {
  margin-top: 0.201288rem;
  margin: 0 auto;
  margin-top: 0.249597rem;
  text-align: center;
  position: relative;
}
.home .content .keyboard .keyboard-img {
  margin: 0 auto;
  width: 4.597424rem;
}
.home .content .keyboard .boardDes {
  width: 3.220612rem;
  position: absolute;
  right: -0.128824rem;
  top: 0.402576rem;
}
.home .content .input-wrap {
  margin: 0 auto;
  margin-top: 0.225443rem;
  padding-right: 0.322061rem;
  width: 3.462158rem;
  height: 0.805153rem;
  position: relative;
  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;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #000 !important;
}
.home .content .input-wrap .input-content {
  width: 86%;
  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-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 0.128824rem;
          border-radius: 0.128824rem;
  line-height: normal;
  font-size: 0.289855rem;
  background: none;
  outline: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  border: none;
  color: #000 !important;
  position: relative;
  top: -0.032206rem;
}
.home .content .input-wrap .search {
  position: absolute;
  right: -0.499195rem;
  top: -0.161031rem;
  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;
  width: 1.046699rem;
  height: 1.046699rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/86f11e83c52216fc1a4548848ac0aabf.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 0.434783rem;
  color: #ffec5e;
  line-height: 1.4;
  font-family: 'medium';
}
.home .content .input-wrap .search:active {
  width: 1.127214rem;
  height: 1.127214rem;
}
.home .bottom_des {
  margin: 0 auto;
  width: 5.362319rem;
  text-align: center;
  margin-top: 0.161031rem;
}
.home .bottom_des .copy {
  width: 1.046699rem;
  margin-top: -0.161031rem;
}
.share {
  min-height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.share .diag-result {
  width: 4.436393rem;
  margin-top: 0.644122rem;
}
.share .result-img {
  margin-top: 0.322061rem;
}
.share .result-img img {
  width: 100%;
}
.share .result-text {
  margin-top: 0.563607rem;
  width: 5.37037rem;
  font-size: 0.177134rem;
  color: #ffffff;
  line-height: 0.37037rem;
}
.share .result-text span {
  font-size: 0.193237rem;
  color: #faff00;
}
.share .twitter {
  width: 3.309179rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/7d0ae98e8eefb0184d794772d6eb9fb6.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 0.402576rem;
}
.share .bottom_des {
  margin: 0 auto;
  width: 5.362319rem;
  text-align: center;
  margin-top: 0.161031rem;
}
.share .bottom_des .copy {
  width: 1.046699rem;
  margin-top: -0.161031rem;
}
.share .modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  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;
}
.share .modal .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  z-index: -1;
}
.share .modal .body {
  width: 4.935588rem;
  height: 3.099839rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  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-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.share .modal .body .modal-title {
  margin-top: 0.821256rem;
  font-family: 'black';
  font-size: 0.483092rem;
  line-height: 1.4;
  color: #de7231;
  text-align: center;
}
.share .modal .body .person {
  position: absolute;
  top: -1.851852rem;
  left: 50%;
  width: 3.929147rem;
  height: 2.447665rem;
  margin-left: -2.093398rem;
}
.share .modal .body .modal-text {
  font-size: 0.402576rem;
  margin-top: 0.805153rem;
}
.share .modal .body .modal-buttons {
  margin-top: 0.483092rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.share .modal .body .modal-buttons .cancel {
  width: 1.932367rem;
  height: 0.950081rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/5375f5a7045d6d6f3ff9d9390539882e.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 0.322061rem;
}
.share .modal .body .modal-buttons .cancel:active {
  font-size: 0.434783rem;
}
.share .modal .body .modal-buttons .confirm {
  width: 1.932367rem;
  height: 0.950081rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/e85182e725c8d8250da93db39b40e109.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share .modal .body .modal-buttons .confirm:active {
  font-size: 0.434783rem;
}
.slide-fade-enter-active {
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.slide-fade-leave-active {
  -webkit-transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
          transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter,
.slide-fade-leave-to {
  -webkit-transform: translateY(-8.05153rem);
      -ms-transform: translateY(-8.05153rem);
          transform: translateY(-8.05153rem);
  opacity: 0;
}
html,
body,
.app-con,
#app {
  height: 100%;
  overflow-x: hidden;
}
.outSideContainer {
  height: 100%;
}
.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;
}