/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img {
	border: none;
}
input, img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color:#ffffff;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-family: '微软雅黑';
	font-size: 16px;
}

  .p-index{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
  .reward{overflow:auto; padding-bottom:5%;}
  .clear{ clear: both;}
  .opacity{ opacity:0;}
  .page_bg{ width:100%; height:100%; left:0; left:0; position:absolute;}
  /***index样式  start***/
    .index_con{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.index_con img{ position:relative;}
	.index_text_01{ margin:13% auto 0;}
	.index_btns{ position:absolute; bottom:3%; width:100%;}
	.index_btns img{ position:absolute; bottom:0;}
  /***index样式   end**/
 
  /***private样式  start***/
     .private_con{position:absolute; top:0; left:0; width:100%; height:100%;}
	 .private_con img{ position:relative;}
	 .private_title{ margin:5% auto 5%;}
	 .datesnum{ position:relative;}
	 .datesnum p{   position: absolute;  top: 0;  color: #fff;  font-size: 100px;  width: 100%;  text-align: center;  font-weight: bold;  line-height: 200px;}
	 .private_btns{position:absolute; bottom:10%; width:100%;}
	 .private_btns img{ position:absolute; bottom:0;}
	 .private_rewardno{ width:40%; left:6%;}
	 .private_share{ width:40%; right:6%;}
	 
	 .sharefloat{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.8); display:none;}
	 
	 .rewardnonetip{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.8); display:none;}
	 .rewardnonetip_img{ margin:50% auto 0;}
  /***private样式   end**/
  
  /***friend样式  start***/
	 .friend_btns{position:absolute; bottom:10%; width:100%;}
	 .friend_btns img{position:absolute; bottom:0;}
	 .friend_date{ width:40%; left:6%; }
	 .friend_datetoo{ width:40%; right:6%; position:absolute; bottom:0;}
	 .friend_datetip{  position: absolute;  bottom: 20%;}
	 .friend_datetootip{  position: absolute;  bottom: 1%;}
	 
  /***friend样式   end**/
  
  /***reward样式  start***/
     .reward_bg{ background:#64073e;}	
	 .reward_top{ position:relative;}
	 .rewardnum_bg{ position:relative; background:#920d4c; padding:3% 0;} 
	 .rewardnum{ width:80%; padding:2% 0; text-align:center; background:#fff; color:#000; font-size:18px; margin:0 auto;}
	 
	 .inputs{ width:80%; margin:3% auto; position:relative;}
	 .inputs dd{ float:left; color:#fff; margin-right:3%; width:20%; text-align:center; line-height:23px;}
	 .inputs dt{ float:left; width:70%; background:#fff;}
	 .inputtext{ width:98%; padding-left:2%; border:0; border-spacing:0; background:none; font-size:20px;}
	 .prompt{   width: 16%;  border: 2px solid #fff;  color: #fff;  margin: 8% auto 5%;  padding: 3%;  text-align: center;  border-radius: 6px;}
  /***reward样式   end**/

  /*苹果4手机 start*/
@media screen and (max-height: 500px) {
	.index_text_01{ margin:10% auto 0;}
    .index_con{ position:absolute; top:0%; left:10%; width:80%; height:100%;}
	
	 .datesnum{ position:relative; width:80%; margin:0 auto;}
	 .datesnum p{   position: absolute;  top: 0;  color: #fff;  font-size: 100px;  width: 100%;  text-align: center;  font-weight: bold;  line-height: 155px;}
	 .rewardnonetip_img{ margin:30% auto 0;}
}

   /*邓先生的魅族 start*/
@media screen and (min-height: 590px) and (max-height: 600px) {
}
   
  /*苹果6 plus样式*/  
@media screen and (min-height: 603px) and (max-height: 672px) {

}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
@-webkit-keyframes shake {
	0%{ opacity:0;}
	100%{ opacity:1;}
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}
@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	
}
@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(0, -100%, 0) skewX(-30deg);
		-ms-transform: translate3d(0, -100%, 0) skewX(-30deg);
		transform: translate3d(0, -100%, 0) skewX(-30deg);
		opacity: 0
	}
	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}
	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}