.home[data-v-01fd5b9c] {
  margin: 0 auto;
  padding-bottom: 0.483092rem;
  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;
  background-image: url(https://cdn-f1.simeji.me/static/wap/25e4d089c84d003e9f33ebb0a0ad2472.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.home {
  margin: 0 auto;
  padding-bottom: 0.483092rem;
  -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;
  font-size: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.home .box-item {
  width: 50%;
  height: 50%;
  display: block;
  float: left;
  -webkit-border-radius: 0.080515rem;
          border-radius: 0.080515rem;
  cursor: pointer;
  border: 0.040258rem solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.share-container[data-v-3226fb3e] {
  text-align: center;
}
.share-container .share-logo[data-v-3226fb3e] {
  width: 2.57649rem;
  height: 0.724638rem;
  margin: 0.507246rem auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/735b8b4b2a08526ee3e3a61e9f056f39.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .rank1[data-v-3226fb3e] {
  width: 7.149758rem;
  height: 8.10789rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/a1d262c471f3a168cc30ae0a5037230e.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .rank2[data-v-3226fb3e] {
  width: 6.763285rem;
  height: 7.930757rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/adde11db3462dfb889f209ba181d0e6e.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .rank3[data-v-3226fb3e] {
  width: 7.47182rem;
  height: 7.930757rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/0f10500a0b045c4d434f493982203021.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .rank4[data-v-3226fb3e] {
  width: 5.032206rem;
  height: 7.930757rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/c6b895879529141c10c6c371dd9acf52.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .rank5[data-v-3226fb3e] {
  width: 8.083736rem;
  height: 7.793881rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/9cda615c88c45eb07b42b8603f7e16eb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .rank6[data-v-3226fb3e] {
  width: 8.115942rem;
  height: 7.729469rem;
  margin: 0 auto;
  background-image: url(https://cdn-f1.simeji.me/static/wap/3c8fb418ba878b4dbc756b88cea3b07f.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .share-btn[data-v-3226fb3e] {
  width: 8.856683rem;
  height: 1.610306rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.442834rem;
}
.share-container .share-btn .retry-btn[data-v-3226fb3e] {
  width: 4.146538rem;
  height: 1.207729rem;
  opacity: 0.7;
  background: #ffffff;
  -webkit-border-radius: 0.15942rem;
          border-radius: 0.15942rem;
  font-family: Helvetica;
  font-size: 0.724638rem;
  color: #a6504c;
  line-height: 1.288245rem;
  letter-spacing: -0.011353rem;
}
.share-container .share-btn .twitter-btn[data-v-3226fb3e] {
  width: 4.146538rem;
  height: 1.207729rem;
  background: #ffffff;
  -webkit-border-radius: 0.15942rem;
          border-radius: 0.15942rem;
  font-family: Helvetica;
  font-size: 0.492754rem;
  color: #a6504c;
  line-height: 1.288245rem;
  letter-spacing: -0.019324rem;
}
.share-container .share-detail[data-v-3226fb3e] {
  width: 6.441224rem;
  height: 3.26087rem;
  margin: 0.241546rem auto;
  margin-bottom: 0.402576rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/24790814bd7e503292569d267eb72be6.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.share-container .share-go[data-v-3226fb3e] {
  width: 6.344605rem;
  height: 1.441224rem;
  line-height: 1.441224rem;
  margin: 0 auto;
  margin-bottom: 0.20934rem;
  opacity: 0.7;
  background: #ffffff;
  -webkit-border-radius: 0.15942rem;
          border-radius: 0.15942rem;
  font-family: Helvetica;
  font-size: 0.57971rem;
  color: #a6504c;
  letter-spacing: -0.009018rem;
}
.share-container .share-footer[data-v-3226fb3e] {
  width: 6.15942rem;
  height: 0.692432rem;
  margin: 0 auto;
  font-family: Helvetica;
  font-size: 0.492754rem;
  color: #ffffff;
  letter-spacing: -0.019324rem;
  text-align: center;
}
.iterm-con {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.iterm {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  overflow-y: scroll;
  line-height: 1;
  -webkit-overflow-scrolling: touch;
}
.back-icon {
  position: absolute;
  left: 8pt;
  top: 16pt;
  font-size: 18pt;
  width: 0.644122rem;
  height: 0.644122rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/42f171a6b700d2a4c36ed779e829dd56.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 999;
}
.html {
  font-size: 0.161031rem;
}

body {
  background-color: #a6504c;
  color: #fff;
  font: 0.096618rem/1.5 '微软雅黑';
}

.page {
  position: absolute;
  top: 1.610306rem;
  left: 0;
  width: 100%;
  height: 80%;
  text-align: center;
}

.footer {
  display: inline-block;
  width: 3.349436rem;
  height: 0.587762rem;
  font-family: Helvetica;
  font-size: 0.386473rem;
  margin-bottom: 0.402576rem;
  color: #fff;
  letter-spacing: -0.006039rem;
  position: relative;
  top: 2.415459rem;
}

.home-logo {
  width: 2.52818rem;
  height: 0.740741rem;
  margin-right: 6.280193rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/735b8b4b2a08526ee3e3a61e9f056f39.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 0.322061rem;
}

.home-rectangle {
  width: 100%;
  height: 6.376812rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/95fb0d68282fc30aec68ca85d9e71199.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: -0.732689rem;
  left: 0;
}

.home-header {
  width: 8.727858rem;
  height: 2.987118rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/08648daab5ee3fcd06438d3ace20fde3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 1.449275rem;
}

.home-instructions {
  width: 9.090177rem;
  height: 11.239936rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/04f035b8314d03d3c7ab6240d7655402.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 4.025765rem;
  margin-left: 2%;
}

.home-btn {
  text-align: center;
  width: 7.42351rem;
  height: 1.835749rem;
  background: #fff;
  border: 0.008052rem solid #979797;
  -webkit-border-radius: 0.499195rem;
          border-radius: 0.499195rem;
  font-family: Helvetica;
  font-size: 0.78905rem;
  color: #6862d1;
  letter-spacing: -0.012319rem;
  line-height: 2.012882rem;
  position: relative;
  top: 1.610306rem;
}

.game-title {
  width: 8.808374rem;
  height: 0.740741rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/b58128c0697db9118519ef60701a7885.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.402576rem;
}

#loading {
  display: block;
  font-size: 0.241546rem;
  line-height: 4.025765rem;
  text-align: center;
  color: #fff;
}

#index h1 {
  text-align: center;
  font-size: 0.241546rem;
  padding: 0.096618rem 0;
  text-shadow: 0.008052rem 0.008052rem 0.008052rem #ab3c3c;
}

#index .btns {
  text-align: center;
  position: fixed;
  bottom: 0.805153rem;
  width: 100%;
  color: #ddd;
}

#room header {
  width: 9.017713rem;
  height: 0.241546rem;
  line-height: 0.241546rem;
  font-size: 0.128824rem;
  color: #ffa1a1;
  padding: 0.402576rem 0;
  margin: 0 auto;
}

#room header .lv {
  float: left;
  padding: 0.402576rem;
  display: inline-block;
  background: #fff;
  -webkit-border-radius: 0.161031rem;
          border-radius: 0.161031rem;
  font-family: rounded-mplus-2p-bold;
  font-size: 0.57971rem;
  color: #a6504c;
  letter-spacing: -0.009018rem;
  text-align: center;
  font-weight: 500;
}

#room header .lv em {
  font-style: normal;
}

#room header .btn-pause {
  height: 0.241546rem;
  width: 0.644122rem;
  line-height: 0.241546rem;
  padding: 0;
  margin: 0;
  color: #fff;
  -webkit-border-radius: 0.161031rem;
          border-radius: 0.161031rem;
  font-size: 0.128824rem;
}

#room header .time {
  font-family: rounded-mplus-2p-bold;
  font-size: 0.805153rem;
  color: #fff;
  letter-spacing: -0.01256rem;
  font-weight: 700;
  padding: 0.402576rem;
  display: inline-block;
  margin-right: 33%;
}

#room header .time.danger {
  color: #ff0505;
  background-color: #fff;
}

#help {
  height: 0.241546rem;
  font-size: 0.128824rem;
  color: #ffa1a1;
  text-align: center;
}

#box {
  width: 8.800322rem;
  height: 8.800322rem;
  margin: auto;
  -webkit-border-radius: 0.161031rem;
          border-radius: 0.161031rem;
}

#box span {
  float: left;
  cursor: pointer;
  border: 0.161031rem solid #d8d8d8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
}

