@charset "utf-8";

.game_wrapper{min-height: 100vh;position: relative;background-color: #ffffff;}
.container{width: 12rem;height: 100%;margin: 0 auto;position: relative;z-index: 1;}
.sp,.game_plat a:before,.btn_homelink:before{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/sp.png) no-repeat;background-size: 6rem auto;}

/*banner*/
.banner_page{width: 100%;height: 5.9rem;position: relative;}
.banner_page img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner_page a{display: block;}
.banner_prev,.banner_next{position: absolute;width: 0.7rem;height: 0.6rem;top: 50%;margin-top: -0.3rem;z-index: 10;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;cursor: pointer;display: none;}
.banner_prev{left: 13.8%;background-position: -1.90rem -3.06rem;}
.banner_next{right: 13.8%;background-position: -2.69rem -3.06rem;}
.banner_page .swiper-container:after{content: "";position: absolute;width: 100%;height: 100%;background: radial-gradient(circle, transparent, transparent 20%, rgba(0,0,0,0.8));left: 0;top: 0;z-index: 3;pointer-events: none;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.banner_page:hover .swiper-container:after,.banner_page:hover .banner_prev,.banner_page:hover .banner_next{opacity: 1;}
.banner_pagination{position: absolute;width: 100%;left: 0;bottom: 0.2rem !important;z-index: 6;justify-content: center;display: flex;}
.banner_pagination span{width: 0.12rem;height: 0.12rem;margin: 0 0.1rem !important;}

.content{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/game_bg.jpg) no-repeat 50% 0/100% auto;padding: 0.9rem 0 1.9rem;}

.game_plat{display: flex;justify-content: flex-end;}
.game_plat a{display: block;width: 1.73rem;height: 0.68rem;background-position: 0 -3.06rem;text-align: center;line-height: 0.68rem;color: #ffffff;font-size: 0.26rem;font-family: "Lexend-Bold";font-style: italic;margin: 0 0.08rem;text-transform: uppercase;-webkit-mask: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/sp.png) no-repeat 0 -3.06rem/6rem auto;position: relative;}
.game_plat a span{position: relative;z-index: 10;}
.game_plat a:before{content: "";position: absolute;width: 100%;height: 100%;background-position: 0 -3.78rem;left: -100%;top: 0;transition: left 0.2s;-webkit-transition: left 0.2s;-moz-transition: left 0.2s;-ms-transition: left 0.2s;}
.game_plat a span{position: relative;z-index: 2;}
.game_plat a:hover:before,.game_plat a.on:before{left: 0;}
.game_plat a:hover,.game_plat a.on{-webkit-mask: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/sp.png) no-repeat 0 -3.78rem/6rem auto;}

