*{margin:0;padding:0;box-sizing:border-box;}
body{width:100%;font-family:"Microsoft YaHei",sans-serif;background:#250403;}
::-webkit-scrollbar {width:10px;height:10px;background-color: rgba(38,4,3,.99);}
::-webkit-scrollbar-track{border-radius:50px; background-color:#260403;}
::-webkit-scrollbar-thumb{border-radius:20px;background-color:#491114;}
::-webkit-scrollbar-button {background-color:#260403;}
.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:725px;}
.btn-g {width:1000px;height:174px;margin:0 auto;text-align:center;display:flex;gap:80px;}
.btn-item{width:457px;height:174px;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%;}
.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:1000px;height:349px;background:url("01-a_01.png") no-repeat center top;position:relative;margin-top:100px;}
.main-a04 {width:1000px;height:128px;position:relative;margin-bottom:30px;}
.main-a04 .main-btn-b {width:802px;height:114px;margin:0 auto;text-align:center;display:flex;margin-top:30px;gap:20px;}
.main-a04 .main-btn-b .btn-item{height:114px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-a04 .main-btn-b .btn01{width:261px;background:url("i01.png") no-repeat center;}
.main-a04 .main-btn-b .btn02{width:321px;background:url("i02.png") no-repeat center;}
.main-a04 .main-btn-b .btn03{width:261px;background:url("i03.png") no-repeat center;}
.main-a04 .main-btn-b .btn01.active{background:url("i01-ok.png") no-repeat center;}
.main-a04 .main-btn-b .btn02.active{background:url("i02-ok.png") no-repeat center;}
.main-a04 .main-btn-b .btn03.active{background:url("i03-ok.png") no-repeat center;}

.main-a05 {width:1000px;height:19796px;background:url("01-a_05.png") no-repeat center top;position:relative;}
.main-c01 {width:1000px;height:2000px;background:url("01-c_01.png") no-repeat center top;position:relative;}
.main-d01 {width:1000px;height:1300px;background:url("01-d_01.png") no-repeat center top;position:relative;}

.main-a04-1 {width:1000px;height:280px;position:relative;margin-bottom:30px;}
.main-a04-1 .main-btn-b {width:700px;height:114px;margin:0 auto;text-align:center;display:flex;margin-top:30px;gap:20px 20px;flex-wrap: wrap;justify-content: center;}
.main-a04-1 .main-btn-b .btn-item{width:321px;height:114px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;flex:none;}
.main-a04-1 .main-btn-b .btn01{background:url("ii01.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn02{background:url("ii02.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn03{background:url("ii03.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn04{background:url("ii04.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn01.active{background:url("ii01-ok.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn02.active{background:url("ii02-ok.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn03.active{background:url("ii03-ok.png") no-repeat center;}
.main-a04-1 .main-btn-b .btn04.active{background:url("ii04-ok.png") no-repeat center;}
.tab-item {display: none;}
.tab-item.show {display: block;}
.main-d02 {width:1000px;height:11300px;background:url("01-d_02.png") no-repeat center top;position:relative;}
.main-d03 {width:1000px;height:11300px;background:url("01-d_03.png") no-repeat center top;position:relative;}
.main-d04 {width:1000px;height:11500px;background:url("01-d_04.png") no-repeat center top;position:relative;}
.main-d05 {width:1000px;height:11500px;background:url("01-d_05.png") no-repeat center top;position:relative;}


@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-e01 {width:1003px;height:4450px;background:url("01-e_01.png") no-repeat center top;position:relative;margin-top:100px;}

.main-e01 .main-btn-a {width:582px;height:114px;margin:0 auto;text-align:center;display:flex;padding-top:330px;}
.main-e01 .main-btn-a .btn-item{width:582px;height:114px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-e01 .main-btn-a .btn01{width:582px;background:url("e04.png") no-repeat center;}
.main-e01 .main-btn-a .btn01:hover{background:url("e04-ok.png") no-repeat center;}

.main-e01 .main-btn-b {width:331px;height:114px;margin:0 auto;text-align:center;display:flex;margin-top:2630px;}
.main-e01 .main-btn-b .btn-item{width:331px;height:114px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-e01 .main-btn-b .btn01{width:331px;background:url("e03.png") no-repeat center;}
.main-e01 .main-btn-b .btn01:hover{background:url("e03-ok.png") no-repeat center;}

.main-e02 .main-btn-a {width:610px;height:124px;margin:0 auto;text-align:center;display:flex;gap:20px;}
.main-e02 .main-btn-a .btn-item{width:261px;height:114px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;}
.main-e02 .main-btn-a .btn01{background:url("e01.png") no-repeat center;}
.main-e02 .main-btn-a .btn02{background:url("e02.png") no-repeat center;}
.main-e02 .main-btn-a .btn01:hover{background:url("e01-ok.png") no-repeat center;}
.main-e02 .main-btn-a .btn02:hover{background:url("e02-ok.png") no-repeat center;}
.main-e03 {width:1003px;height:70px;background:url("tit02.png") no-repeat center top;position:relative;margin-top:60px;}
.main-e04 {margin-bottom:100px;}
.main-e04 .main-btn-a {width:820px;height:264px;margin:0 auto;text-align:center;display:flex;gap:20px 30px;flex-wrap: wrap;justify-content: center;}
.main-e04 .main-btn-a .btn-item{height:114px;cursor:pointer;transition:transform 0.2s ease;text-indent:-9999px;overflow:hidden;display:block;flex:none;}
.main-e04 .main-btn-a .btn01{width:332px;background:url("ee01.png") no-repeat center;}
.main-e04 .main-btn-a .btn02{width:440px;background:url("ee02.png") no-repeat center;}
.main-e04 .main-btn-a .btn03{width:261px;background:url("ee03.png") no-repeat center;}
.main-e04 .main-btn-a .btn01:hover{background:url("ee01-ok.png") no-repeat center;}
.main-e04 .main-btn-a .btn02:hover{background:url("ee02-ok.png") no-repeat center;}
.main-e04 .main-btn-a .btn03:hover{background:url("ee03-ok.png") no-repeat center;}

.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;}
.spinner {width:856px;height:500px;background:#0e0a25;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.spinner i {position: absolute;width:45px;height:45px;right:400px;top:-30px;background: url(gb.png) no-repeat;cursor: pointer;transition: all .3s ease-in;}
.spinner p {text-align:left;width:856px;height:500px;overflow-y:auto;}
.spinner p::-webkit-scrollbar{width:5px;height:5px;background-color:#9fc0e0;border-radius:20px;}
.spinner p::-webkit-scrollbar-track{background-color: #9fc0e0;margin:0px 0;}
.spinner p::-webkit-scrollbar-thumb{background-color: #f76f58;border-radius:20px;} 
.spinner p::-webkit-scrollbar-button {background-color:#9fc0e0;}