/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
/*footer*/
#afooter{text-align:center; line-height:20px;color: #fff;background-color: #000000;padding: 20px 0;width: 100%;position: absolute;bottom:0;left: 0;}
#afooter a{ color: #fff;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top: 0 !important;}
body,html{background-color: #faf0e2;width: 100%;height: 100%;overflow: hidden;}
#_overlay_{height: 100%!important;}
a {text-decoration:none;}
/* a:hover {text-decoration:none;} */
:focus{outline: none;}
img{display: block;color: #fff;}
::-webkit-scrollbar{ width:0.03rem; height:0.01rem; background-color:#ffffff20; }
::-webkit-scrollbar-track{ -webkit-box-shadow:inset 0 0 0.06rem #ffffff20; border-radius:0.02rem; background-color:#ffffff20; }
::-webkit-scrollbar-thumb{ border-radius:0.01rem; -webkit-box-shadow:inset 0 0 0.06rem #ffffff20; background-color:#ffffff50; }
* {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* 适配 */
:root {
  --design-width: 2220; /* 设计稿宽度 */
  --base-font-size: 100; /* 基准字体大小 */
  --min-width: 1200; /* 最小宽度 */
}

html {
  font-size: calc(var(--base-font-size) / var(--design-width) * 100vw);
}

/* 最小宽度限制 */
@media screen and (max-width: 1200px) {
  html {
    font-size: calc(
      var(--base-font-size) / var(--design-width) * var(--min-width) * 1px
    );
  }
  body,html{ 
 overflow-x: hidden;
}
}

@media screen and (max-width: 1200px) {
  .fr-wrap{
      transform: translateX(-50%);
      left: 50%;
  }
  .g-logo{left: 3.56rem !important; }
}


a{transition: all .5s;}
a:hover{
    filter:brightness(1.2);
} 
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float: left;}
.fr{float: right;}
:focus{outline: none;}
.flex{display: flex; justify-content: space-between; align-items:center;}
.spr { background: url(//game.gtimg.cn/images/bns/topbar/spr24_df.png) no-repeat; background-size: 1.5rem auto;}
.logo { height: 1.04rem; width: 1.5rem; top: 0.01rem; left: 0; z-index: 10; font-size: 0; }
.topbar { position: relative; width: 100%; height: 0.48rem; background-repeat: repeat-x; background-position: 0 -1.04rem; z-index: 3; }
.topnav { float: left; height: 0.3rem; padding: 0.1rem 0 0 1.3rem; }
.topnav li { float: left; height: 0.3rem; padding: 0 0.1rem; line-height: 0.27rem; background-position: -0.82rem -1.54rem; color: #FFF; }
.topnav a { display: inline-block; zoom: 1; }
.topnav .wechat { font-family: '\5b8b\4f53', tahoma; font-size: 0.12rem; color: #fff; }
.topnav a.game-start { float: right; width: 1rem; height: 0.24rem; line-height: 0.24rem; text-align: center; border: 0.03rem solid #6dba18; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; }
.topnav li:hover .code-wechat { visibility: visible; transform: translateY(0); opacity: 1; }
.code-wechat { position: absolute; padding: 0.03rem; top: 0.26rem; left: 0.05rem; text-align: center; background: #fff; visibility: hidden; transform: translateY(0.1rem); opacity: 0; -webkit-transition: all .3s; transition: all .3s; }
.code-wechat .icon-wechat { display: block; width: 0.95rem; height: 0.95rem; background-position: 0 -3.15rem; }
.code-wechat .chat-text { display: block; margin-top: 0.02rem; font-size: 0.12rem; font-family: '\5b8b\4f53'; line-height: 1.2; }
.login { float: right; padding: 0.08rem 0.25rem 0 0; }
.login-btn { float: right; background-position: 0 -2.18rem; width: 0.92rem; height: 0.32rem; padding-right: 0.15rem; line-height: 0.3rem; text-align: center; }
.login-btn:hover { color: #E82E0F; }
.logout { background-position: 0 -2.18rem; width: 0.87rem; padding-right: 0.2rem; }
.login-text { float: right; color: #fff; font-family: '\5b8b\4f53', tahoma; font-size: 0.12rem; padding: 0.08rem 0.1rem 0 0.14rem; }
.icon-user { background-position: 0 -1.54rem; width: 0.09rem; height: 0.13rem; overflow: hidden; left: 0.7rem; top: 0.09rem; }
.login-text .icon-user { left: 0; top: 0.09rem; }
.icon-out { background-position: -0.1rem -1.59rem; width: 0.11rem; height: 0.08rem; overflow: hidden; left: 0.6rem; top: 0.11rem; }
.topnav li.rborder,
.topnav li.rborder .wechat { color: #5b834e; }
.topnav li a { color: #fff; }
.topnav li a:hover { color: #E82E0F; }
.login a { color: #5b834e; }

.wrap{position: relative;width: 100%!important;height: 100%;overflow: hidden;}
.page_swiper{width: 100%;height: 100%;}
.page_swiper1{width: 100%;height: 100%;}

@font-face {
  font-family:'btn' ;
  src:  url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn.ttf);
}

.gray{filter: grayscale(1);}
.gray:hover{filter: grayscale(1) !important;}

.bg1{background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg1.jpg) 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.bg2{background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg2.jpg) 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.bg3{background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg3.jpg) 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.bot{position: fixed; height: 1.1rem; left: 0; bottom: 0%; z-index: 12;  width: 100%; display: none;  background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bot.png) no-repeat; background-size: 100% 100%;}
.bot .flex{display: flex; justify-content: space-between; align-items: center;  height: 1.1rem;}
.bot img{width:auto; height: 0.84rem; display: block; margin: 0rem auto;}
.bot a{margin:0rem 0.6rem;  width: 3.16rem; height: 0.95rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_yy.png) no-repeat;  background-size: 100% auto;}

.btn1 { animation:btnA1 1.1s linear infinite alternate both; }
@keyframes btnA1 { 0% { transform:scale(1.04) } 100% { transform:scale(.95) } }
/* con1 */
.con{position: absolute; width: 14rem; height:9.34rem; border: 0 solid red;  top:50%; left:50%; transform: translate(-50%,-50%);z-index: 1;}
.con1{position: absolute; width: 14rem; height:8.1rem; border: 0 solid red;   left:50%; transform: translateX(-50%); bottom: 0; z-index: 1;}
.time{width:100%; height: auto; top:60.7%; left:0; z-index: 22; position: absolute; color: #f3cd79; font-size: 0.26rem; text-align: center; display: flex; justify-content: center;}  

.slg{width:16.13rem; height: auto; margin:0rem auto -2.1rem; display: block;z-index: 1; }
.btn_yy{width:5.12rem; height: 1.76rem;  display: block;margin: 0 auto -0.2rem; position: relative; z-index: 22;animation:plue 1.3s linear infinite alternate both;  background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_yy.png) no-repeat; background-size: 100% 100%;}
.btn_yy.on{background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_yy2.png) no-repeat; background-size: 100% 100%;}

.p0dj0{width:110%; flex-wrap: wrap; justify-content: center; box-sizing: border-box;padding:0.2rem 0.05rem; align-items: center; position: absolute; top: -1.8rem; left: -0.3rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/fc1.png) no-repeat; background-size: 100% 100%;}
.p0dj0 li{position: relative; width: 1.16rem; height: 1.21rem; margin: 0.07rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/p2bg1-1.png) no-repeat; background-size: 100% 100%;}
.p0dj0 li img{width: 0.6rem; height: auto; margin: 0.1rem auto 0;}
.p0dj0 li p{font-size: 0.14rem; text-align: center; color: #ffffff; width: 100%; height: 0.3rem; line-height: 1.1; position: absolute; bottom: 3%; left: 50%; transform: translateX(-50%);  display: flex; justify-content: center; align-items: center;}
.p0dj0 div{font-size: 0.2rem; text-align: center; color: #2d2209; width: 100%;line-height: 1.4; }
.p2bg1 .lot_txt1{position: absolute; left: 63%; text-align: center; top: 24%;}

.btn_yy .p0dj0{ display: none; }
.btn_yy:hover .p0dj0{display: flex;}

/* @keyframes plue { 0% { transform:scale(1.1) } 100% { transform:scale(1) } } */

.down{width:5.52rem; margin: -0.1rem auto; display: block;z-index: 2; }
.down img{width: 100%; height: auto; margin: 0 auto; display: block;animation:pulse 1.7s ease-in-out both infinite;}
@keyframes pulse{
0%{transform:translateY(0.1rem);opacity:0.8;}
50%{transform:translateY(0rem);opacity:1;}
100%{transform:translateY(0.1rem);opacity:0.8;}
}

/* 1 */
.tit1{width: 10.24rem; height: auto; display: block; margin: -0.1rem auto -.0rem;}
.tit1-11{width: 3.25rem; height: auto; display: block; margin: -0.1rem auto -.0rem;}
.txt1{width:100%; font-size: 0.22rem; color: #592c2c; position: relative;z-index: 2; line-height: 1.2; margin-top: 0.05rem; text-align: center; }
.lbcon1{width: 14rem; height: auto; display: block; margin: 0rem auto 0rem; overflow: hidden;}
.lbcon1 img{width:10rem; height: auto; margin: 0 auto; display: block;}
.lbcon1 .swiper-slide {background-position: center; background-size: cover; width: 70%; height: 100%; transition: 300ms; transform: scale(0.86); opacity: 0.9; display: flex; justify-content: center; align-items: center; position: relative; }
.lbcon1 .swiper-slide-active { transform: scale(1); opacity: 1; z-index: 10; }
.lbcon1 .swiper-slide-active img{width: 10rem; height: auto; margin: 0 auto; display: block;}

.lbcon1 .swiper-button-next{ animation: right1 1.6s linear infinite; width: 1.16rem; right: 1rem; height: 0.87rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/arr2.png) no-repeat; background-size: 100% 100%;z-index: 22;}
.lbcon1 .swiper-button-prev{ animation: left1 1.6s linear infinite; width: 1.16rem; height: 0.87rem; left: 1rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/arr.png) no-repeat; background-size: 100% 100%;z-index: 22; }
@keyframes right1 {
25%{
	transform: translateX(0.1rem);
}
50%,100%{
	transform: translateX(0);
}
75%{
	transform: translateX(-0.1rem);
}
}
@keyframes left1 {
25%{
	transform: translateX(-0.1rem);
}
50%,100%{
	transform: translateX(0);
}
75%{
	transform: translateX(0.1rem);
}
}

/* 2 */
.tit2{width: 5.39rem; height: auto; display: block; margin:-0.2rem auto 0rem;}
.task2{justify-content: center;}
.p2bg1{width:6.83rem;height:6.03rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/p2bg1.png) no-repeat; background-size: 100% auto;}
.p2bg2{width:5.19rem;height:6.03rem; box-sizing: border-box; padding: 0.02rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/p2bg2.png) no-repeat; background-size: 100% auto;}
.btn_lq1{width:2.69rem; height: 0.79rem; top: 4.22rem; right: 0.65rem; position: absolute; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_lq1.png) no-repeat; background-size: 100% auto;}
.btn_lq1.on{ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_ylq1.png) no-repeat; background-size: 100% auto;}
.btntxt1{ top: 0.41rem; right: 0.41rem; position: absolute; font-size: 0.18rem; color: #af3820; }
.btntxt3{ bottom: 0.41rem; right: 0.21rem; position: absolute; font-size: 0.18rem; color: #93401b; text-decoration: underline; z-index: 111;}

.rulebox p{line-height: 1.3;  color: #93401b; font-size: 0.2rem;}

.btntxt{ text-align: center; font-size: 0.16rem; color: #93401b;  text-decoration: underline; margin: 0 auto;}

.lot_rw{ margin:0.41rem auto 0; width:4.34rem;   position: relative; z-index: 2;box-sizing: border-box;}
.lot_rw li{display: flex; height: 0.56rem; box-sizing: border-box; padding: 0 0.2rem 0 0.6rem; justify-content: space-between; margin:0.07rem auto; align-items: center; position: relative; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/listbg.png) no-repeat; background-size: 100% 100%;}
.lot_rw li div{width: auto; font-size:0.16rem; line-height: 1.1; color: #af3820; text-align: left;  display: flex; justify-content: start; align-items: center; flex-wrap: wrap;}
.lot_rw li p{width: auto; font-size:0.16rem; line-height: 1.1; color: #93401b; text-align: right;  display: flex; justify-content: end; align-items: center; flex-wrap: wrap;}
.lottery1{width: 100%; height: auto; display: block; margin: 0 auto;}
.lottery{width:4.36rem; height: 2.84rem; display: block; margin: 0 auto;z-index: 99; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/lot.png) no-repeat; background-size: 100% 100%;}
.lot_txt1{ font-size: 0.16rem; color: #93401b; position: relative;z-index: 2; line-height: 1.2; text-align: center;}
.btncopy{width:2.64rem; height: 0.73rem; top: -0.5rem; left: 1rem;  display: block; z-index: 22;background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btncopy.png) no-repeat; background-size: 100% 100%;}
.lotbox {width: 90%; margin: 0 auto;}
.lotbox .btntxt{ margin: 0;}

/* 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%);}
.pop_close{ top: -0.56rem; right: -0.2rem; width:.51rem; height: .47rem; display: block;  background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/close.png) no-repeat; background-size: 100% 100%;}
.pop1{width:6.9rem; height:auto; display: block; margin: 0 auto; box-sizing: border-box; padding: 0.5rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/pop1.png) no-repeat; background-size: 100% 100%;}
.pop2{width:6.9rem; height:auto; display: block; margin: 0 auto; box-sizing: border-box; padding: 0.5rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/pop1.png) no-repeat; background-size: 100% 100%;}
.pop3{width:10rem; height:auto; display: block; margin: 0 auto; box-sizing: border-box; padding: 0.5rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/pop1.png) no-repeat; background-size: 100% 100%;}

.pop_txt1{width: 100%; font-size: 0.24rem; color: #93401b; position: relative;z-index: 2; line-height: 1.2; margin:0.16rem auto; text-align: center;  font-family:'btn' ;}
.pop_txt1d{width: 100%; font-size: 0.4rem; color: #93401b; position: relative;z-index: 2; line-height: 1.2; margin:0.16rem auto; text-align: center; font-family:'btn' ;}
.pop_txt0{width: 100%; font-size: 0.4rem; color: #93401b; position: relative;z-index: 2; line-height: 1.2; margin:0.4rem auto; text-align: center;  font-family:'btn' ;}
.pop_txt2{width: 100%; font-size: 0.16rem; color: #93401b; position: relative;z-index: 2; line-height: 1.5; margin:0.16rem auto; text-align: left;}
.pop_txt3{width: 100%; font-size: 0.16rem; color: #93401b; position: relative;z-index: 2; line-height: 1.5; margin:0.16rem auto; text-align: center;}
.pop_txt4{width: 100%; font-size: 0.16rem; color: #93401b; position: relative;z-index: 2; line-height: 1.5; margin:0.16rem auto; text-align: right;}

.pop_txt5{width: 100%; font-size: 0.18rem; color: #93401b; position: relative;z-index: 2; line-height: 1.5; margin:0.16rem auto; text-align: center;}
.pop_txt5 p{width: 100%; font-size: 0.16rem; }


input{outline: none; border-radius: 0; background: #ffffff; color: #b77953; border: 1px solid #e2b892; box-sizing: border-box; padding: 0 0.1rem;}


.list1{width: 90%; margin: 0 auto;}
.list1 li{display: flex;margin: 0.1rem auto; justify-content: start; align-items: center; width: 100%;}
.list1 li p{color: #93401b; font-size: 0.22rem; margin-right: 0.11rem;}
.list1 li input{width:4.1rem; height: 0.4rem; text-align: left; font-size: 0.2rem;}
.list1 li:nth-of-type(2) input{width:2.4rem;}

.popbtn0 {justify-content: center;}
.btn_hq{font-family:'btn' ; width:1.51rem; height: 0.4rem;  color: #fcf0df; font-size: 0.22rem; margin-left: 0.15rem; text-align: center; display: flex; justify-content: center; align-items: center; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_hq.png) no-repeat; background-size: 100% 100%;}
.popbtn1{ font-family:'btn' ; color: #fcf0df;width:3.16rem; height: 0.95rem;  font-size: 0.28rem; text-align: center; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding-top: 0.1rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/popbtn1.png) no-repeat; background-size: 100% 100%;}
.popbtn1 span{background: linear-gradient(to bottom, #f1d7a0, #fff7ef, #fff7ef);-webkit-background-clip: text;color: transparent; font-weight: 600;}

.list2{width: 90%; margin: 0 auto;}
.list2 li{display: flex;margin: 0.1rem auto; justify-content: center; align-items: center;}
.list2 li input{width:0.56rem; height: 0.56rem;color: #fcf0df;  text-align: center; line-height:.56rem ; font-size: 0.24rem; border: 0; border-radius: 0.1rem;background: #df9a5c; }

#pop3 .list1 li{justify-content: center;}
#pop6 .list1 li{justify-content: center;}

.tab1{width: 100%; margin: 0 auto;}
.tab1 table{width: 100%; }
.tab1 th{background: #c98fa7; font-size: 0.2rem; text-align: center; line-height: 1.3; padding: 0.1rem; color: #fff;}
.tab1 td{font-size: 0.2rem; text-align: center; line-height: 1.3; padding: 0.1rem; color: #93401b; border: 0; border-bottom: 1px solid  #d0b5a4;}
.tab1 th:nth-of-type(1){text-align: left;}
.tab1 td:nth-of-type(1){text-align: left;}

.pop-record-page { margin: 0.2rem auto; display: flex; justify-content: center; align-items: center; }
.pop-record-page span { font-size: .2rem; color: #93401b; line-height: .26rem; cursor: pointer; }
.pop-record-page .prev { width: .14rem; height: .15rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/qie.png) no-repeat; background-size: 100% 100%; margin: 0 .2rem; cursor: pointer; }
.pop-record-page .next { width: .14rem; height: .15rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/qie.png) no-repeat; background-size: 100% 100%; margin: 0 .2rem; cursor: pointer; transform: scaleX(-1); }

.page-num { display: flex; color: #93401b; }
.page-num span { width: .26rem; height: .26rem; font-size: .2rem; line-height: .26rem; text-align: center; margin: 0 .06rem; }

.page-num span.on { background: #93401b; color: #ece8e1; }
.pop-record-page .text-input { display: flex; cursor: auto; }

.pop-record-page .text-input input { display: block; width: .52rem; height: .26rem; background: #fff; font-size: .2rem; color: #93401b; border: none; text-align: center; margin: 0 0.1rem; }
.pop-record-page .goPageluckyCountOK, .pop-record-page .goPageluckyOK { font-size: .2rem; color: #93401b; line-height: .26rem; cursor: pointer; margin-left: .2rem; text-decoration: underline; }

.pop-record-page .pgae-to { width: .32rem; height: .18rem; background: url(//game.gtimg.cn/images/bns/cp/a20251127order/pop-page-goto.png) no-repeat; background-size: 100% 100%; margin: 0 .2rem; cursor: pointer; }


.p2dj1{width: 40%; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 28%; left: 50%;}
.p2dj1 li{position: relative; width: 1rem; height: 1.11rem; margin: 0.04rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/p2bg1-1.png) no-repeat; background-size: 100% 100%;}
.p2dj1 li img{width: 0.6rem; height: auto; margin: 0.1rem auto 0;}
.p2dj1 li p{font-size: 0.12rem; text-align: center; color: #ffffff; width: 100%; height: 0.3rem; line-height: 1.1; position: absolute; bottom: 1%; left: 50%; transform: translateX(-50%);  display: flex; justify-content: center; align-items: center;}

.p2dj2{width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: -1%; left: 0%;}
.p2dj2 li{position: relative; width: 1rem; height:0.98rem; margin: 0.04rem 0.05rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/p2bg1-1.png) no-repeat; background-size: 100% 100%;}
.p2dj2 li img{width: 0.6rem; height: auto; margin: 0.1rem auto 0;}
.p2dj2 li p{font-size: 0.12rem; text-align: center; color: #ffffff; width: 100%; height: 0.3rem; line-height: 1.1; position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%);  display: flex; justify-content: center; align-items: center;}


/* 新增4 */
.bg3-1{background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg3-1.jpg) 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.bg4{background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg4.jpg) 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.tit3{width: auto; height: 1.89rem; margin: -0.1rem auto; }
.p3pic0{width: auto; justify-content: center; margin: 0 auto; }
.p3pic0 img{width: auto; height: 5rem; margin: 0 0.2rem; }
.btn_qw{ width:3.88rem; height: 1.16rem; margin: 0 auto; display: block; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_qw.png) no-repeat; background-size: 100% auto;}

.page_box{position: relative; width: 100%; height:100%; margin: 0 auto;} 

.wrap .main-swiper { position: relative; width: 100%; height: 100%; }
.section4.page .section4-main2 { opacity: 1; z-index: 22; pointer-events: auto; width: 100%; height: 100%; }
.section4.page .sec4-m2-bg { opacity: 1; }
.section4.page .section4-main1 { pointer-events: none; opacity: 0; }
.section4.page .section4-main2 { opacity: 1; z-index: 22; pointer-events: auto; width: 100%; height: 100%; }
.section4-main1 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; justify-content: center; align-items: center;  }
.sec4-m2-content.on{ opacity: 1; }
.sec4-m2-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; /* transform: translateX(-50%); */ opacity: 0; pointer-events: none; }
.sec4-m2-content.on { opacity: 1; pointer-events: auto; transition: opacity 0.8s; }
.page .navbg{ display: block; }
.navbg{ display: block;  width: 1.82rem; height: 8.09rem; position: absolute; top: 10%; right: 0rem;z-index: 22; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/navbg.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav { position: relative; z-index: 22; margin-top: 0.6rem;}
.sec4-m2-nav a { width: 1.6rem; height: 1.3rem; box-sizing: border-box; font-size: 0.24rem; color: #9a9a9a; line-height: 0.4rem; position: relative;display: flex; align-items: center; margin: 0.1rem auto; }
.btn_back { margin: 0.1rem auto 0.1rem; display: block; width: 1.35rem; height: 1.07rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_back.png) no-repeat; background-size: 100% 100%; z-index: 22; }

.sec4-m2-nav a:nth-of-type(1){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav1.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav a:nth-of-type(2){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav2.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav a:nth-of-type(3){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav3.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav a:nth-of-type(4){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav4.png) no-repeat; background-size: 100% 100%; }

.sec4-m2-nav a.on:nth-of-type(1){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav1on.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav a.on:nth-of-type(2){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav2on.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav a.on:nth-of-type(3){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav3on.png) no-repeat; background-size: 100% 100%; }
.sec4-m2-nav a.on:nth-of-type(4){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav4on.png) no-repeat; background-size: 100% 100%; }

.lbtz{ display: block; width: 1.82rem; height:auto; position: absolute; top: 10%; right: 0rem;z-index: 22; box-sizing: border-box; padding: 0.6rem 0; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/navbg.png) no-repeat; background-size: 100% 100%; }
/* .lbtz div{ position: relative; z-index: 22; margin-top: 0.1rem;} */
.lbtz a { width: 1.6rem; height: 1.3rem; box-sizing: border-box; font-size: 0.24rem; color: #9a9a9a; line-height: 0.4rem; position: relative;display: flex; align-items: center; margin: 0.1rem auto; }


.lbtz a:nth-of-type(1){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav1.png) no-repeat; background-size: 100% 100%; }
.lbtz a:nth-of-type(2){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav2.png) no-repeat; background-size: 100% 100%; }
.lbtz a:nth-of-type(3){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav3.png) no-repeat; background-size: 100% 100%; }
.lbtz a:nth-of-type(4){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav4.png) no-repeat; background-size: 100% 100%; }


/* .lbtz div a.on:nth-of-type(1){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav1on.png) no-repeat; background-size: 100% 100%; }
.lbtz div a.on:nth-of-type(2){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav2on.png) no-repeat; background-size: 100% 100%; }
.lbtz div a.on:nth-of-type(3){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav3on.png) no-repeat; background-size: 100% 100%; }
.lbtz div a.on:nth-of-type(4){ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/nav4on.png) no-repeat; background-size: 100% 100%; } */



.sec4-m2-content { background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg3.jpg) no-repeat center; background-size: cover; object-fit: cover; }
.sec4-m2-content1 { background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg3-1.jpg) no-repeat center; background-size: cover; object-fit: cover; }
.sec4-m2-content3 { background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg3-3.jpg) no-repeat center; background-size: cover; object-fit: cover; }
.sec4-m2-content4 { background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/bg3-4.jpg) no-repeat center; background-size: cover; object-fit: cover; }

/* 1 */
.ptit1{width: auto; height: 1.77rem; margin: -0.6rem auto 0;}
.btn_tz{ width:3.71rem; height: 1rem; margin:-0.4rem auto 0; display: block; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_tz.png) no-repeat; background-size: 100% auto;}
.txtbox1{font-size: 0.24rem; font-family:'btn' ; color: #62260d; width: 70%; margin: 0.3rem 0 0 5.8rem; height: 2.5rem; }
.txtbox1 span{color: #b81111;}
.txtbox1 li{   width: auto; margin-top: 0.06rem;}
.txtbox1 li p{ width: auto; height: 0.34rem; display: inline-block; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/line1.png) no-repeat bottom; background-size: auto 0.02rem; }
.sec4-m2-content1 .btn-vplay { display: block; width: 1.17rem; height: 1.17rem; position: absolute; top: .8rem; left: 18%; z-index: 3; }
.icon-play { width:1.17rem; height: 1.17rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/btn_vid.png) no-repeat; background-size: 100% 100%; transition: transform 0.6s; }

.p1txt1{width: auto; height: 1.54rem; position: absolute; bottom: 16%; left: -13%;}
.p1pic1{width: auto; height: 3.06rem; position: absolute; bottom: 9%; left: 37%;}
.sec4-m2-content2 .btn-vplay {  position: absolute; top:0.7rem; left: 3%; z-index: 3; }
.sec4-m2-content3 .btn-vplay {  position: absolute; top:0.7rem; left: 3%; z-index: 3; }
.sec4-m2-content4 .btn-vplay {  position: absolute; top:0.7rem; left: 3%; z-index: 3; }


.tit2-1{width: auto; height: .9rem; margin: 0rem auto 0;}
.tit2-2{width: auto; height: 1.3rem; margin: 0rem auto 0;}
.p2pic5{width: auto; height: 4.66rem; margin: -0.1rem auto 0;}

.listpic{width: auto; flex-wrap: wrap; justify-content: center; align-items: center;}
.listpic li{width: auto; position: relative;}
.listpic li img{width: auto; height: 2.28rem; margin: 0.1rem auto 0;}
.listpic li p{font-size: 0.22rem; text-align: center; color: #ffffff; width: 100%; position: absolute; bottom: 4%; left: 50%; transform: translateX(-50%); }
.ptit2{width: auto; height: 1.6rem; margin: -0.1rem auto 0.2rem; position: relative; left: 2%;}

.ptit3{width: auto; height: 1.73rem; margin: -0.1rem auto 0rem; position: relative; left: 2%;}
.p3pic1{width: auto; height: 5.19rem; margin: -0.1rem auto 0;}

.listtxt1{width: auto; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: -.5rem;}
.listtxt1 li:nth-of-type(1){width: 6.37rem; height: 2.89rem; position: relative; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/page/p3txt1.png) no-repeat bottom; background-size: 100% auto;}
.listtxt1 li:nth-of-type(2){width: 6.2rem; margin:-.85rem 0rem -1rem 1.3rem; height: 2.8rem; position: relative; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/page/p3txt2.png) no-repeat bottom; background-size: 100% auto;}
.listtxt1 li:nth-of-type(3){width: 6.32rem; height: 3.37rem; position: relative; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/page/p3txt3.png) no-repeat bottom; background-size: 100% auto;}

.listtxt1 li p{font-size: 0.34rem; text-align: center; color: #d15136; font-family:'btn' ; width: 40%; position: absolute; bottom: 42%; left: 42%; border-bottom: 1px solid #f0cec5; background: linear-gradient(to bottom, #e47644, #d35437);-webkit-background-clip: text;color: transparent; }
.listtxt1 li span{    font-size: 0.2rem;  color: #452320; /* width: 100%; */ position: absolute; bottom: 16%; left: 54%; text-align: left; }
.listtxt1 li:nth-of-type(2) p{ bottom: 42%; left: 22%; }
.listtxt1 li:nth-of-type(3) p{ bottom: 51%; left: 52%; }
.listtxt1 li:nth-of-type(2) span{   text-align: right;bottom: 16%; left: 22%; }
.listtxt1 li:nth-of-type(3) span{   bottom: 27%; left: 54%; }
.swiper-button-next, .swiper-button-prev { color: #ffffff00; }
.section4-main2{opacity: 0;}

.ptit4{width: auto; height: 2.15rem; margin: -0.1rem auto 0rem; position: relative; left: 2%;}
.p4txt1{width: 6.48rem; height: 3rem; font-size: 0.18rem;  color: #fff; line-height: 1.6; position: absolute; top: 58%; left: -9%; box-sizing: border-box; padding: 1rem 0.6rem 0 0.7rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/page/p4txt1.png) no-repeat bottom; background-size: 100% auto;}
.p4pic1{width: auto; height: 5.47rem; position: absolute; top: 2.8rem; right:-.6rem;}




/* 动画 */
@keyframes nextanim{0% {transform: translateY(-0.15rem);opacity: 0.3;}50% {transform: translateY(0.1rem);opacity: 1;}100% {transform: translateY(-0.15rem);opacity: 0.3;}}
@keyframes bounceInbot1 { 
	0% {opacity: 0;transform: translateY(0.6rem);}
	100% {transform: translateY(0);}}
@keyframes bounceIntop {
	0% {opacity: 0;transform: translateY(-4rem);}
	100% {transform: translateX(0);}
}
@keyframes bounceInleft {
	0% {opacity: 0;transform: translateX(-1rem);}
	100% {transform: translateX(0);}
}
@keyframes bounceInright{
	0% {opacity: 0;transform: translateX(2rem);}
	100% {transform: translateX(0);}
}

@keyframes bounceIntop3{
	0% {opacity: 0;transform: translateY(4rem);}
	100% {transform: translateY(0);}
}

/* .btn_xa1{animation: nextanim 2s ease-in-out both infinite;} */
@keyframes scaleIn {
    0%{opacity: 0;transform: scale(1.03);}
    100%{opacity: 1;transform: scale(1);}
}

.swiper-slide-active .slg,.swiper-slide-active .bot,.swiper-slide-active .tit2,.swiper-slide-active .tit1,.swiper-slide-active .tit3,.swiper-slide-active .tit4{animation: bounceInbot1 1s ease both;}
.swiper-slide-active .lbcon1,.swiper-slide-active .p3pic0,.swiper-slide-active .btn_qw {animation: bounceInbot3 1.1s ease both; }
.swiper-slide-active .task2 {animation: bounceInbot1 1.4s ease both; }
.sec4-m2-content.on .an1{animation: bounceInbot1 1s ease both; }
.sec4-m2-content.on .an2{animation: bounceInbot1 1.5s ease both; }
.sec4-m2-content.on .an3{animation: bounceInbot1 1.7s ease both; }
.sec4-m2-content.on .an4{animation: bounceInbot1 1.7s ease both; }

.nav_box {animation: bounceInleft 1s ease both;}
.nav_box1 {animation: bounceIntop 1s ease both;  display: block;}
.swiper-slide-active .bg1{animation: scaleIn 1s 0s ease-out both;}
.swiper-slide-active .bg2{animation: scaleIn 1s 0s ease-out both;}
.swiper-slide-active .bg3{animation: scaleIn 1s 0s ease-out both;}
.swiper-slide-active .bg3-1{animation: scaleIn 1s 0s ease-out both;}
.swiper-slide-active .bg3-3{animation: scaleIn 1s 0s ease-out both;}
.swiper-slide-active .bg3-4{animation: scaleIn 1s 0s ease-out both;}
.swiper-slide-active .con4_box,.swiper-slide-active .task1,.swiper-slide-active .txt_box5,.swiper-slide-active .txt5,.swiper-slide-active .p5dj1{animation: bounceIntop3 1s ease both; }
/* .swiper-slide-active .tit1 ,.swiper-slide-active .tit2 ,.swiper-slide-active .tit3{animation-delay: 0.3s;} */
.swiper-slide-active .tit1,.swiper-slide-active .rule,.swiper-slide-active .task3{animation: bounceInbot1 1s ease both;}
.swiper-slide-active .rw1{animation: bounceInright 1s ease both;}
.swiper-slide-active .task5{animation: bounceInright 1s ease both;}
.swiper-slide-active .navbg {animation: bounceInleft 1.3s ease both;}
.sec4-m2-content.on .btn-vplay{animation: bounceInleft 1s ease both;}

.section-nav { width: 8.63rem; height: .83rem; position: absolute; top:0rem; right: 0; z-index: 2; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/topnav/navbg1.png) no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: flex-end; padding-right: .2rem; }
.section-nav-to { width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; position: relative; }
.section-nav-line { width: 0.13rem; height: .2rem; background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/topnav/navbg1.png) no-repeat; background-size: 100% 100%; }
.section-nav-to a { margin: 0 -0.3rem; position: relative; display: flex; justify-content: start; }
.section-nav-to a span{ width: 2.56rem; height: 0.53rem; display: flex; align-items: center; justify-content: center; position: relative;  font-family:'btn' ; color: #4f2b40; font-size: 0.2rem; margin: 0 -0.3rem; }
.section-nav-to a span.on{ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/topnav/nav.png) no-repeat center; background-size: 100% 100%; }
.line4 { display: inline-block; width: 0.45rem; height: 0.04rem; vertical-align: middle; /* margin: 0 0.2rem; */ background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/topnav/line1.png) no-repeat center; background-size: 100% 100%; position: relative; top:.24rem; right: -.24rem; }
.section-nav-tab span { width: 1.73rem; height: .6rem; display: block; margin-top: .09rem; background-size: 100% 100%; position: absolute; top: 0; }



.pop-video {
  /* width: 980px;
  height: 552px;
  background: #000000;
  transform: scale(0.9); */
}

.pop-video-content {
  width: 9.8rem;
  height: 5.52rem;
  background: #000000;
  transform: scale(0.9);
}

.btn-close-m {
  content: '';
  display: block;
  width: .52rem;
  height: .52rem;
  position: absolute;
  background: url(//game.gtimg.cn/images/bns/cp/a20260713yyhd/close.png) no-repeat;
  background-size: 100% 100%;
  top: 0;
  right: -.64rem;
  transform: rotate(0deg);
  transition: transform 0.6s;
}

.btn-close-m:hover {
  transform: rotate(90deg);
}