#box.lv2 span {
  width: 50%;
  height: 50%;
}

#box.lv3 span {
  width: 33.33%;
  height: 33.33%;
}

#box.lv4 span {
  width: 25%;
  height: 25%;
}

#box.lv5 span {
  width: 20%;
  height: 20%;
  border-width: 0.161031rem;
}

#box.lv6 span {
  width: 16.666%;
  height: 16.666%;
  border-width: 0.144928rem;
}

#box.lv7 span {
  width: 14.28%;
  height: 14.28%;
  border-width: 0.128824rem;
}

#box.lv8 span {
  width: 12.5%;
  height: 12.5%;
  border-width: 0.112721rem;
}

#box.lv9 span {
  width: 11.111%;
  height: 11.111%;
  border-width: 0.096618rem;
}

#box span img {
  width: 85%;
  height: 90%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn {
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: 0.120773rem 0.241546rem;
  text-transform: uppercase;
  letter-spacing: 0.008052rem;
  font-weight: 700;
  outline: none;
  position: relative;
  background: #fcad26;
  -webkit-border-radius: 0.056361rem;
          border-radius: 0.056361rem;
  font-size: 0.161031rem;
  font-family: '微软雅黑';
  height: 0.362319rem;
  width: 1.771337rem;
  line-height: 0.362319rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn.btn-bottom {
  position: absolute;
  width: 2.415459rem;
  padding: 0;
  bottom: 0.161031rem;
  left: 50%;
  margin-left: -1.207729rem;
}

@media all and (orientation: landscape) {
  #box {
    top: 0;
    left: 0.644122rem;
  }

  #dialog {
    padding-top: 0;
  }
}

@media all and (max-width: 361px) {
  #box.lv5 span,
  #box.lv6 span,
  #box.lv7 span,
  #box.lv8 span,
  #box.lv9 span {
    border-width: 0.08rem;
  }
}