@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

i {
  font-style: normal;
}


/*字体包CDN分离路径*/
@font-face{
  font-family:"Industry";
  src:url('../font/Industry-Demi.ttf');
}



body, html {
  width: 100%;
  background: #000;
  -webkit-overflow-scrolling: touch;
  font-family: 'Industry';
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus, input:focus, p:focus, div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



body,
html {
  background: #121824;
  -webkit-overflow-scrolling: touch;
}
.wrapper{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.part{
  width: 7.5rem;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.part1{
  height: 8.68rem;
  background: url(../images/m/part1.jpg) top center no-repeat;
  background-size: 100% auto;
}
.part2{
  height: 9.64rem;
  background: url(../images/m/part2.jpg) top center no-repeat;
  background-size: 100% auto;
}
.part3{
  height: 10.8rem;
  background: url(../images/m/part3.jpg) top center no-repeat;
  background-size: 100% auto;
}
.part4{
  height: 15.05rem;
  background: url(../images/m/part4.jpg) top center no-repeat;
  background-size: 100% auto;
}
.footer{
  height: 5.75rem;
  background: url(../images/m/footer.jpg) top center no-repeat;
  background-size: 100% auto;
}
.gamelogo{
  display: block;
  width: 2.7rem;
  height: .7rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  display: none;
}
.login-box{
  width: fit-content;
  height: .38rem;
  position: absolute;
  top: .22rem;
  right: 2.8rem;
}
.unlogin{
  width: fit-content;
  height: .38rem;
}
.unlogin a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.unlogin a span{
  display: block;
  width: .38rem;
  height: .38rem;
  background: url(../images/login_default.png) center center no-repeat;
  background-size: 100%;
  margin: 0 .1rem;
}
.unlogin a p{
  font-size: .24rem;
  color: #f5f5f5;
  line-height: .38rem;
}
.logined div{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.logined div span{
  display: block;
  width: .38rem;
  height: .38rem;
  background: #f7f714;
  text-align: center;
  line-height: .38rem;
  color: #05060b;
  font-size: .24rem;
  margin: 0 .1rem;
  border-radius: 50%;
}
.logined div p{
  font-size: .24rem;
  color: #f5f5f5;
  line-height: .38rem;
  display: none;
}
.logined ul{
  width: 3.4rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: .4rem;
  background: rgba(10,12,15,.8);
  padding-top: .1rem;
  padding-bottom: .1rem;
  display: none;
}
.logined:hover ul{
  display: block;
}
.logined ul li{
  width: 100%;
  height: .4rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 .1rem;
  line-height: .4rem;
}
.logined ul li p{
  display: block;
  font-size: .2rem;
  color: #f7f700;
  line-height: .4rem;
  text-align: center;
}
.logined ul li a{
  display: block;
  font-size: .2rem;
  color: #fff;
  line-height: .4rem;
  text-align: center;
}
.home{
  width: 3rem;
  height: .65rem;
  background: url(../images/home1.png) top left no-repeat;
  background-size: auto 100%;
  overflow: hidden;
  position: absolute;
  right: -.35rem;
  top: .06rem;
}
.home a{
  width: 100%;
  height: .35rem;
  position: absolute;
  left: 0;
  top: .18rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home a span{
  font-size: .2rem;
  color: #121823;
}
.home a i{
  display: block;
  width: .25rem;
  height: .25rem;
  background: url(../images/icon5.png) center center no-repeat;
  background-size: 100%;
  margin-right: .05rem;
}
.slogan{
  display: block;
  width: 7.5rem;
  height: 2.4rem;
  background: url(../images/m/slogan_en.png) top center no-repeat;
  background-size: 100%;
  margin: 6rem auto 0;
}
.lang-en .slogan{
  background: url(../images/m/slogan_en.png) top center no-repeat;
  background-size: 100%;
}
.lang-de .slogan{
  background: url(../images/m/slogan_de.png) top center no-repeat;
  background-size: 100%;
}
.lang-es .slogan{
  background: url(../images/m/slogan_es.png) top center no-repeat;
  background-size: 100%;
}
.lang-es-lt .slogan{
  background: url(../images/m/slogan_es_lt.png) top center no-repeat;
  background-size: 100%;
}
.lang-fr .slogan{
  background: url(../images/m/slogan_fr.png) top center no-repeat;
  background-size: 100%;
}
.lang-it .slogan{
  background: url(../images/m/slogan_it.png) top center no-repeat;
  background-size: 100%;
}
.lang-ja .slogan{
  background: url(../images/m/slogan_ja.png) top center no-repeat;
  background-size: 100%;
}
.lang-ko .slogan{
  background: url(../images/m/slogan_ko.png) top center no-repeat;
  background-size: 100%;
}
.lang-pk .slogan{
  background: url(../images/m/slogan_pl.png) top center no-repeat;
  background-size: 100%;
}
.lang-pt .slogan{
  background: url(../images/m/slogan_pt.png) top center no-repeat;
  background-size: 100%;
}
.lang-ru .slogan{
  background: url(../images/m/slogan_ru.png) top center no-repeat;
  background-size: 100%;
}
.lang-tr .slogan{
  background: url(../images/m/slogan_tr.png) top center no-repeat;
  background-size: 100%;
}
.lang-tw .slogan{
  background: url(../images/m/slogan_tw.png) top center no-repeat;
  background-size: 100%;
}
.lang-zh .slogan{
  background: url(../images/m/slogan_zh.png) top center no-repeat;
  background-size: 100%;
}
.title2{
  display: block;
  width: 7.5rem;
  height: 1.27rem;
  background: url(../images/m/title_2_en.png) top center no-repeat;
  background-size: auto 100%;
  margin: .35rem auto .2rem;
}
.lang-en .title2{
  background: url(../images/m/title_2_en.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-de .title2{
  background: url(../images/m/title_2_de.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-es .title2{
  background: url(../images/m/title_2_es.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-es-lt .title2{
  background: url(../images/m/title_2_es_lt.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-fr .title2{
  background: url(../images/m/title_2_fr.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-it .title2{
  background: url(../images/m/title_2_it.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ja .title2{
  background: url(../images/m/title_2_ja.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ko .title2{
  background: url(../images/m/title_2_ko.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-pk .title2{
  background: url(../images/m/title_2_pl.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-pt .title2{
  background: url(../images/m/title_2_pt.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ru .title2{
  background: url(../images/m/title_2_ru.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-tr .title2{
  background: url(../images/m/title_2_tr.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-tw .title2{
  background: url(../images/m/title_2_tw.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-zh .title2{
  background: url(../images/m/title_2_zh.png) top center no-repeat;
  background-size: auto 100%;
}
.title3{
  display: block;
  width: 7.5rem;
  height: 1.27rem;
  background: url(../images/title_3_en.png) top center no-repeat;
  background-size: auto 100%;
  margin: .6rem auto .1rem;
}
.lang-en .title3{
  background: url(../images/m/title_3_en.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-de .title3{
  background: url(../images/m/title_3_de.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-es .title3{
  background: url(../images/m/title_3_es.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-es-lt .title3{
  background: url(../images/m/title_3_es_lt.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-fr .title3{
  background: url(../images/m/title_3_fr.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-it .title3{
  background: url(../images/m/title_3_it.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ja .title3{
  background: url(../images/m/title_3_ja.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ko .title3{
  background: url(../images/m/title_3_ko.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-pk .title3{
  background: url(../images/m/title_3_pl.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-pt .title3{
  background: url(../images/m/title_3_pt.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ru .title3{
  background: url(../images/m/title_3_ru.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-tr .title3{
  background: url(../images/m/title_3_tr.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-tw .title3{
  background: url(../images/m/title_3_tw.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-zh .title3{
  background: url(../images/m/title_3_zh.png) top center no-repeat;
  background-size: auto 100%;
}
.title4{
  display: block;
  width: 7.5rem;
  height: 1.27rem;
  background: url(../images/m/title_4_en.png) top center no-repeat;
  background-size: auto 100%;
  margin: .3rem auto .2rem;
}
.lang-en .title4{
  background: url(../images/m/title_4_en.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-de .title4{
  background: url(../images/m/title_4_de.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-es .title4{
  background: url(../images/m/title_4_es.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-es-lt .title4{
  background: url(../images/m/title_4_es_lt.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-fr .title4{
  background: url(../images/m/title_4_fr.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-it .title4{
  background: url(../images/m/title_4_it.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ja .title4{
  background: url(../images/m/title_4_ja.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ko .title4{
  background: url(../images/m/title_4_ko.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-pk .title4{
  background: url(../images/m/title_4_pl.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-pt .title4{
  background: url(../images/m/title_4_pt.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-ru .title4{
  background: url(../images/m/title_4_ru.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-tr .title4{
  background: url(../images/m/title_4_tr.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-tw .title4{
  background: url(../images/m/title_4_tw.png) top center no-repeat;
  background-size: auto 100%;
}
.lang-zh .title4{
  background: url(../images/m/title_4_zh.png) top center no-repeat;
  background-size: auto 100%;
}
.dec{
  width: 100%;
  text-align: center;
  font-size: .18rem;
  box-sizing: border-box;
  padding: 0 .12rem;
}
.dec span{
  font-size: .18rem;
  color: rgba(255,255,255,.5);
  line-height: .26rem;
}
.dec span b{
  font-weight: bold;
  color: #e6e12c;
}
.dec .btn-rule{
  display: inline-block;
  width: .2rem;
  height: .2rem;
  background: url(../images/btn_rule.png) center center no-repeat;
  background-size: 100%;
  margin: 0 .02rem;
  vertical-align: middle;
}

.swiperbox{
  width: 12.24rem;
  height: 6.2rem;
  position: absolute;
  top: 3.4rem;
  left: 50%;
  margin-left: -6.12rem;
  box-sizing: border-box;
}
.swiper{
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide{
  width: 4.08rem;
  height: 5.42rem;
  background: url(../images/m/invite_bg.png) center center no-repeat;
  background-size: 100%;
}
.swiper-slide-prev{
  transform: scale(.9);
  transform-origin: center;
}
.swiper-slide-next{
  transform: scale(.9);
  transform-origin: center;
}
.swiper .swiper-slide .hero{
  width: 4.26rem;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.swiper .swiper-slide:after{
  display: block;
  content: "";
  width: 1.09rem;
  height: 1.64rem;
  background: url(../images/icon3.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  top: .1rem;
  right: .25rem;
  z-index: 3;
}
.swiper .swiper-slide .hero img{
  display: block;
  width: 100%;
  height: auto;
}
.swiper .swiper-slide .hero .name{
  width: 3.3rem;
  overflow: hidden;
  box-sizing: border-box;
  background: rgba(64,72,88,.5);
  padding: .1rem;
  position: absolute;
  bottom: .42rem;
  left: 50%;
  margin-left: -1.65rem;
  z-index: 2;
}
.swiper .swiper-slide .hero .name p{
  line-height: .24rem;
  font-size: .2rem;
  color: #e6e12c;
  text-align: center;
}
.swiper .swiper-slide .invite-box{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper .swiper-slide .invite-box .invite-tips{
  width: 3.3rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: .1rem;
  position: absolute;
  bottom: .42rem;
  left: 50%;
  margin-left: -1.65rem;
  z-index: 2;
}
.swiper .swiper-slide .invite-box .invite-tips p{
  line-height: .24rem;
  font-size: .2rem;
  color: #3c4455;
  text-align: center;
}
.swiper .swiper-slide .btn-invite{
  display: block;
  width: 1.4rem;
  height: 1.3rem;
  position: absolute;
  top: 1.2rem;
  left: 50%;
  margin-left: -.7rem;
  z-index: 4;
}
.btn-quit{
  display: block;
  width: fit-content;
  height: .4rem;
  line-height: .4rem;
  font-size: .22rem;
  color: #a3a3a3;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5.7rem;
  border-bottom: solid 1px #a3a3a3;
  z-index: 5;
}
.btn-prev{
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(../images/m/btn_prev.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6.1rem;
  left: .24rem;
  z-index: 10;
}
.btn-next{
  display: block;
  width: .4rem;
  height: .4rem;
  background: url(../images/m/btn_next.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6.1rem;
  right: .24rem;
  z-index: 10;
}

.missionlist{
  width: 6.5rem;
  /*overflow: hidden;*/
  margin: .1rem auto 0;
}
.missionlist .mission{
  width: 100%;
  height: 2.2rem;
  /*overflow: hidden;*/
  margin-bottom: 0;
  position: relative;
}
.missionlist .mission .mission-name{
  width: 100%;
  height: 2.2rem;
  background: url(../images/m/mission_bg.png) top center no-repeat;
  background-size: 100% 100%;
  /*overflow: hidden;*/
  padding-top: .3rem;
}
.missionlist .mission .mission-name p{
  width: 6rem;
  font-size: .24rem;
  color: #e6e12c;
  line-height: .3rem;
  margin: 0 auto 0;
}
.missionlist .mission .mission-name .mission-box{
  width: 6rem;
  height: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /*overflow: hidden;*/
  margin: .15rem auto 0;
}
.missionlist .mission .mission-name .mission-box div{
  width: 1rem;
  height: 1.03rem;
  /*background: url(../images/user_bg.png) top center no-repeat;
  background-size: 100%;*/
  /*overflow: hidden;*/
  margin-right: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid .03rem #e6e12c;
  position: relative;
}
.missionlist .mission .mission-name .mission-box div img{
  display: block;
  width: 1rem;
  height: 1rem;
}

.missionlist .mission .mission-btn{
  display: block;
  width: 2.45rem;
  height: .62rem;
  text-align: center;
  line-height: .66rem;
  font-size: .2rem;
  position: absolute;
  right: .25rem;
  top: 1.1rem;
  z-index: 2;
}
.missionlist .mission .mission-btn.collected{
  background: url(../images/mission_btn_3.png) center center no-repeat;
  background-size: 100%;
  color: #8b8d92;
  cursor: initial;
}
.missionlist .mission .mission-btn.collect{
  background: url(../images/mission_btn_2.png) center center no-repeat;
  background-size: 100%;
  color: #f7f700;
}
.missionlist .mission .mission-btn.go{
  background: url(../images/mission_btn_1.png) center center no-repeat;
  background-size: 100%;
  color: #fff;
  cursor: initial;
}

.sign-up{
  display: block;
  width: 2.55rem;
  height: .6rem;
  background: url(../images/btn_signup.png) top center no-repeat;
  background-size: 100%;
  text-align: center;
  line-height: .59rem;
  font-size: .2rem;
  color: #e6e12c;
  margin: .3rem auto 0;
}
.rewards-box{
  width: 7.05rem;
  height: 10.66rem;
  overflow: hidden;
  position: relative;
  margin: 0 auto 0;
  background: url(../images/m/box_bg.png) top center no-repeat;
  background-size: 100%;
}
.left-box{
  width: 7.05rem;
  height: 4.86rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.right-box{
  width: 7.05rem;
  height: 5.9rem;
  overflow: hidden;
  position: absolute;
  top: 4.86rem;
  right: 0;
}
.left-box .prize-title{
  text-align: center;
  font-size: .24rem;
  color: #e6e12c;
  line-height: .34rem;
  margin-top: .5rem;
}
.left-box .prizebox{
  width: 2.28rem;
  height: 2.28rem;
  /*overflow: hidden;*/
  margin: .15rem auto 0;
  background: #171b25;
  position: relative;
}
.left-box .prizebox img{
  display: block;
  width: 100%;
  height: auto;
}
.left-box .btn-cliam{
  display: block;
  width: 4.51rem;
  height: .6rem;
  background: url(../images/btn_cliam.png) top center no-repeat;
  background-size: 100%;
  text-align: center;
  line-height: .6rem;
  font-size: .2rem;
  color: #e6e12c;
  margin: .15rem auto 0;
}
.left-box .tips{
  text-align: center;
  font-size: .2rem;
  color: rgba(255,255,255,0.5);
  line-height: .26rem;
  width: 4.6rem;
  margin: .15rem auto 0;
}

.right-box .rank-title{
  text-align: center;
  font-size: .24rem;
  color: #e6e12c;
  line-height: .34rem;
  margin-top: .15rem;
}
.right-box .ranklist{
  width: 6.03rem;
  height: 3.67rem;
  /*overflow: hidden;*/
  background: url(../images/m/rank_bg.png) top center no-repeat;
  background-size: 100%;
  margin: .15rem auto 0;
}
.right-box .ranklist li{
  width: 100%;
  height: 1.13rem;
  /*overflow: hidden;*/
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: .14rem;
}
.right-box .ranklist li span{
  display: block;
  width: 1.67rem;
  text-align: center;
  font-size: .24rem;
  color: #ffffff;
  font-style: italic;
}
.right-box .ranklist li:first-child span{
  color: #e6e12c;
}
.right-box .ranklist li .rankbox{
  width: auto;
  height: 100%;
  /*overflow: hidden;*/
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.right-box .ranklist li .rankbox div{
  width: .8rem;
  height: .83rem;
  /*overflow: hidden;*/
/*  background: url(../images/user_bg.png) top center no-repeat;
  background-size: 100%;*/
  margin-right: .15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid .03rem #e6e12c;
  position: relative;
}
.right-box .ranklist li .rankbox div img{
  display: block;
  width: .8rem;
  height: .8rem;
}
.right-box .tips{
  text-align: center;
  font-size: .2rem;
  color: rgba(255,255,255,0.5);
  line-height: .26rem;
  width: 6rem;
  margin: .15rem auto 0;
}
.right-box .tips a{
  color: rgba(230,225,44,0.5);
  text-decoration: underline;
}

.footer .logo{
  width: 7.5rem;
  height: 1.27rem;
  overflow: hidden;
  margin: .35rem auto;
}
.footer .logo a{
  display: inline-block;
  margin: 0 .2rem;
}
.footer .logo a img{
  display: block;
  width: auto;
  height: 100%;
}
.footer .logo .line1{
  width: 100%;
  height: .42rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .logo .line2{
  width: 100%;
  height: .41rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .4rem;
}
.footer .logo .logo1{
  width: auto;
  height: .4rem;
}
.footer .logo .logo2{
  width: auto;
  height: .4rem;
}
.footer .logo .logo3{
  width: auto;
  height: .38rem;
}
.footer .logo .logo4{
  width: auto;
  height: .38rem;
}
.footer .logo .logo5{
  width: auto;
  height: .38rem;
}
.footer .agreement{
  width: 95%;
  text-align: center;
  margin: .2rem auto;
  height: .3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .agreement.agreement-pc{
  display: none;
}
.footer .agreement a{
  color: #ffffff;
  font-size: .22rem;
  margin: 0 .2rem;
  line-height: .26rem;
}
.footer .allright{
  text-align: center;
  font-size: .2rem;
  line-height: .26rem;
  color: #b4b2b2;
}

.media-list{
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-list1{
  width: 5.4rem;
  height: .75rem;
  margin: .15rem auto 0;
  border-top: solid 1px #3b3d48;
  border-bottom: solid 1px #3b3d48;
}
.media-list2{
  width: 6rem;
  height: .9rem;
  margin: .65rem auto 0;
  border-top: solid 1px #252a36;
  border-bottom: solid 1px #252a36;
}
.media-list a{
  display: block;
  width: .5rem;
  height: .5rem; 
  margin: 0 .15rem;
}
.media-list2 a{
  width: .6rem;
  height: .6rem; 
  margin: 0 .18rem;
}
.media-list .link1{
  background: url(../images/link1.png) top center no-repeat;
  background-size: 100%;
}
.media-list .link2{
  background: url(../images/link2.png) top center no-repeat;
  background-size: 100%;
}
.media-list .link3{
  background: url(../images/link3.png) top center no-repeat;
  background-size: 100%;
}
.media-list .link4{
  background: url(../images/link4.png) top center no-repeat;
  background-size: 100%;
}
.media-list .link5{
  background: url(../images/link5.png) top center no-repeat;
  background-size: 100%;
}
.media-list .link6{
  background: url(../images/link6.png) top center no-repeat;
  background-size: 100%;
}
.media-list .link7{
  background: url(../images/link7.png) top center no-repeat;
  background-size: 100%;
}

.dialog{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0,0,0,.8);
  display: none;
}
.pop{
  width: 6.8rem;
  height: 3.71rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -webkit-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  background: url(../images/pop.png) top center no-repeat;
  background-size: 100%;
}
.pop .close{
  display: block;
  width: .96rem;
  height: .85rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/close.png) top center no-repeat;
  background-size: 100%;
}
.pop .poptitle{
  text-align: center;
  margin-top: .3rem;
  line-height: .4rem;
}
.pop .poptitle span{
  font-size: .36rem;
  color: #e6e12c;
  line-height: .4rem;
  position: relative;
  padding: 0 .2rem;
}
/*.pop .poptitle span:after{
  display: block;
  content: "";
  width: 100%;
  height: .44rem;
  background: url(../images/icon1.png) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -webkit-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
}*/
.pop101 .warns{
  font-size: .24rem;
  color: #ffffff;
  line-height: .34rem;
  text-align: center;
  margin-top: .95rem;
  padding: 0 .2rem;
}
.pop1 .rulebox{
  width: 5.5rem;
  height: 2.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: .2rem auto 0;
}
.pop1 .rulebox p{
  font-size: .18rem;
  color: #ffffff;
  line-height: .28rem;
  margin-bottom: .1rem;
}
.pop1 .rulebox p a{
  font-size: .18rem;
  color: #ffffff;
  line-height: .28rem;
  text-decoration: underline;
}
.pop1 .rulebox p.yellow{
  color: #e6e12c;
}
.pop3 .tips{
  width: 100%;
  box-sizing: border-box;
  padding: 0 .3rem;
  text-align: center;
  font-size: .24rem;
  color: #ffffff;
  line-height: .34rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pop3 .tips a{
  font-size: .24rem;
  color: #e6e12c;
  line-height: .34rem;
  text-decoration: underline;
}
.pop5 .center-content{
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pop5 .center-content .tips{
  width: 100%;
  box-sizing: border-box;
  padding: 0 .3rem;
  text-align: center;
  font-size: .22rem;
  color: #ffffff;
  line-height: .34rem;
}
.pop5 .center-content .link{
  width: 5.6rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: .06rem;
  margin: .12rem auto;
  border: solid .01rem #e6e12c;
}
.pop5 .center-content .link p{
  text-align: center;
  font-size: .22rem;
  color: #ffffff;
  line-height: .3rem;
  word-break: break-word;
}
.pop10{
  height: 5.08rem;
  background: url(../images/pop1.png) top center no-repeat;
  background-size: 100%;
}
.pop10 .poptitle span{
  font-size: .3rem;
}
.pop10 .limit-tips{
  width: 5.9rem;
  height: 2.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: .2rem auto 0;
  padding: 0 .1rem;
}
.pop10 .limit-tips p{
  font-size: .22rem;
  color: #ffffff;
  line-height: .3rem;
  margin-bottom: .2rem;
}
.pop10 .agree{
  width: 5.7rem;
  margin: .3rem auto 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.pop10 .agree input{
  display: block;
  width: .3rem;
  height: .3rem;
  background: none;
  outline: none;
  border: solid 1px #f7f700;
  margin-right: .1rem;
}
.pop10 .agree  a{
  font-size: .22rem;
  color: #ffffff;
  line-height: .3rem;
}
.pop12 .tips{
  width: 100%;
  box-sizing: border-box;
  padding: 0 .3rem;
  text-align: center;
  font-size: .22rem;
  color: #ffffff;
  line-height: .32rem;
  margin-top: .3rem;
}
.pop .btnlist{
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: .25rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop .btnlist .btn-cancel{
  display: block;
  width: 2.04rem;
  height: .48rem;
  background: url(../images/btn_cancel.png) top center no-repeat;
  background-size: contain;
  text-align: center;
  line-height: .48rem;
  font-size: .2rem;
  color: #fff;
  margin: 0 .14rem;
}
.pop .btnlist .btn-confirm{
  display: block;
  width: 2.04rem;
  height: .48rem;
  background: url(../images/btn_ok.png) top center no-repeat;
  background-size: contain;
  text-align: center;
  line-height: .48rem;
  font-size: .2rem;
  color: #e6e12c;
  margin: 0 .14rem;
}


.scrollbar::-webkit-scrollbar {
    width: .08rem;
    height: .2rem;
    background-color: rgba(0, 0, 0, 0);
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    border-radius: .2rem;
    background-color: rgba(0, 0, 0, 0);
    border: none;
}
.scrollbar::-webkit-scrollbar-thumb {
    height: .2rem;
    border-radius: .12rem;
    -webkit-box-shadow: none;
    background-color: #424a59;
    box-shadow: none;
}


.rewardsname{
  display: block;
  width: 2.2rem;
  height: auto;
  background: url(../images/tips.png) bottom center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  margin-left: -1.1rem;
  top: -.5rem;
  line-height: .34rem;
  text-align: center;
  font-size: .22rem;
  color: #fff;
  display: none;
  z-index: 9;
  padding: .1rem 0;
  box-sizing: border-box;
}
.prizebox .rewardsname{
  width: 3.6rem;
  margin-left: -1.8rem;
}

#pop17 .tips a{
  color: #f7f714;
}

.notes{
  text-align: center;
  font-size: .2rem;
  color: rgba(255,255,255,.5);
  margin: .05rem auto 0;
  line-height: .3rem;
  width: 6rem;
}

.language-box{
  width: 2.5rem;
  height: .48rem;
  position: absolute;
  top: 1rem;
  right: .2rem;
  z-index: 19;
  /*font-family: "Microsoft YaHei";*/
}
.language-drop{
  display: block;
  width: .55rem;
  height: .55rem;
  background: url(../images/lang_drop.png) top center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.language-box .select-language{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: .48rem;
  background: url(../images/language_bg.png) top center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: none;
}
.language-box.on .select-language{
  display: flex;
}
.language-box .select-language i{
  display: block;
  width: .25rem;
  height: .25rem;
  background: url(../images/lang_icon.png) top center no-repeat;
  background-size: 100%;
  margin: 0 .04rem;
}
.language-box .select-language span{
  font-size: .24rem;
  color: #000000;
  font-weight: bold;
}
.language-box .language-choose-list{
  width: 2.5rem;
  height: 0;
  overflow: hidden;
  background: rgba(10,12,15,.79);
  position: absolute;
  top: 0;
  left: .28rem;
  box-sizing: border-box; 
}
.language-box.on .language-choose-list{
  height: 6.08rem;
}
.language-box .language-choose-list ul{
  margin-top: .48rem;
}
.language-box .language-choose-list ul li{
  width: 100%;
  height: .4rem;
  text-align: center;
  line-height: .4rem;
  font-size: .2rem;
  color: #f5f5f5;
  cursor: pointer;
  box-sizing: border-box;
}
.language-box .language-choose-list ul li.on{
  color: #f7f700;
}


.lang-de .home a span{
  font-size: .19rem;
}
.lang-fr .home a span{
  font-size: .14rem;
}
.lang-es .home a span{
  font-size: .14rem;
}
.lang-es-lt .home a span{
  font-size: .14rem;
}
.lang-it .home a span{
  font-size: .15rem;
}
.lang-pt .home a span{
  font-size: .15rem;
}
.lang-ja .home a span{
  font-size: .16rem;
}
.lang-ru .home a span{
  font-size: .13rem;
}
.lang-tr .home a span{
  font-size: .14rem;
}
.lang-pk .home a span{
  font-size: .18rem;
}

.lang-es .language-box .select-language span{
  font-size: .16rem;
}
.lang-es-lt .language-box .select-language span{
  font-size: .14rem;
}
.lang-pt .language-box .select-language span{
  font-size: .2rem;
}