/* 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:#0e051f;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.foot {position: absolute;bottom:1%;text-align: center;z-index: 9;width: 100%;font-size:10px;color: #FFF;}
.show{ display:block;}
.dispalyno{ display:none;}

/*---------------------首页页面制作样式 start----------------------------------*/
/*倒计时 start*/
.count_down{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.4); top:0; left:0; z-index:99; display:none;}
.countimg{position: absolute;top: 30%;right: 30%;width: 40%;}

.reciprocal{position: absolute;top: 5%;right: 0%;width: 23%; display:none;}
/*倒计时 end*/
	.imgwidth{ width:100%}	
	.treeimg{position: absolute;bottom:8%;left: 0;}
	.logoimg{ position:absolute; top:5%; left:0;}
	.logotxt{ position:absolute; top:16%; left:0;}
/*----------------白色花朵排版样式 start-----------------------------*/
	.white_img{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.white1{width: 15%;position: absolute;left: 12%;bottom: 14%;-webkit-transform: rotate(-19deg);}
	.white2{width: 15%;position: absolute;left: 25%;bottom: 21%;-webkit-transform: rotate(36deg);}
	.white3{width: 15%;position: absolute;left: 40%;bottom: 28%;-webkit-transform: rotate(14deg);}
	.white4{width: 15%;position: absolute;left: 31%;bottom: 5%;-webkit-transform: rotate(-33deg);}
	.white5{width: 15%;position: absolute;left: 56%;bottom: 7%;-webkit-transform: rotate(4deg);}
	.white6{width: 15%;position: absolute;left: 61%;bottom: 22%;-webkit-transform: rotate(0deg);}
	.white7{width: 15%;position: absolute;right: 29%;bottom: 39%;-webkit-transform: rotate(-17deg);}
	.white8{width: 15%;position: absolute;right: 23%;bottom:43%;-webkit-transform: rotate(38deg);}
	.white9{width: 15%;position: absolute;right: 13%;bottom: 28%;-webkit-transform: rotate(2deg);}
	.white10{width: 15%;position: absolute;right: 4%;bottom:41%;-webkit-transform: rotate(-10deg);}
/*----------------白色花朵排版样式 end-----------------------------*/
	
/*----------------开始页面的浮层 start--------------------------------------------*/
	.start_fixed{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; z-index:999}
	.rule_txt1{margin: 25% auto 10%;}
	.rule_txt2{width: 40%;margin: 12% auto;}
	.start_btnimg{width: 64%;margin: 17% auto;}
/*----------------开始页面的浮层 end--------------------------------------------*/

/*----------------结束页面的浮层 start--------------------------------------------*/	
	.end_fixed{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.4); top:0; left:0; display:none;}
	.end_top{ margin-top:10%;}
	.pagebg{background:url(../images/resultbg.png) no-repeat; background-size:100% 100%; width: 100%;margin-top:20%;}
	.end_padding{padding: 9% 0px 16%;}
	.flower_num{font-family:'微软雅黑';font-size: 40px;color: #ff0000;margin: -12% 43%;width: 20%;text-align: center;height: 50px;line-height: 50px;}
	.red_packet{font-family:'微软雅黑';font-size: 40px;color: #ff0000;margin: -14% 29%;width: 20%;text-align: center;height: 50px;line-height: 50px;}
	.end_packet{padding: 0% 0px 6%;}
	
	.btn_redpacket{width: 50%;margin: 12% 25% 5%;}
	.btn_submit{width: 50%;margin:5% 25% 0%;}
	.bottomjj{ height:30px;}
/*----------------结束页面的浮层 start--------------------------------------------*/

/*----------------领红包浮层 start--------------------------------------------*/	
	.draw_packet{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none;}
	.drawbg{position: absolute;width: 100%;top: 15%;}
	.btn_affirm{position: absolute;width: 30%;left: 16%;top:39%;}
	.btnchallenge{position: absolute;width: 30%;right: 16%;top:39%;}
/*----------------领红包浮层 start--------------------------------------------*/	

/*----------------已经领取红包弹层 start--------------------------------------------*/	
	.attention{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none;}
	.attentionbg{position: absolute;width: 100%;top: 15%;}
	.btnattentionbg{position: absolute;width: 60%;top:39%;left: 20%;}
/*----------------已经领取红包弹层 start--------------------------------------------*/

/*----------------红包领取完后弹层 start--------------------------------------------*/	
	.grabthe{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none;}
	.grabthebg{position: absolute;width: 100%;top: 15%;}
	.btn_gzh{position: absolute;width: 60%;top:39%;left: 20%;}
/*----------------红包领取完后弹层 start--------------------------------------------*/		

	
.imgwidth1{ width:100%}

.endpage{position: absolute;top: 0;left: 0;}
/*---------------------首页页面制作样式 end----------------------------------*/

/*************苹果六样式********************/
@media screen and (min-height: 603px) and (max-height: 672px) {
/*----------------白色花朵排版样式 start-----------------------------*/
/*	.white_img{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.white1{width: 15%;position: absolute;left: 31%;top: 28%;}
	.white2{width: 15%;position: absolute;left: 32%;top: 44%;-webkit-transform: rotate(27deg);}
	.white3{width: 15%;position: absolute;left: 19%;bottom: 40%;-webkit-transform: rotate(-1deg);}
	.white4{width: 15%;position: absolute;left: 2%;bottom: 28%;-webkit-transform: rotate(-50deg);}
	.white5{width: 15%;position: absolute;left: 21%;bottom: 14.5%;-webkit-transform: rotate(-54deg);}
	.white6{width: 15%;position: absolute;left: 35%;bottom: 32.5%;-webkit-transform: rotate(-20deg);}
	.white7{width: 15%;position: absolute;right: 28.3%;bottom: 49%;-webkit-transform: rotate(27deg);}
	.white8{width: 15%;position: absolute;right: 15%;bottom: 43.5%;-webkit-transform: rotate(70deg);}
	.white9{width: 15%;position: absolute;right: 11%;bottom: 32%;-webkit-transform: rotate(74deg);}
	.white10{width: 15%;position: absolute;right: 2%;bottom: 25%;-webkit-transform: rotate(74deg);}*/
/*----------------白色花朵排版样式 end-----------------------------*/
		
	}


/*************虚拟按键样式********************/
@media screen and (min-height:510px) and (max-height: 550px) {
/*	.imgwidth{ width:100% }	
	.imgwidth1{width: 80%;margin: 0 10%;}
	.treeimg{ position:absolute; bottom:0; left:0;}
	.logoimg{ position:absolute; top:5%; left:0;}
	.logotxt{ position:absolute; top:16%; left:0;}
*/
}

/*************苹果四样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (max-device-height:420px){
	.imgwidth{ width:100% }	
	.imgwidth1{width: 80%;margin: 0 10%;}
	.treeimg{position: absolute;bottom:5%;left: 0;}
	.logoimg{ position:absolute; top:5%; left:0;}
	.logotxt{ position:absolute; top:16%; left:0;}
/*----------------白色花朵排版样式 start-----------------------------*/
	.white_img{ position:absolute; top:0; left:0; width:100%; height:100%;}
	.white1{width: 15%;position: absolute;left: 12%;bottom: 13%;-webkit-transform: rotate(-19deg);}
	.white2{width: 15%;position: absolute;left: 27%;bottom: 22%;-webkit-transform: rotate(36deg);}
	.white3{width: 15%;position: absolute;left: 40%;bottom: 29%;-webkit-transform: rotate(12deg);}
	.white4{width: 15%;position: absolute;left: 31%;bottom: 1%;-webkit-transform: rotate(-31deg);}
	.white5{width: 15%;position: absolute;left: 56%;bottom: 4%;-webkit-transform: rotate(4deg);}
	.white6{width: 15%;position: absolute;left: 61%;bottom: 22%;-webkit-transform: rotate(0deg);}
	.white7{width: 15%;position: absolute;right: 29%;bottom: 42%;-webkit-transform: rotate(-17deg);}
	.white8{width: 15%;position: absolute;right: 22%;bottom: 47%;-webkit-transform: rotate(38deg);}
	.white9{width: 15%;position: absolute;right: 13%;bottom: 28%;-webkit-transform: rotate(2deg);}
	.white10{width: 15%;position: absolute;right: 4%;bottom: 46%;-webkit-transform: rotate(-10deg);}
/*----------------白色花朵排版样式 end-----------------------------*/


/*----------------结束页面的浮层 start--------------------------------------------*/	
	.end_fixed{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none}
	.end_top{ margin-top:5%;}
	.pagebg{background:url(../images/resultbg.png) no-repeat; background-size:100% 100%; width: 100%;margin-top: 8%;}
	.end_padding{padding: 9% 0px 16%;}
	.flower_num{font-family: ‘微软雅黑’;font-size: 40px;color:#ff0000;margin: -13% 43%;width: 20%;text-align: center;height: 50px;line-height: 50px;}
	.red_packet{font-family: ‘微软雅黑’;font-size: 40px;color:#ff0000;margin: -15% 29%;width: 20%;text-align: center;height: 50px;line-height:50px;}
	.end_packet{padding: 0% 0px 6%;}
	
	.btn_redpacket{width: 50%;margin: 12% 25% 5%;}
	.btn_submit{width: 50%;margin:5% 25% 0%;}
/*----------------结束页面的浮层 start--------------------------------------------*/	

/*----------------领红包浮层 start--------------------------------------------*/	
	.draw_packet{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none;}
	.drawbg{position: absolute;width: 100%;top: 15%;}
	.btn_affirm{position: absolute;width: 30%;left: 16%;top: 43%;}
	.btnchallenge{position: absolute;width: 30%;right: 16%;top: 43%;}
/*----------------领红包浮层 start--------------------------------------------*/	


/*----------------已经领取红包弹层 start--------------------------------------------*/	
	.attention{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none;}
	.attentionbg{position: absolute;width: 100%;top: 15%;}
	.btnattentionbg{position: absolute;width: 60%;top: 43%;left: 20%;}
/*----------------已经领取红包弹层 start--------------------------------------------*/

/*----------------红包领取完后弹层 start--------------------------------------------*/	
	.grabthe{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; display:none;}
	.grabthebg{position: absolute;width: 100%;top: 15%;}
	.btn_gzh{position: absolute;width: 60%;top: 43%;left: 20%;}
/*----------------红包领取完后弹层 start--------------------------------------------*/		
}