* {
  margin: 0;
  padding: 0;
}

html,
body {
  font-size: 0.24rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  /* IE10 */
  touch-action: none;
  /* IE11 */
}

#root {
  position: absolute;
  width: 7.5rem;
  height: 16.24rem;
}

#root1 {
  position: absolute;
  width: 7.5rem;
  height: 16.24rem;
}

.popcontainer {
  position: fixed;
  width: 7.5rem;
  height: 16.24rem;
  top: 50%;
  left: 50%;
  margin-left: -3.75rem;
  margin-top: -8.12rem;
  background: rgba(0, 0, 0, 0.7);
}

.popcontainer_empty {
  position: fixed;
  width: 7.5rem;
  height: 16.24rem;
  top: 50%;
  left: 50%;
  margin-left: -3.75rem;
  margin-top: -8.12rem;
}

.btn:active {
  transform: scale(0.9);
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  /* Opera */
}

.breath1 {
  animation: breath1 2s linear  infinite;
  /* Firefox: */
  -moz-animation: breath1 2s linear  infinite;
  /* Safari 和 Chrome: */
  -webkit-animation: breath1 2s linear  infinite;
  /* Opera: */
  -o-animation: breath1 2s linear  infinite;
}

@-webkit-keyframes breath1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  40% {
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
  }

  50% {
    -webkit-transform: rotate(-15deg) scale(1.2);
    transform: rotate(-15deg) scale(1.2);
  }

  60% {
    -webkit-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
  }

  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes breath1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  40% {
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
  }

  50% {
    -webkit-transform: rotate(-15deg) scale(1.2);
    transform: rotate(-15deg) scale(1.2);
  }

  60% {
    -webkit-transform: rotate(0deg) scale(1.2);
    transform: rotate(0deg) scale(1.2);
  }

  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.zoom {
  -webkit-animation: zoom 0.4s linear 0s 1;
  animation: zoom 0.4s linear 0s 1;
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.zhu_jie_mian {
  width: 100vw;
  height: 100vh;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  background: url("//yun.duiba.com.cn/spark/assets/846ad694833be1131e37d3f5b9598d454a2935e3.png");
  background-size: cover;
  background-position: center;
}

.zhu_jie_mian .bg {
  width: 7.5rem;
  height: 16.24rem;
  opacity: 1;
  vertical-center: 0;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhu_jie_mian .ruleBtn {
  width: 1.65rem;
  height: 0.81rem;
  opacity: 1;
  vertical-center: -664.5;
  top: 0.19rem;
  position: fixed;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhu_jie_mian .recordBtn {
  width: 1.65rem;
  height: 0.81rem;
  opacity: 1;
  vertical-center: -664.5;
  left: 5.85rem;
  top: 0.19rem;
  position: fixed;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhu_jie_mian .startBtn {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  vertical-center: 544.5;
  left: 1.41rem;
  bottom: 0.3rem;
  position: fixed;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhu_jie_mian .remainTimes {
  width: 7.5rem;
  height: 0.28rem;
  text-align: center;
  opacity: 1;
  vertical-center: 448;
  left: 0;
  bottom: 1.8rem;
  position: fixed;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.35rem;
  color: #ff9f7e;
}
.deng_lu {
  width: 6.59rem;
  height: 4.62rem;
  opacity: 1;
  left: 0.55rem;
  top: 5.31rem;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.deng_lu .dan_chuang_bei_jing27 {
  width: 6.59rem;
  height: 4.62rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.deng_lu .guan_bi_an_niu26 {
  width: 0.57rem;
  height: 0.58rem;
  opacity: 1;
  left: 4.63rem;
  top: 1.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.deng_lu .deng_lu_an_niu {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  left: 0.85rem;
  top: 3.96rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.deng_lu .wei_deng_lulabel {
  width: 5.04rem;
  height: 0.44rem;
  opacity: 1;
  left: 0.03rem;
  top: 2.81rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.416667rem;
  color: #8d0402;
  text-align: center;
  font-weight: bold;
}
.rulePanel {
  width: 6.59rem;
  height: 8.54rem;
  opacity: 1;
  left: 0.5rem;
  top: 4.19rem;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.rulePanel .ruleBg {
  width: 6.59rem;
  height: 8.04rem;
  opacity: 1;
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.rulePanel .closeBtn {
  width: 0.59rem;
  height: 0.59rem;
  opacity: 1;
  left: 5.63rem;
  top: -0.8rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.rulePanel .huo_dong_gui_ze2 {
  width: 5.1rem;
  height: 0.4rem;
  opacity: 1;
  left: 0;
  top: 1.5rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.416667rem;
  color: #fa2420;
  text-align: center;
  font-weight: bold;
}

.rulePanel .huo_dong_gui_zemain {
  width: 5.5rem;
  height: 4.5rem;
  opacity: 1;
  left: 0.5rem;
  top: 1.67rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.3rem;
  color: #eee;
  word-wrap: break-word;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ComGameSuccess {
  width: 6.59rem;
  height: 6.88rem;
  opacity: 1;
  left: 0.46rem;
  top: 5.13rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.ComGameSuccess .bg {
  width: 6.59rem;
  height: 6.46rem;
  opacity: 1;
  vertical-center: -489;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.ComGameSuccess .tips {
  width: 2.78rem;
  height: 0.39rem;
  opacity: 1;
  vertical-center: -422.5;
  left: 1.91rem;
  top: 2.82rem;
  text-align: center;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.3rem;
  color: #ffdcc5;
}

.ComGameSuccess .score {
  width: 1.37rem;
  height: 0.68rem;
  opacity: 1;
  vertical-center: -345;
  left: 2.61rem;
  top: 3.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.811806rem;
  color: #feeabb;
}

.ComGameSuccess .red {
  color: #feeabb;
}

.ComGameSuccess .gold {
  color: #EE6612;
}

.ComGameSuccess .submitBtn {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  vertical-center: -188.5;
  left: 0.95rem;
  top: 4.71rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.hen_yi_han {
  top: 0;
  left: 0;
  width: 7.5rem;
  height: 16.24rem;
  display: block;
  position: absolute;
}

.hen_yi_han .dan_chuang {
  width: 6.59rem;
  height: 7.46rem;
  opacity: 1;
  vertical-center: -111.5;
  left: 0.5rem;
  top: 3.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.hen_yi_han .dan_chuang .dan_chuang_bei_jing__m {
  width: 6.59rem;
  height: 7.46rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.hen_yi_han .dan_chuang .wei_zhong_jiang {
  width: 2.47rem;
  height: 0.49rem;
  opacity: 1;
  left: 2rem;
  top: 2.33rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.4rem;
  text-align: center;
  color: #ffdcc5;
}

.hen_yi_han .dan_chuang .againBtn {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  left: 0.91rem;
  top: 6.86rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.dan_chuang__da_kai_fu_dai {
  width: 6.59rem;
  height: 8.11rem;
  opacity: 1;
  left: 0.5rem;
  top: 4.33rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.dan_chuang__da_kai_fu_dai .gong_xi_ni_bei_jing {
  width: 6.59rem;
  height: 7.46rem;
  opacity: 1;
  vertical-center: -439;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.dan_chuang__da_kai_fu_dai .myPrize {
  width: 3.2rem;
  height: 3.2rem;
  opacity: 1;
  left: 1.7rem;
  top: 3rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.dan_chuang__da_kai_fu_dai .zai_wan_yi_ci {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  vertical-center: -65.5;
  left: 0.91rem;
  top: 6.94rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.zhuan_ji_fen15 {
  width: 5.2rem;
  height: 5.04rem;
  opacity: 1;
  left: 1.2rem;
  top: 5.3rem;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.zhuan_ji_fen15 .dan_chuang_bei_jing19 {
  width: 5.1rem;
  height: 5.04rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhuan_ji_fen15 .guan_bi_an_niu18 {
  width: 0.57rem;
  height: 0.58rem;
  opacity: 1;
  left: 4.63rem;
  top: 1.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhuan_ji_fen15 .zhuan_ji_fen17 {
  width: 2.01rem;
  height: 0.59rem;
  opacity: 1;
  left: 1.55rem;
  top: 3.99rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.zhuan_ji_fen15 .hen_bao_qian16 {
  width: 5.09rem;
  height: 0.39rem;
  opacity: 1;
  left: 0;
  top: 2.4rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.416667rem;
  color: #fa2420;
  text-align: center;
  font-weight: bold;
}

.zhuan_ji_fen15 .ji_fen_bu_zulabel {
  width: 5.09rem;
  height: 0.37rem;
  opacity: 1;
  left: 0;
  top: 3.1rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.375rem;
  color: #8d0402;
  text-align: center;
  font-weight: bold;
}
.noChance {
  top: 1.5rem;
  left: 0;
  width: 7.5rem;
  height: 16.24rem;
  display: block;
  position: absolute;
}

.noChance .dan_chuang {
  width: 6.59rem;
  height: 5.35rem;
  opacity: 1;
  vertical-center: -111.5;
  left: 0.5rem;
  top: 3.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.noChance .dan_chuang .dan_chuang_bei_jing__m {
  width: 6.59rem;
  height: 4.62rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.noChance .dan_chuang .wei_zhong_jiang {
  width: 6.59rem;
  height: 0.49rem;
  opacity: 1;
  text-align: center;
  top: 2.33rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.4rem;
  color: #ffdcc5;
}

.noChance .dan_chuang .an_niu__m {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  left: 0.91rem;
  top: 4.06rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.ji_xu_can_yu_tiao_zhan {
  width: 5.2rem;
  height: 5.71rem;
  opacity: 1;
  left: 1.2rem;
  top: 4.92rem;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.ji_xu_can_yu_tiao_zhan .dan_chuang_bei_jing25 {
  width: 5.1rem;
  height: 5.71rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.ji_xu_can_yu_tiao_zhan .guan_bi_an_niu24 {
  width: 0.57rem;
  height: 0.58rem;
  opacity: 1;
  left: 4.63rem;
  top: 1.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.ji_xu_can_yu_tiao_zhan .que_ren_an_niu23 {
  width: 1.56rem;
  height: 0.59rem;
  opacity: 1;
  left: 1.77rem;
  top: 4.65rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.ji_xu_can_yu_tiao_zhan .hua_fei_ji_fenlabel {
  width: 5.07rem;
  height: 0.89rem;
  opacity: 0.85;
  left: 0.01rem;
  top: 3.28rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.416667rem;
  color: #fa2420;
  font-weight: bold;
  text-align: center;
}

.ji_xu_can_yu_tiao_zhan .mian_fei_yong_wanlabel {
  width: 5.06rem;
  height: 0.36rem;
  opacity: 1;
  left: 0.03rem;
  top: 2.57rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.375rem;
  color: #8d0402;
  text-align: center;
  font-weight: bold;
}
.shi_fou_hua_fei_ji_fen {
  width: 5.2rem;
  height: 4.82rem;
  opacity: 1;
  left: 1.2rem;
  top: 5.3rem;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.shi_fou_hua_fei_ji_fen .dan_chuang_bei_jing22 {
  width: 5.1rem;
  height: 4.82rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.shi_fou_hua_fei_ji_fen .guan_bi_an_niu21 {
  width: 0.57rem;
  height: 0.58rem;
  opacity: 1;
  left: 4.63rem;
  top: 1.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.shi_fou_hua_fei_ji_fen .que_ren_an_niu20 {
  width: 1.56rem;
  height: 0.59rem;
  opacity: 1;
  left: 1.77rem;
  top: 3.8rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.shi_fou_hua_fei_ji_fen .que_ren_hua_fei_ji_fenlabel {
  width: 5.07rem;
  height: 0.39rem;
  opacity: 1;
  left: 0.01rem;
  top: 2.69rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.416667rem;
  color: #fa2420;
  text-align: center;
  font-weight: bold;
}
.noPrize {
  top: 1.5rem;
  left: 0;
  width: 7.5rem;
  height: 16.24rem;
  display: block;
  position: absolute;
}

.noPrize .dan_chuang {
  width: 6.59rem;
  height: 5.35rem;
  opacity: 1;
  vertical-center: -111.5;
  left: 0.5rem;
  top: 3.45rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.noPrize .dan_chuang .dan_chuang_bei_jing__m {
  width: 6.59rem;
  height: 4.62rem;
  opacity: 1;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.noPrize .dan_chuang .wei_zhong_jiang {
  width: 6.59rem;
  height: 0.49rem;
  opacity: 1;
  text-align: center;
  top: 2.33rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  font-size: 0.4rem;
  color: #ffdcc5;
}

.noPrize .dan_chuang .an_niu__m {
  width: 4.69rem;
  height: 1.29rem;
  opacity: 1;
  left: 0.91rem;
  top: 4.06rem;
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.toast {
  width: 100vw;
  height: 100vh;
}

.toast .toastmsg {
  position: absolute;
  color: #fff;
  padding: 0.125rem;
  border-radius: 0.05rem;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0 auto;
  top: 50%;
  left: 50%;
  width: 50vw;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.waitting {
  width: 100vw;
  height: 100vh;
}

.waitting .waittingbg {
  position: relative;
  width: 200vw;
  height: 200vh;
  border-radius: 0.1rem;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0 auto;
}

.waitting img {
  width: 1.5rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}