.game_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.game_list li{width: 5.72rem;height: 6.23rem;overflow: hidden;border-radius: 0.15rem;position: relative;box-sizing: border-box;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;margin-top: 0.58rem;}
.game_pic{width: 100%;height: 100%;border-radius: 0.15rem;}
.game_list img{display: block;width: 100%;height: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-radius: 0.15rem;}
.game_name{position: absolute;width: 100%;color: #f3f2fd;font-size: 0.34rem;text-align: center;line-height: 0.44rem;box-sizing: border-box;padding: 0 0.2rem;font-family: "Lexend-Bold";z-index: 2;left: 0;bottom: 0;height: 0.95rem;display: flex;justify-content: center;align-items: center;background: rgba(136,131,182,0.9);opacity: 1;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.game_name span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.game_detail{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;border: 0.04rem solid #774df0;box-sizing: border-box;background: linear-gradient(to bottom,rgba(40,35,43,0.95),rgba(40,35,43,0.8) 80%,rgba(40,35,43,0.5));border-radius: 0.15rem;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;padding: 0.4rem;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;overflow: hidden;}
.game_pic_icon{width: 1.2rem;height: 1.2rem;margin: 0 auto;border-radius: 0.08rem;position: relative;overflow: hidden;}
.game_pic_icon img{display: block;width: 100%;height: 100%;border-radius: 0.08rem;overflow: hidden;}
.game_pic_icon:after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 0.03rem solid #846bf0;box-sizing: border-box;z-index: 2;border-radius: 0.08rem;overflow: hidden;}
.game_name1{font-family: "Lexend-Bold";color: #f1f2ff;font-size: 0.3rem;line-height: 0.38rem;text-align: center;width: 97%;margin: 0.2rem 0;/*max-height: 1.1rem;*/min-height: 0.45rem;}
.game_name1::-webkit-scrollbar{width: 0.04rem;height: 100%;}
.game_name1::-webkit-scrollbar-track{width: 0.04rem;border-radius: 0.02rem;}
.game_name1::-webkit-scrollbar-thumb{width: 0.04rem;background: #ffffff;border-radius: 0.02rem;}
.game_txt{color: #ffffff;font-size: 0.18rem;line-height: 0.3rem;margin-bottom: 0.4rem;overflow-y: auto;max-height: 1.5rem;text-align: center;}
.game_txt::-webkit-scrollbar{width: 0.04rem;height: 100%;}
.game_txt::-webkit-scrollbar-track{width: 0.04rem;border-radius: 0.02rem;}
.game_txt::-webkit-scrollbar-thumb{width: 0.04rem;background: #ffffff;border-radius: 0.02rem;}
.btn_homelink{display: block;display: block;width: 3.37rem;height: 0.68rem;background-position: 0 -1.60rem;text-align: center;line-height: 0.68rem;color: #ffffff;font-size: 0.26rem;font-family: "Lexend-Bold";font-style: italic;margin-top: 0.1rem;position: relative;-webkit-mask: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/sp.png) no-repeat 0 -1.60rem/6rem auto;}
.btn_homelink span{position: relative;z-index: 10;}
.btn_homelink:before{content: "";position: absolute;width: 100%;height: 100%;background-position:  0 -2.32rem;left: -100%;top: 0;transition: left 0.2s;-webkit-transition: left 0.2s;-moz-transition: left 0.2s;-ms-transition: left 0.2s;}
.btn_homelink:hover:before{left: 0;}
.btn_homelink:hover{-webkit-mask: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/sp.png) no-repeat  0 -2.32rem/6rem auto;}


.game_list li:hover{transform: translateY(-0.2rem);-webkit-transform: translateY(-0.2rem);-moz-transform: translateY(-0.2rem);box-shadow: 0 0.1rem 0.4rem rgba(119,77,240,0.6);}
.game_list li:hover .game_pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.game_list li:hover .game_detail{opacity: 1;}
.game_list li:hover .game_name{opacity: 0;}
.game_name_box{width: 100%;}

.game_change{display: flex;justify-content: flex-end;margin-top: 0.54rem;}
.game_change a{display: block;width: 0.7rem;height: 0.6rem;}
.game_prev{background-position: -3.5rem -3.06rem;}
.game_prev:hover{background-position: -3.5rem -3.71rem;}
.game_next{background-position: -4.5rem -3.06rem;margin-left: 0.3rem;}
.game_next:hover{background-position: -4.5rem -3.71rem;}
.game_prev.disabled{pointer-events: none;opacity: 0.4;}
.game_next.disabled{pointer-events: none;opacity: 0.4;}

.no-data-show{color: #acabb2;font-size: 0.34rem;text-align: center;line-height: 3rem;height: 3rem;text-transform: uppercase;display: none;}


@media screen and (min-width: 768px) and (max-width: 1400px){
	.background_list{font-size: 0.22rem;line-height: 0.32rem;}
	.game_txt{font-size: 0.2rem;}
}

@media all and (min-width: 2400px) and (max-width: 3800px) {
	.banner_page{height: 6.8rem;}
}

@media all and (min-width: 3800px) {
	.banner_page{height: 8.02rem;}
}


.game_header{display: none;}

@media screen and (max-width: 768px){
	.sp{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/msp.png) no-repeat;background-size: 6rem auto;}
	.banner_page{display: none;}
	.game_wrapper{width: 100%;overflow-x: hidden;}
	.game_header{display: block;height: 100vh;overflow: hidden;padding-top: 1rem;box-sizing: border-box;position: relative;}
	.game_header img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 100%;}

	.container{width: 100%;}
	.content{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/game_bg.jpg) no-repeat 50% 0/100% auto;padding-bottom: 1.1rem;}

	.game_plat{justify-content: center;}
	.game_plat a{width: 1.93rem;height: 0.68rem;background-position: 0 -2.7rem;margin: 0 0.19rem;-webkit-mask: none;}
	.game_plat a.on{background-position: 0 -3.44rem;-webkit-mask: none;}
	.game_plat a:before{display: none;}
	
	.game_list{justify-content: center;}
	.game_list li{width: 6.7rem;height: auto;border-radius: 0.15rem;}
	.game_list li:nth-child(n+5){display: none;}

	.game_pic{width: 6.7rem;height: 3.78rem;}
	.game_pic_icon{border: none;width: 0.8rem;height: 0.8rem;}
	.game_list img{border-radius: 0.15rem 0.15rem 0 0;}
	.game_name{display: none;}
	.game_detail{position: relative;height: auto;display: block;opacity: 1;background: #c7c7e3;border: none;border-radius: 0 0 0.15rem 0.15rem;padding: 0.25rem 0;}
	.game_name_box{position: relative;box-sizing: border-box;display: flex;align-items: center;padding: 0 0.46rem;}
	.game_name_box:before{content: "";position: absolute;width: 0.12rem;height: 0.78rem;background-color: #865be6;left: 0;top: 50%;margin-top: -0.39rem;}
	.game_pic_icon{flex-shrink: 0;}
	.game_name1{color: #2d2c40;text-align: left;margin: 0 0 0 0.16rem;font-style: italic;line-height: 0.34rem;padding: 0 0.1rem 0 0;min-height: auto;}
	.game_name1 span{font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: none;display: block;font-style: normal;font-size: 0.24rem;line-height: 0.26rem;margin-top: 0.08rem;text-transform: uppercase;}
	.game_txt{color: #2d2c40;font-size: 0.22rem;line-height: 0.36rem;margin: 0.2rem 0.45rem;min-height: auto;text-align: left;}
	.btn_homelink{width: 4.48rem;height: 0.83rem;background-position: 0 -4.18rem;margin: 0 auto;line-height: 0.84rem;font-size: 0.32rem;-webkit-mask: none;}
	.btn_homelink:hover{background-position: 0 -4.18rem;-webkit-mask: none;}
	.btn_homelink:before{display: none;}
	.game_change{justify-content: center;}

	.game_prev{background-position: -2.01rem -2.82rem;}
	.game_prev:hover{background-position: -2.01rem -2.82rem;}
	.game_next{background-position: -3.01rem -2.82rem;margin-left: 0.3rem;}
	.game_next:hover{background-position: -3.01rem -2.82rem;}
	.game_prev.disabled{pointer-events: none;opacity: 0.4;}
	.game_change a:hover{}
	
	.game_list li:hover .game_pic img{transform: scale(1);-webkit-transform: scale(1);}

	.game_plat a:before{display: none;}

}