@charset "UTF-8";
*{margin:0;padding:0;list-style: none;text-decoration:none;border:none;}
body{font-size: 12px;font-family: "Microsoft YaHei";background-color: #04050a;overflow-x:hidden;}
.fl{float:left;}
.fr{float:right;}
.rel{position:relative;}
.abs{position:absolute;}
.w1200{width:1200px;margin:0 auto;}

.wrap{width:100%;min-width: 1200px;max-width:1920px;background:#000 url(../images/260824/bg.webp) no-repeat center top;margin:0 auto;}
.cont1{height:1030px;overflow:hidden;}
.bgvideo{top:0px;left:50%;margin-left:-960px;position:absolute;z-index: 1;width:1920px;height:984px;}
.top{margin:0 auto;height: 855px;z-index:5;}
.navbar {display:block;background:rgba(15, 15, 15, 0.3);position:absolute;top:0px;right:0px;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}

.top .logo{top: 35px;left: -150px;width: 230px;height:100px;}
.top .logo img{width:100%;}
.top .start-time{width: 450px;height: 55px;line-height: 55px;text-align: center;top: 605px;font-size: 30px;left: 365px;color: #b50000;font-weight: bold;} 
.top .start-time .text{width: 450px;height: 55px;line-height: 55px;text-align: center;top: 605px;font-size: 30px;left: 365px;color: #b50000;font-weight: bold;}
.top .slogan{display:block;position: absolute;margin: 0 auto;width: 800px;height: 400px;text-align: center;top: 135px;font-size: 23px;left: 440px;color: #fff;}
.top .header-btn{width: 690px;height: 170px;display:flex;top: 563px;justify-content: space-evenly;align-items: center;left: 258px;background:url(/images/260824/top_reg_bg.png) no-repeat;}
.top .btn{width:211px;height:63px;display:block;text-indent:-9999px;}
.top .btn_reg{background:url(../images/260824/top_reg_n.png) no-repeat;width:200px;height:134px;}
.top .btn_reg:hover{background:url(../images/260824/top_reg_h.png) no-repeat;}
.top .btn_download{background:url(../images/260824/top_down.png) no-repeat;margin-bottom:8px;}
.top .btn_gift{background:url(../images/260824/top_gift.png) no-repeat;}
.top .btn_download:hover,
.top .btn_gift:hover{background-position: 0 -80px;}
.top .btn_item{background:url(../images/260824/top-item.png) no-repeat;width:216px;height: 165px;margin-top: -35px;}
.j-go{
	background:url(../images/260824/arrow.png) no-repeat;
	width:198px;
	height:64px;
	position:absolute;
    left: 50%;
    bottom: 0;
    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);

    }	
}

.cont2 {
    width: 100%;
    height: 1030px;
}
.cont2 .title{
	height:110px;
	width:537px;
	margin: 0 auto;
}
.ts{height:820px;}
.ts .Cooldog_content {
    position: absolute;
    width: 1200px;
    height: 675px;
    top: 60px;
	left: 0px;

}

.ts .Cooldog_content li {
    position: absolute;
    width: 100%;
    transition: all 0.3s ease;
}

.ts .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.ts .Cooldog_content li a {
	cursor: unset;
}

.ts .Cooldog_content li .ts-info{
	display:none;
	width:700px;
	height:53px;
	position:absolute;
	color: #924639;
	font-size:20px;
	font-family:yahei;
	text-align:center;
	line-height:53px;
	/*background:url("/act/ad01/images/210903/ts/ts-info.png") no-repeat;*/
    bottom: 82px;
    left: 15px;
}
.ts .btn_left,
.ts .btn_right {
    width: 155px;
    height: 410px;
    position: absolute;
    top: 185px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
}

.ts .btn_left {
    text-align: left;
    left: -120px;
    background:url(/images/260824/ts-btn-lr.png) no-repeat;
}

.ts .btn_right {
    text-align: right;
    right: -95px;
    background: url(/images/260824/ts-btn-lr.png) no-repeat -240px 0;
}

.ts .buttons {
    height: 35px;
    width: 600px;
    line-height: 5px;
    bottom: 23px;
    left: 285px;
    z-index: 80;
    position: absolute;
    display: inline-flex;
    justify-content: center;
}

.ts .buttons a {
    float: left;
    width: 35px;
    height: 35px;
    font-size: 26px;
    line-height: 65px;
    background:url(/images/260824/ts-icon-n.png) no-repeat center;
    text-align: center;
    margin-right: 25px;
}

.ts .buttons a.on {
    background:url(/images/260824/ts-icon-h.png) no-repeat center;
    color: #fff;
}



.p1 {
    transform: translate3d(-325px, 0, 0) scale(0);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 2;
}

.p2 {
    transform: translate3d(-180px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    /*opacity: 0.6;*/
    z-index: 3;
}

.p3 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p4 {
    transform: translate3d(355px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    /*opacity: 0.6;*/
    z-index: 3;
}

.p5 {
    transform: translate3d(425px, 0, 0) scale(0);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 2;
}
.p2::after,
.p4::after{
	background-color:#00000080;
	content:"";
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
}

.cont3{height:1000px;}
.cont3 .title{height:110px;width:433px;margin:0 auto;}
.job {width: 100%;}
.job .bd{width: 100%;overflow:hidden;position:relative;height: 785px;}
.job .bd li{position:relative;}
.job .bd .job-pic{width:714px;height:882px;top:-35px; left:25px;}
.job .job-info{width: 465px;height: 510px;left: 50%;margin-left: 120px;top: 180px;overflow:hidden;}
.job .job-info .job-title{background:url(/images/260824/job-tt.png) no-repeat;width:250px;height:35px;}
.job .job-text{color: #000;font-size: 17px;top: 45px;width: 100%;height:200px;line-height:160%;}

.job .job-skill{position: absolute;top: 230px;width: 100%;overflow:hidden;height:280px;}
.job .job-skill .job-skill-bd{width: 100%;overflow:hidden;position:relative;height: 200px;top: 60px;font-size: 16px;}
.job .bd li{position:relative;}
.job .job-skill .job-skill-hd{width: 100%;height: 50px;position:absolute;top: 10px;left: 0px;overflow: hidden;}
.job .job-skill .job-skill-btn{width: 146px;height: 39px;line-height: 39px;cursor:pointer;color: #000;font-size: 18px;text-align: center;background:url(/images/260824/job-skill-n.png) no-repeat;display: inline-block;}
.job .job-skill .job-skill-btn.on{background:url(/images/260824/job-skill-h.png) no-repeat; color: #fff;}
.job .job-skill .skill-gif{top:50px;left:88px;}

.job .hd{width: 105px;height: 550px;position:absolute;top: 135px;left: 0px;}
.job .hd .job-btn{width: 107px;height: 45px;line-height: 45px;cursor:pointer;color: #fff;font-size: 24px;text-align: center;margin:25px 0;}
.job .hd .job-btn.on{background-color: #d7bd80; color: #000;}

.cont4{height:880px; overflow:hidden}
.news{width: 725px;height: 515px;left: 0;}
.news .title{margin:0 auto;height:45px;}
.new-nav{height: 72px;overflow:hidden;border-bottom: 1px solid #d7bd80;}
.nav a{color:#000;font-size:20px}
.nav li{float:left;margin-left: 10px;line-height: 100px;position:relative;width: 75px;height: 70px;text-align:center;}
.nav .cur{border-bottom: 2px solid #edcf75;z-index: 10;}
.nav .cur a, .nav a:hover{font-weight:bold;}
.title-list{display:none;}
.title-list{margin: 0px auto;width: 100%;height: 315px;overflow: hidden;}
.title-list li{height: 50px;line-height: 50px;font-size: 18px;width: 95%;color: #000;border-bottom: 1px dashed #bdbdbd; margin:0 auto;}
.title-list a{color: #000;text-align:left;font-size: 18px;}
.title-list span{float:right;height:35px;}
.newstt {width:80%;overflow:hidden;float:left;height: 35px;text-overflow:ellipsis;white-space:nowrap;}
.more{font-size: 16px;color: #fff;margin-left: 280px;/* margin-top: 15px; */line-height: 85px;background-color: #d7bd80;padding: 3px 20px;border-radius: 20px;}
.title-list li:hover,
.title-list li:hover a{font-weight:bold;}
.news-tag-title { display: block; height: 55px; line-height: 55px; text-align: center; font-size: 28px; font-weight: 700; color: #000;overflow:hidden;}
.news-tag-title:hover {text-decoration: underline;}

.fuli{right:0;width: 400px;height: 515px;}
.fuli .title{margin:0 auto;height:45px;}
.fuli .box{display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: 465px;margin-top: 10px;}
.fuli .wximg{width: 120px;left: 27px;top: 27px;}

.foot-btns{width: 1060px;display:flex;justify-content: space-between;align-items: center;top: 610px;margin-left: 70px;}
.foot-btns .btn{width:488px;height: 115px;display:block;text-indent:-9999px;}
.foot-btns .btn_reg{background:url(/images/260824/footer_reg.png) no-repeat;}
.foot-btns .btn_download{background:url(/images/260824/footer_down.png) no-repeat center top;}
.foot-btns .btn_download:hover{background-position:0 -140px;}
.foot-btns .btn_reg:hover{background-position:0 -140px;}


.go-top{background:url(/images/260824/to_top.png) no-repeat;width:42px; height:70px; margin:60px auto;display:block;}

.floatlogo,.floatright{display:none;}

.dialog{display:none;}
.btn_dialog_close{width: 21px;height:22px;position:absolute;top:2px;right:-30px;cursor:pointer;background: url(../images/btn_hb_close.png?v=1);overflow:hidden;text-indent:-9999px;}
.dialog_title{height: 60px;line-height: 60px;padding-top: 10px;font-size: 25px;color: #fff;border-bottom: 1px solid #282636;text-align: center;position: relative;}
.dialog_title strong{color:#ffe27d}

.blackBg{width:100%; background:#000; position:absolute; top:0; left:0; z-index:98; display:none;}
.closeBtn{width: 45px;height:45px;position:absolute;background: url(/images/close.png?v=1) no-repeat ;right:-50px;top:115px;cursor: pointer;overflow:hidden;text-indent: -9999px;}

/*注册*/
.pop4{background:url(/images/reg-tc.png) no-repeat;width:535px; height:461px;display:none;position: fixed;top:50%;left:50%;margin-left: -275px;margin-top:-300px;z-index: 99;}
.pop4 .closeBtn {width:45px; height:45px; right:-50px; top:0px;cursor:pointer;overflow:hidden; position:absolute;background:url('/images/close.png') no-repeat;}
.pop4reg{float:right; width:270px; height:258px; position:absolute; z-index:100; top:90px; right:117px;border:0 solid #000;}

/*临时礼包*/
/*.pop5{background:url(/images/260824/pop-tc.png) no-repeat center center;width:1368px; height:707px;display:none;position: fixed;top:50%;left:50%;right:0;bottom:0;margin-left: -715px;margin-top:-345px;z-index: 99;}
.pop5 .closeBtn {width:60px; height:60px; right:-65px; top:30px;cursor:pointer;overflow:hidden; position:absolute;background:url('/images/260824/pop-close.png') no-repeat;}
.pop5 .pop-right{	right:0;}
.pop5reg{float:right; width:270px; height:258px; position:absolute; z-index:100; top:140px; right:25px;border:0 solid #000;}
.pop_download{background:url('/images/260824/pop-down.png') no-repeat;width:235px;height:70px;top:505px;right:50px;}
.pop5 .pop-left{width: 550px;height: 480px;left: 450px;top: 70px;}
.pop5 .pop-left .box{margin-top: 95px;display: inline-flex;flex-wrap: wrap;justify-content: space-around;align-items: center;height: 360px;}
*/
.pop5{background:url(/images/260824/pop-tc-b.png) no-repeat center center;width:1304px; height:738px;display:none;position: fixed;top:50%;left:50%;right:0;bottom:0;margin-left: -645px;margin-top:-345px;z-index: 99;}
.pop5 .closeBtn {width:60px; height:60px; right:-10px; top:110px;cursor:pointer;overflow:hidden; position:absolute;background:url('/images/260824/pop-close.png') no-repeat;}
.pop5 .pop-right{	right:0;}
.pop5reg{float:right; width:270px; height:258px; position:absolute; z-index:100; top:205px; right:83px;border:0 solid #000;}
.pop_download{background:url('/images/260824/pop-down.png') no-repeat;width:235px;height:70px;top:587px;right:113px;}
.pop5 .pop-left{width: 550px;height: 480px;left: 345px;top: 160px;}
.pop5 .pop-left .box{margin-top: 95px;display: inline-flex;flex-wrap: wrap;justify-content: space-around;align-items: center;height: 360px;}

.ani-scale{
	animation: topdown ease-in-out 1s infinite;
	-webkit-animation: topdown ease-in-out 1s infinite;
}
@-webkit-keyframes topdown {
    0% {
        transform: scale(.9);
    }
	50%{
		transform: scale(1);
	}
	100%{
		transform: scale(.9);
	}
}
@keyframes topdown {
    0% {
        transform: scale(.9);
    }
	50%{
		transform: scale(1);
	}
	100%{
		transform: scale(.9);
	}
}


.up10{
	-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;	
}
.up10:hover{
	-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.fc{position:fixed;background:url(/images/260824/fc-ewm-yy.png) no-repeat;width:221px;height:340px;right:0px;z-index:5;top:10%;}
.fc .btn_reg{width: 160px;position: absolute;height: 40px;bottom: 5px;left: 45px;}

/* 视频 */
.videoTc{font-family:'Microsoft Yahei';background:#fff;width:640px; height:320px;display:none;position: fixed;top:50%;left:50%;margin-left: -338px;margin-top:-105px;z-index: 99;}
.videoTc .closeBtn{position:absolute;right:0;top:0;height:45px;width:45px;text-align: center;line-height:61px;color:#fff;font-size:30px;z-index:10}
#video{width:640px;height:360px;background:#000;}