/* Example usage */
html,
body,
.app-con,
.container {
  height: 100%;
  overflow-x: hidden;
}
.container::-webkit-scrollbar {
  display: none;
}
img {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  margin: 0;
}
.toast {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-color: transparent;
  z-index: 3000;
}
.toast .toast-text {
  max-width: 7.165862rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0.386473rem 0.772947rem;
  font-size: 0.338164rem;
  color: #fff;
  text-align: center;
  line-height: 0.563607rem;
  word-break: keep-all;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0.241546rem;
          border-radius: 0.241546rem;
}
.toast .toast-text .loading_img {
  width: 2.222222rem;
  height: 2.222222rem;
  -webkit-animation: loading 2s linear infinite;
          animation: loading 2s linear infinite;
}
@-webkit-keyframes loading {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loading {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.isPc {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  font-size: 0.966184rem;
  font-family: 'black';
  color: #000;
  z-index: 2500;
  text-align: center;
  line-height: 1.449275rem;
}
.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: 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;
}
.modal-container {
  position: relative;
}
.close-button {
  position: absolute;
  width: 0.845411rem;
  right: 0;
  top: -webkit-calc(-0.358293rem - 0.845411rem);
  top: calc(-0.358293rem - 0.845411rem);
}
.popupGetTicketWrapper[data-v-5dc63efc] {
  width: 8.341385rem;
  height: 9.42029rem;
  position: relative;
}
.popupGetTicketWrapper .bg[data-v-5dc63efc] {
  height: 100%;
}
.popupGetTicketWrapper .button[data-v-5dc63efc] {
  position: absolute;
  bottom: 0.603865rem;
  width: 100%;
  left: 0;
}
.outsideModal[data-v-66e73a3d] {
  width: 100%;
  height: 1.280193rem;
  background-color: #F2EDED;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.362319rem;
  padding-right: 0.362319rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 9999;
}
.outsideModal .leftBox[data-v-66e73a3d] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: 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;
}
.outsideModal .leftBox .semijiIcon[data-v-66e73a3d] {
  width: 0.933977rem;
  height: 0.933977rem;
}
.outsideModal .leftBox .text[data-v-66e73a3d] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0.169082rem;
}
.outsideModal .leftBox .text .title[data-v-66e73a3d] {
  display: inline;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 0.350242rem;
  line-height: 0.603865rem;
  text-align: right;
  color: #373A3E;
}
.outsideModal .leftBox .text .description[data-v-66e73a3d] {
  display: inline;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 0.289855rem;
  line-height: 0.603865rem;
  text-align: right;
  color: #373A3E;
  margin-top: -0.128824rem;
}
.outsideModal .rightBtn[data-v-66e73a3d] {
  width: 2.149758rem;
  height: 0.780998rem;
  background-color: #A94140;
  -webkit-border-radius: 0.57971rem;
          border-radius: 0.57971rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 0.305958rem;
  line-height: 0.434783rem;
  color: #FFFFFF;
}
.rules[data-v-8cd58258] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: rgba(0, 0, 0, 0.49);
  font-weight: 300;
  font-size: 0.338164rem;
  line-height: 0.507246rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.rules img[data-v-8cd58258] {
  width: 0.169082rem;
  margin: 0 0.144928rem;
}
.copyright[data-v-8cd58258] {
  font-weight: 300;
  font-size: 0.241546rem;
  line-height: 0.821256rem;
  text-align: center;
  margin: 0 auto;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: -0.02em;
}
.homeWrapper[data-v-4a6bd3c7] {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6bfd6), to(#ddd3e8));
  background: linear-gradient(to bottom, #f6bfd6 0%, #ddd3e8 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 0.434783rem;
}
.homeWrapper .header[data-v-4a6bd3c7] {
  width: 100%;
  background: #f6bfd6;
  margin-bottom: -0.016103rem;
}
.homeWrapper .bigBG[data-v-4a6bd3c7] {
  height: 67vh;
  width: auto;
  object-fit: cover;
}
.homeWrapper .descWrapper[data-v-4a6bd3c7] {
  width: 100%;
  height: 1.433172rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  background-image: url(https://cdn-f1.simeji.me/static/wap/4fe56071beb96efd93d54a8f25d27cdb.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.homeWrapper .descWrapper p[data-v-4a6bd3c7] {
  color: #372e2b;
  text-align: center;
  font-size: 0.386473rem;
  font-weight: bold;
}
.homeWrapper .descWrapper p span[data-v-4a6bd3c7] {
  font-size: 0.531401rem;
  font-weight: bold;
  color: #e84091;
}
.homeWrapper .voteButton[data-v-4a6bd3c7] {
  width: 7.681159rem;
  height: 1.545894rem;
  margin-bottom: 0.165056rem;
  margin-top: 0.120773rem;
}
.characterItemWrapper[data-v-b2fffe2a] {
  width: 1.940419rem;
  height: 3.401771rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.112721rem 0;
  margin-bottom: 0.563607rem;
  margin-right: 0.483092rem;
}
.characterItemWrapper[data-v-b2fffe2a]:nth-child(4n) {
  margin-right: 0;
}
.characterItemWrapper .top[data-v-b2fffe2a] {
  position: relative;
}
.characterItemWrapper .bg[data-v-b2fffe2a] {
  width: 2.069243rem;
  height: 2.069243rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6bfd6), to(#c3accf));
  background-image: linear-gradient(to bottom, #f6bfd6, #c3accf);
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.characterItemWrapper .avator[data-v-b2fffe2a] {
  position: absolute;
  top: 0.064412rem;
  left: 0.064412rem;
  overflow: hidden;
  width: 1.940419rem;
  height: 1.940419rem;
  background: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
}
.characterItemWrapper .avator img[data-v-b2fffe2a] {
  width: 1.610306rem;
  height: 1.610306rem;
  object-fit: contain;
  vertical-align: center;
  margin-top: 0.161031rem;
}
.characterItemWrapper .name[data-v-b2fffe2a] {
  width: 2.173913rem;
  min-height: 0.676329rem;
  margin-top: 0.080515rem;
  margin-bottom: 0.100644rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.characterItemWrapper .name .nameContent[data-v-b2fffe2a] {
  font-weight: 500;
  font-size: 0.229469rem;
  line-height: 0.338164rem;
  color: #5e5366;
  text-align: center;
}
.characterItemWrapper .button[data-v-b2fffe2a] {
  width: 1.642512rem;
  height: 0.732689rem;
  object-fit: contain;
}
.characterItemWrapper.big[data-v-b2fffe2a] {
  width: 2.536232rem;
  height: 5.217391rem;
  position: relative;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0;
  margin-right: 0.515298rem;
}
.characterItemWrapper.big .top[data-v-b2fffe2a] {
  position: relative;
  width: 100%;
}
.characterItemWrapper.big .bg[data-v-b2fffe2a] {
  width: 2.536232rem;
  height: auto;
  background: none;
  position: absolute;
  bottom: 0;
  left: 0;
}
.characterItemWrapper.big .bg img[data-v-b2fffe2a] {
  width: 100%;
}
.characterItemWrapper.big .avator[data-v-b2fffe2a] {
  position: relative;
  width: 2.415459rem;
  height: 2.415459rem;
  border: none;
  top: -0.161031rem;
}
.characterItemWrapper.big .avator img[data-v-b2fffe2a] {
  width: 1.972625rem;
  height: 1.972625rem;
}
.characterItemWrapper.big .name[data-v-b2fffe2a] {
  margin-top: 0.144928rem;
  margin-bottom: 0.080515rem;
  width: 2.898551rem;
  min-height: 0.950081rem;
}
.characterItemWrapper.big .name .nameContent[data-v-b2fffe2a] {
  font-size: 0.330113rem;
  line-height: 0.491143rem;
}
.characterItemWrapper.big .button[data-v-b2fffe2a] {
  width: 2.246377rem;
  height: 0.797101rem;
}
.characterItemWrapper.big.second[data-v-b2fffe2a] {
  margin-right: 0.563607rem;
}
.characterItemWrapper.big.first[data-v-b2fffe2a] {
  width: 3.164251rem;
  margin-right: 0.644122rem;
}
.characterItemWrapper.big.first .bg[data-v-b2fffe2a] {
  width: 3.164251rem;
  bottom: -0.346216rem;
  left: -0.040258rem;
}
.characterItemWrapper.big.first .avator[data-v-b2fffe2a] {
  width: 2.858293rem;
  height: 2.858293rem;
  top: -0.080515rem;
}
.characterItemWrapper.big.first .avator img[data-v-b2fffe2a] {
  width: 2.415459rem;
  height: 2.415459rem;
  margin-top: 0.281804rem;
}
.pagination[data-v-7afeef2e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.539452rem;
  padding: 0 0.322061rem;
  color: #4b4644;
  font-size: 0.362319rem;
  line-height: 0.539452rem;
  text-align: center;
  margin-top: 0.309984rem;
  margin-bottom: 0.716586rem;
}
.page-group[data-v-7afeef2e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-button[data-v-7afeef2e] {
  color: #4b4644;
  text-decoration: underline;
}
.page-number[data-v-7afeef2e] {
  padding: 0.040258rem 0.080515rem;
  margin: 0 0.040258rem;
  height: 0.539452rem;
  width: 0.539452rem;
  font-size: 0.362319rem;
  line-height: 0.539452rem;
  opacity: 0.5;
}
.active[data-v-7afeef2e] {
  opacity: 1;
}
.disabled[data-v-7afeef2e] {
  opacity: 0.5;
  cursor: not-allowed;
}
.characterWrapper[data-v-1bc67fb1] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.386473rem;
}
.characterWrapper .loading[data-v-1bc67fb1] {
  width: 1.859903rem;
  margin: 2.475845rem auto 3.220612rem;
  margin-top: 2.475845rem;
}
.characterWrapper .loading p[data-v-1bc67fb1] {
  width: 1.859903rem;
  text-align: center;
  font-size: 0.338164rem;
  line-height: 0.507246rem;
}
.characterWrapper .characterList[data-v-1bc67fb1] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.563607rem;
}
.characterWrapper .characterList.addTopMargin[data-v-1bc67fb1] {
  margin-top: 0.322061rem;
}
.characterWrapper .top3[data-v-1bc67fb1] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0.555556rem;
  margin-top: 0.362319rem;
}
.errorWrapper[data-v-1bc67fb1] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 0.917874rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: space-betwen;
  margin: 2.475845rem auto 3.220612rem;
}
.errorWrapper p[data-v-1bc67fb1] {
  font-size: 0.281804rem;
  line-height: 0.917874rem;
  word-break: keep-all;
  color: #929495;
  margin-left: 0.289855rem;
}
.ticketObtainWrapper[data-v-511af6ff] {
  width: 9.235105rem;
  position: relative;
  margin: 0 auto;
  margin-top: 1.207729rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ticketObtainWrapper .ticketHeader[data-v-511af6ff] {
  width: 2.979066rem;
  position: absolute;
  top: -0.603865rem;
  left: -webkit-calc(50% - 2.979066rem / 2);
  left: calc(50% - 2.979066rem / 2);
}
.ticketObtainWrapper .buttonGroup[data-v-511af6ff] {
  height: 100%;
  width: 1.642512rem;
  margin-right: 0.281804rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.13124rem 0 0.913849rem;
}
.ticketObtainWrapper.daily[data-v-511af6ff] {
  height: 5.595813rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/d3fa5166abfe4467cd776ede869b62e0.png);
}
.ticketObtainWrapper.sharing[data-v-511af6ff] {
  height: 3.623188rem;
  margin-bottom: 0.801127rem;
  background-image: url(https://cdn-f1.simeji.me/static/wap/e8ffd6d2f743b81ed95ced35129fd604.png);
}
.ticketObtainWrapper.sharing .couponShareButtonWrapper[data-v-511af6ff] {
  width: 2.141707rem;
  height: 3.623188rem;
  padding-top: 1.602254rem;
  padding-right: 0.040258rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ticketObtainWrapper.sharing .couponShareButtonWrapper .button[data-v-511af6ff] {
  width: 100%;
  height: 0.748792rem;
  position: relative;
}
.ticketObtainWrapper.sharing .couponShareButtonWrapper .button .shareButton[data-v-511af6ff] {
  width: 1.642512rem;
  position: absolute;
  top: 0;
  left: -webkit-calc(50% - 0.805153rem);
  left: calc(50% - 0.805153rem);
}
.ticketObtainWrapper.sharing .couponShareButtonWrapper .button .vaildShareCount[data-v-511af6ff] {
  width: 100%;
  font-size: 0.217391rem;
  line-height: 0.31401rem;
  text-align: center;
  color: #dd4278;
  position: absolute;
  bottom: -0.386473rem;
}
.voteHomeWrapper .rules[data-v-213fcff1] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: rgba(0, 0, 0, 0.49);
  font-weight: 300;
  font-size: 0.338164rem;
  line-height: 0.507246rem;
  width: 1.988728rem;
  margin: 0 auto;
}
.voteHomeWrapper .rules img[data-v-213fcff1] {
  width: 0.169082rem;
}
.voteHomeWrapper .copyright[data-v-213fcff1] {
  font-weight: 300;
  font-size: 0.241546rem;
  line-height: 0.821256rem;
  text-align: center;
  margin: 0 auto;
  color: #4b4644;
}
.counter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.864734rem;
  height: 1.111111rem;
  border: 0.048309rem solid #e84091;
  -webkit-border-radius: 0.193237rem;
          border-radius: 0.193237rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.counter-button {
  height: 1.111111rem;
  width: 1.352657rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1.006441rem;
  color: #e84091;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.772947rem;
}
.counter-button.minus {
  font-size: 1.127214rem;
  line-height: 0.966184rem;
}
.counter-button.disabled {
  color: rgba(232, 64, 145, 0.3);
}
.counter-number {
  height: 100%;
  width: 1.111111rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.57971rem;
  line-height: 1.111111rem;
  text-align: center;
  border: 0.048309rem solid #e84091;
  color: #e84091;
}
.popupVoteWrapper[data-v-345b0ae8] {
  width: 8.333333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: linear-gradient(180deg, #f6bfd6 0%, #ddd3e8 100%);
  -webkit-border-radius: 0.483092rem;
          border-radius: 0.483092rem;
  padding: 0.724638rem 0.676329rem 0.933977rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popupVoteWrapper .voteHeader.vote[data-v-345b0ae8] {
  width: 100%;
  width: 5.68438rem;
}
.popupVoteWrapper.isResult[data-v-345b0ae8] {
  padding: 0.120773rem 0.483092rem 0.378422rem;
}
.popupVoteWrapper.isResult .popupVoteCenter[data-v-345b0ae8] {
  margin-top: 0.207729rem;
  margin-bottom: 0.410628rem;
  padding-bottom: 0.161031rem;
}
.popupVoteWrapper .popupVoteCenter[data-v-345b0ae8] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.692432rem;
  margin-bottom: 0.603865rem;
  padding-top: 0.206119rem;
  padding-bottom: 0.499195rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: linear-gradient(180deg, #fbf0f2 0%, #ffe5f1 100%);
  -webkit-border-radius: 0.338164rem;
          border-radius: 0.338164rem;
}
.popupVoteWrapper .popupVoteCenter .characterIcon[data-v-345b0ae8] {
  width: -webkit-calc(1.811594rem * 3);
  width: calc(1.811594rem * 3);
}
.popupVoteWrapper .popupVoteCenter .ticketIcon[data-v-345b0ae8] {
  width: 1.783414rem;
  height: 1.622383rem;
  margin-bottom: 0.181159rem;
}
.popupVoteWrapper .popupVoteCenter .characterDesc[data-v-345b0ae8] {
  font-weight: 800;
  font-size: 0.386473rem;
  line-height: 0.531401rem;
  text-align: center;
  color: rgba(224, 64, 116, 0.5);
}
.popupVoteWrapper .shareButton[data-v-345b0ae8] {
  margin-bottom: 0.241546rem;
}
.popupVoteWrapper .shareDesc[data-v-345b0ae8] {
  font-weight: 800;
  font-size: 0.289855rem;
  line-height: 0.57971rem;
  text-align: center;
  letter-spacing: 0.02em;
  color: #372e2b;
  opacity: 0.5;
}
.skinPreview {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 9.154589rem;
  height: 7.318841rem;
  padding-top: 1.92029rem;
  padding-bottom: 0.281804rem;
  border: 0.096618rem solid #f9acca;
  -webkit-border-radius: 0.676329rem;
          border-radius: 0.676329rem;
  margin: 0 auto;
  margin-bottom: 1.191626rem;
}
.skinPreview .crown {
  position: absolute;
  top: -0.744767rem;
  left: 0.068438rem;
  width: 4.476651rem;
  height: 2.431562rem;
  background: 0 0 / cover no-repeat;
  background-size: auto 100%;
}
.skinPreview .swiper {
  position: relative;
  width: 100%;
  height: -webkit-calc(100% - 0.536232rem);
  height: calc(100% - 0.536232rem);
}
.skinPreview .swiper .getSkinButton {
  position: absolute;
  top: -1.151369rem;
  right: 0.409823rem;
  width: 1.666667rem;
  height: 0.748792rem;
  background: 0 0 no-repeat;
  background-size: 1.666667rem 100%;
  -webkit-transition: background-images 0.3s;
          transition: background-images 0.3s;
}
.skinPreview .swiper .getSkinButton .middleBg,
.skinPreview .swiper .getSkinButton .middleText,
.skinPreview .swiper .getSkinButton .upperBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.skinPreview .swiper .getSkinButton .middleBg {
  z-index: 10;
  width: 0;
  background: url(https://cdn-f1.simeji.me/static/wap/5e01c9d5cbd9a32d81133c3995f37694.png) 0 0 no-repeat;
  background-size: 1.731079rem 100%;
}
.skinPreview .swiper .getSkinButton .middleText {
  z-index: 11;
  font-size: 0.338164rem;
  font-weight: 800;
  line-height: 0.748792rem;
  text-align: center;
  color: #fff;
}
.skinPreview .swiper .getSkinButton .upperBg {
  z-index: 12;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM8AAABeCAYAAACEu0C5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIjSURBVHgB7d3tcdNAEAbgFRVQgjsgHeAS0kHcQdIBdAAduAYqCB2QDpQOHCpYpJEG7NOHvyDE4+eZ0WQ0+f3OrU93uxEAAAAAAAAAAAAAAACXKTPvm6dunnXzvA9gvyYsq9z1NeACvIv/r1xpPgSwX7PSLJpns7XyrALo9AFZ9+Fof9vcjPy/Ld+WAXT6zYBN8bvmMYBx7a7Z1mqTwgMH6IPzYyI4dVumBbBrJjht6fYQwLi2JLPawJGagHwaCU67Cjk1AFPabeaJFUdwYE4fFKUaHCO7bzmlZQDzRladdQDzcngqWrkGh8jhNx2rDuyT3YHO0iLgCpx7n+e2eP9eVdVzwBU4Nzwfi/dvAVfi3PAsivengCvxt8NTB7BfFpfcAjhMk5eHrezoegPHaEJzk0VPAgAAAAAAAIB/Ibv+gitXaOAIOZzMsYwTvIX5PPDa2s612y3R7uIEwsM1ei7efwZwmPYgc99/o/2rMScAwNuiRIMT5O5c3EUA++VwisfZzTltVXMt7gM4zkRn22UA83JkdlQA83J81OdtANOakNyNBMcUD5gzEZzaFjXMmAiOTQKYkt0Fty8TwXkIYCi7j6D1RHA+B7CrD81jTlsF8Ls0awcMrLOY0lGoUw91+COnS7NtLrjBthwe7iw9ph01GOpLtroIzKYv4ZbxyqqAC5LdR85V87xENwP3qaqqlwAAAAAAAAAAAAAAAAAAAAAAAA7wC14inE9BDCdrAAAAAElFTkSuQmCC) 0 0 no-repeat;
  background-size: 1.642512rem 100%;
}
.skinPreview .swiper .wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.skinPreview .swiper .skinImgs {
  width: -webkit-calc(5.837359rem * 2 - 1.207729rem);
  width: calc(5.837359rem * 2 - 1.207729rem);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0.640902rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(-webkit-calc(var(--x, 0) * 1%));
      -ms-transform: translateX(calc(var(--x, 0) * 1%));
          transform: translateX(calc(var(--x, 0) * 1%));
}
.skinPreview .swiper .skinImgs .skinImg {
  width: 5.837359rem;
  height: 4.388084rem;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.080515rem solid #fff;
  -webkit-border-radius: 0.281804rem;
          border-radius: 0.281804rem;
  margin-right: 0.779388rem;
}
.skinPreview .swiper .skinImgs .blank {
  width: 0.640097rem;
  height: 100%;
}
.skinPreview .buttonGroup {
  width: 0.950081rem;
  height: 0.169082rem;
  margin: 0 auto;
  margin-top: 0.362319rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.skinPreview .buttonGroup .circleButton {
  width: 0.390499rem;
  height: 100%;
  -webkit-border-radius: 0.082931rem;
          border-radius: 0.082931rem;
  background-color: #f472a2;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
}
.skinPreview .buttonGroup .circleButton.active {
  opacity: 1;
}
img[data-v-30983cf8] {
  margin: 0;
}
.top3[data-v-30983cf8] {
  margin-bottom: 0.676329rem;
}
.votePageWrapper[data-v-30983cf8] {
  width: 100%;
  height: 80vh;
  background: #ddd3e8;
}
.votePageWrapper .votePageHeader[data-v-30983cf8] {
  height: 0.986312rem;
  width: 100%;
  background: #f6bfd6;
  display: block;
}
.votePageWrapper .votePageSmall[data-v-30983cf8] {
  width: 100%;
  height: auto;
  display: block;
}
.votePageWrapper .voteWrapper[data-v-30983cf8] {
  background: #ffe9f2;
  -webkit-box-shadow: 0 0 0.483092rem rgba(68, 88, 86, 0.2);
          box-shadow: 0 0 0.483092rem rgba(68, 88, 86, 0.2);
  -webkit-border-radius: 0.676329rem 0.676329rem 0 0;
          border-radius: 0.676329rem 0.676329rem 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.793076rem;
  padding-bottom: 0.603865rem;
  position: absolute;
  top: 8.856683rem;
  left: 0;
  right: 0;
}
.votePageWrapper .voteWrapper .skinTitle[data-v-30983cf8] {
  width: 100%;
  margin-bottom: 0.767311rem;
}
.votePageWrapper .voteWrapper .ticketsHold[data-v-30983cf8] {
  width: 100%;
  height: 4.00161rem;
  position: relative;
  background-image: url(https://cdn-f1.simeji.me/static/wap/b557e8169ca83ea269eb5bd85fc4d5e8.png);
  background-size: 100% 100%;
  margin-bottom: 0.748792rem;
}
.votePageWrapper .voteWrapper .ticketsHold .tickets[data-v-30983cf8] {
  width: 100%;
  height: 1.392915rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.votePageWrapper .voteWrapper .ticketsHold .tickets .couponLeft[data-v-30983cf8] {
  margin-left: -0.161031rem;
}
.votePageWrapper .voteWrapper .ticketsHold .tickets .couponTicket[data-v-30983cf8] {
  width: 1.497585rem;
  margin-left: -0.483092rem;
  margin-right: 0.120773rem;
}
.votePageWrapper .voteWrapper .ticketsHold .tickets .ticketsCount[data-v-30983cf8] {
  font-weight: 1000;
  font-size: 0.483092rem;
  line-height: 0.531401rem;
  color: #4b4644;
}
.votePageWrapper .voteWrapper .buttonGroup[data-v-30983cf8] {
  width: 100%;
  height: 2.210145rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.41868rem;
}
.votePageWrapper .voteWrapper .buttonGroup .buttonItem[data-v-30983cf8] {
  width: 3.780193rem;
  height: 2.210145rem;
}
.votePageWrapper .voteWrapper .buttonGroup .buttonItem.blur[data-v-30983cf8] {
  opacity: 0.5;
}
.share[data-v-02955851] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 300;
  overflow-y: scroll;
}
.share[data-v-02955851]::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 400px) and (max-width: 414px) {
.share .share-card[data-v-02955851] {
    margin-bottom: 4.830918rem;
}
}
@media screen and (max-height: 650px) {
.share .share-card[data-v-02955851] {
    margin-bottom: 4.830918rem;
}
}
@media screen and (min-width: 800px) and (min-height: 800px) {
.share .share-card[data-v-02955851] {
    margin-bottom: 4.830918rem;
}
}
.share .sharePart[data-v-02955851] {
  width: 100%;
  height: 3.985507rem;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.772947rem 0.780998rem 0.958132rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 0.603865rem 0.603865rem 0 0;
          border-radius: 0.603865rem 0.603865rem 0 0;
}
.share .sharePart span[data-v-02955851] {
  font-size: 0.37037rem;
  font-weight: bold;
}
.share .sharePart .shareItem[data-v-02955851] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-top: 0.402576rem;
}
.share .sharePart .shareItem .shareIcon[data-v-02955851] {
  width: 1.497585rem;
  height: 1.497585rem;
  margin: 0;
}
.share .sharePart .shareItem .item[data-v-02955851] {
  width: 2.447665rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.share .sharePart .shareItem .item span[data-v-02955851] {
  margin-top: 0.402576rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.338164rem;
  line-height: 0.161031rem;
  color: #000001;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif !important;
}