@charset "utf-8";
/* CSS Document */
.lucky_shake{width:7.2rem;height:12rem;margin:0 auto;overflow:hidden;}
.bg_01{height:2rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/lucky_shake_01.jpg) no-repeat;background-size:100% 100%;}
.bg_02{height:2rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/lucky_shake_02.jpg) no-repeat;background-size:100% 100%;}
.bg_03{height:2rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/lucky_shake_03.jpg) no-repeat;background-size:100% 100%;}
.bg_04{height:2rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/lucky_shake_04.jpg) no-repeat;background-size:100% 100%;}
.bg_05{height:2rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/lucky_shake_05.jpg) no-repeat;background-size:100% 100%;}
.bg_06{height:2rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/lucky_shake_06.jpg) no-repeat;background-size:100% 100%;}

.title{top:1.65rem;left:.22rem;width:6.96rem;height:1.13rem;}
.title.bx{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/title_bx.png) no-repeat center .08rem;background-size:3.71rem .55rem;}
.title.hb{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/title_hb.png) no-repeat center .08rem;background-size:3.72rem .55rem;}

.btn_link{top:4.8rem;left:2.06rem;width:3.13rem;height:1.36rem;}
.btn_link.win_chest{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_win_chest.png) no-repeat;background-size:100% 100%;}
.btn_link.open_chest{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_open_chest.png) no-repeat;background-size:100% 100%;}
.btn_link.win_redPacket{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_win_redPacket.png) no-repeat;background-size:100% 100%;}
.btn_link.receive_redPacket{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_receive_redPacket.png) no-repeat;background-size:100% 100%;}

.btn_download{ top:3.46rem; left:2.4rem; width:2.61rem; height:2.74rem; background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_download.png) no-repeat; background-size:100% 100%;}

.rules{top:7.84rem;left:.26rem;width:6.74rem;height:4.14rem;overflow:hidden;}
.rules h2{width:1.45rem;height:.37rem;margin:0 0 .34rem .3rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/txt_rules.png) no-repeat;background-size:100% 100%;}
.list li{width:6.23rem;font:.28rem/.4rem Microsoft Yahei;color:#fff661;padding-left:.22rem;letter-spacing:.01rem;}
.list li span{color:#fff;}

.pup{top:3.09rem;left:50%;width:4.49rem;height:2.9rem;margin-left:-2.24rem;background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/bg_pup.png) no-repeat;background-size:100% 100%;z-index:100;}
.pup .tip{height:.64rem;font-size:.3rem;font-family:Microsoft Yahei;color:#f7ffea;text-align:center;text-shadow:0 -1px 0 #4e120b,1px 0 0 #4e120b,0 1px 0 #4e120b,-1px 0 0 #4e120b;}
.pup .tip span{color:#ffdb09;}
.pup .tip.min{font-size:.22rem;}
.pup .btn{width:3.79rem;height:.6rem;margin:0 auto;}
.pup .btn a{display:block;width:1.81rem;height:.6rem;;}
.pup .btn .btn_cancel{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_cancel.png) no-repeat;background-size:100% 100%}
.pup .btn .btn_enter{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_enter.png) no-repeat;background-size:100% 100%}
.pup .btn .btn_go{background:url(//png.pookcdn.net/pook_mobile/activity/luckytree/btn_go.png) no-repeat;background-size:100% 100%}
.mr_t66{margin-top:.66rem;}

.rote{
 -webkit-animation: rote 2s 0.5s ease both infinite;
 -moz-animation: rote 2s 0.5s ease both infinite;
 animation:rote 2s 0.5s ease both infinite;
 } 

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

.thickdiv { position: fixed;top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.5; filter:alpha(opacity=50); z-index:99;overflow:hidden;}
.hint{ display:none; background:url(//png.pookcdn.net/mobile_image/minvite/hint_bg2.gif) no-repeat; width:6.85rem; height:.76rem;background-size:100% 100%; top:0; left:.08rem; z-index:9999; position:fixed;}


@-moz-keyframes rote{
   0%{-moz-transform:scale(1);}
   10%{-moz-transform:scale(1.3);}
   30%,40%{-moz-transform:scale(1);}
   50%,60%,70%,80%,90%,100%{-moz-transform:scale(1);}
}
@-webkit-keyframes rote{
   0%{-webkit-transform:scale(1);}
   10%{-webkit-transform:scale(1.3);}
   30%,40%{-webkit-transform:scale(1);}
   50%,60%,70%,80%,90%,100%{-webkit-transform:scale(1);}
}
@keyframes rote{
   0%{transform:scale(1);}
   10%{transform:scale(1.3);}
   30%,40%{transform:scale(1);}
   50%,60%,70%,80%,90%,100%{transform:scale(1);}
}

@keyframes animationFrames{
  0% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  2% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  4% {
    transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  6% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  8% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  10% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  12% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  14% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  16% {
    transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  18% {
    transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  20% {
    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) ;
  }
  2% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  4% {
    -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  6% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  8% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  10% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  12% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  14% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  16% {
    -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  18% {
    -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  20% {
    -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) ;
  }
  2% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  4% {
    -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  6% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  8% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  10% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  12% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  14% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  16% {
    -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  18% {
    -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  20% {
    -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) ;
  }
  2% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  4% {
    -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  6% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  8% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  10% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  12% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  14% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  16% {
    -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  18% {
    -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  20% {
    -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) ;
  }
  2% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  4% {
    -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
  }
  6% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  8% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  10% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  12% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  14% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  16% {
    -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
  }
  18% {
    -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
  }
  20% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
  100% {
    -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
  }
}