/*---------pops-----------*/
.pop_mask_mf{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/pop_mask.jpg) no-repeat 50% 50%/cover;
  opacity: 0;
  z-index: -1;
  display: block;
  transition: opacity .15s linear;
}
.pop{
  width: 9rem;
  height: 9rem;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 0.08rem;
  border-bottom: 0.07rem solid #77674a;
  border-top: 0.07rem solid #77674a;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/bg.png) no-repeat 50% 0/100% auto;
  font-family: 'hywh75';
  display: block;
  z-index: 9999;
  transform: scale(1) translate(-50%, -50%);
}
.pop .pop_content{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.pop .pop_content::before{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/bg_rp.png) repeat 0 0/1.6rem 1.6rem;
}
.pop .close{
  position: absolute;
  width: 1.55rem;
  height: 1.55rem;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_close.png) 0 0 no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,200%);
}
.pop .title{
  width: 8.22rem;
  height: 0.96rem;
  padding-top: .4rem;
  margin: 0 auto;
  text-indent: -9999px;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}
.pop_login .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_login.png) no-repeat 0 100%/100% auto;
}
.pop_loginwx .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_loginwx.png) no-repeat 0 100%/100% auto;
}
.pop_auth .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_login.png) no-repeat 0 100%/100% auto;
}
.pop_common .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_common.png) no-repeat 0 100%/100% auto;
}
/* .pop_invite .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_invite.png) no-repeat 0 100%/100% auto;
} */
.pop_rules .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_rules.png) no-repeat 0 100%/100% auto;
}
.pop_webplatform .title{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_common.png) no-repeat 0 100%/100% auto;
}
.pop .pop_main{
  width: 7.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  font-size: .36rem;
  color: #3c444e;
  flex-grow: 1;
  height: 1px;
  line-height: 1.5;
}
.pop .pop_main a{
  color: #3c444e;
}

.pop .url_box{
  width: 100%;
  height: 0.78rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop .input_url{
  width: 1px;
  height: 100%;
  display: flex;
  flex-grow: 1;
  align-items: center;
  box-sizing: border-box;
  border-radius: .05rem;
  background: rgba(106, 138, 169, .45);
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 .4rem;
}
.pop .input_url input{
  width: 100%;
  height: 0.78rem;
  line-height: 0.78rem;
  display: block;
  align-items: center;
  color: #d1dde9;
  outline: none;
  background: none;
  border: none;
  text-align: center;
  font-size: .3375rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.pop .input_item{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  border-radius: .1rem;
  background: rgba(106, 138, 169, .45);
  overflow: hidden;
  padding: 0 .225rem;
}
.pop .input_item input{
  width: 100%;
  height: 0.78rem;
  display: block;
  align-items: center;
  justify-content: flex-start;
  color: #3c444e;
  outline: none;
  background: none;
  border: none;
  text-align: left;
  font-size: .6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  font-weight: normal;
}
.pop h3,.pop h4,.pop h5{
  font-weight: normal;
}
/*pop_common*/
.pop_common .pop_box{
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*pop_login*/
.pop_login .pop_main{
  width: 7.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 0;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_login.png) no-repeat 0 1.6rem/100% auto;
}
.pop_login .btn_login{
  width: calc(5.75rem*0.5625);
  padding-top: calc(6.35rem*0.5625);
  text-align: center;
}
/* .pop_login .btn_qq{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_login_qq.png) 0 0 no-repeat;
  background-si50%e50% 99.5% 99.5%;
}
.pop_login .btn_wx{
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_login_wx.png) 0 0 no-repeat;
  background-si50%e50% 99.5% 99.5%;
} */
/*pop_loginwx*/
.pop_loginwx .pop_main{
  padding: 0.5625rem 0 calc(1.2rem*0.5625);
}
.pop_loginwx .pop_box h4{
  width: 100%;
  line-height: 1;
  text-align: left;
  padding-bottom: calc(.65rem*0.5625);
}
.pop_loginwx .btn_copy{
  width: calc(4.81rem*0.5625);
  height: calc(1.12rem*0.5625);  
  margin-left: calc(.55rem*0.5625);
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_copy.png) no-repeat 0 0/100% 100%;
}
.pop_loginwx .url_qrcode{
  width: calc(5.88rem*0.5625);
  height: calc(5.88rem*0.5625);
  margin: 0 auto;
  box-sizing: border-box;
  padding: calc(.3rem*0.5625);
  background: #fff;
}
.qrcode_img_box{
  width: 100%;
  height: 100%;
}
.qrcode_img_box canvas{
  width: 100%!important;
  height: 100%!important;
}
.qrcode_img_box img{
  width: 100%!important;
  height: 100%!important;
  vertical-align: top;
  -webkit-touch-callout:default;
}
.pop_loginwx h4.qrcode_tips{
  padding: calc(1.2rem*0.5625) 0 calc(.95rem*0.5625);
  width: 100%;
  text-align: center;
}
/*pop_auth*/
.pop_auth .pop_main{
  padding: 0.5625rem 0 calc(1.2rem*0.5625);
  box-sizing: border-box;
  line-height: 1.2;
}
/*pop_video*/
.pop_video {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 1);
  z-index: 999;
}
.pop_video .pop_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pop_video .pop_main {
  width: 100%;
}
.pop_video .pop_main .video_box {
  width: 100%;
  height: 100%;
}
.pop_video .btn_close{
  width: 1.55rem;
  height: 1.55rem;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_close.png) 0 0 no-repeat;
  background-size: 100% 100%;
  transform: translate(0,100%);
}


