@charset "UTF-8";

.wrapper {
  width: 750px;
  height: auto;
  font-size: 20px;
  padding-bottom: 20px;
  background: #e9f3fd url("../img/bg.jpg?mv=20201016") no-repeat center top/100% auto;
}

/* 顶部 */
.fixedTop {
  position: fixed;
  top: 0;
  left: 50%;
  width: 690px;
  height: 100px;
  margin-left: -375px;
  z-index: 30;
  background: rgba(0, 0, 0, 0.85);
  padding: 24px 30px 22px;
}

.fixedTop-icon {
  width: 333px;
  height: 100px;
  border-radius: 10px;
  margin-right: 22px;
}

.fixedTop-icon>img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.fixedTop-ms {
  width: 340px;
  padding: 12px 0 10px;
}

.fixedTop-ms>span, .fixedTop-ms>em {
  display: block;
  width: 100%;
}

.fixedTop-ms>span {
  line-height: 42px;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
}

.fixedTop-ms>em {
  line-height: 36px;
  color: #d7d7d7;
  font-size: 24px;
}

.fixedTop-ljxz {
  width: 202px;
  height: 100px;
}

.fixedTop-ljxz>img {
  width: 202px;
  display: block;
}
.textdi{
	margin-top: 80px;
	text-align: center;
	color: #6e5a32;
	font-size: 24px; 
}
.textdi p{
	margin-top: 10px;
}

/* 头图部分 */
.headerSection {
  width: 750px;
  height: 1458px;
  position: relative;
}

.slogen1, .slogen2, .headerSection-ljxz-wrap {
  display: block;
  position: absolute;
}

.slogen1 {
  width: 153px;
  height: 614px;
  z-index: 11;
  top: 240px;
  left: 102px;
}

.slogen2 {
  width: 221px;
  height: 532px;
  z-index: 10;
  top: 273px;
  left: 50px;
}

.headerSection-ljxz-wrap {
  width: 100%;
  height: 94px;
  z-index: 12;
  top: 1277px;
  left: 0;
}

.headerSection-ljxz {
  width: 273px;
  height: 86px;
  display: block;
  margin: 0 auto;
}

.headerSection-ljxz>img {
  display: block;
  width: 100%;
}

.banbenhao {
  width: 100%;
  text-align: center;
  line-height: 54px;
  z-index: 10;
  top: 1380px;
  left: 0;
  font-size: 30px;
  font-weight: 800;
  color: #ffd051;
  position: absolute;

}

.banbenhao>em {
  color: #fa0803;
  font-size: 36px;
}

/* 登录福利 */
.common-section {
  margin-top: 0px;
  width: 100%;
  height: auto;
}


.fuli-img {
  margin: 0px auto 0;
  width: 100%;
  height: 333px;
}

.fuli-img>img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

.ljlq-btn {
  display: block;
  width: 216px;
  height: 68px;
  margin: 35px auto 0;
}

.ljlq-btn>img {
  display: block;
  width: 100%;
}


/* 游戏截图 */
.games-jietu common-section{
	width: 711px;
	height: 283;
}

.common-title {
  width: 100%;
  height: 68px; 
}


.jietu-con {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.jietu-main .swiper-container {
  width: 100%;
  height: 100%;
}


.span-left-bottom {
  left: -4px;
  bottom: -4px;
}

.span-right-bottom {
  right: -4px;
  bottom: -4px;
}
.dier{
	text-align: center;
	margin-top: 173px;
}

.disan{
	text-align: center;
	margin-top: 170px;
}
.disi{
	text-align: center;
	margin-top: 170px;
}

/* 回收装备 */
.huishou-img {
  width: 711px;
  height: 518px;
  margin: 40px auto 0;
  position: relative;
}

.huishou-img>img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
}

.huishou-btn {
  position: absolute;
  width: 247px;
  height: 59px;
  z-index: 11;
  top: 50%;
  left: 50%;
  margin: -29.5px 0 0 -123.5px;
}

.huishou-btn>img {
  width: 100%;
  display: block;
}

.banbenhao-bottom {
  margin-top: 30px;
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
  font-weight: 800;
  color: #ffd051;
}

.banbenhao-bottom .J-id{
  color: #fa0803;
  font-size: 36px;
}

.ljxz-bottom {
  width: 325px;
  height: 93px;
  margin: 0 auto;
  display: block;
}

.ljxz-bottom>img {
  display: block;
  width: 100%;
}

/* 返回顶部按钮 */
.return-top {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 53px;
  height: 53px;
  z-index: 38;
}

.return-top>img {
  display: block;
  width: 100%;
}

