/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
html{font-size: 100px;}
body,html{background-color: #000;height: 100%;overflow: hidden;-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: none;-webkit-user-select: none;}
header,footer {width:100%;margin:0 auto;}
footer{color:#8a6e68;background-color:#100d0c;padding:0.2rem 0;font-size:0.2rem;text-align:center;}
img{pointer-events: none; 
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -khtml-user-select:none; /*早期浏览器*/
  -moz-user-select:none;/*火狐*/
  -ms-user-select:none; /*IE10*/
  user-select:none;}
*{
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -khtml-user-select:none; /*早期浏览器*/
  -moz-user-select:none;/*火狐*/
  -ms-user-select:none; /*IE10*/
  user-select:none;
}
input {
  -webkit-user-select:auto; /*webkit浏览器*/
}
textarea {
  -webkit-user-select:auto; /*webkit浏览器*/
}
.grey{-webkit-filter: grayscale(100%);filter: grayscale(100%);pointer-events: none;} 

/* 字体 */
@font-face {
    font-family: 'typed';
     src: url('../ossweb-img/PROJECTDTYPE-MEDIUM.TTF'); 
    /* src: url('https://www.playdeltaforce.com/act/actCommon/PROJECTDTYPE-MEDIUM.TTF'); */
}
@font-face {
    font-family: 'typedblod';
     src: url('../ossweb-img/PROJECTDTYPECURVE-BOLD.TTF'); 
    /* src: url('https://www.playdeltaforce.com/act/actCommon/PROJECTDTYPECURVE-BOLD.TTF'); */
}

@font-face {
	font-family:'font1';
	src: url('../ossweb-img/SourceHanSansCN-Medium.otf');
}

.sp{background: url(../ossweb-img/sp_pc.png?d=20250616) no-repeat;background-size: 23.88rem auto;}
body{font-family: 'typed';}
.lang_tr{font-family:'font1';}
.lang_ja{font-family:'font1';}

/* 页面框架 */
.wrap{width: 100%;height: 100%;box-sizing: border-box;position: relative;}
.content{width: 34.44rem;height: 19.9rem;position: absolute;left: 50%;top: 50%;margin: -9.95rem 0 0 -17.22rem;font-size: .3rem;}
.main{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;}
/* 0606动画 */
.content::before{content: "";width: 38.4rem;height: 21.6rem;position: absolute;top: 50%;left: 50%;margin: -10.8rem 0 0 -19.2rem;pointer-events: none;z-index: 0;}
.content::before{background: url(../ossweb-img/bg.jpg) no-repeat center center;background-size: 100% 100%;-webkit-mask: url(../ossweb-img/bg_mask.png);-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;}
.bg_vid{width: 38.4rem;height: 21.6rem;position: absolute;top: 50%;left: 50%;margin: -10.8rem 0 0 -19.2rem;pointer-events: none;z-index: 0;}
.bg_vid video{width: 100%;height: 100%;-webkit-mask: url(../ossweb-img/bg_mask.png);-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100% 100%;-webkit-mask-position: 50% 50%;}
/*.main1::before{background: url(../ossweb-img/bg1.jpg) no-repeat center center;background-size: 100% 100%;}
.main2::before{background: url(../ossweb-img/bg2.jpg) no-repeat center center;background-size: 100% 100%;}
.main3::before{background: url(../ossweb-img/bg3.jpg) no-repeat center center;background-size: 100% 100%;}*/

/* 左上角 */
.top_left{position: absolute;left: 0;top: 0;display: flex;z-index: 9;}
.lang_box{width: 3rem;}
.select-wrap{position: relative;font-size: 0.22rem;color: #e5e5e5;width: 100%;height: 0.75rem;background-color: rgba(37, 37, 37, .9);border: .02rem solid #8e9194;}
.select-wrap::after{content: '';position: absolute;top: 50%;left: .1rem;width: .57rem;height: 0.57rem;background-image: url(../ossweb-img/lang_icon1.png);background-size: 100% auto;background-repeat: no-repeat;transform: translateY(-50%);;}
.select-wrap::before{content: '';position: absolute;top: 50%;right: .2rem;width: .31rem;height: 0.22rem;background-image: url(../ossweb-img/lang_icon2.png);background-size: 100% auto;background-repeat: no-repeat;transform: translateY(-50%);}
.select-wrap .selected-value{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;padding: 0 .6rem 0 .7rem;box-sizing: border-box;}
.select-wrap .selected-value .lang-value{margin-top: -0.06rem;}
.select-wrap .select-list{display: none;opacity: 0;z-index: 0;transition: all 0.5s ease;}
.select-wrap.active .select-list{display: block;opacity: 1;z-index: 100;}
.select-list li{font-family: none;text-align: center;background-color: rgba(29, 31, 31, 0.7);color: #a6a6a6;width: 100%;height: 0.6rem;display: flex;align-items: center;justify-content: center;border: 1px solid #808080;border-top: none;user-select: none;cursor: pointer;}
.select-list li.on,.select-list li:hover{color: rgb(15, 247, 150);background-color: rgba(127, 135, 135, 0.8);}
.user_info{font-size: .3rem;color: #EAEBEB;line-height: 0.75rem;padding-left: .5rem;}
.user_info a{cursor: pointer;color: #F4CF67;}
.user_txt{opacity: .8;}

/* 右上角 */
.top_right{position: absolute;right: -.3rem;padding-right: .3rem;top: 0;background: url(../ossweb-img/rtop.png) no-repeat right top;background-size: 6.21rem auto;padding-top: .6rem;height: 1.13rem;box-sizing: border-box;}
.hb_list{height: .5rem;display: flex;}
.hb_list li{margin: 0 .3rem;display: flex;position: relative;font-size: .32rem;color: #CECECE;line-height: 1.3;}
.hb_list i,.hb_tips i,.dq_num i{width: .44rem;height: .45rem;margin-right: .12rem;}
.hb_icon1{background-position: -1.89rem -.06rem;}
.hb_icon2{background-position: -.35rem -.05rem;}
.hb_icon3{background-position: -1.12rem -.05rem;}
.hb_tips{position: absolute;width: 6.85rem;background: #1E232A;border: .02rem solid #787B7F;top: 105%;left: 50%;margin-left: -3.42rem;padding: .3rem .35rem .3rem 1.18rem;box-sizing: border-box;font-size: .4rem;color: #eaebeb;line-height: 1.6;display: none;}
.hb_tips .hb_icon1{position: absolute;margin: 0;left: .48rem;top: .4rem;}
.hb_list li:hover .hb_tips{display: block;}
.hb_info em{color: #7B7B7B;}

/* 活动相关信息 */
.slogan{background: url(../ossweb-img/slogan_en.png) no-repeat;width: 7.4rem;height: 2.44rem;background-size: 100% 100%;position: absolute;left: -.2rem;top: 2.07rem;}
.page_info{position: absolute;left: 0;top: 5.07rem;width: 9.55rem;}
.time_txt{background: #C5A855;line-height: .58rem;height: .56rem;padding: 0 .27rem;font-size: .36rem;color: #1B2526;float: left;}
.sub_txt{padding: .34rem 0 .6rem;font-size: .4rem;color: #EAEBEB;line-height: .6rem;width: 9.55rem;float: left;opacity: .8;}
.btn_rule{cursor: pointer;background: #000;background: rgba(0,0,0,.4);padding: 0 .4rem;height: .8rem;display: flex;float: left;border: 0.02rem solid #717071;align-items: center;justify-content: center;}
.rule_icon{width: .41rem;height: .41rem;background-position: -5.99rem -2.05rem;margin-right: .22rem;}
.btn_rule span{font-size: .4rem;color: #EAEBEB;line-height: 1.4;}

/* 左下角轮次选择 */
.round_box{position: absolute;left: 0;bottom: 0;}
.round_list{background-position: -6.92rem -3.02rem;width: 9.86rem;height: 1.46rem;display: flex;justify-content: center;align-items: center;}
.round_list li{width: 33.33%;height: 1.28rem;flex-shrink: 0;margin-left: -.2rem;position: relative;display: flex;justify-content: center;align-items: center;box-sizing: border-box;text-align: center;cursor: pointer;}
.round1{padding: .05rem .5rem 0 .2rem;}
.round2{padding: .05rem .5rem;}
.round3{padding: .05rem .2rem 0 .5rem;}
.round_list li::before{content: "";width: 3.33rem;height: 1.28rem;position: absolute;left: 50%;top: 0;transform: translateX(-50%);background: url(../ossweb-img/sp_pc.png?d=20250616) no-repeat;background-size: 23.88rem auto;opacity: .4;}
.round_list .round1::before{background-position: -7.82rem -1.36rem;}
.round_list .round2::before{background-position: -11.52rem -1.36rem;width: 3.63rem;}
.round_list .round3::before{background-position: -15.52rem -1.36rem;}
.round_list .cur::before{opacity: 1;}
.round_list span{position: relative;font-size: .4rem;color: #000;line-height: 1.2;font-family: 'typedblod';}
.round_txt{padding-top: .3rem;color: #EAEBEB;font-size: .36rem;line-height: .48rem;width: 9.85rem;opacity: .8;}
.icon_lock{width: .4rem;height: .4rem;background-position: -1.14rem -1.86rem;position: absolute;right: .35rem;top: .06rem;display: none;}
.round2 .icon_lock{right: .2rem;}
.round3 .icon_lock{right: 0rem;}
.icon_get{width: 1rem;height: 1rem;background-position: -2.11rem -1.76rem;position: absolute;right: .35rem;top: .06rem;transform: scale(.4);transform-origin: right top;display: none;}
.round2 .icon_get{right: .2rem;}
.round3 .icon_get{right: 0rem;}
.get .icon_get{display: block;}
.get .icon_lock{display: none;}
.lock .icon_lock{display: block;}

/* 右下角按钮 */
.bottom_btn{position: absolute;right: 0;bottom: 0;width: 5.96rem;}
.dq_num{display: flex;text-align: center;justify-content: center;align-items: center;color: #EAEBEB;font-size: .4rem;line-height: .44rem;padding-bottom: .2rem;}
.dq_num span{padding-left: .24rem;opacity: .8;}
.dq_num i{margin-right: 0;}
.bottom_btn .hb_icon1{width: .58rem;height: .4rem;background-position: -.28rem -.93rem;}
.btn_open{background: none;width: 5.96rem;height: 1.16rem;display: block;position: relative;margin: 0 auto .3rem;}
.btn_open span::before{content: "";background: url(../ossweb-img/btn_light.png) no-repeat;background-size: 100% 100%;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.btn_open span::before {
  -webkit-animation: openline 3.5s ease-out infinite;
}
@-webkit-keyframes openline {
  0% {
    transform: translateY(-1.16rem);
  }

  40% {
    transform: translateY(1.16rem);
  }

  100% {
    transform: translateY(1.16rem); /* 保持最终状态 */
  }
}
.btn_open span{display: flex;justify-content: center;align-items: center;font-size: .52rem;color: #F4CF67;font-family: 'typedblod';line-height: 1.4;cursor: pointer;width: 5.96rem;height: 1.16rem;position: relative;z-index: 2;overflow: hidden;background: url(../ossweb-img/btn_draw.png) no-repeat;background-size: 100% 100%;}
.pt_icon{position: absolute;width: 1.2rem;height: .48rem;line-height: .48rem;background: #da5758;color: #fff;text-align: center;border: .02rem solid #ff7b7b;font-weight: bold;top: 50%;margin-top: -.24rem;left: -.3rem;box-sizing: border-box;font-size: .3rem;z-index: 9;}
.lang_tr .pt_icon,.lang_ar .pt_icon{direction: rtl;}
.skip_box{display: flex;/*justify-content: center;*/align-items: center;cursor: pointer;}
.skip_icon{flex-shrink: 0;width: .52rem;height: .52rem;background-position: -3.43rem -2rem;}
.skip_box span{color: #EAEBEB;font-size: .4rem;line-height: 1.2;padding-left: .1rem;white-space: nowrap;}
.cur .skip_icon{background-position: -4.27rem -2rem;}


/* 小奖 */
.jl_list li{position: absolute;pointer-events: none;}
.sjl1{width: 8.03rem;height: 5.62rem;left: .96rem;top: 10.45rem;}
.sjl1.cur,.sjl1.gets{background: url(../ossweb-img/light1.png) no-repeat;background-size: 100% 100%;}
.sjl2{width: 8.65rem;height: 6.01rem;left: 4.15rem;top: 12.2rem;}
.sjl2.cur,.sjl2.gets{background: url(../ossweb-img/light2.png) no-repeat;background-size: 100% 100%;}
.sjl3{width: 8.82rem;height: 6.11rem;left: 21.7rem;top: 12.2rem;}
.sjl3.cur,.sjl3.gets{background: url(../ossweb-img/light3.png) no-repeat;background-size: 100% 100%;}
.sjl4{width: 8.15rem;height: 5.63rem;left: 25.72rem;top: 10.48rem;}
.sjl4.cur,.sjl4.gets{background: url(../ossweb-img/light4.png) no-repeat;background-size: 100% 100%;}
.sj_con{width: 5.64rem;height: 4.28rem;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);pointer-events: auto;}
.sj_con img{display: block;width: 5.64rem;height: 4.28rem;}
.sjl_bx{width: 8.18rem;height: 5.82rem;left: 13.17rem;top: 11.96rem;}
.sjl_bx img{display: block;width: 8.18rem;height: 5.82rem;position: relative;z-index: 2;}
.sjl_bx::after{content: "";background: url(../ossweb-img/big_light.png) no-repeat;width: 19.3rem;height: 17.47rem;background-size: 100% 100%;position: absolute;left: -5.4rem;bottom: -.93rem;opacity: 0;pointer-events: none;}
.sjl_bx.cur::after,.sjl_bx.gets::after{opacity: 1;}
.sj_con span{font-size: .4rem;color: #EAEBEB;line-height: 1.2;position: absolute;left: 3.7rem;top: 2.25rem;}
.sjl1::before,.sjl2::before,.sjl3::before,.sjl4::before{width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;}
.sjl1::before{background: url(../ossweb-img/jbg1.png) no-repeat;background-size: 100% 100%;}
.sjl2::before{background: url(../ossweb-img/jbg2.png) no-repeat;background-size: 100% 100%;}
.sjl3::before{background: url(../ossweb-img/jbg3.png) no-repeat;background-size: 100% 100%;}
.sjl4::before{background: url(../ossweb-img/jbg4.png) no-repeat;background-size: 100% 100%;}
.sjl1:nth-of-type(1)::before{-webkit-animation:pulse 3s linear both infinite;}
.sjl2:nth-of-type(2)::before{-webkit-animation:pulse 3s .3s linear both infinite;}
.sjl3:nth-of-type(4)::before{-webkit-animation:pulse 3s .6s linear both infinite;}
.sjl4:nth-of-type(5)::before{-webkit-animation:pulse 3s .9s linear both infinite;}
@-webkit-keyframes pulse{
0%{opacity: 1;}
33%{opacity: 0.6;}
66%{opacity: 1;}
100%{opacity: 1;}
}
.sjl1 img,.sjl2 img,.sjl3 img,.sjl4 img{-webkit-animation:pulse2 2s ease-in-out both infinite;}
@-webkit-keyframes pulse2{
0%{transform: translateY(-.1rem);}
50%{transform: translateY(0rem);}
100%{transform: translateY(-.1rem);}
}

.main1 .sjl1 .sj_con{margin-left: -.4rem;margin-top: -.1rem;}
.main1 .sjl2 .sj_con{margin-left: .7rem;margin-top: -.3rem;}
.main1 .sjl3 .sj_con{margin-left: -.7rem;margin-top: .1rem;}
.main1 .sjl4 .sj_con{margin-left: .1rem;margin-top: -.1rem;}
.main1 .sjl2 .sj_con span{left: 3rem;top: 2.6rem;}
.main1 .sjl3 .sj_con span{left: 4rem;}

.main2 .sjl2 .sj_con{margin-left: .2rem;margin-top: .1rem;}
.main2 .sjl3 .sj_con{margin-left: -.7rem;margin-top: -.3rem;}
.main2 .sjl4 .sj_con{margin-left: .15rem;margin-top: -.1rem;}
.main2 .sjl2 .sj_con span{top: 2.5rem;}
.main2 .sjl3 .sj_con span{top: 2.8rem;}

.main3 .sjl2 .sj_con{margin-left: .1rem;margin-top: -.55rem;}
.main3 .sjl3 .sj_con{margin-left: -.25rem;margin-top: -.85rem;}
.main3 .sjl2 .sj_con span{top: 2.7rem;}
.main3 .sjl3 .sj_con span{top: 2.85rem;}

.jl_tips{
	position: absolute;
	width: 8rem;
	background: rgba(0,0,0,.9);
	border: .02rem solid #787B7F;
	bottom: 70%;
	left: 50%;
	margin-left: -4rem;
	padding: .3rem .45rem;
	box-sizing: border-box;
	font-size: .4rem;
	color: #eaebeb;
	line-height: 1.2;
	z-index: 9;
	display: none;
}
.sj_con:hover{
	z-index: 9;
}
.sj_con:hover .jl_tips{
	display: block;
}
.jl_t1{
  padding-bottom: .2rem;
  line-height: .6rem;
  padding-left: .7rem;
  position: relative;
}
.jl_t1 i{
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.4rem;
  transform: scale(.7);
  transform-origin: 0 0;
}
/* 紫色 */
.lv_icon2{
  width: .8rem;
  height: .8rem;
  background-position: -22.64rem -1.65rem;
}
/* 蓝色 */
.lv_icon3{
  width: .8rem;
  height: .8rem;
  background-position: -20.63rem -1.67rem;
}
.jl_t1 .lv_icon3{
  transform-origin: 50% 0;
  transform: scale(1);
}
.jl_t2{
  color: #7B7B7B;
}

/* 大奖 */
.big_jl{width: 18rem;height: 9.67rem;position: absolute;left: 9.02rem;top: 2.32rem;pointer-events: none;}
.big_jl li{position: absolute;}
.cj_b1{width: 15.2rem;height: 6.12rem;left: 2.8rem;top: 3.55rem;z-index: 2;}
.cj_b2{width: 5.1rem;height: 5.16rem;left: 0rem;top: 3.77rem;}
.cj_b3{width: 12.44rem;height: 4.9rem;left: 1.14rem;top: 0rem;}
.big_jl img{display: block;width: 100%;height: 100%;}
.get_icon{width: 1rem;height: 1rem;background-position: -2.11rem -1.76rem;position: absolute;left: 65%;margin-left: -.5rem;top: .8rem;display: none;}
.get .get_icon{display: block;}
.jl_info{width: 5.4rem;line-height: .6rem;position: absolute;right: -3.7rem;top: -.95rem;pointer-events: auto;font-size: .4rem;color: #EAEBEB;padding-right: .7rem;box-sizing: border-box;padding-bottom: .05rem;padding-left: .78rem;}
.lv_icon1{width: .8rem;height: .8rem;background-position: -19.44rem -1.63rem;}
.big_jl .lv_icon1{left: 0;top: 50%;margin-top: -.45rem;position: absolute;transform: scale(.75);}
.jl_ck{width: .6rem;height: .6rem;background-position: -.27rem -1.76rem;position: absolute;right: 0;top: 50%;margin-top: -.4rem;cursor: pointer;}
.jl_info::before{content: "";background: url(../ossweb-img/sp_pc.png?d=20250616) no-repeat -6.92rem -5.17rem;background-size: 23.88rem auto;width: 6.41rem;height: 1.31rem;position: absolute;right: 0;top: 105%;pointer-events: none;}
.cj_b2 .jl_info{right: -4.5rem;top: 1rem;}
.cj_b3 .jl_info{right: -3.4rem;top: -.9rem;}
.jl_list .get_icon{left: 50%;top: 1.1rem;}

.have_tips{display: flex;position: absolute;right: 0;bottom: 1.1rem;line-height: .64rem;font-size: .42rem;color: #EAEBEB;align-items: center;}
.have_tips .icon_gets{width: .48rem;height: .48rem;background-position: -3.65rem -.07rem;margin-right: .1rem;}


/* 加载图片 */
.load_img{width: 1px;height: 1px;overflow: hidden;position: absolute;left: -9999rem;top: -9999rem;z-index: -9999;opacity: 0;}

/* toast提示 */
.toast_box{background: rgba(0,0,0,.8);border: 1px solid #929596;min-width: 11rem;min-height: 1.36rem;position: absolute;left: 50%;top: 50%;display: flex;justify-content: center;align-items: center;z-index: 999;padding: .2rem 0;box-sizing: border-box;transform: translateY(-50%) translateX(-50%);}
.toast_txt{display: flex;justify-content: center;align-items: center;}
.toast_icon{width: .48rem;height: .48rem;background-position: -2.87rem -.07rem;}
.toast_txt span{font-size: .4rem;color: #bfc1c2;line-height: 1.2;padding-left: .2rem;max-width: 9rem;}

/* 弹窗相关 */
.close{width: 1.1rem;height: 1.1rem;top: 0;right: 0;z-index: 2;cursor: pointer;}
.pop{display:none;position: fixed;left: 50%;top: 50%;z-index: 9999;color: #d9d9d9;font-size: .32rem;}
.pop_mark{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background-color: rgba(0,0,0,0.75);display: none;}

.pop_gun{background: url(../ossweb-img/pop_zs.png) no-repeat;width: 34.9rem;height: 17.37rem;background-size: 100% 100%;position: fixed;left: 50%;top: 50%;margin: -8.685rem 0 0 -17.45rem;z-index: 9999;display: none;padding-top: 1.9rem;box-sizing: border-box;}
.gun_title{padding-bottom: .72rem;position: relative;display: flex;align-items: center;margin-bottom: .7rem;}
.pop_back{width: .72rem;height: .72rem;background-position: -6.58rem -1.9rem;margin-right: .96rem;position: relative;cursor: pointer;}
.pop_back::after{content: "";width: .03rem;height: .68rem;background: #303030;right: -.5rem;top: 50%;margin-top: -.34rem;position: absolute;}
.gun_title span{color: #EAEBEB;font-size: .52rem;line-height: 1.2;font-family: 'typedblod';}
.bjl_tips{
	box-sizing: border-box;
	font-size: .4rem;
	color: #eaebeb;
	line-height: 1.4;
}
.bjl_tips .jl_t1{
	font-size: .52rem;
  line-height: .8rem;
  padding-bottom: 0;
  padding-left: .9rem;
  margin-bottom: .35rem;
}
.bjl_tips .jl_t2{
  opacity: .8;
}
.bjl_tips .jl_t1 i{
  transform: scale(1);
}
.big_img{
  position: absolute;
  width: 29.35rem;
  height: 15.39rem;
  object-fit: contain;
  left: 50%;
  top: 50%;
  margin: -6rem 0 0 -14.675rem;
}

.pop1{position: fixed; left: 50%; top: 50%; background-image:url(../ossweb-img/pop1.png);width: 15.31rem;height: 8.58rem;background-size: 100% 100%;box-sizing: border-box;background-repeat:no-repeat;margin: -4.29rem 0 0 -7.65rem;padding-top: 1.15rem;}
.tipsname{position: absolute;left: .9rem;top: 0rem;font-size: .42rem;color: #EAEBEB;line-height: 1.04rem;font-family: 'typedblod';opacity: .5;}
.pop_userinfo{padding: .25rem 0;width: 14.34rem;margin: 0 auto;font-size: .32rem;color: #919594;line-height: 1.2;margin-top: .54rem;position: relative;}
.pop_userinfo span{padding-right: .5rem;}
.pop_userinfo::after{content: "";background: url(../ossweb-img/sp_pc.png?d=20250616) no-repeat -6.92rem -7.04rem;background-size: 23.88rem auto;width: 14.34rem;height: .08rem;position: absolute;left: 0;bottom: 0;}
.pop_text{width: 12.7rem;margin: 0 auto;height: 3.3rem;text-align: center;display: flex;justify-content: center;align-items: center;font-size: .42rem;color: #919594;line-height: .7rem;padding: .2rem 0 .3rem;}
.pop_btn{width: 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.pop_btn a{width: 5.96rem;height: 1.16rem;margin: 0 .2rem;cursor: pointer;line-height: 1.16rem;font-size: .42rem;font-family: 'typedblod';position: relative;}
.btn_cancel{background-position: -.27rem -6.16rem;color: #BFC2C3;}
.btn_ok{background-position: -.27rem -3.02rem;color: #0FF796;}

.pop3{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../ossweb-img/pop3.jpg) no-repeat 50% 50%;background-size: cover;z-index: 999;display: flex;justify-content: center;align-items: center;text-align: center;}
.hj_title{font-size: .9rem;color: #EAEBEB;line-height: 1.2;font-family: 'typedblod';position: relative;z-index: 1;}
.hj_con{background: url(../ossweb-img/pop3_zs.png) no-repeat;width: 34.9rem;height: 14.55rem;background-size: 100% 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.hj_con li{background: rgba(62,128,179,.2);border: .02rem solid #34444E;width: 3rem;height: 3rem;position: relative;margin: 0 .2rem;}
.hj_con .blue{background: #172026;}
.hj_con .purple{background: #221c2b;}
.hj_con .orange{background: #2d2017;}
.hj_con li img{display: block;width: 100%;height: 100%;object-fit: cover;box-sizing: border-box;}
.hj_con li em{position: absolute;right: .1rem;bottom: .05rem;font-size: .4rem;color: #EAEBEB;line-height: 1.2;}
.continue_click{color: #828385;font-size: .48rem;line-height: .72rem;position: relative;pointer-events: none;}
.continue_click i{width: 8rem;height: .72rem;background-position: -14.61rem -5.11rem;left: 50%;margin-left: -4rem;top: 50%;margin-top: -.36rem;position: absolute;}
.continue_click span{position: relative;z-index: 1;}
.hj_close{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.pop3 .bjl_tips{position: absolute;left: 1rem;top: 2rem;text-align: left;}
.pop3 .jl_t2{color: #EAEBEB;}
.pop3 .big_img{width: 26rem;height: 8.2rem;margin: -4.1rem 0 0 -13rem;}
.btn_tips{position: absolute;width: 10rem;left: 50%;margin-left: -5rem;bottom: 120%;display: flex;justify-content: center;align-items: center;}
.btntip_txt{font-size: .36rem;color: #EAEBEB;line-height: .6rem;font-family: 'typed';}
.btntip_icon{width: .6rem;height: .6rem;background-position: -5.11rem -1.96rem;margin-left: .2rem;}
.pop3s .hj_con{display: none;}

.pop_text2{height: 4.5rem;}

.pop4{position: fixed; left: 50%; top: 50%;background-image:url(../ossweb-img/pop2.png);width: 23.84rem;height: 11.58rem;background-size: 100% 100%;box-sizing: border-box;background-repeat:no-repeat;margin: -5.79rem 0 0 -11.92rem;padding-top: 1.88rem;}
.gl_tab{width: 22.34rem;height: .88rem;margin: 0 auto .7rem;background: url(../ossweb-img/tab2.png) no-repeat;background-size: 100% 100%;}
.gl_tab a{float: left;cursor: pointer;width: 33.33%;height: .88rem;text-align: center;line-height: .88rem;font-size: .32rem;color: #9D9FA3;font-weight: bold;position: relative;}
.gl_tab a::before{content: "";width: .02rem;height: .44rem;position: absolute;top: 50%;margin-top: -.22rem;background: #4E5358;left: 0;}
.gl_tab a::after{content: "";width: .02rem;height: .44rem;position: absolute;top: 50%;margin-top: -.22rem;background: #4E5358;right: 0;}
.gl_tab .cur{background: url(../ossweb-img/tab1.png) no-repeat;background-size: 22.34rem .88rem;color: #C4C8C8;}
.gl_tab a:nth-of-type(1).cur{background-position: 0 0;}
.gl_tab a:nth-of-type(2).cur{background-position: 33.33% 0;}
.gl_tab a:nth-of-type(3).cur{background-position: 100% 0;}
.gl_con{width: 22.34rem;margin: 0 auto;}
.gl_info{height: 7.5rem;overflow-y: auto;padding-right: .2rem;display: none;}
.gl_info::-webkit-scrollbar {
  width: 0.06rem;
  background-color: #69696a;
}
.gl_info::-webkit-scrollbar-thumb {
  background-color: #adadad;
}
.gl_info::-webkit-scrollbar-track {
  background-color: #69696a;
}
.gl_tit{line-height: .64rem;border-bottom: .02rem solid #4D5258;margin-bottom: .3rem;color:#C0C3C4;font-weight: bold;}
.gl_list{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.gl_list li{width: 10.85rem;padding: .3rem .24rem;box-sizing: border-box;background: rgba(234, 235,235, .05);display: flex;margin-bottom: .3rem;align-items: center;font-size: .4rem;color: #919594;line-height: 1.2;}
.gl_txt1{width: 7.4rem;}
.gl_txt2{margin-left: auto;}
.gl_txt3{margin-left: auto;display: none;}
.gl_img{width: 1rem;height: 1rem;overflow: hidden;margin-right: .2rem;flex-shrink: 0;}
.gl_img img{display: block;width: 100%;height: 100%;object-fit: contain;}
/* 橙 */
.gl_img1{border: .02rem solid #4D4944;background: #2C221C;}
/* 紫 */
.gl_img2{border: .02rem solid #43403F;background: #211D2F;}
/* 蓝 */
.gl_img3{border: .02rem solid #43413F;background: #15212A;}

.rule_info{
  font-size: .32rem;
  color: #848887;
  line-height: .42rem;
}

.hisroty_list li{
  padding: .3rem;
  box-sizing: border-box;
  line-height: .48rem;
  color: #919594;
  overflow: hidden;
  width: 100%;
  display: flex;
  font-size: .4rem;
}
.hisroty_list li:nth-of-type(even){
  background: rgba(234, 235,235, .03);
}
.hisroty_list span{
  width: 35%;
  flex-shrink: 0;
}
.hisroty_list em{
  width: 65%;
  flex-shrink: 0;
}
.no_history{
  width: 100%;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .4rem;
  color: #5E5E5E;
  line-height: 1.2;
  text-align: center;
}

.btn_open:hover,.btn_rule:hover,.jl_ck:hover,.pop_btn a:hover{filter: brightness(.8);}

/* 多语言适配 */
.lang_ru,.lang_ru h2,.lang_ru a,.lang_ru div{
    font-family: auto;
}
.lang_ru .btn_open,.lang_ru .round_list span{
	font-family: auto;
}
.lang_ru .btntip_txt{
  font-size: .24rem;
	font-family: auto;
}
.lang_ru .jl_info{
  font-size: .34rem;
}


.lang_fr .jl_info{
	font-size: .34rem;
}
.lang_fr .skip_box,.lang_de .skip_box,.lang_ru .skip_box,.lang_ar .skip_box{
	justify-content: flex-end;
}


.lang_zh-Hant .jl_info{
	font-size: .36rem;
}
.lang_zh-Hant .pop_btn a,.lang_zh-Hant h2{
  font-family: auto;
}


.lang_ja .btn_open,.lang_ja .round_list span,.lang_ko .round_list span{
	font-family: 'typed';
}

.lang_es .jl_info{
  font-size: .34rem;
}

.lang_pt .jl_info{
  font-size: .32rem;
}

.lang_ko .jl_info{
  font-size: .28rem;
}

.lang_ar a,.lang_ar .jl_info,.lang_ar .page_info,.lang_ar .round_list li,.lang_ar .round_txt,.lang_ar .skip_box,.lang_ar .hb_info,.lang_ar h2,.lang_ar .bjl_tips{
  direction: rtl;
}
.lang_ar .sub_txt{
  width: 8.6rem;
}
.lang_ar .skip_box{
  justify-content: flex-start;
}
.lang_ar .skip_box span{
  padding-right: .1rem;
}
.lang_ar .round_list{
  flex-direction: row-reverse;
}
.lang_ar .round_list .round3::before{background-position: -7.82rem -1.36rem;}
.lang_ar .round_list .round1::before{background-position: -15.52rem -1.36rem;}
.lang_ar .icon_get,.lang_ar .icon_lock{right: .1rem;}
.lang_ar .round3 .icon_lock,.lang_ar .round3 .icon_get{right: .35rem;}
.lang_ar .round3 {
  padding: .05rem .5rem 0 .2rem;
}
.lang_ar .round1 {
  padding: .05rem .2rem 0 .5rem;
}
.lang_ar .hb_tips{
  text-align: right;
  padding: .3rem 1.18rem .3rem .35rem;
}
.lang_ar .hb_tips .hb_icon1{
  right: .48rem;
  left: initial;
}
.lang_ar .tipsname{
  right: 1.2rem;
  left: initial;
}
.lang_ar .bjl_tips .jl_t1{
  padding-right: .9rem;
  padding-left: 0;
}
.lang_ar .jl_t1 i{
  right: 0;
  left: initial;
  transform-origin: right 0;
}
.lang_ar .jl_info{
  padding-right: .78rem;
  padding-left: .7rem;
  text-align: right;
}
.lang_ar .jl_ck{
  left: 0;
  right: initial;
}
.lang_ar .big_jl .lv_icon1{
  right: 0;
  left: initial;
}
.lang_ar .gun_title{
  justify-content: space-between;
}
.lang_ar .jl_t1{
  padding-right: .7rem;
  padding-left: 0;
  direction: rtl;
  text-align: right;
}
.lang_ar .jl_t2{
  direction: rtl;
  text-align: right;
}
.lang_ar .jl_t1 .lv_icon3{
  right: -.15rem;
}
.lang_ar .gl_con{
  direction: rtl;
}
.lang_ar .gl_info{
  padding-left: .2rem;
  padding-right: 0;
}
.lang_ar .gl_img{
  margin-left: .2rem;
  margin-right: 0;
}
.lang_ar .gl_tab a{
  float: right;
}
.lang_ar .pop1,.lang_ar .pop3{
  direction: rtl;
}
.lang_ar .pop3 .bjl_tips{
  right: 1rem;
  left: initial;
}
/* .lang_ar .time_txt,.lang_ar .btn_rule{
  float: right;
} */
/* 0610 样式 */
.dq_num span{color: #F4CF67;}
.dq_num .dq_n2{opacity: .6;text-decoration: line-through;}
.jl_tips{word-break: break-all;}
.jl_list .get.cur{background: none;}
.pop_text em{color: #f4cf67;}

/* 0611样式 pc */
body,html{background: #121213;}
.content::before{content: "";width: 46rem;height: 24rem;position: absolute;top: 50%;left: 50%;margin: -12rem 0 0 -23rem;pointer-events: none;z-index: 0;}
.content{width: 90%;min-width: 34.44rem;height: 90%;min-height: 19.9rem;margin-left: 0;transform: translateX(-50%) translateY(-50%);margin: 0;}
.big_jl{left: 50%;margin-left: -8.3rem;top: 50%;margin-top: -7.65rem;}
.main .jl_list{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 34.44rem;height: 19.9rem;}
.lang_box,.select-list{position: relative;z-index: 99;}
.top_left{z-index: 99;}
.top_right,.hb_list,.hb_tips{z-index: 99;}
.hb_list{position: relative;}
.jl_tips{word-break: break-word;}
/*.pop_gun{width: 90%;height: 90%;min-width: 34.9rem; min-height: 17.37rem;margin: 0;transform: translateX(-50%) translateY(-50%);}*/
.hisroty_list .blue{color: #589FDC;}
.hisroty_list .purple{color: #9A71DC;}
.hisroty_list .orange{color: #D0814D;}

/* 0612样式 */
.main .jl_list{z-index: 9;pointer-events: none;}
.jl_list li:hover{z-index: 99;}
body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

/* 0612 pc样式 */
.lang_ar .pop_userinfo{
  direction: ltr;
  text-align: right;
}
.lang_ar .pop_userinfo span{
    direction: rtl;
    display: inline-block;
}
.lang_ru .jl_info{
  font-size: .32rem;
}
.lang_pt .jl_info{
  font-size: .3rem;
}
.lang_es .jl_info{
  font-size: .32rem;
}
.lang_vi .jl_info{
  font-size: .36rem;
}
.lang_vi .btn_open span{
  font-family: auto;
}
.lang_ja .jl_info{
  width: 5.5rem;
  font-size: .32rem;
}
.lang_ja .jl_info span{
  white-space: nowrap;
  transform: scale(.75);
  display: inline-block;
  transform-origin: 0 50%;
}

.pop_gun{
	background: url(../ossweb-img/pop_zs.png) no-repeat 50% 50%;
	width: 95%;
	height: 100%;
	min-height: 17.37rem;
	background-size: 100% auto;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	margin: 0;
}
.pop_gun::before{
	content: "";
	background: url(../ossweb-img/zs_line1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3.13rem;
	pointer-events: none;
}
.pop_gun::after{
	content: "";
	background: url(../ossweb-img/zs_line2.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.3rem;
	pointer-events: none;
}


.lang_tr .round_list span,.lang_tr .gun_title span,.lang_tr .tipsname,.lang_tr .pop_btn a,.lang_tr .hj_title,.lang_tr .btn_open span{font-family:'font1';}
.lang_ja .round_list span,.lang_ja .gun_title span,.lang_ja .tipsname,.lang_ja .pop_btn a,.lang_ja .hj_title,.lang_ja .btn_open span{font-family:'font1';}
.lang_zh-Hant .round_list span,.lang_zh-Hant .gun_title span,.lang_zh-Hant .tipsname,.lang_zh-Hant .pop_btn a,.lang_zh-Hant .hj_title,.lang_zh-Hant .btn_open span{font-family: 'typed';}