*{
  padding: 0;
  margin: 0;
}
.wrap{
  min-width: 14rem;
  height: 28.2rem;
  background: url(../img/bg.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
}
.logo{
  width: 3rem;
  position: absolute;
  left: 0.8rem;
  top: 0.2rem;
}
.gw{
  width: 3rem;
  position: absolute;
  right: 0.9rem;
  top: 0.35rem;
}
.nav{
  width: 1.82rem;
  height: 3.8rem;
  position: fixed;
  right: 0;
  top: 2rem;
  z-index: 10;
}
.en_lang .nav{
  background: url(../img/en/nav.png) no-repeat;
  background-size: cover;
}
.de_lang .nav{
  background: url(../img/de/nav.png) no-repeat;
  background-size: cover;
}
.fr_lang .nav{
  background: url(../img/fr/nav.png) no-repeat;
  background-size: cover;
}
.tr_lang .nav{
  background: url(../img/tr/nav.png) no-repeat;
  background-size: cover;
}
.links{
  margin-top: 0.9rem;
}
.links a{
  display: block;
  width: 100%;
  height: 0.6rem;
}
.slogan{
  margin: 4.8rem auto 0;
  overflow: hidden;
}
.en_lang .slogan{
  width: 12.5rem;
  height: 4.6rem;
  background: url(../img/en/slo1.png) no-repeat;
  background-size: 100% auto;
}
.de_lang .slogan{
  width: 15.16rem;
  height: 4.6rem;
  background: url(../img/de/slo1.png) no-repeat;
  background-size: 100% auto;
}
.fr_lang .slogan{
  width: 11.97rem;
  height: 4.6rem;
  background: url(../img/fr/slo1.png) no-repeat;
  background-size: 100% auto;
}
.tr_lang .slogan{
  width: 14.26rem;
  height: 4.6rem;
  background: url(../img/tr/slo1.png) no-repeat;
  background-size: 100% auto;
}
.btns{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
}
.appstore, .googleplay{
  width: 3rem;
  height: 1.1rem;
}
.appstore{
  margin-right: 0.1rem;
  position: relative;
  font-size: 0;
}
.appstore img{
  width: 2rem;
  position: absolute;
  left: 0.5rem;
  top: -1.9rem;
  display: none;
}
.appstore:hover img{
  display: block;
}
/* .googleplay{
  margin-right: 0.6rem;
} */
.regbtn{
  width: 4.2rem;
  height: 1.1rem;
  margin-right: 0.2rem;
  cursor: pointer;
}
.nums{
  font-size: 0.5rem;
  font-weight: bold;
  background: linear-gradient(to top, #ffffc4, #b48731);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.en_lang .nums{
  margin-left: 8.3rem;
  margin-top: 0.15rem;
}
.de_lang .nums{
  margin-left: 10.3rem;
  margin-top: 0.25rem;
}
.fr_lang .nums{
  margin-left: 8.9rem;
  margin-top: 0.1rem;
}
.tr_lang .nums{
  margin-left: 9.7rem;
  margin-top: 0.23rem;
}
.line{
  width: 10rem;
  display: block;
  margin: 0.2rem auto 0;
}
.reward{
  width: 14.61rem;
  height: 3.56rem;
  margin: 0.4rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reward div{
  width: 2.8rem;
  height: 100%;
}
.en_lang .reward{
  background: url(../img/en/reward.png) no-repeat;
  background-size: 100%;
}
.en_lang .reward div.act{
  background: url(../img/en/reward.png) no-repeat;
  background-size: 14.61rem auto;
  background-position: 0 bottom;
}
.de_lang .reward{
  background: url(../img/de/reward.png) no-repeat;
  background-size: 100%;
}
.de_lang .reward div.act{
  background: url(../img/de/reward.png) no-repeat;
  background-size: 14.61rem auto;
  background-position: 0 bottom;
}
.fr_lang .reward{
  background: url(../img/fr/reward.png) no-repeat;
  background-size: 100%;
}
.fr_lang .reward div.act{
  background: url(../img/fr/reward.png) no-repeat;
  background-size: 14.61rem auto;
  background-position: 0 bottom;
}
.tr_lang .reward{
  background: url(../img/tr/reward.png) no-repeat;
  background-size: 100%;
}
.tr_lang .reward div.act{
  background: url(../img/tr/reward.png) no-repeat;
  background-size: 14.61rem auto;
  background-position: 0 bottom;
}
.word{
  width: 15.8rem;
  height: 5.67rem;
  margin: 0.4rem auto 0;
  overflow: hidden;
}
.en_lang .word{
  background: url(../img/en/word.png) no-repeat;
  background-size: 100%;
}
.de_lang .word{
  background: url(../img/de/word.png) no-repeat;
  background-size: 100%;
}
.fr_lang .word{
  background: url(../img/fr/word.png) no-repeat;
  background-size: 100%;
}
.tr_lang .word{
  background: url(../img/tr/word.png) no-repeat;
  background-size: 100%;
}
.fb1{
  display: block;
  width: 3.7rem;
  height: 0.85rem;
  margin: 4.8rem auto 0;
}
.tips{
  width: 14.37rem;
  height: 6.15rem;
  margin: 0.6rem auto 0;
  position: relative;
}
.en_lang .tips{
  background: url(../img/en/act.png) no-repeat;
  background-size: 100%;
}
.de_lang .tips{
  background: url(../img/de/act.png) no-repeat;
  background-size: 100%;
}
.fr_lang .tips{
  background: url(../img/fr/act.png) no-repeat;
  background-size: 100%;
}
.tr_lang .tips{
  background: url(../img/tr/act.png) no-repeat;
  background-size: 100%;
}
.fb2, .fb3, .fb4{
  width: 2.6rem;
  height: 0.85rem;
  position: absolute;
  top: 3.8rem;
  left: 2.15rem;
}
.fb3{
  left: 8.1rem;
}
.fb4{
  left: 11.05rem;
}
.pop{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  display: none;
}
.login{
  width: 8.87rem;
  height: 6.62rem;
  position: absolute;
  left: 50%;
  margin-left: -4.44rem;
  top: 50%;
  margin-top: -3.3rem;
}
.en_lang .login{
  background: url(../img/en/pop.png) no-repeat;
  background-size: 100%;
}
.de_lang .login{
  background: url(../img/de/pop.png) no-repeat;
  background-size: 100%;
}
.fr_lang .login{
  background: url(../img/fr/pop.png) no-repeat;
  background-size: 100%;
}
.tr_lang .login{
  background: url(../img/tr/pop.png) no-repeat;
  background-size: 100%;
}
.close{
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  right: 0.22rem;
  top: 0.2rem;
  cursor: pointer;
}
.email{
  width: 7.16rem;
  height: 1.1rem;
  border: 0;
  background: none;
  outline: medium;
  font-size: 0.37rem;
  color: #000;
  text-indent: 0.2rem;
  margin-left: 0.9rem;
  margin-top: 1.47rem;
}
.loginbtn{
  width: 4.38rem;
  height: 1.3rem;
  margin: 1.05rem auto 0;
  cursor: pointer;
}
.succ{
  width: 8.87rem;
  height: 3.83rem;
  position: absolute;
  left: 50%;
  margin-left: -4.44rem;
  top: 50%;
  margin-top: -1.9rem;
}
.en_lang .succ{
  background: url(../img/en/succ.png) no-repeat;
  background-size: 100%;
}
.de_lang .succ{
  background: url(../img/de/succ.png) no-repeat;
  background-size: 100%;
}
.fr_lang .succ{
  background: url(../img/fr/succ.png) no-repeat;
  background-size: 100%;
}
.tr_lang .succ{
  background: url(../img/tr/succ.png) no-repeat;
  background-size: 100%;
}