@charset "utf-8";
body{ background:#00105c; }
.szg_wx{ margin:0 auto; width:7.2rem; font:.18rem Microsoft YaHei; color:#012a56;}
.szg_wx_01{ height:1.44rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_01.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_02{ height:1.43rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_02.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_03{ height:1.44rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_03.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_04{ height:1.44rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_04.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_05{ height:1.43rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_05.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_06{ height:1.44rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_06.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_07{ height:1.44rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_07.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_08{ height:1.43rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_08.jpg) no-repeat; background-size:100% 100%;}
.szg_wx_09{ height:1.44rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/wx_act_09.jpg) no-repeat; background-size:100% 100%;}

.date{ top:2.8rem; left:2.3rem; width:2.6rem; font-size:.18rem; color:#fff; font-weight:bold; text-align:center; }
.date span{ display:block; margin-bottom:.1rem;}

.btn_download{ top:3.85rem; left:2.45rem; width:2.29rem; height:2.33rem; background:url(https://png.pookcdn.net/pook_mobile/activity/dw/btn_download.png) no-repeat; background-size:100% 100%;}

.rule{ bottom:1.48rem; left:1.1rem; }
.rule p{ margin-bottom:.14rem; line-height:.28rem;}
.rule span{ color:#d90000;}

.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 { display:none; background: none repeat scroll 0 0 #000000; border: 0 none; height: 100%;left: 0; opacity: 0.5; position: fixed; top: 0;width: 100%;z-index:999;filter:alpha(opacity=50);}
.hint{ display:none; background:url(https://png.pookcdn.net/mobile_image/minvite/hint_bg.gif) no-repeat; width:6.85rem; height:1.49rem;background-size:100% 100%; top:0; left:.08rem; z-index:9999; position:fixed;}

@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) ;
  }
}