/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var,i {
  font-weight: normal;
  font-style: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
q:before, q:after {
  content: ''
}
fieldset, img, abbr, acronym {
  border: 0;
}
.c:before, .c:after {
  content: "";
  display: table;
}
.c:after {
  clear: both;
}
.c {
  zoom: 1;
}
:focus{
  outline: none;
}
*, *:after, *:before {
  box-sizing: content-box;
}
input:focus {
  outline: none;
}
body, html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  overflow-x: hidden;
}
body {
  font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
  overflow-x: hidden;
  background-color: #000;
  padding-top: 0 !important;
}
a {
  text-decoration: none;
  transition: .2s filter linear;
}
a:hover {
  filter: brightness(1.14);
}
.btn-zhih {
  filter: grayscale(1)!important;
}

body, #afooter, .ost_bn, .ost_box {
  width: 100%;
  overflow-x: hidden;
}
.container {
  width:7.56rem;
  position: relative;
}
.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.t {
  text-indent: -9999em;
  font-size: 0;
  display: block;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.flex{display:flex;display:-webkit-flex;}
.flex-1{flex:1;-webkit-flex:1;}
.flex-center{justify-content:center;-webkit-justify-content:center;}
.flex-middle{align-items:center;}
.flex-between{justify-content:space-between;-webkit-justify-content:space-between;}
.flex-cm{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;}
.t-c{text-align:center;}
.bg,.pop{background-size:100% auto;background-position:top center;background-repeat:no-repeat;}
input[type=tel]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance:textfield;
}
.full-img img,
.full-img {
  display:block;
}
.full-img img{
  width:100%;
  height: auto;
}
.filter{
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%)
}
input{border:none;background-color: none;}

/* footer */
#afooter {
  text-align: center;
  line-height: 20px;
  color: #6a6a6a;
  background-color: #0e0e0e;
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#afooter a {
  color: #6a6a6a;
}
@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translateY(20px)
  }
  100% {
      opacity: 1;
      transform: translateY(0)
  }
}
@-webkit-keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translateY(20px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0)
  }
}
@keyframes sloganAni {
  0% {
      transform: scale(1.8);
      opacity: 0;
  }
  60% {
      transform: scale(1);
      opacity: 1;
  }
  65% {
      transform: translate(-4px, -4px);
  }
  70% {
      transform: translate(0, 0);
  }
  75% {
      transform: translate(4px, 4px);
  }
  80% {
      transform: translate(0, 0);
  }
  85% {
      transform: translate(-4px, 4px);
  }
  90% {
      transform: translate(0, 0);
  }
  95% {
      transform: translate(4px, -4px);
  }
  100% {
      transform: translate(0, 0);
      opacity: 1;
  }
}
@keyframes -webkit-sloganAni {
  0% {
      -webkit-transform: scale(1.8);
      opacity: 0;
  }
  60% {
      -webkit-transform: scale(1);
      opacity: 1;
  }
  65% {
      -webkit-transform: translate(-4px, -4px);
  }
  70% {
      -webkit-transform: translate(0, 0);
  }
  75% {
      -webkit-transform: translate(4px, 4px);
  }
  80% {
      -webkit-transform: translate(0, 0);
  }
  85% {
      -webkit-transform: translate(-4px, 4px);
  }
  90% {
      -webkit-transform: translate(0, 0);
  }
  95% {
      -webkit-transform: translate(4px, -4px);
  }
  100% {
      -webkit-transform: translate(0, 0);
      opacity: 1;
  }
}

