.van-tabbar {
  height: 14.667vw;
}

.van-tabbar-item__icon img {
  height: 10vw;
}

.van-tabbar-item {
  font-size: 3.467vw;
}

.tui {
  width: 5rem;
  height: 5rem !important;
  margin-top: -7.333vw;
  background-color: #fff;
  border-radius: 50%;
  border: 1.333vw solid #fff;
  z-index: 10;
}

/* [class*="van-hairline"]:after {
  border: none !important;
} */

.foorterTxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.725rem;
}

body .van-toast {
  font-size: 5.067vw;
  padding: 4vw;
  line-height: 6.667vw;
  width: 70vw;
}

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

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

.iframe {
  display: flex;
  justify-content: center;
  align-items: center;
}

.linear-bg {
  height: 26.667vw;
  display: flex;
  align-items: center;
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.home-container {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

.linear-gradient {
  width: 100%;
  height: 0.267vw;
  background: linear-gradient(
    90deg,
    rgba(126, 86, 120, 0),
    #e6c3a1,
    rgba(126, 86, 120, 0)
  );
}

.van-notice-bar__right-icon,
.van-notice-bar__left-icon {
  min-width: 5.333vw;
}

.notice-swipe {
  width: calc(100% - 6.667vw);
  height: 11.333vw;
  font-size: 4vw;
}

.van-icon-bullhorn-o:before {
  transform: scale(2.5);
}

.banner {
  width: 100%;
  margin-top: -23%;
}

.banner_swiper {
  height: 100%;
  width: 100%;
}

.banner_swiper .swiper-slide {
  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;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, transparent, transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, transparent, transparent);
}

.banner_img {
  border-radius: 1.333vw;
  width: 100%;
  height: 100%;
}

.hot-game {
  width: 100%;
  height: 100%;
}

.hot-title-div {
  width: calc(100% - 6.667vw);
  margin: 0 auto;
  height: 13.333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hot-title-div > div:first-child {
  width: 57.333vw;
}

.hot-title-div div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.hot-title-div > div:nth-child(2) span {
  font-size: 2.667vw;
  color: #979799;
}

.hot-title-div > div:first-child span {
  font-size: 1.333vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 4vw;
  font-weight: 700;
  color: #c24491;
}

.hot-title-div > div:nth-child(2) span {
  font-size: 3.333vw;
  color: #c24491;
}

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

.hot-game .hot-items-div {
  margin-top: -0.4vw;
}

.hot-game .hot-items-div span {
  margin-top: 1.333vw;
  font-size: 3.2vw;
  color: #c24491;
}

.hot-recommend {
  width: 100%;
  flex: 1;
  background-color: #f2f2f5;
}

.movie_swiper .swiper-slide {
  width: 80%;
  height: 44vw;
}

.movie_list_0 {
  width: calc(100% - 6.667vw);
  margin: 0 auto;
}

.movie_cover {
  border-radius: 1.333vw;
  width: 73.333vw;
  height: 44vw;
}

.movie_list_0 .movie-list-item-bottom {
  position: relative;
  width: 73.333vw;
  bottom: 5.733vw;
}

.movie_list_0 .movie-list-item-bottom .movie-time-div {
  background-color: rgba(0, 0, 0, 0.4);
}

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

.movie_list_0 .movie-list-item-bottom .movie-time-div .van-count-down {
  font-size: 3.733vw;
  color: #fff;
}

.movie_list_0 .movie-time-div {
  color: #fff;
  border-radius: 0 0 1.333vw 1.333vw;
}

.movie_list_0 .movie_swiper .hot {
  position: absolute;
  top: 0;
  left: 0;
  width: 10.667vw;
}

.movie_list_0 span {
  font-size: 4vw;
}

.movie_list_1 {
  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 {
  border-radius: 1.333vw;
  width: 100%;
  height: 100%;
}

.home-scroll {
  padding-bottom: 14.667vw;
}

.movie_list_1 .movie-list-item {
  margin-bottom: 1.333vw;
  width: 44.667vw;
  height: 38.667vw;
}

.movie_list_1 .movie-list-item-bottom {
  position: relative;
  width: 44.667vw;
  bottom: 5.6vw;
}

.movie_list_1 .movie-list-item:nth-child(odd) {
  margin-right: 1.333vw;
}

.movie_list_1 .movie-list-item-bottom .movie-time-div {
  background-color: rgba(0, 0, 0, 0.4);
}

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

.movie_list_1 .movie-list-item-bottom .movie-time-div .van-count-down {
  color: #fff;
}

.movie_list_1 .movie-time-div {
  color: #fff;
  border-radius: 0 0 1.333vw 1.333vw;
  height: 4.667vw;
}

.movie_list_1 .movie_swiper .hot {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.667vw;
}

.movie_list_1 .movie-list-item .movie-time-div span: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:last-child {
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  padding-right: 14.667vw;
  font-size: 2.933vw;
}

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

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

.hot-items-div {
  padding: 1.6vw 0;
}

.hot-items-div .game_item_img {
  width: 13.333vw;
  height: 13.333vw;
  margin-bottom: 2.133vw;
}

.hot-items-div .game_item_img .van-image__img {
  border-radius: 2.667vw;
}

.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.luckDraw {
  position: fixed;
  bottom: 21.333vw;
  right: 5.333vw;
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
  z-index: 999;
}

.kefu {
  position: fixed;
  bottom: 40vw;
  right: 8vw;
  width: 10.667vw;
  height: 10.667vw;
  z-index: 999;
}

.van-popup__close-icon {
  font-size: 6.667vw;
}

.pop_content-content {
  font-size: 4vw;
  color: #1c1e23;
  padding: 4vw;
  margin-top: 5.333vw;
}

.bd-info .info-model .model-item {
  display: flex;
  position: relative;
  background-color: #8f65fe;
  border-radius: 0.5rem;
  margin: 0.625rem;
  padding: 0.625rem;
}

.bd-info .info-model .model-item .item-pic {
  position: relative;
  width: 7.5rem;
  overflow: hidden;
  border-radius: 1.333vw;
  margin-right: 0.625rem;
}

.bd-info .info-model .model-item .item-info {
  flex: 1;
  font-size: 0.75rem;
}

.bd-info .info-model .model-item .item-pic img {
  width: 7.5rem;
  height: 11.25rem;
  border: 0;
  vertical-align: middle;
}

.bd-info .info-model .model-item .item-info .name {
  margin-bottom: 0.625rem;
  margin-top: 0.3125rem;
}

.bd-info .info-model .model-item .item-info .tag {
  margin-bottom: 0.3125rem;
}

.bd-info .info-model .model-item .item-info .tag span {
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
  background-color: #ea92cf;
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.3125rem;
}

.bd-info .info-model .model-item .item-info .info {
  margin-bottom: 0.3125rem;
}

.bd-info .info-model .model-item .item-info .remark {
  line-height: 1.6;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bd-info .info-model .model-item .item-info .call .van-button {
  width: 100%;
  height: 2.125rem;
  border-radius: 6.1875rem !important;
}

.bd-info .info-model .model-item .item-info .remark span {
  color: #ddd2fb;
  font-size: 0.875rem;
}

.bd-info .info-model .model-item .item-info .name span {
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
}

.bd-info .info-model .model-item .item-info .info span {
  color: #ddd2fb;
  font-size: 0.875rem;
}

.van-button--info,
.van-button--primary {
  border: none !important;
  background: linear-gradient(90deg, #a082f0, #ea92cf) !important;
  border-radius: 0.667vw !important;
}

.movie-list-n-item {
  width: calc(50% - 1.467vw);
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  margin: 2.667vw 0.667vw;
  border-radius: 2.667vw;
  padding: 1.333vw;
}

.movie-n-time-div {
  margin-top: 2.667vw;
}

.movie-list-n-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2.667vw;
  font-weight: 700;
}

.movie-list-n-img {
  width: 44vw;
  height: 44vw;
  position: relative;
}

.movie-list-n-lab {
  display: inline;
  position: absolute;
  top: 2vw;
  left: 2vw;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #f905e5;
  width: 42vw;
  overflow: hidden;
}

.movie-list-ico-loves {
  display: inline-block;
  width: 5.333vw;
}

.movie-list-notice {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-notice {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.movie-list-addr {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-addr {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.movie-list-money {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-money {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

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

.mine {
  position: relative;
  bottom: 1.333vw;
  background: #f2f2f5;
}

.mine .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 24vw;
}

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

.mine .header {
  padding-bottom: 13.333vw;
}

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

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

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

.mine .header .user-wrapper {
  display: flex;
  align-items: center;
  margin: 0 5.333vw 0 5.333vw;
}

.mine .user_img {
  height: 17.333vw;
  width: 17.333vw;
}

.van-loading__spinner {
  height: 6.667vw;
  width: 6.667vw;
}

.van-image__error-icon {
  font-size: 9.333vw;
}

.mine .header .user-wrapper .login-content {
  flex: 1;
  margin-left: 4vw;
}

.mine .header .user-wrapper .login-content .login-btn {
  display: inline-block;
  font-size: 5.333vw;
  line-height: 0;
  color: #fff;
  display: flex;
  align-items: center;
}

.mine .header .user-wrapper .login-content .login-label {
  width: 60%;
  font-size: 3.733vw;
  color: hsla(0, 0%, 100%, 0.6);
}

.mine .page-bg {
  height: 66.667vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
  z-index: 0;
  background-size: cover;
}

.mine .content {
  position: relative;
  padding: 1.333vw 4vw 4vw;
  min-height: 66.667vw;
  background-color: #f2f2f5;
}

.van-pull-refresh__track .van-pull-refresh__head * {
  color: #fff;
  font-size: 4.667vw;
}

.mine .wrapper .content .finance {
  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 {
  width: 0.4vw;
  height: 5.333vw;
  background-color: #ccc;
}

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

.mine .wrapper .content .finance .finance-item .text {
  margin-left: 4vw;
  font-size: 4vw;
  color: #000;
  font-weight: 500;
}

.mine .wrapper .content .finance .finance-item .icon {
  font-size: 6.667vw;
}

.mine .wrapper .content .menu {
  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 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50%;
  height: 17.333vw;
}

.mine .wrapper .content .menu .menu-item .menu-item-label {
  font-size: 3.467vw;
  color: #868686;
  font-weight: 500;
}

.mine .wrapper .content .menu .menu-item .menu-item-icon {
  margin: 3.333vw;
  width: 8vw;
  height: 8vw;
  -o-object-fit: contain;
  object-fit: contain;
}

.mine .wrapper .content .wallet {
  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 {
  display: flex;
  align-items: center;
  height: 13.333vw;
}

.mine .wrapper .content .wallet .font-primary-color {
  color: #000;
}

.font-gray {
  color: #868686;
}

.mine .wrapper .content .wallet .part-2 {
  display: flex;
  align-items: center;
  height: 20vw;
}

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

.mine .wrapper .content .wallet .van-hairline--bottom:after {
  border-bottom-width: 0.4vw;
}

.mine .wrapper .content .wallet .part-2 .refresh-btn {
  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;
}

.login-vip {
  width: 18.933vw;
  height: 6vw;
  margin-left: 0;
  margin-bottom: -1.6vw;
}

/* .page {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
} */

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

.van-nav-bar {
  line-height: 6.667vw;
}

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

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

.van-sidebar {
  width: 24vw;
}

.convention-hall {
  display: flex;
  flex-direction: column;
  bottom: 2.667vw;
  background: #f2f2f5;
}

.van-tab {
  font-size: 4vw;
  line-height: 13.333vw;
  font-weight: 700;
}

.van-tabs__line {
  background-color: #775fd9;
  width: 100px;
}

.van-tabs--line .van-tabs__wrap {
  height: 13.333vw;
}

.van-tabs__wrap--scrollable .van-tab {
  padding: 0 3.067vw;
}

.card {
  background-color: #8a637d;
  padding: 0.625rem;
  width: 95%;
  color: #fff;
  font-size: 0.8125rem;
  margin: 0.625rem auto;
  border-radius: 0.375rem;
}

.van-row--flex {
  height: 10.667vw;
  line-height: 10.667vw;
}

.van-cell {
  padding: 4vw 2.933vw;
  font-size: 4vw;
  line-height: 4vw;
}

.rig-box {
  width: 95%;
  margin: 0.625rem auto;
}

.rig-title {
  color: #0bdab0;
  font-size: 1.125rem;
}

.rig-content {
  font-size: 2.667vw;
}

.address {
  width: 94%;
  margin: 0 auto;
}

.right {
  margin-top: 1.333vw;
}

.van-grid-item__content--center {
  border-radius: 2vw;
  padding: 0;
  height: auto;
}

/* .van-image__img {
  border-radius: 1.333vw;
  padding: 2vw;
} */

.rig-name {
  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.625rem;
}

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

/* .page {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
} */

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

.van-nav-bar {
  line-height: 6.667vw;
}

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

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

.movie-hall {
  display: flex;
  flex-direction: column;
  bottom: 13.333vw;
  background: #f2f2f5;
}

/* .van-tabs__nav {
  background: linear-gradient(90deg, #775fd9, #c24491);
} */

/* .van-tab {
  color: #fff;
  font-size: 4vw;
} */
/* 
.van-tabs__line {
  bottom: 2vw;
  width: 7.333vw;
  height: 0.933vw;
  border-radius: 0;
  background-color: #fff;
} */

.van-tabs--line .van-tabs__wrap {
  height: 13.333vw;
}

.van-tabs__wrap--scrollable .van-tab {
  padding: 0 3.067vw;
}

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

.video_swiper {
  width: 100%;
  flex: 1;
}

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

.movie-list-tab {
  overflow: auto;
  height: 100%;
}

.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.movie-list-tab .hot-recommend-div {
  height: 100%;
}

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

.list-item {
  width: calc(100% - 6.667vw);
}

.list-item .movie-list-item:nth-child(odd) {
  margin-right: 2.667vw;
}

.movie-list-item .cover_img {
  border-radius: 2.667vw;
  width: 44.667vw;
  height: 38.667vw;
}

.movie-list-item {
  margin-bottom: -1.333vw;
}

.list-item .movie-list-item-bottom {
  position: relative;
  width: 44.667vw;
  bottom: 5.6vw;
}

.list-item .movie-list-item-bottom .movie-time-div {
  background-color: rgba(0, 0, 0, 0.4);
}

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

.list-item .movie-list-item-bottom .movie-time-div .van-count-down {
  color: #fff;
}

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

.list-item .movie-time-div {
  color: #fff;
  border-radius: 0 0 2.667vw 2.667vw;
  height: 4.667vw;
}

/* .page {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
} */

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

.van-nav-bar {
  line-height: 6.667vw;
}

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

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

.van-sidebar {
  width: 24vw;
}

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

.van-sidebar-item--select {
  color: #775fd9;
  font-size: 4.667vw;
  text-align: center;
}

.van-sidebar-item__text {
  width: 18.667vw;
  margin-left: -3.333vw;
}

.van-sidebar-item {
  font-size: 4vw;
  text-align: center;
  padding: 6.667vw;
  color: #c24491;
  background-color: #fff;
}

.van-sidebar-item--select,
.van-sidebar-item--select :active {
  background-color: #f2f2f5;
  color: #775fd9;
}

.convention-item {
  display: flex;
  align-items: center;
  height: calc(100% - 2vw);
}

.convention-hall {
  display: flex;
  flex-direction: column;
  bottom: 2.667vw;
  background: #f2f2f5;
}

.convention-item .left {
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

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

.convention-item .right .list-wrapper {
  padding: 2.667vw 2.667vw;
  min-height: 106.667vw;
}

.convention-item .right .list-wrapper .game_item_img {
  width: 26.667vw;
  height: 26.667vw;
}

.convention-item .right .list-wrapper span {
  margin-top: 1.333vw;
  font-size: 4vw;
  color: #c24491;
}

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

.van-grid-item {
  padding: 1.333vw;
}

.van-grid-item__content--center {
  border-radius: 2vw;
}

/* .van-image__img {
  border-radius: 5.333vw;
} */

.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;
}

.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, #fa0000, #f039b2);
  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 {
  height: 100%;
}

.bg-container .bg-wrapper .login .nav-bar {
  background: 0 0;
}

.language {
  position: absolute;
  top: 0.533vw;
  right: 0;
  height: 10.667vw;
}

.language img {
  height: 100%;
}

.login .wrapper {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.logo-container {
  margin: 0 auto;
  width: 45%;
}

.logo-container .logo-wrapper {
  position: relative;
  padding-bottom: 62.5%;
}

.logo-container .logo-wrapper .logo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 0.8;
}

.login .wrapper .title {
  line-height: 13.333vw;
  text-align: center;
  font-size: 8vw;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.667vw;
}

.login .wrapper .loginForm {
  padding: 8vw;
}

.login .wrapper .loginForm .input {
  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;
}

.van-field__right-icon .van-icon,
.van-icon {
  font-size: 6.667vw;
}

.login .wrapper .loginForm .reset-text {
  margin: 4vw 2vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

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

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

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

.login .wrapper .loginForm .login-btn {
  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 {
  height: 100%;
}

.bg-container .bg-wrapper .register .nav-bar {
  background: 0 0;
}

.register .wrapper {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.logo-container {
  margin: 0 auto;
  width: 45%;
}

.logo-container .logo-wrapper {
  position: relative;
  padding-bottom: 62.5%;
}

.logo-container .logo-wrapper .logo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  opacity: 0.8;
}

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

.register .wrapper .loginForm {
  padding: 8vw;
}

.register .wrapper .loginForm .input {
  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;
}

.van-field__right-icon .van-icon,
.van-icon {
  font-size: 6.667vw;
}

.register .wrapper .loginForm .reset-text {
  margin: 4vw 2vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

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

.register .wrapper .loginForm .register-text {
  margin: 1.333vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register .wrapper .loginForm .register-text span {
  color: #fff;
  font-size: 3.333vw;
  font-weight: 500;
  line-height: 2.667vw;
}

.register .wrapper .loginForm .login-btn {
  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 {
  margin-top: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register .wrapper .loginForm .agreement .agreement-text {
  margin-left: 1.333vw;
  font-size: 3.333vw;
  color: #fff;
  font-weight: 500;
  line-height: 4vw;
}

.agreement .van-icon {
  font-size: 4vw;
}

.agreement .van-checkbox__icon {
  font-size: 5.067vw;
}

.agreement .van-checkbox__icon--checked .van-icon {
  color: #fff;
  border-color: #7e5678;
  background-color: #7e5678;
}

.servicelistItem {
  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 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 13.333vw;
}

.servicelistItem .servicelistItemTop .servicelistItemImage {
  width: 10.667vw;
  height: 10.667vw;
  border-radius: 50%;
}

.servicelistItem .servicelistItemTop .servicelistItemText {
  margin-left: 6.667vw;
  font-size: 5.733vw;
  font-weight: 700;
  color: #000;
  flex: 1;
}

.servicelistItem .servicelistItemTop .servicelistItemBtn {
  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 {
  color: #fff;
  font-size: 3.333vw;
}

.servicelistItem .servicelistItemBottom {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.667vw;
  background: #f2f2f5;
  border-radius: 1.333vw;
  color: #979799;
}

.servicelistItem .servicelistItemBottom .servicelistItemInfoText {
  font-size: 4vw;
}

.container .items {
  background-color: #fff;
  font-size: 4vw;
  color: #000;
  padding: 0 3.333vw;
}

.container .items .item {
  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:after {
  border-bottom-width: 0.4vw;
}

.container .sign-out {
  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 {
  font-size: 4vw;
  font-weight: 700;
  color: #979799;
}

.container .item .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.container .main-content {
  padding: 0 2.667vw;
  background-color: #fff;
}

.container .main-content .item {
  padding: 4vw 0;
  justify-content: space-between;
  font-size: 4vw;
}

.container .main-content .item .right,
.container .main-content .item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.container .main-content .item .right img {
  width: 12vw;
}

.container .main-content .van-hairline--bottom:after {
  border-bottom-width: 0.4vw;
}

.container .main-content .item .right .desc-cell-number,
.container .main-content .item .right .desc {
  font-size: 4vw;
  font-weight: 700;
  color: #979799;
}

.avatarbox {
  padding: 2vw;
  color: #000;
  height: 81%;
  background-color: #fff;
}

.avatarbox .title {
  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 {
  width: 14vw;
  height: 14vw;
  margin: 2.5%;
  border-radius: 50%;
}

.avatarbox .content {
  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 {
  width: 12.667vw;
  height: 12.667vw;
  border: 0.8vw solid #c24491;
}

.upAvatar {
  width: 96vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
  height: 10.667vw;
  line-height: 10.667vw;
  text-align: center;
  margin: auto;
  color: #fff;
  border-radius: 2.667vw;
}

.van-cell {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

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

.container .items {
  background-color: #fff;
  font-size: 4vw;
  color: #000;
  padding: 0 3.333vw;
}

/* .container .items .item {
  padding: 1.333vw 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom-width: 1.333vw;
} */

.container .items .van-hairline--bottom:after {
  border-bottom-width: 0.4vw;
}

.container .sign-out {
  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 {
  font-size: 4vw;
  font-weight: 700;
  color: #979799;
}

.container .item .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex_center {
  display: flex;
  align-items: center;
}

.flex_center img {
  width: 8vw;
  height: 8vw;
  margin-right: 2.667vw;
}

.info {
  padding: 2.667vw;
}

.container .sex {
  background-color: #fff;
  padding: 0 5.333vw;
}

.container .sex .item {
  font-size: 4.667vw;
  line-height: 6.667vw;
  padding: 4vw 0;
}

.van-radio__label {
  line-height: 6.667vw;
  margin-left: 4vw;
}

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

.van-radio__icon--checked .van-icon {
  color: #fff;
  border-color: #7e5678;
  background-color: #7e5678;
}

.container .van-hairline--bottom:after {
  border-bottom-width: 0.4vw;
}

.container .header {
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.recharge {
  padding: 1.333vw 4vw;
}

.van-cell {
  line-height: 8.667vw !important;
}

.van-button {
  height: 11.6vw !important;
}

.van-button__text {
  color: #fff !important;
}

.van-radio__icon {
  font-size: 4vw !important;
}

.van-radio__label {
  margin-left: 3.333vw !important;
  font-size: 4.667vw !important;
}

.van-radio {
  height: 8.667vw !important;
}

.form-item {
  margin-top: 5.333vw;
}

.form-item-title {
  font-size: 4.8vw;
  font-weight: 700;
  color: #999;
  margin-bottom: 2.667vw;
}

.recharge span {
  font-size: 4vw;
  color: #868686;
  font-weight: 500;
}

.container .header .info {
  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 {
  font-size: 3.333vw;
  color: #e5e5e5;
}

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

.container .header .info .tip {
  font-size: 4vw;
  color: #e5e5e5;
}

.container .content {
  flex: 1;
  background: #f2f2f5;
}

.subBtn {
  background: #775fd9;
}

.container .wrapper {
  height: 100%;
  background-color: #fff;
}

.container .wrapper .item .title {
  margin: 5.333vw 0;
  line-height: 2.667vw;
  font-size: 4vw;
  font-weight: 500;
  color: #000;
  text-align: center;
}

.van-password-input {
  width: 80%;
  height: 20vw;
  margin: 0 auto;
}

.van-password-input__security li {
  font-size: 4vw;
  line-height: 30;
  background-color: #ebedf0;
}

.van-password-input__security {
  height: 11.2vw;
}

.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 {
  width: 3.333vw;
  height: 3.333vw;
}

.van-key {
  height: 13.333vw;
  font-size: 7.333vw;
  line-height: 2.667vw;
  border-radius: 2.667vw;
}

.van-number-keyboard {
  z-index: 100;
  width: 100%;
  padding-bottom: 4vw;
  background-color: #f2f3f5;
}

.van-key__collapse-icon,
.van-key__delete-icon {
  width: 6.667vw;
  height: 6.667vw;
}

.container .wrapper .sub-btn {
  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);
}

.container .wrapper {
  height: 100%;
  background-color: #fff;
}

.container .wrapper .item .title {
  margin: 5.333vw 0;
  line-height: 2.667vw;
  font-size: 4vw;
  font-weight: 500;
  color: #000;
  text-align: center;
}

.van-password-input {
  width: 80%;
  height: 20vw;
  margin: 0 auto;
}

.van-password-input__security li {
  font-size: 4vw;
  line-height: 30;
  background-color: #ebedf0;
}

.van-password-input__security {
  height: 11.2vw;
}

.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 {
  width: 3.333vw;
  height: 3.333vw;
}

.van-key {
  height: 13.333vw;
  font-size: 7.333vw;
  line-height: 2.667vw;
  border-radius: 2.667vw;
}

.van-number-keyboard {
  z-index: 100;
  width: 100%;
  padding-bottom: 4vw;
  background-color: #f2f3f5;
}

.van-key__collapse-icon,
.van-key__delete-icon {
  width: 6.667vw;
  height: 6.667vw;
}

.container .wrapper .sub-btn {
  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 {
  font-size: 4.667vw;
  line-height: 10.667vw;
  display: block;
}

.van-field__label {
  width: 100%;
}

.van-cell {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

.sub-btn {
  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);
}

.nav-bar .right {
  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 {
  padding-left: 2.667vw;
  padding-right: 2.667vw;
  background-color: #fff;
  box-shadow: 0 0.267vw 0.267vw 0 #cacaca;
  z-index: 1;
}

.record .period {
  display: flex;
  align-items: center;
  padding: 2.667vw 0;
}

.record .period .cover {
  width: 8vw;
  height: 8vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.record .period .period-number {
  flex: 1;
  margin-left: 2.667vw;
  margin-right: 1.333vw;
  height: 6.667vw;
  line-height: 6.667vw;
  font-size: 4.667vw;
  font-weight: 700;
  color: #000;
}

.van-count-down {
  color: #ff253f;
  font-size: 6vw;
  margin-top: 1.333vw;
  float: right;
}

.record .recent {
  display: flex;
  align-items: center;
  height: 14.667vw;
}

.kuaisan-ball .left {
  justify-content: flex-start;
}

.kuaisan-ball {
  flex: 1;
}

.kuaisan-ball .res-img {
  width: 9.333vw;
  height: 9.333vw;
  margin-right: 4vw;
}

.kuaisan-ball .res-des {
  font-weight: 700;
  text-align: center;
  color: #000;
}

.kuaisan-ball .res-des.middle {
  /* width: 15%; */
  font-size: 2.667vw;
  margin-right: 0.667vw;
}

.van-icon {
  font-size: 5.333vw;
}

.down {
  transition: all 0.5s;
}

.up {
  transform: rotate(180deg);
  transition: all 0.5s;
}

.wrapper {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.options-bar {
  display: flex;
  align-items: center;
  height: calc(100% - 10.667vw);
}

.options-bar .game {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

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

.options-bar .game .tips .odds {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 500;
  color: #ff253f;
}

.options-bar .game .tips .play-tip {
  display: flex;
  align-items: center;
  height: 100%;
}

.van-icon-more-o {
  color: #ff253f;
  font-size: 6.667vw;
}

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

/* .linear-gradient {
  width: 100%;
  height: 0.267vw;
} */

.sumValueTwoSides {
  display: flex;
  padding: 4vw 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.rectangle {
  overflow: hidden;
}

.rectangle.large {
  margin: 0 0 4vw 4%;
  width: 20%;
  border-radius: 1.333vw;
}

.rectangle .wrapper {
  position: relative;
  padding: 0 1.333vw;
  background: #fff;
}

.rectangle .wrapper .content {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.rectangle.large .wrapper {
  padding-bottom: 100%;
}

.rectangle .wrapper .content .name-text.large {
  font-size: 2.667vw;
}

.rectangle .wrapper .content .name-text {
  color: #7d7c7c;
  font-weight: bolder;
}

.rectangle .wrapper .content .odd-text.large {
  font-size: 3.333vw;
  margin-top: -4vw;
}

.rectangle .wrapper .content .odd-text {
  text-align: center;
  color: #ff253f;
}

.bottom-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 13.333vw;
  z-index: 2;
}

.bottom-bar .bar {
  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,
.bottom-bar .bar {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bottom-bar .bar .left .item {
  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 {
  font-size: 2.933vw;
  color: #7d7c7c;
}

.jixuanico {
  font-size: 6vw;
}

.bottom-bar .bar .left .line {
  width: 0.267vw;
  height: 6.667vw;
  background: #dadada;
}

.bottom-bar .bar .mid {
  margin-left: 1.333vw;
  flex: 1;
}

.bottom-bar .bar .mid .text {
  font-size: 4vw;
  font-weight: 500;
  color: #000;
}

.bottom-bar .bar .mid .text.num {
  margin: 0 0.667vw;
  color: #ff253f;
}

.bottom-bar .bar .right {
  padding: 0 4vw;
  margin: 0 4vw;
  color: #fff;
  background: linear-gradient(270deg, #c24491, #775fd9);
  font-size: 4.667vw;
  font-weight: 500;
  height: 9.333vw;
  line-height: 9.333vw;
  border-radius: 6.667vw;
}

.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.van-popup {
  position: absolute;
}

.van-overlay {
  position: absolute;
  background-color: rgba(70, 67, 67, 0.7);
}

.van-popup--top {
  top: -1px;
}

/* .wrapper .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.333vw 0;
} */

.wrapper .item .left {
  width: 40%;
  font-size: 4vw;
  text-align: center;
  font-weight: 500;
  color: #000;
}

.font-weight {
  font-weight: 700 !important;
}

.wrapper .item .right {
  flex: 1;
  display: flex;
  font-size: 4vw;
  justify-content: center;
  overflow: hidden;
  color: #000;
}

.wrapper .item .kuaisan-ball .left {
  justify-content: flex-start;
}

.wrapper .item .kuaisan-ball {
  margin-left: 2.667vw;
  flex: 1;
  display: flex;
  align-items: center;
}

.wrapper .item .kuaisan-ball .res-img {
  width: 6.667vw;
  height: 6.667vw;
  margin-right: 2.667vw;
}

.wrapper .item .kuaisan-ball .res-des {
  font-weight: 700;
  text-align: center;
  color: #000;
}

.wrapper .item .kuaisan-ball .res-des.middle {
  width: 15%;
  font-size: 4.667vw;
}

.play-type-tip {
  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: #000;
}

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

.mask {
  background-color: transparent;
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;
}

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

.play-type-tip .wrapper .item {
  padding: 5.333vw 6.667vw;
  display: flex;
  align-items: flex-start;
}

.play-type-tip .wrapper .item .van-icon {
  color: #c24491;
  font-size: 8vw;
}

.play-type-tip .wrapper .item .content .content-title {
  margin-top: 2.933vw;
  font-size: 4.667vw;
  font-weight: 500;
  color: #000;
  line-height: 0;
}

.play-type-tip .wrapper .item .content .content-detail {
  margin-top: 0.667vw;
  font-size: 2.933vw;
  color: #000;
  line-height: 4vw;
}

.play-type-tip .wrapper .item .content {
  flex: 1;
  margin-left: 4vw;
}

.rectangle.active .wrapper {
  background-color: #ff253f !important;
}

.rectangle.active .wrapper .name-text,
.rectangle.active .wrapper .odd-text {
  color: #fff !important;
}

.bottom-bar .wrapper {
  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 {
  transform: translateY(-100%);
}

.bottom-bar .wrapper .item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 8.667vw;
}

.bottom-bar .wrapper .item .label {
  font-size: 4vw;
  line-height: 4vw;
  color: #000;
}

.bottom-bar .wrapper .item .bet-number {
  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 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.van-cell {
  font-size: 4vw;
  line-height: 6.667vw;
}

.bottom-bar .wrapper .item .part {
  margin-right: 2.667vw;
}

.bottom-bar .wrapper .item .part span {
  font-size: 4vw;
  vertical-align: center;
  color: #000;
}

.bottom-bar .wrapper .item .part .number {
  margin: 0 0.667vw;
  color: #ff253f;
  font-weight: 500;
}

.van-field__control {
  color: #ff253f;
}

.confirm-order-modal {
  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 {
  position: relative;
  height: 10.667vw;
}

.confirm-order-modal .head .text {
  padding: 0 2.667vw;
  height: 4vw;
  line-height: 1.333vw;
  text-align: center;
  font-size: 4.667vw;
  font-weight: 500;
  color: #775fd9;
}

.confirm-order-modal .van-hairline--bottom:after {
  border-bottom-width: 0.267vw;
}

.van-popup--center {
  border-radius: 4vw;
}

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

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

.confirm-order-modal .list .lise-item .main {
  flex: 1;
  overflow: hidden;
}

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

.confirm-order-modal .list .lise-item .main .detail-text {
  line-height: 0;
  font-size: 3.333vw;
  color: #979799;
}

.confirm-order-modal .list .lise-item {
  color: #ff253f;
}

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

.confirm-order-modal .sub-bar .item {
  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 {
  border: 0.267vw solid #979799;
  color: #979799;
  background-color: #fff;
}

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

.next-number span {
  font-size: 4.667vw;
  font-weight: 700;
  color: #000;
  float: right;
}

.van-loading__text,
.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .content {
  height: calc(100% - 2.667vw);
  overflow: auto;
}

.container .content .listItem {
  margin-bottom: 2.667vw;
  padding: 2.667vw 2.667vw 0;
  position: relative;
  color: #000;
  background-color: #fff;
}

.container .content .listItem .listTitle {
  font-size: 5.067vw;
}

.container .content .listItem .listContent {
  border-bottom: 0.267vw solid #f2f2f5;
  padding: 0.667vw 0;
  font-size: 3.333vw;
}

.container .content .listItem .listTime {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 9.333vw;
}

.container .content .listItem .listTime .listTimeText {
  color: #656566;
  font-size: 4vw;
}

.video-js {
  width: 100%;
  font-size: 3.2vw;
}

.movie-content {
  flex: 1;
  overflow-y: auto;
}

.movie-content .movie-descript {
  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 {
  font-size: 4vw;
  font-weight: 700;
  color: #c24491;
}

.movie-content .movie-descript span {
  color: #979799;
}

.movie-content .movie-body {
  width: calc(100% - 2.667vw);
  margin: 0 auto;
}

.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 {
  height: 9.333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.movie-content .movie-body .movie-title > div:first-child {
  width: 54.667vw;
}

.movie-content .movie-body .movie-title > div:first-child span {
  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:before {
  content: "";
  display: block;
  width: 1.067vw;
  height: 4vw;
  background-color: #775fd9;
  border-radius: 3.333vw;
  margin-right: 1.333vw;
}

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

.movie-play-item > div {
  height: 100%;
}

.movie-play-item > div:first-child {
  width: 26.667vw;
  position: relative;
}

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

.movie-play-item > div:first-child > div {
  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 {
  color: #fff;
  font-size: 3.333vw;
}

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

.movie-play-item > div:nth-child(2) span {
  color: #000;
}

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

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

.vjs-big-play-button .vjs-icon-placeholder {
  font-size: 1.63em !important;
}

video ::-webkit-media-controls-fullscreen-button {
  display: none;
}

.noVip .vjs-fullscreen-control {
  display: none;
}

.errorMoney {
  width: 80%;
}

.errorMoney .header {
  text-align: center;
  color: #fff;
  padding: 4vw;
  background: linear-gradient(90deg, #775fd9, #c24491);
  position: relative;
}

.errorMoney .header .close {
  position: absolute;
  top: 50%;
  right: 4vw;
  transform: translateY(-50%);
}

.errorMoney .content {
  color: #775fd9;
  padding: 4vw;
}

.van-cell {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

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

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

.wrapper .add-card {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: #fff;
  height: 33.333vw;
}

.wrapper .add-card span {
  margin-left: 1.333vw;
  font-size: 4vw;
}

.wrapper .tips {
  margin: 2vw 2vw;
  font-size: 3.333vw;
  color: #979799;
}

.wrapper .bank .info {
  margin-left: 2.667vw;
  flex: 1;
  color: #000;
}

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

.van-cell {
  font-size: 4.267vw;
  line-height: 10.667vw;
}

/* .van-hairline--bottom:after {
  border-bottom-width: 0.4vw;
} */

.bankbox {
  padding: 2vw;
  color: #000;
  background-color: #fff;
}

.bankbox .title {
  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 {
  background: #fff;
}

.main-box .label {
  padding: 2.667vw;
  font-size: 4.667vw;
  color: #797878;
}

.van-picker__toolbar {
  height: 10.667vw;
}

.van-picker__confirm,
.van-picker__cancel {
  padding: 0 2.667vw;
  font-size: 2.667vw;
}

.van-picker-column {
  font-size: 5.333vw;
}

.main-box p {
  padding: 0 2.667vw;
  font-size: 4vw;
  color: #ee0a24;
}

.bindCard {
  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-picker__cancel,
.van-picker__confirm {
  font-size: 4.8vw;
}

.van-cell {
  font-size: 4.667vw;
  line-height: 10.667vw;
}

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

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

.container .main .withdrawMoney {
  display: flex;
  flex-direction: column;
  color: #000;
  padding: 0 2.667vw;
  white-space: nowrap;
  font-size: 4.667vw;
  background-color: #fff;
}

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

.container .main .withdrawMoney .money .moneyNumber {
  font-size: 6.667vw;
  display: flex;
  flex-direction: row;
}

.container .main .withdrawMoney .money .all {
  color: #d10404;
}

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

.container .main .withdrawMoney .information {
  padding-bottom: 4vw;
}

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

.container .main .withdrawMoney span {
  padding: 1.333vw 0;
}

.container .main .withdrawMoney .information .balance .number {
  color: #d10404;
}

.withdraw_btn {
  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 {
  background: linear-gradient(270deg, #c24491, #775fd9);
}

.container .header .info {
  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 {
  font-size: 3.333vw;
  color: #e5e5e5;
}

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

.container .header .info .tip {
  font-size: 4vw;
  color: #e5e5e5;
}

.container .content {
  flex: 1;
  background: #f2f2f5;
}

.container .content .datalist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.container .content .datalist .datalistitem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 26.667vw;
  width: 50%;
}

.container .content .datalist .datalistitem .datalistitemValue {
  color: #ff253f;
  font-size: 4.667vw;
  margin-bottom: 1.333vw;
  margin-top: 1.333vw;
}

.container .content .datalist .datalistitem .datalistitemKey {
  color: #979799;
  font-size: 3.333vw;
  margin-bottom: 1.333vw;
  margin-top: 1.333vw;
}

.van-loading__text,
.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .main {
  position: relative;
  overflow: auto;
  background-color: #f2f2f5;
  height: 100%;
  padding: 0 1.333vw;
}

.item_list {
  padding: 2vw 2vw;
  margin: 4vw 1.333vw;
  background: #fff;
  border-radius: 1.333vw;
  line-height: 8vw;
}

.item_list .topInfo span {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 700;
  color: #ff253f;
}

.item_list .time span {
  flex: 1;
  font-size: 3.333vw;
  font-weight: 500;
  color: #000;
}

.item_list .topInfoSp span {
  font-weight: 700;
  color: #ff253f !important;
}

.item_list .topInfo span:last-child {
  float: right;
}

.item_list .desc span {
  font-size: 3.333vw;
  font-weight: 700;
  color: #9b9b9b;
}

.item_list .cover {
  width: 8vw;
  height: 8vw;
  -o-object-fit: cover;
  object-fit: cover;
}

.item_list .period-number {
  margin-left: 6.667vw;
  margin-right: 1.333vw;
  height: 6.667vw;
  line-height: 8vw;
  font-size: 4.667vw;
  font-weight: 700;
  color: #000;
}

.item_list .lottery_info {
  display: flex;
}

.recent {
  display: flex;
  align-items: center;
  height: 13.333vw;
}

.kuaisan-ball .left {
  justify-content: flex-start;
}

.kuaisan-ball {
  flex: 1;
  display: flex;
  align-items: center;
}

.kuaisan-ball .res-img {
  width: 9.333vw;
  height: 9.333vw;
  margin-right: 4vw;
}

.kuaisan-ball .res-des {
  font-weight: 700;
  text-align: center;
  color: #000;
}

/* .kuaisan-ball .res-des.middle {
  margin-right: 2vw;
  font-size: 4.667vw;
} */

.van-loading__text,
.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .main {
  position: relative;
  overflow: auto;
  background-color: #f2f2f5;
  height: 100%;
  padding: 0 1.333vw;
}

.item_list {
  padding: 2vw 2vw;
  margin: 4vw 1.333vw;
  background: #fff;
  border-radius: 1.333vw;
  line-height: 8vw;
}

.item_list .topInfo span {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 700;
  color: #ff253f;
}

.item_list .time span {
  flex: 1;
  font-size: 3.333vw;
  font-weight: 500;
  color: #000;
}

.item_list .topInfo span:last-child {
  float: right;
}

.item_list .desc span {
  font-size: 3.333vw;
  font-weight: 700;
  color: #9b9b9b;
}

.van-loading__text,
.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .main {
  position: relative;
  overflow: auto;
  background-color: #f2f2f5;
  height: 100%;
  padding: 0 1.333vw;
}

.item_list {
  padding: 2vw 2vw;
  margin: 4vw 1.333vw;
  background: #fff;
  border-radius: 1.333vw;
  line-height: 8vw;
}

.item_list .topInfo span {
  flex: 1;
  font-size: 4.667vw;
  font-weight: 700;
  color: #ff253f;
}

.item_list .time span {
  flex: 1;
  font-size: 3.333vw;
  font-weight: 500;
  color: #000;
}

.item_list .topInfo span:last-child {
  float: right;
}

.item_list .desc span {
  font-size: 3.333vw;
  font-weight: 700;
  color: #9b9b9b;
}

.van-loading__text,
.van-pull-refresh__track .van-pull-refresh__head * {
  color: #000;
  font-size: 4.667vw;
}

.container .content {
  height: calc(100% - 2.667vw);
  overflow: auto;
}

/* .container .content .listItem {
  margin-bottom: 2.667vw;
  padding: 2.667vw;
  position: relative;
  color: #000;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
} */

.container .content .listItem .listTitle {
  font-size: 5.067vw;
  margin-bottom: 2.667vw;
}

.container .content .listItem .listContent {
  border-bottom: 0.267vw solid #f2f2f5;
  padding: 0.667vw 0;
  font-size: 3.333vw;
}

.container .content .listItem .listMoney {
  color: #dc2037;
}

.container .content .listItem .listTime .listTimeText {
  color: #656566;
  font-size: 4vw;
}

.changePssword-cell-name {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.changePssword-cell {
  margin: 80px 0;
}

.payBtn {
  text-align: center;
  width: 85%;
  margin: 0 4vw;
  margin: 8vw auto;
  padding: 2.667vw;
  color: #fff !important;
  background: linear-gradient(90deg, #775fd9, #c24491);
}

.inp-bg {
  text-align: center !important;
}

.frame {
  width: 100vw;
  height: 90vh;
}

/* .linear-bg {
  height: 26.667vw;
  background: linear-gradient(270deg, #e6c3a1, #f905e5);
} */

/* .home-container {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f2f5;
} */

.movie_list_n {
  display: flex;
  flex-wrap: wrap;
  margin: 1.333vw;
  padding-bottom: 16vw;
}

.movie-n-time-div {
  margin-top: 2.667vw;
}

.movie-list-n-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2.667vw;
  font-weight: 700;
}

/* .movie-list-n-img {
  width: 44vw;
  height: 44vw;
  position: relative;
} */

.movie-list-n-lab {
  display: inline;
  position: absolute;
  top: 2vw;
  left: 2vw;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #f905e5;
  width: 42vw;
  overflow: hidden;
}

.movie-list-ico-loves {
  display: inline-block;
  width: 5.333vw;
}

.movie-list-notice {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-notice {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.movie-list-addr {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-addr {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.movie-list-money {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-money {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.nHome-detail {
  background: #f2f2f5;
  height: 100vh;
  overflow: auto;
  color: #000;
}

.movie-list-n-lab {
  display: inline;
  position: absolute;
  top: 2vw;
  left: 2vw;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #f905e5;
  width: 42vw;
  overflow: hidden;
}

.movie-list-ico-loves {
  display: inline-block;
  width: 5.333vw;
}

.movie-list-notice {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-notice {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.movie-list-addr {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-addr {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.movie-list-money {
  display: flex;
  align-items: center;
  margin-top: 1.333vw;
}

.movie-list-ico-money {
  width: 4vw;
  display: inline-block;
  margin-right: 1.333vw;
}

.detail-title {
  font-size: 5.333vw;
  margin: 2.667vw 0;
}

.detail-tabs {
  color: #e74c3c;
  font-size: 4vw;
  flex: 1;
  padding: 5.333vw 2.667vw;
  align-items: center;
  display: flex;
  justify-content: center;
}

.detail-tabs.active {
  color: #f905e5;
}

.detail-tabs-ico {
  width: 4vw;
  margin-right: 1.333vw;
}

.movie-list-n-item-bottom {
  padding: 4vw;
}

.tabs1 {
  display: flex;
  flex-wrap: wrap;
}

.tabs1-img {
  width: 50%;
  padding: 1.333vw;
}

.table .table-list {
  padding: 2.667vw 4vw;
  display: flex;
  background: #eee;
}

.table .table-list .name {
  width: 30%;
  display: flex;
  align-items: center;
}

.table .table-list .content {
  width: 70%;
}

.table .table-list:nth-child(2n) {
  background: #999;
}

.table-title {
  padding: 4vw;
  font-size: 4.8vw;
  background: #ccc;
  border-bottom: 1px solid #eee;
}

.comment {
  padding: 4vw;
}

.commentList-content {
  display: flex;
  margin-bottom: 4vw;
  font-size: 3.733vw;
}

.commentList-content-r {
  margin-left: 2.667vw;
  display: flex;
}

.commentList-content-avatar {
  width: 8vw;
  height: 8vw;
  margin-right: 2.667vw;
}

.commentList-content-name {
  margin-bottom: 1.333vw;
  color: #f905e5;
  font-weight: 700;
}

.commentList-content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.333vw;
}

.commentList-content-left {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f905e5;
}

.commentList-content-hf {
  margin-right: 1.333vw;
  width: 4.533vw;
}

.reply {
  display: flex;
  align-items: center;
  margin-left: 2.667vw;
  margin-top: 1.333vw;
}

.reply .inp {
  background: #999;
  margin-right: 1.333vw;
  border-radius: 4vw;
  padding: 1.333vw 2.667vw;
  width: 100%;
  border: none;
}

.reply .btn {
  display: inline-block;
  padding: 1.333vw 2vw;
  margin-bottom: 0;
  font-size: 2.933vw;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 0.533vw;
  color: #d6d6be;
  background-color: #7c1022;
  border-color: #7c1022;
}

.__big-wheel {
  position: relative;
  display: inline-block;
}

.__big-wheel .wrap {
  position: absolute;
  width: 100%;
  height: 100%;
}

.__big-wheel .wrap .prize-wrap {
  position: absolute;
  left: 25%;
  top: 0;
  width: 50%;
  height: 50%;
}

.__big-wheel .wrap .prize-wrap .item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: center bottom;
}

/* .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
} */

.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}

/* .record {
  position: absolute;
  top: 40px;
  right: 40px;
  color: #fff;
} */

.luckdrawconfig {
  position: absolute;
  top: 30%;
  left: 50%;
  width: auto;
  transform: translate(-50%);
  color: #fff;
}

.luckDraw {
  background: linear-gradient(90deg, #775fd9, #c24491);
  position: relative;
  overflow: hidden;
  width: 100vw;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
}

.luckDraw .big-wheel-box {
  position: relative;
  text-align: center;
  font-size: 0;
  background-image: url(../img/disk_bg.db061343.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  margin-top: 13.333vw;
  padding: 10.667vw;
}

.luckDraw .big-wheel-box .prize-name {
  position: absolute;
  left: 2.667vw;
  right: 2.667vw;
  top: 1.333vw;
  font-size: 2.667vw;
  text-align: center;
  color: #7d2a00;
}

.luckDraw .big-wheel-box .prize-img {
  position: absolute;
  top: 5.333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 10.667vw;
  height: 10.667vw;
  border-radius: 50%;
}

.luckDraw .big-wheel-box .btn-go {
  position: absolute;
  top: calc(50% - 14.667vw);
  left: 50%;
  transform: translateX(-50%);
  width: 26.667vw;
}

.nav-bar .right {
  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;
}

.popupShow {
  border-radius: 1.333vw;
  padding: 2.667vw;
  margin-top: -10.667vw;
}

.popupShow .img {
  width: 53.333vw;
}

.popupShow .title {
  margin: 1.333vw 0;
  text-align: center;
}

.popupShow .btn {
  background: linear-gradient(90deg, #775fd9, #c24491);
  width: 100%;
  height: 10.667vw;
  color: #fff;
  border-radius: 2.667vw;
  text-align: center;
  font-size: 3.467vw;
  line-height: 10.667vw;
}

.msgmemo {
  margin: 0 0 8vw;
  font-size: 3.467vw;
  white-space: pre-wrap;
  color: #775fd9;
}

.bullet {
  width: calc(100% - 8vw);
  text-align: center;
  margin: 4vw;
  border-radius: 2.667vw;
}

.bullet .noticeList-title {
  padding: 2.667vw;
  border-bottom: 1px solid #333;
}

.bullet .bullet_inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.bullet .bullet_inner .bullet_wrap {
  padding-top: 8px;
  -webkit-animation: roll 8s linear infinite;
  animation: roll 8s linear infinite;
  height: 80vw;
}

.bullet .bullet_inner .bullet_wrap .img {
  border-radius: 50%;
}

.bullet .bullet_inner .bullet_wrap .list {
  padding: 1.333vw;
  color: #fff;
  align-items: center;
}

@-webkit-keyframes roll {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes roll {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

.flex-box-x {
  display: flex;
}

.flex-box-x .col-xs-x {
  flex: 1;
}
