/* reset */
*{margin:0; padding:0;border:0;text-decoration:none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{border:0;vertical-align:middle;}
html{font-size:100px;}
ul,ol,dl{list-style:none;}
button{background: none;border: none;cursor: pointer;}
body{background-color: #000;font-size:.24rem}
body{}
a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none!important;border: none!important;}
/*字体包*/
@font-face{font-family:"title";src:url('../images/text.ttf')}
@font-face{font-family:"title";src:url('../images/title.ttf')}
body,html{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color:#000;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-family: "title", Arial, sans-serif;;
}
input,select{font-family: "title", Arial, sans-serif;}
body{background: url(../images/bg.jpg?v=1.3) 50% 50%/18.8rem 13.34rem no-repeat;}

.lang-ar{
  direction: rtl;
}
/*主体*/
.wechat{
  display:block;
  width:6.86rem;
  height:6.96rem;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-3.43rem;
  margin-top:-3.48rem;
}
.wrapper{
  display: block;
  width:13.34rem;
  height:7.5rem;
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-3.75rem;
  margin-left:-6.67rem;
}
.slogan{
  width:4.84rem;
  height:1.96rem;
  background:url(../images/slogan_en.png?v=1.3) top center no-repeat;
  background-size: 100%;
  position:absolute;
  top:0;
  left:0;
}
.lang-en .slogan{
  background:url(../images/slogan_en.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:4.56rem;
  height:1.91rem;
}
.lang-pt .slogan{
  background:url(../images/slogan_pt.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:5.2rem;
  height:1.96rem;
}
.lang-ru .slogan{
  background:url(../images/slogan_ru.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:4.47rem;
  height:2.21rem;
}
.lang-chs .slogan{
  background:url(../images/slogan_chs.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:4.72rem;
  height:2.12rem;
}
.lang-cht .slogan{
  background:url(../images/slogan_cht.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:4.72rem;
  height:2rem;
}
.lang-tr .slogan{
  background:url(../images/slogan_tr.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:4.56rem;
  height:2.24rem;
}
.lang-ar .slogan{
  background:url(../images/slogan_ar.png?v=1.3) top center no-repeat;
  background-size: 100%;
  width:4.93rem;
  height:1.91rem;
}
.btn_rule{
  display:block;
  width:.55rem;
  height:.55rem;
  position:absolute;
  top:.9rem;
  left:3.16rem;
}
.lang-pt .btn_rule{
  top:.2rem;
  left:4.3rem;
}
.lang-ru .btn_rule{
  top:.8rem;
  left:3.5rem;
}
.lang-chs .btn_rule{
  top:1.05rem;
  left:2.7rem;
}
.lang-cht .btn_rule{
  top:.9rem;
  left:2.7rem;
}
.lang-tr .btn_rule{
  top:0rem;
  left:3.8rem;
}
.lang-ar .btn_rule{
  top:.5rem;
  left:3.8rem;
}
.btn_back{
  width:.54rem;
  height:.52rem;
  background:url(../images/btn_back.png?v=1.3) 0/100% 100% no-repeat;
  position:fixed;
  top:.26rem;
  right:.76rem;
}
.btn_share{
  width:.54rem;
  height:.52rem;
  background:url(../images/btn_share.png?v=1.3) 0/100% 100% no-repeat;
  position:fixed;
  top:.26rem;
  right:1.38rem;
}
.btn_play{
  width:.72rem;
  height:.72rem;
  background:url(../images/btn_play.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:5.5rem;
  right:5.4rem;
}
.btn_skin{
  display:block;
  line-height:.3rem;
  font-size:.22rem;
  color:#edca4f;
  position:absolute;
  bottom:.3rem;
  left:.26rem;
  border-bottom:.02rem solid #edca4f;
  box-sizing:border-box;
}
.btn_card{
/*  display:flex;
  align-items: center;
  justify-content: center;*/
  display: block;
  width:3.02rem;
  height:1.04rem;
  background:url(../images/btn_card.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  bottom:.18rem;
  right:.28rem;
  font-size:.2rem;
  color:#fff;
  text-align:center;
  line-height:.28rem;
  box-sizing:border-box;
  -webkit-animation:fadeInCard 3s infinite linear;
  animation:fadeInCard 3s infinite linear;
}
.btn_card:before{
  display:block;
  content:'';
  width:.16rem;
  height:.16rem;
  border-radius:50%;
  background-color:red;
  position:absolute;
  top:.1rem;
  right:.1rem;
  z-index:1;
}
.lang-ar .btn_card{
  background:url(../images/btn_card_ar.png?v=1.3) 0/100% 100% no-repeat;
}
.lang-ar .btn_card.btn_card403{
  background:url(../images/btn_card_ar2.png?v=1.3) 0/100% 100% no-repeat;
}
@-webkit-keyframes fadeInCard{
  0%{transform:scale(.95);}
  50%{transform:scale(1);}
  100%{transform:scale(.95);}
}
@keyframes fadeInCard{
  0%{transform:scale(.95);}
  50%{transform:scale(1);}
  100%{transform:scale(.95);}
}
.btn_card p{
  position:relative;
  z-index:1;
}
.lang-ar .btn_card p{
  display:none;
}
.btn_card:after{
  display:block;
  content:'';
  width:3.36rem;
  height:1.4rem;
  background:url(../images/btn_card1.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-.7rem;
  margin-left:-1.68rem;
  opacity:0;
  -webkit-animation:opacityCard 3s infinite linear;
  animation:opacityCard 3s infinite linear;
}
@-webkit-keyframes opacityCard{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
@keyframes opacityCard{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
.btn_card.out{
  -webkit-animation:none;
  animation:none;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.btn_card.out:before{
  display:none;
}
.lang-pt .btn_card{
  line-height:.2rem;
  font-size:.2rem;
}
.lang-ru .btn_card{
  line-height:.18rem;
  font-size:.18rem;
  box-sizing:border-box;
  padding:0 .3rem;
}
.btn_card p:first-child{
  margin-top: .22rem;
}
.lang-pt .btn_card p:first-child{
  margin-top: .24rem;
}
.lang-ru .btn_card p:first-child{
  margin-top: .28rem;
}

.btn_card.btn_card403{
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_card.btn_card403 p:first-child{
  margin-top: 0;
}

.btn_code{
  display:flex;
  align-items: center;
  justify-content: center;
  width:1.76rem;
  height:.68rem;
  background:url(../images/btn_code.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  bottom:.16rem;
  right:3.36rem;
  font-size:.2rem;
  color:#00443e;
  text-align:center;
  line-height:.22rem;
  box-sizing:border-box;
  padding:0 .1rem .08rem;
}
.btn_fill{
  display:flex;
  align-items: center;
  justify-content: center;
  width:1.76rem;
  height:.68rem;
  background:url(../images/btn_code.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  bottom:.16rem;
  right:5.2rem;
  font-size:.2rem;
  color:#00443e;
  text-align:center;
  line-height:.22rem;
  box-sizing:border-box;
  padding:0 .1rem .08rem;
}
.lang-pt .btn_fill,
.lang-ru .btn_fill{
  font-size:.14rem;
  line-height:.16rem;
}
.btn_buy{
  display:block;
  line-height:.3rem;
  font-size:.22rem;
  color:#edca4f;
  position:absolute;
  bottom:.3rem;
  right:7.1rem;
  border-bottom:.02rem solid #edca4f;
  box-sizing:border-box;
}
.s1_tips{
  display:block;
  width: 3.9rem;
  font-size:.26rem;
  line-height:.26rem;
  color:#fff;
  position:absolute;
  bottom:.35rem;
  left:.25rem;
}
.s1_tips span{
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}
.s1_tips p{
  display:inline-block;
}
.s1_tips p:nth-child(2){
  display:block;
  font-size:.22rem;
  line-height:.22rem;
}
.btn_winners{
  width:.95rem;
  height:.95rem;
  position:absolute;
  bottom:1rem;
  left:.24rem;
}
.btn_winners.act span{
  display:block;
  width:.12rem;
  height:.12rem;
  background-color:red;
  border-radius:50%;
  position:absolute;
  top:0;
  right:0;
}
.btn_winners.out{
  pointer-events:none;
}
.btn_winners:before{
  content:'';
  width:150%;
  height:150%;
  background:url(../images/reward6.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:-25%;
  left:-25%;
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
}
.btn_winners.act{
  -webkit-animation:tada 2s infinite linear;
  animation:tada 2s infinite linear;
}
.btn_winners.act:before{
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  /*-webkit-animation:fadeIn 4s infinite linear;
  animation:fadeIn 4s infinite linear;*/
}
@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.btn_winners.out:before{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.btn_winners.out:after{
  display:block;
  content:'';
  width:.36rem;
  height:.28rem;
  background:url(../images/pop_gift_on1.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  bottom:-.04rem;
  right:-.06rem;
}
.reward_box{
  width:2.66rem;
  height:2.1rem;
  background:url(../images/reward_box.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
}
.reward_box1{top:2.32rem;left:1.06rem;}
.reward_box2{top:1.46rem;left:4.46rem;}
.reward_box3{top:4.4rem;left:3.6rem;}
.reward_box4{top:1rem;left:10.08rem;}
.reward_box5{top:4.08rem;left:9.76rem;}
.reward_tit{
  width:100%;
  height:.5rem;
  line-height:.54rem;
  font-size:.26rem;
  text-align:center;
  color:#fed100;
  text-shadow: -1px 0 1px #561de6, 1px 0 1px #561de6, 0 -1px 1px #561de6, 0 1px 1px #561de6;
}
.reward_pic{
  display:block;
  width:2.28rem;
  height:1.16rem;
  margin:0 auto;
  border-radius:.1rem;
  border:.01rem solid #fff;
  box-sizing:border-box;
  overflow:hidden;
}
.reward_pic li{
  display:block;
  width:20%;
  height:1.16rem;
  float:left;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity:.8;
  box-sizing:border-box;
  border-right:.01rem solid #fff;
}
.reward_pic li.act{
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  opacity:1;
}
.reward_pic1 li{background:url(../images/reward_pic1.png?v=1.3) 0/2.28rem 1.16rem no-repeat;}
.reward_pic2 li{background:url(../images/reward_pic2.png?v=1.3) 0/2.28rem 1.16rem no-repeat;}
.reward_pic3 li{background:url(../images/reward_pic3.png?v=1.3) 0/2.28rem 1.16rem no-repeat;}
.reward_pic4 li{background:url(../images/reward_pic4.png?v=1.3) 0/2.28rem 1.16rem no-repeat;}
.reward_pic5 li{background:url(../images/reward_pic5.png?v=1.3) 0/2.28rem 1.16rem no-repeat;}
.reward_pic li:nth-child(1){
  background-position:0 0;
}
.reward_pic li:nth-child(2){
  background-position:-.46rem 0;
}
.reward_pic li:nth-child(3){
  background-position:-.92rem 0;
}
.reward_pic li:nth-child(4){
  background-position:-1.38rem 0;
}
.reward_pic li:nth-child(5){
  background-position:-1.84rem 0;
  border-right:none;
}
.residue{
  display:block;
  width:2.22rem;
  font-size:.16rem;
  line-height:.26rem;
  color:#fff;
  text-align:center;
  background-color:rgba(0, 0, 0, .4);
  position:absolute;
  top:.52rem;
  left:50%;
  margin-left:-1.12rem;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}
.residue p{
  display:inline-block;
  margin-right:.04rem;
}
.reward_num{
  display:block;
  width:.34rem;
  height:.34rem;
  border-radius:50%;
  line-height:.34rem;
  text-align:center;
  color:#fff;
  font-size:.24rem;
  background-color:rgba(50, 50, 50, .62);
  position:absolute;
  top:1.22rem;
  right:.3rem;
}
.reward_bar{
  width:1.46rem;
  height:.14rem;
  border-radius:.08rem;
  position:absolute;
  top:1.74rem;
  left:.74rem;
  background-color:#9a9a9a;
  overflow:hidden;
}
.reward_bar li{
  display:block;
  width:20%;
  height:.14rem;
  float:left;
  box-sizing:border-box;
  border-right:.01rem solid #fff;
}
.reward_bar li:last-child{
  border-right:none;
}
.reward_bar li.act{
  background-color:#f4a361;
}
.btn_reward{
  width:.84rem;
  height:.84rem;
  position:absolute;
  top:1.22rem;
  left:-.14rem;
  z-index:1;
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
}
.btn_reward.act span{
  display:block;
  width:.1rem;
  height:.1rem;
  border-radius:50%;
  background-color:red;
  position:absolute;
  top:.1rem;
  right:.1rem;
  z-index:1;
}
.btn_reward:after{
  content:'';
  width:.84rem;
  height:.84rem;
  background:url(../images/reward_bg1.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:0;
  left:0;
}
.btn_reward.act{
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.btn_reward.act:before{
  content:'';
  width:1.02rem;
  height:1.02rem;
  background:url(../images/reward_bg3.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-.51rem;
  margin-left:-.51rem;
  opacity:0;
  -webkit-animation:fadeIn 2s infinite linear;
  animation:fadeIn 2s infinite linear;
}
@-webkit-keyframes fadeIn{
  0%{opacity: 0;}
  50%{opacity: 1;}
  100%{opacity: 0;}
}
@keyframes fadeIn{
  0%{opacity: 0;}
  50%{opacity: 1;}
  100%{opacity: 0;}
}
.btn_reward.out{
  animation: none !important;
}
.btn_reward.out:before{
  display:block;
  content:'';
  width:.36rem;
  height:.28rem;
  background:url(../images/pop_gift_on1.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  bottom:-.02rem;
  right:0;
  z-index:2;
}
.btn_reward.out:after{
  content:'';
  width:.84rem;
  height:.84rem;
  background:url(../images/reward_bg2.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:0;
  left:0;
}
.btn_reward.out{
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.btn_reward.out img{
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
}
.btn_reward img{
  display:block;
  width:100%;
  position:absolute;
  z-index:1;
}
.btn_reward .intro{
  display:none;
  width:2.2rem;
  height:.84rem;
  background-color:rgba(0, 0, 0, .5);
  font-size:.2rem;
  line-height:.2rem;
  color:#fff;
  box-sizing:border-box;
  padding:.1rem .1rem .1rem .56rem;
  position:absolute;
  top:0;
  left:.4rem;
}
/*.btn_reward .intro1{width:4rem}*/
.btn_reward .intro.act{
  display:flex;
  align-items: center;
  justify-content: flex-start;
}
.btn_reward .intro2.act{
  left:-1.8rem;
  justify-content: flex-end;
  padding:.1rem .56rem .1rem .1rem;
}






/*dialog*/
.dialog-box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
}
.dialog-box.on {
  z-index: 9999;
  opacity: 1;
  pointer-events:auto;
}
.dialog-box .dialog {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
  outline: none;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 1px;
  box-sizing: border-box;
}
.dialog-box .dialog.on {
  display: block;
  animation: fadeInDown .3s .1s ease both;
  -o-animation: fadeInDown .3s .1s ease both;
  -ms-animation: fadeInDown .3s .1s ease both;
  -moz-animation: fadeInDown .3s .1s ease both;
  -webkit-animation: fadeInDown .3s .1s ease both;
}
.dialog-box .dialog.out {
  animation: fadeOutUp .3s .1s ease both;
  -o-animation: fadeOutUp .3s .1s ease both;
  -ms-animation: fadeOutUp .3s .1s ease both;
  -moz-animation: fadeOutUp .3s .1s ease both;
  -webkit-animation: fadeOutUp .3s .1s ease both;
}
.dialog-box .dialog1 {
  width: 6.9rem;
  height: 4.18rem;
  background: url(../images/pop1.png?v=1.3) 0/100% 100% no-repeat;
  text-align:center;
}
.btn_close {
  display: block;
  width: .5rem;
  height: .5rem;
  background:url(../images/btn_close.png?v=1.3) 0/100% 100% no-repeat;
  position: absolute;
  top: -.3rem;
  right: -.5rem;
}
.lang-ar .btn_close{
  right:initial;
  left:-.5rem;
}
.pop_tips{
  display:flex;
  justify-content: center;
  align-items: center;
  width:5.6rem;
  height:1.66rem;
  margin:.9rem auto .1rem;
  font-size:.26rem;
  line-height:.36rem;
  color:#000;
}
.pop_confirm {
  display: inline-block;
  width: 1.58rem;
  height: .6rem;
  background:url(../images/pop_confirm.png?v=1.3) 0/100% 100% no-repeat;
  margin:.1rem .12rem 0;
  color:#00443e;
  font-size:.22rem;
  line-height:.54rem;
  text-align:center;
}
#pop2 .pop_confirm{
  margin:.1rem 2rem 0;
}
.pop_cancel {
  display: inline-block;
  width: 1.58rem;
  height: .6rem;
  background:url(../images/pop_cancel.png?v=1.3) 0/100% 100% no-repeat;
  margin:.1rem .12rem 0;
  color:#00443e;
  font-size:.22rem;
  line-height:.54rem;
  text-align:center;
}
#pop3 .pop_confirm{
  margin:.1rem 1.9rem 0;
}
#pop4 .pop_confirm{
  margin:.1rem 3.1rem 0;
}
.dialog-box .dialog2 {
  width: 6.6rem;
  height: 4.42rem;
  background: url(../images/pop2.png?v=1.3) 0/100% 100% no-repeat;
  text-align:center;
}
.dialog-box #pop4{
  width:10rem;
}
.dialog-box #pop11{
  width:10rem;
}
#pop11 .pop_confirm{
  margin:.4rem .12rem 0;
}
.pop_title{
  width:100%;
  line-height:.3rem;
  font-size:.3rem;
  color:#fff;
  text-align:center;
  margin:.26rem auto;
}
.lang-pt #pop7 .pop_title{
  font-size:.26rem;
}
.pop_rule{
  display:block;
  width:5.6rem;
  height:2.74rem;
  margin:.6rem auto 0;
  text-align:left;
  font-size:.22rem;
  line-height:.34rem;
  color:#000;
  overflow:hidden;
  overflow-y:auto;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}
.lang-ar .pop_rule{
  text-align: right;
}
/*去掉滚动条样式*/
.pop_rule::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.pop_rule {
  -ms-overflow-style: none;
}
.pop_rule {
  scrollbar-width: none
}
.pop_reward{
  display:inline-block;
  width: 1.42rem;
  height: 1.4rem;
  background: url(../images/debris_bg2.png?v=1.3) 0/100% 100% no-repeat;
  margin:.5rem .2rem .2rem;
  position:relative;
}
#pop4 .pop_reward{
  top:-.16rem;
}
#pop11 .pop_reward.act{
  background:none;
}
#pop11 .pop_reward.act:after{
  display:block;
  width:2.66rem;
  height:2.66rem;
  content:'';
  background: url(../images/debris_bg3.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1.3rem;
  margin-left:-1.3rem;
}
.pop_reward p{
  width:100%;
  font-size:.2rem;
  line-height:.5rem;
  color:#fff;
  position:absolute;
  z-index:1;
}
.pop_reward span{
  display:block;
  width:.32rem;
  height:.32rem;
  border-radius:50%;
  position:absolute;
  bottom:.22rem;
  right:.1rem;
  background-color:#7755fa;
  line-height:.32rem;
  color:#fff;
  z-index:2;
}
.lang-ar .pop_reward span{
  right:initial;
  left:.2rem;
  bottom:.16rem;
}
#pop11 .pop_reward p{
  top:1.54rem;
}
.pop_reward img{
  display:block;
  width:1.42rem;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.pop_reward_box{
  display:inline-block;
  width:1.32rem;
  height:1.58rem;
  background: url(../images/reward_bg1.png?v=1.3) top/1.32rem 1.32rem no-repeat;
  margin:.5rem .1rem .2rem;
  position:relative;
}
#pop4 .pop_reward_box.act{
  background:none;
}
.pop_reward p,
.pop_reward_box p{
  display:block;
  width:2.4rem;
  font-size:.2rem;
  line-height:.2rem;
  position:absolute;
  top:1.38rem;
  left:50%;
  margin-left:-1.2rem;
  color:#000;
  /*overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;*/
}
#pop4 .pop_reward p,
#pop4 .pop_reward_box p{
  bottom:0;
  width:1.6rem;
  font-size:.18rem;
  margin-left:-.8rem;
}
.pop_reward_box img{
  display:block;
  width:100%;
}
#pop4 .pop_reward_box img{
  width:100%;
  margin:0 auto;
}
.pop_reward_box span{
  display:block;
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  position:absolute;
  bottom:.2rem;
  right:-.04rem;
  background-color:#7755fa;
  line-height:.5rem;
  color:#fff;
}
.lang-ar .pop_reward_box span,
.lang-ar #pop4 .pop_reward_box span{
  right:initial;
  left:-.04rem;
}
#pop4 .pop_reward_box span{
  bottom:.46rem;
  right:0;
}
.dialog-box .dialog3 {
  width: 6.6rem;
  height: 4.26rem;
  background: url(../images/pop3.png?v=1.3) 0/100% 100% no-repeat;
  text-align:center;
}
.pop_tit{
  display:block;
  width:5.1rem;
  line-height:.26rem;
  font-size:.26rem;
  color:#000;
  margin:.4rem auto 0;
}
.pop_tit span{
  color:#e87e00;
}
.dialog3 .pop_reward{
  margin:.1rem auto 0;
}
#pop5 .pop_reward{
  margin:.5rem 2.5rem .2rem;
}
.pop_gift_list{
  display:block;
  width:5.6rem;
  height:2.98rem;
  margin:.4rem auto 0;
  overflow:hidden;
  overflow-y:auto;
  position:relative;
  left:.1rem;
}
.pop_gift_list::-webkit-scrollbar { 
  width: .04rem;
  border-radius:.02rem;
  background-color: #cdd0e1;
}
.pop_gift_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  border-radius:.02rem;
  background-color: #cdd0e1;
}
.pop_gift_list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  border-radius:.02rem;
  background-color: #5451c4;
}
.pop_gift_list li{
  display:block;
  width:5.5rem;
  height:1rem;
  box-sizing:border-box;
  float:left;
  border-bottom:.02rem solid rgba(123, 123, 123, .48);
  position:relative;
}
.pop_gift_list li:last-child{
  border-bottom:none;
}
.pop_gift_list li .list_text{
  display:flex;
  align-items: center;
  width:4rem;
  height:1rem;
  font-size:.22rem;
  line-height:.22rem;
  text-align:left;
  color:#000;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}
.lang-ar .pop_gift_list li .list_text{
  margin-right: 1.48rem;
  font-size:.18rem;
  line-height:.18rem;
}
.list_text span{
  color:#ff8105;
  margin:0 .04rem;
}
.pop_gift_list li .list_time{
  display:block;
  width:3.44rem;
  height:.26rem;
  font-size:.2rem;
  line-height:.26rem;
  text-align:left;
  margin-left:.14rem;
  color:#7b7b7b;
}
.pop_gift{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 1.14rem;
  height: .44rem;
  background: url(../images/pop_gift.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-.22rem;
  font-size:.16rem;
  color:#00443e;
  line-height:.16rem;
  box-sizing:border-box;
  padding-bottom:.04rem;
}
.pop_gift.out{
  justify-content: flex-end;
  width:1.7rem;
  background:none;
  color:#000;
}
.lang-ar .pop_gift.out{
  width: auto;
}
.pop_gift.out:before{
  display:inline-block;
  content:'';
  width:.3rem;
  height:.3rem;
  background: url(../images/pop_gift_on.png?v=1.3) 0/100% 100% no-repeat;
  position:relative;
  margin-right:.04rem;
}
.pop_code{
  display:block;
  width:5.6rem;
  height:.86rem;
  background-color:rgba(123, 123, 123, .34);
  margin:1rem auto .4rem;
  border-radius:.08rem;
  text-align:center;
  font-size:.26rem;
  line-height:.86rem;
  color:#000;
}
.pop_tab{
  display:block;
  width:6.5rem;
  height:.94rem;
  margin:0 auto;
}
.pop_tab a{
  display:block;
  width:50%;
  height:.94rem;
  font-size:.24rem;
  line-height:.94rem;
  color:#a47af6;
  float:left;
}
.pop_tab a:nth-child(1){
  background: url(../images/pop_tab2.png?v=1.3) 0 0/6.5rem .94rem no-repeat;
}
.pop_tab a:nth-child(2){
  background: url(../images/pop_tab1.png?v=1.3) -3.25rem 0/6.5rem .94rem no-repeat;
}
.pop_tab a.act:nth-child(1){
  color:#fff;
  background: url(../images/pop_tab1.png?v=1.3) 0 0/6.5rem .94rem no-repeat;
}
.pop_tab a.act:nth-child(2){
  color:#fff;
  background: url(../images/pop_tab2.png?v=1.3) -3.25rem 0/6.5rem .94rem no-repeat;
}
.pop_show{
  display:none;
  width:5.6rem;
  height:2.8rem;
  margin:.2rem auto 0;
  color:#000;
}
.pop_show.act{
  display:block;
}
.pop_show_text{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:.84rem;
  margin:.2rem auto 0;
  font-size:.22rem;
  line-height:.28rem;
}
.pop_show_time{
  display:block;
  width:100%;
  font-size:.2rem;
  line-height:.2rem;
  margin:.2rem auto 0;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}
.pop_show .pop_confirm{
  font-size:.18rem;
}
.pop_confirm.out{
  color:#fff;
  font-size:.18rem;
  background: url(../images/pop_confirm_out.png?v=1.3) 0/100% 100% no-repeat;
  /*pointer-events:none;*/
}
.pop_code_friend{
  display:block;
  width:4.6rem;
  height:.66rem;
  background-color:rgba(123, 123, 123, .34);
  margin:.28rem auto .1rem;
  border-radius:.06rem;
  text-align:center;
  font-size:.22rem;
  line-height:.66rem;
  color:#000;
}
.dialog-box .dialog4 {
  width: 100%;
  height: 4.21rem;
  background: url(../images/pop4.png?v=1.3) 0/100% 100% no-repeat;
  text-align:center;
}
.dialog4 .btn_close{
  right:20%;
  margin-right:-.25rem;
  top:-.5rem;
}
.lang-ar .dialog4 .btn_close{
  right:initial;
  margin-right:0;
  left:20%;
  margin-left:-.25rem;
}
.pop_purchase{
  display:block;
  width:80%;
  font-size:.38rem;
  line-height:.38rem;
  font-weight:bold;
  text-shadow:0 .02rem 0 #fff;
  color:#621be1;
  margin:.26rem auto 0;
}
.pop_purchase_time{
  display:block;
  width:80%;
  font-size:.22rem;
  line-height:.22rem;
  color:#313132;
  position:absolute;
  top:.74rem;
  left:10%;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}
.purchase_list{
  width:12.04rem;
  height:1.8rem;
  margin:.4rem auto;
  position:relative;
}
.card_list{
  width:12.04rem;
  height:1.8rem;
  margin:.1rem auto 0;
  position:relative;
}
.purchase_list li{
  display:inline-block;
  width:1.32rem;
  height:2rem;
  position:relative;
  margin:0 .1rem;
}
.purchase_box{
  display:block;
  width:1.32rem;
  height:1.3rem;
}
.purchase_list li .purchase_box{
  background: url(../images/debris_bg1.png?v=1.3) 0/100% 100% no-repeat;
}
.purchase_list li.act .purchase_box{
  background: none;
}
.purchase_list li.act .purchase_box:after{
  display:block;
  content:'';
  width:2.5rem;
  height:2.5rem;
  background: url(../images/debris_bg3.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1.56rem;
  margin-left:-1.22rem;
}
.purchase_box p{
  display:block;
  width:100%;
  line-height:.48rem;
  color:#fff;
  font-size:.18rem;
}
.purchase_box span{
  display:block;
  width:.32rem;
  height:.32rem;
  line-height:.32rem;
  border-radius:50%;
  font-size:.24rem;
  color:#fff;
  background-color:rgba(50, 50, 50, .62);
  position:absolute;
  top:1.02rem;
  right:.22rem;
}
.purchase_box img{
  display:block;
  width:1.32rem;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.card_list{
  width:12.04rem;
  height:2rem;
  margin:.3rem auto 0;
  position:relative;
}
.card_list li{
  display:inline-block;
  width:1.32rem;
  height:1.7rem;
  position:relative;
  margin:0 .5rem;
}
.card_box{
  display:block;
  width:1.32rem;
  height:1.3rem;
}
.card_box p{
  display:block;
  width:1.8rem;
  line-height:.48rem;
  color:#fff;
  font-size:.18rem;
}
.card_box span{
  display:block;
  width:.32rem;
  height:.32rem;
  line-height:.32rem;
  border-radius:50%;
  font-size:.24rem;
  color:#fff;
  background-color:rgba(50, 50, 50, .62);
  position:absolute;
  top:1.02rem;
  right:.22rem;
}
.card_box img{
  display:block;
  width:1.32rem;
  margin:0 auto;
  position:relative;
  z-index:1;
}
.card_list li .card_box{
  background: url(../images/debris_bg1.png?v=1.3) 0/100% 100% no-repeat;
}
.card_list li.act .card_box{
  background: none;
}
.card_list li.act .card_box:after{
  display:block;
  content:'';
  width:2.5rem;
  height:2.48rem;
  background: url(../images/debris_bg3.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1.42rem;
  margin-left:-1.22rem;
}
.pop_tickets{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height:.34rem;
  line-height:.38rem;
  font-size:.22rem;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
  position:relative;
  z-index:1;
}
.pop_tickets i{
  display:inline-block;
  width:.26rem;
  height:.34rem;
  background: url(../images/icon1.png?v=1.3) 0/100% 100% no-repeat;
  margin-right:.06rem;
}
.lang-ar .pop_tickets{
  direction:ltr;
}
.pop_input{
  display:inline-block;
  width:2.08rem;
  height:.42rem;
  line-height:.42rem;
  background: url(../images/pop_input.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:2.04rem;
  left:3.54rem;
}
.lang-ar .pop_input{
  background: url(../images/pop_input1.png?v=1.3) 0/100% 100% no-repeat;
}
.pop_sub,
.pop_add{
  display:block;
  width:.5rem;
  height:.42rem;
  float:left;
}
.lang-ar .pop_sub,
.lang-ar .pop_add,
.lang-ar .pop_input input{
  float:right;
}
.pop_input input{
  display:block;
  width:1.08rem;
  line-height:.42rem;
  background-color:rgba(0, 0, 0, 0);
  text-align:center;
  font-size:.28rem;
  color:#000;
  float:left;
}
.pop_buy{
  display:flex;
  align-items: center;
  justify-content: center;
  width:2.1rem;
  height:.8rem;
  line-height:.42rem;
  background: url(../images/pop_buy.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:1.84rem;
  left:6.1rem;
  box-sizing:border-box;
  padding:0 .1rem .06rem .04rem;
}
.lang-ar .pop_buy{
  direction:ltr;
}
.pop_buy.out{
  background: url(../images/pop_confirm_out.png?v=1.3) 0/100% 100% no-repeat;
  pointer-events:none;
}
.pop_buy.out p,
.pop_buy.out span{
  color:#fff;
}
.pop_buy i{
  display:inline-block;
  width:.26rem;
  height:.34rem;
  background: url(../images/icon1.png?v=1.3) 0/100% 100% no-repeat;
}
.lang-ar .pop_buy i{
  display:none;
}
.pop_buy p{
  display:inline-block;
  font-size:.24rem;
  line-height:.34rem;
  color:#00443e;
  margin-right:.06rem;
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
  position:relative;
}
.lang-ar .pop_buy p{
  margin-right:.36rem;
}
.lang-ar .pop_buy p:after{
  display:block;
  content:'';
  width:.26rem;
  height:.34rem;
  background: url(../images/icon1.png?v=1.3) 0/100% 100% no-repeat;
  position:absolute;
  top:50%;
  right:-.26rem;
  margin-top:-.17rem;
}
.pop_buy span{
  display:inline-block;
  font-size:.24rem;
  line-height:.34rem;
  color:#00443e;
}
.pop_copy1{
  display:block;
  width:2.8rem;
  height:.5rem;
  background: url(../images/pop_copy.png?v=1.3) 0/100% 100% no-repeat;
  line-height:.5rem;
  position:absolute;
  top:2.4rem;
  left:1.7rem;
}
.pop_copy2{
  display:block;
  width:2.8rem;
  height:.5rem;
  background: url(../images/pop_copy.png?v=1.3) 0/100% 100% no-repeat;
  line-height:.5rem;
  position:absolute;
  top:2.4rem;
  left:4.76rem;
}
.pop_copy1 p,
.pop_copy2 p{
  width:1.8rem;
  line-height:.5rem;
  margin:0 .04rem;
  color:#000;
  opacity:.54;
  font-size:.2rem;
  font-weight:bold;
}
.card_share{
  display:block;
  width:.94rem;
  height:.5rem;
  position:absolute;
  top:0;
  right:0;
  color:#fff;
  font-size:.16rem;
  font-weight:bold;
}
.pop_share{
  display:inline-block;
  width:2.1rem;
  height:.8rem;
  line-height:.74rem;
  font-size:.2rem;
  color:#00443e;
  background: url(../images/pop_buy.png?v=1.3) 0/100% 100% no-repeat;
  box-sizing:border-box;
  padding:0 .1rem .06rem .04rem;
  position:absolute;
  top:2rem;
  left:50%;
  margin-left:-1.05rem;
}
.lang-pt .pop_share{
  width: 2.64rem;
  margin-left: -1.32rem;
}
.lang-ru .pop_share{
  width: 2.64rem;
  margin-left: -1.32rem;
}
.pop_share.out{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.pop_record{
  font-size:.26rem;
  line-height:.28rem;
  position:absolute;
  top:2.3rem;
  left:.2rem;
  color:#621be1;
  border-bottom:.02rem solid #621be1;
}
.frequency{
  display:block;
  width:2.4rem;
  font-size:.22rem;
  line-height:.36rem;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-1.2rem;
  position:relative;
  z-index:1;
}
.lang-pt .frequency{
  font-size:.18rem;
  line-height:.18rem;
}
.frequency p{
  display:inline-block;
  margin-right:.04rem;
}
.frequency span{
  font-family: "text", Arial, sans-serif;
  font-weight:bold;
}


/*视频弹窗*/
.b-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, .8);
  display: none;
}
.pop-vid {
  width:8.88rem;
  height: 5rem;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)
}
.pop-close {
  display: block;
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: -.12rem;
  right: -.5rem;
  background: url("../images/btn_close.png?v=1.3") 0/100% 100% no-repeat;
}
.lang-ar .pop-close{
  right:initial;
  left:-.5rem;
}
.pop-loading {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 22px;
  text-align: center;
  color: #fff;
  line-height: 3;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pop-loading.loaded {
  display: none;
}









/*animation*/
@keyframes fadeInDown {
  0% {transform: translate3d(0, -10%, 0); opacity: 0; filter: alpha(opacity=0); }
  100% {transform: translate3d(0, 0, 0); opacity: 1; filter: alpha(opacity=100); }
}
@-o-keyframes fadeInDown {
  0% { -o-transform: translate3d(0, -10%, 0);opacity: 0; filter: alpha(opacity=0); }
  100% { -o-transform: translate3d(0, 0, 0);opacity: 1; filter: alpha(opacity=100); }
}
@-ms-keyframes fadeInDown {
  0% { -ms-transform: translate3d(0, -10%, 0);opacity: 0; filter: alpha(opacity=0); }
  100% { -ms-transform: translate3d(0, 0, 0);opacity: 1; filter: alpha(opacity=100); }
}
@-moz-keyframes fadeInDown {
  0% { -moz-transform: translate3d(0, -10%, 0);opacity: 0; filter: alpha(opacity=0); }
  100% { -moz-transform: translate3d(0, 0, 0);opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes fadeInDown {
  0% { -webkit-transform: translate3d(0, -10%, 0);opacity: 0; filter: alpha(opacity=0); }
  100% { -webkit-transform: translate3d(0, 0, 0);opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeOutUp {
  0% {transform: translate3d(0, 0, 0); opacity: 1; }
  100% {transform: translate3d(0, 10%, 0); opacity: 0; }
}
@-o-keyframes fadeOutUp {
  0% { -o-transform: translate3d(0, 0, 0);opacity: 1; }
  100% { -o-transform: translate3d(0, 10%, 0);opacity: 0; }
}
@-ms-keyframes fadeOutUp {
  0% { -ms-transform: translate3d(0, 0, 0);opacity: 1; }
  100% { -ms-transform: translate3d(0, 10%, 0);opacity: 0; }
}
@-moz-keyframes fadeOutUp {
  0% { -moz-transform: translate3d(0, 0, 0);opacity: 1; }
  100% { -moz-transform: translate3d(0, 10%, 0);opacity: 0; }
}
@-webkit-keyframes fadeOutUp {
  0% { -webkit-transform: translate3d(0, 0, 0);opacity: 1; }
  100% { -webkit-transform: translate3d(0, 10%, 0);opacity: 0; }
}

.sharetips{
  width: 100%;
  position: absolute;
  bottom: .2rem;
  left: 0;
  text-align: center;
  font-size: .2rem;
  line-height: .22rem;
  color: #797b7c;
}