a:link,a:partive,a:visited,a:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;outline: none;}
#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
body {background: #383838;padding-top: 40px; min-width: 1200px; max-width: 1920px; margin: 0 auto;}
.main {width:100%;height:8556px;overflow: hidden; margin: 0 auto; image-rendering: pixelated; 
	background: 
		url(../images/bg_02.jpg) no-repeat 50% 1080px,
		url(../images/bg_03.jpg) no-repeat 50% 2160px,
		url(../images/bg_04.jpg) no-repeat 50% 3240px,
		url(../images/bg_05.jpg) no-repeat 50% 4320px,
		url(../images/bg_06.jpg) no-repeat 50% 5400px,
		url(../images/bg_07.jpg) no-repeat 50% 6480px,
		url(../images/bg_08.jpg) no-repeat 50% 7560px}

.main .layer { width: 100%; height: 1080px; position: relative; overflow: hidden;}
.main .logo {width:283px;height:136px;top:15px;left:50%;margin-left: -141px;z-index:16;background: url(../images/logo.png) no-repeat;}
.main .bgimg {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:1;background: url(../images/bg_01.jpg) no-repeat;}
.main .slogan {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:11;background: url(../images/slogan.png) no-repeat;}
.main .npc-1 {width:1920px;height:1130px;top:0;left:50%;margin-left:-960px;z-index:5;background: url(../images/npc-1.png) no-repeat;}
.main .mask {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:6;background: url(../images/mask.png) no-repeat;}


.main .adPic,.main .adPic li,.main .adPic img{ width: 100%;}
.main .xdCon { top:5342px; left: 50%; margin-left: -515px; width: 1030px; height: 562px;}
.main .xdCon .nextBtn,.main .xdCon .prevBtn { display: block; width: 127px; height: 110px; background: url(../images/arrow-1.png) no-repeat 0 0; position: absolute; top: 230px; z-index: 2; text-indent: -999em;}
.main .xdCon .prevBtn { background-position: 0 0; left: -65px; }
.main .xdCon .nextBtn { background-position: -127px 0; right: -65px; }
.main .xdCon .nextBtn:hover,.main .xdCon .prevBtn:hover{ filter: brightness(1.2)}

.main .btn-act{ width: 319px; height: 398px; position: fixed; left: auto; right: 0px; top: 55%; background: url(../images/btn-act.png) no-repeat; text-indent: -9999em; z-index: 16;}
.main .btn-act:hover{ filter: brightness(1.3);}


.main .btn-b1{ top: 2039px; background: url(../images/btn-1.png) no-repeat; }
.main .btn{width:295px;height:200px;left:50%; text-indent: -9999px;}
.main .btn-1{ top:7564px; margin-left:307px;}
.main .btn-2{ top:7784px; margin-left:-450px;}
.main .btn-3{ width: 250px; top:8134px; margin-left:-124px;}

.pop {width:818px;display: none}
.pop img{ width: 100%; image-rendering: pixelated; }
.pop .btn_close{width: 55px;height:55px;right:-55px;top:0;position: absolute;background: url(../images/btn-close.png) no-repeat;}

.pop-2{ width: 368px;}