#myCanvas[data-v-5baf021e] {
  width: 9.86667rem;
  height: 8.8rem;
}
.ShowPlayOver-pay-Coupon[data-v-5baf021e] {
  margin-top: 0.48rem;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-input-th-guide[data-v-5baf021e] {
  background-size: 100% 100%;
  width: 1.12rem;
  height: 0.88rem;
  position: absolute;
  top: 0.48rem;
  right: 0.26667rem;
  -webkit-animation: changRight-5baf021e 1s ease 0.5s infinite;
          animation: changRight-5baf021e 1s ease 0.5s infinite;
}
.guide-cont[data-v-5baf021e] {
  position: relative;
}
@-webkit-keyframes changRight-5baf021e {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
50% {
    -webkit-transform: translateX(0.53333rem);
            transform: translateX(0.53333rem);
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@keyframes changRight-5baf021e {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
50% {
    -webkit-transform: translateX(0.53333rem);
            transform: translateX(0.53333rem);
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
.wheel-container[data-v-5baf021e] {
  background: #0f1923;
  padding: 1.44rem 0;
  height: 100vh;
  overflow-y: scroll;
}
.wheel-main[data-v-5baf021e] {
  padding: 0.4rem 0.45333rem 0 0.45333rem;
}
.wheel-main-bg[data-v-5baf021e] {
  padding: 0.21333rem 0.21333rem 0 0.21333rem;
  background: #1a242d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.10667rem;
  position: relative;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wheel-pointer[data-v-5baf021e] {
  position: absolute;
  top: 0.21333rem;
  left: calc(50%-0.14667rem);
  width: 0.29333rem;
}
.wheel-logo[data-v-5baf021e]{
  position: absolute;
  top: calc(50% - 0.13333rem);
  left: calc(50% - 0.8rem);
  width: 1.86667rem;
}
.wheel-main-item[data-v-5baf021e] {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wheel-ratio[data-v-5baf021e] {
  padding: 0 0.45333rem;
  margin-bottom: 0.45333rem;
}
.wheel-ratio-cont[data-v-5baf021e] {
  background: #1a242d;
  padding: 0 0.32rem 0.26667rem 0.32rem;
  position: relative;
}
.wheel-ratio-info[data-v-5baf021e] {
  width: 8.50667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.18667rem 0.29333rem 0.21333rem 0.29333rem;
  background: #263742;
  margin-bottom: 0.37333rem;
  position: absolute;
  bottom: 1.06667rem;
}
.wheel-ratio-info-left[data-v-5baf021e] {
  font-size: 0.37333rem;
}
.info-title[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
}
.info-numerical[data-v-5baf021e] {
  width: 3.78667rem;
  height: 0.77333rem;
  background: #2f4553;
  -webkit-box-shadow: 0 0.05333rem 0.08rem rgba(0, 0, 0, 0.16);
          box-shadow: 0 0.05333rem 0.08rem rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 0.10667rem;
  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;
  margin-top: 0.10667rem;
}
.info-numerical span[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  margin-left: 0.24rem;
}
.info-numerical img[data-v-5baf021e] {
  width: 0.4rem;
  margin-right: 0.24rem;
}
.wheel-ratio-info-right[data-v-5baf021e] {
  font-size: 0.37333rem;
}
.wheel-ratio-list[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wheel-ratio-item[data-v-5baf021e] {
  position: relative;
}
.wheel-ratio-item .ratio-def[data-v-5baf021e] {
  width: calc(100vw / 6 - 0.34667rem);
  height: 0.8rem;
  background: #263742;
  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;
  position: relative;
  overflow: hidden;
  border-radius: 0.05333rem;
}
.wheel-ratio-item .ratio-def[data-v-5baf021e]::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateY(calc(100% - 0.16rem));
          transform: translateY(calc(100% - 0.16rem));
  background: var(--border-color);
  -webkit-box-shadow: var(--shadows-inset);
          box-shadow: var(--shadows-inset);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.wheel-ratio-item .ratio-sed[data-v-5baf021e] {
  width: calc(100vw / 6 - 0.34667rem);
  height: 0.8rem;
  background: #263742;
  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;
  position: relative;
  overflow: hidden;
  border-radius: 0.05333rem;
}
.wheel-ratio-item .ratio-sed[data-v-5baf021e]::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  /* transform: translateY(calc(100% - 6px)); */
  background: var(--border-color);
  -webkit-box-shadow: var(--shadows-inset);
          box-shadow: var(--shadows-inset);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.wheel-ratio-list .ratio-txt[data-v-5baf021e] {
  font-size: 0.29333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #ffffff;
  opacity: 1;
  position: relative;
}
.draw-triangle[data-v-5baf021e] {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.16rem solid transparent;
  border-right: 0.16rem solid transparent;
  border-top: 0.26667rem solid #263742;
  position: absolute;
  top: -0.37333rem;
  left: calc(50% - 0.16rem);
  z-index: 99;
}
/* .wheel-main-item span{
  transition: all 1s ease-in-out;
} */
.wheel-main-bg span[data-v-5baf021e]:nth-child(5n) {
  margin-right: 0;
}
.wheel-price-cont[data-v-5baf021e] {
  padding: 0 0.45333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wheel-price-cont .price-grey[data-v-5baf021e] {
  display: inline-block;
  width: calc(25vw - 0.4rem);
  height: 1.09333rem;
  background: #1a242d;
  opacity: 1;
  border-radius: 0.10667rem;
  text-align: center;
  line-height: 1.09333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
  margin-bottom: 0.21333rem;
}
.wheel-price-cont .price-color[data-v-5baf021e] {
  display: inline-block;
  width: calc(25vw - 0.4rem);
  height: 1.09333rem;
  background: #1b70c3;
  opacity: 1;
  border-radius: 0.10667rem;
  text-align: center;
  line-height: 1.09333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 0.21333rem;
}
.wheel-minimum-bet[data-v-5baf021e] {
  padding: 0 0.45333rem;
  margin-top: 0.08rem;
}
.wheel-minimum-bet-title[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
}
.wheel-minimum-bet-num[data-v-5baf021e] {
  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;
}
.choose-price[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choose-price span[data-v-5baf021e] {
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  line-height: 0;
  color: #ffffff;
  opacity: 1;
  margin-right: 0.21333rem;
}
.choose-price img[data-v-5baf021e] {
  width: 0.24rem;
}
.wheel-minimum-bet-inp[data-v-5baf021e] {
  /* width: 100vw; */
  padding: 0.29333rem 0 0.16rem 0;
  border-bottom: 0.05333rem solid rgba(255, 255, 255, 0.6);
}
.wheel-minimum-bet-inp input[data-v-5baf021e] {
  width: 100%;
  background: none;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
}
.wheel-minimum-bet-btn[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: #1a242d;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.6;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}
.wheel-minimum-bet-btn-stop[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: red;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: white;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}
.wheel-minimum-bet-btn-bg[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: #1b70c3;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}
.wheel-minimum-bet-btn img[data-v-5baf021e] {
  width: 0.61333rem;
}
.wheel-minimum-bet-btn-bg img[data-v-5baf021e] {
  width: 0.61333rem;
}
.wheel-minimum-bet-bomb-btn[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: #1a242d;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.6;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}
.wheel-minimum-bet-btn-bomb-bg[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: #1060af;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}
.wheel-minimum-bet-bomb-btn img[data-v-5baf021e] {
  width: 0.61333rem;
}
.wheel-minimum-bet-btn-bomb-bg img[data-v-5baf021e] {
  width: 0.61333rem;
  animation: bombShow 0.6s;
  -webkit-animation: bombShow 0.6s; /* Safari and Chrome */
  -webkit-animation-timing-function: cubic-bezier(0.87, -0.41, 0.19, 1.44);
  animation-timing-function: cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.wheel-minimum-current-profit[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 0.93333rem;
  background: rgba(85, 105, 124, 0.2);
  border-radius: 0;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 0.93333rem;
  margin-top: 0.13333rem;
}
.wheel-mines[data-v-5baf021e] {
  padding: 0 0.45333rem;
}
.wheel-mines-title[data-v-5baf021e] {
  display: inline-block;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
  padding-top: 0.29333rem;
}
.wheel-mines-cont[data-v-5baf021e] {
  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;
  height: 0.93333rem;
  background: rgba(255, 255, 255, 0.25);
  border: 0.05333rem solid #1b70c3;
  opacity: 1;
  border-radius: 0.10667rem;
  margin-top: 0.16rem;
}
.wheel-mines-cont span[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  margin-left: 0.24rem;
}
.wheel-mines-cont img[data-v-5baf021e] {
  width: 0.29333rem;
  height: 0.29333rem;
  margin-right: 0.29333rem;
}
.wheel-mines-cont .Number-Bets-img[data-v-5baf021e] {
  width: 0.50667rem;
}
.wheel-mines-cont-padding[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.45333rem;
}
.wheel-mines-cont-left[data-v-5baf021e] {
  width: calc(50vw - 0.56rem);
}
.wheel-mines-cont-left div[data-v-5baf021e] {
  width: 100%;
  height: 0.93333rem;
  background: #2f4553;
  opacity: 1;
  border-radius: 0.10667rem;
  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;
  margin-top: 0.16rem;
}
.wheel-mines-cont-left div span[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  line-height: 0;
  color: #ffffff;
  opacity: 1;
  margin-left: 0.24rem;
}
.wheel-mines-cont-left div img[data-v-5baf021e] {
  width: 0.29333rem;
  margin-right: 0.34667rem;
}
.wheel-mines-cont-right[data-v-5baf021e] {
  width: calc(50vw - 0.56rem);
}
.wheel-mines-cont-right div[data-v-5baf021e] {
  width: 100%;
  height: 0.93333rem;
  background: #2f4553;
  opacity: 1;
  border-radius: 0.10667rem;
  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;
  margin-top: 0.16rem;
}
.wheel-mines-cont-right div span[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  line-height: 0;
  color: #ffffff;
  opacity: 1;
  margin-left: 0.24rem;
}
.wheel-mines-cont-right div img[data-v-5baf021e] {
  width: 0.29333rem;
  margin-right: 0.34667rem;
}
.wheel-manual-auto[data-v-5baf021e] {
  padding: 0.61333rem 0 0.48rem 0;
}
.wheel-manual[data-v-5baf021e] {
  display: inline-block;
  width: 50%;
  height: 0.98667rem;
  text-align: center;
  line-height: 0.98667rem;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.4;
}
.wheel-manual-bg[data-v-5baf021e] {
  display: inline-block;
  width: 50%;
  height: 0.98667rem;
  text-align: center;
  line-height: 0.98667rem;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  background: #2f4553;
  border-radius: 0 0.50667rem 0.50667rem 0;
}
.wheel-auto[data-v-5baf021e] {
  display: inline-block;
  width: 50%;
  height: 0.98667rem;
  text-align: center;
  line-height: 0.98667rem;
  border-radius: 0.50667rem 0 0 0.50667rem;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.4;
}
.wheel-auto-bg[data-v-5baf021e] {
  display: inline-block;
  width: 50%;
  height: 0.98667rem;
  text-align: center;
  line-height: 0.98667rem;
  background: #2f4553;
  opacity: 1;
  border-radius: 0.50667rem 0 0 0.50667rem;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
}
.win-plane[data-v-5baf021e] {
  width: 7.49333rem;
  height: 3.46667rem;
  background: #16263b;
  border: 0.10667rem solid #1b70c3;
  opacity: 1;
  /* border-radius: 6px; */
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0.37333rem 0;
}
.win-plane-del[data-v-5baf021e]{
  width: 100%;
font-size: 0.53333rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
margin-top: -0.26667rem;
margin-right: -0.4rem;
}
.win-plane-del img[data-v-5baf021e]{
  width: 0.53333rem;
}
.win-plane-title[data-v-5baf021e] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #e6c080;
  opacity: 1;
}
.win-plane-title-unfortunately[data-v-5baf021e] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #e02e4c;
  opacity: 1;
}
.win-plane-price[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.win-plane-price span[data-v-5baf021e] {
  font-family: Barlow;
  opacity: 1;
  font-size: 0.58667rem;
  font-weight: 900;
  line-height: 0.61333rem;
  color: #FBF245;
  opacity: 1;
  margin-top: 0.26667rem;
}
.win-plane-price img[data-v-5baf021e] {
  width: 0.37333rem;
}
.win-plane-btn-restart[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.win-plane-btn-restart span[data-v-5baf021e] {
  display: inline-block;
  width: 6.8rem;
  height: 0.85333rem;
  background: #1b70c3;
  opacity: 1;
  border-radius: 0.10667rem;
  font-size: 0.34667rem;
  font-family: Barlow;
  font-weight: 400;
  color: #ffffff;
  opacity: 1;
  text-align: center;
  line-height: 0.85333rem;
}
.start-autobet[data-v-5baf021e] {
  padding: 0 0.45333rem;
  margin-bottom: 0.29333rem;
}
.start-autobet-btn[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: #1a242d;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
  text-align: center;
  line-height: 1.17333rem;
}
.win-or-loss[data-v-5baf021e] {
  padding: 0 0.45333rem;
  margin-top: 0.29333rem;
}
.win-or-loss-title[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
}
.win-or-loss-reset[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 0.96rem;
  background: rgba(255, 255, 255, 0.1);
  margin-top: 0.16rem;
}
.reset-txt[data-v-5baf021e] {
  display: inline-block;
  width: 1.94667rem;
  height: 0.85333rem;
  background: #1b70c3;
  opacity: 1;
  border-radius: 0.10667rem;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 0.85333rem;
  margin-left: 0.05333rem;
}
.increase-by-txt[data-v-5baf021e] {
  display: inline-block;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.4;
  width: 2.53333rem;
  text-align: center;
}
.win-or-loss-number[data-v-5baf021e] {
  width: calc(100vw - 5.49333rem);
  height: 0.85333rem;
  background: #0e1922;
  opacity: 1;
  border-radius: 0.10667rem;
  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;
}
.win-or-loss-number input[data-v-5baf021e] {
  border: none;
  background: none;
  width: 2.66667rem;
  color: #ffffff;
}
.win-or-loss-number img[data-v-5baf021e] {
  width: 0.37333rem;
  margin-right: 0.24rem;
}
.wheel-mines-title-top[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wheel-mines-cont .Ksh_icon[data-v-5baf021e] {
  width: 0.50667rem;
  height: 0.50667rem;
}
.ShowPlayOver-Record[data-v-5baf021e] {
  width: 2.42667rem;
  height: 0.82667rem;
  background: #004080;
  border-radius: 0.48rem 0 0 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 1.89333rem;
  right: 0;
}
.ShowPlayOver-Record-text[data-v-5baf021e] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: bold;
  line-height: 0.82667rem;
  color: #ffffff;
  margin-right: 0.21333rem;
}
.ShowPlayOver-Record-icon[data-v-5baf021e] {
  width: 0.4rem;
  height: 0.4rem;
  background: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.29333rem;
  font-family: Barlow;
  font-weight: 600;
  color: #000000;
}
.price-plane[data-v-5baf021e] {
  width: 8.34667rem;
  background: #ffffff;
  opacity: 1;
  border-radius: 0.34667rem;
  padding: 0.45333rem 0;
}
.price-plane-top[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.price-plane-top span[data-v-5baf021e] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: bold;
  line-height: 0.45333rem;
  color: #333333;
  opacity: 1;
}
.price-plane-top img[data-v-5baf021e] {
  width: 0.53333rem;
  margin-bottom: 0.29333rem;
}
.price-plane-mid[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.53333rem 0 0.32rem 0;
}
.price-plane-mid input[data-v-5baf021e] {
  text-align: center;
  padding: 0.4rem 1.06667rem;
  background: #eeeeee;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 400;
  color: #333333;
  opacity: 1;
}
.price-plane-bottom[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.45333rem;
  border-top: 0.02667rem solid #f2f2f2;
}
.price-plane-bottom .Cancel[data-v-5baf021e] {
  display: inline-block;
  width: 3.49333rem;
  height: 1.17333rem;
  border: 0.02667rem solid #e3bd7c;
  opacity: 1;
  border-radius: 0.10667rem;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #d0a762;
  opacity: 1;
  text-align: center;
  line-height: 1.17333rem;
  margin-right: 0.21333rem;
}
.price-plane-bottom .Confirm[data-v-5baf021e] {
  display: inline-block;
  width: 3.49333rem;
  height: 1.17333rem;
  background: linear-gradient(252deg, #eac586 0%, #d0a762 100%);
  opacity: 1;
  border-radius: 0.10667rem;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: bold;
  color: #333333;
  opacity: 1;
  text-align: center;
  line-height: 1.17333rem;
  margin-left: 0.21333rem;
}
.win-overlay[data-v-5baf021e]{
  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;
}
.win-plane-cont[data-v-5baf021e]{
  width: 8.72rem;
  height: 8.72rem;
  background-size: 100% 100%;
  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;
}
.van-popup[data-v-5baf021e]{
  background: none;
}
.mineClearance-minimum-bet-inp[data-v-5baf021e] {
  /* width: 100vw; */
  padding: 0.29333rem 0 0.16rem 0;
  border-bottom: 0.05333rem solid rgba(255, 255, 255, 0.6);
  font-size: 0.45333rem;
}
.mineClearance-minimum-bet-inp input[data-v-5baf021e] {
  width: 100%;
  background: none;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
}
@media (max-height: 750px){
.wheel-ratio[data-v-5baf021e]{
    margin-bottom: 0.13333rem !important;
}
.wheel-price-cont .price-color[data-v-5baf021e]{
    height: 0.66667rem !important;
    line-height: 0.66667rem !important;
    margin-bottom: 0.10667rem !important;
}
.wheel-price-cont .price-grey[data-v-5baf021e]{
    height: 0.66667rem !important;
    line-height: 0.66667rem !important;
    margin-bottom: 0.10667rem !important;
}
.wheel-minimum-bet-btn-bg[data-v-5baf021e]{
    margin-top: 0.13333rem !important;
}
.wheel-minimum-bet-btn[data-v-5baf021e]{
    margin-top: 0.13333rem !important;
}
.mineClearance-minimum-bet-inp[data-v-5baf021e]{
    padding: 0.13333rem 0 0.08rem 0 !important;
}
}
@media (max-height: 600px){
.wheel-ratio[data-v-5baf021e]{
    margin-bottom: 0.13333rem !important;
}
.wheel-price-cont .price-color[data-v-5baf021e]{
    height: 0.66667rem !important;
    line-height: 0.66667rem !important;
    margin-bottom: 0.10667rem !important;
}
.wheel-price-cont .price-grey[data-v-5baf021e]{
    height: 0.66667rem !important;
    line-height: 0.66667rem !important;
    margin-bottom: 0.10667rem !important;
}
.wheel-minimum-bet-btn-bg[data-v-5baf021e]{
    margin-top: 0.13333rem !important;
    height: 0.90667rem !important;
    line-height: 0.90667rem !important;
}
.wheel-minimum-bet-btn[data-v-5baf021e]{
    margin-top: 0.13333rem !important;
    height: 0.90667rem !important;
    line-height: 0.90667rem !important;
}
.mineClearance-minimum-bet-inp[data-v-5baf021e]{
    padding: 0.13333rem 0 0.08rem 0 !important;
}
.wheel-mines-cont-left div[data-v-5baf021e]{
    margin-top: 0 !important;
    height: 0.8rem !important;
    margin-top: 0.08rem !important;
}
.wheel-mines-cont-right div[data-v-5baf021e]{
    margin-top: 0 !important;
    height: 0.8rem !important;
    margin-top: 0.08rem !important;
}
}
@media (max-height: 525px){
.wheel-logo[data-v-5baf021e]{
    position: absolute;
    top: calc(50% - 0.13333rem);
    left: calc(50% - 0.8rem);
    width: 1.86667rem;
}
}
.model-segment[data-v-5baf021e] {
  margin: 0.32rem 0.42667rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #0C141C;
  padding: 0.13333rem;
}
.model-segment .model-segment-item[data-v-5baf021e] {
  font-size: 0.4rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.model-segment .selectModel1[data-v-5baf021e] {
  color: white;
  background: #1B70C3;
  border-radius: 0.16rem;
}
.model-segment .selectModel2[data-v-5baf021e] {
  color: white;
  background: #1B70C3;
  border-radius: 0.16rem;
}
.model-segment .normalModel[data-v-5baf021e] {
  color: rgba(255, 255, 255, 0.4);
  background: #0C141C;
}
.bet-title[data-v-5baf021e] {
  margin: 0.29333rem 0 0 0.45333rem;
  font-size: 0.37333rem;
  color: white;
  opacity: 0.6;
}
.bet-count[data-v-5baf021e] {
  margin: 0.16rem 0.45333rem 0 0.45333rem;
  border-radius: 0.10667rem;
  border: 0.05333rem solid #1B70C3;
  height: 0.93333rem;
  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;
}
.bet-count input[data-v-5baf021e] {
  background: transparent;
  line-height: 0.93333rem;
  padding: 0 0.24rem;
  color: white;
  font-size: 0.37333rem;
  width: 80%;
}
.bet-count img[data-v-5baf021e] {
  margin: 0 0.18667rem;
}
.bet-title[data-v-5baf021e] {
  margin: 0.29333rem 0 0 0.45333rem;
  font-size: 0.37333rem;
  color: white;
  opacity: 0.6;
}
.input-box[data-v-5baf021e] {
  margin: 0.29333rem 0.45333rem 0 0.45333rem;
}
.input-box input[data-v-5baf021e] {
  width: 100%;
  height: 0.93333rem;
  background: transparent;
  color: white;
  font-size: 0.45333rem;
  border-bottom: 0.02667rem solid rgba(255, 255, 255, 0.8);
}
.bet-win-loss-box[data-v-5baf021e] {
  height: 0.93333rem;
  background: #263038;
  margin: 0.21333rem 0.45333rem 0 0.45333rem;
  border-radius: 0.10667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bet-win-loss-box .left[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bet-win-loss-box .right[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bet-win-loss-box .reset[data-v-5baf021e] {
  color: white;
  font-size: 0.37333rem;
  margin: 0.05333rem;
  padding: 0 0.50667rem;
  border-radius: 0.10667rem;
  background: #1B70C3;
  text-align: center;
  line-height: 0.82667rem;
}
.bet-win-loss-box .desc[data-v-5baf021e] {
  color: white;
  opacity: 0.4;
  font-size: 0.37333rem;
  line-height: 0.82667rem;
  padding: 0 0.24rem;
}
.bet-win-loss-box .right .win_input[data-v-5baf021e] {
  width: 3.2rem;
  background: transparent;
  color: white;
  text-align: right;
}
.bet-win-loss-box .symbol[data-v-5baf021e] {
  color: white;
  font-size: 0.37333rem;
  padding: 0 0.24rem;
}
.wheel-minimum-bet-btn-stop[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: red;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: white;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}
.wheel-minimum-bet-btn-bg[data-v-5baf021e] {
  display: inline-block;
  width: 100%;
  height: 1.17333rem;
  background: #1b70c3;
  opacity: 1;
  border-radius: 0.13333rem;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  line-height: 1.17333rem;
  margin-top: 0.29333rem;
}

.wheel-main[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0.4rem 0.42667rem;
  background-color: #1A242D;
  border-radius: 0.10667rem;
}
.wheel-main .wheel-main-canvas[data-v-5baf021e] {
  width: 7.46667rem;
  height: 7.46667rem;
}
.wheel-main .wheel-main-ratio-list[data-v-5baf021e] {
  margin: 0.26667rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item[data-v-5baf021e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .triangle[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0;
  height: 0;
  border-left: 0.10667rem solid transparent;
  border-right: 0.10667rem solid transparent;
  border-top: 0.21333rem solid #263742;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .hideTriangle[data-v-5baf021e] {
  border-top: 0.21333rem solid transparent;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number[data-v-5baf021e] {
  margin-top: 0.10667rem;
  width: 100%;
  border-radius: 0.05333rem;
  position: relative;
  height: 0.8rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .number[data-v-5baf021e] {
  font-size: 0.29333rem;
  color: white;
  text-align: center;
  line-height: 0.61333rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .number-select[data-v-5baf021e] {
  line-height: 0.8rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .number-normal[data-v-5baf021e] {
  line-height: 0.61333rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .ratio-line[data-v-5baf021e] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.18667rem;
  border-bottom-left-radius: 0.05333rem;
  border-bottom-right-radius: 0.05333rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-list-item[data-v-5baf021e]:hover {
  cursor: pointer;
}
.wheel-main .wheel-main-ratio-list .margin[data-v-5baf021e] {
  margin-left: 0.21333rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail[data-v-5baf021e] {
  position: absolute;
  background-color: #263742;
  left: 0;
  right: 0;
  bottom: 1.12rem;
  padding: 0.21333rem 0.26667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.10667rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail .wheel-main-ratio-detail-item[data-v-5baf021e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail .wheel-main-ratio-detail-item .title[data-v-5baf021e] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.37333rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail .wheel-main-ratio-detail-item .wheel-main-ratio-detail-item-bottom[data-v-5baf021e] {
  padding: 0 0.24rem;
  margin-top: 0.10667rem;
  border-radius: 0.10667rem;
  line-height: 0.8rem;
  background-color: #2F4553;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0 0.05333rem 0.08rem rgba(0, 0, 0, 0.16);
          box-shadow: 0 0.05333rem 0.08rem rgba(0, 0, 0, 0.16);
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail .wheel-main-ratio-detail-item .wheel-main-ratio-detail-item-bottom .content[data-v-5baf021e] {
  color: white;
  font-size: 0.37333rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail .wheel-main-ratio-detail-item .wheel-main-ratio-detail-item-bottom img[data-v-5baf021e] {
  width: 0.4rem;
  height: 0.4rem;
}
.wheel-main .wheel-main-ratio-list .wheel-main-ratio-detail .padding[data-v-5baf021e] {
  width: 0.32rem;
}
.bet-options[data-v-5baf021e] {
  padding: 0 0.42667rem;
}
.wheel-config[data-v-5baf021e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.26667rem;
}
.wheel-config .wheel-config-item[data-v-5baf021e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.wheel-config .wheel-config-item .wheel-config-item-bottom[data-v-5baf021e] {
  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;
  line-height: 0.8rem;
  border: 0.04rem solid #1B70C3;
  border-radius: 0.10667rem;
  padding: 0 0.26667rem;
}
.wheel-config .wheel-config-item .wheel-config-item-bottom span[data-v-5baf021e] {
  color: white;
  font-size: 0.37333rem;
}
.wheel-config .wheel-config-item .wheel-config-item-bottom img[data-v-5baf021e] {
  width: 0.32rem;
  height: 0.32rem;
}
.wheel-config .wheel-config-item .title[data-v-5baf021e] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.37333rem;
  font-weight: 500;
  margin-bottom: 0.18667rem;
}
.wheel-config .wheel-config-item[data-v-5baf021e]:hover {
  cursor: pointer;
}
.wheel-config .wheel-config-padding[data-v-5baf021e] {
  width: 0.26667rem;
}
@media only screen and (min-width: 750px) {
#myCanvas[data-v-5baf021e] {
    width: 15.46667rem;
    height: 13.33333rem;
}
.wheel-container[data-v-5baf021e] {
    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;
}
.wheel-container .wheel-main[data-v-5baf021e] {
    width: 73.77%;
    margin: 0 0 0.08rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.wheel-container .wheel-main-ratio-list[data-v-5baf021e] {
    margin: 0.42667rem 2.53333rem 0.58667rem 2.53333rem;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-list-item[data-v-5baf021e] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    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;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number[data-v-5baf021e] {
    border-radius: 0.16rem;
    height: 1.28rem;
    position: relative;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .number[data-v-5baf021e] {
    font-size: 0.42667rem;
    line-height: 1.01333rem;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .number-select[data-v-5baf021e] {
    line-height: 1.28rem;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .number-normal[data-v-5baf021e] {
    line-height: 1.01333rem;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-list-item .ratio-number .ratio-line[data-v-5baf021e] {
    height: 0.26667rem;
    border-bottom-left-radius: 0.16rem;
    border-bottom-right-radius: 0.16rem;
}
.wheel-container .wheel-main-ratio-list .margin[data-v-5baf021e] {
    margin-left: 0.42667rem;
}
.wheel-container .wheel-main-ratio-list .wheel-main-ratio-detail[data-v-5baf021e] {
    bottom: 1.6rem;
}
.wheel-container .bet-options[data-v-5baf021e] {
    width: 26.23%;
    overflow: scroll;
    background-color: #132338;
    padding-bottom: 0.42667rem;
}
.ratio-number[data-v-5baf021e] {
    height: 1.06667rem;
}
.ratio-number .number[data-v-5baf021e] {
    line-height: 0.88rem;
}
.BetCoupon-margin[data-v-5baf021e] {
    margin-top: 0.85333rem;
}
}
@media only screen and (min-width: 1220px) {
.wheel[data-v-5baf021e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 3vm;
}
.wheel .wheel-container[data-v-5baf021e] {
    max-width: 32.53333rem;
    border-radius: 0.21333rem;
}
}