/* reset */
body,div,p,ul,li,table,tbody,tr,td,th,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,th{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.cl:before,.cl:after {content:"";display:table;}
.cl:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
	background-color: #41383d;
  }
header,footer{width:100%;margin:0 auto;}
.sp{background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/sp.png)no-repeat;background-size:12rem auto;}
#afooter{color:#cad0dd;padding:0.1rem 0;font-size:0.2rem;line-height:0.28rem;text-align:center;width:100%;background:#000000;}
#afooter a{color:#cad0dd;}

.ct{left: 50%; transform: translateX(-50%); position: relative;}
.flex{display: flex; justify-content: space-evenly;}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}

@font-face {
    font-family:'font';
    src: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/font.ttf);
}
.wrap{width: 100%; margin: 0 auto;position: relative; color: #fff;
background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/m/bg.jpg) no-repeat;width: 7.5rem; padding-bottom: .8rem;  padding-top: 0;margin: 0 auto;background-size: 100% auto;}

.head{position: relative; width: 7.5rem; box-sizing: border-box; padding-top: 1rem; height:11.1rem;background-size: 100% auto; margin: 0 auto;}


.logo_box{width: 3.3rem;height:0.98rem;position: absolute;top: 0.14rem;left: .1rem;z-index: 1;}
.logo_box a{width: 50%; height: 80%; border: 0 solid;}

