.van-tabbar[data-v-f82c64ac] {
  height: 14.667vw;
}

.van-tabbar-item__icon img[data-v-f82c64ac] {
  height: 10vw;
}

.van-tabbar-item[data-v-f82c64ac] {
  font-size: 3.467vw;
}

.tui[data-v-f82c64ac] {
  width: 4rem;
  margin-top: -10.333vw;
  background-color: #fff;
  border-radius: 50%;
  border: 1.333vw solid #fff;
  z-index: 10;
}
[class*="van-hairline"][data-v-f82c64ac]:after {
  border: none !important;
}

body .van-toast {
  font-size: 1rem;
  padding: 4vw;
  line-height: 1.3rem;
  width: 70%;
}

.van-toast .van-toast__text {
  word-wrap: break-word;
  word-break: break-word;
}

body .van-toast .van-toast__icon {
  font-size: 6.667vw;
}

*,
:after,
:before {
  box-sizing: border-box;
}

.linear-bg[data-v-2461a83a] {
  height: 26.667vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.home-container[data-v-2461a83a] {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

.linear-gradient[data-v-2461a83a] {
  width: 100%;
  height: 0.267vw;
  background: linear-gradient(
    90deg,
    rgba(126, 86, 120, 0),
    #c24491,
    rgba(126, 86, 120, 0)
  );
}

.van-notice-bar__right-icon[data-v-2461a83a],
[data-v-2461a83a] .van-notice-bar__left-icon {
  min-width: 5.333vw;
}

.notice-swipe[data-v-2461a83a] {
  width: calc(100% - 6.667vw);
  height: 11.333vw;
  font-size: 4vw;
}
[data-v-2461a83a] .van-icon-bullhorn-o:before {
  transform: scale(2.5);
}

.banner[data-v-2461a83a] {
  width: 100%;
  margin-top: -23%;
}

.banner_swiper[data-v-2461a83a] {
  height: 100%;
  width: 100%;
}

.banner_swiper .swiper-slide[data-v-2461a83a] {
  border-radius: 1.333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 82.667vw;
  height: 40vw;
  text-align: center;
  font-weight: 700;
  font-size: 2.667vw;
  background-color: #fff;
  background-position: 50%;
  background-size: cover;
  color: #fff;
}
[data-v-2461a83a] .swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, transparent, transparent);
}
[data-v-2461a83a] .swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, transparent, transparent);
}

.banner_img[data-v-2461a83a] {
  border-radius: 1.333vw;
  width: 100%;
  height: 100%;
}

.van-grid[data-v-2461a83a] {
  justify-content: center;
}

.hot-game[data-v-2461a83a] {
  width: 100%;
  height: 100%;
}

