* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "思源黑体 CN Normal", sans-serif;
  border:0;
}
img {
  display: block;
  width: 100%;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
}
input:-moz-placeholder {
  color: #dddddd;
}
input::-moz-placeholder {
  color: #dddddd;
}
input::-webkit-input-placeholder {
  color: #dddddd;
}
input:-ms-input-placeholder {
  color: #dddddd;
}
input {
  outline: none;
  border: 0;
  padding: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select {
  width: 100%;
  font-size: 85%;
  border: 0;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:link {
  text-decoration: none;
  outline: 0;
}
a:visited {
  text-decoration: none;
  outline: 0;
}
a:hover {
  text-decoration: none;
  outline: 0;
}
a:active {
  text-decoration: none;
  outline: 0;
}
button {
  border: 0;
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids,个人感觉是低版本号的安卓，4.0下面 */
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-size: 0.28rem;
  position: relative;
}
/*加载页样式*/
#loading {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  background: #ed5523;
  color: #ffffff;
  text-align: center;
}
#loading .loader {
  display: table-cell;
  vertical-align: middle;
}
#loading .loader span {
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  border-top: 4px solid hsla(0, 0%, 100%, 0.2);
  border-right: 4px solid hsla(0, 0%, 100%, 0.2);
  border-bottom: 4px solid hsla(0, 0%, 100%, 0.2);
  border-left: 4px solid #ffffff;
  -webkit-animation: load 1s infinite linear;
  animation: load 1s infinite linear;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
