@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {  margin: 0;  padding: 0; }
html { font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;   -ms-text-size-adjust: 100%;   -webkit-text-size-adjust: 100%; }

html,body { height: 100vh;}
img {  border: 0; display: block;}
h3,p,a { font-size: 100%;}
ul li{ list-style:none;}

body{background-color: #fc3b4e;}
.wrap{ width:100%; max-width: 10rem; margin: 0 auto; position: relative;}
.headBlock{ width: 100%; }
.headBlock img{ width: 100%;}
.content{ width: 100%;   background: url("../img/top1.jpg") center 0 no-repeat #fce16e;  padding-top: 1.33rem;  margin-bottom: 1.33rem;}
.top2{ background: url("../img/top2.jpg") center 0 no-repeat #fce16e;  }
.top3{ background: url("../img/top3.jpg") center 0 no-repeat #fce16e;  }
img.title{ width: 100%;}
.BoxCont{ width: 90%; padding:.4rem;  margin: 0 auto; border-radius: 15px; background-color: #fcf8c5; position: relative;}
.box{ width:8.84rem; height:  margin: 0 auto; }
.text{ text-align: center; font-size: .32rem;  color: #f96670;  background-color: #fce16e; padding: 5px 0px;}
.red{ color: #f1363e; font-size: .42rem;}
.btn1{ width: 4.7733rem; height: 1.04rem; text-align: center; font-size: .48rem; color: #fff; font-weight: bold; display: block;  margin: 0 auto; margin-top:.3666rem;  background: url("../img/btn1.png") 0 0 no-repeat; border: none;}
.bingo{ width: 1.8533rem; height:.7866rem; background: url(../img/bingo.png) 0 0 no-repeat; display: block;position: absolute;top: .86rem; left: 0; }
.rul{ width: 1.9733rem; height:.7866rem; background: url(../img/rul.png) 0 0 no-repeat; display: block;position: absolute;top: .86rem; right: 0; }
.btn2{width: 2.026rem; height: .68rem; text-align: center; font-size: .48rem; color: #fff; font-weight: bold; display: block;  margin: 0 auto; margin-top:.3666rem;  background: url("../img/btn2.png") 0 0 no-repeat; border: none;}
.eggAre{ width: 100%; margin-top: 100px;}
.eggAre td{ width: 33.33%; text-align: center;}
.eggAre td img{ width: 3rem; display: block; margin: 0 auto;}
.blackCover {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 2;
}
.bongPushBox{ width: 70%; background-color: #fe5958; padding:.2666rem;  border-radius:6px;position: fixed; z-index:3;  left: 50%;  top: 50%;   transform: translate(-50%, -50%);}
.pushTitle{ position: absolute; left: .266rem; top: -1.333rem;}
.closeIcon{ position: absolute; right: -.533rem; top: -.533rem;}
.pushCont{ width: 90%; background-image: url("../img/bgZhuang.png") 0 0 no-repeat; background-color: #fff; border-radius: 6px; padding: .4rem 0;  margin: 0 auto;  margin-top: 1.6rem;font-size: .24rem; color: #6c6c6c;}
.pushCont p{ margin:.133rem 0; text-align: center; }
.fontBig{ font-size:.48rem; }
.bongPushBox b{ color: #fff; font-size: .36rem; text-indent: 3rem; font-weight: normal;}
.inputText{ width: 95%; height: .533rem; background-color: #fff; margin: .2rem 0; padding: .066rem; display: block; border-radius: 10px;}
.btn3{ width: 4.23rem; height: .96rem; text-align: center; font-size: .48rem; color: #fff; font-weight: bold; display: block;  margin: 0 auto; margin-top:.3666rem;  background: url("../img/btn3.png") 0 0 no-repeat; border: none; color: #fe5958;}
.ma{ width: 2.56rem; display: block; margin: 0 auto;}
.listNam{ width: 90%; margin: 0px auto;}
.listNam,.listNam td,.listNam th{  padding: 5px; text-align: center; font-size: .24rem;}
.listNam th{ background-color: #fff; color: #fe9e9d; font-size: 14px; }
.con{ font-size: 16px; line-height: 30px; width: 90%; margin: 0 auto; text-indent: 30px;color: #D03200;}
.turnplate {
  display: block;
  width: 8.77rem;
  position: relative;
  margin: 30px auto;
  overflow: visible;
  -webkit-transform: translateZ(0);
  -webkit-transform: rotate(0);
  -webkit-transform-origin: 50% 50% 0px;
}
.turnplate img.pointer {
  position: fixed;
  width: 8.77rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1 !important;
}
.hide {
  display: none;
}
.content h6{ font-size: 18px;  color: #D03200; margin: .13rem 0;   text-indent: 2em;}
.menuFooter{ width: 100%; max-width: 10rem;  height: .9rem;line-height: .9rem;background-color: #fce16e; position: fixed; bottom: 0;}
.menuFooter li{ width: 33.33%; float: left; text-align: center; }
.menuFooter li a{ color: #000;  font-size: 22px; text-decoration: none;}
.menuFooter li.on a{ color: #fc3b4e;}

#scrollDiv{ height: 50px; line-height: 50px; font-size: 20px; text-align: center; height: 50px; overflow: hidden;}