/*reset*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;padding:0;}
* { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;}
q:before,q:after{content:''}
body{-webkit-text-size-adjust:none; max-width: 7.5rem;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{ text-decoration:none;}
i,em {font-style: inherit;}
html{font-size:100px;}
body,html{width:100%;height:100%;}
a:focus,div:focus,p:focus{outline: none;}
.c:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.c{*zoom:1;}
.l {float: left;}
.r {float: right;}
.t {display: block; text-indent: -99999rem; overflow: hidden;}
.pr {position: relative;}
.pa {position: absolute;}
.hide { display: none !important;}
.flex {display: flex; justify-content: space-around; align-content: flex-start; flex-wrap: wrap;}
.sp {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/btns.png) no-repeat; background-size: 7.5rem auto;}
.col1 {color: #a30606;}
.mt20 {margin-top: .2rem !important;}

@font-face{
    font-family: 'lzh';
    src:url('//game.gtimg.cn/images/tlbb/cp/a20231219invite/font/lzh.ttf') format('truetype');
    /*汉仪老字号 W*/
}
@font-face{
    font-family: 'qh50';
    src:url('//game.gtimg.cn/images/tlbb/cp/a20231219invite/font/qh50.ttf') format('truetype');
    /*汉仪旗黑 50S*/
}