#loading .loader span :after {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}
@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.index-page {
  background: url(../images/bg-bar.png) repeat-y center;
  background-size: 100% 100%;
}
.index-page .page-main {
  position: relative;
}
.index-page .top-sect {
  position: relative;
}
.index-page .top-sect .act-time {
  color: #fff9e3;
  font-size: 0.2rem;
  position: absolute;
  top: 71%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  z-index: 2;
}
.index-page .top-sect .rule-btn {
  position: absolute;
  width: 18%;
  padding-top: 19%;
  z-index: 2;
  top: 70%;
  left: 3%;
  background: url(../images/rule-btn.png) no-repeat center;
  background-size: contain;
}
.index-page .top-sect .prize-btn {
  position: absolute;
  width: 18%;
  padding-top: 19%;
  z-index: 2;
  top: 70%;
  right: 3%;
  background: url(../images/prize-btn.png) no-repeat center;
  background-size: contain;
}
.index-page .sect {
  position: relative;
  padding: 0.2rem;
  background: -webkit-gradient(linear, left top, right top, from(#df1f0d), color-stop(#ea4a28), to(#df1f0d));
  background: -webkit-linear-gradient(left, #df1f0d, #ea4a28, #df1f0d);
  background: -o-linear-gradient(left, #df1f0d, #ea4a28, #df1f0d);
  background: linear-gradient(to right, #df1f0d, #ea4a28, #df1f0d);
  width: 80.5%;
  margin: 0 auto;
  border: 3px solid #fcf8d7;
  border-radius: 20px;
}
.index-page .sect .title-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 83%;
  z-index: 2;
}
.index-page .prize-sect-title {
  width: 70%;
  margin: -1.35rem auto 0;
  position: relative;
  z-index: 2;
}
.index-page .prize-sect {
  margin-top: -0.08rem;
  margin-bottom: 0.9rem;
}
.index-page .qy-items .qy-item {
  position: relative;
}
.index-page .qy-items .qy-item .handle-btn {
  color: #ba290c;
  background: url(../images/btn-bg2.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 80%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 6em;
  text-align: center;
  font-size: 0.24rem;
  padding: 0.1rem 0 0.13rem;
  z-index: 2;
  font-weight: bold;
  -webkit-animation: playAnimate2 8s 0.2s linear infinite forwards;
  animation: playAnimate2 8s 0.2s linear infinite forwards;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.index-page .game-container {
  position: relative;
  width: 90%;
  margin: 0.3rem auto 0.3rem;
}
.index-page .game-container .play-game {
  position: absolute;
  top: 82%;
  left: 45.5%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 65%;
  padding-top: 17%;
  background: url(../images/play-btn.png) no-repeat center;
  background-size: contain;
}
.index-page .game-container .container {
  margin: 0 auto;
  position: absolute;
  width: 54%;
  left: 18.5%;
  height: 29%;
  top: 32.2%;
  overflow: hidden;
}
.index-page .game-container .container > div {
  position: relative;
  height: 100%;
}
.index-page .game-container .container > div:before {
  content: '';
  width: 100%;
  padding-top: 10%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  z-index: 2;
  display: none;
}
.index-page .game-container .container > div:after {
  content: '';
  width: 100%;
  padding-top: 10%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  z-index: 2;
  display: none;
}
.index-page .game-container .container .num {
  position: absolute;
  left: 0;
  top: 0;
  width: 33%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
}
.index-page .game-container .container .num2 {
  left: 33.3%;
}
.index-page .game-container .container .num3 {
  left: 68%;
}
.index-page .game-container .container .num-con {
  position: relative;
  font-size: 0;
}
.index-page .game-container .remain-chance-box {
  position: absolute;
  top: 23.5%;
  left: 44%;
  color: #fde8c2;
  font-size: 0.24rem;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.index-page .prizes-show {
  position: relative;
}
.index-page .prizes-show .prizes-show-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  top: 19%;
  left: 7%;
  width: 86%;
  z-index: 2;
}
.index-page .prizes-show .prizes-show-items .prizes-show-item {
  position: relative;
  width: 32%;
  margin-bottom: 0.1rem;
}
.index-page .prizes-show .prizes-show-items .prizes-show-item .txt-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.index-page .prizes-show .prizes-show-items .prizes-show-item .txt-bg div {
  position: relative;
}
.index-page .prizes-show .prizes-show-items .prizes-show-item .txt-bg div p {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform:translateY(-50%) scale(0.7);
  -ms-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  color: #fffdf6;
  width: 142%;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  text-align: center;
}
.index-page .ms-sect {
  padding: 0.8rem 0.2rem 0.3rem;
  margin-bottom: 0.9rem;
}
.index-page .ms-sect .ms-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: .15rem;
}
.index-page .ms-sect .ms-items .ms-item {
  width: 32%;
}
.index-page .ms-sect .ms-items .ms-item .lq-btn {
  color: #fcecc7;
  background: url(../images/btn-bg.png) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  width: 90%;
  margin: 0.2rem auto 0;
  padding: 0 0 1px;
}
.index-page .ms-sect .ms-items .ms-item .gray {
  -webkit-filter: grayscale(90%);
  filter: grayscale(90%);
}
.index-page .jy-sect {
  padding: 0.6rem 0.2rem 0.3rem;
}
.index-page .jy-sect .jy-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.index-page .jy-sect .jy-items .jy-item {
  width: 50%;
}
.win-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.85);
}
.win-layer .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.win-layer .btns .btn {
  width: 43%;
  padding: 0.18rem 0;
  background: url(../images/btn-bg3.png) no-repeat center;
  background-size: 100% 100%;
  text-align: center;
  color: #ffe9cd;
  font-size: 0.3rem;
  letter-spacing: 2px;
  font-weight: bold;
}
.win-layer .common-modal-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
}
.win-layer .bounceIn {
  -webkit-animation: bounceIn2 0.6s linear 1 forwards;
  animation: bounceIn2 0.6s linear 1 forwards;
  /*-webkit-transform-origin: 0 0;*/
  /*-ms-transform-origin: 0 0;*/
  /*transform-origin: 0 0;*/
}
.win-layer .common-modal-cont .btns {
  position: absolute;
  top: 78%;
  left: 5%;
  width: 90%;
  z-index: 2;
}
.win-layer .common-modal-cont .btns2 {
  top: 82%;
}
.win-layer .common-modal-cont .close-icon {
  position: absolute;
  top: 10%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 0.85rem;
  height: 0.85rem;
  background: url(../images/close-icon.png) no-repeat center;
  background-size: contain;
}
.win-layer .common-modal-cont .cont {
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}
.win-layer .common-modal-cont .cont2 {
  top: 38%;
}
.win-layer .common-modal-cont .more-qy {
  color: #a13e37;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid #a13e37;
  letter-spacing: 3px;
}
.win-layer .common-modal-cont h2 {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#fffeee), to(#ffe0ab));*/
  /*background: -webkit-linear-gradient(top, #fffeee, #ffe0ab);*/
  /*background: -o-linear-gradient(top, #fffeee, #ffe0ab);*/
  /*background: linear-gradient(to bottom, #fffeee, #ffe0ab);*/
  /*-webkit-background-clip: text;*/
  /*color: transparent;*/
  color: #ffeac2;
  text-align: center;
  padding: 0.06rem 0;
}
.win-layer .common-modal-cont h3 {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#fffeee), to(#ffe0ab));*/
  /*background: -webkit-linear-gradient(top, #fffeee, #ffe0ab);*/
  /*background: -o-linear-gradient(top, #fffeee, #ffe0ab);*/
  /*background: linear-gradient(to bottom, #fffeee, #ffe0ab);*/
  /*-webkit-background-clip: text;*/
  /*color: transparent;*/
  color: #ffeac2;
  text-align: center;
  padding: 0.06rem 0;
}
.win-layer .common-modal-cont h4 {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#ffdfaa), to(#fffeef));*/
  /*background: -webkit-linear-gradient(top, #ffdfaa, #fffeef);*/
  /*background: -o-linear-gradient(top, #ffdfaa, #fffeef);*/
  /*background: linear-gradient(to bottom, #ffdfaa, #fffeef);*/
  /*-webkit-background-clip: text;*/
  /*color: transparent;*/
  color: #ffeac2;
  text-align: center;
  padding:  0.06rem 0;
}
.win-layer .common-modal-cont .prize-icon {
  width: 50%;
  margin: 0 auto 0.15rem;
}
.win-layer .common-modal-cont .txt1 {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#ffdfa9), to(#ffeac2));*/
  /*background: -webkit-linear-gradient(top, #ffdfa9, #ffeac2);*/
  /*background: -o-linear-gradient(top, #ffdfa9, #ffeac2);*/
  /*background: linear-gradient(to bottom, #ffdfa9, #ffeac2);*/
  /*-webkit-background-clip: text;*/
  color: #ffeac2;
  text-align: center;
  font-size: 0.24rem;
}
.win-layer .common-modal-cont .txt2 {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#fff5db), to(#fffeef));*/
  /*background: -webkit-linear-gradient(top, #fff5db, #fffeef);*/
  /*background: -o-linear-gradient(top, #fff5db, #fffeef);*/
  /*background: linear-gradient(to bottom, #fff5db, #fffeef);*/
  /*-webkit-background-clip: text;*/
  /*color: transparent;*/
  color: #ffeac2;
  text-align: center;
  font-size: 0.24rem;
}
.win-layer .counpon-item {
  background: url(../images/coupon-bg.png) no-repeat center;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4rem 0.3rem;
  margin-top: 0.3rem;
}
.win-layer .counpon-item:before {
  content: '';
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../images/icon1.png) no-repeat center;
  background-size: contain;
  margin-right: 4px;
}
.win-layer .counpon-item .coupon-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#fffeee), to(#ffe0ab));*/
  /*background: -webkit-linear-gradient(top, #fffeee, #ffe0ab);*/
  /*background: -o-linear-gradient(top, #fffeee, #ffe0ab);*/
  /*background: linear-gradient(to bottom, #fffeee, #ffe0ab);*/
  /*-webkit-background-clip: text;*/
  /*color: transparent;*/
  color: #ffe0ab;
  font-size: 0.3rem;
  font-weight: bold;
}
.win-layer .counpon-item .know-btn {
  width: 6em;
  font-size: 0.24rem;
  padding: 0.5em 0 0.6em;
  text-align: center;
  background: url(../images/btn-bg4.png) no-repeat center;
  background-size: 100% 100%;
  color: #ba290c;
}
#tip-modal {
  display: block;
  background: #fff;
  width: 70%;
  text-align: center;
  padding: 20px;
  border-radius: 8px;
  color: #5d5959;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#rule-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
}
#rule-modal .modal-top {
  position: relative;
}
#rule-modal .close-icon {
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/close-icon.png) no-repeat center;
  background-size: contain;
}
#rule-modal .modal-mid {
  background: url(../images/bar2.png) repeat-y center;
  background-size: 100% auto;
  padding: 0 0.2rem;
}
#rule-modal .modal-mid .wicket-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 60vh;
  background: #ffffff;
  padding: 0 0.3rem;
  font-size: 0.28rem;
  line-height: 1.6;
  color: #9e4130;
}
#rule-modal .modal-mid .wicket-scroll  span{
  font-weight: bold;
}
#start-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
}
#start-modal .close-icon {
  position: absolute;
  top: 8%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/close-icon.png) no-repeat center;
  background-size: contain;
}
#start-modal .btns {
  position: absolute;
  top: 87%;
  left: 50%;
  width: 90%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
