@charset "utf-8";

.about_wrapper{min-height: 100vh;position: relative;background-color: #ffffff;}
.container{width: 14rem;height: 100%;margin: 0 auto;position: relative;z-index: 1;}

.about_header{width: 100%;}
.about_header img{display: block;width: 100%;height: auto;margin: 0 auto;}

.about_bg1{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_bg1.jpg) no-repeat 50% 0/100% auto;width: 100%;padding: 1.4rem 0 1.6rem;}

.about_part1{width: 100%;margin: 0 auto;position: relative;padding-bottom: 3.18rem;}
.about_tit1{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_tit1.png) no-repeat 50% 0/100% auto;width: 5.84rem;height: 0.87rem;margin: 0 auto;}
.background_list{width: 12rem;padding: 0 0 0 5.6rem;color: #564a73;font-size: 0.2rem;line-height: 0.32rem;margin: 0 auto;box-sizing: border-box;position: relative;z-index: 3;margin-top: 1rem;}
.background_tit{color: #564a73;font-size: 0.3rem;font-family: "Lexend-Bold";margin-bottom: 0.2rem;font-style: italic;letter-spacing: -1px;}
.background_list li{margin-bottom: 0.5rem;}
.background_list li:last-child{margin-bottom: 0;}
.fly_box{position: absolute;background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_fly_bg.png) no-repeat 50% 0/100% auto;width: 11.85rem;height: 6.67rem;left: 0;top: 50%;margin-top: -2.53rem;pointer-events: none;}
.about_fly1{position: absolute;width: 4.68rem;height: 1.39rem;right: -4.86rem;bottom: 0.65rem;}
.about_fly2{position: absolute;width: 11.3rem;height: 5.61rem;left: 0;top: 0.2rem;z-index: 2;}
.about_fly3{position: absolute;width: 5.98rem;height: 3.52rem;left: 0;top: -1.29rem;}
.about_fly4{position: absolute;width: 5.94rem;height: 2.75rem;left: 2.11rem;top: -0.24rem;}

.about_part2{width: 14rem;padding-top: 0.5rem;margin: 0 auto;position: relative;}
.about_tit2{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_tit2.png) no-repeat 50% 0/100% auto;width: 5.51rem;height: 0.87rem;margin: 0 auto;}
.values_list{display: flex;justify-content: center;padding-top: 0.74rem;}
.values_list li{width: 4.78rem;height: 5.61rem;position: relative;margin: 0 -0.2rem;box-sizing: border-box;padding: 4.06rem 0.7rem 0 0.42rem;}
.values_list img{position: absolute;width: 4.81rem;height: 5.61rem;left: 50%;margin-left: -2.4rem;top: 0;}
.values_tit{font-family: "Lexend-Bold";font-size: 0.3rem;line-height: 0.4rem;font-style: italic;position: relative;z-index: 2;color: #ffffff;}
.values_txt{color: #ffffff;font-size: 0.22rem;line-height: 0.3rem;position: relative;z-index: 2;}

.about_bg2{position: relative;padding-top: 0.68rem;}
.about_bg2:before{content: "";background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_bg2.png) no-repeat 50% 0/cover;width: 100%;height: calc( 100% + 2rem ); position: absolute;left: 0;top: -2rem;}

.about_part3{width: 14rem;margin: 0 auto;position: relative;z-index: 3;}
.about_tit3{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_tit3.png) no-repeat 50% 0/100% auto;width: 4.37rem;height: 0.87rem;margin: 0 auto;}
.team_list{width: 14rem;margin: 0.42rem auto 0;position: relative;}
.team_list:after{content: "";background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/team_box.png);background-repeat: no-repeat;background-size: 13.49rem auto;position: absolute;width: 13.49rem;height: 9.39rem;right: -0.15rem;top: 0;}
.team_list li{width: 11.6rem;box-sizing: border-box;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;position: relative;z-index: 4;margin: 0 auto;}
.team_list li:nth-child(1){height: 3rem;padding: 0.06rem 0.9rem 0 4.95rem;}
.team_list li:nth-child(2){height: 2.56rem;padding: 0 4.24rem 0 0.6rem;margin-bottom: 0.4rem;margin-top: 0.4rem;}
.team_list li:nth-child(3){height: 2.58rem;padding: 0 0.64rem 0 4.94rem;}
.team_tit{font-style: italic;color: #2d2c40;font-size: 0.4rem;line-height: 0.5rem;font-family: "Lexend-Bold";width: 100%;margin-bottom: 0.06rem;}
.team_txt{color: #302f44;font-size: 0.22rem;line-height: 0.34rem;word-break: keep-all;}

.about_part4{width: 100%;padding: 1.88rem 0 2.1rem;position: relative;z-index: 3;}
.about_tit4{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/about_tit4.png) no-repeat 50% 0/100% auto;width: 6.12rem;height: 0.87rem;margin: 0 auto;}
.history_detail{width: 100%;height: 7.32rem;}
.history_detail img{display: block;width: 100%;height: 100%;object-fit: cover;}
.history_txt_box{position: absolute;height: 82.5%;bottom: 0;left: 3.6rem;width: 4rem;display: flex;align-content: center;flex-wrap: wrap;}
.history_time{color: #a592d3;font-size: 0.3rem;font-weight: bold;line-height: 0.4rem;width: 100%;}
.history_game_name{width: 100%;color: #7344e0;font-size: 0.32rem;line-height: 0.4rem;font-weight: bold;position: relative;}
.history_game_name:after{content: "";position: absolute;width: 0;height: 0.04rem;background-color: #a592d3;left: 0;bottom: -0.12rem;transition: width 0.4s 0.9s;-webkit-transition: width 0.4s 0.9s;-moz-transition: width 0.4s 0.9s;}
.game_state{width: 100%;position: relative;color: #7344e0;font-size: 0.2rem;font-weight: bold;line-height: 0.3rem;padding-bottom: 0.1rem;text-transform: uppercase;}
.game_state:after{content: "";position: absolute;width: 0;height: 0.04rem;background-color: #a592d3;left: 0;bottom: 0;transition: width 0.4s 0.9s;-webkit-transition: width 0.4s 0.9s;-moz-transition: width 0.4s 0.9s;}

.history_time_box{width: 12rem;margin: 0.4rem auto 0;position: relative;}
.time_swiper{width: 7.62rem;height: 0.8rem;margin: 0 auto;padding-top: 0.4rem;overflow: hidden;}
.time_swiper .swiper-slide{width: 1.27rem;height: 0.71rem;}
.time_box{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;position: relative;}
.history_game_icon{width: 0.4rem;height: 0.4rem;border-radius: 100%;overflow: hidden;filter: grayscale(100%);-webkit-filter: grayscale(100%);margin: 0.05rem auto 0;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;border: 0.03rem solid transparent;position: relative;z-index: 6;}
.history_game_icon img{display: block;width: 100%;height: 100%;border-radius: 100%;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.time_swiper .swiper-slide-thumb-active .time_box{transform: scale(1.42);}
.time_swiper .swiper-slide-thumb-active .history_game_icon{filter: grayscale(0);-webkit-filter: grayscale(0);border: 0.03rem solid #774df0;}
.swiper-slide-thumb-active .history_game_icon img{border: 1px solid #f6f4fd;}
.game_time{position: absolute;width: 100%;left: 0;top: -50%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;color: #aca9c1;font-size: 0.16rem;text-align: center;line-height: 0.26rem;margin-top: -0.05rem;z-index: 6;}
.time_swiper .swiper-slide-thumb-active .game_time{color: #774df0;font-weight: bold;}
/*.time_swiper .swiper-slide:after{content: "";position: absolute;width: 0.56rem;height: 0.04rem;background-color: #aca9c1;top: 50%;margin-top: -0.12rem;left: -0.32rem;}*/
.history_time_box:before{content: "";position: absolute;height: 0.04rem;width: 93.3%;background-color: #aca9c1;top: 50%;margin-top: 0.07rem;left: 0.4rem;}
/*.history_time_box:after{content: "";position: absolute;height: 0.04rem;width: 2rem;background-color: #aca9c1;top: 50%;margin-top: 0.07rem;right: 0.4rem;}*/
.time_prev,.time_next{position: absolute;width: 0.4rem;height: 0.4rem;background-size: 0.14rem 0.17rem;background-repeat: no-repeat;z-index: 10;background-position: 50% 50%;cursor: pointer;top: 50%;margin-top: -0.1rem;}
.time_prev{left: 0;background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/icon_prev.png);}
.time_next{right: 0;background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/icon_next.png);}
.time_prev.swiper-button-disabled,.time_next.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.time_box:after{content: "";position: absolute;width: 0.6rem;height: 0.06rem;left: 50%;margin-left: -0.3rem;top: 50%;margin-top: -0.03rem;background: #faf8fe;}

/*动画*/
.swiper-slide-active .history_time{animation:fadeInRight 0.8s ease both;}
.swiper-slide-active .history_game_name{animation:fadeInRight 0.8s 0.2s ease both;}
.swiper-slide-active .game_state{animation:fadeInRight 0.8s 0.4s ease both;}
.swiper-slide-active .history_game_name:after{width: 0.3rem;}

@keyframes fly1{
	0%{transform:translateY(-0.1rem)}
	100%{transform:translateY(0)}
}
@keyframes fly2{
	0%{transform:translateY(-0.15rem)}
	100%{transform:translateY(0)}
}
.about_fly1{animation: fly1 1.6s linear infinite alternate both;}
.about_fly2{animation: fly2 2s linear infinite alternate both;}
.about_fly3{animation: fly1 1.2s linear infinite alternate both;}
.about_fly4{animation: fly2 2.2s linear infinite alternate both;}

@media all and (min-width: 2400px) and (max-width: 3800px) {
	.about_bg2{margin-top: -0.58rem;padding-top: 0.88rem;}
}
@media all and (min-width: 3800px){
	.about_bg2{margin-top: -0.68rem;padding-top: 1.28rem;}
}
   
@media screen and (min-width: 768px) and (max-width: 1400px){
	.game_txt{font-size: 0.2rem;}
}

@media screen and (max-width: 768px){
	.about_wrapper{width: 100%;overflow-x: hidden;}
	.about_header{height: 100vh;overflow: hidden;padding-top: 1rem;box-sizing: border-box;position: relative;}
	.about_header img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 100%;}
	
	.about_bg1{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/about_bg1.jpg) no-repeat 50% 0/100% auto;padding: 1.6rem 0 1rem;}
	.about_part1{padding: 0 0 1.62rem;}
	.fly_box{transform: scale(0.72);transform-origin: 0 0;margin: 0;top: 1.8rem;}
	.background_list{margin: 0 auto;padding: 5.4rem 0 0;width: 6.9rem;font-size: 0.22rem;line-height: 0.3rem}
	.background_list li{width: 100%;padding: 0.25rem 0.2rem;box-sizing: border-box;background: rgba(234,237,250,0.8);border-radius: 0.15rem;text-align: center;margin-bottom: 0.4rem;}
	.background_tit{margin-bottom: 0.08rem;}
	
	.about_part2{width: 100%;}
	.values_list{flex-wrap: wrap;width: 6.91rem;margin: 0 auto;padding-top: 0.6rem;}
	.values_list li{width: 6.91rem;height: 5.2rem;padding: 3.5rem 0.3rem 0;}
	.values_list img{width: 6.91rem;height: 5.2rem;left: 0;margin: 0;}
	.values_tit{padding: 0.2rem 0 0.14rem;}
	.values_list li:nth-child(2){height: 5.45rem;margin: 0 0 0.4rem;padding-top: 3.85rem;}
	.values_list li:nth-child(2) img{top: 0.25rem;}
	
	.about_bg2:before{background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/about_bg2.png) no-repeat 50% 0/100% auto;top: -0.3rem;height: calc( 100% + 0.3rem );}
	
	.about_part3{padding-top: 0.84rem;width: 100%;}
	.team_list{width: 100%;margin-top: 0.6rem;position: relative;}
	.team_list li{width: 100%;}
	.team_list li:nth-child(1){height: 4.1rem;padding: 0 0.55rem 0 3.35rem;}
	.team_list li:nth-child(2){height: 4rem; padding: 0 3.26rem 0 0.55rem;margin: 0.4rem 0;}
	.team_list li:nth-child(3){height: 3.44rem;padding: 0 0.55rem 0 3.35rem;}
	.team_tit{line-height: 0.44rem;}
	.team_list:after{content: "";background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/team_box.png);background-repeat: no-repeat;background-size: 100% auto;position: absolute;width: 100%;height: 12.6rem;right: 0;top: 0;}
	
	
	.about_part4{padding: 1.66rem 0 1rem;}
	.history_txt_box{position: absolute;width: 100%;height: 2.02rem;box-sizing: border-box;padding: 0 0.6rem;left: 0;bottom: 0;z-index: 2;}
	.history_time{color: rgba(45,44,64,0.6);}
	.history_game_name{color: #2d2c40;}
	.history_game_name:after{background-color: #2d2c40;opacity: 0.5;}
	.game_state{color: #2d2c40;}
	.game_state:after{background-color: #2d2c40;opacity: 0.5;}
	.history_time_box{width: 100%;}
	.time_swiper{width: 6.68rem;height: 1.6rem;}
	.history_game_icon{width: 0.89rem;height: 0.89rem;}
	.time_swiper .swiper-slide{height: 1.5rem;width: 1.66rem;padding-top: 0.24rem;}
	.swiper-slide-thumb-active .history_game_icon img{border: 0.02rem solid #fdfcfe;}
	.time_next,.time_prev{display: none;}
	.history_time_box:before{left: 0;width: 100%;height: 0.03rem;margin-top: 0.16rem;}
	/*.history_time_box:after{right: 0;width: 0.7rem;margin-top: -0.02rem;}*/
	/*.time_swiper .swiper-slide:after{width: 0.45rem;left: -0.24rem;margin-top: -0.22rem;}*/
	.game_time{margin-top: 0.12rem;font-size: 0.28rem;}
	.time_swiper .swiper-slide-thumb-active .time_box{transform: scale(1.34);}
	.time_swiper .swiper-slide-thumb-active.swiper-slide:after{left: -0.28rem;}
	.time_swiper .swiper-slide-thumb-active.swiper-slide+.swiper-slide:after{left: -0.18rem;width: 0.43rem;}
	.about_bg2{padding-top: 0;}
	.time_box:after{width: 1.06rem;height: 0.1rem;margin-left: -0.53rem;margin-top: -0.04rem;background: #ffffff;}
	.history_detail{height: 7.63rem;}
	.history_detail img{height: 7.63rem;}
}