body,
html {
  width: 100%;
  height: 100%;
}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust: none;}
.orange {
  color: #b44800;
}
.red {
  color: #cc5100;
}
.main {
  height: 100%;
}

.swiper-container {
  height: 100%;
}

.part1 {
  background: url("../img/bg1.jpg?20231030") no-repeat center top;
  /* padding-top: 260px; */
}

.part2 {
  background: url("../img/bg2.jpg?20231026") no-repeat center top;
}

.part3 {
  background: url("../img/bg3.jpg?20231026") no-repeat center top;
}

.part4 {
  background: url("../img/bg4.jpg?20231026") no-repeat center top;
}

.part5 {
  background: url("../img/bg5.jpg?20231026") no-repeat center top;
}

#cy_bot {
  padding: 1em 0.5em;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 98%;
  z-index: 22;
  display: none;
}

.arr {
  background: url("../img/arr.png") no-repeat;
  width: 71px;
  height: 40px;
  position: fixed;
  animation: fade_jump 1s ease-in-out infinite;
  top:50%;
  z-index: 22;
	margin-top: 560px;
  left: 50%;
  margin-left: -31px;
}
@keyframes fade_jump {from {transform:translate(0,0)}
  50% {transform:translate(0,5px)}
  to {transform:translate(0,0)}
}
@-webkit-keyframes fade_jump {from {transform:translate(0,0)}
  50% {transform:translate(0,5px)}
  to {transform:translate(0,0)}
}

.swiper-slide {
  max-width: 750px;
  position: relative;
  margin: 0 auto;
}
.info-all {
  text-align: center;
  font-size: 22px;
  position: absolute;
  color: #fff;
  width: max-content;
  top: -2px;
  /* transform:rotate(-3deg); */
  /* font-style: italic; */
  background: rgba(4,9,18,1);
  left: 50%;
  transform: translateX(-50%);
}
.info-all .sub-title{font-size: 22px;/* padding: 0px; */}
.info-all em{/* font-style: italic; */}
.info-all em.eml{margin-left:-8px;}
.info-all em.eml2{margin-left:-18px;}
.info-all em.eml3{margin-right:-8px;}
.btn-enter {
  width: 176px;
  height: 67px;
  position: absolute;
  background: url('../img/btn-enter.png') no-repeat center center;
  right: 17px;
  top: 57px;
  z-index:3;
}
.icon_computer {
	z-index:3;
	width: 40px;
	height: 95px;
	position: absolute;
	background: url('../img/icon-computer.png') no-repeat center center;
	top: 40px;
	left: 164px;
}
.logo {
  display: block;
  width: 168px;
  height: 148px;
  background: url(//i0.cy.com/dj/pic/2023/1023/logo.png) no-repeat center center;
  background-size: 100% 100%;
  position:absolute;
	top:10px;
	left: 0;
  z-index:3;
}
.description {
  height: 34px;
  line-height: 32px;
  font-size: 20px;
  background: url('../img/title-bg.png') no-repeat center center;
  margin-top: 10px;
	color:#482b03;
}
.tip{color: #ffff;font-size: 20px;left: 0;text-align: center;line-height: 30px;top: 60px;position: absolute;left: 49px;width: 681px;}
.gift_list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 60px 31px 5px 80px;
}
.gift_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 139px;
}
.gift_list .img {
  width: 97px;
  height: 98px;
  background: url(../../m/img/iconbg.png?20231026) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gift_list .img img {
  width: 56px;
  height: 56px;
}
.gift_list .icon_name {
  font-size: 20px;
  color: #fff;
  width: 120%;
  margin: 0 -10%;
  text-align: center;
}

.gift_box {
  position: fixed;
  width: 724px;
  /* height: 389px; */
  height: 471px;
  background: url(../img/pop.png?v=20231025) no-repeat center center;
  top:50%;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 105px auto 0;
	padding-top: 40px;
}
.gift_box .btn_gift {
  display: block;
  width: 400px;
  height: 84px;
  background: url(../img/btn-gift.png?20231026) no-repeat center center;
  margin-left: 171px;
  width: 390px;
  height: 81px;
  background-size: 390px 81px;
  margin-top: 2px;
}

.sub_title{
	font-size: 22px;
	color: #000000;
    margin-top: 37px;
}
.pop, .pop * {
  box-sizing: border-box;
}
.pop {
  color: #000;
  font-size: 20px;
  text-align: center;
  position: relative;
  display: none;
}
.pop .red{color:#ca2610;}
.pop .cdk {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0 0;
}
.pop .cdk p {
  width: 439px;
  height: 47px;
  background: #fff;
  line-height: 47px;
  padding: 0 20px;
  text-align: left;
  color: #4a4a4a;
  font-size: 24px;
}
.pop .cdk a {
  width: 75px;
  height: 47px;
  background: #CDB56E;
  color: #843500;
  font-size: 18px;
  line-height: 51px;
  text-indent: -99999em;
  background: url(../img/copy.png) no-repeat;
}
.pop .btn_get {
  display: block;
  width: 400px;
  height: 84px;
  background: url('../img/btn-gift.png?20231026') no-repeat top center;
  margin: 11px auto 0;
  width: 390px;
  height: 81px;
  background-size: 390px 81px;
}
.pop .icon_name {
  color: #ca2610;
  font-size: 20px;
	padding: 4px 0 18px;
}
.pop .gift_list{padding: 22px 0 0 0;}
.pop .gift_list .img{width:105px;height:105px;background-size:100% auto;}
.pop .dec {
  font-size: 20px;
  padding: 0 40px;
	line-height: 30px;
  color: #000;
}
.pop .close {
  display: block;
  width: 31px;
  height: 31px;
  background: url('../img/pop-close.png?v=2') no-repeat center center;
  position: absolute;
  right: 38px;
  top: 33px;
}

#PopGift {
  width: 680px;
  height: 664px;
  background: url(../img/pop1.png) no-repeat center center;
  padding: 19px;
}

#PopRegister {
  width: 494px;
  height: 1100px;
  padding: 470px 20px;
  background: url(../img/register.png) no-repeat center center;
}
#PopRegister iframe {
  width: 450px;
  height: 800px;
  transform: scale(1.6);
}
#PopRegister .close {
  background-image: url(../img/close.png);
  right: 0;
}
.server{
  position: absolute;
  width: 750px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  top: 50%;
  margin-top: -470px;
  left: 0;
  font-size: 20px;
}