@charset "utf-8";
/* CSS Document */
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 0.05rem;
}
.Mplayer video::-webkit-media-controls
{
    display: none !important;
}
/*video默认全屏按钮*/
.Mplayer video::-webkit-media-controls-fullscreen-button{ display: none !important; }
/*video默认aduio音量按钮*/
.Mplayer video::-webkit-media-controls-mute-button { display: none !important;}
/*video默认setting按钮*/
.Mplayer video::-internal-media-controls-overflow-button{ display: none !important;}
/*腾讯云点播禁用firefox全屏、设置按钮*/
.trump-button[sub-component="fullscreen_btn"],.trump-button[now="fullscreen"]{ display:none!important;}
.trump-button[sub-component="setting"]{ display:none !important;}
/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
.Mplayer video::-webkit-media-controls {
    display:none !important;
}
.Mplayer video::-webkit-media-controls-enclosure {
    display: none !important;
}
/*假如添加了video标签,可能会出现video标签默认置顶的情况,解决这个bug可以通过样式设置来规避;*/
.overlayer {
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
    -moz-backface-visibility:hidden; 	/* Firefox */
    -ms-backface-visibility:hidden; 	/* Internet Explorer */
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
}
.Mplayer{
    width: 100%;
    position: relative;
    height: 100%;
}
.Mplayer video{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.Mplayer canvas{
    width: 100%;
    background: #ddd;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
    -moz-backface-visibility:hidden; 	/* Firefox */
    -ms-backface-visibility:hidden; 	/* Internet Explorer */
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
    z-index: 1;
    position: relative;
    object-fit: cover;
    height: 100%;
}
.Mplayer img{
    position: absolute;
    z-index: 2;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    object-fit: cover;
    opacity: 1;
    transition: 0.3s ease-in-out opacity;
    pointer-events: none;
    transform:translateZ(0);
}
.Mplayer img.hide{
    opacity: 0;
}
blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
abbr,
body,
fieldset,
html,
iframe,
img {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
a,
button {
  cursor: pointer;
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold;
}
a,
a:hover {
  text-decoration: none;
}
body,
button,
input,
textarea {
  color: #fff;
}
body {
  font-family: "Microsoft YaHei", "Helvetica Neue", "HelveticaNeue", "HelveticasimSun", "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Arial;
}
body,
html {
  width: 100%;
  height: auto;
}
* {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
}
@keyframes anidown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes anitop {
  0% {
    transform: translateY(-20%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20%);
  }
}
@keyframes anileft {
  0% {
    transform: translateX(-20%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-20%);
  }
}
@keyframes aniright {
  0% {
    transform: translateX(20%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(20%);
  }
}
@keyframes tips {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.1);
  }
  100% {
    filter: brightness(1);
  }
}
@keyframes opacityshow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotates {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "fzys";
  src: url("https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/css/fzys.ttf");
}
@font-face {
  font-family: "fzysc";
  src: url("https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/css/fzys_c.ttf");
}
@font-face {
  font-family: 'AR FangXinShuH7GBK HV';
  src: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/css/ARFangXinShuH7GBK-HV.woff2') format('woff2'), url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/css/ARFangXinShuH7GBK-HV.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.font-ch {
  font-family: "fzys";
}
.font-ch.bold {
  font-family: "fzysc";
  font-weight: bold;
}
.font-tw {
  font-family: 'AR FangXinShuH7GBK HV';
}
.font-tw.bold {
  font-weight: bold;
}
.draw-btn-wrap {
  display: flex;
  justify-content: space-between;
}
.draw-btn-wrap.draw {
  position: absolute;
  bottom: 0;
  right: 0;
}
.draw-btn-wrap .btn {
  position: relative;
}
.draw-btn-wrap .btn.discount::before {
  position: absolute;
  right: 0.1rem;
  top: 0;
  content: '';
  width: 0.74rem;
  height: 0.34rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/discount.png');
  background-size: 100% 100%;
}
.btn-type1 {
  width: 4.25rem;
  height: 1.05rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-normal.png');
  background-size: 100% 100%;
  line-height: 0.76rem;
  text-align: center;
  box-sizing: border-box;
  padding: 0.13rem 0 0.21rem;
  font-size: 0.34rem;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.03rem;
}
.btn-type1:hover {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-normal-h2.png');
  background-size: 100% 100%;
}
.btn-type1:active {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-normal-a.png');
  background-size: 100% 100%;
}
.btn-type2 {
  width: 2.79rem;
  height: 0.8rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/btn-normal-n.png') no-repeat;
  background-size: 100% 100%;
  line-height: 0.83rem;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.34rem;
  font-weight: bold;
  color: #000;
}
.btn-type2:hover {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/btn-normal-h.png');
  background-size: 100% 100%;
}
.btn-type2:active {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/btn-normal-a.png');
  background-size: 100% 100%;
  color: #fff;
}
.award-item {
  position: relative;
  width: 1.64rem;
  height: 1.97rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/item-bg.png');
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.06rem;
  margin-bottom: 0.23rem;
  margin-right: 0.28rem;
}
.award-item.big {
  width: 2.11rem;
  height: 2.56rem;
  margin-right: 0.32rem;
}
.award-item.big.lock::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.14rem;
}
.award-item.big.lock::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 0.29rem;
  height: 0.36rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/lock.png');
  background-size: 100% 100%;
  z-index: 2;
}
.award-item.big .icon {
  position: relative;
  height: 100%;
}
.award-item.big .icon img {
  width: 100%;
  height: auto;
  max-height: unset;
}
.award-item.big .icon .rare {
  width: 100%;
  height: 1.5rem;
  bottom: 0.52rem;
}
.award-item.big .desc {
  height: 0.52rem;
  padding: 0 0.13rem;
}
.award-item.big .desc .attributes {
  width: 0.4rem;
  height: 0.41rem;
}
.award-item.big .desc .cost {
  font-size: 0.28rem;
}
.award-item.collect {
  width: 3.57rem;
  height: 4.33rem;
  margin-right: 0.36rem;
  padding: 0.08rem;
}
.award-item.collect.lock::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.14rem;
}
.award-item.collect.lock::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 0.4rem;
  height: 0.5rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/lock.png');
  background-size: 100% 100%;
  z-index: 2;
}
.award-item.collect .icon {
  overflow: hidden;
  height: 100%;
}
.award-item.collect .icon img {
  width: 100%;
  height: auto;
  max-height: unset;
}
.award-item.collect .desc {
  box-sizing: border-box;
  width: calc(100% - 0.16rem);
  height: 0.88rem;
  margin: 0 auto;
  justify-content: flex-start;
  border-bottom-right-radius: 0.15rem;
  border-bottom-left-radius: 0.15rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.08rem;
}
.award-item.collect .desc .attributes {
  width: 0.66rem;
  height: 0.66rem;
}
.award-item.collect .desc .name {
  font-size: 0.36rem;
  color: #ece5d8;
  margin-left: 0.2rem;
}
.award-item.selected::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 1.76rem;
  height: 2.14rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/item-selected.png');
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.award-item.active::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 1.76rem;
  height: 2.14rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/item-hover.png');
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.award-item.award {
  padding-top: 0.05rem;
  margin-bottom: 0.17rem;
  margin-right: 0;
}
.award-item.bag-item {
  margin-top: 0.1rem;
}
.award-item.ani.big .ani-wrap {
  width: 5.9rem;
  left: 55%;
  top: 41%;
}
.award-item.ani .ani-wrap {
  pointer-events: none;
  position: absolute;
  width: 4.5rem;
  left: 55%;
  top: 41%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.award-item.ani .ani-wrap canvas {
  width: 100%;
  height: auto;
}
.award-item .shared {
  position: absolute;
  font-size: 0.22rem;
  padding: 0 0.05rem;
  height: 0.34rem;
  line-height: 0.34rem;
  text-align: center;
  background-color: rgba(146, 134, 104, 0.9);
  z-index: 3;
  border-radius: 0.05rem;
  top: -0.1rem;
  right: -0.1rem;
  border: 1px solid #bab698;
  box-sizing: border-box;
}
.award-item .icon {
  position: relative;
  width: 100%;
  height: 1.52rem;
  border-radius: 0.08rem;
  overflow: hidden;
}
.award-item .icon img {
  display: block;
  width: 100%;
  height: auto;
  max-height: unset;
}
.award-item .icon .rare {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.award-item .icon .rare.r2 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/rare1.png') 50% 100% no-repeat;
  background-size: 100% auto;
}
.award-item .icon .rare.r3 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/rare2.png') 50% 100% no-repeat;
  background-size: 100% auto;
}
.award-item .icon .rare.r4 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/rare3.png') 50% 100% no-repeat;
  background-size: 100% auto;
}
.award-item .icon .rare.r5 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/mybag/rare4.png') 50% 100% no-repeat;
  background-size: 100% auto;
}
.award-item .desc {
  position: absolute;
  left: 0;
  bottom: 0.04rem;
  width: calc(100% - 0.08rem);
  height: 0.36rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin: 0 0.04rem;
  padding: 0 0.07rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 0.04rem 0.04rem;
}
.award-item .desc .attributes {
  flex-shrink: 0;
  width: 0.32rem;
  height: 0.32rem;
}
.award-item .desc .attributes.e1 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e1.png');
  background-size: 100% 100%;
}
.award-item .desc .attributes.e2 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e2.png');
  background-size: 100% 100%;
}
.award-item .desc .attributes.e3 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e3.png');
  background-size: 100% 100%;
}
.award-item .desc .attributes.e4 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e4.png');
  background-size: 100% 100%;
}
.award-item .desc .attributes.e5 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e5.png');
  background-size: 100% 100%;
}
.award-item .desc .attributes.e6 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e6.png');
  background-size: 100% 100%;
}
.award-item .desc .attributes.e7 {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/e7.png');
  background-size: 100% 100%;
}
.award-item .desc .cost {
  font-size: 0.21rem;
  color: #ece5d8;
}
.toast {
  position: fixed;
  z-index: 10002;
  border-radius: 0.1rem;
  width: auto;
  min-width: 2rem;
  max-width: 60%;
  padding: 0.2rem;
  height: auto;
  min-height: 0.4rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 0.4rem;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}