@font-face {
  font-family: "font1";
  src: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/font/font.TTF") format('opentype');
  font-display: swap;
}
/* footer */
.footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  text-align: center;
  transition: transform 0.2s ease;
  transform: translateY(100%);
  z-index: 9;
}
.footer-text p{color: #fff;text-align: start;}

/** top **/
.top_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.1rem;
  z-index: 99;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.icon_logo {
  width: auto;
  height:1.1rem;
  position: absolute;
  left: .2rem;
  top: .17rem;
}
.icon_logo img {
  width: auto;
  height:1.1rem;
}
.fixed-box{z-index: 9;position: absolute;}
.btn-old{width: 1.1rem;height:1.42rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-old.png");position: fixed;right: .56rem;bottom:1.32rem;}
.btn-old-page0{left:.38rem;}
.btn-version{width: .95rem;height:.4rem;position: fixed;right: .64rem;bottom:.6rem;}
.btn-version.version-open{background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-version.png");}
.btn-version.version-close{background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-version-unfold.png");}
.btn-orderLottery{width: 2.55rem;height:3.13rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-orderLottery.png");position: fixed;right: .1rem;bottom:1.4rem;display: none;}
@media screen and (max-width:1500px) {
  .btn-version.version-close{top: 0.1rem;}
}
/* .download{width: .57rem;height: .71rem;top:40%;right: 0; background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/nav-download.png");position: fixed;transition:all 0.5s ease;}
.download>a{position: absolute;}
.download .btn-download-fold{width: .57rem;height: .71rem;right: 1.75rem;top: .96rem;}
.download .btn-download-iOS{width: 1.5rem;height: .48rem;right: .09rem;bottom: .9rem;}
.download .btn-download-Android{width: 1.5rem;height: .48rem;right: .09rem;bottom: .32rem;}

.download.unfold{width: 2.28rem;height:3.51rem;top:24%;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/nav-download-open.png");}
.download.unfold.page0{top:20%;}
.download>a{display: none;}
.download.unfold>a{display: block;} */

.nav-box {width: auto;height:.52rem;margin: 0 auto;box-sizing: border-box;}
.nav_list {height:.52rem;display: flex;flex-direction: row;align-items: center;background-color:#00000026;border-radius: .26rem;padding: 0 .2rem;}
.nav_item{min-width: 1.56rem;text-align: center;flex-direction: column;justify-content: center;}
.nav_cname {line-height: .2rem;display: block;font-size: 0.2rem;color: #fff;position: relative;font-weight: bold;border-right: 0.01rem solid #ffffff61;z-index: 1;}
.nav_list .nav_item.swiper-pagination-bullet:nth-last-child(1) .nav_cname{border:none}
.nav_item.swiper-pagination-bullet:hover .nav_cname,
.swiper-pagination-bullet-active .nav_cname {color: #d56d00;}
.nav_item.swiper-pagination-bullet:hover .nav_cname:after,
.swiper-pagination-bullet-active .nav_cname:after {
  content: "";
  position: absolute;
  width: 100%;
  height: .52rem;
  z-index: -1;
  left: 0;
  bottom: -0.16rem;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/top-nav.png") no-repeat center;
  background-size: 100% auto;
}
.nav_item.swiper-pagination-bullet{
  display: flex;
  height: .52rem;
  position: relative;
  opacity: 1;
  border-radius: 0;
  background-color: transparent;
}
.nav_item.swiper-pagination-bullet:first-child:after {display: none;}
.login_wrap {text-align: center;font-size: 0.2rem;color: #ffffffb3;position: absolute;right: .4rem;top: 50%;transform: translateY(-50%);}
.login_wrap a {color:#ffffffb3;text-decoration: none;transition: inherit;}
.login_wrap a:hover {filter: brightness(1);color: #fff;}
.login_wrap .blue{color:#242f67}
.login_wrap {font-size: .16rem;line-height: .24rem;}
.login_ed .user-icon {width: .3rem;height: .3rem;display: inline-block;vertical-align: middle;margin-right:.04rem;margin-top: .03rem;border-radius: 50%;}
.login_ed .user-icon img {width: 100%;height: auto;display: block;}
.login_wrap .user-name {max-width: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;}

/** page **/
.spr {background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/spr.png") no-repeat;background-size: 15rem auto;display: block;}
.slogan {-webkit-animation: sloganAni 1s 0s linear both;animation: sloganAni 1s 0s linear both;width:7.44rem;height:3.5rem;position: absolute;left: 50%;margin-left: -4.06rem;bottom: 1.7rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/slg.png") no-repeat center;background-size: 100% auto;}
@keyframes breathing {
  0% { opacity:1; transform:scale(1); }
  50% { opacity:0.65; transform:scale(0.95); }
  100% { opacity:1; transform:scale(1); }
}
.btn-movie {
  position: absolute;
  top: 0.7rem;
  left: 4.04rem;
  z-index: 2;
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-movie.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1rem 1rem;
  margin-left: -0.66rem;
  animation: breathing 2s linear infinite;
}
.pop-video {
width: 9.56rem;
height: 5.46rem;
background: #000;
box-sizing: border-box;
}
.pop-width{
  width: 9.44rem;
  height: 5.08rem;
  margin: 0.38rem auto 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.pop-video .video {
width:100%;
height: 100%;
}
.wrapper {
  position: relative;
  height: 100%;
}
.global-swiper-container {
  position: relative;
  height: 100%;
}

.page {
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.page0 {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/bg0.jpg");
}
.page1 {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/bg1.jpg");
}
.page2 {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/bg2.jpg");
}
.page3 {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/bg3.jpg");
}
.page4 {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/bg4.jpg");
}
.page5 {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/bg5.jpg");
}

.page_cont {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
  color: #fff;
  box-sizing: border-box;
  padding-top: .8rem;
  font-size: .18rem;
  line-height: .24rem;
}
.area-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .3);
  display: -moz-box;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: start;
  align-items: flex-start;
  overflow: hidden;
}
.scroll-down {
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/arrow1.png");
  background-size:  1.22rem auto;
  width: 1.22rem;
  height: .23rem;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -0.2rem;
  bottom: 0rem;
  display: none;
}
/* .scroll-down p{display:block ;}
@media screen and (min-width:1500px) {
  .scroll-down p{display: none;}
} */
.scroll-down>p{position: absolute;top: -0.46rem;left: 0.22rem;font-size: .2rem;color: #fff;display: none;}
.scroll-down .arrow-box {
  width: 1.22rem;
  height: .23rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.scroll-down .arrow-box img {
  width: 1.22rem;
  position: absolute;
  animation: bounce 1s ease-in-out infinite alternate;
}
@keyframes bounce {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-30%);
  }
}
@keyframes bounce2 {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-2%);
  }
}
@keyframes bounce3 {
  0% {
      transform: rotate(-90deg) translateY(0);
  }
  100% {
      transform: rotate(-90deg) translateY(-30%);
  }
}
.main-area-box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-box {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  overflow: hidden;
}
.video-box video {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center center;
}
.page .page_cont {
  width: 15rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.page0 .page_cont {
  width: 100%;
  height:5.93rem;
  left: 0;
  top: 50%;
  margin-top:-2.25rem;
}
.main-area-box .btns-box {
  font-size: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -.4rem;
}
.main-area-box .btns-box a {
  display: inline-block;
  vertical-align: top;
  margin: 0 .17rem;
}
.btn-comm {
  line-height: .72rem;
  text-align: center;
  /*font-size: .26rem;*/
  color: #ffebc7;
  margin: 0 0.25rem;
  text-indent: -9999em;
  font-size: 0;
  display: block;
}
.qianw-btn {
  width: 1.09rem;
  height: .36rem;
  background-position: -2.69rem 0;
  position: absolute;
  right: .76rem;
  top: .2rem;
}
.btn-order {
 width: 3.5rem;
 height: .92rem;
 background-position: 0 0;
 position: absolute;
 bottom: 1rem;
 left: 50%;
 margin-left: -2rem;
 transform: translateX(-50%);
 z-index: 2;
}

.rule-btn {
  background-position: 0 -2.33rem;
}
.gift-btn {
  background-position: 0 -3.11rem;
}
.tit-box,
.tit {
  width: 6.84rem;
  height: 1.28rem;
  position: relative;
}
.tit-box {
  height: 1.28rem;
}
.page1 .tit {
  width: 5.65rem;
  height:1.12rem;
  background-position: 0 -18.88rem;
  left: 0.4rem;
  top: -0.1rem;
}
.page2 .tit {
  width: 5.65rem;
  height:1.12rem;
  background-position: 0 -17.76rem;
  left: 0.4rem;
  top: -0.1rem;
}
.page3 .tit {

}
.page4 .tit {
  width: 3.83rem;
  height:5.91rem;
  background-position: -11.18rem -14.09rem;
  z-index: -2;
}
.page5 .tit {
  background-position: -5.16rem -5.32rem;;
}
.page3 .page_cont {
  /* width: 100%; */
}
.page0 .page_cont {
 align-items: center;
 -webkit-align-items: center;
}

.tips-comm,
.page5 .tips {
  font-size: .18rem;
  line-height: .24rem;
  color: #ffea9f;
  margin-top: .1rem;
  font-family: tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}
.luck .yqhy-box {
 width: 100%;
  margin: 0 auto;
}
.luck .g-tips {
  width: 100%;
  margin-top: .1rem;
  color: #fff6e6;
  font-size: .2rem;
}

.luck .luck-wrap {
  width: 100%;
  position: relative;
}
.luck .luck-left {
  width: 4.77rem;
  height: 4.68rem;
  margin-top: 0.42rem;
  margin-left: 0.62rem;
}

.luck-right {
  width: 7.8rem;
  height: 5rem;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin-right: 0.53rem;
  margin-top: .24rem;
}
.luck-right .r-tit {
  font-size: .26rem;
  line-height: .9rem;
  top: .06rem;
  left: .24rem;
  color: #a88b53;
}
.luck-right .l-guanz-btn {
  width: 1.86rem;
  height: .58rem;
  background-position: 0 -3.88rem;
  position: absolute;
  top: .24rem;
  right: .5rem;
}
.luck-right .l-guanz-btn.btn-zhih {
  background-position: -2.01rem -3.89rem;
}
.luck-right .task-list {
  height: 4.26rem;
  overflow-y: auto;
  font-size: .22rem;
  line-height: .77rem;
  color: #a88b53;
  box-sizing: border-box;
}
.luck-right .task-list>li{width: 100%;height:.8rem;margin-bottom: 0.05rem;display: flex;flex-direction: row;justify-content: start;align-items: center;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-task-item.png") no-repeat;background-size: 100% auto;}
.luck-right .task-list>li>i{margin-left: .35rem;margin-right: .2rem;}
.luck-right .task-list>li>p{font-size:.24rem;color: #47586e;font-weight: bold;}
.luck-right .task-list>li>p .num{margin-left: .2rem;}
.luck-right .task-list>li:nth-child(1)>i{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/num-1.png") no-repeat;background-size: 100% auto;width: .57rem;height: .51rem;}
.luck-right .task-list>li:nth-child(2)>i{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/num-2.png") no-repeat;background-size: 100% auto;width: .57rem;height: .51rem;}
.luck-right .task-list>li:nth-child(3)>i{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/num-3.png") no-repeat;background-size: 100% auto;width: .57rem;height: .51rem;}
.luck-right .task-list>li:nth-child(4)>i{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/num-4.png") no-repeat;background-size: 100% auto;width: .57rem;height: .51rem;}
.luck-right .task-list>li:nth-child(5)>i{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/num-5.png") no-repeat;background-size: 100% auto;width: .57rem;height: .51rem;}
.luck-right .task-list>li>.btn-go{width:1.44rem;height:.56rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/luck-btnGo.png");margin-right: 0.08rem;margin-left: auto;}
.luck-right .task-list>li>.btn-go.gray{background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/luck-btnGo-gray.png");}
.luck-right .task-list>li>.btn-share{width:1.44rem;height:.56rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/luck-btnShare.png");margin-right: 0.08rem;margin-left: auto;}
.luck-right .task-list>li>.btn-share.gray{background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/luck-btnShare-gray.png");}
.luck-right .task-list>li>.btn-invite{width:1.44rem;height:.56rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/luck-btnInvite.png");margin-right: 0.08rem;margin-left: auto;}
.luck-right .task-list>li>.btn-invite.gray{background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/luck-btnInvite-gray.png");}

/* new */
.home .gift-list{width: 5.22rem;height: 1.55rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p0-prize-item.png");position: absolute;bottom:-0.7rem;margin-left: -0.56rem;}
.home .gift-list>ul{display: flex;flex-direction: row;justify-content: space-between;width: 4.14rem;margin-left: .84rem;margin-top: .22rem;}
.home .gift-list>ul>li{width: 1.28rem;height:1.1rem;background-size: 100% auto;}
.home .gift-list>ul>li.new::after{position: absolute;content: "";top: 0;left: 1.62rem; width: .64rem;height:.64rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p0-tag.png");background-size: 100% auto;}
.home .gift-list ul li>img{width: 1.28rem;height:1.1rem;}
.home .gift-list ul li:nth-child(1){background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p0-prize1-bg1.png");}
.home .gift-list ul li:nth-child(2){background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p0-prize2-bg2.png");}
.home .gift-list ul li:nth-child(3){background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p0-prize3-bg3.png");}
.home .gift-list ul li>p{font-size: .16rem;color: #fff; text-align: center;font-weight: bold; text-shadow:  0.02rem 0 0 #000,  -0.02rem 0 0 #000, 0 0.02rem 0 #000, 0 -0.02rem 0 #000;position: absolute;bottom: 0.24rem;width: 1.28rem;}


.luck .luck-wrap{width: 14.29rem;height: 5.93rem; background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-ct.png");background-position: center;}
.luck .luck-img{position: absolute;width: 3.14rem;height:3.14rem; background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-ct-after2.png");background-size: 100% auto;pointer-events: none;z-index: 9;right: 0.48rem;bottom: 0.5rem;}
.luck-txt{color: #803d23;font-size: .16rem; font-weight: bold;left: 2.6rem;top: 3.1rem;}
.luckContent {
  width: 100%;
}
.luckContent .swiper-container {
  height:5rem;
  width: 100%;
  position: relative;
}
.luckContent .swiper-wrapper {
  width: 5.72rem;
  transition: 0.1s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.1s;
}
.luckContent .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.luckContent .swiper-slide-content {
  position: absolute;
  text-align: center;
  right: 50%;
  top: 13%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
}
.luckContent .swiper-slide .luckContent-year {
  display: block;
  font-style: italic;
  font-size: 42px;
  margin-bottom: 50px;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  color: #d4a024;
  font-weight: 300;
  opacity: 0;
  transition: .2s ease .4s;
}
.luckContent .swiper-slide .luckContent-title {
  font-size: .32rem;
  line-height: .66rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow:  0.02rem 0 0 #3c56a9,  -0.02rem 0 0 #3c56a9, 0 0.02rem 0 #3c56a9, 0 -0.02rem 0 #3c56a9;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  transition: .2s ease .5s;
  margin-bottom: 0.1rem;
}
.luckContent .swiper-slide .luckContent-text {
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .6s;
}
.luckContent .swiper-slide-active .luckContent-year {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.6s;
}
.luckContent .swiper-slide-active .luckContent-title {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.7s;
}
.luckContent .swiper-slide-active .luckContent-text {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.8s;
}
.luckContent .swiper-pagination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  right: 0.21rem;
  top: 0.3rem;
}
.luckContent .swiper-pagination::before {
  /* content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px; */
}
.luckContent .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #fff;
  font-size: .22rem;
  font-weight: bold;
  position: relative;
  width: 1.38rem;
  height: .52rem;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-luvkNav.png") no-repeat center;
  background-size:contain;
  border-radius: 0;
  line-height: .44rem;
}
.luckContent .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  /* top: 8px;
  left: -32.5px; */
  /* width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #d4a024; */
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: .2s;
}
.luckContent .swiper-pagination-bullet-active {
  color: #d56d00;
  width: 1.38rem;
  height: .52rem;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/btn-luvkNav-ac.png") no-repeat center;
  background-size:contain;
}
.luckContent .swiper-pagination-bullet-active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.luckContent .swiper-button-next,
.luckContent .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: .2s;
}
.luckContent .swiper-button-prev {
  left: 8%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
.luckContent .swiper-button-prev:hover {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.luckContent .swiper-button-next {
  right: 8%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
}
.luckContent .swiper-button-next:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.04rem;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
@media screen and (min-width: 750px) {

  .luckContent .swiper-slide-content {
    right: 30%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: right;
  }
  .luckContent .swiper-slide .luckContent-year {
    margin-bottom: 0;
    font-size: 32px;
  }


  .luckContent .swiper-button-prev {
    top: 15%;
    left: auto;
    right: 15%;
    -webkit-transform: rotate(90deg) translate(0, 10px);
            transform: rotate(90deg) translate(0, 10px);
  }
  .luckContent .swiper-button-prev:hover {
    -webkit-transform: rotate(90deg) translate(-3px, 10px);
            transform: rotate(90deg) translate(-3px, 10px);
  }
  .luckContent .swiper-button-next {
    top: auto;
    bottom: 15%;
    right: 15%;
    -webkit-transform: rotate(90deg) translate(0, 10px);
            transform: rotate(90deg) translate(0, 10px);
  }
  .luckContent .swiper-button-next:hover {
    -webkit-transform: rotate(90deg) translate(3px, 10px);
            transform: rotate(90deg) translate(3px, 10px);
  }
}
@media screen and (min-width: 1024px) {

  .luckContent .swiper-slide-content {
    right: 25%;
  }
}

/* 抽奖 */
.luck .imgBg{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-bg.png") no-repeat;background-size: 100% auto;width: 5.69rem;height: 4.21rem;padding-top: 0.2rem;}
.rule-list{height: 4.21rem;overflow-y: auto;}
.rule-list p{text-align: start;padding:0 .2rem;}
.rule-list>p>.num{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/num-bg.png") no-repeat;background-size: 100% auto;width: .28rem;height: .31rem;font-size: .2rem;color: #fff;font-weight: bold;position: absolute;text-align: center;}
.rule-list>p>span,.luck .address>ul>li>p{padding-left: 0.34rem;font-size: .18rem;color: #47586e;text-align: start;line-height: .3rem;}
.rule-list>p .blue{color: #5b46c8;}
.luck .titleBg{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-titleMain.png") no-repeat;background-size: 100% auto;width: 5.19rem;height: .41rem;}
.luck .title{height: .41rem; display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;margin: 0 auto;}
.luck .title>h2{line-height: .41rem;height: .41rem;text-align: center; font-size: .2rem;color: #47586e;font-weight: bold;}
.luck .record-list>ul,.luck .address>ul{width: 4.48rem;margin: 0 auto;height: 3.3rem;overflow-y: auto;overflow-x: hidden;padding: 0.1rem 0;padding-right: 0.5rem;margin-left: 0.4rem;}
.luck .record-list>ul>li,.luck .address>ul>li{width: 4.78rem;height: .5rem;line-height: .5rem;font-size: .2rem;color: #47586e; display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;border-bottom: 0.02rem dotted #b2b2b2;}
ul::-webkit-scrollbar {width: 0.06rem;height: 0.06rem;background-color: #1213174d;border-radius: 0.06rem;}
ul::-webkit-scrollbar-thumb {background-clip: padding-box;background-color: #6fa8e8;border-radius: 0.06rem;}
.prize-form>ul{width: 4.7rem;height: 2.14rem;display: flex;flex-direction: column;justify-content: space-between;align-items: center;margin: .12rem auto 0;}
.prize-form>ul>li{width: 4.7rem;height: .62rem;}
.prize-form>ul>li>label{font-size: .2rem;font-weight: bold;color: #47586e;line-height: .62rem;}
.prize-form>ul>li>input{width: 3.5rem;height: .62rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-prizeIpt.png") no-repeat;background-size: 100% auto;font-size: .2rem;font-weight: bold;color: #47586e;line-height: .62rem;padding: 0 0.1rem;}
.prize-form .tips{font-size: .16rem; color: #a0a7b0;margin: 0.2rem auto 0;text-align: center;padding-left: 0.4rem;}
.prize-form .btn-submit{width: 2.64rem;height: .75rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-btn-submit.png");margin: 0.2rem auto 0;}
.luck .address>ul>li{justify-content: start;}
.luck .address>ul>li>p{font-weight: bold;}

/* 邀请 */
.invite .invite-box{width: 12.8rem;height:5.68rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p2-ct.png");background-position: center;}
.invite .btn-rule{font-size: .2rem;font-weight: bold;color: #cdac95;border-bottom: 0.02rem solid #cdac95;position: absolute;left: 7.5rem;top: 0.76rem;}
.invite .prize-list{margin-top: 1.38rem;margin-left: .76rem;}
.invite .prize-list ul{width: 7.38rem;height: 1.07rem;overflow-y: hidden; overflow-x: auto;display: flex;flex-direction: row;justify-content:start;}
.invite .prize-list>ul>li{width: 1.07rem;height: 1.07rem;margin-right: 0.1rem;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;position: relative;}
.invite .prize-list>ul>li:nth-last-child(1){margin-right: 0;}
.invite .prize-list>ul>li>img{width: 1.07rem;height: 1.07rem;}
.invite .prize-list>ul>li>p{position: absolute;bottom: 0.06rem; font-size: .24rem;font-weight: bold;text-shadow:  0.02rem 0 0 #000,  -0.02rem 0 0 #000, 0 0.02rem 0 #000, 0 -0.02rem 0 #000;}
.invite .prize-list>ul>li.ac::after{position: absolute;content: ""; top: 0;left: 0;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p2-prize-ac.png") no-repeat;background-size: 100% auto;width: 100%;height: 100%;border-radius: .18rem;}
.invite .invite-schedule{width:5.63rem;height:.49rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p2-schedule.png") no-repeat;background-size: 100% auto;position: relative;margin-left: 1.42rem;margin-top: 0.2rem;}
.invite .invite-schedule::after{width:100%;height:100%;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p2-schedule-after.png") no-repeat;background-size: 100% auto;position: absolute;content: "";top: 0;left: 0;}
.invite .schedule{height:.49rem;background:  url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p2-schedule-ac.png") no-repeat center left;max-width: 100%;background-size: 5.63rem auto;position: absolute;top: 0;left: 0;pointer-events: none;}
.invite .invite-schedule .num{width: 6.6rem; position: absolute;bottom: 0;display: flex;flex-direction: row;justify-content: space-between;left: -0.5rem;bottom: -0.5rem;}
.invite .invite-schedule .num>p{font-size: .28rem;font-weight: bold;color: #855e51;}
.invite .btn-invite{width:3.43rem;height:1.01rem;background-position: 0 -4.94rem;margin-left: 2.48rem;margin-top: 0.8rem;position: relative;}
.invite .btn-invite>p{font-size: .16rem;color: #7b5a4f;text-align: center;bottom: 0.14rem;position: absolute;width: 100%;font-weight: bold;}
.invite .btn-invite>p>span{color: #ff6e27;}
.invite .invite-img{width:8.22rem;height:6.77rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p2-img.png") no-repeat;background-size: 100% auto;position: absolute;right: -1.26rem; }

/*集结部落*/
.team-box{background:url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page3-bg.png") no-repeat;width: 12.37rem;height: 6.88rem;background-size: 100% auto;margin-left: 2.16rem;position: relative;}
.team-box .tit{width: 1.95rem;height: 5.6rem;background-position: 0 -11.81rem;}
.team-box .tit-box{width: 1.95rem;height: 5.6rem;position: absolute;top: -0.32rem;left: -2.16rem;}
.team-box .decoration-icon01{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page3-decoration01.png") no-repeat;pointer-events: none; width: 3.63rem;height: 4.95rem;background-size: 100% auto;position: absolute;bottom: -0.9rem;left: -2.7rem;}
.decoration-icon02{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page3-decoration02.png") no-repeat;pointer-events: none; width: 0.43rem;height: 0.4rem;background-size: 100% auto;position: absolute;top: -0.3rem;right: 0.1rem;}
.decoration-icon03{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page3-decoration03.png") no-repeat;pointer-events: none; width: 1.57rem;height: 1.52rem; background-size: 100% auto;position: absolute;bottom: -0.2rem;right: -0.9rem;}
.team-box .currently-texe{font-size: 0.38rem;line-height: .4rem;color: #855e51;width: 7.22rem;margin-left: 0.6rem;text-align: center; padding-top:0.6rem;font-weight: bold;}
.team-box .dj-list{width: 7.06rem;display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;margin-left: 0.6rem;margin-top: 0.4rem; }
.team-box .dj-list .ti01{width: 1.62rem;height: 0.32rem;background-position: 0 -6.15rem;font-size: 0.2rem;color: #000100;font-weight: bold;text-align: center;line-height: 0.3rem;}
.team-box .dj-list .dj{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page3-djbg.png") no-repeat;width: 1.25rem;height: 1.25rem;background-size: 100% auto;margin: 0.1rem auto;}
.team-box .dj-list img{width: 100%;height: 100%;}
.team-box .dj-list p{font-size: 0.22rem;color: #855e51;text-align: center;font-weight: bold;}
.team-box .dj-list li{display: inline-block;position: relative;width:2.04rem;height:3.4rem;display: flex;flex-direction: column;align-content: center;align-items: center;justify-content: flex-start;}
.team-box .dj-list li:nth-of-type(1) .ti01{background-position: -13.38rem -10.6rem;}
.team-box .dj-list li:nth-of-type(2) .ti01{background-position: -13.38rem -11rem;}
.team-box .dj-list li:nth-of-type(3) .ti01{background-position: -13.38rem -11.41rem;}
.team-box .dj-list .open-btn{width: 1.91rem;height: 0.55rem;background-position: 0 -6.63rem;margin-top: 0.2rem;}
.team-box .dj-list .open-btn.gray{background-position: -1.91rem -6.63rem;}
.team-box .dj-list .open1-btn{width: 2.59rem;height: 0.74rem;background-position: 0 -7.36rem;margin-top: 0.1rem;}
.team-box .dj-list .open1-btn.gray{background-position: -2.6rem -7.36rem;}
.team-box .rigrht-box{position: absolute;width:3.28rem;top: 2.18rem;right: 0.31rem; }
.team-box .create-btn{width: 2.64rem;height: 0.8rem;background-position: 0 -8.34rem;margin: 0.4rem auto 0.3rem;}
.team .join-btn{width: 2.64rem;height: 0.8rem;background-position: 0 -9.37rem;margin: 0 0 0 1.3rem;}
.team .copy-btn{width: 2.64rem;height: 0.8rem;background-position: 0 -10.4rem;margin: -0.8rem 0 0 4.4rem;}
.team .page3rule-btn{width: 1.49rem;height: 0.42rem;background-position: 0 -11.3rem;margin: 0 auto 0.24rem;}
.team .rigrht-box p{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page03-textbg.png") no-repeat;width: 3.28rem;height: 0.49rem;background-size: 100% auto;font-size: 0.22rem;color: #ffffff;line-height: 0.49rem;box-sizing: border-box;padding-left: 0.15rem;}
.txt-team{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/page03-textbg2.png") no-repeat;width: 4.68rem;height: 0.49rem;background-size: 100% auto;font-size: 0.22rem;color: #ffffff;line-height: 0.49rem;box-sizing: border-box;padding-left: 0.2rem;}
.txt-team span{font-size: 0.22rem;margin-left: 0.6rem;color: #7b5a4f;}
.team .rigrht-box p span{font-size: 0.22rem;margin-left: 0.3rem;color: #7b5a4f;}
.team .rigrht-box li{margin-bottom: 0.53rem;}



/* 玩法介绍 */
.introduce .outer-swiper>.swiper-wrapper{height: 7.8rem;width: 9.3rem;margin-top:.54rem;z-index: 2;display: flex;flex-direction: column;flex-direction: row;}
.introduce .top-wrap{width: 9.3rem;height: 5.3rem;position: relative;}
.introduce .tit-box{position: absolute;right: -2.4rem;top: 1.38rem;}
.introduce .outer-swiper-pagination.swiper-pagination{width: 3.5rem;height: .4rem;position: relative;display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;position: absolute;top: 0;left: 0;}
.introduce .nav-list .line{height: .12rem; border-right: 0.02rem dotted #fff;display: none;}
.introduce .nav-list .line:nth-child(2){display: block;}
.introduce .outer-swiper-pagination .swiper-pagination-bullet {width:1.35rem;height: .4rem;text-align: center;font-size: .2rem;color: #ffff;font-weight: bold;line-height: .4rem;margin: 0;border-radius: 0;opacity: 1;background: none;cursor: pointer;}
.introduce .outer-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{min-width:1.35rem;height: .4rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-tab-ac.png") no-repeat center;background-size: contain;}
.introduce .bg-box{width: 8.7rem;height: 4.2rem;background-color: #fff;border-radius: .4rem;position: absolute;top: 0.72rem;padding: 0.3rem;padding-top: 0.6rem;z-index: 1;}
.introduce .inner-swiper>.swiper-wrapper{width: 100%;height:7.2rem;}
.introduce .top-wrap .nav-list2{width: 8.34rem;overflow: hidden;margin: 0 auto 0;position: absolute;top: 0.32rem;position: absolute;top: 0.32rem;left: 50%;transform: translateX(-50%);}
.introduce .top-wrap .nav-list2>ul{width: 8.36rem;height: .4rem;display: flex;flex-direction: row;justify-content:center;margin-left: 0rem;}
.introduce .top-wrap .nav-list2>ul.transform{transform: translateX(-8.4rem);}
.introduce .top-wrap .inner-pagination .swiper-pagination-bullet{min-width:1.68rem;height: .4rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-tab2-bg.png") no-repeat;background-size: 100% auto;text-align: center;z-index:0;position: relative;border-radius: 0;opacity: 1;}
.introduce .top-wrap .inner-pagination .swiper-pagination-bullet:nth-last-child(1){background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-tab2-bg2.png") no-repeat;background-size: 100% auto;}
.introduce .top-wrap .inner-pagination .swiper-pagination-bullet:nth-child(1){background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-tab2-bg3.png") no-repeat;background-size: 100% auto;}
.introduce .top-wrap .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%; background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-tab2-ac.png") no-repeat;background-size: 100% auto;z-index: 1;}
.introduce .top-wrap .inner-pagination .swiper-pagination-bullet>a{font-size: .18rem;color: #333333;font-weight: bold;line-height: .4rem;z-index: 2;position: relative;}
.introduce .top-wrap .inner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active>a{color: #9c3a21;text-align: center;}
.introduce .introduce-img{width:8.88rem;height:7.23rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-img.png") no-repeat;background-size: 100% auto;position: absolute;right: -2.1rem;z-index: 0;}
.introduce .top-wrap .nav-list2>ul::-webkit-scrollbar{display: none;}
.introduce .btn-left{width:.24rem;height: .3rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-left.png") no-repeat;background-size: 100% auto;left:.17rem;opacity: 1;}
.introduce .btn-right{width:.24rem;height: .3rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-right.png") no-repeat;background-size: 100% auto;right:.17rem;opacity: 1;}
.introduce .inner-pagination.btn-left,.inner-pagination.btn-right{position: absolute;top: 0.38rem;margin: 0;}
.introduce .video-detail{height: 4.27rem;margin: 0.18rem auto 0;overflow: hidden;position: relative;padding: 0.18rem;padding-top: 0.7rem;}
.introduce .video-detail>.video,video,.introduce .video-detail>img{width:100%;height:100%;border-radius: .4rem;z-index: 9;}
.introduce .video-detail>.video.play{background: none !important;pointer-events: none !important;}
.introduce .video-detail>img{position: absolute;width: 8.94rem;height: 4.26rem;top: 0.7rem;left: 0.18rem;overflow: hidden;z-index: 0;}
.introduce .video-content video{width:2.12rem;height:1.06rem;border-radius: .2rem;object-fit: cover;}
.introduce .btn-play{width:1.21rem;height:1.21rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p3-video.png") no-repeat;background-size: 100% auto;position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%);}
.introduce .btn-play.play{z-index: 9;}
.introduce .video-list{width: 9.3rem;height:1.7rem;background-color: #fff;border-radius: .4rem;position: absolute;bottom: 0; overflow: hidden;}
.introduce-swiper{width: 9.3rem;height: 6.2rem;margin-left: 0.4rem;position: relative;z-index: 1;}
.introduce .video-content{width: 8.96rem;height:1.36rem;padding: 0.18rem 0.18rem 0 0.18rem;}
.introduce .video-content>ul{width: 9.1rem;height:1.36rem;display: flex;flex-direction: row;justify-content:start;margin: 0rem auto 0;overflow-x: auto;overflow-y: hidden;z-index: 2;position: absolute;padding-bottom: 0.06rem;box-sizing: content-box !important;}
/* .introduce .video-content>ul::-webkit-scrollbar{display: none;} */
.introduce .video-content>ul::-webkit-scrollbar-thumb {background-color: #fed946;}
.introduce .video-content>ul>li{min-width:2.12rem;height:1.36rem;position: relative;margin-right: .16rem;}
.introduce .video-content>ul>li:nth-last-child(1){margin-right: 0;}
.introduce .video-content>ul>li>a{width:2.12rem;height: 100%;position: absolute;}
.introduce .video-content>ul>li>a>p{position: absolute;font-size: .16rem;color: #333333;font-weight: bold;text-align: center;width: 100%;bottom: 0;}
.introduce .video-content .btn-play{width:.51rem;height:.51rem;top: 40%;}
.video-tabs {display: flex;overflow-x: auto;white-space: nowrap;}
.video-tabs a {padding: 10px;text-decoration: none;color: #333;}
.video-main {width: 100%;height: auto;}
.video-thumbs {display: flex;overflow-x: auto;white-space: nowrap;}
.video-thumbs video {width: 100px;height: auto;margin: 5px;cursor: pointer;}
.txp_btn.txp_btn_pip,.txp_btn.txp_btn_fake{display: none !important;}


/* 英雄展示 */
.role .page_cont{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.role .role-box-left{width: 8.8rem;height: 10.8rem;}
.role-key{width: 8.8rem;height: 10.8rem;}
.role-key .swiper-slide>img{width: 100%;}
.role-preview{padding: .2rem 0;width:  7.42rem;height: auto;position: absolute;bottom: 2%;left: 0;    margin-left: 1.3rem;}
.role-preview .swiper-slide {width: 1.5rem;height: 1.27rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p4-avatarBg.png") no-repeat;background-size: 1.25rem auto;cursor: pointer;background-position: center;}
.role-preview .swiper-slide img{display: block;width: 1.1rem;height: 1.1rem;border-radius: 40%; overflow: hidden;margin: 0.07rem auto 0;}
.role-preview .swiper-slide.swiper-slide-active {width: 1.64rem;height: 1.64rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p4-avatarBg-ac.png") no-repeat;background-size: 100% auto;bottom: 0.2rem;}
.role-preview .swiper-slide.swiper-slide-active  img{width: 1.4rem;height: 1.4rem;margin-top: 0.12rem;}
.role-preview .swiper-slide.swiper-slide-active  p{font-size: .24rem;width: 1.46rem;}
.role-preview p{width: 1.26rem;text-align: center; font-size: .2rem;color: #fff;font-weight: bold;text-shadow:  2px 0 0 #000,  -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.role .swiper-pagination-bullet{background-color: rgba(0, 0, 0, 0);opacity: 1;}
.swiper-container-role .btn-left{width: .67rem;height:1rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p4-left.png") no-repeat;background-size: 100% auto;}
.swiper-container-role .btn-right{width: .67rem;height:1rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p4-right.png") no-repeat;background-size: 100% auto;}
.swiper-container-role.btn-left,.swiper-container-role.btn-left{top: 4.6rem;}
.role .role-box-right{width: 4.8rem;height: 10.8rem;}
.role .name-icon{width: 2.39rem;height:.36rem;background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p4-roleNameIcon.png");margin-top: 1.84rem;margin-bottom: .24rem;}
.role .name{position: relative;margin-bottom: .28rem;width: 3.8rem;height: 2rem;}
.role .name>img {display: block;position: absolute;top: 0;left: 0;width: 100%;}
.role .skill-box{position: relative;z-index: 9;display: flex;flex-direction: row;justify-content: space-around;}
.role .name>img,
.skill-box ul { transition: .4s all ease;-webkit-transition: .4s all ease;}
.role .name>img,
.skill-box ul {opacity: 0;transform: translateY(1rem);-webkit-transform: translateY(1rem);} 
.skill-list { display:flex; justify-content:flex-start; align-items:center; gap:0.20rem; margin-top:0.60rem; opacity: 0;top: 0;position: absolute;}
.role .name > img.on{opacity: 1;top: -0.7rem;position: absolute;}
.skill-box .skill-list.on {opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);z-index: 9;}
.skill { position:relative; cursor:pointer; display:flex; justify-content:center; align-items:center; width:1.24rem; height:1.24rem; border:0.08rem solid #fff; border-radius:50%; background-color:#088bc1; transition:border-color 0.8s cubic-bezier(0.23,1,0.32,1), background-color 0.8s cubic-bezier(0.23,1,0.32,1); }
.skill .skill-icon { display:flex; justify-content:center; align-items:center; width:1rem; height:1rem; transition:transform 0.8s cubic-bezier(0.23,1,0.32,1); }
.skill .skill-icon img { display:block; width:100%; height:100%; }
.skill .skill-description { position:absolute; top:1.56rem; display:block; width:4.12rem; border-radius:0.24rem; background-color:rgba(0,0,0,0.15); padding:0.20rem 0.24rem; color:#fff; font-size:0.16rem; text-align:left; line-height:0.24rem; visibility:hidden; opacity:0; transform:translateY(0.08rem); transition:opacity 0.8s cubic-bezier(0.23,1,0.32,1), transform 0.8s cubic-bezier(0.23,1,0.32,1); }
.skill .skill-description::before { content:""; position:absolute; top:-0.12rem; display:block; width:0rem; height:0rem; border-width:0rem 0.12rem 0.12rem 0.12rem; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.15) transparent; }
.skill:nth-child(1) .skill-description { left:-0.08rem; }
.skill:nth-child(1) .skill-description::before { left:0.50rem; }
.skill:nth-child(2) .skill-description { left:-1.52rem; }
.skill:nth-child(2) .skill-description::before { left:1.94rem; }
.skill:nth-child(3) .skill-description { left:-2.96rem; }
.skill:nth-child(3) .skill-description::before { left:3.38rem; }
.skill:hover { border-color:#ffcf26; background-image:linear-gradient(150deg, #ff6e02, #fbc33c); }
.skill:hover .skill-icon { transform:scale(1.1); }
.skill.active { border-color:#ffcf26; background-image:linear-gradient(150deg, #ff6e02, #fbc33c); }
.skill.active .skill-icon { transform:scale(1.1); }
.skill.active .skill-description { visibility:visible; opacity:1; transform:translateY(0rem); }


/* new end******************************** */

/*animation In&Out*/
.toRight,
.toRightSmall,
.toLeft,
.toLeftSmall,
.toBottom,
.toBottomSmall,
.toTop,
.toTopSmall,
.scaleIn{-webkit-transition: all .6s;opacity: 0;}
.toRight{-webkit-transform: translate3d(-100%, 0, 0);}
.toRightSmall{-webkit-transform: translate3d(-20%, 0, 0);}
.toLeft{-webkit-transform: translate3d(100%, 0, 0);}
.toLeftSmall{-webkit-transform: translate3d(20%, 0, 0);}
.toBottom{-webkit-transform: translate3d(0, -100%, 0);}
.toBottomSmall{-webkit-transform: translate3d(0, -30%, 0);}
.toTop{-webkit-transform: translate3d(0, 100%, 0);}
.toTopSmall{-webkit-transform: translate3d(0, 10%, 0);}
.scaleIn{-webkit-transform: scale(1.4,1.4);}

.page.swiper-slide-active .toRight,
.page.swiper-slide-active .toRightSmall,
.page.swiper-slide-active .toLeft,
.page.swiper-slide-active .toLeftSmall,
.page.swiper-slide-active .toBottom,
.page.swiper-slide-active .toBottomSmall,
.page.swiper-slide-active .toTop,
.page.swiper-slide-active .toTopSmall{-webkit-transform: translate3d(0, 0 ,0);opacity: 1;}
.page.swiper-slide-active .scaleIn{-webkit-transform: scale(1, 1);opacity: 1;}

/*transition delay*/
.page.swiper-slide-active .delay1{-webkit-transition-delay: .1s;}
.page.swiper-slide-active .delay2{-webkit-transition-delay: .2s;}
.page.swiper-slide-active .delay3{-webkit-transition-delay: .3s;}
.page.swiper-slide-active .delay4{-webkit-transition-delay: .4s;}
.page.swiper-slide-active .delay5{-webkit-transition-delay: .5s;}
.page.swiper-slide-active .delay6{-webkit-transition-delay: .6s;}
.page.swiper-slide-active .delay7{-webkit-transition-delay: .7s;}
.page.swiper-slide-active .delay8{-webkit-transition-delay: .8s;}
.page.swiper-slide-active .delay9{-webkit-transition-delay: .9s;}
.page.swiper-slide-active .delay10{-webkit-transition-delay: 1s;}




/*** pop ***/
.pop {
  display: none;
  outline: none;
  position: relative;
  box-sizing: border-box;
}
.pop-close {
  position: absolute;
  right: -1rem;
  top: -.26rem;
  width: 0.8rem;
  height: 0.8rem;
  background-position: -14.2rem 0;
  z-index: 9999;
}
.pop01{
  background-image:url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop01.png");
 width: 7rem;height: 4.44rem;background-size: 100% auto;
  box-sizing: border-box;
}
.pop-comm {
  font-size: .22rem;
  line-height: .28rem;
}
.pop-con .pop-txt{font-size: 0.4rem;color: #47586e;font-weight: bold;height: 1.8rem;}
.pop-comm .pop-txt {
  font-size: 0.4rem;
  min-height: 1.8rem;
  align-items: center;
}
.pop .pop-con {
  padding: 1rem .5rem 0;
  box-sizing: border-box;
}
.pop-rule .pop-tit {
  background-position: -5.17rem -7.85rem;
}
.pop-copy .pop-tit {
  background-position: -5.17rem -6.91rem;
}
.pop .link-list {
  width: 5.9rem;
  margin: 0 auto;
}
.pop .link-list h3 {
  font-size: .2rem;
  line-height: .34rem;
}
.pop .link-list li {
  margin-bottom: .2rem;
}
.pop .link-list input {
  width: 5.9rem;
  height: .56rem;
  background: #493a33;
  border: 0;
  outline: none;
  margin: 0 auto .26rem;
  color: #fff;
  padding: 0 .1rem;
  box-sizing: border-box;
}
.pop-video{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop-video.png") no-repeat;width: 10.01rem;height: 5.81rem;background-size: 100% auto;}
.pop-video .pop-con{box-sizing: border-box;padding: 0.37rem 0.28rem;width: 100%;height: 100%;}
.pop02{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop-old.png") no-repeat;width: 10.53rem;height: 6.45rem;background-size: 100% auto;}
.pop02 .pop-con{padding: 0.6rem;}
.pop02 h4{font-size: 0.36rem;color: #eb832d;text-align: center;font-weight: bold;}
.pop .sltips{font-size: 0.2rem;color: #47586e;margin-top: 0.6rem;}
.pop .sltips li{margin-bottom: 0.2rem;line-height: 0.3rem;}
.pop .sltips li span{color: #2daaea;}
.pop03{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop-error.png") no-repeat;width: 5.69rem;height: 1.76rem;background-size: 100% auto;}
.pop03 p{font-size: 0.22rem;color: #678391;text-align: center;padding-top: 1.1rem;}
.pop03 .pop-close{top:0.28rem;left: 2.42rem;background: none }
.pop04{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop.png") no-repeat;width: 8.94rem;height: 5.67rem;background-size: 100% auto;}
.pop04 .ti-tips{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/yuyue-text.png") no-repeat;width: 5.33rem;height: 0.83rem;background-size: 100% auto;margin: 0.6rem auto 0}
.pop04 .pop04-tips{font-size: 0.22rem;color: #678391;text-align: center;margin: 0.3rem 0;}
.pop-btnbox a{margin: 0 0.25rem;}
.pop04 .xz-list{text-align: center;font-size: 0;margin-top: 0.5rem;    cursor: pointer;}
.pop04 .xz-list li{font-size: 0.22rem;color: #678391;position: relative;display: inline-block;margin: 0 0.38rem;}
.pop04 .xz-list li:after{ content: '';display: block;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/radio.png") no-repeat;width: 0.21rem;height: 0.21rem;background-size: 100% auto;position: absolute;top:0.05rem;left: -0.25rem;}
.pop04 .xz-list li.on:after{ content: '';display: block;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/radio-ac.png") no-repeat;background-size: 100% auto;}
.pop04  .input{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-prizeIpt.png") no-repeat;width: 5.4rem;height: 0.62rem;background-size: 100% 100%;margin: 0.33rem auto 0.18rem}
.pop04  input{width: 100%;height: 100%;background: none;box-sizing: border-box;padding: 0 0.2rem;}
.pop04 .verification-code input{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-prizeIpt.png") no-repeat;width: 3.73rem;vertical-align: top; height: 0.62rem;background-size: 100% 100%;display: inline-block;}
.pop04 .verification-code{text-align: center;margin-bottom: 0.3rem;}
.pop04 .verification-code .btn-yzm{width:1.62rem;height: 0.66rem;background-position: -13.38rem -2.28rem;display: inline-block;vertical-align: top; }
.pop04 .gx-text{font-size: 0.22rem;color: #678391;text-align: center;margin-top: 0.2rem;}
.pop04 .gx-text span{display: inline-block;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/checkbox.png") no-repeat;width: 0.21rem;height: 0.21rem;background-size: 100% auto;margin-right: 0.05rem;}
.pop04 .gx-text span.on{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/checkbox-ac.png") no-repeat;background-size: 100% auto;}
.pop05 .e-text{display: block;font-size: 0.4rem;color: #47586e;font-weight: bold;text-align: center;padding-top: 1rem;}
.pop05 .r-text{display: block;font-size: 0.36rem;color: #47586e;font-weight: bold;text-align: center;padding-top: 0.6rem;}
.pop05 .t-text{display: block;font-size: 0.36rem;color: #47586e;font-weight: bold;text-align: center;padding-top: 0.2rem;}
.pop05 .pop05-text1{font-size: 0.24rem;color: #678391;margin: 0.2rem 0 0.3rem;text-align: center;}
.pop05{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop.png") no-repeat;width: 8.94rem;height: 5.67rem;background-size: 100% auto;}
.pop05 .code-img{display: block;width:2.25rem;height: 2.25rem;margin: 0.2rem auto 0 }
.pop05 .code1-img{display: block;width:1.34rem;height:1.34rem;margin: 0.2rem auto 0 }
.pop-rule{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/pop-rule.png") no-repeat;width: 8.82rem;height: 5.51rem;background-size: 100% auto;}
.pop-rule h4{font-size: 0.36rem;color: #eb832d;text-align: center;font-weight: bold;}
.pop-rule .pop-con {
  padding: 0.4rem .5rem 0;
  box-sizing: border-box;
}
.pop-rule .sltips{font-size: 0.2rem;color: #000000;margin-top: 0.4rem;}
.pop-rule.rule2 .sltips{height: 3.48rem;overflow-y: scroll;}
.rule2>tbody,.rule2 tbody>tr,.rule2 tbody>tr>td{border: 0.01rem solid #eb832d;}
.rule2 tbody>tr>td{padding: 0.1rem 0.2rem;}
.pop-rule .sltips li{margin-bottom: 0.1rem;line-height: 0.3rem;}
.pop-rule .sltips li.mt{margin-top: 0.1rem;}
.pop05 .t-tts{font-size: 0.36rem;color: #47586e;text-align: center;position: relative;width: 5.32rem;margin: 0.3rem auto 0.5rem;display: block;font-weight: bold;}
.pop05 .t-tts:before{content: '';display: block;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/link.png") no-repeat;width: 5.32rem;height: 0.1rem;position: absolute;bottom: -0.2rem;}
.pop05 .inp{text-align: center;}
.pop05 .inp input{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/p1-prizeIpt.png") no-repeat;box-sizing: border-box;padding: 0 0.1rem; width: 4rem;height: 0.6rem;background-size: 100% 100%;border-right:1.5rem;display: inline-block;vertical-align: top}
.pop05 .inp a{display: inline-block;vertical-align: top}

.pop-rule ul::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
  background-color: #3c3323;
}
.pop-rule ul::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #a58955;
  border-radius: 0.06rem;
}
.pop .btn-copy {
  background-position: 0 -9.06rem;
}
.pop .btn-qued {
  background-position: -5rem 0;
  width: 2.09rem;
  height: .74rem;
}
.pop .btn-qux {
  background-position: -7.31rem 0;
  width: 2.09rem;
  height: .74rem;
}
.btn-yjjq{width: 2.83rem;height: 0.72rem;background-position: -12.16rem -4.55rem}
.btn-pop-yuyue{width: 2.83rem;height: 0.72rem;background-position: -12.16rem -3.75rem}
.btn-gowc{width: 2.83rem;height: 0.72rem;background-position: -12.16rem -5.35rem}
.btn-ok{width: 2.83rem;height: 0.72rem;background-position: -12.16rem -6.14rem}
.btn-popyuyue{width: 2.83rem;height: 0.72rem;background-position: -12.16rem -6.95rem}
.btn-popcopy{width: 1.46rem;height: 0.6rem;background-position:-13.55rem -8.42rem}

.yy-box .tips  {
      font-family: tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}

.pop.team .pop-con {
  padding: 1.68rem 1.2rem 0;
}
.pop.team .pop-btnbox a {
  margin: 0.7rem 0.1rem 0 0;
}

@media screen and (orientation: portrait) {
  .page {        
      background-position: top center;
  }
  .page_cont {
      justify-content: flex-start;
      padding-top: 1.7rem;
  }
  .page0 {
      background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/bg0.jpg);
  }
  .page0 .page_cont {
      height: 13rem;
      top: 0;
  }
  .login_wrap {
      left: 75%;
      transform: translateX(-50%);
      top: 1.04rem;
  }
  .icon_logo {
      top: auto;
  }
  .top_wrap {
      height: 1.8rem;
  }
  .nav-box {
      margin-left: 1.85rem;
      height: auto;
  }
  .nav_list {
      width: 5.3rem;
      height: .94rem;
      flex-wrap: wrap;
      align-content: center;
      padding: .1rem 0;
  }
  .nav_item {
      min-width: 1.26rem;
  }
  .btn-order {
      top: 9.56rem;
      left: 50%;
      margin-left: -1.68rem;
      transform: translateX(-50%);
  }

  .icon_logo img {height: .71rem;}
  .slogan{width: 5.88rem;height: 2.87rem;margin-left: -2.9rem;top: 5.82rem;}
  .btn-movie {
    top: 0.62rem;
    left: 3.34rem;
    width: 0.76rem;
    height: 0.76rem;
    background-size:0.76rem 0.76rem;
}
.pop-width {
    width: 6.6rem;
    height: 3.54rem;
    margin: 0.26rem auto 0;
    border-radius: 0.38rem;
}
  .home .gift-list {
      top: 10.66rem;
      margin-left: 0;
  }
  .btn-old {
      width: .65rem;
      height: .84rem;
      top: 9.6rem;
      left: 6.42rem;
  }
  .btn-orderLottery {
      width: 1.59rem;
      height: 1.95rem;
      right: 0;
      top: 6.28rem;
  }
  .btn-version {
      left: 6.42rem;
      top: 10.6rem;
      width: .65rem;
      height: .27rem;
  }
  .scroll-down {
      top: 10.74rem;
      margin-left: 0;
  }
  .footer-wrap{width: 750px !important;margin-left: 0.6rem !important;}


/* luck */
.page1 {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/bg1.jpg);
}
  .page1 .tit {
      width: 3.23rem;
      height:.84rem;
      background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/luck-tit.png") no-repeat;background-size: 100% auto;
      left: 0.5rem;
      top: 0.1rem;
  }
  .luck .decoration-icon02{
      top: 9.6rem;
      right: 1.43rem;
      width: 0.8rem;
      height: 0.8rem;
  }
  .luck .decoration-icon03{
      top: 1.7rem;
      right: -0.5rem;
      z-index: 2;
  }
  .luck .luck-img {
      width: 2.4rem;
      height: 2.4rem;
      left: -0.3rem;
      top: 8.8rem;
  }
  .luck .luck-wrap {
      width: 100%;
      height: 100%;
      background: none;
      display: flex;
      flex-direction: row;
      overflow-x: scroll;
      overflow-y: hidden;
  }
  .luck .page_cont {
      width: 100%;
      height: 16.5rem;
  }
  .luck .luck-left {
      margin: 0;
      height:6.61rem;
      background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/p1-ct1.png") no-repeat;background-size: 100% auto;
  }
  #swflotterycontent_container {
      width:5.42rem;
      height:5.3rem;
      left: 1.2rem;
      top: .62rem;
  }
  #lotterycontent_start {
      width: 1.66rem;
      height: 1.67rem;
      left: 1.89rem;
      top: 1.76rem;
  }
  #lotterycontent_hover {
      width: 1.72rem;
      height: 1.74rem;
  }
  .luck-txt {
      font-size: .18rem;
      left: 3.4rem;
      top: 3.64rem;
  }

 .sub-swiper-container {
  width: 7.5rem !important;
  height:16.5rem !important;
 }
 .sub-slide-wrapper {
  width: 100%;
  height: 100%;
 }
 .sub-slide {
  width: 7.5rem !important;
  height: 100vh !important;
 }
 .sub-slide>img {
  width:5.42rem;
  height:5.3rem;
  margin: .62rem auto 0 1.2rem;
}

.luck .luck-right {
  margin: 0;
  height:6.37rem;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/p1-ct2.png") no-repeat;background-size: 100% auto;
  background-position: center top;
}
.container {
  width: 5.9rem;
  margin: 0 auto;
}
.luckContent .swiper-container {
  height: 5rem;
  width: 100%;
  position: relative;
  top: 0.9rem;
}
.luckContent .swiper-wrapper {
  height: 5rem !important;
  top: 0rem;
}
.luckContent .swiper-slide {
  height: 5rem !important;
  margin-left: 0.16rem;
}
.luckContent .swiper-pagination {
  flex-direction: row;
  top: 0.18rem;
  left: 0.3rem;
}
.luckContent .swiper-pagination-bullet {
  min-width: 1.64rem;
  height: .52rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/btn-luvkNav.png) no-repeat center;
  background-size: cover;
  margin-right: -0.16rem;
}
.luckContent .swiper-pagination-bullet-active {
  min-width: 1.64rem;
  height: .52rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/btn-luvkNav-ac.png) no-repeat center;
  background-size: cover;
  z-index: 2;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  padding: 0 0.02rem;
  margin-right: -0.22rem;
}
.scroll-down.right {
  transform: rotate(-90deg);
  left: 6.74rem;
  top: 5.7rem;
}

/* invite */
  .page2 {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/bg2.jpg);
  }
  .page2 .tit {
      width: 3.32rem;
      height: .84rem;
      background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/invite-tit.png) no-repeat;
      background-size: 100% auto;
      left: 0.5rem;
      top: 0.1rem;
  }
  .invite .prize-list ul {
      width:6.2rem;
      height:.9rem;
  }
  .invite .prize-list>ul>li {
      width:.9rem;
      height:.9rem;
  }
  .invite .prize-list>ul>li>img {
      width: .9rem;
      height:.9rem;
  }
  .invite .invite-schedule {
      width: 4.72rem;
      height: .41rem;
      margin-left: 1.38rem;
  }
  .invite .schedule {
      height: .41rem;
      background-size: 4.72rem auto;
  }
  .invite .invite-schedule .num {
      width:5.14rem;
      left: -0.2rem;
  }
  .invite .invite-schedule .num>p {
      font-size: .24rem;
  }
  .invite .btn-invite {
      transform: scale(0.8);
      margin-left: 1.96rem;
      margin-top: 0.7rem;
  }
  .invite .invite-box {
      width: 7.5rem;
      height: 5.88rem;
      background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/p2-ct.png);
      background-position: center;
  }
  
  .invite .invite-img {
      width: 4.1rem;
      height: 3.38rem;
      left: 4.56rem;
      top: 6.94rem;
  }
  .invite .btn-rule{
      left: 5.88rem;
  }


  /* introduce */
  .page4 {
      background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/bg4.jpg);
  }
  .introduce .page_cont {
    padding-top:2.5rem;
  }
  .introduce .tit-box {
      right: auto;
      top: auto;
  }
  .page4 .tit {
    width:2.56rem;
    height: 1.47rem;
      background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/introduce-tit.png) no-repeat;
      background-size: 100% auto;
      left: 0.5rem;
      top: 5rem;
  }
  .introduce .introduce-img {
      height: 3.53rem;
      width: 4.33rem;
      left: 4.03rem;
      top: 7rem;
  }
  .introduce .top-wrap {
      width: 6.7rem;
      height: 8rem;
  }
  .introduce .bg-box {
      width: 6.1rem;
      height: 2.94rem;
  }
  .introduce .inner-swiper>.swiper-wrapper {
      height: 8rem;
  }
  .introduce .outer-swiper>.swiper-wrapper {
      width:7rem;
      height: 8rem;
      margin-left: 0;
  }
  .introduce .top-wrap .inner-pagination .swiper-pagination-bullet {
      min-width: 1.42rem;
  }
  .introduce .outer-swiper>.swiper-wrapper>.swiper-slide {
      margin-right: 0.4rem;
  }
  .introduce .top-wrap .nav-list2>ul {
      margin-left: -1.33rem;
  }
  .introduce .video-detail {
      height:3.58rem;
      padding-top: 0.62rem;
  }
  .introduce .video-detail>img {
      width: 6.3rem;
      height: auto;
      top: 0.64rem;
      left: 0.22rem;
  }
  .introduce .top-wrap .nav-list2 {
      width: 5.66rem;
      top: 0.34rem;
  }
  .introduce .top-wrap .inner-pagination .swiper-pagination-bullet>a {
      line-height: .3rem;
  }
  .introduce .inner-pagination.btn-left, .inner-pagination.btn-right {
      top: 0.36rem;
  }
  .introduce .outer-swiper-pagination.swiper-pagination {
    left: -0.16rem;
    top: 0;
  }
  .introduce .video-list {
      width:4.7rem;
      height: 3rem;
      bottom: 0.2rem;
      overflow: hidden;
  }
  .introduce .video-content {
      width:4.46rem;
      height: 2.58rem;
      padding: 0.16rem 0.16rem 0 0.16rem;
  }
  .introduce .video-content>ul {
      width:4.46rem;
      height: 2.88rem;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      box-sizing: content-box !important;
  }
  .introduce .video-content>ul>li {
      min-width: 2rem;
  }
  .introduce .top-wrap .nav-list2>ul.transform{transform: translateX(-5.69rem);}

  /* team */
  .page3 {
      background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/bg3.jpg);
  }
  .page3 .page_cont {
      width: 100%;
      align-items: center
  }
  .team-box .tit-box {
      width: 2.85rem;
      height:.84rem;
      top: 0rem;
      left:0rem;
  }
  .page3 .tit {
      width: 2.85rem;
      height:.84rem;
      background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/team-tit.png") no-repeat;background-size: 100% auto;
      left: 0.5rem;
      top: 0rem;
  }
  .team-box {
      background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/page3-bg.png) no-repeat;
      background-size: 100% auto;
      width:7.5rem;
      height:9rem;
      margin-left: 0rem;
      margin-top: 0rem;
      position: relative;
  }
  .team-box .decoration-icon01 {
      background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/page3-decoration01.png) no-repeat;background-size: 100% auto;
      width: 4rem;
      height: 4.04rem;
      bottom: -1.6rem;
      left: 0;
  }
  .team-box .decoration-icon02 {display: none;}
  .team-box .decoration-icon03 {display: none;}
  .team-box .currently-texe {
    padding-top: 1.2rem;
    font-size: 0.32rem;
    margin-left: 0.18rem;
}

.team-box .dj-list {
    width: 6.36rem;
    margin-left: 0.6rem;
    margin-top: 0.16rem;
}
.team-box .dj-list li {
    height: auto;
}
.team-box .dj-list .dj {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0.1rem auto;
}
.team-box .dj-list .ti01 {
    transform: scale(0.8);
}
.team-box .dj-list .open-btn {
    transform: scale(0.8);
    margin-top: 0rem;
}
.team-box .dj-list p {
    font-size: 0.18rem;
}
.team .join-btn {
    margin: 0 0 0 1.3rem;
}
.team .copy-btn {
    margin: -0.9rem 0 0 3.7rem;
}
.team-box .rigrht-box {
    position: absolute;
    width: 3.28rem;
    top: 5.68rem;
    right: 2.01rem;
}

.team-box .create-btn,   .team-box .join-btn,.team-box .copy-btn {
    transform: scale(0.7);
    margin-bottom: 0.1rem;
}
.team-box .create-btn {
    margin: 0.3rem auto 0.3rem;
}
.team-box .rigrht-box p {
    width: 2.9rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.18rem;
}

.team-box .rigrht-box p span {
    margin-left: 0.2rem;
}


/* role */
.page5 {
    background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/m/bg5.jpg);
}
.role .page_cont {
    width: 7.5rem;
    flex-direction: column;
    justify-content: flex-start;
}
.role .role-box-left {
    width: 6.7rem;
    height: 9.4rem;
}
.role-preview {
    top: 7.56rem;
}
.role .role-box-right {
    width: 6.7rem;
    height: 3.3rem;
    position: absolute;
    top: 9.34rem;
}
.role .name-icon {
    width: 1.87rem;
    height: .29rem;
    margin-top: 0rem;
}
.role .name {
    margin-bottom: 0;
    width: 2.9rem;
    height: 1.6rem;
}
.role-preview .swiper-slide {
    width: 1.32rem;
    height: 1.14rem;
    background-size: 1.14rem auto;
}
.role-preview .swiper-slide img {
    width: .98rem;
    height: .98rem;
}
.role-preview .swiper-slide.swiper-slide-active {
    width: 1.48rem;
    height:1.48rem;
}
.role-preview .swiper-slide.swiper-slide-active img {
    width: 1.26rem;
    height: 1.26rem;
    margin-top: 0.1rem;
}
.role-preview {
    width: 6.7rem;
    margin-left: .4rem;
}
.role-preview p {
    color: #000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;
    bottom: -0.1rem;
}

.role .skill .skill-icon {
    width: 0.8rem;
    height:0.8rem;
}

.role .skill-box {
    left: 4.9rem;
    top: 0;
    position: absolute;
}
.skill-list {
    margin-top: 0rem;
    gap: 0.1rem;
}

.skill {
    width: 0.94rem;
    height: 0.94rem;
}


.skill-box>ul {
    width:3.24rem;
}
.skill-box>ul>li {
    width: 1rem;
    height: 1rem;
}
.skill-box>ul>li>img {
    width: 1rem;
    height: 1rem;
}
.skill-box>ul>li>p {
    padding: 0.2rem;
    min-width:1rem;
    margin-top: 0.2rem;
}
.fixed-box.role .btn-version.version-open {
    top: 11.9rem;
}
.fixed-box.role .btn-old {
    top: 11.5rem;
    left: .4rem;
}
.skill-box>ul>li>p::before {
    top: -0.11rem;
}
.skill .skill-description {
    top: 1.26rem;
    width: 3.02rem;
}
.skill .skill-description::before {
    top: -0.11rem;
}
.skill:nth-child(3) .skill-description {
    left: -2.46rem;
}
.skill:nth-child(2) .skill-description {
    left: -1.3rem;
}
.skill:nth-child(3) .skill-description::before {
    left: 2.84rem;
}

  .pop01 {
  }
  .pop-close {
      right: 0;
      top: -0.56rem;
  }
  .pop02,.pop-rule {
      width: 6.68rem;
      height: 4.75rem;
      margin: 0 auto;
  }
  .pop02 .pop-con {
      padding-top: 0.3rem;
  }
  .pop-rule .pop-con {
      padding-top: 0.2rem;
  }
  .pop .sltips {
      margin-top: 0.36rem;
      height: 2.4rem;
      overflow-y: scroll;
      overflow-x: hidden;
      font-size: .12rem;
      line-height: .2rem;
  }
  .pop-rule.rule2 .sltips {
      height: 2.54rem;
      font-size: 0.22rem;
  }
  .pop02 h4,.pop-rule h4 {
      font-size: 0.32rem;
  }
  .pop01,.pop03,    .pop04,  .pop05,.pop-video{
      margin: 0 auto;
  }
  .pop01,.pop04,.pop05 {
      width: 7rem;
      height: 4.44rem;
  }
  .pop04 .pop-con {
      padding-top: 0.7rem ;
  }
  .pop05  .pop-con{
      padding-top: 0.5rem ;
  }
  .pop04 .pop-con,    .pop05  .pop-con{padding-left: 0.6rem;}
  .pop05 .code-img {
      width: 1.5rem;
      height:  1.5rem;
  }
  .pop05 .t-tts:before {
      background: url(//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/link.png) no-repeat center;
      background-size: 100% auto;
      width: 5.33rem;
      height: 0.83rem;
      top: 0.3rem;
  }
  .pop05 .inp input,.pop04 input {
      font-size: .18rem;
  }
  .pop05 .t-text {
      padding-top: 0.4rem;
  }
  .pop-video {
      width: 7rem;
      height: 4.06rem;
  }
  .pop-video .pop-close {
      top: -0.86rem;
  }
}


/* footer */
#afooter {
  text-align: center;
  line-height: 20px;
  color: #6a6a6a;
  background-color: #0e0e0e;
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#afooter a {
  color: #6a6a6a;
}
[v-cloak] {
  visibility: hidden;
}
.disabled, .gray {
  pointer-events: none;
}
.login_ed a {
  margin-left: .15rem;
}
.over {
  pointer-events: none;
  filter: grayscale(1);
}
.team-box .rigrht-box input{display: inline-block;width: 1.8rem;font-size: 0.2rem;margin-left: 0.2rem;color: #7b5a4f; }
.txt-team input {display: inline-block;width: 2.6rem;font-size: 0.2rem;margin-left: 0.5rem;color: #7b5a4f;}
.pop04 .t-tts{font-size: 0.36rem;color: #47586e;text-align: center;position: relative;width: 5.32rem;margin: 0.3rem auto 0.5rem;display: block;font-weight: bold;}
.pop04 .t-tts:before{content: '';display: block;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ymrdzz2Order/images/link.png") no-repeat;width: 5.32rem;height: 0.1rem;position: absolute;bottom: -0.2rem;}

.pop04 .verification-code .btn-djs{width:1.62rem;height: 0.66rem;line-height: 0.66rem;display: inline-block;vertical-align: top; font-size: 0.24rem;font-weight: bold;color: #7b5a4f;text-align: center;}
.btn-order.gray {
  background-position: 0 -1.02rem;
}
.introduce .bg-box, .introduce .video-detail {
  box-sizing: content-box;
}