/*pop_sl*/
.pop_sl{
  height: 60vh;
  display: flex;
  flex-direction: column;
}
.pop_sl .pop_main{
  height: 1px;
  flex-grow: 1;
  padding: 1rem 0;
  box-sizing: border-box;
}
.pop_sl .pop_box{
  height: 100%;
}
.pop_sl .close{
  transform: translate(-50%,150%);
}
.pop_sl .rulex_detail{
  height: 100%;
  line-height: 1.8;
  overflow-y: scroll;
}
.pop_sl .rulex_detail a{
  color: #a16a34;
}


/*pop_invite*/
.pop_invite{
  width: 10.8rem;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  font-family: 'hywh55';
  display: block;
  z-index: 9999;
  transform: scale(1) translate(-50%, -50%);
}
.pop_invite .pop_content{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.05rem;
}
.pop_invite .pop_content::before{
  display: none;
}
.pop_invite .title{
  width: 8.3rem;
  height: 4.12rem;
  margin: 0 auto;
  flex-shrink: 0;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_share.png) no-repeat 50% 50%/99.5% 99.5%;
}
.pop_invite_ua .title{
  width: 8.3rem;
  height: 4.12rem;
  margin: 0 auto;
  flex-shrink: 0;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/title_share_ua.png) no-repeat 50% 50%/99.5% 99.5%;
}
.pop_invite .pop_main{
  width: 100%;
  margin-top: .51rem;
}
.pop_invite .pop_box{
  width: 8.325rem;
  height: 8.325rem;
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding: .17rem;
  background: #0d1116;
  border-radius: .225rem;
  box-sizing: border-box;
  margin: 0 auto;
}
.pop_invite .my_qrcode{
  width: 100%;
  height: 100%;
  border: 1px solid #313439;
  padding: .11rem;
  box-sizing: border-box;
  border-radius: .11rem;
}
.pop_invite .qrcode_wrap{
  width: 100%;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: .24rem;
  position: relative;
}
.pop_invite .qrcode_wrap img{
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-touch-callout:default;
}
.pop_invite .close{
  margin: 0 auto;
  width: 1.55rem;
  height: 1.55rem;
  margin-top: 1.55rem;
  background: url(https://game.gtimg.cn/images/op/m202406/pops/btn_close.png) 0 0 no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
}
.pop_invite .qrcode_wrap .qrcode_img_con{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: .24rem;
  z-index: 2;
}
.pop_invite .qrcode_wrap .qrcode_img_con img{
  width: 100%;
  height: 100%;
  vertical-align: top;
  opacity: 1;
  -webkit-touch-callout:default;
}


.pop_platform .pop_main{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: .28rem;
}
.pop_platform .pop_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pop_platform .pop_box img{
  width: 4.5rem;
  -webkit-touch-callout:default;
}
.pop_platform .platform_tips{
  padding-top: .28rem;
}
/*pop_webplatform*/
.pop_webplatform .pop_main{
  width: 8.3rem;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 0;
}
.pop_webplatform .pop_box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_webplatform .pop_box p{
  width: 50%;
  box-sizing: border-box;
  padding: 0 0.3rem;
}
.pop_webplatform .pop_box_for_one p{
  width: 70%;
}
.pop_webplatform .pop_box p img{
  width: 100%;
  vertical-align: top;
  -webkit-touch-callout:default;
}
.pop_webplatform .pop_box p span{
  width: 100%;
  padding-top: .3rem;
  text-align: center;
  display: block;
}



/*pop_reserve_succ*/
.pop_reserve_succ .pop_main{
  width: 7.9rem;
  padding: .17rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1.2rem;
}
.pop_reserve_succ .gift h4{
  padding: .2rem 0 .3rem;
  text-align: center;
  font-size: 0.5rem;
  width: 100%;
  text-align: center;
}
.pop_reserve_succ .gift h5{
  font-size: .3rem;
  text-align: center;
  padding: 0 .28rem;
}
.pop_reserve_succ .pic_gift{
  width: 7rem;
  margin: 0 auto;
  padding: .4rem 0 .4rem;
}
.pop_reserve_succ .pic_gift img{
  width: 100%;
  vertical-align: top;
}
.pop_reserve_succ .tips{
  width: 100%;
  font-size: .28rem;
  text-align: center;
  padding: .3rem 0 0;
}