.remaining-chance {
  display: inline-block;
  position: relative;
  width: auto;
  min-height: 0.5rem;
  background-color: #000;
  border-radius: 0.3rem;
  color: #fff;
  box-sizing: border-box;
  padding-left: 0.65rem;
  padding-right: 0.3rem;
  font-size: 0.29rem;
  line-height: 0.48rem;
  margin-top: 0.26rem;
}
.remaining-chance::before {
  position: absolute;
  left: 0.2rem;
  top: 50%;
  margin-top: -0.18rem;
  content: '';
  width: 0.33rem;
  height: 0.36rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/tri-dec.png');
  background-size: 100% 100%;
}
.remaining-chance span:nth-child(2) {
  color: #fce4a2;
}
@keyframes in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes in2 {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
  }
}
@keyframes out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes out2 {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
  }
}
.toast.in {
  animation: in 0.3s linear forwards;
}
.toast.in.rotate {
  animation: in2 0.3s linear forwards;
}
.toast.out {
  animation: out 0.3s linear forwards;
}
.toast.out.rotate {
  animation: out2 0.3s linear forwards;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
}
[v-cloak] {
  display: none;
}
a {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
#app * {
  -webkit-user-select: none;
  user-select: none;
}
.btn {
  cursor: pointer;
}
a:hover {
  filter: brightness(1.1);
}
.bscroll-vertical-scrollbar {
  overflow: visible !important;
  width: 1px !important;
  background-color: #404140 !important;
}
.bscroll-indicator {
  background-color: #c4ac7d !important;
  position: relative;
  border: none !important;
  width: 3px !important;
  left: -1px !important;
  border-radius: 0px !important;
}
@media (hover: none) {
  a:hover {
    touch-action: none;
  }
}
#app {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#app.small .toolbar {
  right: 0.3rem;
}
#app.small .part.home .left .lock-wrap {
  transform: scale(0.9);
  transform-origin: left;
}
#app.small .part.home .right {
  right: 0.2rem;
}
#app.small .part.home .right > * {
  transform: scale(0.9);
  transform-origin: right;
}
#app.small2 .part.home .draw-wrap {
  padding: 1.1rem 0 0.6rem;
}
#app.small2 .part.home .left {
  transform-origin: left;
}
#app.small2 .part.home .right {
  transform-origin: right;
}
#app.small2 .part.home .right .draw-btn-wrap .btn {
  width: calc(425/8*0.07rem) !important;
}
#app .wrap {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/bg.jpg') top right;
  background-size: cover;
}
#app .wrap .page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}
#app .wrap .page.show {
  visibility: visible;
  pointer-events: visible;
  opacity: 1;
  z-index: 2;
}
#app .wrap.zh-Hans .special-font {
  font-family: 'fzys';
}
#app .wrap.zh-Hans .special-font.bold {
  font-family: 'fzysc';
  font-weight: bold;
}
#app .wrap.zh-Hant .special-font {
  font-family: 'AR FangXinShuH7GBK HV';
}
#app .wrap.zh-Hant .special-font.bold {
  font-weight: bold;
}
#app .page-main {
  display: flex;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/inner-mask.png');
  background-size: 100% 100%;
}
#app .page-main .role-player {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
#app .page-main.home {
  background: none;
}
#app .page-main.home .role-player {
  opacity: 1;
  z-index: 1;
}
#app .navbar {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  padding-left: calc(content(safe-area-inset-left) - 0.5rem);
  padding-left: calc(env(safe-area-inset-left) - 0.5rem);
}
#app .navbar.no-safe-area {
  padding-left: 0;
}
#app .part-cont {
  position: relative;
  width: 90%;
  z-index: 2;
}
#app .part {
  flex: 1;
}
#app .part {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  left: -0.3rem;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.5rem 0 0.4rem 0.56rem;
  box-sizing: border-box;
  transition: 0.5s;
}
#app .part.show {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  left: 0;
  z-index: 8;
  transform: translate3d(0, 0, 0);
}
#app .part .title {
  position: relative;
  font-weight: bold;
  white-space: nowrap;
}
#app .part .title-line {
  position: relative;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/title-line.png');
  background-size: 100% 100%;
  width: 16.22rem;
  height: 0.23rem;
  left: -0.4rem;
}
#app .part.home {
  padding: 0;
  display: flex;
  padding: 0 0.4rem;
}
#app .part.home .draw-wrap {
  width: 17.37rem;
  max-width: 17.37rem;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 1.1rem 0 0.2rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#app .part.home .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0;
}
#app .part.home .left .desc {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/desc.png');
  background-size: 100% 100%;
  width: 7rem;
  height: 1.94rem;
}
#app .part.home .left .activity-time {
  margin-top: 0.32rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
}
#app .part.home .left .activity-time h3 {
  font-weight: normal;
}
#app .part.home .left .remaining-chance {
  margin-top: 0.26rem;
}
#app .part.home .left .lock-wrap {
  position: relative;
  margin-bottom: 0.2rem;
}
#app .part.home .left .lock-wrap .item-ani {
  pointer-events: none;
  position: absolute;
  width: 3.27rem;
  height: 3.27rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#app .part.home .left .lock-wrap .item {
  cursor: pointer;
  position: absolute;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/item-bg.png');
  background-size: 100% 100%;
  width: 2.64rem;
  height: 2.64rem;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -0.4rem;
  top: -0.2rem;
  z-index: 2;
}
#app .part.home .left .lock-wrap .item .img-wrap {
  position: relative;
  z-index: 2;
  width: 1.82rem;
  height: 1.82rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
#app .part.home .left .lock-wrap .item .img-wrap img {
  width: 100%;
  height: auto;
}
#app .part.home .left .lock-wrap .item .img-wrap span {
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
}
#app .part.home .left .lock-wrap .item.lock {
  cursor: auto;
}
#app .part.home .left .lock-wrap .item.lock::before {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  content: '';
  width: 0.56rem;
  height: 0.57rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/lock.png');
  background-size: 100% 100%;
  z-index: 3;
  transform: translate3d(0, 0, 0);
}
#app .part.home .left .lock-wrap .item.unlock {
  cursor: auto;
}
#app .part.home .left .lock-wrap .item.unlock::before {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  content: '';
  width: 0.56rem;
  height: 0.57rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/unlock.png');
  background-size: 100% 100%;
  z-index: 3;
  transform: translate3d(0, 0, 0);
}
#app .part.home .left .lock-wrap .tip {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 0.22rem;
  line-height: 0.3rem;
  width: 8.37rem;
  height: 2.18rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/lock-wrap.png');
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.24rem 0.6rem 0.3rem 2.2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#app .part.home .left .lock-wrap .tip span {
  color: #f9e1a0;
  font-weight: bold;
}
#app .part.home .right {
  position: fixed;
  height: 100%;
  box-sizing: border-box;
  padding: 1.1rem 0 0.2rem;
  right: 1.7rem;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
