/* 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**/
	     .infor{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none;}
	     .page_logo{ position:absolute; top:2%; width:100%;}
		 .inforcontext{ display:block;position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
		 .page01_txts{ position:absolute; top:15%; left:0; width:100%;}
		 .page01_txts img{ position:relative;}
		 
		 .infor_con{position:absolute; top:15%; left:0; width:100%; display:none;}
		 .infor_con img{ position:relative;}
		 .page02_middle{ position:relative; margin:3% auto 2%;}
		 .infor_inputs{ position:absolute; top:26%; left:0; width:100%;}
		 .inputs{ position: relative;width: 71%;background: #e84c3d;border-radius: 10px;margin: 0 auto -2%; padding:2% 0;}
		 .inputs dd{ margin-left:3%; width:20%;}
		 .inputs dt{ position:absolute; right:3%; width:70%; background:#fff; border-radius:10px;top:18%;}
		 .inputtext{width: 96%;padding-left: 4%;font-size: 20px;color: #000;border: 0;border-spacing: 0;background: none;}
		 .inputs_add{ position: relative;width: 71%;background: #e84c3d;border-radius: 10px;margin: 0 auto -2%; padding:2% 0;}
		 .inputs_add dd{ margin-left:3%; width:35%;}
		 .inputs_add dt{position: absolute;right: 3%;width: 56%;background: #fff;border-radius: 10px;top: 6%;padding: 2% 0;}
		 .add_noactive{ color: #e84c3d;font-size: 16px; padding-left:6px;}
         .add_active{ color: #fff;background: #e84c3d;padding: 1% 5%;border-radius: 10px;margin-left: 2%;margin-right: 2%;font-size: 16px;text-align: center;}

         .infor_btns{ position:absolute; width:80%; bottom:0;   left: 12%;}
		 .page02_btn01{left:0; width:48%;}
		 .page02_btn02{right:0; width:47%;}
		 
		 .infor_float{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.9);}
		 .page02_zztip{ position:relative; margin:30% auto 0;}
		 .page02_zztip img{ position:absolute; top:0;}
		 .page02_zzyes{ position:relative; margin:10% auto 0;}
		 .page02_zzyes img{ position:absolute; top:0;}
		 .page02_zzyes_text{ position:absolute; top:0; width:100%;}
		 .page02_zzyes_text img{ position:relative;}
		 
		 .float_close{ width:16%; right:0;}
		 .zztip{ display:none;}
		 .zzyes{ display:none;}
		 .zzend{ display:none;}
	   /**填写信息   end**/
	   
	   
	   /**规则+开始 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_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:hidden; background:rgba(245,222,162,.9); display:none;}
	   .result_con{ width:100%; position:absolute; height:100%; top:0; left:0;}
	   .gameover_text{ position:absolute; top:5%; left:0; width:100%;}
	   .rusult_num01{ position:relative; margin:59% auto 0;}
	   .rusult_num02{position:relative; margin:5% auto 0;}
	   .rusult_num01 p,.rusult_num02 p{ position: absolute;bottom: 0;font-size: 38px;color: #e84c3d;  line-height: 36px;}
	   .result_top01{right: 31%;}
	   .result_top02{left: 43%;}
        
	   
	   .gameover_btns{  width: 100%;  margin: 0% 0 0 9%;  position: absolute;  top: 72%;}
	   .gameover_btns img{   float: left;  width: 34%;  margin-left: 5%;}
	   
	   .gameover_takepartend{ display:none;}
	   .gameover_nomoney{ display:none;}
	   
	   /**结果浮层  end**/
	   
	   /**分享  start**/
	     .share{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.9); display:none;}
	   /**分享    end**/
	   
	/**东亚启航    end**/
       
  /*苹果4手机 */
@media screen and (min-height: 410px) and (max-height: 500px) {
  .page01_txts {  position: absolute;  top: 15%;  left: 8%;  width: 84%;}
  .infor_con {  position: absolute;  top: 15%;  left: 7%;  width: 86%;  display: none;  }
  .inputs{ position: relative;width: 71%;background: #e84c3d;border-radius: 10px;margin: 0 auto -3%; padding:2% 0;}
  .inputs dt{ position:absolute; right:3%; width:70%; background:#fff; border-radius:10px;top:8%;}
  .inputs_add dt {  position: absolute;  right: 3%;  width: 56%;  background: #fff;  border-radius: 10px;  top: 16%;  padding: 1% 0;}
  .add_noactive{ color: #e84c3d;font-size: 13px; padding-left:3px;}
  .add_active{ color: #fff;background: #e84c3d;padding: 1% 4%;border-radius: 10px;margin-left: 2%;margin-right: 2%;font-size: 13px;text-align: center;}
  
  
  .game_bottom{ position:absolute; bottom:-6%; width:100%;}
  .food_list{ position:absolute; bottom:1%;}
  .gameover_text{ position:absolute; top:3%; left:5%; width:90%;}
  .rusult_num01{ position:relative; margin:45% auto 0;}
  .gameover_btns{  width: 94%;  margin: 0% 0 0 12%;  position: absolute;  top: 72%;}
  .rusult_num01 p,.rusult_num02 p{ position: absolute;bottom: 0;font-size: 34px;color: #e84c3d;  line-height: 34px;}
}

  /**带输入框的苹果四样式**/
@media screen and (min-height: 150px) and (max-height: 200px) {
  .page01_txts {  position: absolute;  top: 15%;  left: 8%;  width: 84%;}
  .infor_con {  position: absolute;  top: 15%;  left: 7%;  width: 86%;  display: none;  }
  .inputs{ position: relative;width: 71%;background: #e84c3d;border-radius: 10px;margin: 0 auto -3%; padding:2% 0;}
  .inputs dt{ position:absolute; right:3%; width:70%; background:#fff; border-radius:10px;top:8%;}
  .inputs_add dt {  position: absolute;  right: 3%;  width: 56%;  background: #fff;  border-radius: 10px;  top: 16%;  padding: 1% 0;}
  .add_noactive{ color: #e84c3d;font-size: 13px; padding-left:3px;}
  .add_active{ color: #fff;background: #e84c3d;padding: 1% 4%;border-radius: 10px;margin-left: 2%;margin-right: 2%;font-size: 13px;text-align: center;}
}
 
  /*苹果5手机*/
@media screen and (min-height: 501px) and (max-height: 504px) {
   .inputs dt{ position:absolute; right:3%; width:70%; background:#fff; border-radius:10px;top:10%;}
   .add_noactive{ color: #e84c3d;font-size: 16px; padding-left:4px;}
   .add_active{ color: #fff;background: #e84c3d;padding: 1% 3%;border-radius: 10px;margin-left: 0%;margin-right: 2%;font-size: 16px;text-align: center;}
}

  /*苹果6plus手机 */
@media screen and (min-height: 670px) and (max-height: 672px) {
   .inputs_add dt{position: absolute;right: 3%;width: 56%;background: #fff;border-radius: 10px;top: 10%;padding: 2% 0;}
   .add_noactive{ color: #e84c3d;font-size: 16px; padding:0 10px;}
   .add_active{ color: #fff;background: #e84c3d;padding: 1% 3%;border-radius: 10px;margin-left: 2%;margin-right: 2%;font-size: 16px;text-align: center;}
}

/***邓先生的手机***/
@media screen and (min-height: 598px) and (max-height: 599px) {
   .page01_txts {  position: absolute;  top: 15%;  left: 5%;  width: 90%;}
   .infor_con {  position: absolute;  top: 15%;  left: 5%;  width: 90%;  display: none;  }
   .gameover_text{ position:absolute; top:3%; left:3%; width:94%;}
}
.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)
	}
}