#start-1G-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
}
#start-1G-modal .close-icon {
  position: absolute;
  top: 10%;
  right: 2%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/close-icon.png) no-repeat center;
  background-size: contain;
}
#start-1G-modal .btns {
  position: absolute;
  top: 82%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
#had-lq-modal {
  width: 86%;
}
#no-chance-modal {
  width: 86%;
}
#get-chance-modal {
  width: 75%;
}
#get-chance-modal .btn {
  width: 53%;
  padding: 0.2rem 0;
}
.playAnimate {
  -webkit-animation: playAnimate 8s 0.2s linear infinite forwards;
  animation: playAnimate 8s 0.2s linear infinite forwards;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#invite-modal .prize-icon {
  width: 40%;
  margin: 0 auto;
}
#invite-modal .cont {
  top: 40%;
}
#prize-my-modal {
  width: 88%;
}
#prize-my-modal .prize-cont {
  position: absolute;
  top: 18%;
  left: 6%;
  width: 88%;
  z-index: 2;
  height: 64%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#prize-my-modal .counpon-item:before {
  background: url(../images/icon3.png) no-repeat center;
  background-size: contain;
}
#prize-my-modal .btns2 {
  top: 88%;
}
#game-result-modal h2,#game-result-modal h3, #game-result-modal h4,
#game-result-modal2 h2,#game-result-modal2 h3, #game-result-modal2 h4{
  padding: 0;
}
#game-result-modal .prize-icon,
#game-result-modal2 .prize-icon{
  width: 40%;
  padding-top:29% ;
  margin: .1rem auto .2rem;
  background: url("../images/prize1.png")no-repeat center;
  background-size: contain;
}
#game-result-modal .prize-icon2{background-image: url("../images/prize3.png");}
/*#game-result-modal .prize-icon3{background-image: url("../images/prize2.png");}*/
#game-result-modal .prize-icon4{background-image: url("../images/prize4.png");}
#game-result-modal .prize-icon5{background-image: url("../images/prize5.png");}
#game-result-modal .prize-icon6{background-image: url("../images/prize6.png");}
#game-result-modal .prize-icon7{background-image: url("../images/prize8.png");}
#game-result-modal .prize-icon8{background-image: url("../images/prize7.png");}

