.Remake{padding:0;  margin-top: 25px; }
.Remake ul {margin: 0 -5%;}
.Remake ul li {display: block; float: left; width: 21.5%; text-align: center; margin: 2.5% 5.8% 0 5.8%;}
.Remake ul li:last-child{margin-right:0}
.flopGame li{position:relative;cursor:pointer}
.flopGame li img{display:inline-block;width:100%;height:100%}
.flopGame li .not_start_img{position:absolute;top:0;left:0;transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;-webkit-transition:all .8s;z-index:3;cursor: url(http://deal.tomtop.com/activity/202103/2021111117img_099.png?03), auto;}
.flopGame li .rota{transform:rotate3d(0,1,0,90deg);-ms-transform:rotate3d(0,1,0,90deg);-moz-transform:rotate3d(0,1,0,90deg);-webkit-transform:rotate3d(0,1,0,90deg);-o-transform:rotate3d(0,1,0,90deg)}
.flopGame li .prize_img{position:absolute;top:0;left:0;z-index:2}
.bm_dialog_game,.modal{width:100%;height:100%;color:#4c0101;background:url(../img/black.png);position:fixed;top:0;left:0;z-index:999}
.modal .tip_wrap{width:80%;max-width:468px;height:auto;text-align:center;border-radius:4px;z-index:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.modal .modalBg{background:#fff}
.bm_dialog_game .modalActive{width:80%;max-width:400px;height:auto;background:#fff;padding:16px 30px 16px 20px;border-radius:4px;z-index:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.bm_dialog_game .modalActive .p1{margin-bottom:10px;font-size:14px}
.bm_dialog_game .modalActive .resend_btn{line-height:30px;padding:5px 10px;background:#ffa324;color:#fff;font-size:12px;text-decoration:none;border-radius:4px;text-align:center;display:inline-block;margin-bottom:10px}
.bm_dialog_game .modalActive .disable{background:#f5f5f5;cursor:not-allowed;color:#666}
.bm_dialog_game .modalActive .close_btn,.modal .tip_wrap .close_btn{display:inline-block;width:40px;height:40px;position:absolute;top:-18px;right:-18px}
.modal .tip_wrap .tips h2{font-size:36px;padding:11% 0;color:#fff}
.modal .tip_wrap .tips p{font-size:24px;color:#666;padding:8% 6%}
.modal .tip_wrap .tips a{display:inline-block;width:67%;height:46px;line-height:46px;background:#ffb400;color:#fff;font-size:22px;border-radius:20px;margin-bottom:4%}
.modal .modalNotBg .tips p{padding:39% 6% 0}.modal .modalNotBg .tips a{margin-top:5%}

.Remake ul li{z-index: 10}
    .Remake ul li:hover{
    -webkit-animation: 1.8s ease-in-out infinite both;
    animation: 1.8s ease-in-out infinite both;
     -webkit-animation-name: tilt;
    animation-name: tilt;
   /* box-shadow: inset 3px -10px 10px -10px #e4dac8, -5px 25px 10px -25px #7a6653;*/
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;    
    }   
@-webkit-keyframes tilt {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}
@keyframes tilt {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
} 
@media (max-width:1600px){

}
@media (max-width:880px){

}
@media (max-width:450px){
.Remake {
    padding: 0;
    margin-top: 35px;
}
}	
@media (max-width:414px){

}