/*reset*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
/*img{border:0; width: 100%;}*/
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
li{list-style: none;}
a:hover{ filter: brightness(120%);}
.t{ text-indent: -9999em; display: block; overflow: hidden;}
html{ font-size:100px;}
html,body{ width: 100%; background: #265f79;}
#afooter { background: #120611; padding: .2rem 0; font-size: .12rem; text-align: center; color: #ffffff;}
#afooter a {color: #ffffff;}
.t,.tit,.btn,.tab a{ text-indent: -99999em; display: block; overflow: hidden; background-repeat: no-repeat; background-size: 100% auto;}
.btn{ text-indent: 0; }
.gray,.gray:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: default;}
.flex{ display: flex;}
.jc{ justify-content: center;}
.jb{ justify-content: space-between;}
.ac{ align-items: center;}
/**/
.container{ position: relative; width: 100%; overflow: hidden; margin: 0 auto; font-size: .16rem; color: #ffdba4; line-height: 1.5; padding-top: .9rem;}
.nav{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/nav.png) no-repeat center top/19.2rem auto; width: 100%; height: .98rem; position: fixed; z-index: 10; top: 0; left: 0; display: flex; justify-content: center; box-sizing: border-box; padding-right: .2rem;}
.nav a{ display: block; text-indent: -9999em; background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/nav.png) no-repeat 1rem -1.1rem/19.2rem auto; width: 2.54rem; height: .98rem;}
.nav a.on,.nav a:hover{ background-position-x: -1.9rem;}
.nav a:nth-of-type(2).on,.nav a:nth-of-type(2):hover{ background-position-x: -4.44rem;}
.nav a:nth-of-type(3).on,.nav a:nth-of-type(3):hover{ background-position-x: -6.98rem;}
.nav a:nth-of-type(4).on,.nav a:nth-of-type(4):hover{ background-position-x: -9.52rem;}
.nav a:nth-of-type(5).on,.nav a:nth-of-type(5):hover{ background-position-x: -12.04rem;}
.nav a:nth-of-type(6).on,.nav a:nth-of-type(6):hover{ background-position-x: -14.58rem;}
.container .head,.container .cont{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/head.jpg) no-repeat center center/100% auto; height: 10.6rem; position: relative; box-sizing: border-box; padding: 1px;}
.container .cont{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/cont.jpg); height: 45.45rem; margin-top: -0.02rem;}
.head-video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.head-video:after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/head-bg.png") no-repeat; background-size: 100% auto;}
.head-video video{ width: 100%; height: 100%; object-fit: cover;}
.wegame{ cursor: default; background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/wegame.png); width: 1.79rem; height: .45rem; position: absolute; left: 2.47rem; top: .33rem;}
.logo{ cursor: default; background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/logo.png); width: 1.65rem; height: .72rem; position: absolute; left: .54rem; top: .21rem;}
.login{ font-size: .2rem; color: #3c5b72; position: absolute; top: .4rem; right: .6rem;}
.login a{ color: #3c5b72; border-bottom: 1px solid;}
.head-con{ }
.slogan{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/slogan.png); width: 13.18rem; height: 2.64rem; margin: 5.52rem auto 0;}
.btn-download{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-download.png); width: 3.71rem; height: .76rem; margin: .2rem auto;}
.download{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/download.png) no-repeat; background-size: 100% auto; width: 6.03rem; height: .77rem; margin: 0 auto; box-sizing: border-box; padding: .2rem 0 0 3.7rem;}
.btn-community{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-community.png); width: 1.42rem; height: .36rem;}