#app .part.home .right .role {
  width: 6.68rem;
  height: 10.63rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/role.png');
  background-size: 100% 100%;
}
#app .part.home .right .draw {
  position: relative;
}
#app .part.home .right .btn-order {
  width: 3.44rem;
  height: 1.05rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-order-n.png');
  background-size: 100% 100%;
  text-align: center;
  line-height: 0.83rem;
  font-size: 0.45rem;
  padding: 0.07rem 0 0.15rem;
  box-sizing: border-box;
  color: #fff;
}
#app .part.home .right .btn-order.ban {
  pointer-events: none;
}
#app .part.home .right .btn-order:hover {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-order-h.png');
  background-size: 100% 100%;
}
#app .part.home .right .btn-order:active {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-order-a.png');
  background-size: 100% 100%;
}
#app .part.my-bag .title {
  width: 1.5rem;
  height: 0.42rem;
  font-size: 0.32rem;
  color: #fbe89b;
  line-height: 0.3rem;
}
#app .part.my-bag .no-award {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 0.5rem;
  text-align: center;
  line-height: 0.6rem;
  white-space: pre;
}
#app .part.my-bag .no-award.show {
  opacity: 1;
}
#app .part.my-bag .bag-wrap {
  position: relative;
  box-sizing: border-box;
  height: calc(100% - 0.65rem);
  max-height: calc(100% - 0.65rem);
  display: flex;
  width: 94%;
}
#app .part.my-bag .bag-wrap .award-item {
  cursor: pointer;
}
#app .part.my-bag .bag-wrap .item-area {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  width: 0;
  flex-grow: 1;
  box-sizing: border-box;
}
#app .part.my-bag .bag-wrap .item-area .scroll {
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
}
#app .part.my-bag .bag-wrap .item-area .scroll.show {
  opacity: 1;
}
#app .part.my-bag .bag-wrap .card-wrap {
  width: 5.7rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
}
#app .part.my-bag .bag-wrap .card-wrap .card {
  width: 5.7rem;
  height: 7.98rem;
}
#app .part.my-bag .bag-wrap .card-wrap .card img {
  width: 100%;
  height: 100%;
}
#app .part.my-bag .bag-wrap .card-wrap .line {
  display: flex;
  justify-content: center;
}
#app .part.my-bag .bag-wrap .card-wrap .btn {
  margin-top: 0.24rem;
}
#app .part.my-bag .bag-wrap .card-wrap .btn:nth-child(2) {
  margin-left: 0.14rem;
}
#app .part.my-bag .bag-wrap .card-wrap p {
  display: flex;
  position: relative;
  width: 100%;
  color: #fff;
  text-align: right;
  font-size: 0.24rem;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.1rem;
}
#app .part.my-bag .bag-wrap .card-wrap p.center {
  justify-content: center;
}
#app .part.my-bag .bag-wrap .card-wrap p span.tip {
  cursor: pointer;
  width: 0.28rem;
  height: 0.28rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/tip.png') no-repeat;
  background-size: 100% 100%;
  margin-left: 0.2rem;
  margin-right: 0.1rem;
}
#app .part.quest .title {
  width: 1.5rem;
  height: 0.42rem;
  font-size: 0.32rem;
  color: #fbe89b;
  line-height: 0.3rem;
}
#app .part.quest .quest-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 0.65rem);
  max-height: calc(100% - 0.65rem);
  width: 94%;
}
#app .part.quest .quest-cont {
  position: relative;
  max-width: 18rem;
  width: 100%;
  height: 8.3rem;
  max-height: 8.3rem;
  overflow: hidden;
}
#app .part.quest .quest-cont .title {
  width: 94%;
  height: 0.56rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/title-bg.png');
  background-size: 100% 100%;
  font-size: 0.34rem;
  color: #fff;
  line-height: 0.56rem;
  text-indent: 0.62rem;
  margin: 0.14rem 0;
}
#app .part.quest .quest-cont .title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 0.6rem;
  height: 100%;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/title-icon.png') 50% 50% no-repeat;
  background-size: 0.34rem 0.38rem;
}
#app .part.quest .quest-cont .quest {
  position: relative;
  width: 80%;
  height: 1.28rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/quest-bg.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.26rem 0 0.34rem;
  margin-bottom: 0.06rem;
}
#app .part.quest .quest-cont .quest span {
  display: block;
  position: relative;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  border: 0.02rem solid #fff;
  opacity: 0.2;
  margin-right: 0.08rem;
}
#app .part.quest .quest-cont .quest .quest-desc {
  flex: 1;
  font-size: 0.28rem;
  color: #fff;
  line-height: 1.28rem;
}
#app .part.quest .quest-cont .quest .quest-sub-desc {
  position: absolute;
  left: 0.5rem;
  bottom: 0.1rem;
  font-size: 0.2rem;
}
#app .part.quest .quest-cont .quest .order-btn {
  position: absolute;
  right: -3.1rem;
  top: -0.35rem;
  width: 3rem;
  height: 2rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/new/order-btn.png');
  background-size: 100% auto;
  cursor: pointer;
}
#app .part.quest .quest-cont .quest .order-btn:hover {
  filter: brightness(1.2);
}
#app .part.quest .quest-cont .quest .btn-quest {
  font-size: 0.26rem;
  color: #000;
  text-align: center;
  line-height: 0.53rem;
  width: 1.9rem;
  height: 0.53rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/btn.png');
  background-size: 100% 100%;
  font-weight: bold;
}
#app .part.quest .quest-cont .quest .btn-quest:hover {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/btn-h.png');
  background-size: 100% 100%;
}
#app .part.quest .quest-cont .quest .btn-quest:active {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/btn-a.png');
  background-size: 100% 100%;
  color: #fff;
}
#app .part.quest .quest-cont .quest.finish span:after {
  position: absolute;
  content: '';
  width: 0.11rem;
  height: 0.11rem;
  background-color: #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#app .part.quest .quest-cont .quest.finish .quest-desc,
