@charset "utf-8";
.taoniu{ margin:0 auto; width:7.2rem; background:#3079be;}
.taoniu_01{ height:1.71rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_01_1.jpg) no-repeat; background-size:100% 100%;}
.taoniu_02{ height:1.72rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_02.jpg) no-repeat; background-size:100% 100%;}
.taoniu_03{ height:1.71rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_03.jpg) no-repeat; background-size:100% 100%;}
.taoniu_04{ height:1.72rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_04.jpg) no-repeat; background-size:100% 100%;}
.taoniu_05{ height:1.71rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_05_1.jpg) no-repeat; background-size:100% 100%;}
.taoniu_06{ height:1.72rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_06_1.jpg) no-repeat; background-size:100% 100%;}
.taoniu_07{ height:1.71rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/taoniu_07.jpg) no-repeat; background-size:100% 100%;}

.btn_download{ top:4.49rem; left:1.87rem; display:block; width:3.46rem; height:1.38rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bingo_taoniu/taoniu/btn_download.png) no-repeat; background-size:100% 100%;}

.thickdiv { background: #000000; border: 0 none; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 999; }
.hint { top: 0;  left: .17rem;  height: 1.94rem; width: 6.85rem;   background:url("https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif") no-repeat; z-index: 9999; background-size: 100% 100%; }

.element-animation { animation: animationFrames 3s linear 0s infinite normal; transform-origin: 50% 50%; -webkit-animation: animationFrames 3s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames 3s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: animationFrames 3s linear 0s infinite normal; -o-transform-origin: 50% 50%; -ms-animation: animationFrames 3s linear 0s infinite normal; -ms-transform-origin: 50% 50%; }
 @keyframes animationFrames { 0% {
 transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 4% {
 transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 8% {
 transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 12% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 16% {
 transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 20% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 24% {
transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 28% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 32% {
 transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 36% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 40% {
 transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 44% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 46% {
 transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 50% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 54% {
 transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 58% {
 transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 62% {
 transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 66% {
 transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 100% {
 transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
}
 @-moz-keyframes animationFrames { 0% {
 -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 4% {
 -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 8% {
 -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 12% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 16% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 20% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 24% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 28% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 32% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 36% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 40% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 44% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 46% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 50% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 54% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 58% {
 -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 62% {
 -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 66% {
 -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 100% {
 -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
}
 @-webkit-keyframes animationFrames { 0% {
 -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 4% {
 -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 8% {
 -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 12% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 16% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 20% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 24% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 28% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 32% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 36% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 40% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 44% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 46% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 50% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 54% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 58% {
 -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 62% {
 -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 66% {
 -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 100% {
 -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
}
 @-o-keyframes animationFrames {  0% {
 -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 4% {
 -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 8% {
 -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 12% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 16% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 20% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 24% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 28% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 32% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 36% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 40% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 44% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 46% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 50% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 54% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 58% {
 -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 62% {
 -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 66% {
 -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 100% {
 -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
}
 @-ms-keyframes animationFrames { 0% {
 -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 4% {
 -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 8% {
 -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80);
}
 12% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 16% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 20% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 24% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 28% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 32% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 36% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 40% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 44% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 46% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 50% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 54% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 58% {
 -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20);
}
 62% {
 -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20);
}
 66% {
 -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
 100% {
 -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00);
}
}

.big{ animation: big 2s linear 0s infinite normal; transform-origin: 50% 50%; -webkit-animation: big 2s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; -moz-animation: big 2s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: big 2s linear 0s infinite normal; -o-transform-origin: 50% 50%; -ms-animation: big 2s linear 0s infinite normal; -ms-transform-origin: 50% 50%; }

 @-moz-keyframes big {  0% {
 -moz-transform:scale(1);
}
 10% {
 -moz-transform:scale(1.4);
}
 20% {
 -moz-transform:scale(1);
}
 30% {
 -moz-transform:scale(1.4);
}
 40% {
 -moz-transform:scale(1);
}
 50% {
 -moz-transform:scale(1.4);
}
 60% {
 -moz-transform:scale(1);
}
 100% {
 -moz-transform:scale(1);
}
}
 @keyframes big {  0% {
 transform:scale(1);
}
 10% {
 transform:scale(1.2);
}
 20% {
 transform:scale(1);
}
 30% {
 transform:scale(1.2);
}
 40% {
 transform:scale(1);
}
 50% {
 transform:scale(1.2);
}
 60% {
 transform:scale(1);
}
 100% {
 transform:scale(1);
}
}