body{background: #e6e4e5 url(../images/body-bg.webp) no-repeat center top;}
.banner-text img{display: block;}
.banner-text { width: auto;height: auto;}
.main-werp{display:flex}
.main-werp .main-left{width:270px;flex-shrink:0}
.main-werp .main-left .game-download a{text-decoration: none;}
.main-werp .main-left .game-download span{font-size:2.3rem;font-weight:bold;color:#fcffd3;position:relative;display:block;text-shadow:0 0 4px #8f0c0d}
.main-werp .main-left .game-download .down-text{padding-left:92px}
.main-werp .main-left .game-download .btn{display:flex;align-items:center;width:100%;overflow:hidden;height:107px;cursor:pointer;backdrop-filter:blur(1rem);border-radius:0;transition:0.5s;animation:gradient_301 5s ease infinite;background-clip:content-box,border-box;background:linear-gradient(to right,#e62020,#890000)}
.main-werp .main-left .game-download .btn:hover{background:linear-gradient(to right,#ff3b3b,#a70404)}
.main-werp .main-left .game-download .btn:hover .container-stars{opacity:1}
.main-werp .main-left .game-download .btn::after{content:"";position:absolute;background:url(../images/icon-1.webp) 18px 10px no-repeat;width:91px;height:68px}
.main-werp .main-left .game-download .container-stars{position:absolute;z-index:-1;width:100%;height:100%;overflow:hidden;transition:0.5s;backdrop-filter:blur(1rem);border-radius:5rem;opacity:0.5}
.main-werp .main-left .game-download strong{z-index:2;font-family:"Avalors Personal Use";font-size:12px;letter-spacing:5px;color:#ffffff;text-shadow:0 0 4px white}
.main-werp .main-left .game-download .glow{position:absolute;display:flex;width:12rem}
.main-werp .main-left .game-download .circle{width:100%;height:30px;filter:blur(2rem);animation:pulse_3011 4s infinite;z-index:-1}
.main-werp .main-left .game-download .circle:nth-of-type(1){background:rgba(254,83,186,0.636)}
.main-werp .main-left .game-download .circle:nth-of-type(2){background:rgba(142,81,234,0.704)}
.main-werp .main-left .game-download .stars{position:relative;background:transparent;width:200rem;height:200rem}
.main-werp .main-left .game-download .stars::after{content:"";position:absolute;top:-10rem;left:-100rem;width:100%;height:100%;animation:animStarRotate 90s linear infinite}
.main-werp .main-left .game-download .stars::after{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px}
.main-werp .main-left .game-download .stars::before{content:"";position:absolute;top:0;left:-50%;width:170%;height:500%;animation:animStar 60s linear infinite}
.main-werp .main-left .game-download .stars::before{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px;opacity:0.5}
@keyframes animStar{from{transform:translateY(0)}
to{transform:translateY(-135rem)}
}@keyframes animStarRotate{from{transform:rotate(360deg)}
to{transform:rotate(0)}
}@keyframes gradient_301{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}@keyframes pulse_3011{0%{transform:scale(0.75);box-shadow:0 0 0 0 rgba(0,0,0,0.7)}
70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}
100%{transform:scale(0.75);box-shadow:0 0 0 0 rgba(0,0,0,0)}
}
.main-werp .main-left .platform{display:flex;flex-wrap:wrap; margin-top: 10px;}
.main-werp .main-left .platform .plat-box{flex:1;text-align:center;padding:16px}
.main-werp .main-left .platform .plat-box p{height:22px}
.main-werp .main-left .platform .p-apple{background:#000}
.main-werp .main-left .platform .p-android{background:#2f6f33}
.main-werp .main-left .platform .fa-apple{color:#fff;font-size:22px}
.main-werp .main-left .platform .fa-android{color:#1afa29;font-size:22px}
.main-werp .main-left .platform img{width:100%}
.main-werp .main-left .platform .public-account{background:#fff;text-align:center;width:100%;flex:auto; padding: 6px}
.main-werp .main-left .platform  .public-account .plat-box{padding:14px}
.main-werp .main-left .platform .public-account img{width:49%}
.main-werp .main-left .platform  .public-account p{font-size:0.9rem;margin-bottom:0px}
.mr-bg{margin-top:1rem;background:#fff}
.mr-title{font-size:1.1rem}
.nav-area .area-title{background:url(../images/game-1.webp) no-repeat  0px 0px;background-size:100%;height:100px;display:flex;align-items:flex-end}
.nav-area .area-title p{background-color:#000000c2;padding:0.3rem;text-align:center;overflow:hidden;margin:0;width:100%;color:#fff}
.nav-area .area-item{background:#fff;height:89px;border-bottom:1px solid #e6e4e5;position:relative}
.nav-area .area-item::after{content:"";width:30px;height:30px;background:url(../images/icon-2.webp) no-repeat;position:absolute;right:20px;top:50%;margin-top:9px}
.nav-area .area-item a{text-decoration:none;color:#333;display:block;padding:25px;padding-left:45px;transition:all 0.5s linear}
.nav-area .area-item a:hover{background-color:#fff3f3}
.nav-area .area-item p{margin:0px}
.nav-area .area-item p:nth-child(2){color:#cc0000;font-weight:bold;padding-top:5px}
.nav-area .active{background-color:#cc0000;font-weight:bold;color:#fff}
.nav-area .active a{color:#fff}
.nav-area .active a:hover{background-color:#cc0000}
.nav-area .active p:nth-child(2){color:#fff}
.nav-area .active::after{right:18px;background:url(../images/icon-3.webp) no-repeat;margin-top:2px}
.customer-service{padding:15px;min-height:279px}
.customer-service .item-code{display:flex;justify-content:center;gap:12px;padding:15px}
.customer-service .item-code img{width:46%}
.customer-service .item-content p{margin:0;font-size:0.9rem}
.customer-service .item-content .item-title{color:#cc0000;font-size:0.9rem}
.customer-service .cont-time{border-top:1px solid #ddd;margin-top:8px;padding-top:9px}
.main-right{flex:1;margin-left:10px}
.main-right p{margin:0}
.main-right a{text-decoration:none}
.m-box{display:flex}
.carousel{width:600px;height:450px;background:#ffffffc2}
.carousel-indicators [data-bs-target]{height:6px;width:50px}
.carousel-control-next,.carousel-control-prev{display:none}
.box-warp{background:#ffffffe0;flex:1;margin-left:10px;padding:20px;padding-bottom:0;padding-top:10px}
.box-warp .nav{border-bottom:1px solid #0e0e0e;height:45px}
.box-warp .nav  li{position:relative}
.box-warp .nav .nav-link{border:0;background:transparent;color:#000;    font-size: 0.9rem;}
.box-warp .nav .nav-link:hover{color:#cc0000}
.box-warp .nav .active{color:#cc0000;font-weight:bold}
.box-warp .nav .active::after{content:"";position:absolute;height:2px;display:inline-table;width:100%;z-index:11;bottom:-1px;left:0px;background:#cc0000}
.box-warp  .tab-content{padding-bottom:0px;position:relative}
.box-warp  .tab-content .more{position:absolute;top:-37px;right:0px;width:22px;background:url(../images/icon-4.webp) no-repeat;background-size:100%;height:22px;text-indent:35px;overflow:hidden}
.box-warp  .tab-content .more:hover{background-image:url(../images/icon-4-h.webp)}
.box-warp  .tab-content .news-title{text-align:center;color:#cc0000;font-weight:bold;padding-top:15px}
.box-warp  .tab-content .news-title a{color:#cc0000}
.news-list .item{display:flex;font-size:0.8rem;justify-content:space-between;height:34px;overflow:hidden;line-height:34px;border-bottom:1px dashed #b0b0b0}
.news-list .item:last-child{border:0}
.news-list .item a{color:#636363;text-decoration:none}
.news-list .item a:hover{color:#cc0000}
.news-list .item time{color:#666;text-align:right;flex-shrink:0;padding-left: 10px;}
.m-box-top{display:flex;padding-top:16px}
.m-box-top .news-list .item {border: 0;height: 28px;}
.m-box-top .news-list{padding-top:6px}
.game-info{width:680px;position:relative;overflow:hidden;background:#101010;}
.game-info .info-warp{position:absolute;width:63%;top:0;left:0;background:#0000009e;height:100%;color:#fff;padding:47px;padding-right:33px;z-index:1}
.game-info .info-warp a{text-decoration:none;background:#fff;border-radius:31px;padding:5px 20px;position:absolute;bottom:54px;color:#333;font-size:0.8rem}
.game-info .info-warp a:hover{color:#cc0000;;}
.game-info .info-warp p{font-size:0.9rem;line-height:25px}
.game-info .info-warp .info-title{padding-bottom:18px;font-weight:bold}
.game-info img{width: 100%;}
.m-version{background:#cc0000;color:#fff;display:inline-block;font-size:13px;padding:2px 8px;margin-top:5px}
.game-screenshot{width:680px;flex:initial;margin-left:0px;padding-top:10px;min-height:280px}
.game-screenshot .img-list{display:flex;gap:15px;padding:20px 0px;padding-bottom:0px;display:grid;grid-template-columns: repeat(3, 1fr);}
.game-screenshot .img-list .item{flex: 1;}
.game-screenshot .img-list img{width:100%;cursor:pointer;height: 162px;}
.game-screenshot .img-list p{margin:0;text-align:center;padding-top:6px;font-size:0.8rem;opacity: 0.8;}
.game-screenshot .img-list p:hover{color:#cc0000}
@media (max-width:1400px){
.main-werp .main-left{width:240px}
.main-werp .main-left .game-download span{font-size:1.6rem}
.carousel,.game-info,.game-screenshot{width:555px}
.nav-area .area-item a{padding-left:20px}
.carousel{height:416px}
.main-werp .main-left .platform .plat-box{padding:11px}
.box-warp .tab-content .news-title{padding-top:6px}
.box-warp{padding-top:3px}
.nav-area .area-item {height: 86px;}
}@media screen and (max-width:1200px){
.banner-text img { width: 70%}
.m-box{display:block}
.m-box-top{display:block}
.game-screenshot{width:100%}
.box-warp{margin:0;margin-top:15px;padding:12px}
.carousel{width:100%;height:auto}
.main-werp .main-left{width:240px}
.game-info{width:100%}
.nav-area .area-item a{padding-left:15px}
.main-werp .main-left .game-download span{font-size:2rem}
.main-werp .main-left .game-download a{height:6rem}
.game-info img{height:auto}
.game-info .info-warp{padding:20px;padding-right:20px}
.game-screenshot{min-height:auto}
}@media screen and (max-width:768px){
.main-werp{display:block;overflow:hidden}
.banner-text img{width:530px}
.main-werp .main-left{width:230px}
.carousel{width:540px;height:404px}
.game-info,.game-screenshot{width:590px}
.main-werp .public-account .plat-box{padding:18px}
.main-werp .main-left{width:100%}
nav{padding-top:12px}
.banner-text img{width:100%}
nav{justify-content:center}
nav .nav-pills li a{min-width:auto}
.carousel{width:100%;height:auto}
.m-box{display:block}
.main-right{margin-top:15px;margin-left:0}
.box-warp{margin-left:0;margin-top:15px;padding:10px}
.m-box-top{display:block}
.game-info .info-warp{width:70%;color:#fff;padding:24px}
.game-info img{height:auto}
.game-info,.game-screenshot{width:100%}
.game-screenshot{margin:0}
.nav-area .area-item{height:60px}
.nav-area .area-item a{padding:10px;padding-left:16px}
.nav-area .area-item::after{right:10px;margin-top:4px}
.nav-area .active::after{right:10px;margin-top:-11px}
.box-warp .tab-content .news-title{padding-top:12px}
.main-werp .main-left .platform .public-account{width:auto;flex:1;position:relative}
.main-werp .main-left .platform .public-account p{width:100%;position:absolute;top:19px;left:0;font-weight:bold}
.main-werp .main-left .platform .public-account img{width:100%;margin-top:32px}
.game-info .info-warp a{bottom:25px}
.box-warp .nav{height:33px}
.main-werp .main-left .game-download .btn{height: 80px;}
.main-werp .main-left .platform{gap: 10px;}
body { background: #e6e4e5 url(../images/guide-m.png) no-repeat center -89px;background-size: 100%;}
.logo {width: 75px;margin-left: -6px;}
.game-screenshot .img-list{gap: 5px;}
.game-screenshot .img-list img {max-height: 72px;  }
}