*{margin:0;padding:0;box-sizing:border-box;}
body{width:100%;font-family:"Microsoft YaHei",sans-serif;background:#08092b;}
::-webkit-scrollbar {width:10px;height:10px;background-color: rgba(2,10,48,.99);}
::-webkit-scrollbar-track{border-radius:50px; background-color:#020a30;}
::-webkit-scrollbar-thumb{border-radius:20px;background-color:#071a50;}
::-webkit-scrollbar-button {background-color:#020a30;}
.game-banner-wrap{position:relative;width:100%;max-width:1920px;height:auto;margin:0 auto;background:url("bg-main.jpg") center top no-repeat;}
.game-logo{position:relative;top:30px;left:3%;width:326px;height:84px;background:url("logo.png") no-repeat center top;text-indent:-9999px;overflow:hidden;animation: logoFlash 2s ease-out forwards;}
@keyframes logoFlash {0% {opacity: 0;transform: scale(0.5);}20% {opacity: 1;transform: scale(1.2);}40% {transform: scale(0.9);}60% {transform: scale(1.1);}80% {transform: scale(0.95);}100% {opacity: 1;transform: scale(1);}}
.btn-group{position:relative;width:100%;height:164px;margin-top:750px;}
.btn-g {width:1000px;height:164px;margin:0 auto;text-align:center;display:flex;gap:6px;}
.btn-item{width:362px;height:164px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.btn01{background:url("01.png") no-repeat center;background-size:100% 100%;}
.btn02{background:url("02.png") no-repeat center;background-size:100% 100%;}
.btn03{background:url("03.png") no-repeat center;background-size:100% 100%;}
.btn-item:hover{transform:scale(1.05);}
.center-body{position:relative;width:100%;text-align:center;margin:0 auto;}
.center-body .main {width:1060px;margin:0 auto;} 
.main-a01 {width:1060px;height:978px;background:url("01-a_01.png") no-repeat center top;position:relative;}
.main-a02 {width:1060px;height:172px;position:relative;}
.main-btn-a {width:1000px;height:164px;margin:0 auto;text-align:center;display:flex;gap:6px;}
.main-btn-a .btn-item{width:362px;height:108px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-btn-a .btn01{background:url("btn01.png") no-repeat center;}
.main-btn-a .btn02{background:url("btn02.png") no-repeat center;}
.main-btn-a .btn03{background:url("btn03.png") no-repeat center;}
.main-a03 {width:1060px;height:1038px;background:url("01-a_03.png") no-repeat center top;position:relative;}
.main-a04 {width:1060px;height:128px;position:relative;}
.main-btn-b {width:802px;height:108px;margin:0 auto;text-align:center;display:flex;margin-top:30px;gap:8px;}
.main-btn-b .btn-item{width:400px;height:108px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-btn-b .btn01{background:url("map01.png") no-repeat center;}
.main-btn-b .btn02{background:url("map02.png") no-repeat center;}
.main-btn-b .btn-item.active{transform:scale(1.06);}
.main-a05 {width:1060px;height:707px;background:url("01-a_05.png") no-repeat center top;position:relative;}
.main-a06 {width:1060px;height:939px;background:url("01-a_06.png") no-repeat center top;position:relative;}
.main-a07 {width:1060px;height:436px;background:url("01-a_07.png") no-repeat center top;position:relative;}
.main-a08 {width:1060px;height:887px;background:url("01-a_08.png") no-repeat center top;position:relative;}
.main-a09 {width:1060px;height:1541px;background:url("01-a_09.png") no-repeat center top;position:relative;}
.main-a10 {width:1060px;height:1386px;background:url("01-a_10.png") no-repeat center top;position:relative;}
.main-a11 {width:1060px;height:1971px;background:url("01-a_11.png") no-repeat center top;position:relative;}
.main-a12 {width:1060px;height:1707px;background:url("01-a_12.png") no-repeat center top;position:relative;}
.main-b01 {width:1060px;height:1282px;background:url("01-b_01.png") no-repeat center top;position:relative;}
.main-b02 {width:1060px;height:2729px;background:url("01-b_02.png") no-repeat center top;position:relative;}
.main-b03 {width:1060px;height:2498px;background:url("01-b_03.png") no-repeat center top;position:relative;}
.main-b04 {width:1060px;height:1941px;background:url("01-b_04.png") no-repeat center top;position:relative;}
.main-b05 {width:1060px;height:2583px;background:url("01-b_05.png") no-repeat center top;position:relative;}
.main-b06 {width:1060px;height:2854px;background:url("01-b_06.png") no-repeat center top;position:relative;}
.main-b07 {width:1060px;height:1944px;background:url("01-b_07.png") no-repeat center top;position:relative;}
.main-b08 {width:1060px;height:1548px;background:url("01-b_08.png") no-repeat center top;position:relative;}
.main-b09 {width:1060px;height:1347px;background:url("01-b_09.png") no-repeat center top;position:relative;}
.main-b10 {width:1060px;height:1317px;background:url("01-b_10.png") no-repeat center top;position:relative;}
.main-b11 {width:1060px;height:1938px;background:url("01-b_11.png") no-repeat center top;position:relative;}
.main-c01 {width:1060px;height:999px;background:url("01-c_01.png") no-repeat center top;position:relative;}
.main-c02 {width:1060px;height:875px;background:url("01-c_02.png") no-repeat center top;position:relative;}
.main-c03 {width:1060px;height:2349px;background:url("01-c_03.png") no-repeat center top;position:relative;}
.main-c04 {width:1060px;height:1395px;background:url("01-c_04.png") no-repeat center top;position:relative;}
.main-c05 {width:1060px;height:1739px;background:url("01-c_05.png") no-repeat center top;position:relative;}
.main-c06 {width:1060px;height:1140px;background:url("01-c_06.png") no-repeat center top;position:relative;}
.main-c07 {width:1060px;height:5260px;background:url("01-c_07.png") no-repeat center top;position:relative;}
.main-c08 {width:1060px;height:4309px;background:url("01-c_08.png") no-repeat center top;position:relative;}
.main-d01 {width:1060px;height:6576px;background:url("01-d_01.png") no-repeat center top;position:relative;}
.main-d02 {width:1060px;height:2315px;background:url("01-d_02.png") no-repeat center top;position:relative;}
.main-d03 {width:1060px;height:2291px;background:url("01-d_03.png") no-repeat center top;position:relative;}
.main-d04 {width:1060px;height:1740px;background:url("01-d_04.png") no-repeat center top;position:relative;}
.main-d05 {width:1060px;height:3017px;background:url("01-d_05.png") no-repeat center top;position:relative;}
.tab-item{display:none;}
.tab-item.show{display:block;}	
@media screen and (max-width:768px){.btn-group{flex-direction:column;align-items:center;gap:8px;}.btn-item{width:calc(100% - 40px);max-width:362px;height:auto;aspect-ratio:362/164;}.game-logo{width:calc(45%);max-width:326px;height:auto;aspect-ratio:326/84;}.footer-desc{font-size:10px;white-space:normal;padding:0 10px;}}
.main-2a01 {width:1060px;height:10434px;background:url("02a.png") no-repeat center top;position:relative;}

.main-4a {width:1000px;height:320px;position:relative;}
.main-4a .main-btn-c {width:1000px;height:269px;margin:0 auto;text-align:center;display:flex;margin-top:30px;gap:8px;}
.main-4a .main-btn-c .btn-item{width:317px;height:267px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-4a .main-btn-c .btn01{background:url("btn-4a01.png") no-repeat center;}
.main-4a .main-btn-c .btn02{background:url("btn-4a02.png") no-repeat center;}
.main-4a .main-btn-c .btn03{background:url("btn-4a03.png") no-repeat center;}
.main-4a .main-btn-c .btn04{background:url("btn-4a04.png") no-repeat center;}
.main-4a .main-btn-c .btn05{background:url("btn-4a05.png") no-repeat center;}
.main-4a .main-btn-c .btn-item.active{transform:scale(1.06);}

.main-4a01 {width:1060px;height:2585px;background:url("4a-01.png") no-repeat center top;position:relative;}
.main-4a02 {width:1060px;height:2405px;background:url("4a-02.png") no-repeat center top;position:relative;}
.main-4a03 {width:1060px;height:1896px;background:url("4a-03.png") no-repeat center top;position:relative;}
.main-4a04 {width:1060px;height:1999px;background:url("4a-04.png") no-repeat center top;position:relative;}
.main-4a05 {width:1060px;height:2775px;background:url("4a-05.png") no-repeat center top;position:relative;}


.open {cursor: pointer;}
.sp {position: fixed;width:0;height:0;overflow: hidden;left: 0;top: 0;bottom: 0;right: 0;margin: auto;background: rgba(0, 0, 0, .9);z-index: 555555555;}
.tcs1 .spinner {width:999px;height:550px;background:#0e0a25;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.tcs1 .spinner i {position: absolute;width:45px;height:45px;right:0px;top:20px;background: url(gb.png) no-repeat;cursor: pointer;transition: all .3s ease-in;}
.tcs1 .spinner h1 {text-align:center;}
.tcs1 .spinner p {text-align:left;width:1005px;height:500px;overflow-y:auto;margin-top:-10px;}
.tcs1 .spinner p::-webkit-scrollbar{width:5px;height:5px;background-color:#9fc0e0;border-radius:20px;}
.tcs1 .spinner p::-webkit-scrollbar-track{background-color: #9fc0e0;margin:0px 0;}
.tcs1 .spinner p::-webkit-scrollbar-thumb{background-color: #f76f58;border-radius:20px;} 
.tcs1 .spinner p::-webkit-scrollbar-button {background-color:#9fc0e0;}
.tcs2 .spinner {width:999px;height:770px;background:#0e0a25;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.tcs2 .spinner i {position: absolute;width:45px;height:45px;right:0px;top:20px;background: url(gb.png) no-repeat;cursor: pointer;transition: all .3s ease-in;}
.tcs2 .spinner h1 {text-align:center;}
.tcs2 .spinner p {text-align:left;width:1005px;height:701px;overflow-y:auto;margin-top:-10px;}
.tcs2 .spinner p::-webkit-scrollbar{width:5px;height:5px;background-color:#9fc0e0;border-radius:20px;}
.tcs2 .spinner p::-webkit-scrollbar-track{background-color: #9fc0e0;margin:0px 0;}
.tcs2 .spinner p::-webkit-scrollbar-thumb{background-color: #f76f58;border-radius:20px;} 
.tcs2 .spinner p::-webkit-scrollbar-button {background-color:#9fc0e0;}