@charset "UTF-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {margin: 0; padding: 0;}
body,
button,
input,
select,
textarea { font: 14px/1 'Microsoft YaHei';}
address,
cite,
dfn,
em,
i,
var { font-style: normal; }
small { font-size: 12px;}
ul,ol { list-style: none;}
a { text-decoration: none; color: #000; outline: none;}
a:hover { text-decoration: none;}
abbr[title],
acronym[title] { border-bottom: 1px dotted; cursor: help;}
q:before,
q:after { content: '';}
legend { color: #000;}
fieldset,
img { border: none;}
button,
input,
select,
textarea { font-size: 100%;}
input { outline: none; border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
hr { border: none; height: 1px;}
input,
textarea {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    appearance: none;
}
video { outline: none }

.clearfix:after{content:""; display:block; clear:both;}
.clearfix{zoom:1;} 
.fl{ float:left;}
.fr{ float:right;}
.pr { position:relative;}
.pa { position:absolute;}
.hid{ display: none !important;}

/* comm style */
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.db {display:block;text-indent:-999em;}

/*阿里验证调整*/
.sm-pop{ left: 0 !important; top: 0 !important; height:100% !important; line-height:100% !important; box-sizing:border-box; width: 100% !important; overflow: hidden;}
.sm-pop-inner{top: 4px !important;left: 50% !important;margin-left: -150px !important;}
.sm-btn{ box-sizing:border-box; height: 100%;}
#rectMask{ display: none !important;}

body{opacity: 0;}


/*1rem=100px*/
html {
  font-size: calc(100vw / 1920 * 100);
}


/*top nav*/
.navBar_box{position: sticky;left: 0;top: 0;width: 100%;height: 0.8rem;z-index: 20;background-color: #151515;}
.btn_logo{position: absolute;width: 1.78rem;height: 0.6rem;left: 0;top: 50%;margin-top: -0.3rem;z-index: 6;}
.btn_logo img{display: block;width: 100%;height: 100%;}
.nav_bar_list{width: 100%;margin: 0 auto;height: 100%;display: flex;justify-content: flex-end;align-items: center;font-size: 0.18rem;line-height: 0.6rem;}
.nav_bar_list a{display: block;color: #626262;font-family: Lexend-Bold;padding: 0 0.1rem;margin: 0 0.22rem;position: relative;transition: color 0.2s;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-ms-transition: color 0.2s;font-style: italic;}
.nav_bar_list a:hover,.nav_bar_list a.on{color: #dfebfd;}
.nav_bar_list a:after{content: "";position: absolute;width: 0;height: 0.04rem;background-color: #846bf0;left: 50%;top: 50%;margin-top: 0.18rem;transform: translateX(-50%);transition: width 0.2s;-webkit-transition: width 0.2s;-moz-transition: width 0.2s;-ms-transition: width 0.2s;}
.nav_bar_list a:hover:after,.nav_bar_list a.on:after{width: 0.24rem;}
.nav_con{width: 12rem;height: 100%;margin: 0 auto;position: relative;}
.nav_moblie_box,.m_nav_popup{display: none;}

.m_cn{display: none !important;}
.arrow_icon{display: none;}
@media screen and (max-width: 768px){
	html {
	  font-size: calc(100vw / 750 * 100);
	}
	.m_cn{display: block !important;}
	.pc_cn{display: none !important;}
	.navBar_box{position: fixed;}
	.navBar_box{height: 1rem;}
	.nav_con{width: 100%;}
	.btn_logo{width: 2.22rem;height: 0.75rem;margin-top: -0.37rem;left: 0.3rem;}
	.nav_con{background-color: #151515;z-index: 999;}
	.nav_bar_list{display: none;}
	.nav_moblie_box{display: block;position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%);}
	.nav_moblie_btn{display: block;width: 0.48rem;height: 0.35rem;background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/top_icon.png);background-repeat: no-repeat; background-size: 100% auto;background-position: 50% 50%;transition: all 0.5s;}
	.nav_moblie_btn:before,.nav_moblie_btn:after{content: "";position: absolute;background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/top_icon.png);background-repeat: no-repeat; background-size: 100% auto;background-position: 50% 50%;width: 0.48rem;height: 0.07rem;left: 0;transition: all 0.5s;}
	.nav_moblie_btn:after{bottom: 0;}
	.nav_moblie_btn:before{top: 0;}
	.nav_moblie_btn.curr{background-image: none;}
	.nav_moblie_btn.curr:before,.nav_moblie_btn.curr:after{background-image: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/top_icon_curr.png);}
	.nav_moblie_btn.curr:before{transform: rotate(-45deg);top: 0.14rem;}
	.nav_moblie_btn.curr:after{transform: rotate(45deg);bottom: 0.14rem;}
	.m_nav_popup{display: block;width: 100vw;height: 0;position: absolute;left: 0;top: 0;background: rgba(21,21,21,0.9);z-index: 99;overflow: hidden;transition: all 0.5s;}
	.m_nav_popup .cont{padding: 1.4rem 0 0;}
	.m_nav_popup a{display: block;color: #626262;font-family: Lexend-Bold;padding: 0.1rem;position: relative;font-size: 0.32rem;text-align: center;line-height: 1rem;margin-bottom: 0.1rem;background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/line.png) no-repeat 50% 100%/100% 0.02rem;}
	.m_nav_popup a.on{color: #ffffff;}	
	/*.m_nav_popup a:after{content: "";position: absolute;width: 0;height: 0.04rem;background-color: #846bf0;left: 50%;top: 50%;margin-top: 0.26rem;transform: translateX(-50%);transition: width 0.2s;-webkit-transition: width 0.2s;-moz-transition: width 0.2s;-ms-transition: width 0.2s;}*/
	/*.m_nav_popup a.on:after{width: 0.48rem;}*/
	.m_nav_popup.curr{height: 100vh;}
	.arrow_icon{display: block;position: absolute;background: url(//ossstaticos.ltgamesglobal.com/static/boltray/202401/images/m/arrow.png) no-repeat 50% 0/100% auto;width: 0.43rem;height: 0.69rem;left: 50%;margin-left: -0.21rem;bottom: 2%;z-index: 10;display: block;}
	.arrow_icon{animation: pulse 1.6s infinite ease both;-webkit-animation: pulse 1.6s infinite ease both;}
}


@media screen and (min-width: 768px) and (max-width: 1400px){
	.nav_bar_list{font-size: 0.20rem;}
}

@media screen and (min-width: 2400px) and (max-width: 3800px) {
  	html {
	  font-size: calc(100vw / 2200 * 100);
	}
	.nav_con{width: 14rem;}
}

@media all and (min-width: 3800px){
  html {
	  font-size: calc(100vw / 2600 * 100);
	}
	.navBar_box{height: 1rem;}
	.nav_bar_list{font-size: 0.26rem;line-height: 0.8rem;}
	.nav_bar_list a:after{margin-top: 0.22rem;}
	.nav_con{width: 14rem;}
	.btn_logo{width: 2.08rem;height: 0.7rem;margin-top: -0.35rem;}
}

/*fonts*/
@font-face {
	font-family: "Lexend-Bold";
	src: url(../fonts/Lexend-Bold.ttf);
}
@font-face {
	font-family: "Lexend-Medium";
	src: url(../fonts/Lexend-Medium.ttf);
}

* {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

/*动画*/
@keyframes bounceIn{
	0%{opacity:0;transform:scale(.3)}
	50%{opacity:1;transform:scale(1.05)}
	70%{transform:scale(.9)}
	100%{transform:scale(1)}
}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05)}
	70%{-webkit-transform:scale(.9)}
	100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(.3)}
	50%{opacity:1;-moz-transform:scale(1.05)}
	70%{-moz-transform:scale(.9)}
	100%{-moz-transform:scale(1)}
}
@keyframes fadeInLeft{
	0%{opacity:0;transform:translateX(-0.20rem)}
	100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translateX(-0.20rem)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0;-moz-transform:translateX(-0.20rem)}
	100%{opacity:1;-moz-transform:translateX(0)}
}
@keyframes fadeInRight{
	0%{opacity:0;transform:translateX(0.20rem)}
	100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translateX(0.20rem)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;-moz-transform:translateX(0.20rem)}
	100%{opacity:1;-moz-transform:translateX(0)}
}

@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translateY(0.20rem)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;-moz-transform:translateY(0.20rem)}
100%{opacity:1;-moz-transform:translateY(0)}
}

@keyframes pulse{
	0%{transform:translateY(0.1rem);opacity:0.1;}
	50%{transform:translateY(0px);opacity:1;}
	100%{transform:translateY(0.1rem);opacity:0.1;}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:translateY(0.1rem);opacity:0.1;}
	50%{-webkit-transform:translateY(0px);opacity:1;}
	100%{-webkit-transform:translateY(0.1rem);opacity:0.1;}
}