/* 注册弹框 */
.zhuce-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.zhuce-pop-main {
  width: 540px;
  height: 430px;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 40px;
  margin: -255px 0 0 -310px;
  z-index: 51;
  background: url("../img/zhuce-bg.png?mv=20201019") no-repeat center center/100% 100%;
}

.closeZhuce {
  position: absolute;
  top: -50px;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 52;
  display: block;
}

.closeZhuce>img {
  display: block;
  width: 100%;
  height: 100%;
}

.zhuce-pop-main .div-wrap {
  width: 100%;
  height: 60px;
  margin-bottom: 28px;
}

.zhuce-pop-main .div-wrap>span {
  padding-right: 20px;
  width: 120px;
  height: 100%;
  background: #fff;
  color: #707070;
  font-size: 24px;
  line-height: 60px;
  font-family: "宋体";
  float: left;
  text-align: right;
  margin-right: 1px;
}

.zhuce-pop-main .div-wrap>span>img {
  display: block;
  height: 24px;
}

.zhuce-pop-main .username, .zhuce-pop-main .password, .zhuce-pop-main .confirm {
  background: #fff;
  border: none;
  width: 378px;
  height: 100%;
  padding-left: 20px;
}

.zhuce-pop-main .username>input, .zhuce-pop-main .password>input, .zhuce-pop-main .confirm>input {
  line-height: 60px;
  color: #d81010;
  font-size: 26px;
  font-family: "宋体";
  background: none;
  border: none;
  width: 100%;
}

.zhuce-pop-main .div-wrap>div>input:-ms-input-placeholder {
  color: #d81010;
}

.zhuce-pop-main .div-wrap>div>input::-ms-input-placeholder {
  color: #d81010;
}

.zhuce-pop-main .div-wrap>div>input::-webkit-input-placeholder {
  color: #d81010;
}

.zhuce-pop-main .div-wrap>div>input:-moz-placeholder {
  color: #d81010;
}

.zhuce-pop-main .div-wrap>div>input::-moz-placeholder {
  color: #d81010;
}

.zhuce-pop-main .div-wrap>div>input::placeholder {
  color: #d81010;
}

/* 勾选同意协议 */
.zhuce-pop-main .checkout-con {
  width: 100%;
  height: 40px;
  margin-bottom: 28px;
}

.zhuce-pop-main .checkout-con>em {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: block;
  position: relative;
  border: 1px solid #333;
  background: #fff;
}

.zhuce-pop-main .checkout-con>em::after {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

.zhuce-pop-main .checkout-con>em.active::after {
  background: url("../img/gou.png?mv=20201019") no-repeat center center/100% 100%;
}

.zhuce-pop-main .checkout-con>span {
  height: 30px;
}

.zhuce-pop-main .checkout-con>span>img {
  height: 100%;
  display: block;
}

/* 注册按钮 */
.zhuce-pop-main .register {
  width: 280px;
  height: 82px;
}

.zhuce-pop-main .register>img {
  height: 100%;
  display: block;
  margin: 0 auto;
}

/* 登录领取礼包弹框 */
.login-lingqu-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 51;
  display: none;
}

.login-lingqu-main {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 112px 46px 56px;
  margin: -233.5px 0 0 -340px;
  width: 588px;
  height: 299px;
  z-index: 52;
  background: url("../img/lingqu-pop-bg.png?mv=20201019") no-repeat center top/100% 100%;
}

.close-lingqu {
  position: absolute;
  top: 26px;
  right: 22px;
  width: 40px;
  height: 40px;
  z-index: 52;
}

.libao-code-wrap {
  height: 50px;
  width: 100%;
}

.lbm-wenzi {
  width: 108px;
  height: 100%;
}

.lbm-wenzi>img {
  display: block;
  width: 90px;
}

.code-con {
  width: 320px;
  border-radius: 12px;
  height: 50px;
  background: #b59d7e;
  color: #fff;
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  margin-right: 16px;
}

.code-copy {
  display: block;
  width: 144px;
  height: 100%;
}

.code-copy>img {
  display: block;
  height: 100%;
}

.lingqu-tips {
  width: 100%;
  text-align: center;
  line-height: 38px;
  color: #f73b28;
  font-size: 22px;
}

.libao {
  width: 100%;
  height: 170px;
}

.libao>img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.dibu{
  text-align: center;
  margin-top: 60px;
  line-height: 28px;
}
.dibu em{
  color: #ce9f72;
  font-size: 24px;
  font-weight:bold;
}
.dibu p{
  color: #ce9f72;
  font-size: 14px;
  font-weight:bold;
}
.dibu a{
  color: #878787;
}
.biaoti{
  text-align: center;
  margin-top: 60px;	
}