/*last modify : 2014-11-28 */
/* wap 刮奖  */
 /*全局 */
 body{font-family:Arial,"microsoft yahei";padding:0;margin:0; min-width:320px;   background-color:#df301c; font-size: 12px;    }
html,div{padding:0;margin:0;border:none;}

.home{ max-width: 720px; min-width: 320px; border:0px solid #fff;     width:100%;  /*height: 44.08em; */ background: #DF301F;   margin: 0 auto;   position: relative;  }

img,form,div,ul,ol,li,dl,dt,dd,table,tr,td,h1,h2,h3,h4,h5,span,p,input,textarea,button{border:0; padding:0; margin:0;}
ul,li{ list-style:none;}
 .Arial{ font-family: Arial;}

 a:link{ color: #fff; text-decoration: none;}
 a:visited{ color: #fff;}
 .clear{ clear: both;}
 .red{ color: red;}
 .black{ color: #000;}
 .left{ float: left;}
 .right{ float: right;}
 .fff{ background: #fff;}
 
 
 .img_canvas,
 .light,
 .gua,
 .gua_bottom,
 .app_down,
 .hand,
 .guide,
 .guide_wap,
 .footer{ position: absolute;}

.light{ width:23.75em; height: 9.16em;   top: 3.5em; left: 1.45em; background: url(../images/light.png); background-size: 23.75em 9.16em; display: block; }
.gua{ width: 20.41em; height: 4.16em; left: 3.41em; top: 13.85em;  z-index: 9;  /*left: 0; top: 00px; */ /*left: 50%; margin: 0 0 0 -10.205em;*/ left: 9.75%;}
.gua .imgs{ position: absolute; left: 0; top: 0; z-index: 2;  }
.app_down img,
.gua img{ width: 100%;}
.gua_bottom{width: 20.41em; height: 4.16em; left: 3.41em; top: 13.83em; background: url(../images/gua_quan.gif);  background-size: 20.41em 4.16em;  z-index: 8; display: none;  left: 50%; margin: 0 0 0 -10.205em;}
.app_down{ width:52.7%; height:9.45%;  top: 56.6%; background: url(../images/app-download.gif); background-size: 100% 100%;  left: 23.65%; position: absolute;  }
/*.app_down .hand{ width: 3.83em; height: 4.16em; left: 14.33em; top: 4em; background: url(../images/hand.gif); background-size: 3.83em 4.16em; display: none;  }*/
/*.app_down .hand_mov{ top: 5em;}*/
.app_down a{ display: block; /*width: 100%; height: 100%;*/}
.guide_wap,
.guide{ width:10.83em ; height:2.33em;  left: 7.91em; top: 31.25em; background: url(../images/guide.jpg); background-size: 10.83em 2.33em; display: none; left: 50%; margin: 0 0 0 -5.41em;  }
.guide_wap{ background: url(../images/guide_wap.jpg); background-size: 10.83em 2.33em; }
.share{ width: 25em; height: 5.83em; left:50%; top:0; margin: 0 0 0 -12.5em; background: url(../images/share_note.png); background-size: 25em 5.83em;   z-index: 11; position: fixed; display: none;  }
.screen{ position: fixed; left: 0; top: 0; right: 0; bottom: 0;  background: #000; opacity: 0.6; z-index: 10; display: none;}
.footer{ width: 100%;   top: 38em; left: 0;   }

.img_light,
.img_bg{ z-index: 0; top: 0; left: 0; width: 100%; }
.img_light{ z-index: 1;}
.img_canvas{ z-index: 0; display: none;}

@media screen and (min-width:641px){ 	
	body{ font-size: 24px;}
} 
@media screen and (min-width: 586px) and (max-width: 640px) { 	
	body{ font-size: 22px;}
} 
@media screen and (min-width: 533px) and (max-width: 585px) { 	
	body{ font-size: 20px;}
} 
@media only screen and (min-width: 480px) and (max-width: 532px){ 	
	body{ font-size: 18px;}
} 
@media only screen and (min-width: 426px) and (max-width: 479px){ 	
	body{ font-size: 16px;}
} 
@media only screen and (min-width: 373px) and (max-width: 425px){ 	
	body{ font-size: 15px;}
} 
@media only screen and (min-width: 320px) and (max-width: 372px){ 	
	body{ font-size: 12px;}
}