@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; margin: 0 auto;}
.main {width:100%;height:13280px;overflow: hidden; margin: 0 auto; image-rendering: pixelated; 
	background: 
		url(../images/bg_02.jpg) no-repeat 50% 812px,
		url(../images/bg_03.jpg) no-repeat 50% 1624px,
		url(../images/bg_04.jpg) no-repeat 50% 2436px,
		url(../images/bg_05.jpg) no-repeat 50% 3248px,
		url(../images/bg_06.jpg) no-repeat 50% 4060px,
		url(../images/bg_07.jpg) no-repeat 50% 4872px,
		url(../images/bg_08.jpg) no-repeat 50% 5684px,
		url(../images/bg_09.jpg) no-repeat 50% 6496px,
		url(../images/bg_10.jpg) no-repeat 50% 7308px,
		url(../images/bg_11.jpg) no-repeat 50% 8120px,
		url(../images/bg_12.jpg) no-repeat 50% 8932px,
		url(../images/bg_13.jpg) no-repeat 50% 9744px,
		url(../images/bg_14.jpg) no-repeat 50% 10556px,
		url(../images/bg_15.jpg) no-repeat 50% 11368px,
		url(../images/bg_16.jpg) no-repeat 50% 12180px}

.main .layer { width: 100%; height: 812px; position: relative; overflow: hidden;}
.main .logo {width:215px;height:89px;top:15px;left:50%;margin-left: -600px;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 .btn-b1{ width: 266px; height: 61px; left:  calc(50% - 266px / 2); top: 3240px; background: url(../images/btn-1.png) no-repeat; text-indent: -9999em; z-index: 16;}
.main .btn-xs{ width: 255px; height: 107px; position: fixed; left: auto; right: 20px; top: 55%; background: url(../images/btn-xs.png) no-repeat; text-indent: -9999em; z-index: 16;}
.main .btn-b1:hover,.main .btn-xs:hover{ -webkit-filter: contrast(120%);filter: contrast(120%);}

.main .btn{width:200px;height:135px;left:50%;}
.main .btn-1{ top:2030px; width: 300px; margin-left:-150px;}
.main .btn-2{ top:2030px; width: 300px; margin-left:152px;}
.main .btn-3{ top:2446px; margin-left:-503px;}
.main .btn-4{ top:2446px; margin-left:-234px;}
.main .btn-5{ top:2446px; margin-left:40px;}
.main .btn-6{ top:2446px; margin-left:286px;}
.main .btn-7{ top:2924px; margin-left:-303px;}
.main .btn-8{ top:2924px; margin-left:-100px;}
.main .btn-9{ top:2924px; margin-left:102px;}
.main .btn-10{ top:3534px; margin-left:102px;}
.main .btn-11{ top:3534px; margin-left:304px;}
.main .btn-12{ top:3668px; margin-left:-503px;}
.main .btn-13{ top:6828px; width: 367px; height: 120px; background: url(../images/btn-2.png) no-repeat; margin-left:-420px;}
.main .btn-14{ top:6828px; width: 367px; height: 120px; background: url(../images/btn-3.png) no-repeat; margin-left:52px;}
.main .btn-15{ top:12446px; margin-left:253px;}
.main .btn-16{ top:12624px; margin-left:-333px;}

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

.pop-1,.pop-11{ width:507px;}
.pop-2{ width:665px;}
.pop-3{ width:527px;}
.pop-4{ width:440px;}
.pop-5{ width:477px;}
.pop-6,.pop-10{ width:411px;}
.pop-7{ width:809px;}
.pop-8{ width:1068px;}
.pop-9{ width:749px;}
.pop-12{ width:467px;}
.pop-13{ width:684px;}
.pop-14{ width:707px;}
.pop-15{ width:637px;}
.pop-16{ width:995px;}