#app .part.quest .quest-cont .quest.finish .quest-sub-desc {
  color: #898989;
}
#app .part.quest .quest-cont .quest.finish .btn-quest {
  pointer-events: none;
  color: #898989;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/quest/btn-fin.png');
  background-size: 100% 100%;
}
#app .part.collect .title {
  width: 1.5rem;
  height: 0.42rem;
  font-size: 0.32rem;
  color: #fbe89b;
  line-height: 0.3rem;
}
#app .part.collect .collect-wrap {
  box-sizing: border-box;
  height: calc(100% - 0.65rem);
  max-height: calc(100% - 0.65rem);
}
#app .part.collect .collect-wrap .collect-area {
  position: relative;
  width: 94%;
  height: 8rem;
  height: calc(100% - 1.4rem);
  overflow: hidden;
  box-sizing: border-box;
}
#app .part.collect .collect-wrap .collect-area .scroll {
  display: flex;
  flex-wrap: wrap;
}
#app .part.collect .collect-wrap .bottom-area {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.4rem;
  width: 94%;
}
#app .part.collect .collect-wrap .progress-wrap {
  position: relative;
  flex-grow: 1;
  width: 0;
  max-width: 15.95rem;
  height: 0.15rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/progress.png');
  background-size: 100% 100%;
  flex-shrink: 0;
}
#app .part.collect .collect-wrap .progress-wrap .inner-wrap {
  position: relative;
  overflow: hidden;
  width: 20%;
  height: 0.13rem;
}
#app .part.collect .collect-wrap .progress-wrap .inner-wrap::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 15.95rem;
  height: 0.13rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/progress-h.png');
  background-size: 100% 100%;
}
#app .part.collect .collect-wrap .progress-wrap .milestone {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  left: 0;
  top: -0.34rem;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li {
  cursor: pointer;
  position: relative;
  width: 0.92rem;
  height: 0.86rem;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li.claimed {
  color: #b4a180;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/a1.png');
  background-size: 100% 100%;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li.pending {
  color: #ffe292;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/a2.png');
  background-size: 100% 100%;
  text-shadow: 0 0 0.17rem #fff4bf;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li.lock {
  color: #fff;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/collect/a3.png');
  background-size: 100% 100%;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li span {
  position: absolute;
  font-size: 0.26rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1.2rem;
  text-align: center;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li span:nth-child(1) {
  top: -0.2rem;
}
#app .part.collect .collect-wrap .progress-wrap .milestone li span:nth-child(2) {
  bottom: -0.3rem;
}
#app .part.collect .collect-wrap .btn-share {
  letter-spacing: 0;
}
.req_info_box {
  position: fixed;
  width: 100%;
  height: 0.24rem;
  line-height: 0.24rem;
  text-align: right;
  color: #b3b3b3;
  z-index: 999;
  bottom: 0;
  right: 0;
  font-size: 0.14rem;
  padding-right: 0.1rem;
}
._container_1pugf_1 {
  overflow: visible;
}
#anchor-switch-account-login {
  display: none;
}
._login-inner_1r515_26 {
  padding-bottom: 0.2rem;
}
#app .wrap.en .award-item.collect .desc .name,
#app .wrap.ja .award-item.collect .desc .name,
#app .wrap.fr .award-item.collect .desc .name,
#app .wrap.de .award-item.collect .desc .name,
#app .wrap.es .award-item.collect .desc .name,
#app .wrap.zh-Hant .award-item.collect .desc .name,
#app .wrap.ko .award-item.collect .desc .name {
  white-space: pre-line;
}
#app .wrap.en .btn-type1,
#app .wrap.ja .btn-type1,
#app .wrap.fr .btn-type1,
#app .wrap.de .btn-type1,
#app .wrap.es .btn-type1,
#app .wrap.zh-Hant .btn-type1,
#app .wrap.ko .btn-type1 {
  letter-spacing: 0;
}
#app .wrap.en .pop-award-share .cont,
#app .wrap.ja .pop-award-share .cont,
#app .wrap.fr .pop-award-share .cont,
#app .wrap.de .pop-award-share .cont,
#app .wrap.es .pop-award-share .cont,
#app .wrap.zh-Hant .pop-award-share .cont,
#app .wrap.ko .pop-award-share .cont {
  width: 12.4rem;
}
#app .wrap.en .pop-award-share .cont .left,
#app .wrap.ja .pop-award-share .cont .left,
#app .wrap.fr .pop-award-share .cont .left,
#app .wrap.de .pop-award-share .cont .left,
#app .wrap.es .pop-award-share .cont .left,
#app .wrap.zh-Hant .pop-award-share .cont .left,
#app .wrap.ko .pop-award-share .cont .left {
  width: 6rem;
}
#app .wrap.en .pop-award-share .cont .left p,
#app .wrap.ja .pop-award-share .cont .left p,
#app .wrap.fr .pop-award-share .cont .left p,
#app .wrap.de .pop-award-share .cont .left p,
#app .wrap.es .pop-award-share .cont .left p,
#app .wrap.zh-Hant .pop-award-share .cont .left p,
#app .wrap.ko .pop-award-share .cont .left p {
  text-indent: 0;
}
#app .wrap.en .page-guest .cont,
#app .wrap.ja .page-guest .cont,
#app .wrap.fr .page-guest .cont,
#app .wrap.de .page-guest .cont,
#app .wrap.es .page-guest .cont,
#app .wrap.zh-Hant .page-guest .cont,
#app .wrap.ko .page-guest .cont {
  width: 13rem;
}
#app .wrap.en .page-guest .cont .left,
#app .wrap.ja .page-guest .cont .left,
#app .wrap.fr .page-guest .cont .left,
#app .wrap.de .page-guest .cont .left,
#app .wrap.es .page-guest .cont .left,
#app .wrap.zh-Hant .page-guest .cont .left,
#app .wrap.ko .page-guest .cont .left {
  width: 7rem;
}
#app .wrap.en .page-guest .cont .left .title,
#app .wrap.ja .page-guest .cont .left .title,
#app .wrap.fr .page-guest .cont .left .title,
#app .wrap.de .page-guest .cont .left .title,
#app .wrap.es .page-guest .cont .left .title,
#app .wrap.zh-Hant .page-guest .cont .left .title,
#app .wrap.ko .page-guest .cont .left .title {
  color: #fff;
  font-size: 0.6rem;
}
#app .wrap.en .page-guest .cont .left p,
#app .wrap.ja .page-guest .cont .left p,
#app .wrap.fr .page-guest .cont .left p,
#app .wrap.de .page-guest .cont .left p,
#app .wrap.es .page-guest .cont .left p,
#app .wrap.zh-Hant .page-guest .cont .left p,
#app .wrap.ko .page-guest .cont .left p {
  font-size: 0.26rem;
  line-height: 0.36rem;
}
#app .wrap.en .pop-draw .draw-area .title,
#app .wrap.fr .pop-draw .draw-area .title,
#app .wrap.de .pop-draw .draw-area .title,
#app .wrap.es .pop-draw .draw-area .title {
  letter-spacing: 0;
  font-family: 'Source Han Sans CN';
}
#app .wrap.en .page-enter .enter-wrap .enter-logo,
#app .wrap.ja .page-enter .enter-wrap .enter-logo,
#app .wrap.fr .page-enter .enter-wrap .enter-logo,
#app .wrap.de .page-enter .enter-wrap .enter-logo,
#app .wrap.es .page-enter .enter-wrap .enter-logo {
  width: 6.95rem;
  height: 2.64rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/en/enter-logo.png');
  background-size: 100% 100%;
}
#app .wrap.en .page-enter .enter-main .logo,
#app .wrap.ja .page-enter .enter-main .logo,
#app .wrap.fr .page-enter .enter-main .logo,
#app .wrap.de .page-enter .enter-main .logo,
#app .wrap.es .page-enter .enter-main .logo {
  top: 0.56rem;
  left: 1.71rem;
  width: 2.04rem;
  height: 0.66rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/en/logo.png');
  background-size: 100% 100%;
}
#app .wrap.en .part.home .left .desc {
  width: 8.02rem;
  height: 1.67rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/en/desc.png');
  background-size: 100% 100%;
}
#app .wrap.en .part.home .right .btn-order {
  font-size: 0.34rem;
}
#app .wrap.en .award-item.collect .desc .name {
  font-size: 0.3rem;
}
#app .wrap.en .part.home .left .lock-wrap .tip {
  font-size: 0.22rem;
  line-height: 0.26rem;
}
#app .wrap.ja .part.home .left .desc {
  width: 6.62rem;
  height: 1.96rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/ja/desc.png');
  background-size: 100% 100%;
}
#app .wrap.ja .page-enter .enter-wrap .enter-logo {
  width: 3.89rem;
  height: 2.71rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/zh-Hant/enter-logo.png');
  background-size: 100% 100%;
}
#app .wrap.ja .page-enter .enter-main .logo {
  top: 0.56rem;
  left: 1.71rem;
  width: 1.24rem;
  height: 0.82rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/zh-Hant/logo.png');
  background-size: 100% 100%;
}
#app .wrap.ja .award-item.collect .desc .name {
  font-size: 0.32rem;
}
#app .wrap.ja .part.home .right .btn-order {
  font-size: 0.36rem;
}
#app .wrap.ja .part.collect .collect-wrap .btn-share {
  font-size: 0.22rem;
}
#app .wrap.ja .part.home .left .lock-wrap .item .img-wrap span {
  font-size: 0.22rem;
  box-sizing: border-box;
  padding: 0 0.2rem;
}
#app .wrap.ko .part.home .left .desc {
  width: 5.83rem;
  height: 1.92rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/ko/desc.png');
  background-size: 100% 100%;
}
#app .wrap.ko .page-enter .enter-wrap .enter-logo {
  width: 3.78rem;
  height: 2.74rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/ko/enter-logo.png');
  background-size: 100% 100%;
}
#app .wrap.ko .page-enter .enter-main .logo {
  top: 0.56rem;
  left: 1.71rem;
  width: 1.22rem;
  height: 0.81rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/ko/logo.png');
  background-size: 100% 100%;
}
#app .wrap.ko .award-item.collect .desc .name {
  font-size: 0.28rem;
}
#app .wrap.ko .part.collect .collect-wrap .btn-share {
  font-size: 0.28rem;
}
#app .wrap.zh-Hant .part.home .left .desc {
  width: 7rem;
  height: 1.94rem;
  background: url('../img/zh-hant/desc.png');
  background-size: 100% 100%;
}
#app .wrap.zh-Hant .page-enter .enter-wrap .enter-logo {
  width: 3.89rem;
  height: 2.71rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/zh-Hant/enter-logo.png');
  background-size: 100% 100%;
}
#app .wrap.zh-Hant .page-enter .enter-main .logo {
  top: 0.56rem;
  left: 1.71rem;
  width: 1.24rem;
  height: 0.82rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/zh-Hant/logo.png');
  background-size: 100% 100%;
}
#app .wrap.fr .part.home .left .desc {
  width: 8.18rem;
  height: 1.49rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/fr/desc.png');
  background-size: 100% 100%;
}
#app .wrap.fr .part.home .right .btn-order {
  font-size: 0.27rem;
}
#app .wrap.fr .award-item.collect .desc .name {
  font-size: 0.28rem;
}
#app .wrap.fr .part.home .left .lock-wrap .tip {
  font-size: 0.2rem;
  line-height: 0.22rem;
}
#app .wrap.fr .pop-record .no-award {
  font-size: 0.36rem;
}
#app .wrap.fr .pop-award-share .cont .left p {
  font-size: 0.24rem;
}
#app .wrap .part.collect .collect-wrap .btn-share {
  font-size: 0.28rem;
}
#app .wrap.de .part.home .left .desc {
  width: 8.17rem;
  height: 2.36rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/de/desc.png');
  background-size: 100% 100%;
}
#app .wrap.de .award-item.collect .desc .name {
  font-size: 0.26rem;
}
#app .wrap.de .part.home .right .btn-order {
  font-size: 0.32rem;
}
#app .wrap.de .part.quest .quest-cont .quest.finish .btn-quest {
  font-size: 0.22rem;
}
#app .wrap.de .part.home .left .lock-wrap .tip {
  font-size: 0.2rem;
  line-height: 0.22rem;
}
#app .wrap.de .pop-record .no-award {
  font-size: 0.36rem;
}
#app .wrap.es .part.home .left .desc {
  width: 8.32rem;
  height: 1.56rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/es/desc.png');
  background-size: 100% 100%;
}
#app .wrap.es .award-item.collect .desc .name {
  font-size: 0.32rem;
}
#app .wrap.es .part.home .right .btn-order {
  font-size: 0.3rem;
}
#app .wrap.es .part.collect .collect-wrap .btn-share {
  font-size: 0.3rem;
}
#app .wrap.es .part.home .left .lock-wrap .tip {
  font-size: 0.22rem;
  line-height: 0.22rem;
}
#app .wrap.es .pop-record .no-award {
  font-size: 0.36rem;
}
.pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  opacity: 0;
  z-index: -3;
  pointer-events: none;
  transition: 0.3s opacity;
}
.pop.show {
  opacity: 1;
  z-index: 99;
  pointer-events: visible;
  transform: translate3d(0, 0, 0);
}
.pop .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.pop .cont {
  position: relative;
}
.pop .close,
.pop .pop-close {
  cursor: pointer;
}
.pop .btn {
  cursor: pointer;
  width: 2.85rem;
  height: 0.76rem;
  color: #fff;
  font-weight: bold;
  line-height: 0.74rem;
  text-align: center;
  font-size: 0.35rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/btn-normal.png');
  background-size: 100% 100%;
}
.pop .btn:hover {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/btn-hover.png');
  background-size: 100% 100%;
}
.pop .btn:active {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/btn-down.png');
  background-size: 100% 100%;
}
.pop .btn.ban {
  pointer-events: none;
}
.pop .btn.ban2 {
  pointer-events: none;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/btn-down.png');
  background-size: 100% 100%;
}
.pop.type1 .cont {
  width: 11.19rem;
  height: 4.85rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-type1.png');
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.2rem 0.28rem 0 0.28rem;
}
.pop.type1 .pop-close {
  cursor: pointer;
  position: absolute;
  right: 0.3rem;
  top: 0.15rem;
  width: 0.77rem;
  height: 0.78rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-close.png');
  background-size: 100% 100%;
}
.pop.type1 .title {
  height: 0.7rem;
  line-height: 0.74rem;
  color: #000;
  font-size: 0.28rem;
  text-indent: 0.26rem;
  font-weight: bold;
}
.pop.type1 .desc {
  height: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: pre-line;
  padding: 0 0.3rem;
}
.pop.type1 .desc span {
  text-align: center;
  font-size: 0.32rem;
  color: #000;
  line-height: 0.6rem;
}
.pop.type1 .line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop.type1 .line .btn:nth-child(2) {
  margin-left: 2.92rem;
}
.pop.type1 .line .btn.down {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/btn-down.png');
  background-size: 100% 100%;
}
.pop.type2 .cont {
  width: 13.39rem;
  height: 7.55rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-type2.png');
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0.25rem 0.28rem 0 0.28rem;
}
.pop.type2 .cont .scroll-area {
  position: relative;
  overflow: hidden;
  width: 11rem;
  height: 5.45rem;
  margin: 0.35rem auto 0;
  box-sizing: border-box;
  padding-right: 0.3rem;
}
.pop.type2 .cont .scroll-area .scroll {
  padding-bottom: 0.2rem;
}
.pop.type2 .pop-close {
  cursor: pointer;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
  width: 0.93rem;
  height: 0.94rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-close2.png');
  background-size: 100% 100%;
}
.pop.type2 .title {
  height: 0.85rem;
  line-height: 0.9rem;
  color: #000;
  font-size: 0.32rem;
  text-indent: 0.32rem;
  font-weight: bold;
}
.pop.type2 .article p,
.pop.type2 .article li {
  font-size: 0.26rem;
  color: #000;
  line-height: 0.46rem;
  margin-top: 0.2rem;
}
.pop.type2 .article p.mt2,
.pop.type2 .article li.mt2 {
  margin-top: 0.45rem;
}
.pop.type2 .article p.t,
.pop.type2 .article li.t {
  font-size: 0.32rem;
  line-height: normal;
  font-weight: bold;
}
.pop.type2 .article p.t:nth-child(1),
.pop.type2 .article li.t:nth-child(1) {
  margin-top: 0;
}
.pop.type2 .article table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.2rem;
}
.pop.type2 .article th,
.pop.type2 .article td {
  border: 1px solid #ddd;
  text-align: left;
  padding: 0.08rem;
  text-align: center;
  font-size: 0.26rem;
  color: #000;
}
.pop.type2 .article th {
  font-weight: bold;
  background-color: #f2f2f2;
}
.pop.type2 .article .indentation {
  padding-left: 0.4rem;
}
.pop-rule li,
.pop-award-desc li {
  margin-top: 0.2rem;
  list-style: disc;
}
.pop-rule ul,
.pop-award-desc ul {
  list-style: disc;
}
.pop-rule .scroll a,
.pop-award-desc .scroll a {
  color: #000;
}
.pop-rule .scroll a span,
.pop-award-desc .scroll a span {
  color: #b69c5f;
}
.pop-rule.type2 .cont .scroll-area {
  width: 11.2rem;
}
.pop-record .thead {
  width: 10.66rem;
  height: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.3rem auto 0.2rem;
  border-radius: 0.2rem;
  background-color: #ebebeb;
  opacity: 0;
}
.pop-record .thead.show {
  opacity: 1;
}
.pop-record .thead span {
  display: block;
  color: #000;
  width: 50%;
  font-size: 0.32rem;
  font-weight: bold;
  text-align: center;
}
.pop-record ul li {
  min-height: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 0.2rem 0;
}
.pop-record ul li span {
  display: block;
  color: #000;
  width: 50%;
  font-size: 0.28rem;
  text-align: center;
}
.pop-record .no-award {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 0.5rem;
  text-align: center;
  line-height: 0.6rem;
  width: 100%;
  padding: 0 0.6rem;
  box-sizing: border-box;
  white-space: pre;
}
.pop-record .no-award.show {
  opacity: 1;
}
.pop-record.type2 .cont {
  position: relative;
}
.pop-record.type2 .cont .scroll-area {
  margin: 0.2rem auto 0;
  width: 10.66rem;
  height: 4.43rem;
  opacity: 0;
}
.pop-record.type2 .cont .scroll-area.show {
  opacity: 1;
}
.pop-award .award-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.9rem auto 0.3rem;
}
.pop-award .award-wrap .award {
  margin: 0 0.3rem;
}
.pop-award .award-wrap .award .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0 auto;
}
.pop-award .award-wrap .award .img-wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.pop-award .award-wrap .award .txt {
  font-size: 0.32rem;
  color: #000;
  text-align: center;
  margin-top: 0.1rem;
}
.pop-award p {
  font-size: 0.24rem;
  text-align: center;
  margin-top: 0.4rem;
  color: #808080;
  white-space: pre-line;
  padding: 0 0.3rem;
}
.pop-award .btn {
  margin: 0.6rem auto 0;
}
.pop-share .pop-close {
  cursor: pointer;
  position: absolute;
  right: -1.1rem;
  top: -0.24rem;
  width: 1.17rem;
  height: 1.17rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-close3.png');
  background-size: 100% 100%;
}
.pop-share .cont {
  width: 12.8rem;
}
.pop-share .cont .img-wrap {
  width: 12.8rem;
  height: 6.99rem;
}
.pop-share .cont .img-wrap img {
  width: 100%;
  height: 100%;
}
.pop-share .cont .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.2rem;
}
.pop-share .cont p {
  font-size: 0.29rem;
  color: #fff;
}
.pop-poster .pop-close {
  cursor: pointer;
  position: absolute;
  right: -1.1rem;
  top: -0.24rem;
  width: 1.17rem;
  height: 1.17rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-close3.png');
  background-size: 100% 100%;
}
.pop-poster .cont {
  width: 14rem;
}
.pop-poster .cont .img-wrap {
  width: 100%;
  height: auto;
}
.pop-poster .cont .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.pop-poster .cont .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.2rem;
}
.pop-poster .cont p {
  font-size: 0.29rem;
  color: #fff;
}
.pop-award-share {
  justify-content: center;
  align-items: center;
}
.pop-award-share.show {
  display: flex;
}
.pop-award-share .cont {
  position: relative;
  width: 10.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop-award-share .cont .left {
  width: 4.17rem;
  font-size: 0;
}
.pop-award-share .cont .left .title {
  color: #fbe89b;
  font-size: 0.74rem;
}
.pop-award-share .cont .left p {
  font-size: 0.26rem;
  color: #fff;
  line-height: 0.46rem;
  text-indent: 2em;
}
.pop-award-share .cont .left p.t {
  font-size: 0.3rem;
  font-weight: bold;
  text-indent: 0;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.pop-award-share .cont .left .remaining-chance {
  margin-top: 0.26rem;
}
.pop-award-share .cont .right .img-wrap {
  width: 5.78rem;
  height: 9.7rem;
}
.pop-award-share .cont .right .img-wrap img {
  width: 100%;
  height: 100%;
}
.pop-award-share .cont .right p {
  font-size: 0.29rem;
  color: #fff;
  text-align: center;
  margin: 0.1rem auto 0;
}
.pop-award-share .pop-close {
  cursor: pointer;
  position: absolute;
  right: -1.1rem;
  top: -0.24rem;
  width: 1.17rem;
  height: 1.17rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-close3.png');
  background-size: 100% 100%;
}
.pop-award-share .share-wrap {
  position: absolute;
  right: 0.2rem;
  bottom: -0.24rem;
  width: 0.78rem;
  flex-wrap: wrap;
}
.pop-award-share .share-wrap .icon + .icon {
  margin-top: 0.2rem;
  margin-left: 0 !important;
}
.pop-gzh .img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.12rem;
  height: 5.12rem;
  margin: 0 auto;
}
.pop-gzh .img-wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.pop-gzh p {
  color: #fff;
  font-size: 0.36rem;
  text-align: center;
  margin-top: 0.2rem;
}
.pop-claim-success .award-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.7rem;
}
.pop-claim-success .line {
  display: flex;
  justify-content: center;
}
.navbar[data-v-a722493c] {
  position: relative;
  min-width: 1.79rem;
  height: 100%;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/navbar1.png') no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  transition: all 0.3s;
}
.navbar.home[data-v-a722493c] {
  min-width: 3.05rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/navbar2.png') no-repeat;
  background-size: 100% 100%;
}
.navbar .showAni[data-v-a722493c] {
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.navbar .showAni.show[data-v-a722493c] {
  opacity: 1;
  pointer-events: visible;
  z-index: 1;
}
.navbar .home[data-v-a722493c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.navbar .home.show[data-v-a722493c] {
  opacity: 1;
  pointer-events: visible;
  z-index: 1;
}
.navbar .home .avatar-wrap[data-v-a722493c] {
  position: relative;
  width: 2.68rem;
  height: 3.05rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/avatar-wrap.png') no-repeat;
  background-size: 100% auto;
  margin-bottom: 0.5rem;
}
.navbar .home .avatar-wrap .avatar[data-v-a722493c] {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.65rem 0 0 0.36rem;
}
.navbar .home .avatar-wrap .avatar img[data-v-a722493c] {
  width: 100%;
  height: auto;
}
.navbar .home .avatar-wrap[data-v-a722493c]:after {
  pointer-events: none;
  position: absolute;
  left: -0.3rem;
  top: 0;
  content: '';
  width: 0.46rem;
  height: 8.38rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/dec.png');
  background-size: 100% 100%;
}
.navbar .home .avatar-wrap .name[data-v-a722493c] {
  position: absolute;
  bottom: -0.5rem;
  left: -0.28rem;
  width: 3.01rem;
  height: 0.86rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/name.png');
  background-size: 100% 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.9rem;
  box-sizing: border-box;
  padding-left: 0.7rem;
  padding-right: 0.3rem;
}
.navbar .home .avatar-wrap .name .logout[data-v-a722493c] {
  cursor: pointer;
  position: absolute;
  left: 0.15rem;
  top: 0;
  height: 0.86rem;
  width: 0.5rem;
}
.navbar .home .nav-list[data-v-a722493c] {
  width: 2.68rem;
  height: 0;
  flex-grow: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.navbar .home .btn[data-v-a722493c] {
  width: 2.7rem;
}
.navbar .home .btn .icon[data-v-a722493c] {
  width: 1.48rem;
  height: 1.48rem;
  margin: 0 auto;
}
.navbar .home .btn .txt[data-v-a722493c] {
  font-size: 0.26rem;
  line-height: 0.26rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.navbar .home .btn-bag .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-bag-n.png');
  background-size: 100% 100%;
}
.navbar .home .btn-bag:hover .icon[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-bag-s.png');
  background-size: 100% 100%;
}
.navbar .home .btn-bag:active .icon[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-bag-a.png');
  background-size: 100% 100%;
}
.navbar .home .btn-quest .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-quest-n.png');
  background-size: 100% 100%;
}
.navbar .home .btn-quest:hover .icon[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-quest-s.png');
  background-size: 100% 100%;
}
.navbar .home .btn-quest:active .icon[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-quest-a.png');
  background-size: 100% 100%;
}
.navbar .home .btn-collect .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-collect-n.png');
  background-size: 100% 100%;
}
.navbar .home .btn-collect:hover .icon[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-collect-s.png');
  background-size: 100% 100%;
}
.navbar .home .btn-collect:active .icon[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/btn-collect-a.png');
  background-size: 100% 100%;
}
.navbar .normal[data-v-a722493c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-evenly;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.navbar .normal.show[data-v-a722493c] {
  opacity: 1;
  pointer-events: visible;
  z-index: 1;
}
.navbar .normal .btn[data-v-a722493c] {
  width: 1.79rem;
  height: 1.6rem;
  transition: all 0.3s;
}
.navbar .normal .btn .icon[data-v-a722493c] {
  width: 100%;
  height: 0.8rem;
  transition: all 0.3s;
  margin: 0 auto;
}
.navbar .normal .btn .txt[data-v-a722493c] {
  font-size: 0.26rem;
  color: #97938e;
  text-align: center;
  transition: all 0.3s;
  margin-top: 0.15rem;
  font-weight: bold;
}
.navbar .normal .btn.active[data-v-a722493c] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/navbar-btn-h.png') no-repeat;
  background-size: 100% 100%;
}
.navbar .normal .btn.active .txt[data-v-a722493c] {
  color: #fbe89b;
}
.navbar .normal .btn-home .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-home.png');
  background-repeat: no-repeat;
  background-size: 0.5rem 0.48rem;
  background-position: center bottom;
}
.navbar .normal .btn-home.active .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-home-s.png');
}
.navbar .normal .btn-bag .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-bag.png');
  background-repeat: no-repeat;
  background-size: 0.5rem 0.58rem;
  background-position: center bottom;
}
.navbar .normal .btn-bag.active .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-bag-s.png');
}
.navbar .normal .btn-quest .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-quest.png');
  background-repeat: no-repeat;
  background-size: 0.46rem 0.56rem;
  background-position: center bottom;
}
.navbar .normal .btn-quest.active .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-quest-s.png');
}
.navbar .normal .btn-collect .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-collect.png');
  background-repeat: no-repeat;
  background-size: 0.47rem 0.62rem;
  background-position: center bottom;
}
.navbar .normal .btn-collect.active .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-collect-s.png');
}
.pc .navbar .normal .btn[data-v-a722493c]:hover {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/navbar-btn-h.png') no-repeat;
  background-size: 100% 100%;
}
.pc .navbar .normal .btn:hover .txt[data-v-a722493c] {
  color: #fbe89b;
}
.pc .navbar .normal .btn-home:hover .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-home-s.png');
}
.pc .navbar .normal .btn-bag:hover .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-bag-s.png');
}
.pc .navbar .normal .btn-quest:hover .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-quest-s.png');
}
.pc .navbar .normal .btn-collect:hover .icon[data-v-a722493c] {
  background-image: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-collect-s.png');
}
.toolbar[data-v-4148df7f] {
  position: absolute;
  height: auto;
  top: 0.4rem;
  right: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.toolbar .btn + .btn[data-v-4148df7f] {
  margin-left: 0.6rem;
}
.toolbar .btn + .btn.bgm-btn[data-v-4148df7f] {
  margin-left: 0.44rem;
}
.toolbar .bgm-btn[data-v-4148df7f] {
  width: 0.47rem;
  height: 0.4rem;
  display: flex;
  position: relative;
  left: 0.1rem;
  margin-top: 0.03rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
}
.toolbar .bgm-btn i[data-v-4148df7f] {
  display: block;
  width: 0.06rem;
  height: 0.4rem;
  background: #ebe7ed;
  transform-origin: 0 center;
  border-radius: 0.06rem;
}
.toolbar .bgm-btn .i1[data-v-4148df7f] {
  transform: scaleY(0.3);
}
.toolbar .bgm-btn .i2[data-v-4148df7f] {
  transform: scaleY(0.8);
}
.toolbar .bgm-btn .i3[data-v-4148df7f] {
  transform: scaleY(0.4);
}
.toolbar .bgm-btn .i4[data-v-4148df7f] {
  transform: scaleY(0.9);
}
.toolbar .bgm-btn.play .i1[data-v-4148df7f] {
  animation: music-4148df7f 0.6s infinite linear 0.4s alternate;
}
.toolbar .bgm-btn.play .i2[data-v-4148df7f] {
  animation: music-4148df7f 0.5s infinite linear 0.3s alternate;
}
.toolbar .bgm-btn.play .i3[data-v-4148df7f] {
  animation: music-4148df7f 0.5s infinite linear 0.2s alternate;
}
.toolbar .bgm-btn.play .i4[data-v-4148df7f] {
  animation: music-4148df7f 0.5s infinite linear 0.4s alternate;
}
.toolbar .btn-refresh[data-v-4148df7f] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-refresh.png');
  background-size: 100% 100%;
  width: 0.39rem;
  height: 0.4rem;
}
.toolbar .btn-lan[data-v-4148df7f] {
  position: relative;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-lan.png');
  background-size: 100% 100%;
  width: 0.41rem;
  height: 0.41rem;
}
.toolbar .btn-lan ul[data-v-4148df7f] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.3rem;
  min-width: 1.36rem;
  border-bottom: 0.04rem solid #b8a37a;
  background: #000000;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.toolbar .btn-lan ul.show[data-v-4148df7f] {
  pointer-events: visible;
  top: 0.5rem;
  opacity: 1;
}
.toolbar .btn-lan ul li[data-v-4148df7f] {
  cursor: pointer;
  color: #a6a6a5;
  height: 0.55rem;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.55rem;
}
.toolbar .btn-lan ul li.active[data-v-4148df7f] {
  color: #fff;
}
.toolbar .btn-lan ul li[data-v-4148df7f]:hover {
  color: #fff;
}
.toolbar .btn-rule[data-v-4148df7f] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-rule.png');
  background-size: 100% 100%;
  width: 0.33rem;
  height: 0.37rem;
}
.toolbar .btn-record[data-v-4148df7f] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-record.png');
  background-size: 100% 100%;
  width: 0.31rem;
  height: 0.39rem;
}
.toolbar .btn-gift[data-v-4148df7f] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-gift.png');
  background-size: 100% 100%;
  width: 0.38rem;
  height: 0.37rem;
}
.toolbar .btn-share[data-v-4148df7f] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-share.png');
  background-size: 100% 100%;
  width: 0.38rem;
  height: 0.36rem;
}
.toolbar .btn-tip[data-v-4148df7f] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/new/icon.png');
  background-size: 100% 100%;
  width: 0.38rem;
  height: 0.38rem;
}
@keyframes music-4148df7f {
0% {
    transform: scaleY(0);
}
100% {
    transform: scaleY(1);
}
}
.page-enter[data-v-3a6f7706] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/loading-page.jpg') center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.page-enter .bg-video[data-v-3a6f7706] {
  width: 100%;
  height: 100%;
}
.page-enter .cover-img[data-v-3a6f7706] {
  background: #000;
}
.page-enter .showAni[data-v-3a6f7706] {
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.page-enter .showAni.show[data-v-3a6f7706] {
  opacity: 1;
  pointer-events: visible;
  z-index: 2;
}
.page-enter .mask[data-v-3a6f7706] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.page-enter .mask.show[data-v-3a6f7706] {
  opacity: 1;
  pointer-events: visible;
  z-index: 2;
}
.page-enter .enter-main[data-v-3a6f7706] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.page-enter .enter-main .logo[data-v-3a6f7706] {
  position: absolute;
  top: 0.56rem;
  left: 1.71rem;
  width: 1.29rem;
  height: 0.86rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/logo.png');
  background-size: 100% 100%;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.page-enter .enter-main .logo.show[data-v-3a6f7706] {
  opacity: 1;
  pointer-events: visible;
  z-index: 2;
}
.page-enter .enter-main .left-line[data-v-3a6f7706] {
  position: absolute;
  top: 0;
  left: 1.03rem;
  width: 0.51rem;
  height: 9.8rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/left-line.png');
  background-size: 100% 100%;
}
.page-enter .enter-main .right-line[data-v-3a6f7706] {
  position: absolute;
  top: 0;
  right: 0.52rem;
  width: 0.52rem;
  height: 100%;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/right-line.png');
  background-size: 100% 100%;
}
.page-enter .enter-main .progress-wrap[data-v-3a6f7706] {
  position: absolute;
  bottom: 0.46rem;
  width: 15.72rem;
  height: auto;
  left: 50%;
  margin-left: -8.11rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.page-enter .enter-main .progress-wrap.show[data-v-3a6f7706] {
  opacity: 1;
  pointer-events: visible;
  z-index: 2;
}
.page-enter .enter-main .progress-wrap .text[data-v-3a6f7706] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.12rem;
  box-sizing: border-box;
  padding: 0 0.08rem;
}
.page-enter .enter-main .progress-wrap .text span[data-v-3a6f7706] {
  color: #fff;
  font-size: 0.26rem;
}
.page-enter .enter-main .progress-wrap .progress[data-v-3a6f7706] {
  width: 100%;
  height: 0.15rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/progress-wrap.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 1px 0;
}
.page-enter .enter-main .progress-wrap .progress .bar[data-v-3a6f7706] {
  position: relative;
  width: 15.49rem;
  height: 0.13rem;
}
.page-enter .enter-main .progress-wrap .progress .bar .line[data-v-3a6f7706] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  overflow: hidden;
}
.page-enter .enter-main .progress-wrap .progress .bar .line[data-v-3a6f7706]:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15.49rem;
  height: 100%;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/progress.png');
  background-size: 100% 100%;
}
.page-enter .enter-wrap[data-v-3a6f7706],
.page-enter .select-wrap[data-v-3a6f7706] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.page-enter .enter-wrap.show[data-v-3a6f7706],
.page-enter .select-wrap.show[data-v-3a6f7706] {
  opacity: 1;
  pointer-events: visible;
  z-index: 2;
}
.page-enter .enter-wrap .enter-logo[data-v-3a6f7706],
.page-enter .select-wrap .enter-logo[data-v-3a6f7706] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.87rem;
  height: 2.69rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/enter-logo.png');
  background-size: 100% 100%;
}
.page-enter .enter-wrap .enter-tip[data-v-3a6f7706],
.page-enter .select-wrap .enter-tip[data-v-3a6f7706] {
  position: absolute;
  left: 50%;
  bottom: 0.4rem;
  transform: translateX(-50%);
  width: 12.63rem;
  height: 0.56rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/enter-tip.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
}
.page-enter .enter-wrap .enter-tip span[data-v-3a6f7706],
.page-enter .select-wrap .enter-tip span[data-v-3a6f7706] {
  display: block;
  position: relative;
  height: 0.56rem;
  line-height: 0.56rem;
  padding: 0 0.1rem;
  font-size: 0.31rem;
  color: #fff;
}
.page-enter .enter-wrap .enter-tip span[data-v-3a6f7706]::before,
.page-enter .select-wrap .enter-tip span[data-v-3a6f7706]::before {
  position: absolute;
  left: -1rem;
  top: 50%;
  margin-top: -0.14rem;
  content: '';
  width: 1rem;
  height: 0.28rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/enter-dec1.png');
  background-size: 100% 100%;
}
.page-enter .enter-wrap .enter-tip span[data-v-3a6f7706]::after,
.page-enter .select-wrap .enter-tip span[data-v-3a6f7706]::after {
  position: absolute;
  right: -1rem;
  top: 50%;
  margin-top: -0.14rem;
  content: '';
  width: 1rem;
  height: 0.28rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/enter-dec2.png');
  background-size: 100% 100%;
}
.page-enter .select-wrap .left-role[data-v-3a6f7706] {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.page-enter .select-wrap .left-role.active[data-v-3a6f7706]::before {
  animation: flash-3a6f7706 1s ease-in-out infinite;
}
.page-enter .select-wrap .left-role[data-v-3a6f7706]::before {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 17.1rem;
  height: 3.9rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/light-l.png');
  background-size: 100% 100%;
  opacity: 0;
}
.page-enter .select-wrap .right-role[data-v-3a6f7706] {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.page-enter .select-wrap .right-role.active[data-v-3a6f7706]::before {
  animation: flash-3a6f7706 1s ease-in-out infinite;
}
.page-enter .select-wrap .right-role[data-v-3a6f7706]::before {
  pointer-events: none;
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 17.1rem;
  height: 3.9rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/light-r.png');
  background-size: 100% 100%;
  opacity: 0;
}
.page-enter .select-wrap .left-confirm[data-v-3a6f7706],
.page-enter .select-wrap .right-confirm[data-v-3a6f7706] {
  position: absolute;
  cursor: pointer;
  width: 3.58rem;
  height: 0.86rem;
  text-align: center;
  line-height: 0.86rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/btn-confirm.png');
  background-size: 100% 100%;
  font-size: 0.28rem;
  color: #fff;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.page-enter .select-wrap .left-confirm.show[data-v-3a6f7706],
.page-enter .select-wrap .right-confirm.show[data-v-3a6f7706] {
  opacity: 1;
  pointer-events: visible;
  z-index: 2;
}
.page-enter .select-wrap .left-confirm[data-v-3a6f7706] {
  left: 50%;
  top: 50%;
  margin-left: -6.9rem;
  margin-top: 1.9rem;
}
.page-enter .select-wrap .right-confirm[data-v-3a6f7706] {
  left: 50%;
  top: 50%;
  margin-left: 3.7rem;
  margin-top: 1.9rem;
}
@keyframes flash-3a6f7706 {
0% {
    opacity: 0.6;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.6;
}
}
canvas#share-award2[data-v-d55b6cf8] {
  position: fixed;
  width: 4.82rem;
  height: 8.08rem;
  z-index: 99;
  left: 99.99rem;
  top: 0;
}
.card-expired[data-v-d55b6cf8] {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 0.6rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.page-guest[data-v-d55b6cf8] {
  display: flex;
  justify-content: center;
}
.page-guest .cont[data-v-d55b6cf8] {
  width: 11.78rem;
  display: flex;
  margin-top: 0.94rem;
  justify-content: center;
}
.page-guest .cont.type2[data-v-d55b6cf8] {
  width: 100%;
  height: 100%;
  align-items: center;
  margin-top: 0px;
}
.page-guest .cont.type2 .right .img-wrap[data-v-d55b6cf8] {
  width: 5.3rem;
  height: auto;
  margin: 0 auto 0.2rem;
}
.page-guest .cont.type2 .right .img-wrap img[data-v-d55b6cf8] {
  display: block;
}
.page-guest .cont.type2 .right .line[data-v-d55b6cf8] {
  justify-content: center;
}
.page-guest .cont .left[data-v-d55b6cf8] {
  margin-right: 0.6rem;
  font-size: 0;
}
.page-guest .cont .left .desc[data-v-d55b6cf8] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/guest/desc.png');
  background-size: 100% 100%;
  width: 5.23rem;
  height: 2.57rem;
}
.page-guest .cont .left[data-v-d55b6cf8] p {
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.4rem;
  text-indent: 2em;
  margin-top: 0.05rem;
}
.page-guest .cont .left[data-v-d55b6cf8] p.t {
  font-size: 0.3rem;
  font-weight: bold;
  text-indent: 0;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.page-guest .cont .left .remaining-chance[data-v-d55b6cf8] {
  margin-top: 0.3rem;
}
.page-guest .cont .right .img-wrap[data-v-d55b6cf8] {
  width: 4.82rem;
  height: 8.08rem;
  margin: 0 auto 0.37rem;
}
.page-guest .cont .right .img-wrap img[data-v-d55b6cf8] {
  width: 100%;
  height: 100%;
}
.page-guest .cont .right p[data-v-d55b6cf8] {
  font-size: 0.29rem;
  color: #fff;
  text-align: center;
  margin: 0.3rem auto 0.2rem;
}
.page-guest .cont .right .line[data-v-d55b6cf8] {
  display: flex;
}
.page-guest .cont .right .line .btn[data-v-d55b6cf8]:nth-child(1) {
  margin-right: 0.3rem;
}
.page-guest .cont .right .line .btn.finish[data-v-d55b6cf8] {
  pointer-events: none;
  opacity: 0.6;
}
.page-guest .cont .right .line .btn.little[data-v-d55b6cf8] {
  font-size: 0.24rem;
}
.page-guest .pop-close[data-v-d55b6cf8] {
  cursor: pointer;
  position: absolute;
  right: -1.1rem;
  top: -0.24rem;
  width: 1.17rem;
  height: 1.17rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/pop-close3.png');
  background-size: 100% 100%;
}
.outsideSty[data-v-4cfacf33] {
  position: fixed;
  top: 0;
  left: 999.99rem;
  z-index: -1;
}
.pop-draw[data-v-2efff08e] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: -1;
}
.pop-draw.show[data-v-2efff08e] {
  opacity: 1;
  pointer-events: visible;
  z-index: 9;
}
.pop-draw .close[data-v-2efff08e] {
  cursor: pointer;
  position: absolute;
  right: 1.6rem;
  top: 1rem;
  width: 1.17rem;
  height: 1.18rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/close.png');
  background-size: 100% 100%;
  z-index: 3;
}
.pop-draw .close.ban[data-v-2efff08e] {
  pointer-events: none;
}
.pop-draw .draw-area[data-v-2efff08e] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.pop-draw .draw-area.ani .title[data-v-2efff08e] {
  animation: opacity100-2efff08e 0.335s cubic-bezier(0.33, 0, 0.67, 1) forwards,top226-2efff08e 0.25s cubic-bezier(0.33, 0, 0.67, 1) 0.43s forwards;
}
.pop-draw .draw-area.ani .title span[data-v-2efff08e] {
  animation: opacity100-2efff08e 0.57s cubic-bezier(0.33, 0, 0.67, 1) 0.38s forwards;
}
.pop-draw .draw-area.ani .award-area[data-v-2efff08e] {
  animation: opacity100-2efff08e 0.179s cubic-bezier(0.33, 0, 0, 1) 0.483s forwards,top40-2efff08e 0.357s cubic-bezier(0.33, 0, 0, 1) 0.483s forwards;
}
.pop-draw .draw-area.ani .remaining-chance2[data-v-2efff08e] {
  animation: opacity100-2efff08e 0.3s cubic-bezier(0.33, 0, 0, 1) 0.616s forwards;
}
.pop-draw .draw-area.ani .draw-btn-wrap[data-v-2efff08e] {
  animation: opacity100-2efff08e 0.3s cubic-bezier(0.33, 0, 0, 1) 0.616s forwards;
}
.pop-draw .draw-area .title[data-v-2efff08e] {
  position: relative;
  width: 25rem;
  height: 3.92rem;
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/title.png');
  background-size: 100% 100%;
  text-align: center;
  line-height: 4.4rem;
  font-size: 0.56rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.15rem;
  top: 2.26rem;
  opacity: 0;
}
.pop-draw .draw-area .title span[data-v-2efff08e] {
  opacity: 0;
}
.pop-draw .draw-area .remaining-chance2[data-v-2efff08e] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/home/chance2.png');
  background-size: 100% 100%;
  width: 7.4rem;
  height: 0.63rem;
  color: #fff;
  box-sizing: border-box;
  font-size: 0.32rem;
  line-height: 0.63rem;
  text-align: center;
  transform: translateY(-1rem);
  margin-top: 0.2rem;
  opacity: 0;
}
.pop-draw .draw-area .remaining-chance2 span[data-v-2efff08e] {
  color: #fce4a2;
}
.pop-draw .draw-area .award-area[data-v-2efff08e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 9rem;
  height: 4.3rem;
  margin: 0 auto;
  transform: scale(0.9) translateY(-1rem);
  position: relative;
  opacity: 0;
  top: 0.4rem;
}
.pop-draw .draw-area .award-area.center[data-v-2efff08e] {
  justify-content: center;
  height: 3.3rem;
}
.pop-draw .draw-area .draw-btn-wrap[data-v-2efff08e] {
  margin-top: 0.3rem;
  transform: translateY(-1rem);
  opacity: 0;
  pointer-events: visible;
}
.pop-draw .draw-area .draw-btn-wrap.ban[data-v-2efff08e] {
  pointer-events: none;
}
@keyframes opacity100-2efff08e {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes top226-2efff08e {
0% {
    top: 2.26rem;
}
100% {
    top: 0;
}
}
@keyframes top40-2efff08e {
0% {
    top: 0.4rem;
}
100% {
    top: 0;
}
}
.loading[data-v-a5c0fd96] {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 102;
}
.loading.show[data-v-a5c0fd96] {
  display: flex;
}
.loading .loading-icon[data-v-a5c0fd96] {
  width: 1.28rem;
  height: 1.28rem;
  animation: rotate360-a5c0fd96 1.5s linear infinite;
}
.loading .loading-icon svg[data-v-a5c0fd96] {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
@keyframes rotate360-a5c0fd96 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.share-wrap[data-v-2ad69e14] {
  display: flex;
  justify-content: center;
}
.share-wrap .icon[data-v-2ad69e14] {
  width: 0.78rem;
  height: 0.78rem;
  cursor: pointer;
}
.share-wrap .icon.wx[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/icon-wx.png');
  background-size: 100% 100%;
}
.share-wrap .icon.copy[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/icon-copy.png');
  background-size: 100% 100%;
}
.share-wrap .icon.wb[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/icon-wb.png');
  background-size: 100% 100%;
}
.share-wrap .icon.qq[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/pop/icon-qq.png');
  background-size: 100% 100%;
}
.share-wrap .icon.share-facebook[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/outer/fb.png');
  background-size: 100% 100%;
}
.share-wrap .icon.share-twitter[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/outer/tw.png');
  background-size: 100% 100%;
}
.share-wrap .icon.more[data-v-2ad69e14] {
  background: url('https://wegame.gtimg.com/g.55555-r.c4663/act/wegame/mingchao20240429/assets/img/outer/more.png');
  background-size: 100% 100%;
}
.share-wrap .icon + .icon[data-v-2ad69e14] {
  margin-left: 0.2rem;
}
canvas#share-poster[data-v-902f6884] {
  position: fixed;
  width: 1280px;
  height: 699px;
  z-index: 99;
  left: 9999px;
  top: 0;
}
canvas#share-award[data-v-2dbcf283] {
  position: fixed;
  width: 4.82rem;
  height: 8.08rem;
  z-index: 99;
  left: 99.99rem;
  top: 0;
}

.cont[data-v-30094685]{
  width: 7rem;
  text-align: center;
}
.cont img[data-v-30094685]{
  max-width: 100%;
}
canvas#share-poster[data-v-68476302] {
  position: fixed;
  width: 1280px;
  height: 699px;
  z-index: 99;
  left: 9999px;
  top: 0;
}
.pop-server .cont {
  padding: 0.4rem 0.6rem 0;
  margin: 0;
  width: 7.27rem;
  height: 6.42rem;
  background-color: #fff;
  border-radius: 0.3rem;
}
.pop-server .cont .name {
  font-weight: bold;
  font-size: 0.4rem;
  color: #181818;
  margin-bottom: 0.72rem;
  text-align: center;
}
.pop-server .cont .server-ul {
  position: relative;
  width: 100%;
  height: 1.05rem;
  font-size: 0.4rem;
  line-height: 1.05rem;
  background-color: #ebedf3;
  color: #4d545d;
  border-radius: 0.2rem;
}
.pop-server .cont .server-ul span {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding-left: 1.1rem;
  box-sizing: border-box;
}
.pop-server .cont .server-ul ul {
  position: absolute;
  width: 100%;
  top: 1.05rem;
  background-color: #ebedf3;
  border-radius: 0.2rem;
}
.pop-server .cont .server-ul ul li {
  position: relative;
  cursor: pointer;
  padding-left: 1.1rem;
  width: 100%;
  height: 0.95rem;
  line-height: 0.95rem;
  font-size: 0.4rem;
  box-sizing: border-box;
}
.pop-server .cont .server-ul ul li:after {
  content: '';
  position: absolute;
  width: 0.37rem;
  height: 0.38rem;
  background: url('../img/pop/server-icon.png');
  background-size: 100% 100%;
  left: 0.45rem;
  top: 50%;
  margin-top: -0.19rem;
  pointer-events: none;
}
.pop-server .cont .server-ul ul li + li {
  border-top: 1px solid #000;
}
.pop-server .cont .server-ul .server-icon {
  position: absolute;
  width: 0.37rem;
  height: 0.38rem;
  background: url('../img/pop/server-icon.png');
  background-size: 100% 100%;
  left: 0.45rem;
  top: 50%;
  margin-top: -0.19rem;
  pointer-events: none;
}
.pop-server .cont .server-ul .tri {
  pointer-events: none;
  position: absolute;
  width: 0.26rem;
  height: 0.18rem;
  background: url('../img/pop/tri.png');
  background-size: 100% 100%;
  right: 0.45rem;
  top: 50%;
  margin-top: -0.09rem;
}
.pop-server .cont .server-tip {
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #788190;
  height: 1.9rem;
  margin-top: 0.1rem;
}
.pop-server .cont .btn-confirm {
  cursor: pointer;
  width: 100%;
  height: 1.05rem;
  text-align: center;
  line-height: 1.05rem;
  color: #fff;
  background-color: #5C8DFF;
  font-size: 0.38rem;
  border-radius: 0.2rem;
}
.pop-server .cont .btn-confirm:hover {
  background-color: rgba(92, 141, 255, 0.9);
}
.pop-server .cont .btn-confirm:active {
  background-color: #004ef8;
}
.pop-server .pop-close {
  cursor: pointer;
  position: absolute;
  right: 0.35rem;
  top: 0.49rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url('../img/pop/pop-close4.png');
  background-size: 100% 100%;
}