/* 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;}

.db {display:block;text-indent:-999em;}
.flex{display: flex; justify-content: space-evenly; }
body,html{overflow-x:hidden;width:100%;height:100%;background:#020203;}
body,html{background:#020203;}
header,footer{width:100%;margin:0 auto;}
.sp{background:url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/sp.png) no-repeat;background-size:8rem auto;}
.ct{left: 50%; transform: translateX(-50%); position: relative;}
.pr {position:relative;}
.pa {position:absolute;}
#afooter{color:#ffffff80;padding:0.1rem 0;font-size:0.2rem;line-height:0.28rem;text-align:center;width:100%;background:#000;}
#afooter a{color:#ffffff80;}
body { font-family: 'source', -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; }
.gray{filter: grayscale(90%);}
@font-face {
    font-family: 'font';
    src: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/rui.ttf);
}
  /*竖屏屏提示*/
  .Shine_landscape{width:100%; height:100%; background:#0c0e13;position: fixed; left:0;top: 0;z-index:9999; text-align: center; display:none;}
  .Shine_landscape img { margin:0 auto; display: block; width:1rem; height:1.52rem;}
  .Shine_landscape_box{position: relative; margin-left: auto; margin-right: auto; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
  .Shine_landscape span{font-size:0.16rem;display:block;color:#ffd40a; text-align:center;width: 100%;padding-top: 10px; line-height:2;}
  .Shine_landscape img{-webkit-animation: Shine_landscapeAni 1.5s ease infinite alternate;animation: Shine_landscapeAni 1.5s ease infinite alternate;}
  @-webkit-keyframes Shine_landscapeAni{
      0% {-webkit-transform:rotate(0);}
      30% {-webkit-transform:rotate(0);}
      70%{-webkit-transform:rotate(-90deg);}
      100% {-webkit-transform:rotate(-90deg);}
  }
  @keyframes Shine_landscapeAni{
  0% {transform:rotate(0);}
  30% {transform:rotate(0);}
  70%{transform:rotate(-90deg);}
  100% {transform:rotate(-90deg);}
  }
  @media screen and (orientation:portrait){
     .Shine_landscape{ display:block;}
  }
  @media screen and (orientation:landscape){
      .Shine_landscape{ display:none;}
  }

.txtA{color: #fff; text-align: center; font-size: 0.3rem;}


.wrap{width:100%;height:100%;background:url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/bg.jpg) 50% 0 no-repeat;background-size:cover;position:relative;overflow:hidden;}
.head{width:100%;height:0.86rem;background:url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/nav.png) 50% 0 no-repeat;background-size:100% 100%;position:relative; margin-top:0rem;top: 50%; left: 50%; transform: translateX(-50%)translateY(-426%);}

.con{width: 100%; position: relative;  margin-top: 0.08rem;}
.info{display: none; }
.info1{display: none; }
.info2{display: none; }
.head1{width: 13rem; margin: 0 auto; }
.login_box{ color: #fff; width: 3.2rem; line-height: 0.3rem;  text-align: right; position: absolute; top: 0.55rem; right: 0; display: none;}
.login_box a{ color: #fff; }
.logo{display: block;  width:4.8rem; height:.6rem; position: absolute; left: 0; top: 0.13rem;background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/logo.png) no-repeat; background-size: 100% auto;}
.btn_rule{position: absolute; top: 0.05rem; right:0rem; width:.5rem;height: 0.5rem; }

.tab_box{z-index: 1; display: flex; justify-content: center; align-items: center; position: absolute; top:0.33rem; right: 0rem;}
.tab_box a{color: #fff; position: relative; font-size: 0.32rem; width:auto; font-family: 'font'; text-align: center; height: .6rem; line-height: .3rem; margin:0 0.25rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/on1.png) no-repeat 50% 0; background-size: 1.46rem auto;}
.tab_box a span{background: linear-gradient(to bottom, #fffffd, #feffc0);-webkit-background-clip: text;color: transparent;  position: relative; top: -0.06rem;}
.tab_box a.cur{background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/on2.png) no-repeat; background-size: 100% auto;}
.tab_box a.cur span{background: linear-gradient(to bottom, #042413, #0e4b21);-webkit-background-clip: text;color: transparent;}
.tab_box a::after{content: ''; background: #1b843b; position: absolute; right: -0.25rem; top: 0.05rem; width:1px; height: .27rem;}
.tab_box a:nth-last-child(1):after{width: 0;}
.main{width:13rem;height:6rem; position: relative; top: 50%; left: 50%; transform: translateX(-50%)translateY(-60%);}
/* con1 */
.v_box{position: relative; }
.time{width:8.57rem; height: .7rem; font-size: .28rem; line-height: 0.48rem; color: #fff; margin: 0.56rem 0 0.2rem 0; padding-left:2.4rem; font-weight: bold; box-sizing: border-box;  background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/time.png) no-repeat; background-size: 100% auto;}
.video1{width:8.44rem; height:4.72rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/video.png) no-repeat; background-size: 100% auto; padding: 0.14rem 0.16rem 0.2rem 0.18rem; box-sizing: border-box;}

.task1{width:4rem; margin-right: 0;}
.tit1{margin: 0.1rem auto 0; width: 1.65rem; height: auto; display: block;}
.klm{width:4rem; height:0.38rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/kl.png) no-repeat; background-size: 100% auto; padding: 0.08rem 0.28rem 0.08rem 0.16rem; box-sizing: border-box;}
.klm a{height: .38rem; width: 1.2rem; position: absolute; right: 0; top: 0; font-size: 0;}
.klm input{height: .36rem; width: 2.4rem; border: 0; position: absolute; left: 0.2rem; top: 0; font-size: .16rem; text-align: center; color: #fff; background: none; outline: none; border-radius: 0;}
.dj1{margin: 0.1rem auto 0; width: 4.01rem; height: auto; display: block;}
.txt1{width:100%; text-align: center; font-size: 0.2rem; color: #ffffff;height: 0.36rem; line-height: 0.36rem; }
.txt2{width:100%; text-align: center; margin: .12rem auto 0; font-size: 0.18rem; color: #0dd15d;height: 0.36rem; line-height: 0.36rem; }

.btnA{display: block; text-align: center; line-height: 0.6rem; width:1.45rem; height: 0.56rem; font-size: 0.24rem; color: #000; flex-shrink: 0; font-family: 'font'; background-position:-2.83rem 0;}
.btnA.on2{background-position: -4.36rem 0; color: #fff;}
.btnA.on1{background-position: -5.87rem 0;}

.list_rw{ width:100%; margin: 0rem auto 0.2rem;}
.list_rw li{ position: relative; margin: 0.02rem auto 0;display: flex; justify-content:space-between; height: 0.51rem; align-items: center; }
.list_rw li p{ flex-shrink: 0; width: 2.61rem; height: .51rem;display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding-left: 0.2rem;text-align: left; font-size: 0.18rem; color: #000;background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/txt1.png) no-repeat; background-size: 100% auto;}

.list_rw li span{width:0.8rem; display: inline-flex; height: 0.24rem; text-align: center; line-height: 0.24rem; box-sizing: border-box; padding-left: 0.28rem; color: #000; font-size: 0.16rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/icon1.png) no-repeat; background-size: 0.22rem auto;}
.video1 video{width: 100%; height: 100%;}
/*con2*/
.con2{padding-top: 0.12rem; box-sizing: border-box;}
.tit2{width: 2.75rem; height: auto; margin: 0 0 0.1rem 0; display: block;  flex-shrink: 0;}
.lot_top{width: 12.7rem; margin: 0 auto;}
.lot_top .txt1{text-align: left;}
.btnB{display: block;  text-align: center; line-height: 0.8rem; width:2.65rem; height: 0.75rem; font-size: 0.26rem; color: #000;  font-family: 'font'; background-position:0 0; }
.btn_lqjl{top: 0.05rem; right: 2.4rem;}
.icont{display: flex;align-items: center; justify-content: space-evenly; top: 0.1rem; right: 0; text-align: right;  line-height: 0.6rem; width:2.15rem; height: 0.64rem; font-size: 0.24rem; color: #000; background-position:0 -1.03rem; box-sizing: border-box;}
.icont img{width: .32rem; height: .34rem; display: block; flex-shrink: 0;}
.icont span{display: block; flex-shrink: 0;}
.lot1{width: 12.7rem; margin: 0.1rem auto; }
.lottery{width:12.7rem; height:4.89rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/lotter.png) no-repeat; background-size: 100% auto;}
.lotterycontent_start{ display: block; outline: none; cursor: pointer; background: url(http://ossweb-img.qq.com/images/js/delottery/blankstartbtn.png) no-repeat; backface-visibility: hidden; animation: 1s ease 0s infinite alternate none running lotterycontent_borderLight; }
.lotterycontent_slight { width: 100%; height: 100%; backface-visibility: hidden; animation: 3s ease 0s infinite normal none running lotterycontent_bgLight; }
.lotterycontent_hover{box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 10px 10px inset;}

/* con3 */
.tab_boxc{z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; margin: 0.5rem auto 0.2rem;}
.tab_boxc a{ width:6.1rem; height: .75rem; margin:0 0rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/tab_sp.png) no-repeat; background-size: 12.64rem auto;}
.tab_boxc a:nth-of-type(1){background-position: 0 0;}
.tab_boxc a:nth-of-type(2){background-position: -6.56rem 0;}

.tab_boxc a:nth-of-type(1).cur{background-position: 0 -0.99rem;}
.tab_boxc a:nth-of-type(2).cur{background-position: -6.56rem -0.99rem;}

.pic3_1{width: 10.88rem; height: auto; display: block;  flex-shrink: 0;margin: 0.1rem auto;}

/* con4 */
.task4{width: 96%; margin: 0 auto; height: 4.5rem; overflow: auto; overflow-x: hidden;}
.task4 li{display: flex; justify-content: start; margin-bottom: .2rem; flex-wrap: wrap;}
.task4 li em{width: auto; margin-top: 0.04rem; text-align: center; font-size: .2rem; padding:0 0.2rem; height: 0.3rem; line-height: .3rem; display: block; background: #ffdb00; font-family: 'font'; color: #000; border-radius: 10rem;}
.task4 li p{font-size: .18rem; color: #d8ffe8; margin-left: .2rem; width: 10.07rem;; text-align: left; line-height: .3rem;}
.line{width: 11.07rem; height: 0.04rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/line.png) no-repeat; background-size: 100% auto; display: block; margin: 0 auto;}
.task4 li p span{color: #07f267;}
.ssxs1{width:100%; height: auto; display: block; margin: -0.3rem auto 0;}
.ssxs2{width: 8.74rem; height: auto; display: block; margin:0 0 0 1.1rem;}


/* 弹窗*/
.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%);-webkit-animation:showzs .6s ease both;}
.pop1{background:url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/pop1.png) no-repeat 50% bottom;width:8.88rem;height:5.2rem;background-size:100% 100%; padding: 0.2rem 0;}
.pop2{background:url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/pop1.png) no-repeat 50% bottom;width:7.88rem;height:auto;background-size:100% 100%; padding: 0.2rem 0;}

.pop_close{width:0.4rem; height:0.4rem; margin: 0 auto;position: absolute;top: 0.2rem; right:0.2rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/close.png) no-repeat; background-size: 100% auto;}
.pop_tit1{width: 4rem; margin: 0.1rem auto 0;font-size:0.4rem; font-family: 'font'; color: #062913; line-height: 0.66rem; height: .66rem;  text-align: center;background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/pop_tit1.png) no-repeat; background-size: 100% 100%;}

.rule{width: 93%; text-align: left; margin: 0.1rem auto 0; color: #effff5; font-size: 0.22rem; line-height: 0.4rem; overflow: auto; height: 4.4rem;}
.rule em{width: auto; margin:0 0 0.1rem 0rem; text-align: center; font-size: .24rem; padding:0.04rem 0.16rem; height: 0.3rem; line-height: .4rem; background: #ffdb00; font-family: 'font'; color: #000; border-radius: 10rem;}

.bt{display: block; color: #07f267;}
.line1{width: 1.22rem; height: 0.05rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/line1.png) no-repeat; background-size: 100% auto; display: block;}
.rule span{color: #ffffff;}
.rule p{margin: 0.1rem 0; line-height: .3rem;}
.rule img{width:7.7rem; height: auto; display: block; margin-bottom: 0.2rem;}

.pop_txt3{width: 90%; margin: 0 auto; padding: 1rem 0; font-size:0.26rem; color: #effff5; line-height: 0.5rem; text-align: center;}
.pop_txt3 span{color: #ffffff;}

.btn_qr{font-size: .34rem; margin: 0rem auto 0.1rem;}

.list_sw{width:100%; margin: 0.4rem auto 0.4rem; }
.list_sw li{ margin-bottom: 0.4rem; position: relative;  display: flex; justify-content: center;}
.list_sw p{width: 1.1rem; height: 0.42rem; text-align: left; color: #0ef870; margin-right: 0.01rem; line-height: 0.42rem;} 
.list_sw input{ font-size: 0.18rem;  width: 4.53rem;  border: 0; border-radius: 0; height: 0.42rem;  outline: none; text-align: center;  line-height: 0.42rem; color: #fff; background: #05170e; border: 1px solid #0ef870;} 


.jp_box{ width:2.8rem; height:2.27rem; margin: 0.2rem auto 0.1rem; display: flex; justify-content: center;align-items: center;  background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/djbg.png) no-repeat; background-size: 100% auto; }
.jp_box img{width:80%;height: auto; display: block; }
.pop_txt1{width: 90%; margin: 0 auto .1rem;  color: #ffffff; line-height: 0.26rem; text-align: center;font-size: 0.2rem; }
.pop_txt1 span{color: #ffffff;}
#pop4 .pop_txt1{font-size: 0.24rem; line-height: .3rem; }

.fd1 img{width: 11rem; display: block; height: auto; margin: 0 auto;}

.pop_close1{margin: 0 auto;position: absolute;top: -0.0rem; right:-0.5rem; background: url(//game.gtimg.cn/images/ffm/cp/a20240627xjss/close.png) no-repeat; background-size: 100% auto;}






