* {
  margin: 0;
  padding: 0;
}
body {
  background: url("img/bg.png") repeat-y top center;
}
.container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 7.5rem;
  height: auto;
  margin: 0 auto;
  padding-bottom: 1.1rem;
}
.container .app {
  position: fixed;
  overflow-y: auto;
  height: 100vh;
  color: #000;
  background: linear-gradient(90deg, #19041f, #360842, #19041f);
  width: 100%;
}
.container .content {
  background-size: contain;
  z-index: 99;
  height: auto;
}
.container .content .bg_main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 7.5rem;
  height: auto;
}
.container .content .banner {
  position: relative;
  width: 7.5rem;
  height: 3.29rem;
  overflow: hidden;
  margin: 0 auto;
}
.container .content .banner img {
  position: absolute;
  top: 0.2rem;
  right: 0;
  display: block;
  width: 7.03rem;
  height: auto;
}
.container .content .top_pic {
  background: linear-gradient(to bottom, #583869, #be293f);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 7.5rem;
  height: 1.43rem;
  display: grid;
  grid-template-columns: auto auto auto;
  z-index: 9;
}
.container .content .top_pic .bg {
  width: 7.5rem;
  height: 1.43rem;
}
.container .content .top_pic .logo {
  position: absolute;
  width: 0.82rem;
  height: 0.82rem;
  left: 0.3rem;
  top: 0.26rem;
}
.container .content .top_pic .logo img {
  width: 0.82rem;
  height: 0.82rem;
}
.container .content .top_pic .top_text {
  position: absolute;
  width: 2.68rem;
  height: 0.74rem;
  left: 1.37rem;
  top: 0.32rem;
}
.container .content .top_pic .top_text img {
  width: 2.68rem;
  height: 0.74rem;
}
.container .content .top_pic > span {
  text-align: right;
}
.container .content .top_pic > span img {
  display: block;
  width: 1.77rem;
  height: 0.62rem;
  position: absolute;
  top: 0.45rem;
  right: 0.5rem;
  z-index: 9;
}
.container .content .detail_lump {
  width: 7.5rem;
  margin: 0 auto;
  margin-top: 0.7rem;
}
.container .content .detail_lump .bannerSwiper {
  width: 7.5rem;
  height: 6.5rem;
  overflow: hidden;
  margin: 0 auto;
}
.container .content .detail_lump .bannerSwiper img {
  width: 7.5rem;
  margin: 0 auto;
}
.container .content .bottom_pic {
  background: linear-gradient(to bottom, #583869, #be293f);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 7.5rem;
  height: 1.43rem;
  display: grid;
  grid-template-columns: auto auto auto;
  z-index: 9;
}
.container .content .bottom_pic .bg {
  width: 7.5rem;
  height: 1.43rem;
}
.container .content .bottom_pic .logo {
  position: absolute;
  width: 0.82rem;
  height: 0.82rem;
  left: 0.3rem;
  top: 0.26rem;
}
.container .content .bottom_pic .logo img {
  width: 0.82rem;
  height: 0.82rem;
}
.container .content .bottom_pic .top_text {
  position: absolute;
  width: 2.68rem;
  height: 0.74rem;
  left: 1.37rem;
  top: 0.32rem;
}
.container .content .bottom_pic .top_text img {
  width: 2.68rem;
  height: 0.74rem;
}
.container .content .bottom_pic > span {
  text-align: right;
}
.container .content .bottom_pic > span img {
  display: block;
  width: 1.77rem;
  height: 0.62rem;
  position: absolute;
  top: 0.45rem;
  right: 0.5rem;
  z-index: 9;
}
.container .content .table {
  position: relative;
  width: 7rem;
  height: 8.7rem;
  margin: 0 auto;
}
.container .content .table img {
  width: 100%;
}
.container .content .pic_01 {
  position: relative;
  width: 6.96rem;
  height: 3rem;
  margin: 0.35rem auto;
}
.container .content .pic_01 img {
  width: 100%;
}
.container .content .pic_02 {
  position: relative;
  width: 2.43rem;
  height: 0.81rem;
  margin: 0.25rem auto;
  margin-bottom: 0.5rem;
}
.container .content .pic_02 img {
  width: 100%;
}
.container .content .gif_lump {
  position: relative;
  width: 7.1rem;
  height: auto;
  margin: 0.25rem auto;
}
.container .content .gif_lump img {
  display: block;
  width: 7.1rem;
  height: 9.42rem;
  margin: 0 auto;
  margin-bottom: 0.15rem;
}
.container .content .btn_bottom {
  margin: 0.3rem auto;
  width: 7.5rem;
  height: 4rem;
  overflow: hidden;
}
.container .content .btn_bottom .tip {
  margin: 0 auto;
  margin-bottom: 0.3rem;
  width: 7rem;
}
.container .content .btn_bottom .tip > img {
  width: auto;
  height: 0.5rem;
}
.container .content .btn_bottom .swiper-slide {
  width: 32%;
}
.container .content .btn_bottom img {
  display: block;
  height: 2.4rem;
}
.container .content .btn-img {
  display: block;
  width: 3.8rem;
  height: 0.9rem;
  margin: 0.5rem auto;
  margin-top: 2.6rem;
}
.container .content .btn-img img {
  width: 100%;
}
.container .content .kf {
  position: fixed;
  display: block;
  top: 30%;
  right: 0.15rem;
  width: 1.3rem;
  height: 2.15rem;
  z-index: 99;
}
.container .content .kf img {
  width: 100%;
}
@keyframes scale {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8);
  }
}