/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
   body{ padding:0; margin:0; width:100%; height:100%; text-align:center; color:#fff;  font-family:"微软雅黑", "黑体"; font-size:20px; background:#eeeeee}
   p,div,ul,li{ margin:0; padding:0; width:100%;}
   li{ list-style:none;}
   input,img{ vertical-align:middle;}
   a,a:hove{ text-decoration:none;}
   .opacity{ opacity:0;}
   .clear{ clear:both;}
  /******index样式  start******/
    .p_index{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none;}
	
	.index_top{ position:absolute; top:0; left:0;}
	.index_logo{ margin-bottom:-3%;}
	.index_text02{ margin-top:-6%; margin-bottom:-2%;}
	
	.index_tree{ position:absolute; top:31%;}
	.index_golds{ position:absolute; top:33%; width:80%; height:50%; left:10%;}
	.index_golds p{ width:28%;}
	.index_gold_01{   position: absolute;  left: 27%;  top: 2%;  -webkit-transform: rotate(10deg);}
	.index_gold_02{   position: absolute;  left: 54%;  top: 10%;  -webkit-transform: rotate(-17deg);}
	.index_gold_03{  position: absolute;  left: 3%;  top: 16%;  -webkit-transform: rotate(-12deg);}
	.index_gold_04{   position: absolute;  left: 75%; top: 22%;  -webkit-transform: rotate(-17deg);}
	.index_gold_05{   position: absolute;  left: 44%;  top: 25%;  -webkit-transform: rotate(13deg);}
	.index_gold_06{   position: absolute;  left: 14%;  top: 29%;  -webkit-transform: rotate(-18deg);}
	.index_gold_07{   position: absolute;  left: -4%;  top: 54%;  -webkit-transform: rotate(10deg);}
	.index_gold_08{   position: absolute;  left: 25%;  top: 47%;  -webkit-transform: rotate(-13deg);}
	.index_gold_09{    position: absolute;  left: 64%;  top: 41%;  -webkit-transform: rotate(-21deg);}
	.index_gold_10{  position: absolute;  left: 76%;  top: 57%;  -webkit-transform: rotate(-1deg);}
	
	.index_rule{ position:absolute; bottom:0%;}
	
		/********点击元宝浮层样式  start*********/
		.clickgold_float{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.9); display:none;}
		.clickgold_bg{ width:90%; margin:10% auto;}
		.clickgold_texts{ position:absolute; top:17%;}
		.clickgold_text_02{ margin-top:-2%; margin-bottom:-0%;}
		.clickgold_text_03{ margin-top:-2%; margin-bottom:-2%;}
		
	    .forhelp_share{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,.95); display:none;}
		/********点击元宝浮层样式    end*********/
	
  /******index样式  end******/
  
  /********游戏进度  start*********/
    .process_texts{ position:absolute; top:0;}
    .process_text_01{ padding:4% 0; margin:0 auto; background:#122354;color:#fff; }
	.process_text02{ margin-top:14%;}
	.process_text03{ margin:3% auto;}
	.process_friends{ position:absolute; top:38%; font-size:67px; color:#f00; width:100%; }
	.process_forhelp{ margin-top:10%;}
	
	/***查看进度浮层样式 start***/
	   .process_float{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.95); display:none;}
	   .process_float_bg{ width:90%; margin:10% auto; padding:10% 0; }
	   .process_float_num dt{ float:left; background:#ffa800;  margin-left: 3%;  padding: 3% 0%;  border-radius: 10px;  position: relative;  z-index: 4; width:57%;text-align: center; margin-bottom:3%;}
	   .process_float_num dd{ float:left; background:#ff6600;  padding: 3% 0%;  border-radius: 10px;  margin-left: -6%;  position: relative;  z-index: 3;  text-align: center; width:42%;}
	/***查看进度浮层样式   end***/
  /********游戏进度  end*********/
  
  /**********收集完成样式  start***********/
    .finish_texts{ position:absolute; top:0; left:0;}
    .finish_text_01{ margin-top:10%; margin-bottom:5%;}
	.finish_btn{ margin-top:2%;}
	
	.finish_floats{ display:none;}
	.finish_float{ width:100%; height:100%; position:absolute; top:0; left:0;}
	.finish_float_title{ margin-top:2%;}
	.finish_float_bg{ width:90%; margin:0% auto;}
	.finish_float_inputsbg{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.inputs_top{margin:50% auto 0;}
	.inputs{ width:85%; margin-left:8%;}
	.inputs dt{ float:left; width:16%; margin-bottom:3%;padding: 1% 0;  margin-bottom: 3%;}
	.inputs dd{   width: 79%;  float: left;  padding: 1% 0;}
    .input_text{   width: 87%;  border-spacing: 0; border:0;  height: 30px;  font-size: 16px;  padding: 0% 0 0 2%;  background: #fff;}
	.finish_float_btn{ margin-top:5%;}
	.finish_float_bottom{ margin-top:5%;}
  /**********收集完成样式    end***********/

  /**********好友帮忙拆元宝及结束样式 start**********/
     .helpbyfriend_texts{ position:absolute; top:0;}
     .helpbyfriend_title{ margin-top:2%;}
	 .helpbyfriend_num{ margin:5% auto 2%; color:#000;}
	 .helpbyfriend_pic02{ width:80%; margin:0 auto;}
      
     .helpfinishbyfiend_pic01{ padding-top:2%;}
	 .helpfinishbyfiend_pic02{ width:80%; margin:0 auto;}
     .helpfinishbyfiend_texts{ position:absolute; top:0;}
     .helpfinishbyfiend_title{ margin-top:2%;}
	 .helpfinishbyfiend_num{ margin:5% auto 6%; color:#fff;}
	 .helpfinishbyfiend_nums{ padding:2% 4%; background:#fff; border-radius:5px; color:#f00; margin:0 2%; font-size:25px;}
	 .helpfinishbyfriend_share{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,.95); display:none;}
  /**********好友帮忙拆元宝及结束样式 end**********/

  /*苹果4手机 start*/
@media screen and (min-height: 400px) and (max-height: 500px) {
	.index_logo{ margin:0 auto -3%; width:80%;}
    .index_text03{ width:80%; margin:0 auto;}	
	.index_tree{ position:absolute; top:33%; width:80%; left:10%;}
	.index_golds{ position:absolute; top:36%; width:60%; height:50%; left:20%;}
	.index_golds p{ width:29%;}
	
	.index_rule{ position:absolute; bottom:0%; width:80%; left:10%;}
	
  /********点击元宝浮层样式  start*********/
	.clickgold_bg{ width:72%; margin:10% auto;}
	.clickgold_texts{ position:absolute; top:17%; width:84%; left:8%;}
	
	.forhelp_share{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:rgba(0,0,0,.95); display:none;}
  /********点击元宝浮层样式    end*********/
		
  /********游戏进度  start*********/
	.process_text02{ margin-top:2%;}
	.process_friends{ position:absolute; top:37%; font-size:67px; color:#f00; width:100%; }
	.process_text03{ margin:2% auto 0;}
	.process_forhelp{ margin-top:1%;}
  /********游戏进度  end*********/

  /**********收集完成样式  start***********/
    .finish_texts{ position:absolute; top:0; left:10%; width:80%;}
	
	.finish_float_title{ margin:2% auto 0;; width:90%;}
	.finish_float_bg{ width:74%; margin:0% auto;}
	.finish_float_inputsbg{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.inputs_top{margin:38% auto 0;}
	.inputs{ width:74%; margin-left:15%;}
	.inputs dt{ float:left; width:16%; margin-bottom:3%;padding: 1% 0;  margin-bottom: 3%;}
	.inputs dd{   width: 79%;  float: left;  padding: 1% 0;}
    .input_text{   width: 87%;  border-spacing: 0; border:0;  height: 30px;  font-size: 16px;  padding: 0% 0 0 2%;  background: #fff;}
	.finish_float_btn{ margin:5% auto 0; width:80%;}
	.finish_float_bottom{ margin:2% auto 0; width:80%;}
  /**********收集完成样式    end***********/
  
  /**********好友帮忙拆元宝及结束样式 start**********/
     .helpbyfriend_texts{ position:absolute; top:0; width:80%; left:10%;}

     .helpfinishbyfiend_pic01{ padding-top:2%; width:90%; margin:0 auto;}
	 .helpfinishbyfiend_pic02{ width:70%; margin:0 auto;}
     .helpfinishbyfiend_texts{ position:absolute; top:0;width:90%; left:5%;}
	 .helpfinishbyfiend_num{ margin:3% auto 3%; color:#fff;}
	 .helpfinishbyfiend_pic{ margin:-2% auto -3%;}
  /**********好友帮忙拆元宝及结束样式 end**********/
}
  /*苹果5手机 start*/
@media screen and (min-height: 500px) and (max-height: 530px) {
	.finish_float_inputs input{   width: 75%;  border: 0;  height: 30px;  font-size: 16px;  padding-left: 4px;  border-spacing: 0;  margin-left: 21%; background:none;}
}