.login{font-size: .2rem;color: #fff;line-height: 1;width:53%;text-align: right; right: 2%; position: absolute; top: 0.35rem; display: flex; justify-content: right;}
.login a{color: #ff6a13;}

.slg{width: 7.2rem; top: 4rem; left: 1%; height: auto; display: block; }
.pic{width: 7.5rem; height: auto; display: block; margin: -0.03rem auto;}

.top_btn1{width: 4.82rem;position: absolute;top: .37rem;right: .5rem;z-index: 1;}
.top_btn1 a{width:2.08rem; height: .57rem; background-position:0 -8.98rem;}
.top_btn1 a:nth-last-child(1){background-position:-2.17rem -8.98rem;}

.top_btn2{width:80%;position: relative; margin: 0.3rem auto; z-index: 1;}

.btnA,.btnB{width:2.74rem;  height: .69rem; line-height: .64rem; color: #fff; position: relative; overflow: hidden; margin: 0 auto; font-size: .34rem; font-family: 'font'; background-position: -8.76rem -7.63rem; text-align: center; display: block;}
.btnB{background-position: -5.62rem -7.63rem;}
.on1{filter: grayscale(90%);}
.on2{width:2.74rem;  height: .69rem; line-height: .64rem; color: #fff; position: relative; overflow: hidden; margin: 0 auto; font-size: .34rem; font-family: 'font'; background-position: -8.76rem -7.63rem; text-align: center; display: block;}
.on3{filter: brightness(1.1);}

.top1{width: 5.26rem; height:auto;margin: 3.4rem auto 0; display: block;}
.top2{width: 5.79rem;  height:1.73rem;margin: 6.4rem auto 0; display: flex; justify-content: space-between; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/m/top2.png) no-repeat; background-size: 100% auto;}
.top2 a{width: 100%; height: 1.66rem; display: block;}
.down1 a {color: #fff;}
.down1{width:100%; margin: 0 auto 0; }
.down1 p{width:100%; text-align: center; display: block; font-size: .2rem;color: #fff;}
.down1 i{width:.45rem;animation:pulse 1.8s 0s ease-in-out both infinite; position: relative;z-index: 11; zoom: .8; height: .56rem; background-position: -11.43rem -8.38rem; display: block; margin: .2rem auto;}

.tit1,.tit2,.tit3,.tit4,.titx1{width: 7.5rem; z-index: 1; position: relative; height:1.09rem; margin: .2rem auto 0; background-position: 0 0; display: block; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/m/sp.png) no-repeat; background-size: 7.5rem auto;}
.tit1{background-position:-0.03rem -2.44rem;width: 7.4rem;height: 1.02rem;margin-bottom: 0.3rem;}
.tit2{background-position:-0.07rem -3.7rem;width: 7.4rem;height: 1.02rem;margin-top: 0.9rem;}
.tit3{background-position:-1.11rem -5.04rem;width: 5.2rem;height: 1.02rem;}
.tit4{background-position:-1.32rem -6.5rem;width: 4.77rem;height: 1.02rem;}


/* 1 */
.txt1{text-align: center; font-size: .22rem; line-height: .36rem;  width: 100%; margin: 0 auto; }
.btntxt1{ width: 1.96rem;top: 1.3rem; right: 1%; height: .35rem; font-size: .2rem; line-height: .3rem;  background-position: -8.18rem -8.83rem;color: #fff; text-align: left; padding-left: 0.02rem;}
.btntxt2{ width: 1.96rem; height: .35rem; font-size: .22rem; line-height: .35rem;  background-position: -8.18rem -8.83rem;color: #fff; text-align: center;}
.prt1 .txt1{width: 77%; margin: 0;}
.list1{width:5.09rem;height:6.22rem; margin:.25rem auto .25rem; display: flex; justify-content: center; flex-wrap: wrap; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/m/dj1.png) no-repeat;background-size: 100% auto } 
.list1 li{position: relative; width: 50%;height:3rem;margin-bottom: 0.35rem;} 
.list1 li p{text-align: center; font-size: .18rem; line-height: .22rem; position: absolute; left: 2%; top: 1.8rem; width:97%; }
.list1 li .btnB{margin-top: 2.3rem; transform:scale(.77)translateX(-15px);margin-left: 0.12rem;}

.jdt1 { width: 7.2rem; height: .3rem; position: relative; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/jd1.png) no-repeat; background-size: 100% 100%; margin: .15rem auto 0rem; }
.jdt2{ width: 0%; height: .3rem; max-width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/jd2.png) no-repeat; background-size: auto 100%;}

.list2{width:7rem; height:4.8rem; box-sizing: border-box; padding-top: 4.9rem; flex-wrap: wrap; margin:.3rem auto; display: flex; justify-content:space-around;  background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/m/dj5.png) no-repeat;background-size: 100% auto;align-content:flex-start; } 
.list2 li{position: relative; height: auto; font-size: 0;}  
.list2 li:nth-of-type(1){transform:scale(.78); position: absolute; top:4.76rem; right:4.76rem;}
.list2 li:nth-of-type(2){transform:scale(.78); position: absolute; top:4.76rem; right:2.35rem;}
.list2 li:nth-of-type(3){transform:scale(.78); position: absolute; top:4.76rem; right: 0rem;}
.list2 li:nth-of-type(4){transform:scale(.78); position: absolute; top:7.1rem; right:4.76rem;}
.list2 li:nth-of-type(5){transform:scale(.78); position: absolute; top:7.1rem; right:2.35rem;}
.list2 li:nth-of-type(6){transform:scale(.78); position: absolute; top:7.1rem; right: 0rem;}
.rule1 { width: 7.2rem; margin: .2rem auto; }
.rule1 p { font-size: .18rem; color: #ffffff; line-height: .28rem; position: relative; padding-left: .19rem; }
.rule1 p i { background-position: -11.82rem -7.63rem; width: .19rem; height: .18rem; position: absolute; top: .02rem; left: 0; }
.rule1 a{ font-size: .18rem; color: #ff6a13; line-height: .28rem; position: relative;    text-decoration: underline; }

.txt_box{width:96%; justify-content: space-between; align-items: center; margin: .2rem auto;}
.txt2{ font-size: .3rem; color: #f48019; line-height: .4rem; position: relative; padding-left: .28rem;font-weight: bold; }
.txt2 i{ background-position: -11.76rem -7.97rem; width: .23rem; height: .22rem; position: absolute; top: .09rem; left: 0; }

.rw_box{width: 7.5rem; margin: 0 auto;  }
.rw{width:5.63rem; height: auto; display: block; left: 21%}
.btn_play{ background-position: -4.67rem -8.98rem; width: .62rem; height: .62rem; position: absolute; top:4.3rem; left:79%; }
.btn_play{ animation:plue 1.3s linear infinite alternate both; }
@keyframes plue { 0% { transform:scale(1.1) } 100% { transform:scale(.95) } }
@keyframes pulse{
    0%{transform:translateY(-0.15rem)}
    50%{transform:translateY(0rem)}
    100%{transform:translateY(-0.15rem)}
    }
.djbox{width:7.09rem; height: auto; display: block; margin:-.8rem auto 1.4rem; }

.lb_con1{width:7.4rem;height:4.32rem;position:relative; margin:.4rem auto 0.2rem; }
.lb_con1 .swiper-slide{width:6.73rem; display: block; margin: 0 auto;}
.lb_con1 .swiper-slide img{width:6.73rem;height:auto; display: block; margin: 0 auto;}
.lb_con1 .swiper-slide{opacity:1;}
.lb_con1 .swiper-slide-active{opacity:1;}
.lb_con1 .swiper-pagination{width:100%;left:0;bottom:.38rem;}
.lb_con1 .swiper-pagination-bullet{width:.18rem; opacity:1;height:.21rem;margin:0 .1rem;    background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/sp.png)no-repeat;
    background-size: 12rem auto;background-position:-7.54rem -8.41rem;}
.lb_con1 .swiper-pagination-bullet-active{width:.18rem;height:.21rem; opacity:1;    background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/sp.png)no-repeat;
    background-size: 12rem auto; background-position:-7.26rem -8.41rem;}
.lb_con1 .l1{width:.57rem;height:.78rem;background-position:-6.33rem -8.41rem;opacity:1; top: 34%;}
.lb_con1 .r1{width:.57rem;height:.78rem;background-position:-5.6rem -8.41rem; opacity:1;top: 34%; }

/* è§†é?‘å¼¹çª? */
.pop_vid1 {width:6.9rem;height:3.8rem;background-color:#333;outline:none;z-index:999; border-radius: .1rem;}
#pop_videos1{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999;}
.ts{width:8.5rem;height:4.8rem;line-height: 4.3rem; text-align: center; color: #fff;font-size: .24rem;}


/* pop*/
.pop_box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;}
.pop_content{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.pop1{ position: relative; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/pop1.png) no-repeat; width:7rem; height:auto;  background-size: 100% 100%; box-sizing: border-box; padding: .4rem .1rem; padding-top: .2rem; }
.pop_close{width: .39rem; height: .5rem; top:-0.45rem; right: -0.1rem; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/close.png) no-repeat; background-size: 100% auto;}
.pop_tit1{font-size: .38rem; text-align: center; font-family: 'font'; margin: 0 auto; line-height: .38rem;  color: #ffffff;}
.pop_tit1 span,.dj_name p,.pop_txt3 span{background: linear-gradient(to bottom, #ff8527, #ffdb6d);-webkit-background-clip: text;color: transparent;  }
.pop_tit1 i{     transform: scaleY(0.89);background-position: -11.76rem -7.97rem; width: .23rem; height: .22rem;  display: inline-flex;}

.pop_dj{display: flex; justify-content: center; width: 100%; margin: .2rem auto;}
.pop_dj li{width: 3.6rem; height: 1.82rem; position: relative; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/dj0.png) no-repeat; background-size: 100% 100%; margin: 0 .1rem;}
.pop_dj img{width: 3rem; height: auto; margin: .1rem auto; display: block; padding-top: .3rem;}
.pop_dj p{bottom: .17rem; left: 0; width: 100%; position: absolute; font-size: .18rem; line-height: .2rem;}
.pop_txt1{font-size: .24rem; color: #fff;  text-align: center;  margin: 0 auto; line-height: .47rem;}
.pop_btn { margin-top: .2rem; width: 100%; justify-content: space-evenly;}

.nav-right { transform: scale(.7); background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/nav-rigth.png) no-repeat; background-size: 100% 100%; width: 2.35rem; height: 4.62rem; position: fixed; top: 1rem; right:-0.1rem; z-index: 10; box-sizing: border-box; padding-top: 1.48rem; display: none;}
.nav-right a { width: 2.08rem; height: .57rem;margin-bottom: .2rem; position: relative; left: 50%; transform: translateX(-50%); border: 0 solid red; display: block;}
.active{display: block;}

.pop2{ position: relative; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/pop2.png) no-repeat; width:7rem; height:3.43rem; padding-top: .4rem; background-size: 100% auto; box-sizing: border-box;}
.pop_txt2{font-size: .2rem; color: #fff;  text-align: center;line-height: .4rem; width: 80%; margin: .51rem auto;}
.pop3{ position: relative; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/pop3.png) no-repeat; width:7rem; height:5.22rem;  background-size: 100% 100%; box-sizing: border-box; padding: .4rem .1rem; padding-top: 3.55rem;}
.pop3 p{width: 100%; line-height: .3rem;}
.lin2{width: 6.38rem; height: auto; display: block; margin: 0 auto;} 
.pop_txt3{font-size: .28rem; color: #fff;  text-align: center;line-height: .4rem; width: 100%; margin: .17rem auto 0; }
.lb_list{width:6.38rem; height:3.37rem; margin:.3rem auto; overflow: auto; padding: .1rem;} 
.lb_list li{position: relative; display: flex; justify-content: center; margin-bottom: .08rem; border-bottom:.01rem solid #d8761f70; }  
.lb_list li p{text-align: center; font-size: .22rem; line-height: .5rem; width: 50%; color: #fff;}
.lb_list::-webkit-scrollbar-track-piece{background-color:#00000010;}
.lb_list::-webkit-scrollbar{width:.05rem;}
.lb_list::-webkit-scrollbar-thumb{background:#d8761f60;border-radius: .1rem}

.gift_hover1{ box-sizing: border-box; padding-top: 0.1rem; background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/hbg.png) no-repeat; background-size: 100% 100%; width: 5.2rem; height:7rem;  }
.img-scroll{ width: 90%; height: 94%; overflow-x: hidden; overflow-y: scroll; margin: .2rem auto 0; box-sizing: border-box; position: relative;  display: block;}
.img-scroll img{width: 100%; height: auto; display: block; }

.giffw{width: 95%; top: 0; left: 0; height: 2.2rem;}
.list2 .giffw{width: 50%; top: -2rem; left: 0; height: 1.35rem; border: 0 solid;}
.gift_bg{ background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/hbg1.png) no-repeat; background-size: 100% 100%; width: 5.6rem; height: 3.05rem; }
.gift_bg1{ width: 5.49rem; height: 2.96rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; }
.gift_bg1 img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.topbtn {background: url(//game.gtimg.cn/images/actdaoju/act/a20240410fl/m/topbtn.png)no-repeat; background-size: 100% auto;width: 1.64rem;height: 0.43rem;display: block;
position: fixed;top: 0.8rem;right: 0.15rem;z-index: 8;}
