/* CSS Document */

body{ width:100%; height:100%; padding:0; margin:0;}
div,ul,li,p{ padding:0; margin:0; width:100%;}
li{ list-style:none;}

   .content{position:absolute; top:0;}
/*轮播奖品图 start*/
   .jp{ position:absolute; top:22%;width:80%; left:10%; height:18%; overflow:hidden;}
   .jp li{ position:absolute; width:100%;}
   .jp .jp_intr{ position:absolute; bottom:0%; height:25px; background:rgba(0,0,0,.2)}
   .jp .jp_intruduction{ position:absolute; bottom:3%; left:2%; color:#fff; font-weight:bold;}
   .jp .circles{ position:absolute;bottom:5%; right:2%; width:24%;}
   .jp .circles p{ float:left;background: #bdb9b7;border-radius: 100%;margin-left: 5px; margin-bottom:4%;width:12px; height:12px; }
   .jp .circles p.active{ background:#fff;}
/*轮播奖品图  end*/

/*按钮  start*/
   .clh_btn{ position:absolute; top:45%;}
   .share_btn{ position:absolute; top:52%;}
/*按钮  end*/

/*机会完了  start*/
  .jh_no{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
  .jh_no .jh_no_bg{ margin-top:30%; padding-bottom:3%;background:#ff80aa; border-radius:10px;}
  .jh_no .jh_no_img{ padding-top:5%;}
  .jh_no .jh_no_btn{ margin-top:5%; }
/*机会完了  end*/

/*还有一次机会  start*/
  .jh_onemore{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
  .jh_onemore .jh_onemore_bg{margin-top:30%; padding-bottom:3%;background:#ff80aa; border-radius:10px;}
  .jh_onemore .jh_onemore_img{ padding-top:5%;}
  .jh_onemore .jh_onemore_btn{ margin-top:5%;}
/*还有一次机会   end*
/
/*还有2次机会  start*/
  .jh_twomore{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
  .jh_twomore .jh_twomore_bg{margin-top:30%; padding-bottom:3%;background:#ff80aa; border-radius:10px;}
  .jh_twomore .jh_twomore_img{padding-top:5%;}
  .jh_twomore .jh_twomore_btn{ margin-top:5%;}
/*还有2次机会   end*/

/*中奖  start*/
   .zj{position: fixed;display:block;width:100%; height:100%; background:rgba(0,0,0,.8); z-index:77; padding-top:20%;}
   .zj .zj_bg{width:80%; padding-top:5%; margin:auto;background:#ff80aa; border-radius:10px;}
   .zj .name{ width:100%; height:35px; margin-top:5%;}
   .zj .tel{ width:100%; height:35px; margin-top:3%;}
   .zj .name input,.zj .tel input{ border-spacing: 0;border-collapse: collapse; border:none;width: 50%;height: 20px;font-size: 18px;margin-left: 36%;margin-top: 3%;background:none;}
   .zj .qd{margin-top:5%;}
/*中奖  end*/

/*分享  start*/
   .share{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
/*分享  end*/

   /*苹果5样式*/
@media screen and (min-height: 500px) and (max-height:504px) {
   .zj .name input,.zj .tel input{ border-spacing: 0;border-collapse: collapse; border:none;width: 47%;height: 20px;font-size: 18px;margin-left: 33%;margin-top: 1.3%; background:none;}
}
  /*苹果四样式*/
@media screen and (max-height: 416px) {
   .zj .name input,.zj .tel input{ border-spacing: 0;border-collapse: collapse; border:none;width: 47%;height: 20px;font-size: 18px;margin-left: 33%;margin-top: 1.3%; background:none;}
   }