.swiper-part3{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.swiper-part3 .swiper-slide{ position: absolute; left: 0; top: 0; transform: translateX(10000%);}
.swiper-part3 .swiper-slide.swiper-slide-active{ transform: translateX(0);}
.swiper-video{ width: 11.7rem; height: 6.32rem; margin: .4rem 0 0 4rem; position: relative;}
.swiper-video:after{ content: ''; background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/kuang.png) no-repeat; background-size: 100% auto; width: 12.17rem; height: 6.66rem; position: absolute; z-index: 2; top: -0.16rem; left: -0.22rem;}
.swiper-part3 video{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.tit{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/tit.png); background-size: 19.2rem auto; height: 2rem; position: relative; z-index: 1; background-position: 50% 0; margin:-0.24rem auto .24rem;}
.tit2{ background-position-y: -2rem; }
.tit4{ background-position-y: -4rem; }
.tit5{ background-position-y: -6rem; margin-top: .8rem;}
.tit3-1{ background-position-y: -8rem;}
.tit3-2{ background-position-y: -10rem;}
.tit3-3{ background-position-y: -12rem;}
.tit3-4{ background-position-y: -14rem;}
.tit3-5{ background-position-y: -16rem;}
.tit3-6{ background-position-y: -18rem;}
.tit1-1{ background-position-y: -20rem; height: .56rem; margin: .38rem auto .16rem;}
.tip{ text-align: center; font-size: .16rem; margin-top: -0.2rem; color: #ffeecd; position: relative; z-index: 2; }
.part1{ height: 8.94rem;}
.part2{ height: 7.64rem;}
.part3{ height: 11.44rem; position: relative;}
.part4{ height: 7.74rem;}
.card{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/card.png) no-repeat; background-size: 100% auto; width: 8.12rem; height: 3.19rem; padding-top: .2rem; margin: .2rem auto; font-size: .17rem; color: #3b2003; text-align: center;}
.card-tit{ font-size: .27rem; font-weight: bold; color: #000;}
.prop0{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/prop0.png) no-repeat; background-size: 100% auto; width: 2.04rem; height: 1.7rem; margin: .1rem auto; font-size: .16rem; color: #fff; box-sizing: border-box; padding-top: 1.26rem;}
.card .btn-receive{ margin: 0 auto;}
.bounceTop{ animation: bounceTop 1s linear;}
@keyframes bounceTop {
  0%{
    transform: translateY(-0.5rem);
  }
  100%{
    transform: translateY(0);
  }
}
.tab{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/tab.png?v1.1) no-repeat left center/auto 100%; width: 3.44rem; height: 7.39rem; position: absolute; z-index: 11; left: 0; top: 50%; margin-top: -3.7rem;}
.tab a{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/tab.png?v1.1); background-size: auto 7.39rem;  width: 2.2rem; height: .59rem; background-position: -3.82rem -0.77rem; position: absolute; left: .6rem; top: .76rem;}
.tab .tab2{ background-position-y: -1.89rem; left: 1.2rem; top: 1.9rem;}
.tab .tab3{ background-position-y: -3.03rem; left: 1.5rem; top: 3.04rem;}
.tab .tab4{ background-position-y: -4.2rem; left: 1.4rem; top: 4.2rem;}
.tab .tab5{ background-position-y: -5.29rem; left: 1rem; top: 5.3rem;}
.tab .tab6{ background-position-y: -6.31rem; left: .18rem; top: 6.3rem;}
.tab .on{ background-position-x: -6.12rem;}
.lott{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/lott-bg.png) no-repeat; background-size: 100% auto; width: 5.76rem; height: 6.34rem; position: relative;margin-bottom: .1rem; margin-right: .44rem; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; padding: .24rem .28rem .64rem;}
.lott li{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/lott-item.png) no-repeat; background-size: 100% auto; width: 1.7rem; height: 1.69rem; position: relative; text-align: center;}
.lott li.curr:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,.3);}
.lott img{ width: 100%; height: 100%;}
.lott p{ width: 100%; position: absolute; bottom: .32rem; left: 0; font-size: .15rem; color: #fff3cb;}
.lott div{ width: 100%; position: absolute; bottom: .1rem; left: 0; font-size: .15rem; color: #fff; display: flex; justify-content: center; align-items: center;}
.lott div:before,
.lott div:after{ content: ''; width: .06rem; height: .06rem; background: #fff; transform: rotate(45deg); margin: 0 .06rem;}
.lott .btn-lott{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-lott.png); width: 1.7rem; height: 1.73rem; cursor: pointer; font-size: .18rem; color: #f3d28c; line-height: 1.1; box-sizing: border-box; padding-top: 1.15rem; margin-bottom: -0.04rem;}
.lott .btn-lotted{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-lotted.png); text-indent: -99999em; font-size: 0; cursor: default;}
.lott-num{ text-align: center; font-size: .27rem; color: #000; height: .3rem; line-height: .3rem; margin-top: -0.66rem; position: relative; margin-right: .44rem;}
.task{ background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/task1.png) no-repeat; background-size: 100% auto; width: 5.81rem; height: 1.83rem; line-height: 1.3; box-sizing: border-box; padding: .4rem .26rem .2rem .34rem; margin-top: .16rem;}
.task-start{ display: flex; justify-content: space-between; align-items: flex-end; font-size: .2rem; color: #ffebc5; margin-bottom: .2rem;}
.btn-receive0{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-receive0.png); width: 1.62rem; height: .46rem;}
.btn-received0{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-received0.png);}
.task2 li{ background: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/task2.png") no-repeat; background-size: 100% auto; width: 5.81rem; height: .9rem; margin-bottom: .2rem; font-size: .18rem; color: #ffdba4; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 .3rem 0 .36rem;}
.task2 li:first-of-type{ background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/task3.png"); height: 1.24rem;}
.task2 li p:first-of-type{ width: 2.4rem; flex-shrink: 0; font-size: .21rem; color: #ffebc5;}
.btn-invite,.btn-shop,.btn-receive,.btn-received{ background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-invite.png"); width: 1.48rem; height: .44rem;}
.btn-shop{ background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-shop.png"); margin-top: .1rem;}
.btn-receive{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-receive.png);}
.btn-received{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-received.png);}

.tip2{ font-size: .22rem; color: #000; text-align: center; margin-top: -0.2rem;}
.help{ background: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/help.png") no-repeat; background-size: 100% auto; width: 8.99rem; height: 4.16rem; margin: .2rem auto;}
.btn-goto{ background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-goto.png"); width: 3.29rem; height: .97rem; margin: 0 auto;}
.more{ background: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/more.png") no-repeat; background-size: 100% auto; width: 8.83rem; height: 3.64rem; margin: .2rem auto;}
.btn-login{ background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-login.png"); width: 3.3rem; height: .96rem; margin: 0 auto;}

/**/
.pop{ display: none; background: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/pop1.png) no-repeat; background-size: 100% auto; font-size: .22rem; color: #451203; line-height: 1.5; width: 6.76rem; height: 2.51rem; position: relative; box-sizing: border-box; padding: 1px;}
.pop2{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/pop2.png); height: 2.84rem;}
.pop3{ background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/pop3.png"); height: 3.34rem;}
.btn-close{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-close.png); width: .23rem; height: .2rem; position: absolute; top: -0.22rem; right: -0.1rem;}
.pop-com{ display: flex; align-items: center; font-size: .24rem; color: #ffebc5; justify-content: center; text-align: center; height: 1rem; margin: .4rem .2rem 0;}
.pop2 .pop-com{ height: .5rem; font-size: .2rem;}
.copy-text{ width: 5.66rem; height: .46rem; line-height: .46rem; overflow: hidden; background: #8ea6b3; margin: .1rem auto .34rem; text-align: center; color: #000;}
.copy-text p{ overflow: hidden; margin: 0 .1rem;}
.btn-confirm{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-confirm.png); width: 1.74rem; height: .53rem; margin: 0 auto;}
.btn-copy{ background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/moe20240801/images/btn-copy.png); width: 1.96rem; height: .56rem; margin: 0 auto;}
.prop-list{ display: flex; justify-content: space-evenly; text-align: center; font-size: .16rem; color: #fff3cb; margin: .4rem .24rem .2rem;}
.prop-list li{ width: 1.2rem; white-space: nowrap;}
.prop-list img{ width: 1.08rem; height: 1.07rem;}
.prop-code{ text-align: center; color: #ffffe5; font-size: .22rem; margin-bottom: .1rem;}
body {
  padding-top: 50px !important;
}

.nav {
  position: absolute;
  top: 0px;
}

.btn-received,
.btn-received0 {
  pointer-events: none;
}