.hot-title-div[data-v-2461a83a] {
  width: calc(100% - 6.667vw);
  margin: 0 auto;
  height: 10.667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hot-title-div > div[data-v-2461a83a]:first-child {
  text-transform: uppercase;
}

.hot-title-div div[data-v-2461a83a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.hot-title-div > div:nth-child(2) span[data-v-2461a83a] {
  font-size: 2.667vw;
}

.hot-title-div > div:first-child span[data-v-2461a83a] {
  font-size: 1.333vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 3.733vw;
  font-weight: 700;
  color: #c24491;
}

.hot-title-div > div:nth-child(2) span[data-v-2461a83a] {
  font-size: 3.333vw;
  color: #c24491;
}

.hot-title-div > div:first-child span[data-v-2461a83a]:before {
  content: "";
  display: block;
  width: 0.667vw;
  height: 4vw;
  background-color: #775fd9;
  border-radius: 1px;
  margin-right: 0.667vw;
}

.hot-game .hot-items-div[data-v-2461a83a] {
  margin-top: -0.4vw;
}

.hot-game .hot-items-div span[data-v-2461a83a] {
  margin-top: 1.333vw;
  font-size: 3.2vw;
  color: #c24491;
}

.hot-recommend[data-v-2461a83a] {
  width: 100%;
  flex: 1;
  background-color: #f2f2f5;
}

.movie_swiper .swiper-slide[data-v-2461a83a] {
  width: 80%;
}

.movie_list_0[data-v-2461a83a] {
  width: calc(100% - 6.667vw);
  margin: 0 auto;
}

.movie_cover[data-v-2461a83a] {
  border-radius: 1.333vw;
  width: 73.333vw;
  height: 44vw;
}

.movie_list_0 .movie-list-item-bottom[data-v-2461a83a] {
  position: relative;
  width: 73.333vw;
  bottom: 5.733vw;
}

.movie_list_0 .movie-list-item-bottom .movie-time-div[data-v-2461a83a] {
  background-color: rgba(0, 0, 0, 0.4);
}

.movie_list_0 .movie-list-item-bottom > div[data-v-2461a83a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.movie_list_0
  .movie-list-item-bottom
  .movie-time-div
  .van-count-down[data-v-2461a83a] {
  font-size: 3.733vw;
  color: #fff;
}

.movie_list_0 .movie-time-div[data-v-2461a83a] {
  color: #fff;
  border-radius: 0 0 1.333vw 1.333vw;
}

.movie_list_0 .movie_swiper .hot[data-v-2461a83a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 10.667vw;
}

.movie_list_0 span[data-v-2461a83a] {
  font-size: 4vw;
}

.movie_list_1[data-v-2461a83a] {
  display: flex;
  width: calc(100% - 6.667vw);
  margin: 0 auto;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.movie_list_1 .movie-list-item .cover_img[data-v-2461a83a] {
  border-radius: 1.333vw;
  width: 44.667vw;
  height: 38.667vw;
}

.home-scroll[data-v-2461a83a] {
  padding-bottom: 14.667vw;
}

.movie_list_1 .movie-list-item[data-v-2461a83a] {
  margin-bottom: -1.333vw;
}

.movie_list_1 .movie-list-item-bottom[data-v-2461a83a] {
  position: relative;
  width: 44.667vw;
  bottom: 5.6vw;
}

.movie_list_1 .movie-list-item[data-v-2461a83a]:nth-child(odd) {
  margin-right: 3.333vw;
}

.movie_list_1 .movie-list-item-bottom .movie-time-div[data-v-2461a83a] {
  background-color: rgba(0, 0, 0, 0.4);
}

.movie_list_1 .movie-list-item-bottom > div[data-v-2461a83a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.movie_list_1
  .movie-list-item-bottom
  .movie-time-div
  .van-count-down[data-v-2461a83a] {
  color: #fff;
}

.movie_list_1 .movie-time-div[data-v-2461a83a] {
  color: #fff;
  border-radius: 0 0 1.333vw 1.333vw;
  height: 4.667vw;
}

.movie_list_1 .movie_swiper .hot[data-v-2461a83a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.667vw;
}

.movie_list_1
  .movie-list-item
  .movie-time-div
  span[data-v-2461a83a]:first-child {
  overflow: hidden;
  white-space: nowrap;
  width: 24vw;
  padding-left: 1.067vw;
  font-size: 3.333vw;
}

.movie_list_1
  .movie-list-item
  .movie-time-div
  span[data-v-2461a83a]:last-child {
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  padding-right: 14.667vw;
  font-size: 2.933vw;
}

.movie_list_0 .movie-time-div span[data-v-2461a83a]:first-child {
  overflow: hidden;
  white-space: nowrap;
  width: 46.667vw;
  padding-left: 1.333vw;
  font-size: 3.333vw;
}

.hot-recommend-more[data-v-2461a83a] {
  width: 100%;
  padding-bottom: 2.667vw;
  text-align: center;
  color: #c24491;
  font-size: 4vw;
}

.hot-items-div .game_item_img[data-v-2461a83a] {
  width: 13.333vw;
  height: 13.333vw;
}
[data-v-2461a83a] .hot-items-div .game_item_img .van-image__img {
  border-radius: 2.667vw;
}
[data-v-2461a83a] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.page[data-v-1b1e3a0a] {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
}

.mine[data-v-1b1e3a0a] {
  position: relative;
  bottom: 1.333vw;
  background: #f2f2f5;
}

.mine .wrapper[data-v-1b1e3a0a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mine .header[data-v-1b1e3a0a],
.nav-bar[data-v-1b1e3a0a] {
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.mine .header[data-v-1b1e3a0a] {
  padding-bottom: 13.333vw;
}
[data-v-1b1e3a0a] .van-nav-bar__content {
  height: 13.333vw;
}
[data-v-1b1e3a0a] .van-hairline--bottom:after {
  border-bottom-width: 0;
}

.mine .header .van-nav-bar .van-icon[data-v-1b1e3a0a] {
  font-size: 6vw;
}

.mine .header .user-wrapper[data-v-1b1e3a0a] {
  display: flex;
  align-items: center;
  margin: 0 5.333vw 0 5.333vw;
}

.mine .user_img[data-v-1b1e3a0a] {
  height: 17.333vw;
  width: 17.333vw;
}
[data-v-1b1e3a0a] .van-loading__spinner {
  height: 6.667vw;
  width: 6.667vw;
}
[data-v-1b1e3a0a] .van-image__error-icon {
  font-size: 9.333vw;
}

.mine .header .user-wrapper .login-content[data-v-1b1e3a0a] {
  flex: 1;
  margin-left: 4vw;
}

.mine .header .user-wrapper .login-content .login-btn[data-v-1b1e3a0a] {
  display: inline-block;
  font-size: 5.333vw;
  line-height: 0px;
  color: #fff;
}

.mine .header .user-wrapper .login-content .login-label[data-v-1b1e3a0a] {
  font-size: 3.733vw;
  color: hsla(0, 0%, 100%, 0.6);
}

.mine .page-bg[data-v-1b1e3a0a] {
  height: 66.667vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.mine .content[data-v-1b1e3a0a] {
  position: relative;
  padding: 1.333vw 4vw 4vw;
  min-height: 66.667vw;
  background-color: #f2f2f5;
}
[data-v-1b1e3a0a] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #fff;
  font-size: 4.667vw;
}

.mine .wrapper .content .finance[data-v-1b1e3a0a] {
  position: absolute;
  display: flex;
  align-items: center;
  top: -7.333vw;
  left: 4vw;
  right: 4vw;
  height: 16vw;
  background-color: #fff;
  border-radius: 2vw;
  box-shadow: 0 0.2vw 1px 0 #e4e4e7;
}

.mine .wrapper .content .finance .line[data-v-1b1e3a0a] {
  width: 0.4vw;
  height: 5.333vw;
  background-color: #ccc;
}

.mine .wrapper .content .finance .finance-item[data-v-1b1e3a0a] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.mine .wrapper .content .finance .finance-item .text[data-v-1b1e3a0a] {
  margin-left: 4vw;
  font-size: 4vw;
  color: #c24491;
  font-weight: 500;
}

.mine .wrapper .content .finance .finance-item .icon[data-v-1b1e3a0a] {
  font-size: 6.667vw;
}

.mine .wrapper .content .menu[data-v-1b1e3a0a] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 2vw;
  box-shadow: 0 0.2vw 1px 0 #e4e4e7;
}

.mine .wrapper .content .menu .menu-item[data-v-1b1e3a0a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  height: 17.333vw;
}

.mine .wrapper .content .menu .menu-item .menu-item-label[data-v-1b1e3a0a] {
  font-size: 3.467vw;
  color: #868686;
  font-weight: 500;
}

.mine .wrapper .content .menu .menu-item .menu-item-icon[data-v-1b1e3a0a] {
  margin: 3.333vw;
  width: 8vw;
  height: 8vw;
  -o-object-fit: contain;
  object-fit: contain;
}

.mine .wrapper .content .wallet[data-v-1b1e3a0a] {
  margin-top: 10.667vw;
  padding: 0 4vw;
  background-color: #fff;
  border-radius: 2vw;
  box-shadow: 0 0.2vw 1px 0 #e4e4e7;
}

.mine .wrapper .content .wallet .part-1[data-v-1b1e3a0a] {
  display: flex;
  align-items: center;
  height: 13.333vw;
}

.mine .wrapper .content .wallet .font-primary-color[data-v-1b1e3a0a] {
  color: #c24491;
}

.font-gray[data-v-1b1e3a0a] {
  color: #868686;
}

.mine .wrapper .content .wallet .part-2[data-v-1b1e3a0a] {
  display: flex;
  align-items: center;
  height: 20vw;
}

.mine .wrapper .content .wallet .part-2 .balance[data-v-1b1e3a0a] {
  flex: 1;
  font-size: 8vw;
  color: #775fd9;
  font-weight: 700;
}

.mine .wrapper .content .wallet .van-hairline--bottom[data-v-1b1e3a0a]:after {
  border-bottom-width: 0.4vw;
}

.mine .wrapper .content .wallet .part-2 .refresh-btn[data-v-1b1e3a0a] {
  margin-left: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.667vw;
  height: 6.667vw;
  font-size: 4vw;
  border-radius: 50%;
  color: #fff;
  background-color: #c24491;
}

.page[data-v-2aae5b95] {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
}

.nav-bar[data-v-2aae5b95] {
  background: linear-gradient(90deg, #775fd9, #c24491);
  height: 13.333vw;
}

.van-nav-bar[data-v-2aae5b95] {
  line-height: 6.667vw;
}
[data-v-2aae5b95] .van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #fff;
  font-size: 4.667vw;
}
[data-v-2aae5b95] .van-nav-bar__content {
  height: 13.333vw;
}

.van-sidebar[data-v-2aae5b95] {
  width: 24vw;
}

.convention-hall[data-v-2aae5b95] {
  display: flex;
  flex-direction: column;
  bottom: 2.667vw;
  background: #f2f2f5;
}

.linear-gradient[data-v-2aae5b95] {
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.text-center[data-v-2aae5b95] {
  text-align: center;
}

.mb-1[data-v-2aae5b95] {
  margin-bottom: 1rem;
}

.border-15[data-v-2aae5b95] {
  border-radius: 2vw;
}

.color-white[data-v-2aae5b95] {
  color: #fff !important;
}
[data-v-2aae5b95] .van-tab {
  font-size: 4vw;
  line-height: 13.333vw;
  font-weight: 700;
}
[data-v-2aae5b95] .van-tabs__content--animated {
  overflow: unset;
}
[data-v-2aae5b95] .van-tabs__line {
  background-color: #775fd9;
}
[data-v-2aae5b95] .van-tabs--line .van-tabs__wrap {
  height: 13.333vw;
}
[data-v-2aae5b95] .van-tabs__wrap--scrollable .van-tab {
  padding: 0 3.067vw;
}

.card[data-v-2aae5b95] {
  background-color: #8a637d;
  padding: 0.625rem;
  width: 95%;
  color: #fff;
  margin: 0.625rem auto;
  border-radius: 0.375rem;
}
[data-v-2aae5b95] .van-row--flex {
  height: 10.667vw;
  line-height: 10.667vw;
}

.rig-box[data-v-2aae5b95] {
  width: 95%;
  margin: 0.625rem auto;
}

.rig-title[data-v-2aae5b95] {
  color: #0bdab0;
  font-size: 1.125rem;
}

.rig-content[data-v-2aae5b95] {
  font-size: 2.667vw;
}

.address[data-v-2aae5b95] {
  width: 90%;
  margin: 0 auto;
}

.address[data-v-2aae5b95]
  .van-row[data-v-2aae5b95]
  .van-col[data-v-2aae5b95]:last-child {
  height: 38vw;
}

.right[data-v-75efcbdb] {
  margin-top: 1.333vw;
}
[data-v-75efcbdb] .van-grid-item__content--center {
  border-radius: 2vw;
  padding: 0;
  height: auto;
}
[data-v-75efcbdb] .van-image__img {
  border-radius: 1.333vw;
  padding: 2vw;
}

.rig-name[data-v-75efcbdb] {
  width: 100%;
  height: 8vw;
  line-height: 8vw;
  margin-top: 1.333vw;
  background-color: #f7f7f7;
  border-radius: 0 0 2vw 2vw;
  font-size: 2vw;
  padding-left: 1.333vw;
}

.container {
  display: inline-block;
}

.box {
  width: 95%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 6.25rem;
}

.name {
  font-size: 1.125rem;
}

.title {
  font-size: 0.75rem;
  margin-bottom: 20px;
}

.button {
  width: 12rem;
  height: 2.5rem;
  font-size: 0.9375rem;
  margin-top: 1rem;
}

.page[data-v-430b446a] {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
}

.nav-bar[data-v-430b446a] {
  background: linear-gradient(90deg, #775fd9, #c24491);
  height: 13.333vw;
}

.van-nav-bar[data-v-430b446a] {
  line-height: 6.667vw;
}
[data-v-430b446a] .van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #fff;
  font-size: 4.667vw;
}
[data-v-430b446a] .van-nav-bar__content {
  height: 13.333vw;
}

.movie-hall[data-v-430b446a] {
  display: flex;
  flex-direction: column;
  bottom: 13.333vw;
  background: #f2f2f5;
}
[data-v-430b446a] .van-tabs__nav {
  background: linear-gradient(90deg, #775fd9, #c24491);
}
[data-v-430b446a] .van-tab {
  color: #fff;
  font-size: 4vw;
}
[data-v-430b446a] .van-tabs__line {
  bottom: 2vw;
  width: 7.333vw;
  height: 0.933vw;
  border-radius: 0;
  background-color: #fff;
}
[data-v-430b446a] .van-tabs--line .van-tabs__wrap {
  height: 13.333vw;
}
[data-v-430b446a] .van-tabs__wrap--scrollable .van-tab {
  padding: 0 3.067vw;
}
[data-v-430b446a] .van-hairline--bottom:after {
  border-bottom-width: 0;
}

.video_swiper[data-v-430b446a] {
  width: 100%;
  flex: 1;
}

.video_swiper .swiper-slide[data-v-430b446a] {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 100%;
  justify-content: center;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.movie-list-tab[data-v-430b446a] {
  overflow: auto;
  height: 100%;
}
[data-v-430b446a] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #c24491;
  font-size: 4.667vw;
}

.movie-list-tab .hot-recommend-div[data-v-430b446a] {
  height: 100%;
}

.list-item[data-v-430b446a],
.movie-list-tab .hot-recommend-div[data-v-430b446a] {
  margin: 1.333vw auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.list-item[data-v-430b446a] {
  width: calc(100% - 6.667vw);
}

.list-item .movie-list-item[data-v-430b446a]:nth-child(odd) {
  margin-right: 2.667vw;
}

.movie-list-item .cover_img[data-v-430b446a] {
  border-radius: 2.667vw;
  width: 44.667vw;
  height: 38.667vw;
}

.movie-list-item[data-v-430b446a] {
  margin-bottom: -1.333vw;
}

.list-item .movie-list-item-bottom[data-v-430b446a] {
  position: relative;
  width: 44.667vw;
  bottom: 5.6vw;
}

.list-item .movie-list-item-bottom .movie-time-div[data-v-430b446a] {
  background-color: rgba(0, 0, 0, 0.4);
}

.list-item .movie-list-item-bottom > div[data-v-430b446a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-item
  .movie-list-item-bottom
  .movie-time-div
  .van-count-down[data-v-430b446a] {
  color: #fff;
}

.list-item .movie-list-item .movie-time-div span[data-v-430b446a]:first-child {
  overflow: hidden;
  white-space: nowrap;
  width: 24vw;
  padding-left: 1.067vw;
  font-size: 3.333vw;
}

.list-item .movie-time-div[data-v-430b446a] {
  color: #fff;
  border-radius: 0 0 2.667vw 2.667vw;
  height: 4.667vw;
}

.page[data-v-7b35f1d8] {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
}

.nav-bar[data-v-7b35f1d8] {
  background: linear-gradient(90deg, #775fd9, #c24491);
  height: 13.333vw;
}

.van-nav-bar[data-v-7b35f1d8] {
  line-height: 6.667vw;
}
[data-v-7b35f1d8] .van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #fff;
  font-size: 4.667vw;
}
[data-v-7b35f1d8] .van-nav-bar__content {
  height: 13.333vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.van-sidebar[data-v-7b35f1d8] {
  width: 24vw;
}

.van-sidebar-item--select[data-v-7b35f1d8]:before {
  left: 1.333vw;
  height: 44%;
  background-color: #775fd9;
  border-radius: 0.667vw;
  width: 1.333vw;
}

.van-sidebar-item--select[data-v-7b35f1d8] {
  color: #775fd9;
  font-size: 4.667vw;
  text-align: center;
}

.van-sidebar-item[data-v-7b35f1d8] {
  font-size: 4.667vw;
  text-align: center;
  padding: 6.667vw;
  background-color: #fff;
}

.van-sidebar-item--select[data-v-7b35f1d8],
.van-sidebar-item--select[data-v-7b35f1d8]:active {
  background-color: #f2f2f5;
}

.convention-item[data-v-7b35f1d8] {
  display: flex;
  height: calc(100% - 2vw);
}

.convention-hall[data-v-7b35f1d8] {
  display: flex;
  flex-direction: column;
  bottom: 2.667vw;
  background: #f2f2f5;
}

.convention-item .left[data-v-7b35f1d8] {
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.convention-item .right[data-v-7b35f1d8] {
  height: 100%;
  flex: 1;
  background-color: #f2f2f5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.convention-item .right .list-wrapper[data-v-7b35f1d8] {
  padding: 2.667vw 2.667vw;
  min-height: 106.667vw;
}

.convention-item .right .list-wrapper .game_item_img[data-v-7b35f1d8] {
  width: 26.667vw;
  height: 26.667vw;
}

.convention-item .right .list-wrapper span[data-v-7b35f1d8] {
  margin-top: 1.333vw;
  font-size: 4vw;
  color: #c24491;
}

.convention-item .right .list-wrapper span[data-v-7b35f1d8]:last-child {
  margin-top: 1.333vw;
  font-size: 3.2vw;
  color: #c24491;
}

.van-grid-item[data-v-7b35f1d8] {
  padding: 1.333vw;
}
[data-v-7b35f1d8] .van-grid-item__content--center,
[data-v-7b35f1d8] .van-image__img {
  border-radius: 2vw;
}
[data-v-7b35f1d8] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.page {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
  background-color: #f2f2f5;
}

.nav-bar {
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.nav-bar,
.van-nav-bar__content {
  height: 13.333vw;
}

.van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #fff;
  font-size: 4.667vw;
}

.van-nav-bar {
  line-height: 6.667vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.van-nav-bar .van-icon {
  font-size: 6vw;
}

.van-hairline--bottom:after {
  border-bottom-width: 0;
}

.bg-container {
  position: relative;
  bottom: 0;
  background: linear-gradient(-45deg, #775fd9, #c24491);
  z-index: 2;
}

.bg-container .bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bg-container .bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(hsla(0, 0%, 100%, 0), #775fd9);
}

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  z-index: 2;
}

.flex-1 {
  flex: 1;
}

.font-28 {
  font-size: 3.733vw;
}

.nav-right {
  font-size: 4vw;
  color: #fff;
}

.van-empty__image {
  width: 40vw;
  height: 40vw;
}

.van-empty__description {
  font-size: 4vw;
}

.login[data-v-0bcd2518] {
  height: 100%;
}

.bg-container .bg-wrapper .login .nav-bar[data-v-0bcd2518] {
  background: 0 0;
}

.login .wrapper[data-v-0bcd2518] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.logo-container[data-v-0bcd2518] {
  margin: 0 auto;
  width: 45%;
}

.logo-container .logo-wrapper[data-v-0bcd2518] {
  position: relative;
  padding-bottom: 62.5%;
}

.logo-container .logo-wrapper .logo-img[data-v-0bcd2518] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.login .wrapper .title[data-v-0bcd2518] {
  line-height: 13.333vw;
  text-align: center;
  font-size: 6vw;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.667vw;
}

.login .wrapper .loginForm[data-v-0bcd2518] {
  padding: 8vw;
}

.login .wrapper .loginForm .input[data-v-0bcd2518] {
  padding: 1.333vw 2.667vw;
  margin-top: 5.333vw;
  border-radius: 6.667vw;
  text-align: center;
  line-height: 10.667vw;
  font-size: 4vw;
  color: #4e4e4e;
}
[data-v-0bcd2518] .van-field__right-icon .van-icon,
[data-v-0bcd2518] .van-icon {
  font-size: 6.667vw;
}

.login .wrapper .loginForm .reset-text[data-v-0bcd2518] {
  margin: 4vw 2vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.login .wrapper .loginForm .reset-text span[data-v-0bcd2518] {
  color: #fff;
  font-size: 3.333vw;
  font-weight: 500;
  line-height: 2vw;
}

.login .wrapper .loginForm .register-text[data-v-0bcd2518] {
  margin: 1.333vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login .wrapper .loginForm .register-text span[data-v-0bcd2518] {
  color: #fff;
  font-size: 3.333vw;
  font-weight: 500;
  line-height: 2.667vw;
}

.login .wrapper .loginForm .login-btn[data-v-0bcd2518] {
  margin-top: 11.333vw;
  width: 100%;
  height: 13.333vw;
  border-radius: 6.667vw;
  color: #fff;
  background-color: #775fd9;
  font-size: 4vw;
  font-weight: bolder;
  border: none;
}

.register[data-v-7440f78c] {
  height: 100%;
}

.bg-container .bg-wrapper .register .nav-bar[data-v-7440f78c] {
  background: 0 0;
}

.register .wrapper[data-v-7440f78c] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.logo-container[data-v-7440f78c] {
  margin: 0 auto;
  width: 45%;
}

.logo-container .logo-wrapper[data-v-7440f78c] {
  position: relative;
  padding-bottom: 62.5%;
}

.logo-container .logo-wrapper .logo-img[data-v-7440f78c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.register .wrapper .title[data-v-7440f78c] {
  line-height: 13.333vw;
  text-align: center;
  font-size: 6vw;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.667vw;
}

.register .wrapper .loginForm[data-v-7440f78c] {
  padding: 8vw;
}

.register .wrapper .loginForm .input[data-v-7440f78c] {
  padding: 1.333vw 2.667vw;
  margin-top: 4.667vw;
  border-radius: 6.667vw;
  text-align: center;
  line-height: 9.333vw;
  font-size: 4vw;
  color: #4e4e4e;
}
[data-v-7440f78c] .van-field__right-icon .van-icon,
[data-v-7440f78c] .van-icon {
  font-size: 6.667vw;
}

.register .wrapper .loginForm .reset-text[data-v-7440f78c] {
  margin: 4vw 2vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.register .wrapper .loginForm .reset-text span[data-v-7440f78c] {
  color: #fff;
  font-size: 3.333vw;
  font-weight: 500;
  line-height: 2vw;
}

.register .wrapper .loginForm .register-text[data-v-7440f78c] {
  margin: 1.333vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register .wrapper .loginForm .register-text span[data-v-7440f78c] {
  color: #fff;
  font-size: 3.333vw;
  font-weight: 500;
  line-height: 2.667vw;
}

.register .wrapper .loginForm .login-btn[data-v-7440f78c] {
  margin-top: 4vw;
  width: 100%;
  height: 13.333vw;
  border-radius: 6.667vw;
  color: #fff;
  background-color: #775fd9;
  font-size: 4vw;
  font-weight: bolder;
  border: none;
}

.register .wrapper .loginForm .agreement[data-v-7440f78c] {
  margin-top: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register .wrapper .loginForm .agreement .agreement-text[data-v-7440f78c] {
  margin-left: 1.333vw;
  font-size: 3.333vw;
  color: #fff;
  font-weight: 500;
  line-height: 4vw;
}
[data-v-7440f78c] .agreement .van-icon {
  font-size: 4vw;
}
[data-v-7440f78c] .agreement .van-checkbox__icon {
  font-size: 5.067vw;
}
[data-v-7440f78c] .agreement .van-checkbox__icon--checked .van-icon {
  color: #fff;
  border-color: #775fd9;
  background-color: #775fd9;
}

.servicelistItem[data-v-53e890ee] {
  display: flex;
  flex-direction: column;
  height: 26.667vw;
  padding: 4vw 4vw;
  margin: 4vw 2.667vw;
  border-radius: 2.667vw;
  justify-content: space-between;
  background: #fff;
}

.servicelistItem .servicelistItemTop[data-v-53e890ee] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 13.333vw;
}

.servicelistItem .servicelistItemTop .servicelistItemImage[data-v-53e890ee] {
  width: 10.667vw;
  height: 10.667vw;
  border-radius: 50%;
}

.servicelistItem .servicelistItemTop .servicelistItemText[data-v-53e890ee] {
  margin-left: 6.667vw;
  font-size: 5.733vw;
  font-weight: 700;
  color: #c24491;
  flex: 1;
}

.servicelistItem .servicelistItemTop .servicelistItemBtn[data-v-53e890ee] {
  display: flex;
  width: 20vw;
  height: 7.333vw;
  border-radius: 4vw;
  align-items: center;
  justify-content: center;
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.servicelistItem
  .servicelistItemTop
  .servicelistItemBtn
  .servicelistItemBtnText[data-v-53e890ee] {
  color: #fff;
  font-size: 3.333vw;
}

.servicelistItem .servicelistItemBottom[data-v-53e890ee] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.667vw;
  background: #f2f2f5;
  border-radius: 1.333vw;
  color: #c24491;
}

.servicelistItem
  .servicelistItemBottom
  .servicelistItemInfoText[data-v-53e890ee] {
  font-size: 4vw;
}

.container .items[data-v-0beb9b62] {
  background-color: #fff;
  font-size: 4vw;
  color: #c24491;
  padding: 0 3.333vw;
}

.container .items .item[data-v-0beb9b62] {
  padding: 4vw 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom-width: 1.333vw;
}

.container .items .van-hairline--bottom[data-v-0beb9b62]:after {
  border-bottom-width: 0.4vw;
}

.container .sign-out[data-v-0beb9b62] {
  margin: 66.667vw 2.667vw 0;
  height: 13.333vw;
  line-height: 13.333vw;
  border-radius: 6.667vw;
  color: #fff;
  font-size: 5.333vw;
  font-weight: bolder;
  border: none;
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.container .item .desc[data-v-0beb9b62] {
  font-size: 4vw;
  font-weight: 700;
  color: #c24491;
}

.container .item .right[data-v-0beb9b62] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.container .main-content[data-v-1dceecf8] {
  padding: 0 2.667vw;
  background-color: #fff;
}

.container .main-content .item[data-v-1dceecf8] {
  padding: 4vw 0;
  justify-content: space-between;
  font-size: 4vw;
}

.container .main-content .item .right[data-v-1dceecf8],
.container .main-content .item[data-v-1dceecf8] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.container .main-content .item .right img[data-v-1dceecf8] {
  width: 12vw;
}

.container .main-content .van-hairline--bottom[data-v-1dceecf8]:after {
  border-bottom-width: 0.4vw;
}

.container .main-content .item .right .desc-cell-number[data-v-1dceecf8],
.container .main-content .item .right .desc[data-v-1dceecf8] {
  font-size: 4vw;
  font-weight: 700;
  color: #c24491;
}

.avatarbox[data-v-1dceecf8] {
  padding: 2vw;
  color: #c24491;
  height: 81%;
  background-color: #fff;
}

.avatarbox .title[data-v-1dceecf8] {
  padding: 1.067vw 1.333vw 2.667vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 3.733vw;
}

.avatarbox .content .van-image[data-v-1dceecf8] {
  width: 14vw;
  height: 14vw;
  margin: 2.5%;
  border-radius: 50%;
}

.avatarbox .content[data-v-1dceecf8] {
  padding-bottom: 1.333vw;
  height: 100%;
  overflow-y: auto;
  padding-top: 2.667vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.avatarbox .content .choose[data-v-1dceecf8] {
  width: 12.667vw;
  height: 12.667vw;
  border: 0.8vw solid #c24491;
}

.van-cell[data-v-45837ed4] {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

.container p[data-v-45837ed4] {
  padding: 0 2vw;
  margin-top: 2vw;
  font-size: 4vw;
  color: #dc2037;
}

.container .sex[data-v-7e5dfd33] {
  background-color: #fff;
  padding: 0 5.333vw;
}

.container .sex .item[data-v-7e5dfd33] {
  font-size: 4.667vw;
  line-height: 6.667vw;
  padding: 4vw 0;
}
[data-v-7e5dfd33] .van-radio__label {
  line-height: 6.667vw;
  margin-left: 4vw;
}
[data-v-7e5dfd33] .van-radio__icon {
  font-size: 4vw;
}
[data-v-7e5dfd33] .van-radio__icon--checked .van-icon {
  color: #fff;
  border-color: #775fd9;
  background-color: #775fd9;
}

.container .van-hairline--bottom[data-v-7e5dfd33]:after {
  border-bottom-width: 0.4vw;
}

.container .wrapper[data-v-4a61d6a6] {
  height: 100%;
  background-color: #fff;
}

.container .wrapper .item .title[data-v-4a61d6a6] {
  margin: 5.333vw 0;
  line-height: 2.667vw;
  font-size: 4vw;
  font-weight: 500;
  color: #c24491;
  text-align: center;
}
[data-v-4a61d6a6] .van-password-input {
  width: 80%;
  height: 20vw;
  margin: 0 auto;
}
[data-v-4a61d6a6] .van-password-input__security li {
  font-size: 4vw;
  line-height: 30;
  background-color: #ebedf0;
}
[data-v-4a61d6a6] .van-password-input__security {
  height: 17.333vw;
}
[data-v-4a61d6a6]
  .van-password-input
  .van-password-input__security
  .van-password-input__item {
  height: 100%;
  border: 0;
  text-align: center;
  border-radius: 4vw;
}

.van-password-input__security i[data-v-4a61d6a6] {
  width: 3.333vw;
  height: 3.333vw;
}
[data-v-4a61d6a6] .van-key {
  height: 13.333vw;
  font-size: 7.333vw;
  line-height: 2.667vw;
  border-radius: 2.667vw;
}
[data-v-4a61d6a6] .van-number-keyboard {
  z-index: 100;
  width: 100%;
  padding-bottom: 4vw;
  background-color: #f2f3f5;
}
[data-v-4a61d6a6] .van-key__collapse-icon,
[data-v-4a61d6a6] .van-key__delete-icon {
  width: 6.667vw;
  height: 6.667vw;
}

.container .wrapper .sub-btn[data-v-4a61d6a6] {
  margin: 14.667vw 0 0 10%;
  height: 13.333vw;
  width: 80%;
  font-size: 4.667vw;
  border-radius: 6.667vw;
  color: #fff;
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.van-cell[data-v-ddd10126] {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

.game-button[data-v-0fbd6b1a] {
  display: flex;
  justify-content: space-around;
}

.colon[data-v-0fbd6b1a] {
  display: inline-block;
  margin: 0 0.533vw;
  color: #ff253f;
}

.block[data-v-0fbd6b1a] {
  vertical-align: middle;
  color: #ff253f;
  font-size: 5.333vw;
  text-align: center;
  padding: 1.333vw;
  font-weight: 700;
}

.game-button div[data-v-0fbd6b1a] {
  display: block;
  text-align: center;
  width: 100%;
  background-color: #c24491;
  border: 0.02667rem solid #c24491;
  border-radius: 2vw;
  color: #fff;
  overflow: hidden;
  padding: 0.6rem 0;
  margin: 0 1rem;
}

.game-button div.active[data-v-0fbd6b1a] {
  background-color: #775fd9;
  border: 0.02667rem solid #775fd9;
  color: #fff;
}

.game-detail .ketqua[data-v-0fbd6b1a] {
  margin: 1rem;
  background: #fff;
  border-radius: 3.333vw;
}

.nav-bar .right[data-v-0fbd6b1a] {
  padding-left: 1.067vw;
  padding-right: 1.067vw;
  color: #fff;
  font-size: 3.733vw;
  border-radius: 1.333vw;
  border: 0.267vw solid #fff;
  line-height: 8vw;
}

.record[data-v-0fbd6b1a] {
  padding-left: 2.667vw;
  padding-right: 2.667vw;
  background-color: #fff;
  box-shadow: 0 0.267vw 0.267vw 0 #cacaca;
  background: #775fd9;
  border-radius: 2vw;
  margin: 1rem;
}

.record .period[data-v-0fbd6b1a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.667vw 0;
}

.record .period .cover[data-v-0fbd6b1a] {
  width: 8vw;
  height: 8vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.van-count-down[data-v-0fbd6b1a] {
  color: #ff253f;
  font-size: 6vw;
  margin-top: 1.333vw;
  float: right;
}

.record .recent[data-v-0fbd6b1a] {
  display: flex;
  align-items: center;
  height: 14.667vw;
}

.kuaisan-ball .left[data-v-0fbd6b1a] {
  justify-content: flex-start;
}

.kuaisan-ball[data-v-0fbd6b1a] {
  flex: 1;
  display: flex;
  align-items: center;
}

.kuaisan-ball .res-img[data-v-0fbd6b1a] {
  width: 9.333vw;
  height: 9.333vw;
  margin-right: 4vw;
}

.kuaisan-ball .res-des[data-v-0fbd6b1a] {
  font-weight: 700;
  text-align: center;
  color: #c24491;
}

.kuaisan-ball .res-des.middle[data-v-0fbd6b1a] {
  width: 15%;
  font-size: 4.667vw;
}

.van-icon[data-v-0fbd6b1a] {
  font-size: 5.333vw;
}

.down[data-v-0fbd6b1a] {
  transition: all 0.5s;
}

.up[data-v-0fbd6b1a] {
  transform: rotate(180deg);
  transition: all 0.5s;
}

.wrapper[data-v-0fbd6b1a] {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.options-bar[data-v-0fbd6b1a] {
  display: flex;
  align-items: center;
  height: calc(100% - 10.667vw);
}

.options-bar .game[data-v-0fbd6b1a] {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.options-bar .game .tips[data-v-0fbd6b1a] {
  display: flex;
  align-items: center;
  height: 13.333vw;
  padding: 0 2.667vw;
}

.options-bar .game .tips .odds[data-v-0fbd6b1a] {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 500;
  color: #ff253f;
}

.options-bar .game .tips .play-tip[data-v-0fbd6b1a] {
  display: flex;
  align-items: center;
  height: 100%;
}
[data-v-0fbd6b1a] .van-icon-more-o {
  color: #ff253f;
  font-size: 6.667vw;
}

.options-bar .game .tips .play-tip .span-text[data-v-0fbd6b1a] {
  margin-left: 1.333vw;
  font-size: 4.667vw;
  font-weight: bolder;
  color: #ff253f;
}

.linear-gradient[data-v-0fbd6b1a] {
  width: 100%;
  height: 0.267vw;
}

.sumValueTwoSides[data-v-0fbd6b1a] {
  background: #fff;
  margin: 1rem;
  border-radius: 2vw;
  display: flex;
  padding: 2vw 2vw;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.rectangle[data-v-0fbd6b1a] {
  overflow: hidden;
}

.rectangle.large[data-v-0fbd6b1a] {
  width: 50%;
}

.rectangle .wrapper[data-v-0fbd6b1a] {
  position: relative;
  padding: 6.667vw 1.333vw;
  background: #fff;
}

.rectangle .wrapper .content[data-v-0fbd6b1a] {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #ebebeb;
}

.rectangle.large .wrapper[data-v-0fbd6b1a] {
  margin: 0.3rem;
  border-radius: 2vw;
}

.rectangle.large.active .wrapper .content[data-v-0fbd6b1a] {
  background: #ff253f;
}

.rectangle .wrapper .content .name-text.large[data-v-0fbd6b1a] {
  font-size: 5.333vw;
}

.rectangle .wrapper .content .name-text[data-v-0fbd6b1a] {
  color: #c24491;
  font-weight: bolder;
}

.rectangle .wrapper .content .odd-text.large[data-v-0fbd6b1a] {
  font-size: 3.333vw;
  margin-top: -4vw;
}

.rectangle .wrapper .content .odd-text[data-v-0fbd6b1a] {
  text-align: center;
  color: #ff253f;
}

.bottom-bar[data-v-0fbd6b1a] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 13.333vw;
  z-index: 2;
}

.bottom-bar .bar[data-v-0fbd6b1a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 13.333vw;
  background-color: #fff;
  box-shadow: 0 0 2.667vw 0 #cacaca;
  z-index: 2;
}

.bottom-bar .bar .left[data-v-0fbd6b1a],
.bottom-bar .bar[data-v-0fbd6b1a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bottom-bar .bar .left .item[data-v-0fbd6b1a] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 13.333vw;
  font-size: 2.667vw;
}

.bottom-bar .bar .left .item .text[data-v-0fbd6b1a] {
  font-size: 2.933vw;
  color: #7d7c7c;
}

.jixuanico[data-v-0fbd6b1a] {
  font-size: 6vw;
}

.bottom-bar .bar .left .line[data-v-0fbd6b1a] {
  width: 0.267vw;
  height: 6.667vw;
  background: #dadada;
}

.bottom-bar .bar .mid[data-v-0fbd6b1a] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bottom-bar .bar .mid .text[data-v-0fbd6b1a] {
  font-size: 4vw;
  font-weight: 500;
  color: #c24491;
}

.bottom-bar .bar .mid .text.num[data-v-0fbd6b1a] {
  margin: 0 0.667vw;
  color: #ff253f;
}

.bottom-bar .bar .right[data-v-0fbd6b1a] {
  padding: 0 4vw;
  margin: 0 4vw;
  color: #fff;
  background: linear-gradient(270deg, #c24491, #775fd9);
  font-size: 5.333vw;
  font-weight: 500;
  height: 9.333vw;
  line-height: 9.333vw;
  border-radius: 6.667vw;
}
[data-v-0fbd6b1a] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}
[data-v-0fbd6b1a] .van-popup {
  position: absolute;
}
[data-v-0fbd6b1a] .van-overlay {
  position: absolute;
  background-color: rgba(70, 67, 67, 0.7);
}
[data-v-0fbd6b1a] .van-popup--top {
  top: -1px;
}

.wrapper .item[data-v-0fbd6b1a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2.667vw 0;
  border-bottom: 1px solid #ebebeb;
}

.wrapper .item.header[data-v-0fbd6b1a] {
  background: #b08b8c !important;
  color: #fff !important;
  padding: 1rem;
  font-weight: 600;
  border-top-left-radius: 3.333vw;
  border-top-right-radius: 3.333vw;
}

.wrapper .item.header .left[data-v-0fbd6b1a],
.wrapper .item.header .right[data-v-0fbd6b1a] {
  color: #fff !important;
}

.wrapper .item .left[data-v-0fbd6b1a] {
  width: 40%;
  font-size: 4vw;
  text-align: center;
  font-weight: 500;
  color: #c24491;
}

.font-weight[data-v-0fbd6b1a] {
  font-weight: 700 !important;
}

.flex[data-v-0fbd6b1a] {
  display: flex;
}

.just-center[data-v-0fbd6b1a] {
  justify-content: center;
}

.item-center[data-v-0fbd6b1a] {
  align-items: center;
}

.wrapper .item .right[data-v-0fbd6b1a] {
  flex: 1;
  display: flex;
  font-size: 4vw;
  justify-content: center;
  overflow: hidden;
  color: #c24491;
}

.wrapper .item .kuaisan-ball .left[data-v-0fbd6b1a] {
  justify-content: flex-start;
}

.wrapper .item .kuaisan-ball[data-v-0fbd6b1a] {
  margin-left: 2.667vw;
  flex: 1;
  display: flex;
  align-items: center;
}

.wrapper .item .kuaisan-ball .res-img[data-v-0fbd6b1a] {
  width: 6.667vw;
  height: 6.667vw;
  margin-right: 2.667vw;
}

.wrapper .item .kuaisan-ball .res-des[data-v-0fbd6b1a] {
  text-align: center;
  color: #c24491;
}

.wrapper .item .kuaisan-ball .res-des.middle[data-v-0fbd6b1a] {
  width: 100%;
  font-size: 3.333vw;
  border: 1px solid #ebebeb;
  margin: 0 1.333vw;
  padding: 0.4vw 0;
  border-radius: 1.333vw;
  background: #ebebeb;
}

.play-type-tip[data-v-0fbd6b1a] {
  position: unset;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 86.667vw;
  height: 93.333vw;
  max-height: 50%;
  z-index: 10;
  border-radius: 4vw;
  overflow: hidden;
  background-color: #fff;
  color: #c24491;
}

.play-type-tip .title[data-v-0fbd6b1a] {
  line-height: 12vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
  text-align: center;
  color: #fff;
  font-size: 4.667vw;
  font-weight: 500;
}

.mask[data-v-0fbd6b1a] {
  background-color: transparent;
  animation-duration: 0.35s;
}

.play-type-tip .wrapper[data-v-0fbd6b1a] {
  height: calc(100% - 1.333vw);
  background-color: transparent;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.play-type-tip .wrapper .item[data-v-0fbd6b1a] {
  padding: 5.333vw 6.667vw;
  display: flex;
  align-items: flex-start;
}

.play-type-tip .wrapper .item .van-icon[data-v-0fbd6b1a] {
  color: #c24491;
  font-size: 8vw;
}

.play-type-tip .wrapper .item .content .content-title[data-v-0fbd6b1a] {
  margin-top: 2.933vw;
  font-size: 4.667vw;
  font-weight: 500;
  color: #c24491;
  line-height: 0px;
}

.play-type-tip .wrapper .item .content .content-detail[data-v-0fbd6b1a] {
  margin-top: 0.667vw;
  font-size: 2.933vw;
  color: #c24491;
  line-height: 4vw;
}

.play-type-tip .wrapper .item .content[data-v-0fbd6b1a] {
  flex: 1;
  margin-left: 4vw;
}

.rectangle.active .wrapper[data-v-0fbd6b1a] {
  background-color: #ff253f !important;
}

.rectangle.active .wrapper .name-text[data-v-0fbd6b1a],
.rectangle.active .wrapper .odd-text[data-v-0fbd6b1a] {
  color: #fff !important;
}

.bottom-bar .wrapper[data-v-0fbd6b1a] {
  position: absolute;
  top: 1.333vw;
  left: 0;
  right: 0;
  padding: 2.667vw 2.667vw 1.333vw 2.667vw;
  height: 30.667vw;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 0 1.333vw 0 #cacaca;
  transition: transform 0.3s cubic-bezier(0.21, 1.02, 0.55, 1.01);
}

.bottom-bar .wrapper.active[data-v-0fbd6b1a] {
  transform: translateY(-100%);
}

.bottom-bar .wrapper .item[data-v-0fbd6b1a] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 8.667vw;
}

.bottom-bar .wrapper .item .label[data-v-0fbd6b1a] {
  font-size: 4vw;
  line-height: 4vw;
  color: #c24491;
}

.bottom-bar .wrapper .item .bet-number[data-v-0fbd6b1a] {
  flex: 1;
  margin: 0 2.133vw;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  color: #ff253f;
  font-size: 4vw;
  font-weight: 500;
  height: 5.333vw;
  line-height: 5.333vw;
}

.bottom-bar .wrapper .item .amount-wrapper[data-v-0fbd6b1a] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.van-cell[data-v-0fbd6b1a] {
  font-size: 4vw;
  line-height: 6.667vw;
}

.bottom-bar .wrapper .item .part[data-v-0fbd6b1a] {
  margin-right: 2.667vw;
}

.bottom-bar .wrapper .item .part span[data-v-0fbd6b1a] {
  font-size: 4vw;
  vertical-align: center;
  color: #c24491;
}

.bottom-bar .wrapper .item .part .number[data-v-0fbd6b1a] {
  margin: 0 0.667vw;
  color: #ff253f;
  font-weight: 500;
}
[data-v-0fbd6b1a] .van-field__control {
  color: #ff253f;
}

.confirm-order-modal[data-v-0fbd6b1a] {
  position: unset;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 0 2.667vw 4vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 81.333vw;
  height: 90.667vw;
  max-height: 50%;
  z-index: 10;
  background-color: #fff;
  border-radius: 4vw;
}

.confirm-order-modal .head[data-v-0fbd6b1a] {
  position: relative;
  height: 10.667vw;
}

.confirm-order-modal .head .text[data-v-0fbd6b1a] {
  padding: 0 2.667vw;
  height: 4vw;
  line-height: 1.333vw;
  text-align: center;
  font-size: 4.667vw;
  font-weight: 500;
  color: #775fd9;
}
[data-v-0fbd6b1a] .confirm-order-modal .van-hairline--bottom:after {
  border-bottom-width: 0.267vw;
}

.van-popup--center[data-v-0fbd6b1a] {
  border-radius: 4vw;
}

.confirm-order-modal .list[data-v-0fbd6b1a] {
  flex: 1;
  padding: 0 1.333vw;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.confirm-order-modal .list .lise-item[data-v-0fbd6b1a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.333vw 0;
}

.confirm-order-modal .list .lise-item .main[data-v-0fbd6b1a] {
  flex: 1;
  overflow: hidden;
}

.confirm-order-modal .list .lise-item .main .bet-name[data-v-0fbd6b1a] {
  color: #ff253f;
  font-size: 4.667vw;
  font-weight: 500;
  line-height: 0px;
  word-wrap: break-word;
  word-break: break-all;
}

.confirm-order-modal .list .lise-item .main .detail-text[data-v-0fbd6b1a] {
  line-height: 0px;
  font-size: 3.333vw;
  color: #c24491;
}

.confirm-order-modal .list .lise-item[data-v-0fbd6b1a] {
  color: #ff253f;
}

.confirm-order-modal .sub-bar[data-v-0fbd6b1a] {
  display: flex;
  align-items: center;
  margin-top: 4vw;
  justify-content: space-around;
}

.confirm-order-modal .sub-bar .item[data-v-0fbd6b1a] {
  min-width: 40%;
  height: 10.667vw;
  text-align: center;
  box-sizing: border-box;
  border-radius: 6.667vw;
  font-size: 4.667vw;
  font-weight: 500;
}

.confirm-order-modal .sub-bar .item.cancel-btn[data-v-0fbd6b1a] {
  border: 0.267vw solid #c24491;
  color: #c24491;
  background-color: #fff;
}

.confirm-order-modal .sub-bar .item.sub-btn[data-v-0fbd6b1a] {
  background: linear-gradient(270deg, #c24491, #775fd9);
  color: #fff;
  border: 0;
}

.number-lottery[data-v-0fbd6b1a] {
  color: #fff;
  margin-top: 2vw;
  font-size: 4.667vw;
  font-weight: 600;
}

.period .left[data-v-0fbd6b1a] {
  width: 50%;
}

.period .right[data-v-0fbd6b1a] {
  height: 100%;
  border-left: 0.02667rem dashed #fff;
  padding: 2vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.period .right .text[data-v-0fbd6b1a] {
  font-size: 3.333vw;
  color: #fff;
  margin-bottom: 2.667vw;
}

.period .left div[data-v-0fbd6b1a] {
  justify-content: flex-start;
}

.period .left div.cover[data-v-0fbd6b1a] {
  margin-right: 1rem;
}

.name-lottery[data-v-0fbd6b1a] {
  border: 1px solid #fff;
  border-radius: 1.333vw;
  padding: 1.333vw;
  color: #fff;
  font-size: 2.4vw;
}

.van-count-down[data-v-0fbd6b1a] {
  text-align: right;
}
[data-v-5cbb99bb] .van-loading__text,
[data-v-5cbb99bb] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .content[data-v-5cbb99bb] {
  height: calc(100% - 2.667vw);
  overflow: auto;
}

.container .content .listItem[data-v-5cbb99bb] {
  margin-bottom: 2.667vw;
  padding: 2.667vw 2.667vw 0;
  position: relative;
  color: #c24491;
  background-color: #fff;
}

.container .content .listItem .listTitle[data-v-5cbb99bb] {
  font-size: 5.067vw;
}

.container .content .listItem .listContent[data-v-5cbb99bb] {
  border-bottom: 0.267vw solid #f2f2f5;
  padding: 0.667vw 0;
  font-size: 3.333vw;
}

.container .content .listItem .listTime[data-v-5cbb99bb] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 9.333vw;
}

.container .content .listItem .listTime .listTimeText[data-v-5cbb99bb] {
  color: #656566;
  font-size: 4vw;
}

.video-js[data-v-f6ee631c] {
  width: 100%;
  font-size: 3.2vw;
}

.movie-content[data-v-f6ee631c] {
  flex: 1;
  overflow-y: auto;
}

.movie-content .movie-descript[data-v-f6ee631c] {
  width: 100%;
  height: 18.667vw;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2vw;
}

.movie-content .movie-descript p[data-v-f6ee631c] {
  font-size: 4vw;
  font-weight: 700;
  color: #c24491;
}

.movie-content .movie-descript span[data-v-f6ee631c] {
  color: #c24491;
}

.movie-content .movie-body[data-v-f6ee631c] {
  width: calc(100% - 2.667vw);
  margin: 0 auto;
}
[data-v-f6ee631c] .movie-video .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -6.667vw;
  margin-left: -13.333vw;
}

.movie-content .movie-body .movie-title[data-v-f6ee631c] {
  height: 9.333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.movie-content .movie-body .movie-title > div[data-v-f6ee631c]:first-child {
  text-transform: uppercase;
}

.movie-content
  .movie-body
  .movie-title
  > div:first-child
  span[data-v-f6ee631c] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 4vw;
  font-weight: 700;
  color: #c24491;
}

.movie-content
  .movie-body
  .movie-title
  > div:first-child
  span[data-v-f6ee631c]:before {
  content: "";
  display: block;
  width: 1.067vw;
  height: 4vw;
  background-color: #775fd9;
  border-radius: 3.333vw;
  margin-right: 1.333vw;
}

.movie-play-item[data-v-f6ee631c] {
  width: 100%;
  height: 26.667vw;
  border-radius: 1.333vw;
  position: relative;
  display: flex;
  background-color: #fff;
  margin-bottom: 2.667vw;
}

.movie-play-item > div[data-v-f6ee631c] {
  height: 100%;
}

.movie-play-item > div[data-v-f6ee631c]:first-child {
  width: 26.667vw;
  position: relative;
}

.movie-play-item > div:first-child > img[data-v-f6ee631c] {
  width: 100%;
  height: 100%;
  border-radius: 1.333vw 0 0 1.333vw;
}

.movie-play-item > div:first-child > div[data-v-f6ee631c] {
  position: absolute;
  width: 100%;
  height: 4vw;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.333vw;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 0 1.333vw;
}

.movie-play-item > div:first-child > div .van-count-down[data-v-f6ee631c] {
  color: #fff;
  font-size: 3.333vw;
}

.movie-play-item > div:nth-child(2) p[data-v-f6ee631c] {
  width: 66.667vw;
  height: 8vw;
  font-size: 4vw;
  line-height: 4.267vw;
  word-break: break-all;
  overflow: hidden;
  color: #c24491;
}

.movie-play-item > div:nth-child(2) span[data-v-f6ee631c] {
  color: #c24491;
}

.movie-play-item > div[data-v-f6ee631c]:nth-child(2) {
  padding: 2.667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

abbr[data-v-f6ee631c],
address[data-v-f6ee631c],
article[data-v-f6ee631c],
aside[data-v-f6ee631c],
audio[data-v-f6ee631c],
b[data-v-f6ee631c],
blockquote[data-v-f6ee631c],
body[data-v-f6ee631c],
canvas[data-v-f6ee631c],
caption[data-v-f6ee631c],
cite[data-v-f6ee631c],
code[data-v-f6ee631c],
dd[data-v-f6ee631c],
del[data-v-f6ee631c],
details[data-v-f6ee631c],
dfn[data-v-f6ee631c],
div[data-v-f6ee631c],
dl[data-v-f6ee631c],
dt[data-v-f6ee631c],
em[data-v-f6ee631c],
fieldset[data-v-f6ee631c],
figcaption[data-v-f6ee631c],
figure[data-v-f6ee631c],
footer[data-v-f6ee631c],
form[data-v-f6ee631c],
h1[data-v-f6ee631c],
h2[data-v-f6ee631c],
h3[data-v-f6ee631c],
h4[data-v-f6ee631c],
h5[data-v-f6ee631c],
h6[data-v-f6ee631c],
header[data-v-f6ee631c],
hgroup[data-v-f6ee631c],
html[data-v-f6ee631c],
i[data-v-f6ee631c],
iframe[data-v-f6ee631c],
img[data-v-f6ee631c],
ins[data-v-f6ee631c],
kbd[data-v-f6ee631c],
label[data-v-f6ee631c],
legend[data-v-f6ee631c],
li[data-v-f6ee631c],
mark[data-v-f6ee631c],
menu[data-v-f6ee631c],
nav[data-v-f6ee631c],
object[data-v-f6ee631c],
ol[data-v-f6ee631c],
p[data-v-f6ee631c],
pre[data-v-f6ee631c],
q[data-v-f6ee631c],
samp[data-v-f6ee631c],
section[data-v-f6ee631c],
small[data-v-f6ee631c],
span[data-v-f6ee631c],
strong[data-v-f6ee631c],
sub[data-v-f6ee631c],
summary[data-v-f6ee631c],
sup[data-v-f6ee631c],
table[data-v-f6ee631c],
tbody[data-v-f6ee631c],
td[data-v-f6ee631c],
tfoot[data-v-f6ee631c],
th[data-v-f6ee631c],
thead[data-v-f6ee631c],
time[data-v-f6ee631c],
tr[data-v-f6ee631c],
ul[data-v-f6ee631c],
var[data-v-f6ee631c],
video[data-v-f6ee631c] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

.van-cell[data-v-afa0866e] {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

.container p[data-v-afa0866e] {
  padding: 0 2vw;
  margin-top: 2vw;
  font-size: 4vw;
  color: #dc2037;
}

.manage-card .wrapper[data-v-afa0866e] {
  height: calc(100% - 1.333vw);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.wrapper .add-card[data-v-afa0866e] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c24491;
  background-color: #fff;
  height: 33.333vw;
}

.wrapper .add-card span[data-v-afa0866e] {
  margin-left: 1.333vw;
  font-size: 4vw;
}

.wrapper .tips[data-v-afa0866e] {
  margin: 2vw 2vw;
  font-size: 3.333vw;
  color: #c24491;
}

.wrapper .bank .info[data-v-afa0866e] {
  margin-left: 2.667vw;
  flex: 1;
  color: #c24491;
}

.wrapper .bank .info .row-content[data-v-afa0866e] {
  margin: 4vw 0;
  line-height: 2.667vw;
  font-size: 4vw;
}

.van-cell[data-v-779ed1b4] {
  font-size: 4.267vw;
  line-height: 10.667vw;
}

.van-hairline--bottom[data-v-779ed1b4]:after {
  border-bottom-width: 0.4vw;
}

.bankbox[data-v-779ed1b4] {
  padding: 2vw;
  color: #c24491;
  background-color: #fff;
}

.bankbox .title[data-v-779ed1b4] {
  padding: 1.067vw 1.333vw 2.667vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 3.733vw;
}

.main-box[data-v-779ed1b4] {
  background: #fff;
}

.main-box .label[data-v-779ed1b4] {
  padding: 2.667vw;
  font-size: 4.667vw;
  color: #797878;
}
[data-v-779ed1b4] .van-picker__toolbar {
  height: 6.667vw;
}

.van-picker__confirm[data-v-779ed1b4],
[data-v-779ed1b4] .van-picker__cancel {
  padding: 0 2.667vw;
  font-size: 2.667vw;
}
[data-v-779ed1b4] .van-picker-column {
  font-size: 5.333vw;
}

.main-box p[data-v-779ed1b4] {
  padding: 0 2.667vw;
  font-size: 4vw;
  color: #ee0a24;
}

.bindCard[data-v-779ed1b4] {
  margin: 2.667vw 4vw 0;
  height: 10.667vw;
  line-height: 1.22667rem;
  border-radius: 6.667vw;
  color: #fff;
  font-size: 4vw;
  font-weight: bolder;
  border: none;
  background: linear-gradient(90deg, #c24491, #775fd9);
}

.van-cell[data-v-a2575b6a] {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

.container p[data-v-a2575b6a] {
  padding: 0 2vw;
  margin-top: 2vw;
  font-size: 4vw;
  color: #dc2037;
}

.container .main[data-v-a2575b6a] {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f5;
  height: calc(100% - 6.667vw);
  position: relative;
}

.container .main .withdrawMoney[data-v-a2575b6a] {
  display: flex;
  flex-direction: column;
  color: #c24491;
  padding: 0 2.667vw;
  white-space: nowrap;
  font-size: 4.667vw;
  background-color: #fff;
}

.container .main .withdrawMoney .money[data-v-a2575b6a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f5;
}

.container .main .withdrawMoney .money .moneyNumber[data-v-a2575b6a] {
  font-size: 6.667vw;
  display: flex;
  flex-direction: row;
}

.container .main .withdrawMoney .money .all[data-v-a2575b6a] {
  color: #d10404;
}

.container .main .withdrawMoney .money .moneyNumber .van-cell[data-v-a2575b6a] {
  font-size: 6.667vw;
  padding: 0 !important;
}

.container .main .withdrawMoney .information[data-v-a2575b6a] {
  padding-bottom: 4vw;
}

.container .main .withdrawMoney .information .description[data-v-a2575b6a] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1.333vw 0;
}

.container .main .withdrawMoney span[data-v-a2575b6a] {
  padding: 1.333vw 0;
}

.container .main .withdrawMoney .information .balance .number[data-v-a2575b6a] {
  color: #d10404;
}

.withdraw_btn[data-v-a2575b6a] {
  margin: 2.667vw 4vw 0;
  height: 10.667vw;
  line-height: 1.22667rem;
  border-radius: 6.667vw;
  color: #fff;
  font-size: 4vw;
  font-weight: bolder;
  border: none;
  background: linear-gradient(90deg, #c24491, #775fd9);
}

.container .header[data-v-27201c55] {
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.container .header .info[data-v-27201c55] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2.667vw;
  padding-top: 1.333vw;
  margin: auto;
}

.container .header .info .title[data-v-27201c55] {
  font-size: 3.333vw;
  color: #e5e5e5;
}

.container .header .info .value[data-v-27201c55] {
  margin: 1.333vw auto;
  color: #fff;
  font-size: 6.667vw;
  border-bottom: 1px solid #fff;
}

.container .header .info .tip[data-v-27201c55] {
  font-size: 4vw;
  color: #e5e5e5;
}

.container .content[data-v-27201c55] {
  flex: 1;
  background: #f2f2f5;
}

.container .content .datalist[data-v-27201c55] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.container .content .datalist .datalistitem[data-v-27201c55] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 26.667vw;
  width: 33.3%;
}

.container
  .content
  .datalist
  .datalistitem
  .datalistitemValue[data-v-27201c55] {
  color: #ff253f;
  font-size: 4.667vw;
  margin-bottom: 1.333vw;
  margin-top: 1.333vw;
}

.container .content .datalist .datalistitem .datalistitemKey[data-v-27201c55] {
  color: #c24491;
  font-size: 3.333vw;
  margin-bottom: 1.333vw;
  margin-top: 1.333vw;
}
[data-v-057cf5be] .van-loading__text,
[data-v-057cf5be] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .main[data-v-057cf5be] {
  position: relative;
  overflow: auto;
  background-color: #f2f2f5;
  height: 100%;
  padding: 0 1.333vw;
}

.item_list[data-v-057cf5be] {
  padding: 2vw 2vw;
  margin: 4vw 1.333vw;
  background: #fff;
  border-radius: 1.333vw;
  line-height: 8vw;
}

.item_list .topInfo span[data-v-057cf5be] {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 700;
  color: #ff253f;
}

.item_list .time span[data-v-057cf5be] {
  flex: 1;
  font-size: 3.333vw;
  font-weight: 500;
  color: #c24491;
}

.item_list .desc span[data-v-057cf5be] {
  font-size: 3.333vw;
  font-weight: 700;
  color: #9b9b9b;
}

.item_list .cover[data-v-057cf5be] {
  width: 8vw;
  height: 8vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.item_list .period-number[data-v-057cf5be] {
  margin-left: 6.667vw;
  margin-right: 1.333vw;
  height: 6.667vw;
  line-height: 8vw;
  font-size: 4.667vw;
  font-weight: 700;
  color: #c24491;
}

.item_list .lottery_info[data-v-057cf5be] {
  display: flex;
}

.recent[data-v-057cf5be] {
  display: flex;
  align-items: center;
  height: 13.333vw;
}

.kuaisan-ball .left[data-v-057cf5be] {
  justify-content: flex-start;
}

.kuaisan-ball[data-v-057cf5be] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kuaisan-ball .res-img[data-v-057cf5be] {
  width: 9.333vw;
  height: 9.333vw;
  margin-right: 4vw;
}

.kuaisan-ball .res-des[data-v-057cf5be] {
  font-weight: 700;
  text-align: center;
  color: #c24491;
}

.kuaisan-ball .res-des.middle[data-v-057cf5be] {
  width: 15%;
  font-size: 2.4vw;
  border: 1px solid #9b9b9b;
  border-radius: 1.333vw;
  margin-left: 1.333vw;
}
[data-v-1231de20] .van-loading__text,
[data-v-1231de20] .van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .main[data-v-1231de20] {
  position: relative;
  overflow: auto;
  background-color: #f2f2f5;
  height: 100%;
  padding: 0 1.333vw;
}

.item_list[data-v-1231de20] {
  padding: 2vw 2vw;
  margin: 4vw 1.333vw;
  background: #fff;
  border-radius: 1.333vw;
  line-height: 8vw;
}

.item_list .topInfo span[data-v-1231de20] {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 700;
  color: #ff253f;
}

.item_list .time span[data-v-1231de20] {
  flex: 1;
  font-size: 3.333vw;
  font-weight: 500;
  color: #c24491;
}

.item_list .topInfo span[data-v-1231de20]:last-child {
  float: right;
}

.item_list .desc span[data-v-1231de20] {
  font-size: 3.333vw;
  font-weight: 700;
  color: #9b9b9b;
}

.game-list {
  display: none;
}

.login-content {
  display: flex; /* 使用Flexbox布局 */
  align-items: center; /* 垂直居中对齐 */
}

.login-btn,
.login-label {
  margin-right: 20px; /* 适当的右边距以增加间隔 */
}