#game-result-modal2 .prize-icon1{background-image: url("../images/prize1.png");}
#game-result-modal2 .prize-icon3{background-image: url("../images/prize2.png");}
#game-result-modal .cont,
#game-result-modal2 .cont{
  top: 38%;
}
.share-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 10px;
}
.share-modal img {
  width: 35%;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale(0.3, 0.3) translate(-50%, -50%);
    transform: scale(0.3, 0.3) translate(-50%, -50%);
  }
  20% {
    -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%);
    transform: scale(1.1, 1.1) translate(-50%, -50%);
  }
  40% {
    -webkit-transform: scale(0.9, 0.9) translate(-50%, -50%);
    transform: scale(0.9, 0.9) translate(-50%, -50%);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.03, 1.03) translate(-50%, -50%);
    transform: scale(1.03, 1.03) translate(-50%, -50%);
  }
  80% {
    -webkit-transform: scale(0.97, 0.97) translate(-50%, -50%);
    transform: scale(0.97, 0.97) translate(-50%, -50%);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(-50%, -50%);
    transform: scale(1, 1) translate(-50%, -50%);
  }
}
@-webkit-keyframes bounceIn2 {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
  20% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  40% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  80% {
    -webkit-transform: scale(0.97, 0.97);
    transform: scale(0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes playAnimate {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes playAnimate2 {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%);
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 120%!important;
  }
  #wrap {
    width: 375px!important;
    margin: auto!important;
  }
}