@charset "UTF-8";
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;}
.main {width:100%;height:10614px;overflow: hidden; margin: 0 auto;  
	background: 
		url(../images/bg_02.jpg) no-repeat 50% 960px,
		url(../images/bg_03.jpg) no-repeat 50% 1920px,
		url(../images/bg_04.jpg) no-repeat 50% 2880px,
		url(../images/bg_05.jpg) no-repeat 50% 3840px,
		url(../images/bg_06.jpg) no-repeat 50% 4800px,
		url(../images/bg_07.jpg) no-repeat 50% 5760px,
		url(../images/bg_08.jpg) no-repeat 50% 6720px,
		url(../images/bg_09.jpg) no-repeat 50% 7680px,
		url(../images/bg_10.jpg) no-repeat 50% 8640px,
		url(../images/bg_11.jpg) no-repeat 50% 9600px}

.main .layer { width: 100%; height: 960px; overflow: hidden; position: relative;}
.main .logo {width:165px;height:60px;top:20px;left:50%;margin-left: 446px;z-index:16;background: url(../images/logo.png) no-repeat 0 0;}
.main .bgimg {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:1;background: url(../images/bg_01.jpg) no-repeat 0 0;}
.main .mask {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:15;background: url(../images/mask.png) no-repeat 0 0;}
.main .slogan {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:11;background: url(../images/slogan.png) no-repeat 0 0;}
.main .npc {width:1920px;height:100%;top:0;left:50%;margin-left:-960px;z-index:10;background: url(../images/npc.png) no-repeat 0 0;}

.main .xdCon { top:3200px; margin: 0 auto; width: 1060px; height: 486px; overflow: hidden;}
.main .xdCon ul,.main .xdCon li,.main .xdCon img { width: 100%;}
.main .xdCon .nextBtn,.main .xdCon .prevBtn { display: block; background: url(../images/btn-arr.png) no-repeat left top; width: 122px; height: 69px; position: absolute; top: 410px; z-index: 2; text-indent: -999em}
.main .xdCon .prevBtn { left: 409px;}
.main .xdCon .nextBtn { right: 409px; transform: rotateY(180deg);}
.main .xdCon .nextBtn:hover,.main .xdCon .prevBtn:hover{ background-position: right top;}

.main .btn-b2 { width: 323px; height: 172px; position: fixed; left: auto; right: 20px; top: 55%; background: url(https://img5.tiancitycdn.com/cso/event/2026/3/cs260311act/images/fc.png) no-repeat; text-indent: -9999em; z-index: 16;}
.main .btn-b2:hover{ -webkit-filter: contrast(120%);filter: contrast(120%);}

.main .btn{width:244px;height:144px;left:50%;}
.main .btn-1{ top:2618px; margin-left:-260px;}
.main .btn-2{ top:2618px; margin-left:12px;}
.main .btn-3{ top:2928px; margin-left:-530px;}
.main .btn-4{ top:2928px; margin-left:-260px;}
.main .btn-5{ top:2928px; margin-left:12px;}
.main .btn-6{ top:2928px; margin-left:286px;}
.main .btn-7{ top:3342px; margin-left:286px;}
.main .btn-8{ top:3554px; margin-left:-530px;}
.main .btn-9{ top:3554px; margin-left:-260px;}
.main .btn-10{ top:0; margin-left:-530px;}
.main .btn-11{ top:0; margin-left:-260px;}
.main .btn-12{ top:0; margin-left:12px;}

.pop {width:710px;display: none}
.pop img{ width: 100%;}
.pop .btn_close{width: 50px;height:50px;right:10px;top:0;position: absolute}