* {
  padding: 0;
  margin: 0;
}
img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .bg {
    width: 750px;
    margin: auto;
    min-width: 750px;
    max-width: 750px;
  }
}
 
@media (min-width: 1024px) {
  html,body {
    font-size: 76.8px !important;
  }
  .bg  {
    width: 960px;
    margin: auto;
    min-width: 960px;
    max-width: 960px;
  }
}
.bg {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto 0;
  /* background: url('./imges/gegeslot_bg.gif') center/cover no-repeat; */
  background-color: #190042;
}
/* 媒体查询 */


.head {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  width: 10rem;
  height: 1.4533rem;
  background: url(../imges/head-back.jpg) center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  margin: 0 auto 0;
}
.logo {
  width: 5.88rem;
  height: .6667rem;
}
.middle {
  box-sizing: border-box;
  width: 10rem;
  height: 100%;
  padding-bottom: 2rem;
}
.banner{
  width: 10rem;
  height: 10rem;
  background: url(../imges/banner.jpg) center/cover no-repeat;
}
.button {
  width: 4.84rem;
  height: 1.5467rem;
  background: url(../imges/suspension.png) center/cover no-repeat;
  cursor: pointer;
  margin: auto;
}
.middle1 {
  box-sizing: border-box;
  width: 10rem;
  height: 12.1067rem;
  background: url(../imges/middle1.jpg) center/cover no-repeat;
  padding-top: .4rem;
}
.middle2 {
  width: 10rem;
  height: 5.1867rem;
  background: url(../imges/middle2.jpg) center/cover no-repeat;
}
.middle3 {
  width: 10rem;
  height: 5.7467rem;
  background: url(../imges/middle3.jpg) center/cover no-repeat;
}

.footer {
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  width: 10rem;
  height: 2rem;
  background: url(../imges/footer.jpg) center/cover no-repeat;
  margin: 0 auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .2667rem 0 .1333rem;
}
.footer-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-Div {
  display: flex;
  align-items: center;
}
.icon {
  width: 1.5733rem;
  height: 1.5733rem;
  background: url(../imges/icon.png) center/cover no-repeat;
}
.footer-btn {
  width: 4.84rem;
  height: 1.5467rem;
  background: url(../imges/suspension.png) center/cover no-repeat;
  margin-top: .2667rem;
}