/* CSS Document */
   *{ margin:0; padding:0; border:0;}
   body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding:0; margin:0; width:100%; height:100%; overflow:hidden; font-family:"微软雅黑", "黑体"; color:#000; font-size:16px;}
   div,ul,li{ margin:0; padding:0; width:100%;}
   li{ list-style:none;}
   a,a:hove{ text-decoration:none;}
   img,input{ border:0; vertical-align:middle;}
   .clear{ clear:both;}
   .opacity{ opacity:0;}
   .pages{ display:none;position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none;}
   .copyright{ position:absolute; bottom:1%; font-size:9px; color:#fff; width:100%; text-align:center; z-index:99;}
    
	/**丝庐雅苑  start**/
	   
	   /**规则+开始 start**/
	   .enterfloat{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(245,222,162,.9); overflow:hidden; display:block; z-index:88;}
	   .enterfloat_con01{ position:relative; width:80%; margin:15% auto 0;}
	   .enterfloat_btn{ margin-top:-8%;}
	   .enterfloat_con02{ position:absolute; top:35%; width:100%; display:none;}
	   .enterfloat_con02 p{ position:absolute; top:0; width:50%; left:25%;}
	   /**规则+开始 end**/
	   
	   /**游戏 start**/
	   .game{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;  }
	   .game_con{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
	   .game_logo{ margin:8% auto 10%;}
	   .game_bottom{ position:absolute; bottom:10%; width:100%;}
       .food_list{ position:absolute; bottom:6%;}
	   .game_food_bg{  position: absolute;  top: 0;}
	   .foods{ position:relative;  overflow: auto;  left:0px;}
	   .foods img{  margin-left: 15px;  float: left;}
	   .count{  color: #fff;  font-size: 24px;  position: absolute;  bottom: 37%;  left: 19%;}
	   
	   .gametime{  position: absolute;    bottom: 23%;  width: 15%;  right: 0%;}
	   /**游戏  end**/

	   /**结果浮层 start**/
	   .result{position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; background:rgba(245,222,162,.9); display:none; }
	   .result_con{ width:100%;}
	   .gameover{ width:100%; height:100%; position:relative; overflow:hidden;}
	   .rusult_num{ position:absolute; width:100%; text-align:center; z-index:2; color:#f00; font-size:28px;}
	   .result_top01{  top: 25.5%;  left: 4%;}
	   .result_top02{  top: 32.5%;  left: -4%;}
	   .gameover_text{ margin:5% auto 0; width:80%; position:relative;}
	   
	   .gameover_btns{  width: 100%;  margin: 0% 0 0 9%;  position: absolute;  z-index: 3;  top: 82%;}
	   .gameover_btns img{   float: left;  width: 34%;  margin-left: 5%;}
	   
	   .inputs{ background: none;  width: 47%;  margin-left: 35%; position:absolute; z-index:2; }
	   .inputs_top01{top: 59%; }
	   .inputs_top02{top: 69.2%; }
	   .inputtext{ width: 95%;  background: none;  border-spacing: 0;  padding-left: 2%;  font-size: 16px;}
	   .result_float{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); overflow:hidden; display:none; z-index:3; }
	   .gamereward_text{  position: absolute;  top: 22%;}
	   .gamereward_close{  width: 20%;  position: absolute;  right: 0;  top: 20%;}
	   /**结果浮层  end**/
	
	   /**分享浮层 start**/
	   .share{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none; z-index:3; }
	   .share_con{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
	   .share_beforetext{  width:100%; margin:-30% auto 20%;}
	   .share_prompt{ width:100%;}
	   .share_float{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); overflow:hidden;display:none; }
	   .share_logo{ margin:15% auto 0;}
	   /**分享浮层   end**/
	   
	/**丝庐雅苑    end**/
       
  /*苹果4手机 start*/
@media screen and (min-height: 410px) and (max-height: 500px) {

	   .enterfloat_con01{ position:relative; width:80%; margin:10% auto 0;}
	   
	   .game_logo{ margin:3% auto 10%;}
	   .game_bottom{ position:absolute; bottom:-4%; width:100%;}
       .food_list{ position:absolute; bottom:1%;}
	   .count{  color: #fff;  font-size: 18px;  position: absolute;  bottom: 30%;  left: 19%;}
	   .gametime{  position: absolute;    bottom: 21%;  width: 15%;  right: 0%;}
	
	   .result_con{ width:90%; margin:0 auto;}
	   
	   .share_prompt{ position:absolute; bottom:10%;}
}
@media screen and (min-height: 150px) and (max-height: 200px) {
	
	   .result_con{ width:90%; margin:0 auto;}
}
@media screen and (min-height: 590px) and (max-height: 600px) {

}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
}