body {
  background-color: black;
}
/* 主体 */
.bz-container {
  max-width: 720px;
  min-width: 360px;
  margin: 0 auto;
  /* padding-top: 2.08rem 104/50; */
  position: relative;
}
/* 头部 */
.bz-container .bz-header{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 720px;
  min-width: 360px;
  z-index: 998;
}
.bz-container .bz-header img{
  width: 100%;
  height: 2.08rem /* 104/50 */;
  z-index: 999;
}

.download{
  width: 4.3rem /* 101/50 */;
  height:1.1rem /* 55/50 */;
  /* background-color: aqua; */
  /* float: right; */
  position: absolute;
  top: .4rem /* 10/50 */;
  right:.9rem /* 23/50 */;
}




/* 主页 */
.bz-container .bz-banner img{
  width: 100%;
  height: 12.58rem /* 629/50 */;
 margin-top: 50px;
}
/* 正版下载 */
.z-download{
  width:100%;
  height:1.6rem /* 80/50 */;
}


/* 礼包领取 */
.receive{
  width: 100%;
  height: 7.58rem /* 379/50 */;
}

/* 标题 */
.taglines{
  width: 100%;
  height: 2.54rem /* 127/50 */;
}

/* 背景 */
.bz-container .carousel{
  padding: 0 1rem /* 40/50 */;
  width: 100%;
  background: url("../images/wjbj.jpg") center;
  background-size: cover;
  height:7.5rem /* 375/50 */;
}


/* 轮播图 */
.bz-container .swiper-container {
  padding-top: .4rem /* 20/50 */;
  margin: 0 auto;
  width: 100%;
  height:7.1rem /* 355/50 */;
}
.bz-container .swiper-container{
  --swiper-theme-color: #fff;/* 设置Swiper风格 */
  --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.bz-container .swiper-slide img{
  width: 100%;
  height: 100%;
}


/* 立即下载 */
.immediately{
  width: 100%;
  height: 2.22rem /* 111/50 */;
}
/* 底部 */
.base{
  text-align: center;
  color: gainsboro;
  font-size:11px;
}
.dibu{
  width: 4.8rem /* 240/50 */;
  height: 1.3rem /* 65/50 */;
  /* background-color:red; */
  margin: 0 auto;
}
.base img{
  width: 4.0rem /* 240/50 */;
  height: 1.0rem /* 65/50 */;
  margin: 0 auto;
  background-size:contain;
}




/* 登录遮罩层 */
.layout{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #252525db;
  z-index: 999;
}



/* 登录框 */
.layout .login {
  min-width: 12rem /* 600/50 */;

  background-color: rgba(0, 0, 0, 0.3);
  /* background:url("../images/礼包弹窗\(1\).png") */
  display: block;
  position: absolute;
  top: 6.5rem /* 200/50 */;
  left: 50%;
  width: 50%;
  height:8.4rem /* 420/50 */;
  transform: translateX(-50%);
  color: #000;
  font-size: .32rem /* 16/50 */;
  border-radius: .1rem /* 5/50 */;
}

.entry-input input{
  height: .8rem /* 30/50 */;
  border:  .02rem /* 1/50 */  solid black;
  border-radius: .1rem /* 5/50 */;
  
}



/* 注册弹出框 */
#register-form{
  width: 100%;
}

.layout .register {
  min-width:12rem ;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 4rem /* 200/50 */;
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
  color: #000;
  font-size: .32rem /* 16/50 */;
  border-radius: .1rem /* 5/50 */;
}

.entry-input input{
  height: .8rem /* 30/50 */;
  border:  .02rem /* 1/50 */  solid black;
  border-radius: .1rem /* 5/50 */;
  
}

.quit{
  width: .8rem /* 40/50 */;
 background-color: rgba(0, 0, 0, .01rem /* 0.5/50 */);
color: #fff;
text-align: center;
border: .02rem /* 1/50 */ solid #fff;
border-radius: 50%;

}







.layout .register{
  display: none;
}
.layout.show{
  display: block;
}
.layout .login.hidden{
  display: none;
}
.layout .register.show{
  display: block;
}