.wrap {display: none; width: 7.5rem; height: 16.5rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg1.jpg) center top no-repeat; background-size: 7.5rem auto; text-align: center; overflow: hidden; position: relative;}
.wrap.show {display: block;}
.logo {position: absolute; top: .05rem; right: .15rem; width: 1.16rem; height: .91rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/logo.png) no-repeat; background-size: 100% auto;}
.title1 {width: 7.5rem; height: 1.13rem; margin: 1.64rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/title1.png) no-repeat; background-size: 100% auto;}
.dkq {display: block; width: 1.51rem; height: 1.24rem; margin: .38rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/dkq.png) no-repeat; background-size: 100% auto;}
.loging {width: 100%; height: .3rem; line-height: .3rem; font-size: .22rem; color: #000; text-align: center; margin-top: .45rem; font-family: 'qh50';}
.loging a {color: #000;}
.txt {line-height: .7rem; font-size: .28rem; color: #1a1100; font-family: 'lzh'; margin-top: .42rem;}
.tips {font-size: .2rem; color: #000;  font-family: 'qh50';}
.btn-open {display: block; width: 2.6rem; height: .75rem; background-position: 0 0; margin: .6rem auto 0;}

/*数据*/
.swiper-container {width: 7.5rem; height: 100vh; position: relative; display: none;}
.swiper-container.swiper1.show,.swiper-container.swiper2.show {display: block;}
.swiper-container .swiper-slide {width: 7.5rem; height: 100vh;}
.data {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg2.jpg) center top no-repeat; background-size: 7.5rem auto;}
.title2 {width: 7.5rem; height: 1.48rem; margin: 2.08rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/title2.png) no-repeat; background-size: 100% auto;}
.data .txt {height: 1rem; line-height: 1rem; font-size: .28rem; color: #3b2200; margin: 0; text-align: center;}
.data .txt.mt100 {margin-top: 1rem;}
.data .txt.line {height: .8rem; line-height: 1.1; padding-top: .2rem;}
.data .txt span {color: #991f1f;}
.data .tips,.data_qf .tips,.data_dy .tips,.data_sl .tips,.data_em .tips,.wrap.lottery .tips {position: absolute; top: 11rem; left: 50%; margin-left: -3rem; width: 7rem; line-height: .24rem; font-size: .2rem; color: #241800; text-align: center;}
.data .tips,.lottery .tips {margin-left: -3.5rem !important;}
.btn-next {position: absolute; bottom: 15%; right: .42rem; width: 1.4rem; height: .72rem; background-position: -3rem 0;}
.arrow {position: absolute; top: 11.8rem; left: 50%; width: 1.02rem; height: .45rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/arrow.png) no-repeat; background-size: 100% auto; animation: updown 2s ease infinite;}
.data .arrow {margin-left: -.5rem;}
.wrap.data .col1 {color: #3e2900;}

@keyframes updown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.data_qf {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg3.jpg) center top no-repeat; background-size: 7.5rem auto;}
.data_dy {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg4.jpg) center top no-repeat; background-size: 7.5rem auto;}
.data_sl {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg5.jpg) center top no-repeat; background-size: 7.5rem auto;}
.data_em {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg6.jpg) center top no-repeat; background-size: 7.5rem auto;}
.data-txt {width: 5rem; height: 5.6rem; margin: 3.3rem 0 0 2.1rem;}
.data-txt.mt250 {margin: 2.5rem 0 0 1.9rem !important;}
.data-txt p {line-height: .8rem; font-size: .3rem; font-weight: 400; color: #331900; margin: 0; text-align: center;}
.data-txt p span {font-size: .36rem; color: #991f1f; vertical-align: top; font-family: none;}

/*过度*/
.excess {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg7.jpg) center top no-repeat; background-size: 7.5rem auto;}
.excess .txt {font-size: .28rem; color: #331900; text-align: center;}
.excess .txt.mt160 {margin-top: 1.6rem;}
.vid-box {width: 5.22rem; height: 2.62rem; padding: .09rem .12rem .07rem .11rem; margin: .24rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/video-bg.png) no-repeat; background-size: 100% auto; position: relative;}
.vid-box .video-btn {position: absolute; top: 50%; left: 50%; margin: -.46rem 0 0 -.46rem; width: .93rem; height: .93rem; background-position: 0 -1rem;}
.excess .btn-lqmp {display: block; width: 2.6rem; height: .75rem; margin: .48rem auto 0; background-position: -4.7rem 0;}

/*邀请*/
.btn-return {position: absolute; top: .2rem; left: .2rem; width: .76rem; height: .98rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/return.png) no-repeat; background-size: 100% 100%; z-index: 3;}
.invita {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg8.jpg) center top no-repeat; background-size: 7.5rem auto;}
.invita .invitation {width: 5.86rem; height: 10.8rem; padding-top: .27rem; margin: 1rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/invitation-bg.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.title3 {width: 5.86rem; height: 1.09rem; margin: 0 auto; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/title3.png) no-repeat; background-size: 100% auto;}
.invitation .txt {font-weight: 400;}
.invitation .txt span {font-family: none;}
.invitation .ft36 {line-height: .66rem; font-size: .36rem; margin-top: .3rem;}
.invitation .ft28 {line-height: .58rem; font-size: .28rem; margin: 0;}
.invitation .rw {width: 7.5rem; height: 5.45rem; margin: .22rem 0 0 -.82rem;}
.invitation .rw1 {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/rw1.png) no-repeat; background-size: 100% auto;}
.invitation .rw2 {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/rw2.png) no-repeat; background-size: 100% auto;}
.invitation .rw3 {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/rw3.png) no-repeat; background-size: 100% auto;}
.invitation .rw4 {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/rw4.png) no-repeat; background-size: 100% auto;}
.time-box {width: 5rem; margin: .25rem auto 0;}
.time-box .time-place {width: 3rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/line.png) no-repeat center; background-size: 2.77rem auto;}
.time-box .txt-box:nth-child(2) {margin-top: .1rem;}
.time-box .time-place p {margin: 0;}
.time-box .txt-box p:nth-child(1) {line-height: .4rem; font-size: .36rem; letter-spacing: .04rem;}
.time-box .txt-box p:nth-child(2) {line-height: .46rem; font-size: .4rem;}
.time-box .qrcode-box {width: 1.66rem;}
.time-box .qrcode-box .qrcode {width: 1.22rem; height: 1.22rem; margin: 0 auto;}
.time-box .qrcode-box img {display: block; width: 100%; height: 100%;}
.time-box .qrcode-box p {line-height: 1.1; font-size: .24rem; margin-top: .06rem; color: #332600; font-family: 'qh50'; text-align: center;}
.invita .foot-btn {width: 5.9rem; height: .75rem; margin: .2rem auto 0;}
.invita .foot-btn a {width: 2.6rem; height: .65rem; padding-top: .1rem; line-height: 1.1; font-size: .24rem; color: #ffffe5; background-position: -1.2rem -1rem; font-family: 'qh50';}
.invita-tips {width: 3.58rem; height: .3rem; line-height: .3rem; font-size: .18rem; color: #ffffe5; margin: .2rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/tips-bg2.png) no-repeat; background-size: 100% auto; text-align: center;}

/*截图邀请页面*/
.wrap-invita {display: none; width: 7.5rem; height: 16.5rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg11.jpg) center top no-repeat; background-size: 7.5rem auto; text-align: center; overflow: hidden; position: relative;}
.wrap-invita.show {display: block !important;}
.wrap-invita .title {width: 7.5rem; height: 1.27rem; margin: 1.57rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/title3-1.png) no-repeat; background-size: 100% auto;}
.wrap-invita .ft36 {line-height: .88rem; font-size: .48rem; margin-top: .5rem;}
.wrap-invita .ft28 {line-height: .76rem; font-size: .36rem; margin: 0;}
.wrap-invita .invitation .rw {margin: 1.4rem auto 0;}
.wrap-invita .time-box {width: 5.9rem; margin: .5rem auto 0;}
.wrap-invita .time-box .time-place {width: 3.8rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/line.png) no-repeat center; background-size: 100% auto;}
.wrap-invita .time-box .txt-box:nth-child(2) {margin-top: .1rem;}
.wrap-invita .time-box .time-place p {margin: 0;}
.wrap-invita .time-box .txt-box p:nth-child(1) {line-height: .6rem; font-size: .48rem; letter-spacing: .04rem;}
.wrap-invita .time-box .txt-box p:nth-child(2) {line-height: .7rem; font-size: .52rem;}
.wrap-invita .time-box .qrcode-box {width: 2rem;}
.wrap-invita .time-box .qrcode-box .qrcode {width: 1.6rem; height: 1.6rem; margin: 0 auto;}
.wrap-invita .time-box .qrcode-box img {display: block; width: 100%; height: 100%;}
.wrap-invita .time-box .qrcode-box p {line-height: 1.1; font-size: .32rem; margin-top: .2rem; color: #332600; font-family: 'qh50'; text-align: center;}

/*分享抽奖*/
.wrap.lottery {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg9.jpg) center top no-repeat; background-size: 7.5rem auto;}
.title4 {width: 7.5rem; height: 2.3rem; margin: 1.64rem auto 0; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/title4.png) no-repeat; background-size: 100% auto;}
.wrap.lottery .txt.mt60 {margin-top: .8rem; line-height: .4rem; font-size: .26rem; color: #3b2200; font-weight: 400; font-family: none;}
.lottery-box {width: 5.62rem; height: 3.8rem; margin: .3rem auto 0; position: relative;}
.lottery-box img {display: block; width: 100%; height: 100%;}
.lottery-box .btn-lottery {position: absolute; top: 1.3rem; left: 1.91rem; width: 1.8rem; height: .42rem; line-height: 1.1; font-size: .2rem; color: #fff;  font-family: 'qh50'; padding-top: .78rem; background-position: 0 -2.2rem;}
.wrap.lottery .btn-txdz {float: right; font-size: .24rem; color: #b32424; font-family: 'qh50'; margin: .2rem 1.2rem 0 0;}
.wrap.lottery .lottery-numb {font-size: .22rem; color: #1a1100; font-family: 'qh50'; margin: .8rem auto 0;}
.wrap.lottery .lottery-numb .btn-share {color: #b32424;}
.wrap.lottery .col1 {color: #241800;}

/*无数据*/
.nodata {background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/bg10.jpg) center top no-repeat; background-size: 7.5rem auto;}
.nodata .txt {line-height: .7rem; font-size: .3rem; color: #331900; font-weight: 400; text-align: center;}
.nodata .txt span {font-size: .4rem; color: #991f1f;}
.nodata .txt.mt174 {margin-top: 1.74rem;}
.nodata .txt.mt70 {margin-top: .7rem; line-height: .5rem; font-size: .24rem;}
.nodata .foot-btn {width: 5.8rem; height: .75rem; margin: .6rem auto 0;}
.nodata .foot-btn a {width: 2.6rem; height: .75rem;}
.nodata .foot-btn .btn-lqmp {background-position: -4.7rem 0;}
.nodata .foot-btn .btn-down {background-position: -4.2rem -1rem;}

.pop {display: none; position: relative;}
.pop .close {position: absolute; top: -.4rem; right: -.4rem; width: .3rem; height: .3rem; background-position: -6.1rem -2.2rem;}

/*popVideo*/
.popVideo {width: 7.5rem; height: 4.2rem; display: none; padding: 0;}
.popVideo .close {right: .1rem;}
.video_wrap {width: 7.5rem; height: 4.2rem;}
.popVideo .txp_player{width: 7.5rem !important; height: 4.2rem !important;}

/*popInvita*/
.popInvita {width: 5.92rem; height: 10.7rem; padding-top: .01rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/popBg4.jpg) no-repeat; background-size: 100% auto; text-align: center;}
.popInvita .title3 {margin: .26rem auto 0;}
.popInvita .invitation .rw {margin-top: -.05rem;}
.popInvita .tips {line-height: 1;}

/*分享*/
.share { background: none; width: 100%;height: 100%;position:relative;}
.share .dia-con {width: 7.5rem; height: 7.5rem; position: fixed; top: 0; right: 0rem; border: none;}
.share .dia-con img {display: block; width: 100%; height: 100%;}

/*填写地址*/
.popAddress {width: 4.94rem; height: 3.2rem; padding-top: .01rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/popBg.png) no-repeat; background-size: 100% auto;}
.flats {width: 4.4rem; margin: .7rem auto 0;}
.flats li {height: .34rem; margin-bottom: .1rem;}
.flats li:nth-last-child(1) {margin: 0;}
.flats li span {float: left; width: 1rem; line-height: .34rem; font-size: .2rem; color: #4b2001; text-align: left;}
.flats li input {float: right; width: 3rem; padding: 0 .08rem; line-height: .32rem; background: #fff; border: 1px solid #bfb3a3; font-size: .2rem; color: #000; text-align: left; outline: none;}
::placeholder {color: #000;}
.flats .area-box {float: right; width: 3.2rem; height: .34rem;}
.flats .area-box select {float: left; width: 32%; height: .32rem; line-height: .32rem; margin-right: .06rem; background: #fff; border: 1px solid #bfb3a3; font-size: .2rem; color: #000; text-align: left; outline: none;}
.flats .area-box select:nth-last-child(1) {margin-right: 0;}
.pop .btnBox {width: 3.1rem; margin: .2rem auto 0;}
.pop .btnBox a {width: 1.36rem; height: .48rem;}
.pop .btnBox .btn-qd {background-position: -2.2rem -2.2rem;}
.pop .btnBox .btn-wzxx {background-position: -4.2rem -2.2rem;}

/*登录态确定文案*/
.popText {width: 4.94rem; height: 2.3rem; padding-top: .01rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/popBg2.png) no-repeat; background-size: 100% auto;}
.popText .text {width: 4rem; height: 1.2rem; line-height: 1rem; text-align: center; margin: .12rem auto 0;}
.popText .text p {display: inline-block; line-height: .3rem; font-size: .24rem; color: #4b2001; vertical-align: middle;}
.popText .btnBox {margin: 0 auto;}

/*分享图*/
.popSave {width: 5.86rem; height: 10.8rem;}
.popSave img {display: block; width: 5.86rem; height: 10.8rem;}

.dom2img-result {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -3;}

.milo-alert-frame{z-index: 99999!important;}

.popShare {width: 4.94rem; height: 2.7rem; padding-top: .01rem; background: url(//game.gtimg.cn/images/tlbb/cp/a20231219invite/popBg3.png) no-repeat; background-size: 100% auto;}
.share-box {width: 3.3rem; height: 1.58rem; margin: .84rem auto 0;}
.share-box a {width: 1.3rem;height: 1.58rem;}
.share-box a img {display: block; width: 100%;}