/*css document*/
 
   *{
	   box-sizing:border-box;/*规定两个并排的带边框的框*/
	   -moz-box-sizing:border-box;
	   -webkit-box-sizing:border-box;
	   -webkit-tap-highlight-color:transparent;/*长按手机出现选中图片文字链接的选中状态，是透明的*/
   }
   html,body{
	   position:relative;
	   height:100%;
	   margin:0;
	   overflow:hidden;
	   -webkit-user-select:none;/**不允许用户选中文本*/
	   -webkit-tap-highlight-color:transparent;
   }
   body{
	   background-color:#000018;
	   font-family:"微软雅黑", "黑体";
   }
   #guidePanel,#gameover{
	   position:absolute;
	   top:0;
	   left:0;
	   width:100%;
	   height:100%;
	   background:rgba(0,0,0,0.6) url(../img/startbg.png) center no-repeat;
	   background-size:80%;
	   z-index:100;
   }
   #gameover{
	   display:none;
	   background:rgba(0,0,0,0.6) url(../img/endpage.jpg) center no-repeat;
	   background-size:100%;
   }
   #gameover .moretime{
	   position:relative;
	   margin:0 auto;
	   background:url(../img/replay.png) center 50% no-repeat;
	   width:100%;
	   height:100%;
	   background-size:30%;
   }
   #gamePanel{
	   position:relative;
	   width:100%;
	   height:100%;
	   margin:0 auto;
	   overflow:hidden;
   }
   #score-wrap{
	   position:absolute;
	   top:10px;
	   right:20px;
	   width:105px;
	   height:32px;
	   padding:7px 10px;
	   background:url(../img/scorebg.png) no-repeat;
	   background-size:100%;
	   color:#FFF;
	   text-align:center;
	   text-shadow:1.5px 0 0 #613209,-1.5px 0 0 #613209,0 1px 0 #613209,0 -1.5px 0 #613209,1px 1px 0 #613209,-1px 1px 0 #613209,1px -1px 0 #613209,-1px -1px 0 #613209; 
	   font-family:Tahoma, Geneva, sans-serif;
	   font-style:italic;
	   font-size:17px;
	   font-weight:700;
	   letter-spacing:2px;
	   z-index:1005;
   }
   #score-wrap div{
	   position:absolute;
	   top:2px;
	   left:2px;
	   width:26px;
	   height:26px;
	   background:url(../img/heart.png) no-repeat;
	   background-size:100%;
	   z-index:1009;
   }
   .hearthot{
	   -webkit-animation:fire 0.2s linear;
	   -o-animation:fire 0.2s linear;
	   animation:fire 0.2s linear; 
   }
   @-webkit-keyframes fire{
	   0%{
		   opacity:1;
		   -webkit-transform:scale(1.1);
		   -moz-transform:scale(1.1);
		   -ms-transform:scale(1.1);
		   -o-transform:scale(1.1);
		   transform:scale(1.1);
	   }
	   100%{
		   opacity:0;
		   -webkit-transform:scale(3.0);
		   -moz-transform:scale(3.0);
		   -ms-transform:scale(3.0);
		   -o-transform:scale(3.0);
		   transform:scale(3.0);
	   }
   }