.bet-record[data-v-4b7ecb4a] {
  position: absolute;
  right: 0;
  top: 1.92rem;
  background-color: #004080;
  line-height: 0.8rem;
  border-radius: 0.8rem 0 0 0.8rem;
  font-size: 0.37333rem;
  font-family: Barlow,serif;
  font-weight: bold;
  color: white;
  padding: 0 0.21333rem 0 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bet-record .bet-record-icon[data-v-4b7ecb4a] {
  margin-left: 0.16rem;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 0.4rem;
  background-color: white;
  color: black;
  text-align: center;
}

html[data-v-5f370989] {
  background: #0E1922;
}
.luckyDice-container[data-v-5f370989] {
  padding: 1.44rem 0;
  background: #0f1923;
  height: 100vh;
  overflow-y: scroll;
}
.lucky-dice-top-box[data-v-5f370989] {
  margin: 0 0.42667rem;
  background-color: #1A242D;
  padding: 0.26667rem 0 1.2rem 0;
}
.lucky-dice-top-box .lucky-dice-lottery-value-list[data-v-5f370989] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 0.69333rem;
  margin-bottom: 0.64rem;
}
.lucky-dice-top-box .lucky-dice-lottery-value-list .lucky-dice-lottery-value-list-item[data-v-5f370989] {
  width: 1.6rem;
  line-height: 0.69333rem;
  font-weight: 500;
  font-size: 0.37333rem;
  text-align: center;
  border-radius: 0.34667rem;
  margin-right: 0.29333rem;
}
.lucky-dice-top-box .lucky-dice-lottery-value-list .enterWidth[data-v-5f370989] {
  -webkit-animation-name: scaleWidth-5f370989;
  animation-name: scaleWidth-5f370989;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.lucky-dice-top-box .lucky-dice-lottery-value-list .outWidth[data-v-5f370989] {
  -webkit-animation-name: scaleOutWidth-5f370989;
  animation-name: scaleOutWidth-5f370989;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.lucky-dice-top-box .lucky-dice-lottery-value-list .winColor[data-v-5f370989] {
  background-color: #2ec621;
  color: #0e1922;
}
.lucky-dice-top-box .lucky-dice-lottery-value-list .loseColor[data-v-5f370989] {
  background-color: #2F4553;
  color: white;
}
@-webkit-keyframes scaleWidth-5f370989 {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.6rem;
    opacity: 1;
}
}
@keyframes scaleWidth-5f370989 {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.6rem;
    opacity: 1;
}
}
@-webkit-keyframes scaleOutWidth-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.6rem;
    opacity: 1;
}
100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
}
@keyframes scaleOutWidth-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.6rem;
    opacity: 1;
}
100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
}
.lucky-dice-top-box .lucky-dice-slider-value-list[data-v-5f370989] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.28rem;
}
.lucky-dice-top-box .lucky-dice-slider-value-list .lucky-dice-slider-value-list-item[data-v-5f370989] {
  font-size: 0.34667rem;
  color: #B4B4B4;
  font-weight: 500;
  line-height: 0.85333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucky-dice-top-box .lucky-dice-slider-value-list .lucky-dice-slider-value-list-item .trangle[data-v-5f370989] {
  width: 0;
  height: 0;
  border-left: 0.16rem solid transparent;
  border-right: 0.16rem solid transparent;
  border-bottom: 0.21333rem solid #273852;
}
.lucky-dice-top-box .lucky-dice-slider-bg[data-v-5f370989] {
  margin: 0 0.53333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1.28rem;
  border: 0.21333rem solid #273852;
  border-radius: 1.28rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box[data-v-5f370989] {
  position: relative;
  width: 100%;
  padding: 0 0.53333rem;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .medal[data-v-5f370989] {
  width: 1.49333rem;
  height: 1.86667rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0.8rem;
  top: -1.92rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  /* Firefox 4 */
  -webkit-transition: all 0.6s;
  /* Safari 和 Chrome */
  -o-transition: all 0.6s;
  /* Opera */
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .medal span[data-v-5f370989] {
  font-size: 0.4rem;
  font-family: Barlow,serif;
  font-weight: 500;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .medal .medal-white[data-v-5f370989] {
  color: #FFFFFF;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .medal .medal-green[data-v-5f370989] {
  color: #2EC621;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .medal .medal-red[data-v-5f370989] {
  color: #DE0D0D;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .custom-button[data-v-5f370989] {
  width: 0.90667rem;
  height: 0.74667rem;
  background-size: 100% 100%;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .resShow[data-v-5f370989] {
  -webkit-animation-name: resWidth-5f370989;
  animation-name: resWidth-5f370989;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .resNone[data-v-5f370989] {
  -webkit-animation-name: resOutWidth-5f370989;
  animation-name: resOutWidth-5f370989;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .scaleEffect[data-v-5f370989] {
  -webkit-animation-name: scaleWidth1-5f370989;
  animation-name: scaleWidth1-5f370989;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .scaleEffectDef[data-v-5f370989] {
  -webkit-animation-name: scaleWidth2-5f370989;
  animation-name: scaleWidth2-5f370989;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
@-webkit-keyframes resWidth-5f370989 {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.54667rem;
    opacity: 1;
}
}
@keyframes resWidth-5f370989 {
0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.54667rem;
    opacity: 1;
}
}
@-webkit-keyframes resOutWidth-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.54667rem;
    opacity: 1;
}
100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
}
@keyframes resOutWidth-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 1.54667rem;
    opacity: 1;
}
100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    width: 0;
    opacity: 0;
}
}
@-webkit-keyframes scaleWidth1-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleWidth1-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes scaleWidth2-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes scaleWidth2-5f370989 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.van-slider--disabled[data-v-5f370989] {
  cursor: not-allowed;
  opacity: 1;
}
.bet-options[data-v-5f370989] {
  padding: 0 0.42667rem;
}
.lucky-dice-config[data-v-5f370989] {
  background-color: #1A242D;
  padding: 0.64rem 0.24rem 0.42667rem 0.24rem;
  margin: 0 0.42667rem;
  border-top: 0.02667rem solid #233341;
}
.lucky-dice-config .lucky-dice-config-size[data-v-5f370989] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucky-dice-config .lucky-dice-config-size .lucky-dice-config-size-item[data-v-5f370989] {
  line-height: 0.90667rem;
  width: 2.93333rem;
  background-color: #333A42;
  border-radius: 0.90667rem;
  padding: 0 0.90667rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.37333rem;
  text-align: center;
}
.lucky-dice-config .lucky-dice-config-size .active[data-v-5f370989] {
  background-color: #d93649;
  color: white;
}
.lucky-dice-config .lucky-dice-config-size .lucky-dice-config-size-icon[data-v-5f370989] {
  margin: 0 0.42667rem;
  width: 0.58667rem;
  height: 0.58667rem;
}
.lucky-dice-config .lucky-dice-config-select[data-v-5f370989] {
  margin-top: 0.53333rem;
  background-color: #0E1922;
  line-height: 1.02667rem;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.26667rem;
}
.lucky-dice-config .lucky-dice-config-select .lucky-dice-config-select-item[data-v-5f370989] {
  width: 0.70667rem;
  height: 0.74667rem;
}
.lucky-dice-config .lucky-dice-config-select .lucky-dice-config-select-input[data-v-5f370989] {
  background-color: transparent;
  font-size: 0.4rem;
  font-family: Barlow, serif;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lucky-dice-info[data-v-5f370989] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #1A242D;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.42667rem;
  padding: 0 0.37333rem 0.42667rem 0.37333rem;
}
.lucky-dice-info .lucky-dice-info-item[data-v-5f370989] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lucky-dice-info .lucky-dice-info-item .title[data-v-5f370989] {
  color: rgba(255, 255, 255, 0.6);
  padding-left: 0.10667rem;
  font-size: 0.37333rem;
  line-height: 0.90667rem;
}
.lucky-dice-info .lucky-dice-info-item .lucky-dice-info-item-bottom[data-v-5f370989] {
  line-height: 1.02667rem;
  background-color: #0E1922;
  border-radius: 0.16rem;
  padding: 0 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lucky-dice-info .lucky-dice-info-item .lucky-dice-info-item-bottom .result[data-v-5f370989] {
  color: white;
  font-size: 0.37333rem;
}
.lucky-dice-info .lucky-dice-info-item .lucky-dice-info-item-bottom .symbol[data-v-5f370989] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.37333rem;
}
.lucky-dice-info .lucky-dice-info-padding[data-v-5f370989] {
  width: 0.58667rem;
}
@media only screen and (min-width: 750px) {
.luckyDice-container[data-v-5f370989] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #132338;
    height: 17.76rem;
    padding: 0;
}
.luckyDice-container .lucky-dice-box[data-v-5f370989] {
    width: 73.77%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0.16rem;
    background-color: #121E2F;
}
.luckyDice-container .lucky-dice-box .lucky-dice-top-box[data-v-5f370989] {
    margin: 0;
    background-color: #121E2F;
    padding: 0.53333rem 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.luckyDice-container .lucky-dice-box .lucky-dice-top-box .lucky-dice-lottery-value-list[data-v-5f370989] {
    margin-bottom: 3.2rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-top-box .lucky-dice-slider-value-list[data-v-5f370989] {
    margin: 0 2rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-top-box .lucky-dice-slider-bg[data-v-5f370989] {
    margin: 0 2rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box[data-v-5f370989] {
    padding: 0 1.06667rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-top-box .lucky-dice-slider-bg .lucky-dice-slider-box .medal[data-v-5f370989] {
    width: 2.05333rem;
    height: 2.53333rem;
    top: -2.34667rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box[data-v-5f370989] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background-color: #17273B;
    margin: 0.26667rem;
    border-radius: 0.21333rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-config[data-v-5f370989],
  .luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-info[data-v-5f370989] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    padding: 0.53333rem 0.26667rem;
    background-color: transparent;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-config .lucky-dice-config-size[data-v-5f370989],
  .luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-info .lucky-dice-config-size[data-v-5f370989] {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-config .lucky-dice-info-item[data-v-5f370989],
  .luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-info .lucky-dice-info-item[data-v-5f370989] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-config .lucky-dice-info-item .title[data-v-5f370989],
  .luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-info .lucky-dice-info-item .title[data-v-5f370989] {
    padding: 0;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-config .lucky-dice-info-item .lucky-dice-info-item-bottom[data-v-5f370989],
  .luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-info .lucky-dice-info-item .lucky-dice-info-item-bottom[data-v-5f370989] {
    width: 100%;
    margin-top: 0.53333rem;
}
.luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-config .lucky-dice-info-item .lucky-dice-info-item-bottom .result[data-v-5f370989],
  .luckyDice-container .lucky-dice-box .lucky-dice-bottom-box .lucky-dice-info .lucky-dice-info-item .lucky-dice-info-item-bottom .result[data-v-5f370989] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
}
.luckyDice-container .bet-options[data-v-5f370989] {
    width: 26.23%;
    padding-bottom: 0.42667rem;
    background-color: #132338;
}
.luckyDice-container .bet-options .price-color[data-v-5f370989],
  .luckyDice-container .bet-options .price-grey[data-v-5f370989] {
    width: calc(7.5vw - 0.4rem);
}
}
@media only screen and (min-width: 1220px) {
.luckyDice[data-v-5f370989] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 3vm;
}
.luckyDice .luckyDice-container[data-v-5f370989] {
    max-width: 32.53333rem;
}
.luckyDice .luckyDice-container .bet-options .price-color[data-v-5f370989],
  .luckyDice .luckyDice-container .bet-options .price-grey[data-v-5f370989] {
    width: 2.04rem;
}
}