/*
323进货券，恭喜您中到一张优惠券包邮券店铺优惠券满减券！鸿运当头，今天适合买彩票。恭喜您抽中到一个红包！时间紧迫，快砸开彩蛋，试试您的手气吧。蛋腚，这个没中，还有好多蛋等您砸呢，快去找吧。真可惜，这个没中，天空飘来六个字“蛋蛋的忧伤”，赶紧去找其它蛋。据说砸蛋之前要点三支香许愿，这次没中，下次试试吧。恭喜你中了元红包鸿运当头，今天适合买个彩票！很遗憾，红包与你擦肩而过，不要灰心，下次还有机会！
*/
/* 方正喵呜体 */
@font-face {
  font-family: 'webfont';
  src: url('//at.alicdn.com/t/7inamijravqb0529.eot');
  src: url('//at.alicdn.com/t/7inamijravqb0529.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/7inamijravqb0529.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/7inamijravqb0529.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/7inamijravqb0529.svg#FZMWJW--GB1-0') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
@font-face {
  font-family: 'droidsans';
  src: url('../webfonts/DroidSans.ttf') format('truetype');
  
  /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
#breakegg-wait-text {
  margin-top: 50px;
  font-size: 16px;
  color: #fff;
}
@-webkit-keyframes ball-loader {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes ball-loader {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes ball-loader-highlight {
  0% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes ball-loader-highlight {
  0% {
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes ball-loader-shadow {
  0% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes ball-loader-shadow {
  0% {
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  55% {
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.tipCover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: table;
  background-color: rgba(0, 0, 0, 0.44);
}
.mod-break-egg-20160721 {
  /* :not(:required) hides this rule from IE9 and below */
}
.mod-break-egg-20160721 .waitCenter {
  display: table-cell;
  vertical-align: middle;
}
.mod-break-egg-20160721 .ball-loader:not(:required) {
  position: relative;
  display: inline-block;
  font-size: 0;
  letter-spacing: -1px;
  border-radius: 100%;
  background: #f86;
  width: 50px;
  height: 50px;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -moz-animation: ball-loader 1500ms infinite linear;
  -webkit-animation: ball-loader 1500ms infinite linear;
  animation: ball-loader 1500ms infinite linear;
}
.mod-break-egg-20160721 .ball-loader:not(:required)::after {
  content: '';
  position: absolute;
  top: 4.5px;
  left: 5.5px;
  width: 15px;
  height: 15px;
  background: #ffb099;
  border-radius: 100%;
  -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -moz-animation: ball-loader-highlight 1500ms infinite linear;
  -webkit-animation: ball-loader-highlight 1500ms infinite linear;
  animation: ball-loader-highlight 1500ms infinite linear;
}
.mod-break-egg-20160721 .ball-loader:not(:required)::before {
  content: '';
  position: absolute;
  top: 50px;
  left: 5.5px;
  width: 50px;
  height: 15px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -moz-animation: ball-loader-shadow 1500ms infinite linear;
  -webkit-animation: ball-loader-shadow 1500ms infinite linear;
  animation: ball-loader-shadow 1500ms infinite linear;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
@keyframes breakegg-pop-up {
  0% {
    -webkit-transform: translate3d(0, 30%, 0) scale(0.4);
    transform: translate3d(0, 30%, 0) scale(0.4);
  }
  80% {
    -webkit-transform: translate3d(0, -10%, 0) scale(1.2);
    transform: translate3d(0, -10%, 0) scale(1.2);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes breakegg-pop-up {
  0% {
    -webkit-transform: translate3d(0, 30%, 0) scale(0.4);
    transform: translate3d(0, 30%, 0) scale(0.4);
  }
  80% {
    -webkit-transform: translate3d(0, -10%, 0) scale(1.2);
    transform: translate3d(0, -10%, 0) scale(1.2);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes breakegg-cry-up {
  0% {
    -webkit-transform: translate3d(0, 30%, 0) scale(0.6);
    transform: translate3d(0, 30%, 0) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes breakegg-cry-up {
  0% {
    -webkit-transform: translate3d(0, 30%, 0) scale(0.6);
    transform: translate3d(0, 30%, 0) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes breakegg-shake-cry {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16.7% {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }
  83.3% {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes breakegg-shake-cry {
  0%,
  50% {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }
  25%,
  75% {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes breakegg-slide-in {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes breakegg-slide-in {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes breakegg-slide-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes breakegg-slide-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes hammer-crash {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes hammer-crash {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
.loading-page {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.loading-page .loading-con {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-top: -60px;
  margin-left: -60px;
}
.loading-page .loading-con .progress-text {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 120px;
  font-size: 20px;
  color: #ff6700;
}
.wrapper-games {
  z-index: 9999;
}
.wrapper-games * {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper-games .games-cnt {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 400px;
  /*蛋壳背部光晕*/
}
.wrapper-games .games-cnt .egg-glory {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.wrapper-games .games-cnt > .content {
  position: absolute;
  width: 300px;
  min-height: 280px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  margin-top: 50px;
  /*顶部文案提示*/
  /*底部提示文案以及倒计时容器*/
}
.wrapper-games .games-cnt > .content .tip {
  position: relative;
  z-index: 2;
}
.wrapper-games .games-cnt > .content .tip img {
  display: block;
  width: 100%;
}
.wrapper-games .games-cnt > .content .action-tip {
  position: absolute;
  top: -160px;
  width: 120%;
  left: -10%;
}
.wrapper-games .games-cnt > .content .action-tip .action {
  width: 100%;
  margin: 0 auto;
}
.wrapper-games .games-cnt > .content .action-tip .action p {
  font-family: "webfont" !important;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}
.wrapper-games .games-cnt > .content .action-tip .before {
  display: block;
  color: #ffd604;
}
.wrapper-games .games-cnt > .content .action-tip .after .failtext,
.wrapper-games .games-cnt > .content .action-tip .after .successtext {
  display: none;
  margin: 0 auto;
}
.wrapper-games .games-cnt > .content .action-tip .after .failtext p:first-child,
.wrapper-games .games-cnt > .content .action-tip .after .successtext p:first-child {
  color: #ffd604;
}
.wrapper-games .games-cnt > .content .action-tip .after .failtext p:last-child,
.wrapper-games .games-cnt > .content .action-tip .after .successtext p:last-child {
  color: #fff;
  font-size: 18px;
}
.wrapper-games .games-cnt > .content .action-tip .after .successtext .money-count {
  color: #ff6071;
  font-size: 20px;
}
.wrapper-games .games-cnt > .content .bottom-tip {
  position: absolute;
  top: 300px;
  width: 100%;
  /*再来一次按钮*/
  /*存入支付宝提示文案*/
  /*进货券提示文案*/
  /*倒计时模块*/
}
.wrapper-games .games-cnt > .content .bottom-tip .try-again-btn {
  display: none;
  color: #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fa6f57;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px auto;
  font-size: 15px;
}
.wrapper-games .games-cnt > .content .bottom-tip .look-money {
  display: none;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 12px;
  width: 260px;
}
.wrapper-games .games-cnt > .content .bottom-tip .look-money .range {
  color: #ffe44e;
}
.wrapper-games .games-cnt > .content .bottom-tip .coupon-tip {
  display: none;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 12px;
  width: 260px;
}
.wrapper-games .games-cnt > .content .bottom-tip .timing {
  display: block;
}
.wrapper-games .games-cnt > .content .bottom-tip .timing .clock {
  width: 160px;
  margin: 0 0 0 30px;
  font-size: 0;
  text-align: center;
}
.wrapper-games .games-cnt > .content .bottom-tip .timing .clock > span {
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 25px;
  height: 25px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 18px;
}
.wrapper-games .games-cnt > .content .bottom-tip .timing .clock .clock-t {
  width: 18px;
  background: #fa6f57;
  margin-left: 1px;
}
.wrapper-games .games-cnt > .content .bottom-tip .timing .clock .clock-colon {
  margin: 0 4px;
}
.wrapper-games .games-cnt > .content .bottom-tip .timing .text {
  text-align: center;
  color: #ccc;
  font-size: 18px;
  margin-left: 10px;
}
.wrapper-games .games-cnt > .content .games {
  position: absolute;
  width: 300px;
  height: 198px;
  /*完整的蛋壳*/
  /*破碎的蛋壳*/
  /*蛋壳底部气氛光*/
}
.wrapper-games .games-cnt > .content .games .egg {
  width: 154px;
  height: 198px;
  position: absolute;
  top: 9px;
  left: 73px;
  margin: 0 auto;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/253/287/2782352_633976775.png');
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
}
.wrapper-games .games-cnt > .content .games .egg .game_button {
  position: absolute;
  width: 100px;
  height: 150px;
  left: 25px;
  top: 10px;
  z-index: 10003;
}
.wrapper-games .games-cnt > .content .games .egg .icon-guang {
  visibility: hidden;
  position: absolute;
  left: -45px;
  top: -49px;
  width: 246px;
  height: 102px;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/673/487/2784376_633976775.png');
  background-repeat: no-repeat;
}
.wrapper-games .games-cnt > .content .games .egg .hammer-crash {
  animation: hammer-crash 150ms 0ms ease;
  -webkit-animation: hammer-crash 150ms 0ms ease;
  visibility: visible;
}
.wrapper-games .games-cnt > .content .games .egg .icon-harmmer {
  -webkit-transition: 120ms transform ease;
  transition: 120ms transform ease;
  transform-origin: 70px 70px;
  -webkit-transform-origin: 70px 70px;
  position: absolute;
  right: -8px;
  top: -70px;
  width: 70px;
  height: 70px;
  background-size: 100%;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/583/787/2787385_633976775.png');
  background-repeat: no-repeat;
}
.wrapper-games .games-cnt > .content .games .egg .drop-hammer {
  transform: translate3d(-10px, -10px, 0) rotateZ(-35deg);
  -webkit-transform: translate3d(-10px, -10px, 0) rotateZ(-35deg);
}
.wrapper-games .games-cnt > .content .games .egg .icon-crack {
  display: none;
  position: absolute;
  -webkit-transition: 500ms width ease;
  transition: 500ms width ease;
  height: 47px;
  width: 0;
  overflow: hidden;
  left: 8px;
  top: 85px;
  background-size: 130px 47px;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/343/987/2789343_633976775.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.wrapper-games .games-cnt > .content .games .egg .icon-crack.cracking {
  width: 130px;
}
.wrapper-games .games-cnt > .content .games .egg2 {
  visibility: hidden;
  width: 154px;
  height: 198px;
  position: absolute;
  left: 73px;
  z-index: 2;
  margin: 0 auto;
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg {
  position: relative;
  height: 100%;
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg .broken-egg-front {
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 143px;
  height: 113px;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/343/387/2783343_633976775.png');
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 10;
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg .broken-egg-back {
  position: absolute;
  bottom: 44px;
  left: 6px;
  width: 140px;
  height: 97px;
  background-size: 100%;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/363/297/2792363_633976775.png');
  background-repeat: no-repeat;
  z-index: 1;
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg .broken-egg-top {
  position: absolute;
  bottom: 53px;
  left: 8px;
  width: 138px;
  height: 139px;
  background-size: 100%;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/593/197/2791395_633976775.png');
  background-repeat: no-repeat;
  z-index: 4;
  transform-origin: bottom right;
  -webkit-transform-origin: bottom right;
  transition: transform 300ms ease;
  -webkit-transition: -webkit-transform 300ms ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg .broken-egg-top-untouching {
  -webkit-transform: translate3d(-19px, -55px, 0) rotate(56deg) scale(0.9);
  transform: translate3d(-19px, -55px, 0) rotate(56deg) scale(0.9);
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg .egg-inner-light {
  position: absolute;
  z-index: 6;
  left: -45px;
  bottom: 61px;
  width: 236px;
  height: 0;
  opacity: 0.4;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/243/687/2786342_633976775.png');
  background-repeat: no-repeat;
  transition: height 200ms ease, opacity 200ms ease;
  -webkit-transition: height 200ms ease, opacity 200ms ease;
}
.wrapper-games .games-cnt > .content .games .egg2 .broken-egg .egg-inner-light.light-up {
  opacity: 1;
  height: 224px;
}
.wrapper-games .games-cnt > .content .games .egg2 .icon-money,
.wrapper-games .games-cnt > .content .games .egg2 .icon-qianniu {
  position: absolute;
  display: none;
  background-position: center center;
}
.wrapper-games .games-cnt > .content .games .egg2 .icon-money {
  z-index: 5;
  left: 38px;
  top: 42px;
  width: 79.8px;
  height: 87px;
  background-size: 100%;
  transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/353/287/2782353_633976775.png');
  background-repeat: no-repeat;
}
.wrapper-games .games-cnt > .content .games .egg2 .icon-qianniu {
  z-index: 8;
  left: 31px;
  top: 32px;
  width: 98px;
  height: 104px;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/463/397/2793364_633976775.png');
  background-repeat: no-repeat;
}
.wrapper-games .games-cnt > .content .games .mystery-light {
  position: absolute;
  z-index: 1;
  top: -85px;
  left: -32px;
  background-size: 360px 493px;
  width: 360px;
  height: 493px;
  background-image: url('https://cbu01.alicdn.com/cms/upload/2016/453/287/2782354_633976775.png');
  background-repeat: no-repeat;
}
.wrapper-games .games-cnt .ban-anchor {
  position: absolute;
  z-index: 11;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
}
.wrapper-games .games-cnt .ban-anchor .mod-banner-app img {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.games-wrapper .mask-bg,
.games-wrapper .wrapper-games {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.44);
}
.games-wrapper .wrapper-games {
  display: none;
}
.games-wrapper .mask-bg {
  z-index: 9998;
}
.games-wrapper .rule-text {
  font-size: 15px;
  color: #fff;
  display: block;
  height: 35px;
  position: absolute;
  left: 10px;
  top: 20px;
  line-height: 30px;
  text-align: center;
  text-indent: -2em;
  z-index: 999;
  width: 100px;
}
.games-wrapper .particles {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.games-wrapper .slideInUp {
  animation: breakegg-slide-in 300ms 0ms linear;
  -webkit-animation: breakegg-slide-in 300ms 0ms linear;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.games-wrapper .slideOutDown {
  animation: breakegg-slide-down 300ms 0ms linear;
  -webkit-animation: breakegg-slide-down 300ms 0ms linear;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.games-wrapper .pop-up {
  animation: breakegg-pop-up 300ms 0ms ease;
  -webkit-animation: breakegg-pop-up 300ms 0ms ease;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.games-wrapper .cry-up {
  animation: breakegg-cry-up 300ms 0ms ease-out;
  -webkit-animation: breakegg-cry-up 300ms 0ms ease-out;
  transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
}
.games-wrapper .shake-cry {
  animation: breakegg-shake-cry 600ms 0ms ease;
  -webkit-animation: breakegg-shake-cry 600ms 0ms ease;
  transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
}
.mod-break-egg-20160721 .game-close {
  width: 24px;
  height: 24px;
  display: block;
  background: url('//cbu01.alicdn.com/cms/upload/2015/364/282/2282463_1249217316.png') no-repeat;
  background-size: cover;
  margin: 7px auto 0;
  overflow: hidden;
}
.mod-break-egg-20160721 .close {
  z-index: 10005;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.mod-break-egg-20160721.cms-platform {
  display: block;
  position: relative;
  height: 200px;
  width: 100%;
  background-color: #e23e60;
}
.mod-break-egg-20160721.cms-platform:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  line-height: 200px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  content: "砸金蛋组件";
}
@media screen and (max-height: 550px) {
  .wrapper-games.ali-app .bottom-tip {
    top: 300px !important;
  }
  .wrapper-games .bottom-tip {
    top: 250px !important;
  }
}