.page[data-v-6d545f74] {
  width: 100%;
  height: 100%;
}
.inlineWrap[data-v-6d545f74] {
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 0;
}
.bg[data-v-6d545f74] {
  font-size: 0;
  width: 100%;
}
.team[data-v-6d545f74] {
  position: absolute;
  width: -webkit-calc(100% * (511 / 7020));
  width: calc(100% * (511 / 7020));
  text-align: center;
}
.team .bubble[data-v-6d545f74] {
    width: -webkit-calc(100% * (373 / 511));
    width: calc(100% * (373 / 511));
    display: inline-block;
    position: relative;
}
.team .bubble img[data-v-6d545f74] {
      width: 100%;
}
.team .bubble b[data-v-6d545f74] {
      color: black;
      font-size: 1.4vw;
      position: absolute;
      left: 48%;
      top: 45%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
}
.team .people[data-v-6d545f74] {
    width: 100%;
}
.maskOver[data-v-6d545f74] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.upGroup[data-v-6d545f74] {
  z-index: 50;
}
.upGroup .team[data-v-6d545f74] {
    bottom: -webkit-calc(100% * (1138 / 3240));
    bottom: calc(100% * (1138 / 3240));
}
.upGroup.one .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (3254 / 7020));
    left: calc(100% * (3254 / 7020));
}
.upGroup.two .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2938 / 7020));
    left: calc(100% * (2938 / 7020));
}
.upGroup.two .team[data-v-6d545f74]:last-child {
    left: -webkit-calc(100% * (3562 / 7020));
    left: calc(100% * (3562 / 7020));
}
.upGroup.three .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2700 / 7020));
    left: calc(100% * (2700 / 7020));
}
.upGroup.three .team[data-v-6d545f74]:nth-child(2) {
    left: -webkit-calc(100% * (3254 / 7020));
    left: calc(100% * (3254 / 7020));
}
.upGroup.three .team[data-v-6d545f74]:last-child {
    left: -webkit-calc(100% * (3808 / 7020));
    left: calc(100% * (3808 / 7020));
}
.upGroup.four .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2440 / 7020));
    left: calc(100% * (2440 / 7020));
}
.upGroup.four .team[data-v-6d545f74]:nth-child(2) {
    left: -webkit-calc(100% * (2996 / 7020));
    left: calc(100% * (2996 / 7020));
}
.upGroup.four .team[data-v-6d545f74]:nth-child(3) {
    left: -webkit-calc(100% * (3502/ 7020));
    left: calc(100% * (3502/ 7020));
}
.upGroup.four .team[data-v-6d545f74]:last-child {
    left: -webkit-calc(100% * (4058 / 7020));
    left: calc(100% * (4058 / 7020));
}
.downGroup[data-v-6d545f74] {
  z-index: 100;
}
.downGroup .team[data-v-6d545f74] {
    bottom: -webkit-calc(100% * (55 / 3240));
    bottom: calc(100% * (55 / 3240));
}
.downGroup.one .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2050 / 7020));
    left: calc(100% * (2050 / 7020));
}
.downGroup.two .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2050 / 7020));
    left: calc(100% * (2050 / 7020));
}
.downGroup.two .team[data-v-6d545f74]:last-child {
    right: -webkit-calc(100% * (2050 / 7020));
    right: calc(100% * (2050 / 7020));
}
.downGroup.three .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2050 / 7020));
    left: calc(100% * (2050 / 7020));
}
.downGroup.three .team[data-v-6d545f74]:nth-child(2) {
    left: -webkit-calc(100% * (2845 / 7020));
    left: calc(100% * (2845 / 7020));
}
.downGroup.three .team[data-v-6d545f74]:last-child {
    right: -webkit-calc(100% * (2050 / 7020));
    right: calc(100% * (2050 / 7020));
}
.downGroup.four .team[data-v-6d545f74]:first-child {
    left: -webkit-calc(100% * (2050 / 7020));
    left: calc(100% * (2050 / 7020));
}
.downGroup.four .team[data-v-6d545f74]:nth-child(2) {
    left: -webkit-calc(100% * (2845 / 7020));
    left: calc(100% * (2845 / 7020));
}
.downGroup.four .team[data-v-6d545f74]:nth-child(3) {
    left: -webkit-calc(100% * (3652/ 7020));
    left: calc(100% * (3652/ 7020));
}
.downGroup.four .team[data-v-6d545f74]:last-child {
    right: -webkit-calc(100% * (2050 / 7020));
    right: calc(100% * (2050 / 7020));
}
.filghtGroup[data-v-6d545f74] {
  z-index: 70;
}
.filghtGroup img[data-v-6d545f74] {
    width: -webkit-calc(100% * (1600 / 3240));
    width: calc(100% * (1600 / 3240));
    position: absolute;
    top: 14%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.resultGroup .moveTeam[data-v-6d545f74] {
  width: -webkit-calc(100% * (1400 / 7020));
  width: calc(100% * (1400 / 7020));
  position: absolute;
  bottom: -webkit-calc(100% * (970 / 3240));
  bottom: calc(100% * (970 / 3240));
  text-align: center;
}
.resultGroup .moveTeam.moveTeamWin[data-v-6d545f74] {
    height: 45%;
}
.resultGroup .moveTeam.moveTeamFail[data-v-6d545f74] {
    height: 39.5%;
}
.resultGroup .moveTeam.moveTeamFail .bubble[data-v-6d545f74] {
      left: 4%;
}
.resultGroup .moveTeam .bubble[data-v-6d545f74] {
    width: 28%;
    display: inline-block;
    position: relative;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.resultGroup .moveTeam .bubble img[data-v-6d545f74] {
      width: 100%;
}
.resultGroup .moveTeam .bubble b[data-v-6d545f74] {
      color: black;
      font-size: 1.4vw;
      position: absolute;
      left: 48%;
      top: 45%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
}
.resultGroup .moveTeam .result[data-v-6d545f74] {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.resultGroup.one .moveTeam[data-v-6d545f74]:first-child {
  left: -webkit-calc(100% * (2790 / 7020));
  left: calc(100% * (2790 / 7020));
}
.resultGroup.two .moveTeam[data-v-6d545f74]:first-child {
  left: -webkit-calc(100% * (2490 / 7020));
  left: calc(100% * (2490 / 7020));
}
.resultGroup.two .moveTeam[data-v-6d545f74]:last-child {
  left: -webkit-calc(100% * (3110 / 7020));
  left: calc(100% * (3110 / 7020));
}
.resultGroup.three .moveTeam[data-v-6d545f74]:first-child {
  left: -webkit-calc(100% * (2250 / 7020));
  left: calc(100% * (2250 / 7020));
}
.resultGroup.three .moveTeam[data-v-6d545f74]:nth-child(2) {
  left: -webkit-calc(100% * (2805 / 7020));
  left: calc(100% * (2805 / 7020));
}
.resultGroup.three .moveTeam[data-v-6d545f74]:last-child {
  left: -webkit-calc(100% * (3360 / 7020));
  left: calc(100% * (3360 / 7020));
}
.resultGroup.four .moveTeam[data-v-6d545f74]:first-child {
  left: -webkit-calc(100% * (1980 / 7020));
  left: calc(100% * (1980 / 7020));
}
.resultGroup.four .moveTeam[data-v-6d545f74]:nth-child(2) {
  left: -webkit-calc(100% * (2540 / 7020));
  left: calc(100% * (2540 / 7020));
}
.resultGroup.four .moveTeam[data-v-6d545f74]:nth-child(3) {
  left: -webkit-calc(100% * (3060 / 7020));
  left: calc(100% * (3060 / 7020));
}
.resultGroup.four .moveTeam[data-v-6d545f74]:last-child {
  left: -webkit-calc(100% * (3610 / 7020));
  left: calc(100% * (3610 / 7020));
}
.rankingGroup[data-v-6d545f74] {
  z-index: 150;
}
.rankingGroup .rankItem[data-v-6d545f74] {
    width: -webkit-calc(100% * (1490 / 7020));
    width: calc(100% * (1490 / 7020));
    height: -webkit-calc(100% * (307 / 3240));
    height: calc(100% * (307 / 3240));
    position: absolute;
    text-align: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.rankingGroup .rankItem.short[data-v-6d545f74] {
      background-image: url("https://ke-meng.oss-cn-hangzhou.aliyuncs.com/mini/luckDraw/luckPkBlackBoxShort.png");
}
.rankingGroup .rankItem.short .matrixName[data-v-6d545f74] {
        opacity: 0;
}
.rankingGroup .rankItem.short .tag[data-v-6d545f74] {
        opacity: 0;
}
.rankingGroup .rankItem.short .notConfirm[data-v-6d545f74] {
        display: block;
        font-size: 2vw;
        color: white;
        position: absolute;
        left: 35%;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
}
.rankingGroup .rankItem.long[data-v-6d545f74] {
      background-image: url("https://ke-meng.oss-cn-hangzhou.aliyuncs.com/mini/luckDraw/luckPkBlackBoxLong.png");
}
.rankingGroup .rankItem.long .trophy[data-v-6d545f74] {
        opacity: 1;
        left: -100%;
        -webkit-animation: show-data-v-6d545f74 1s ease-in-out;
                animation: show-data-v-6d545f74 1s ease-in-out;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
}
.rankingGroup .rankItem.long:nth-child(2) .trophy[data-v-6d545f74] {
        -webkit-animation-delay: .2s;
                animation-delay: .2s;
}
.rankingGroup .rankItem.long:nth-child(3) .trophy[data-v-6d545f74] {
        -webkit-animation-delay: .4s;
                animation-delay: .4s;
}
.rankingGroup .rankItem.long:nth-child(4) .trophy[data-v-6d545f74] {
        -webkit-animation-delay: .5s;
                animation-delay: .5s;
}
@-webkit-keyframes show-data-v-6d545f74 {
0% {
    left: -20%;
}
100% {
    left: 82%;
}
}
@keyframes show-data-v-6d545f74 {
0% {
    left: -20%;
}
100% {
    left: 82%;
}
}
.rankingGroup .rankItem.long .matrixName[data-v-6d545f74] {
        opacity: 1;
}
.rankingGroup .rankItem.long .tag[data-v-6d545f74] {
        opacity: 1;
}
.rankingGroup .rankItem.long .notConfirm[data-v-6d545f74] {
        opacity: 0;
}
.rankingGroup .rankItem.normal[data-v-6d545f74] {
      background-image: url("https://ke-meng.oss-cn-hangzhou.aliyuncs.com/mini/luckDraw/luckPkBlackBox.png");
}
.rankingGroup .rankItem.normal .matrixName[data-v-6d545f74] {
        opacity: 1;
}
.rankingGroup .rankItem.normal .tag[data-v-6d545f74] {
        opacity: 1;
}
.rankingGroup .rankItem.normal .notConfirm[data-v-6d545f74] {
        opacity: 0;
}
.rankingGroup .rankItem[data-v-6d545f74]:first-child {
      top: -webkit-calc(100% * (714 / 3240));
      top: calc(100% * (714 / 3240));
}
.rankingGroup .rankItem[data-v-6d545f74]:nth-child(2) {
      top: -webkit-calc(100% * (1081 / 3240));
      top: calc(100% * (1081 / 3240));
}
.rankingGroup .rankItem[data-v-6d545f74]:nth-child(3) {
      top: -webkit-calc(100% * (1448 / 3240));
      top: calc(100% * (1448 / 3240));
}
.rankingGroup .rankItem[data-v-6d545f74]:nth-child(4) {
      top: -webkit-calc(100% * (1815 / 3240));
      top: calc(100% * (1815 / 3240));
}
.rankingGroup .rankItem .tag[data-v-6d545f74] {
      height: -webkit-calc(100% * (74 / 307));
      height: calc(100% * (74 / 307));
      position: absolute;
      left: 10.5%;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
}
.rankingGroup .rankItem .matrixName[data-v-6d545f74] {
      font-size: 2vw;
      color: white;
      position: absolute;
      left: 22%;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
}
.rankingGroup .rankItem .trophy[data-v-6d545f74] {
      height: -webkit-calc(100% * (314 / 307));
      height: calc(100% * (314 / 307));
      position: absolute;
      left: 82%;
      top: -20%;
      opacity: 0;
}
.rankingGroup .rankItem .totOrderCnt[data-v-6d545f74] {
      font-size: 2vw;
      color: white;
      position: absolute;
      left: 60%;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
}
.pkBat[data-v-6d545f74] {
  cursor: pointer;
  position: absolute;
  right: 2.4%;
  bottom: -webkit-calc(100% * (450 / 3240));
  bottom: calc(100% * (450 / 3240));
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12.5%;
  height: -webkit-calc(100% * (320 / 3240));
  height: calc(100% * (320 / 3240));
  z-index: 9999;
}
.pkBat img[data-v-6d545f74] {
    width: 65%;
}
.testBat[data-v-6d545f74] {
  color: #fff;
  background-color: #ff976a;
  border: 1px solid #ff976a;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 999999;
}
.audioControl[data-v-6d545f74] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999999999;
  width: 20%;
  height: 35%;
  display: inline-block;
  background-color: red;
  cursor: pointer;
  opacity: 0;
}
.startAudio[data-v-6d545f74] {
  position: absolute;
  top: -2000%;
  left: 0;
  opacity: 0;
}