/* 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;
}
.widthimg {
	width: 100%;
}
.heightimg{
	height:100%;
}
/******index样式  start******/

.p_index {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	display: none;
}
.index_top {
	position: absolute;
	top: 0;
	left: 0;
}
.index_logo {
	margin-bottom: -2%;
}
.index_text02 {
	margin-top: -2%;
	margin-bottom: -2%;
}
.index_tree {
	position: absolute;
	top: 31%;
}
.index_golds {
	position: absolute;
	top: 33%;
	width: 80%;
	height: 50%;
	left: 10%;
}
.golds_img {
	width: 20%;
}
.index_gold_01 {
	position: absolute;
	left: 18%;
	top: 6%;
	-webkit-transform: rotate(10deg);
	width: 25%;
	-webkit-animation-delay: 1.5s
}
.index_gold_02 {
	position: absolute;
	left: 7%;
	top: 58%;
	-webkit-transform: rotate(-7deg);
	width: 20%;
	-webkit-animation-delay: 1.7s
}
.index_gold_03 {
	position: absolute;
	left: 40%;
	top: 26%;
	-webkit-transform: rotate(29deg);
	width: 20%;
	-webkit-animation-delay: 1.9s
}
.index_gold_04 {
	position: absolute;
	left: 10%;
	top: 33%;
	-webkit-transform: rotate(-6deg);
	width: 22%;
	-webkit-animation-delay: 2.1s
}
.index_gold_05 {
	position: absolute;
	left: 53%;
	top: 4%;
	-webkit-transform: rotate(2deg);
	-webkit-animation-delay: 2.3s;
	width: 20%
}
.index_gold_06 {
	position: absolute;
	left: 63%;
	top: 32%;
	-webkit-transform: rotate(5deg);
	width: 26%;
	-webkit-animation-delay: 2.5s
}
.index_gold_07 {
	position: absolute;
	left: 40%;
	top: 52%;
	-webkit-transform: rotate(-29deg);
	width: 25%;
	-webkit-animation-delay: 2.7s
}
.index_gold_08 {
	position: absolute;
	left: 75%;
	top: 60%;
	-webkit-transform: rotate(-31deg);
	width: 19%;
	-webkit-animation-delay: 2.9s
}
.index_rule {
	position: absolute;
	bottom: 0%;
}
/********点击元宝浮层样式  start*********/

.clickgold_float {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.9);
	display: none;
}
.clickgold_bg {
	width: 100%;
	margin: 15% auto 0;
}
.clickgold_btn {
	width: 36%;
	position: absolute;
	bottom: 32%;
	left: 32%;
}
.forhelp_share {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 101%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .95);
	display: none;
	padding-top: 9%;
}
/********点击元宝浮层样式    end*********/
/******index样式  end******/
/********游戏进度  start*********/

.process_texts {
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	overflow:auto;
}
.process_text_01 {
	padding: 4% 0;
	margin: 0 auto;
	background: #122354;
	color: #fff;
}
.process_text02 {
	margin-top: 4%;
}
.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;
	width: 100%;
	height: 100%;
}
.finish_text_01 {
	margin-top: 10%;
	margin-bottom: 5%;
}
.finish_btn {
	position: absolute;
	bottom: 9%;
	left: 15%;
	width: 70%;
}
.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: 34% auto 0;
}
.finish_float_inputsbg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.inputs_top {
	margin: 43% 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: 3% 0 2%;
}
.finish_float_bottom {
	margin-top: 5%;
}
.money_img {
	position: absolute;
	bottom: 0;
	left: 0;
}
.excrete_img {
	position: absolute;
	top: 24%;
	left: 0px;
}
/**********收集完成样式    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;
}
.helpfinishbyfiend_btn {
	width: 60%;
	margin: 0 20%;
}
.helpbyfriend_btn {
	width: 60%;
	margin: 6% 20% 0;
}
/*-----------获奖样式start------------------*/

.hide {
	display: none;
}
.prize-position {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.prize-tit {
	margin-top: 4%;
}
.prize-img {
	margin-top:4%;
}
.prize-bottom {
	margin-top: 2%;
}
/**********好友帮忙拆元宝及结束样式 end**********/
/*苹果4手机 start*/

@media screen and (min-height: 410px) and (max-height: 420px) {
	/********点击元宝浮层样式  start*********/
	
	.index_logo {
		margin: 0 auto -1%;
		width: 80%;
	}
	.index_text03 {
		width: 80%;
		margin: 0 auto;
	}
	.index_tree {
		position: absolute;
		top: 33%;
		width: 80%;
		left: 10%;
	}
	.index_golds {
		position: absolute;
		top: 42%;
		width: 80%;
		height: 57%;
		left: 10%;
	}
	.index_rule {
		position: absolute;
		bottom: -18%;
		width: 80%;
		left: 10%;
	}
	.clickgold_btn {
		width: 36%;
		position: absolute;
		bottom: 18%;
		left: 32%;
	}
	/********点击元宝浮层样式    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: 0%;
	}
	/********游戏进度  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: 26% auto 0;
	}
	.finish_float_inputsbg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.inputs_top {
		margin: 30% 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 6%;
		color: #fff;
	}
	.helpfinishbyfiend_pic {
		margin: -2% auto -3%;
	}
	.helpfinishbyfiend_nums {
		padding: 1% 1.5%;
		background: #fff;
		border-radius: 5px;
		color: #f00;
		margin: 1px 1%;
		font-size: 22px;
	}
	/**********好友帮忙拆元宝及结束样式 end**********/
	/*-----------获奖样式start------------------*/
	
	.prize-position {
		position: absolute;
		width: 80%;
		height: 100%;
		left: 10%;
		top: 0;
	}
}
/*苹果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;
	}
}

/*邓先生的手机start*/

@media screen and (min-height:597px) and (max-height: 603px) {
	
}


/*华为6手机 start*/

@media screen and (min-height:515px) and (max-height:520px) {
	.clickgold_btn {  width: 36%;  position: absolute;  bottom: 26%;  left: 32%;}
	.process_text02 {  margin-top: 2%;}
}
/*苹果6plus手机 start*/

@media screen and (min-height: 660px) and (min-width: 410px) and (max-height: 680px) {
	.clickgold_btn {
		width: 36%;
		position: absolute;
		bottom: 34%;
		left: 32%;
	}
}