body {font-size:14px;font-family: "Noto Serif SC",'Microsoft YaHei';display: block;background-color:#19212b;margin:0;padding: 0;color: #fff;}
li{list-style:none;}
a:link {color: #fff; text-decoration: none}
a:visited {color: #fff; text-decoration: none}
a:hover {color: #fff; text-decoration: underline}
a:active {color: #fff; text-decoration: underline}
i, em {font-style: normal;}

.wrap{width: 100%;min-width: 1200px;margin: 0 auto;position:relative;overflow:hidden;background:url(/images/251006/bg.webp) no-repeat top center;}

.bg-video{
	display:none;
    width: 1920px;
    /*height: 1080px;*/
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.content {width:1200px;margin:0 auto;}
.top {height:950px;margin:0 auto;position: relative;z-index: 0;}
.navbar {display:block;background:rgba(15, 15, 15, 0.3);position:absolute;top:0px;right:160px;padding: 0 20px;text-align:center;line-height:36px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d0f0f0f,endColorstr=#4d0f0f0f);color:#fff;font-size:14px;z-index: 10;}
.navbar a {color: #fff; text-decoration: none}
.navbar a:visited {color: #fff; text-decoration: none}
.navbar a:hover {color: #fff; text-decoration: underline}
.navbar a:active {color: #fff; text-decoration: underline}
.logo {
	width: 130px;
	height: 130px;
	position: absolute;
	left: 50%;
    top: 28px;
    margin-left: -725px;
}
.slogan {
	width: 795px;
	height: 330px;
	position: absolute;
	left: 50%;
	top: 90px;
	margin-left: -190px;
}
.start-time{
	position: absolute;
    top: 390px;
    color: #fff;
    font-size: 25px;
    left: 50%;
    height: 37px;
    line-height: 37px;
    width: 465px;
    text-align: center;
	font-weight:700;
}
.start-time span{
	color: #ffe88f;
	/*margin-right:15px;*/
}
.btn{
    width: 500px;
    position: absolute;
    top: 462px;
    left: 50%;
    margin-left: 0px;
}

.down_btn{
	background:url(../images/240723/btn_down.png) no-repeat;
	width:269px;
	height:71px;
	display:block;
    margin-left: 235px;	
	animation: topdown steps(3) .8s infinite;
	-webkit-animation: topdown steps(3) .8s infinite;
}
@-webkit-keyframes topdown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -216px;
    }	
}


@keyframes topdown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -216px;
    }	
}
.reg_btn{
	background:url(../images/240723/btn_reg.png) no-repeat;
    width: 269px;
    height: 71px;
    display: block;
    margin-left: -60px;	
	float:left;
/*	animation: topstart 1s infinite;
	-webkit-animation: topstart 1s infinite;*/
}
.reg_btn:hover{
	background-position:0 -72px;
}
.zcfl{
	background:url(../images/251006/zcfl-bg.png) no-repeat;
    width: 766px;
    height: 169px;
    display: block;
    position: absolute;
    top: 573px;
    left: 50%;
	margin-left:-165px;
}
.zcfl .zcfl-box{
	width:590px;
	height:165px;
	overflow:hidden;
	position:relative;
	left:140px;
}
.zcfl .zcfl-box ul li{ float:left; display:inline; overflow:hidden; text-align:center; margin-top: -20px;/*margin-right: -25px; */}
.zcfl .zcfl-box .zcfl-lb{display:block;width:155px;}
.j-go{
	background:url(../images/240723/arrow.png) no-repeat;
	width:198px;
	height:64px;
	position:absolute;
    left: 50%;
    bottom: 10%;
    margin-left: -100px;
	animation: topstart 1s linear 0s infinite;
	-webkit-animation: topstart 1s linear 0s infinite;
}
@-webkit-keyframes topstart {
    from {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    }	
    100% {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);

    }	
}


@keyframes topstart {
    0% {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);

    }
    50% {
      -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    }	
    100% {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);

    }	
}
/*
.hd-slide {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 965px;
  background-position: -448px -57px;
  width: 220px;
  height: 20px;
  background-image: url(/images/sprite_hd.png?b783231);
  background-repeat: no-repeat;
}
.hd-slide::after {
  content: "";
  background-position: -448px -87px;
  width: 37px;
  height: 28px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -42px;
  background-image: url(/images/sprite_hd.png?b783231);
  background-repeat: no-repeat;
}
*/
.new-hd{
	position:relative;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	height:950px;	
}
.new-hd .hdbox{
	position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 208px;
}
.new-hd .hditem{
	position:relative;
	width:388px;
	height:650px;
}
.new-hd .hditem .hdbg{
	position:absolute;
	z-index:1;
}
.new-hd .hditem .hdbtn{
	position:absolute;
	width: 263px;
	z-index:2;
    height: 65px;
    bottom: 35px;
    left: 50%;
    transform: translate(-50%);
}
.new-hd .hditem .hdbtncj{
	background:url(/images/251006/hd-btn-cj.png) no-repeat;
}
.new-hd .hditem .hdbtngm{
	background:url(/images/251006/hd-btn-gm.png) no-repeat;
}
.new-hd .hditem .hdbtn:hover{
	background-position-y:-80px;
}
.ts{
	position:relative;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	height:950px;
}
.ts .hd{ overflow:hidden; position:absolute; bottom:90px; z-index:5;}
.ts .hd li{background:url(../images/240723/ts-btn-n.png) no-repeat;width:173px;height:47px;font-size:18px;color:#856b40;text-align:center;line-height:47px;float:left;cursor:pointer;margin-right:10px;}
.ts .hd li.on{background:url(../images/240723/ts-btn-h.png) no-repeat;color:#fff;}
.ts .bd{ position:relative; height:100%; z-index:1;  left:-360px;}
.ts .bd li{ zoom:1; vertical-align:middle; }

.contarea {
	width: 100%;
  height: 950px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.job-cont{
  position: relative;
}
.job-hide{
  display: none;
}
.job-hide.active{
  display:block;
}
.job-img{
    position: absolute;
    left: -352px;
    top: 0px;
}
.job-text{
    position: absolute;
    top: 260px;
    left: 930px;
}
.job-text-nav{
  background: url(/act/ad01//images/240627/job/btn-n.png) no-repeat;
  width:276px;
  height: 43px;
}
.job-text-nav span{
  display: block;
  width: 138px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  color: #000;
  cursor: pointer;
  float: left;
  font-weight:700;
}
.job-text-nav span:nth-child(1).active{
  background: url(/act/ad01//images/240627/job/btn-h-l.png) no-repeat;
  color: #fff;
}
.job-text-nav span:nth-child(2).active{
  background: url(/act/ad01//images/240627/job/btn-h-r.png) no-repeat;
  color: #fff;
}
.job-text-cont p{
  font-size: 16px;
  color: #000;
  height: 70px;
}
.job-text-cont .job-gif{
  width: 295px;
  height: 185px;
}

.job-nav{
  background: url(/act/ad01//images/240627/job/icon.png) no-repeat;
    width: 398px;
    height: 135px;
    position: absolute;
    left: 1096px;
    top: 710px;
    z-index: 2;
}
.job-nav span{
  display: block;
  width: 132px;
  height: 135px;
  cursor: pointer;
  float: left;
  background: url(/act/ad01//images/240627/job/icon.png) no-repeat;
}
.job-nav span:nth-child(1){
  background-position: 0 0;
}
.job-nav span:nth-child(2){
  background-position: -132px 0;
}
.job-nav span:nth-child(3){
  background-position: -264px 0;
}
.job-nav span.active{
  background-position-y: -150px;
}

.page-foot {
	width: 100%;
  height: 950px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.page-foot .page-foot-down{
	background:url(../images/240723/foot_down.png) no-repeat;
	width:348px;
	height:92px;
	display:block;
    margin: 295px auto 0;	
	animation: footdown steps(3) .8s infinite;
	-webkit-animation: footdown steps(3) .8s infinite;	
}
@-webkit-keyframes footdown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -330px;
    }	
}


@keyframes footdown {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -330px;
    }	
}
.gift-fl{
	width: 1000px;
    display: flex;
    height: 200px;
    margin: 115px auto;
	align-items: center;
    justify-content: space-around;	
}

.up20 {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.up20:hover{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.fixed-menu {
  position: fixed;
  top: 50%;
  left: 20px;
 /* margin-left: 620px;*/
  opacity: 0;
  transition: opacity 0.3s;
}
.fixed-menu.fixed {
  opacity: 1;
}
.fixed-menu a {
  display: block;
  margin-bottom: 10px;
}
.fixed-menu a.menu-top {
  background-position: 0px -58px;
  width: 107px;
  height: 65px;
}
.fuchuang{
	background:url(/images/251006/fc.png) no-repeat;
	width:179px;
	height:234px;
	position:fixed;
	top:45%;
	right:10px;
	z-index:5;
	cursor:pointer;
}
.fc618 {position: fixed;bottom: 10%;left: 1%;z-index: 90;cursor: pointer;}
.mask {
	width: 100%;
	height: 100%;
	z-index: 800;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
    left: 0;
	display: none;
}
.jtwnd {
    width: 79.2vw;
    height: 44.55vw;
    position: fixed;
	z-index: 810;
	left: 10.2vw;
	top: 50vh;
	margin-top: -22vw;
	display:none;
	border: 2px solid #fff;
}
.bigjtimg {
    width: 79.2vw;
    height: 44.55vw;
}
.jtclose {
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 14px;
	line-height: 21px;
	font-size: 24px;
	text-align: center;
	/* font-weight: bold; */
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	background: #000;
}

/*注册*/
.pop4{background:url(/act/ad01/images/240627/tc/bg.png) no-repeat;width:1920px; height:788px;display:none;position:relative;}
.pop4 .closeBtn {width:45px; height:45px; right:255px; top:155px;cursor:pointer;overflow:hidden; position:absolute;}
.pop4reg{
    float: right;
    width: 270px;
    height: 300px;
    position: absolute;
    z-index: 100;
    top: 260px;
    right: 330px;
	overflow:hidden;
	display:none;
}

.pop4down {position: absolute;top: 630px;right: 310px;width: 272px;}
.pop-down { display: block; 
  margin: 20px auto 25px; 
  width: 272px;
  height: 65px;
  line-height: 50px;
  font-size: 21px;
  text-align: center; 
  color: #843305;
  font-weight: 700; 
  background: url('/act/ad01/images/240627/tc/down.png') no-repeat;
	animation: popdown .6s steps(3) infinite;
	-webkit-animation: popdown .6s steps(3) infinite;
}
@-webkit-keyframes popdown {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -240px;
    }	
}


@keyframes popdown {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 0 -240px;
    }	
}

.pop4-wrap{ width:550px; height:340px; overflow:hidden; position:relative;top: 355px;left: 690px; }
.pop4-wrap .hd{ overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;display: none; }
.pop4-wrap .bd{ position:relative; height:100%; z-index:1;  }
.pop4-wrap .bd li{ zoom:1; vertical-align:middle; }
.pop4-wrap .bd .t{
  background: url(/act/ad01/images/240627/tc/icon.png) no-repeat;
  width:367px;
  height: 63px;
  color: #ddbb89;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 50px;
  padding-top: 2px;
}
.pop4-wrap .bd .t p{
  font-size: 15px;
  color: #be9e6e;
  font-weight: 400;
  margin: 5px 0;
}
.pop4-wrap .bd .t a{
  color: #fff407;
}

.pop4-wrap .prev,
.pop4-wrap .next{z-index:5; position:absolute; left:0; top:53%; margin-top:-25px; display:block; width:70px; height:76px; background:url(/act/ad01/images/240627/tc/lr.png) no-repeat;}
.pop4-wrap .next{ left:auto; right:0; background-position:-67px 0; }


@media screen and (max-device-width:900px){
    #ixy-topbar, .footer{display:none;}

}