.img001{display: block;width: 100%;}

section{position:relative;margin:0 auto;width: 10rem; height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch; }
.machine{width: 8.77333rem;height: 12.36rem;background: url("../img/machine_bg.png");background-size: cover;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.rotate_box{width: 68%;margin: 0 auto;padding-top: 48%;  padding-left:14px;}
.rotate_box dd{width: 32%; height: 3.56667rem;margin-right: 2%;float: left;background: url("../img/prize.png");background-size: cover;}
.rotate_box dd:last-child{margin-right: 0;}
.rotate_btn{width: 0.58667rem;height: 1.78667rem;overflow: hidden;position: absolute;right: 0rem;bottom: 5.4rem; transform-origin: center bottom;}
.btn_box{width: 5.92rem;position: absolute;left: 50%;margin-left: -2.96rem;bottom: 2.61333rem;}
.poiner{width: 0.88rem;position: absolute;right: -0.37333rem;top: 2.06667rem;}
.btn_box{width: 5.92rem;position: absolute;left: 50%;margin-left: -2.96rem;bottom: 2.61333rem;}

.mask{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


.mask01{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask01 img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.mask02{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask02 img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.mask2001{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask2001 img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.mask2002{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask2002 img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mask2003{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask2003 img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.mask2004{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;display: none;}
.mask2004 img{width: 267px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

@keyframes pointMove
{
    0% {top:2rem;}
    70%{top:2.6rem}
    100% {top:2rem;}
}

@-moz-keyframes pointMove /* Firefox */
{
    0% {top:2rem;}
    70%{top:2.6rem}
    100% {top:2rem;}
}

@-webkit-keyframes pointMove /* Safari 和 Chrome */
{
    0% {top:2rem;}
    70%{top:2.6rem}
    100% {top:2rem;}
}

@-o-keyframes pointMove /* Opera */
{
    0% {top:2rem;}
    70%{top:2.6rem}
    100% {top:2rem;}
}



.poiner
{
    animation:pointMove 2s infinite;
    -webkit-animation:pointMove 2s infinite; /* Safari 和 Chrome */
}