body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,select,button,textarea,table,th,td,a,span,canvas{margin: 0;padding: 0;background: no-repeat center / contain;cursor: default;}
body {display: block;position: relative;margin: auto;max-width: 10rem;min-width: 4.26666667rem;font-size: 0.16rem;font-family: "Microsoft Yahei", "Arial", sans-serif;}
ul,ol {list-style: none;}
img {border: none;}
a {outline: none;text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
input {outline: none;}
.block {display: block;}
.none {display: none;}
.r {position: relative;}
.a {position: absolute;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: "";clear: both;display: block;visibility: hidden;height: 0;}
/*共用类*/
#wrap {overflow: hidden;position: relative;width: 100%;}

/*中奖提示*/
#mask,#mask2{
  display: none;
  position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.85);}
#mask .winning,#mask2 .winning {position: absolute;left: 50%;top: 50%;z-index: 1;width: 9rem;margin: -4.3rem 0 0 -4.5rem;
-o-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  background-size:100% 100%;
   -webkit-background-size:100% 100%;
}
#mask2 .winning {
  background-size:100% 100%;
   -webkit-background-size:100% 100%;}
#mask .reback,#mask2 .reback{
  -o-animation: reback .5s linear forwards;
  -ms-animation: reback .5s linear forwards;
  -moz-animation: reback .5s linear forwards;
  -webkit-animation: reback .5s linear forwards;
  animation: reback .5s linear forwards;
}
@keyframes reback {
  100% {
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.winning p{ position: absolute;
  left: 50%;
   top: 50%;
	 transform: translate(-50%,-50%);
  color:#FFF;
  font-size:0.7rem;
  }
.winning p b{ font-size:0.6rem;}
.winning .btn {
  position: absolute;
  left: 50%;
  bottom: 15%;
  z-index: 2;
  width: 4.85333333rem;
  height: 0.94666667rem;
  line-height: 0.94666667rem;
  /* margin-left: -2.42666667rem; */
	transform: translateX(-50%);
  background-color:#ffee8d;
  border-radius:0.6rem;
  -webkit-border-radius:0.6rem;
  color:#fff;
  text-align:center;
  font-size:0.53rem;
}

