/* CSS Document */
body{-webkit-text-size-adjust:none;}
*{-webkit-text-size-adjust:none; font-size:12px; font-family:"微软雅黑"; margin:0; padding:0; outline:none;}
input,textarea,select{ font-size:100%;}ul{ list-style:none;}
a{ display:inline-block; border: medium none;display: inline-block;outline: medium none;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.box img{ vertical-align:top; border:none;pointer-events: none;}
.box{width:640px; position:relative; overflow:hidden; margin:0 auto;}
.box .rel{ position:relative;}
.box .abs{position:absolute; }

.loading{ position:absolute; top:0; left:50%; margin-left:-320px; width:640px; height:100%; background:#fff; z-index:99;}	
.loadBg{ position:absolute; top:183px; left:206px;}
.loadText{ width:112px; height:116px; position:absolute; left:70px; top:183px; z-index:3; line-height:116px; text-align:center; font-size:41px; font-weight:bold; color:#62a421;}
.indexPage .box{ display:none;}
.title1{ top:139px; left:202px;}
.title2{ top:288px; left:458px;}
.btn_start{ position:fixed; bottom:150px; left:164px;}
.btn_sub{ position:absolute; top:760px; left:170px;}
.num{ position:absolute; width:132px; height:27px; text-align:center; line-height:25px; font-size:23px; left:195px; top:246px; color:#fff; font-weight:bold;}
.hint_txt{ position:absolute; width:640px; text-align:center; font-size:20px; color:#6e6e6e; line-height:30px; top:358px; left:0;}
.prize{ position:absolute; top:298px; width:640px; text-align:center;}
.text{ position:absolute; left:193px; top:573px; height:26px; min-height:25px; font-size:24px; color:#626262; width:345px; background:none; border:none;}
.tel{ top:636px;}
.mail{ top:700px;}
.btn_share,.btn_play{ position:absolute; top:655px; left:43px;}
.btn_play{ left:336px;}
.layerBg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; z-index:30; display:none;}
.z_box{ position:fixed; top:0; z-index:31; width:640px; display:none;}
.winPage .win_box{ width:480px; font-size:27px; color:#231815; top:211px; left:80px; text-align:center; }
.winPage .num{ width:auto; font-size:27px; background:#2ca443; height:31px; line-height:30px; padding:0 8px; border-radius:6px; position:static; display:inline-block; margin:-4px 5px 0 5px;vertical-align:middle;}
.winPage strong{ font-size:27px; display:block; font-weight:normal; padding:0 0 2px 0;}
.winPage .btn_share,.winPage .btn_play{ top:814px; }
.draw_box{ left:0; width:640px; text-align:center; top:250px; font-size:22px; color:#6e6e6e; line-height:34px;}
.draw_box span{ font-size:22px; color:#00a5df; font-weight:bold;}
.prize_card{ top:340px; left:0; text-align:center; width:640px;}
.prize_txt{ top:345px; width:640px; text-align:center; font-size:20px; color:#6e6e6e;}
.prize_txt span{font-size:20px; color:#0066a7; display:block; font-weight:bold;}
.prize_txt .tfirst{ color:#231815; font-weight:normal;}
.prize_txt .tsecond{ color:#c7000a;}
.prize_txt .tsecond strong{font-size:20px; color:#0066a7;}
.prize_txt .tthird{ font-weight:normal; font-size:16px;}
.prize_txt .tfourth{ color:#c7000a; font-size:19px;}
.prize_txt .tfifth{font-size:19px;}
.prize_txt .tsixth{font-size:19px; font-weight:normal;}
.btn_draw{ position:absolute; top:725px; left:185px;}
.prize_explain{ position:absolute; width:640px; text-align:center; top:690px; left:0; font-size:20px; color:#1b6d00; line-height:26px;}
.gift{  position:absolute; top:797px; left:80px;-webkit-animation:swingGift 1.5s ease both; -moz-animation:swingGift 1.5s ease both; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;}
.kid{ top:230px; right:22px;-webkit-animation:upDown 1.5s .3s ease both; -moz-animation:upDown 1.5s .3s ease both; 
-webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;}
.girl{ top:76px; left:57px;-webkit-animation:upDown 1.5s .3s ease both; -moz-animation:upDown 1.5s .3s ease both; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;}
.tip{ position:absolute; bottom:88px; left:53px; font-size:30px; color:#6e6e6e;-webkit-animation:bounce 1.5s .3s ease both; -moz-animation:bounce 1.5s .3s ease both; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;}
.btn_goskip{ position:absolute; bottom:83px; right:54px;}
.z_prize{ width:572px; height:348px;position:absolute;top:-400px; left:67px; display:none;}
.btn_close{ position:absolute; width:45px; height:45px; top:24px; right:0; text-indent:-9999px;}
.z_prize p{ width:409px; position:absolute; top:110px; left:77px; font-size:20px; line-height:32px; color:#303030;}
.z_prize p strong{font-size:20px; }
.z_prize p span{ display:block; font-size:18px; font-weight:bold;}
.z_prize p span strong{ display:block; font-weight:normal;font-size:18px; margin-top:-10px;}
.failPage .btn_start{ left:188px;}
.failPage .girl{ top:200px; left:51px;}
.gamePage{ background:#fefbc4;}

/*0813改*/
.indexPage .kid{ top:156px; left:102px;}
.indexPage .kid img{ width:80px;}
.btn_start{ left:140px;}
.gift{ top:616px; left:488px;}
.winPage .btn_share{ left:90px;}
.winPage .girl{ top:857px; left:486px;}
.winPage .btn_share{ top:723px;}
.winPage .win_box{ top:113px; left:72px;}
.head_img{ float:left; width:87px; border:solid 1px #e6e6e6; border-radius:2px;}
.head_img img{ width:87px;}
.user_info{ float:left; padding:4px 0 0 16px; width:370px;}
.user_info span{ float:left; height:50px;}
.user_info strong{ float:left; color:#5e5e5e; font-size:23px; font-weight:normal;}
.user_info .user_top strong:nth-child(1){ line-height:60px;}
.user_info .user_top strong:nth-child(2){ font-size:40px; color:#2ca443;font-weight:bold; width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.user_info .user_bottom strong:nth-child(2){font-size:25px; font-weight:bold;color:#2ca443; margin:-2px 0 0 3px;}
/*动效*/
@keyframes swingGift {
0%,10%,40%,50%,60%,70%,80%,90%,100% {
    transform: rotate(0deg);
}
20%,32% {
    transform: rotate(-4deg);
}
22%,34%{
    transform: rotate(-2deg);
}
24%,28% {
    transform: rotate(4deg);
}
26%,30% {
    transform: rotate(2deg);
}

}
@-webkit-keyframes swingGift {
0%,10%,40%,50%,60%,70%,80%,90%,100% {
    -webkit-transform: rotate(0deg);
}
20% ,32%{
    -webkit-transform: rotate(-4deg);
}
22%,34% {
    -webkit-transform: rotate(-2deg);
}
24% ,28%{
    -webkit-transform: rotate(4deg);
}
26% ,30%{
    -webkit-transform: rotate(2deg);
}
}

@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateX(0)}
40%{-webkit-transform:translateX(20px)}
60%{-webkit-transform:translateX(12px)}
}
@keyframes bounce{
0%,20%,50%,80%,100%{transform:translateX(0)}
40%{transform:translateX(20px)}
60%{transform:translateX(12px)}
}


@-webkit-keyframes upDown{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-20px)}
60%{-webkit-transform:translateY(-13px)}
}
@keyframes upDown{
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-20px)}
60%{transform:translateY(-13px)}
}