@charset "utf-8";
body{ background:#C00301; }
.ssc_wx{ margin:0 auto; width:7.2rem; font:.28rem/.4rem Microsoft YaHei; color:#fff661;}
.ssc_wx_01{ height:1.6rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_01.jpg) no-repeat; background-size:100% 100%;}
.ssc_wx_02{ height:1.59rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_02.jpg) no-repeat; background-size:100% 100%;}
.ssc_wx_03{ height:1.6rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_03.jpg) no-repeat; background-size:100% 100%;}
.ssc_wx_04{ height:1.59rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_04.jpg) no-repeat; background-size:100% 100%;}
.ssc_wx_05{ height:1.6rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_05.jpg) no-repeat; background-size:100% 100%;}
.ssc_wx_06{ height:1.59rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_06.jpg) no-repeat; background-size:100% 100%;}
.ssc_wx_07{ height:1.6rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ssc_wx_07.jpg) no-repeat; background-size:100% 100%;}

.betting{ top:2.35rem; left:.18rem;}
.betting ul{ overflow:hidden; clear:both;}
.betting li{ float:left; margin-left:.2rem; width:1.1rem; height:1.1rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ball_bg.png) no-repeat; background-size:100% 100%;}
.betting li:hover,.betting li.active{ background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/ball_active_bg.png) no-repeat; background-size:100% 100%;}
.betting li img{ width:1.1rem; height:1.1rem;}


.btn_betting{ display:block; margin:.35rem auto 0; width:3.35rem; height:1.27rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/btn_betting.png) no-repeat; background-size:100% 100%; -webkit-animation: rote 2s 0.5s ease both infinite; -o-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;}
.btn_betting:hover{ margin:.36rem auto 0;}

.rule{ bottom:.85rem; left:.45rem; width:6.2rem; line-height:.38rem;}
.rule p{ position:relative; margin-bottom:.15rem; padding-left:.25rem;}
.rule span{ position:absolute; top:0; left:0;}
.rule strong{ color:#fff; font-weight:normal;}

.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:101;}
.common_pup{ top:1.1rem; left:.5rem; width:6.4rem; height:4.6rem; background:#F3CE75; border: 1px solid #C39739; z-index:102; -webkit-animation:.8s ease pup; -o-animation:.8s ease pup; -moz-animation:.8s ease pup; animation:.8s ease pup;} 
.common_pup .con{ margin:.2rem auto .2rem; width:6rem; height:3rem; background:#F9E8A2; overflow:hidden;}
.common_pup .btn_cannel,.common_pup .btn_download{ display:block; margin:0 auto; width:2.7rem; height:1.05rem; }
.common_pup .btn_cannel:hover,.common_pup .btn_download:hover{ margin-top:.01rem;}
.common_pup .btn_cannel{ margin:0 .2rem 0 .5rem; background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/btn_cannel_v1.png) no-repeat; background-size:100% 100%;}
.common_pup .btn_download{ background:url(https://png.pookcdn.net/pook_mobile/activity/bkssc/wx/btn_download_v1.png) no-repeat; background-size:100% 100%;}
.prompt .title{ margin:.9rem auto .25rem; font:bold .48rem Microsoft YaHei; color:#9e0504; text-align:center; letter-spacing:1px;}
.prompt .tips{ margin:0 auto; padding:0; width:4.5rem; color:#634d38; text-align:center; font-size:.28rem; line-height:.3rem; }
.hide{display: none;}
@-webkit-keyframes rote{
   0%{-webkit-transform:translateY(0);}
   10%{-webkit-transform:translateY(.15rem);}
   30%{-webkit-transform:translateY(0);}
   40%{-webkit-transform:translateY(.15rem);}
   50%,60%,70%,80%,90%,100%{-webkit-transform:translateY(0);}
}

@-o-keyframes rote{
   0%{-moz-transform:translateY(0);}
   10%{-moz-transform:translateY(.15rem);}
   30%{-moz-transform:translateY(0);}
   40%{-moz-transform:translateY(.15rem);}
   50%,60%,70%,80%,90%,100%{-moz-transform:translateY(0);}
}

@-moz-keyframes rote{
   0%{-moz-transform:translateY(0);}
   10%{-moz-transform:translateY(.15rem);}
   30%{-moz-transform:translateY(0);}
   40%{-moz-transform:translateY(.15rem);}
   50%,60%,70%,80%,90%,100%{-moz-transform:translateY(0);}
}

@keyframes rote{
   0%{transform:translateY(0);}
   10%{transform:translateY(.15rem);}
   30%{transform:translateY(0);}
   40%{transform:translateY(.15rem);}
   50%,60%,70%,80%,90%,100%{transform:translateY(0);}
}

@-webkit-keyframes pup{
	0% { opacity:0; -webkit-transform:scale(0.1); }
	100% { opacity:1; -webkit-transform:scale(1); }
}
@-o-keyframes pup{
	0% { opacity:0; -o-transform:scale(0.1); }
	100% { opacity:1; -o-transform:scale(1); }
}
@-moz-keyframes pup{
	0%  { opacity:0; -moz-transform:scale(0.1); }
	100% { opacity:1; -moz-transform:scale(1); }
}
@keyframes pup{
	0% { opacity:0; transform:scale(0.1); }
	100% { opacity:1; transform:scale(1); }
}