/* 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: #002637;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
   .clear{ clear:both;}
   .opacity{ opacity:0;}
   .pages{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; ;}
   .copyright{ position:absolute; bottom:1%; font-size:9px; color:#fff; width:100%; text-align:center; z-index:99;}
   .imgwidth{ width: 100%;}
   .dispalyno{ display: none;}
	

   /****丝庐雅苑-抢红包  start*****/
    
	/*红包页面样式 Start*/
	.grab{ width:100%; height: 100%; position: absolute; left: 0; top: 0;overflow:hidden;}	
	.grab_bg{position: absolute;top: 17%;left: 0;}
	.grab_bgimg{position: absolute;bottom:8%;left: 0;}
	
	.flash_img{position: absolute;top: 25%;left: 0;}
    .grab_img1{position: absolute;top: 32%;left: 0;}
    .grab_img3{position: absolute;top: 53%;left: 0;}
    .grab_img4{position: absolute;top: 56%;left: 0;}
    .grab_img5{position: absolute;bottom: 19%;left: 0;}
    
    .grab_logo{position: absolute;top: 2%;left: 0;}
    .grab_txt1{position: absolute;top: 21%;left: 0;}
    .grab_txt2{position: absolute;top: 43%;left: 0;}
    .grab_txt3{position: absolute;top: 56%;left: 0;}
    .grab_line{position: absolute;bottom: 32%;left: 0;}
    .grab_txt4{position: absolute;bottom: 25%;left: 0;}
		
	.btn_grab {position: absolute;bottom:15.3%;left: 33%;z-index: 1;width: 36%;}
	/*恭喜你领到红包和抱歉红包抢完了的共用样式 Start*/
	.common{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:rgba(0,0,0,0.8); z-index: 999;overflow:hidden;}
	.common_bg{width: 90%;border-radius: 15px;top: 15%;left: 5%;position: absolute;height: 50%;}
	.common_txt{ margin: 8% 0 0 0;}
	.common_btn{position: absolute;bottom:12%;left: 25%;z-index: 1;width: 50%;}
		
	.congratsbg{background: #c9151e;}
	.sorrybg{background: #ff9000;}	
	/*分享页面样式 Start*/
	.share{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
	.share_img{margin: 18% 0 5% 0%;}
	.share_btn{width: 66%;margin: 0 18%;}
	
     /*分享start*/
    
    .hite_fximg{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); width: 100%;height: 100%;}
   /****丝庐雅苑-抢红包  end*****/
  .imgwidth1{ width: 100%;}
  .imgwidth2{ width: 100%;}
  /*苹果4手机 start*/
@media screen and (min-height: 400px) and (max-height: 420px) {
	
	.imgwidth2{ width:90%; margin: 0 5%;}

	.imgwidth1{ width:80%; margin: 0 10%;}	
	.grab_bgimg{position: absolute;bottom: 3%;left: 0;}
	.btn_grab {position: absolute;bottom: 9.2%;left: 34%;z-index: 1;width: 34%;}
	
	.common_btn {position: absolute;bottom: 4%;left: 25%;z-index: 1;width: 50%;}
	
	.share_img {margin: 8% 0 5% 5%;width: 90%;}
	.share_btn {width: 62%;margin: 0 0 0 20%;}
}
@media screen and (min-height:650px) and (max-height:680px) {
	.btn_grab {position: absolute;bottom: 17%;left: 31%;z-index: 1;width: 40%;}
	
	.grab_txt2 {position: absolute;top: 42%;left: 0;}
	.grab_txt3 {position: absolute;top: 54%;left: 0;}
	.grab_line {position: absolute;bottom: 35%;left: 0;}
	.grab_txt4 {position: absolute;bottom: 29%;left: 0;}
}