/*---------pop-----------*/
.pop_mask_mf{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #020b15;
  opacity: 0;
  z-index: -1;
  display: none;
  pointer-events: none;
  transition: opacity .15s linear;
}
.pop{
  width: 11rem;
  height: 8rem;
  font-family: 'hywh75';
  display: none;
  z-index: 999;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.mf_pop_show{
  z-index: 999;
  opacity: 1;
  display: block;
  pointer-events: auto;
  margin: 0 !important;
}
.pop h3,.pop h4,.pop h5{
  font-weight: normal;
}
.pop .pop_content{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  transform: translateY(.5rem);
  -webkit-transform: translateY(.5rem);
  border-radius: 0.124rem;
  border-bottom: 0.0768rem solid #77674a;
  border-top: 0.0768rem solid #77674a;
  background: url(../images/pops/bg.png) no-repeat 50% 0/100% auto;
  opacity: 0;
  transition: all .15s linear .1s;
}
.mf_pop_show .pop_content{
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.pop .pop_content::before{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/pops/bg_rp.png) repeat 0 0/1.6rem 1.6rem;
}
.pop .close{
  width: 0.69rem;
  height: 0.69rem;
  background: url(../images/pops/btn_close.png) 0 0 no-repeat;
  background-size: 100% 100%;
  top: 0.128rem;
  right: 0.1792rem;
  z-index: 5;
}
.pop .title{
  /* width: 10.496rem; */
  height: calc(10.496rem*175/2130);
  padding-top: 0.256rem;
  margin: 0 auto;
  /* text-indent: -9999px; */
  position: relative;
  z-index: 2;
}
.pop_login .title{
  background: url(../images/pops/title_login.png) no-repeat 0 100%/100% auto;
}
.pop_loginwx .title{
  background: url(../images/pops/title_login.png) no-repeat 0 100%/100% auto;
}
.pop_auth .title{
  background: url(../images/pops/title_login.png) no-repeat 0 100%/100% auto;
}
.pop_bind .title{
  background: url(../images/pops/title_bind.png) no-repeat 0 100%/100% auto;
}
.pop_unbind .title{
  background: url(../images/pops/title_unbind.png) no-repeat 0 100%/100% auto;
}
.pop_common .title{
  background: url(../images/pops/title_common.png) no-repeat 0 100%/100% auto;
}
.pop_invite .title{
  background: url(../images/pops/title_invite.png) no-repeat 0 100%/100% auto;
}
.pop_invite_pc .title{
  background: url(../images/pops/title_invite.png) no-repeat 0 100%/100% auto;
}
.pop_rules .title{
  background: url(../images/pops/title_rules.png) no-repeat 0 100%/100% auto;
}
.pop_faq .title{
  background: url(../images/pops/title_faq.png) no-repeat 0 100%/100% auto;
}
/* .pop_sl .title{
  background: url(../images/pops/title_sl.png) no-repeat 0 100%/100% auto;
} */
.pop_invitelist .title{
  background: url(../images/pops/title_invitelist.png) no-repeat 0 100%/100% auto;
}
.pop_invite .title{
  background: url(../images/pops/title_invite.png) no-repeat 0 100%/100% auto;
}
.pop_reserve_succ .title{
  background: url(../images/pops/title_reserve.png) no-repeat 0 100%/100% auto;
}
.pop_giftcode .title{
  background: none;
  text-indent: 0;
  width: auto;
  height: auto;
  padding: 0.384rem 0 0.128rem;
  font-size: 0.448rem;
  color: #e8d5a3;
  text-align: center;
  letter-spacing: 0.04rem;
  text-shadow: 0 0.02rem 0.06rem rgba(0,0,0,.5);
}
.pop_share .title{
  background: url(../images/pops/title_share.png) no-repeat 0 100%/100% auto;
}
.pop_download .title{
  background: url(../images/pops/title_download.png) no-repeat 0 100%/100% auto;
}
.pop .pop_main{
  /* width: 8.96rem; */
  padding: 0.3328rem 0;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  font-size: 0.3328rem;
  color: #3c444e;
  flex-grow: 1;
  height: 1px;
}
.pop .pop_main a{
  color: #3c444e;
}
.pop .btns{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.2048rem 0.3072rem 0.768rem;
  position: relative;
  z-index: 2;
  height: 1.8rem;
  box-sizing: border-box;
}
.pop .btns .btn{
  width: 3.584rem;
  height: calc(3.584rem*174/737);
  margin: 0 0.256rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  text-indent: -9999px;
}
.pop .btns .btn_submit{
  background: url(../images/pops/btn_submit.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_cancle{
  background: url(../images/pops/btn_cancle.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_get{
  background: url(../images/pops/btn_get.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_bind{
  background: url(../images/pops/btn_bind.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_unbind{
  background: url(../images/pops/btn_unbind.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_changetel{
  background: url(../images/pops/btn_changetel.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_copy_yellow{
  width: 4.096rem;
  height: calc(4.096rem*174/877);
  background: url(../images/pops/btn_copy_yellow.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_faq{
  background: url(../images/pops/btn_faq.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_reserve{
  background: url(../images/pops/btn_reserve.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_again{
  background: url(../images/pops/btn_again.png) no-repeat 0 0/100% 100%;
}
.pop .btns .btn_check_qualify{
  background: url(../images/pops/btn_check.png) no-repeat 0 0/100% 100%;
}


.pop .url_box{
  width: 100%;
  height: 0.64rem;
  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: 0.0512rem;
  background: rgba(106, 138, 169, .45);
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0.01536rem;
}
.pop .input_url input{
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  display: block;
  align-items: center;
  color: #d1dde9;
  outline: none;
  background: none;
  border: none;
  text-align: center;
  font-size: 0.256rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  font-family: 'hywh75';
}
.pop .input_item{
  width: 1px;
  height: 100%;
  display: flex;
  flex-grow: 1;
  align-items: center;
  box-sizing: border-box;
  border-radius: 0.0512rem;
  background: rgba(106, 138, 169, .45);
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0.01536rem;
}
.pop .input_item input{
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  display: block;
  align-items: center;
  color: #d1dde9;
  outline: none;
  background: none;
  border: none;
  text-align: center;
  font-size: 0.256rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  font-family: 'hywh75';
  outline:none;
}
.pop input:focus {
  background-color: none; /* 你想要的颜色 */
}
input:-webkit-autofill{
  -webkit-text-fill-color: #d1dde9!important;
  transition: background-color 500000s ease-in-out 0s;
 }
/*pop_common*/
.pop_common .pop_main{
}
.pop_common .pop_box{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*pop_login*/
.pop_login .pop_main{
  width: 7.936rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.768rem 0;
  background: url(../images/pops/btn_login.png) no-repeat 0 1.024rem/100% auto;
}
.pop_login .btn_login{
  width: 4.608rem;
  padding-top: 3.84rem;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
}
.pop_login .btn_wx{
  padding-right: 0.4864rem;
}
.pop_login .btn_qq{
  padding-left: 0.4864rem;
}
/* .pop_login .btn_qq{
  background: url(../images/pops/btn_login_qq.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.pop_login .btn_wx{
  background: url(../images/pops/btn_login_wx.png) 0 0 no-repeat;
  background-size: 100% 100%;
} */
/*pop_loginwx*/
.pop_loginwx .pop_main{
  padding: 0.512rem 0 0.64rem;
}
.pop_loginwx .pop_box h4{
  width: 100%;
  line-height: 1;
  text-align: center;
  padding-bottom: 0.256rem;
}
.pop_loginwx .btn_copy{
  width: 2.56rem;
  height: calc(2.56rem*112/481); 
  margin-left: 0.256rem;
  background: url(../images/pops/btn_copy.png) no-repeat 0 0/100% 100%;
}
.pop_loginwx .url_qrcode{
  width: 2.56rem;
  height: 2.56rem;
  margin: 0 auto;
  padding: 0.128rem;
  background: #fff;
}
.pop_loginwx .url_qrcode img{
  width: 100%;
  vertical-align: top;
}
.pop_loginwx h4.qrcode_tips{
  padding: 0.5632rem 0 0.3072rem;
  width: 100%;
  text-align: center;
}
/*pop_auth*/
.pop_auth .pop_main{
  box-sizing: border-box;
  line-height: 1.2;
}
/*pop_reserve_succ*/
.pop_reserve_succ .pop_main{
  padding: 0.12rem 0;
}
.pop_reserve_succ .gift h4{
  padding: 0.3rem 0;
  text-align: center;
}
.pop_reserve_succ .gift h5{
  padding-bottom: 0.2rem;
  text-align: center;
  font-size: .26rem;
}
.pop_reserve_succ .pic_gift{
  width: 70%;
  margin: 0 auto;
}
.pop_reserve_succ .pic_gift img{
  width: 100%;
  vertical-align: top;
}
.pop_reserve_succ .gift_list{
  width: 60%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_reserve_succ li{
  width: 30%;
}
.pop_reserve_succ li img{
  width: 100%;
  vertical-align: top;
}
.pop_reserve_succ .btns{
  padding-top: 0.256rem;
}
.pop_reserve_succ .tips{
  width: 100%;
  font-size: .26rem;
  text-align: center;
  padding: .3rem 0 0;
}
.pop_reserve_succ .qq_tips{
  width: 100%;
  font-size: .26rem;
  text-align: center;
  padding: 0 0 0;
}
/*pop_bind*/
.pop_bind .pop_main{}
.pop_bind .pop_box{
  width: 100%;
  margin: 0 auto;
}
.pop_bind .tel{
  width: 100%;
  height: 0.64rem;
  margin-top: 0.256rem;
}
.pop_bind .tel .input_tel{
  width: 100%;
  height: 100%;
}
.pop_bind .yzm{
  width: 100%;
  height: 0.64rem;
  margin-top: 0.256rem;
}
.pop_bind .yzm_box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_bind .input_yzm{
  width: 1px;
  height: 100%;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_bind .btn_get_ver{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.56rem;
  height: calc(2.56rem*112/481); 
  margin-left: 0.256rem;
}
.pop_bind .btn_get_ver a{
  width: 100%;
  height: 100%;
  display: flex;
  background: url(../images/pops/btn_get_ver.png) no-repeat 0 0/100% 100%;
}
.pop_bind .btn_get a:hover{
  text-decoration: none;
}
.pop_bind .btn_get_ver span{
  width: 100%;
  height: 100%;
  display: flex;
  color: #e4f2ff;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-bottom: .03rem;
  background: url(../images/pops/btn_countdown.png) no-repeat 0 0/100% 100%;
}
.pop_bind .btn_agree{
  width: 100%;
  height: 0.384rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  box-sizing: border-box;
  margin-top: 0.4608rem;
  cursor: pointer;
}
.pop_bind .btn_agree::before{
  content: " ";
  width: 0.384rem;
  height: 0.384rem;
  display: block;
  margin-right: 0.1024rem;
}
.pop_bind .btn_agree::before{
  background: url(../images/pops/ico_unagree.png) no-repeat 0 0/100% 100%;
}
.pop_bind .btn_agree.active::before{
  background: url(../images/pops/ico_agree.png) no-repeat 0 0/100% 100%;
}
.pop_bind .btn_agree i{
  font-size: 0.8;
  flex-grow: 1;
  text-decoration: underline;
  padding-left: 0.512rem;
}
.pop_bind .agree_info{
  width: 100%;
  text-align: left;
  line-height: 1.5;
  color: #6881a2;
  padding-top: 0.256rem;
  font-size: 0.256rem;
}
input::input-placeholder{color:  #cfdae6 ;} 
::-webkit-input-placeholder { /* WebKit browsers */ 
  color: #cfdae6; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
  color: #cfdae6; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
  color: #cfdae6; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
  color: #cfdae6; 
}
/*pop_video*/
.pop_wg .pop_main{
  padding: 0.512rem 0 0.768rem;
}
.pop_wg .pop_box{
  text-align: center;
  padding: 0 0 0.1024rem;
}
.pop_wg .btns{
  padding-top: 0.256rem;
  padding-bottom: 0.256rem;
}
.pop_wg .btn_change_tel{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.0.768rem 0;
}
.pop_wg .btn_change_tel a{
  text-decoration: underline;
  color: #3c444e;
}
.pop_wg .btn_agree{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  margin-top: 0.128rem;
  cursor: pointer;
}
.pop_wg .btn_agree span{
  position: relative;
}
.pop_wg .btn_agree span a{
  text-decoration: underline;
  color: #3c444e;
}
.pop_wg .agree_tips{
  width: 100%;
  text-align: center;
  color: #3c444e;
  padding-top: 0.256rem;
}
.pop_wg .agree_info{
  width: 100%;
  text-align: left;
  line-height: 1.5;
  padding-top: 0.2048rem;
}

/*pop_nolottery*/
.pop_nolottery .btns{
  margin-top: 0.256rem;
}
/*pop_certificatefail*/
.pop_certificatefail .pop_box{
  padding: 0.512rem 0 0.768rem;
}
.pop_certificatefail .lottery_tips{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: .25rem;
  text-align: center;
  color: #3c444e;
  font-size: 0.256rem;
}
.pop_certificatefail .lottery_tips span{
  color: #a16a34;
}
/*pop_nocertificate*/
.pop_nocertificate .pop_main{
  
}
.pop_nocertificate .pop_box{
  flex-direction: column;
  padding-top: 0.256rem;
  height: auto;
}
.pop_nocertificate .pop_box ul{
  margin-top: 0.256rem;
  width: 100%;
  height: 2.56rem;
  display: flex;
  background: url(../images/pops/bg_nocertificate.png) no-repeat 0 0/100% auto;
}
.pop_nocertificate .pop_box ul li{
  height: 100%;
}
.pop_nocertificate .pop_box ul li:nth-child(1){
  width: 32%;
}
.pop_nocertificate .pop_box ul li:nth-child(2){
  width: 1px;
  flex-grow: 1;
}
.pop_nocertificate .pop_box ul li:nth-child(3){
  width: 32%;
  position: relative;
}
.pop_nocertificate .pop_box ul li a{
  width: 100%;
  height: 100%;
  color: #3c444e;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.pop_nocertificate .pop_box ul li a:active{
  color: #3c444e;
}
.pop_nocertificate .pop_box ul li a span{
  font-size: 0.2048rem;
}
.pop_nocertificate .btns{
  margin-top: 0.256rem;
}
.pop_nocertificate .pop_box ul li:nth-child(3) i{
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s linear;
  background: url(../images/ip/platforms/qrcode_gzh.png) no-repeat 50% 50%/auto 100%;
}
.pop_nocertificate .pop_box ul li:nth-child(3):hover i{
  opacity: 1;
}
.pop_nocertificate .pop_box ul li:nth-child(3) i 
/*pop_rules*/
.pop_rules .close{
  transform: translate(-50%,150%);
}
.pop_rules{
  height: 10rem;
}
.pop_rules .pop_main{
  width: 9.2rem;
  padding: .2rem 0 .8rem;
}
.pop_rules .pop_box{
  height: 100%;
  padding: .1rem 0 .4rem;
}
.pop_rules .rulex_detail{
  height: 100%;
  line-height: 1.8;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: .3rem;
}
.pop_rules .rulex_detail i{
  color: #b1891f;
}
.pop_rules .rulex_detail a{
  color: #a16a34;
}
.pop_rules .rulex_detail p img{
  max-width: 100%;
}
.pop_rules .rulex_detail p.p_sp{
  line-height: 1.3;
}
/* 自定义整个滚动条 */
.pop .rulex_detail{padding: 0 .2rem;}
.pop .rulex_detail::-webkit-scrollbar,
.pop_invitelist .pop_box::-webkit-scrollbar{
  width: 10px; /* 设置滚动条的宽度 */
  background-color: #a8b9cd; /* 滚动条的背景色 */
  border-radius: 10px; /* 轨道的圆角 */
}
 
/* 自定义滚动条轨道 */
.pop .rulex_detail::-webkit-scrollbar-track,
.pop_invitelist .pop_box::-webkit-scrollbar-track {
  background: none; /* 轨道的背景色 */
  border-radius: 10px; /* 轨道的圆角 */
}
 
/* 自定义滚动条的滑块（thumb） */
.pop .rulex_detail::-webkit-scrollbar-thumb,
.pop_invitelist .pop_box::-webkit-scrollbar-thumb {
  background-color: #91a5bc; /* 滑块的背景色 */
  border-radius: 10px; /* 滑块的圆角 */
  border: none; /* 滑块边框 */
}
 
/* 当滑块悬停或活动时的样式 */
.pop .rulex_detail::-webkit-scrollbar-thumb:hover,
.pop_invitelist .pop_box::-webkit-scrollbar-thumb:hover {
  background: #8795ad; /* 悬停或活动状态下滑块的背景色 */
}
/*pop_sl*/
.pop_sl{
  height: 10rem;
}
.pop_sl .pop_main{
  padding: .2rem 0 .8rem;
}
.pop_sl .pop_box{
  height: 100%;
  padding: .1rem 0 .4rem;
}
.pop_sl .rulex_detail{
  height: 100%;
  line-height: 1.8;
  overflow-y: scroll;
}
.pop_sl .rulex_detail a{
  color: #a16a34;
}
/*pop_invitelist*/
.pop_invitelist{
  height: 10rem;
}
.pop_invitelist .pop_main{
  padding: 0.512rem 0 0.768rem;
}
.pop_invitelist .pop_box{  
  height: 100%;
  overflow-y: auto;
  padding-right: .2rem;
}
.pop_invitelist .pop_box .invite_tips{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}
.pop_invitelist ul{
  width: 100%;
  padding-top: .2rem;
}
.pop_invitelist ul li{
  width: 100%;
  padding-bottom: .2304rem;
}
.pop_invitelist ul li p{
  width: 100%;
  display: flex;
  line-height: 1.3;
}
.pop_invitelist ul li p i{
  width: 1px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  color: #9f793c;
}
.pop_invitelist ul li p span{
  margin-left: .2rem;
  padding-left: 1.024rem;
  height: 100%;
  background: url(../images/pops/ico_dian.png) no-repeat 0 50%/0.94208rem 0.0512rem;
}

/*pop_certificatesucc*/
.pop_certificatesucc{
}
.pop_certificatesucc .pop_box{
  flex-direction: column;
}
.pop_certificatesucc .pop_box p{
  width: 100%;
  line-height: 1.8;
  text-align: left;
}
.pop_certificatesucc .pop_box p a{
  color: #3c444e;
  text-decoration: underline;
}

/*pop_download*/
.pop_download{
  height: 8rem;
}
.pop_download .pop_main{
  width: 9.6rem;
}
.pop_download .pop_box{
  flex-direction: column;
}
.pop_download .pop_box p{
  width: 100%;
  line-height: 1.8;
  text-align: left;
}
.pop_download .pop_box p a{
  color: #a16a34;
  text-decoration: underline;
} 
.pop_download .pop_box p.ios_tips{
  padding-top: .5rem;
}
.pop_download .pop_box p.ios_tips a{
  color: #a16a34;
  text-decoration: underline;
}
.pop_download .pop_box p.download_qrcode{
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto;
}
.pop_download .pop_box p.download_qrcode img{
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.pop_download .pop_box p.download_tips{
  text-align: center;
  font-size: .24rem;
  padding-top: .1rem;
}
.pop_download .btns .btn_item{
  width: 3.4rem;
  height: 0.8rem;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  margin: 0 .4rem;
}
.pop_download .btns .btn_ios{
  background: url(../images/pops/btn_download_ios.png) no-repeat 0 0/100% 100%;
}
.pop_download .btns .btn_android{
  background: url(../images/pops/btn_download_android.png) no-repeat 0 0/100% 100%;
}

/*抽资格结果*/
.pop_lottery_ticket{
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  background: url(../images/pops/bg_ticket.png) no-repeat 50% 50%/cover;
}
.pop_lottery_ticket .pop_content{
  width: 15.10rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(.5rem);
  transition: all .15s linear .1s;
}
.pop_lottery_ticket.mf_pop_show .pop_content{
  opacity: 1;
  transform: translateY(0);
}
.pop_lottery_ticket .title{
  flex-shrink: 0;
  width: 100%;
  height: .76rem;
  background: url(../images/pops/title_ticket.png) no-repeat 0 50%/auto 100%;
}
.pop_lottery_ticket .pop_main{
  margin-top: .28rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 15.10rem;
  height: 6.60rem;
  background: url(../images/pops/ticket.png) no-repeat 50% 50%/100% 100%;
}
/* .pop_lottery_ticket .pop_box{
  
} */
.pop_lottery_ticket .time{
  width: 3.20rem;
  height: .45rem;
  right: .29rem;
  top: 5.00rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .30rem;
  color: #2b2000;
  font-family: 'dfm';
}
.pop_lottery_ticket .number{
  width: 3.20rem;
  height: .45rem;
  right: .29rem;
  top: 5.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .30rem;
  color: #2b2000;
  font-family: 'dfm';
}
.pop_lottery_ticket .number::before{
  content: " ";
  display: block;
  width: .50rem;
  height: .24rem;
  background: url(../images/pops/ico_ticket_number.png) no-repeat 0 50%/auto 100%;
}
.pop_lottery_ticket .my_qrcode{
  right: .75rem;
  top: 2.20rem;
  width: 2.23rem;
  height: 2.23rem;
  padding: 2px;
  border: 2px solid rgba(43, 32, 0, .38);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_lottery_ticket .qrcode_wrap{
  width: 2.18rem;
  height: 2.18rem;
  border: 1px solid #c8b694;
  background: #fff;
  box-sizing: border-box;
  padding: .10rem;
}
.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;
}
/* .pop_lottery_ticket .qrcode_wrap canvas{
  width: 100%;
  height: 100%;
} */
.pop_lottery_ticket .download_tips{
  color: #fff;
  font-size: 0.2048rem;
  padding: 0.1707rem 0 0.3413rem;
  opacity: 0.5;
}
.pop_lottery_ticket .btns{
  flex-shrink: 0;
  width: 100%;
  height: 0.91rem;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  margin-top: 0.65rem;
}
.pop_lottery_ticket .btns .btn{
  width: 5.71rem;
  height: 0.91rem;
  margin: 0 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  text-indent: -9999px;
}
.pop_lottery_ticket .btns .btn_tickit_submit{
  background: url(../images/pops/btn_ticket_submit.png) no-repeat 0 0/100% 100%;
}
.pop_lottery_ticket .btns .btn_tickit_share{
  background: url(../images/pops/btn_ticket_share.png) no-repeat 0 0/100% 100%;
}
.pop_lottery_ticket .btns .btn_tickit_faq{
  background: url(../images/pops/btn_ticket_faq.png) no-repeat 0 0/100% 100%;
}
.pop_lottery_ticket .btns .btn_tickit_download{
  background: url(../images/pops/btn_ticket_download.png) no-repeat 0 0/100% 100%;
}
.pop_lottery_ticket .download_tips{
  display: none;
}

.pop_sys .pop_main{
  padding: 0;
  width: 60%;
}
.pop_sys .pop_box{
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-top: 0.256rem;
}
.pop_sys .pop_box h5{
  font-size: 0.32rem;
}
.sys_tips{
  font-size: 0.22rem;
}

.pop_sys .sys_list{
  width: 100%;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0 0.6rem;
  flex-shrink: 0;
}
.pop_sys .sys_list li{
  flex-shrink: 0;
  width: 45%;
  height: 100%;
  color: #d4dfea;
  border-radius: 0.0768rem;
  background: rgba(106, 138, 169, .45);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.256rem;
  position: relative;
}
.pop_sys .sys_list li.active{
  color: #8ba6c1;
  background: rgba(237, 245, 255, .45);
}
.pop_sys .sys_list li.active::after{
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  padding: 0.0768rem;
  border-radius: 0.0768rem;
  border: .0384rem solid rgba(237, 245, 255, .45);
}
.pop_sys .tel{
  width: 100%;
  height: 0.64rem;
}
.pop_sys .tel .input_item{
  width: 100%;
  height: 100%;
}
.input_error_tips{
  height: 0.2048rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.2304rem;
  color: #59697b;
  padding-top: 0.128rem;
  padding-bottom: 0.3072rem;
}
/*pop_giftcode*/
.pop_giftcode .pop_main{
  padding: 0.384rem 0;
  overflow-y: auto;
}
.pop_giftcode .giftcode_box{
  display: block;
  height: 100%;
}
.pop_giftcode .giftcode_list{
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pop_giftcode .giftcode_list li{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.192rem 0.256rem;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(106, 138, 169, .25);
}
.pop_giftcode .giftcode_list li:last-child{
  border-bottom: none;
}
.pop_giftcode .giftcode_text{
  font-size: 0.2816rem;
  /* color: #d1dde9; */
  font-family: 'hywh75', monospace;
  letter-spacing: 0.02rem;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pop_giftcode .btn_copy_code{
  display: inline-block;
  min-width: 1.2rem;
  height: 0.512rem;
  line-height: 0.512rem;
  text-align: center;
  font-size: 0.2304rem;
  color: #fff !important;
  background: linear-gradient(180deg, #c5973e 0%, #8b6521 100%);
  border-radius: 0.064rem;
  border: 1px solid #d4a94e;
  text-decoration: none;
  margin-left: 0.256rem;
  cursor: pointer;
  font-family: 'hywh75';
  flex-shrink: 0;
}
.pop_giftcode .btn_copy_code:active{
  opacity: 0.8;
}
.pop_giftcode .btn_copy_code.copied{
  background: linear-gradient(180deg, #5a7a3e 0%, #3d5521 100%);
  border-color: #6a8a4e;
}