.card-bg[data-v-6b252ee8]{
  width: 100%;
  height: 100%;
}
.card-bg img[data-v-6b252ee8]{
  width: 100%;
  height: 100%;
}
.display[data-v-6b252ee8] {
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.back[data-v-6b252ee8] {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
/* .back img{
  width: 100%;
  height: 100%;
} */
.form-input-th-guide[data-v-6b252ee8] {
  background-size: 100% 100%;
  width: 1.12rem;
  height: 0.88rem;
  position: absolute;
  top: 0;
  right: 0.26667rem;
  -webkit-animation: changRight-6b252ee8 1s ease 0.5s infinite;
          animation: changRight-6b252ee8 1s ease 0.5s infinite;
}
.hilo-main-guide[data-v-6b252ee8]{
  background-size: 100% 100%;
  width: 1.12rem;
  height: 0.88rem;
  position: absolute;
  top: 1.06667rem;
  right: 0;
  -webkit-animation: changRight-6b252ee8 1s ease 0.5s infinite;
          animation: changRight-6b252ee8 1s ease 0.5s infinite;
  z-index: 9999;
}
.guide-cont[data-v-6b252ee8] {
  position: relative;
}
@-webkit-keyframes changRight-6b252ee8 {
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-6b252ee8 {
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);
}
}
.hilo-container[data-v-6b252ee8] {
  background: #0f1923;
  padding: 1.44rem 0;
  height: 100vh;
  overflow-y: scroll;
}
.hilo-main[data-v-6b252ee8] {
  padding: 0.4rem 0.45333rem 0.29333rem 0.45333rem;
}
.hilo-main-top[data-v-6b252ee8] {
  width: 100%;
  background: #1a242d;
  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;
  padding: 0.29333rem 0.21333rem 0.42667rem 0.21333rem;
}
.hilo-main-left[data-v-6b252ee8] {
}
.hilo-main-left-txt[data-v-6b252ee8] {
  font-size: 1.14667rem;
  font-family: Barlow;
  font-weight: 500;
  color: #2f4553;
  opacity: 0.6;
}
.hilo-main-left-arrow[data-v-6b252ee8] {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hilo-main-left-arrow .arrow-up[data-v-6b252ee8] {
  position: relative;
  width: 0;
  height: 0;
  border-left: 0.18667rem solid transparent;
  border-right: 0.18667rem solid transparent;
  border-bottom: 0.32rem solid #2f4553;
}
.hilo-main-left-arrow .arrow-process[data-v-6b252ee8] {
  display: inline-block;
  width: 0.10667rem;
  height: 4.72rem;
  background: #2f4553;
  opacity: 1;
  border-radius: 0;
}
.hilo-main-middle[data-v-6b252ee8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 0.21333rem;
}
.hilo-main-middle-left[data-v-6b252ee8] {
  position: relative;
  width: 3.46667rem;
  height: 6.16rem;
  background: #ffffff;
  -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.16rem;
}
.hilo-main-middle-switch[data-v-6b252ee8] {
  position: absolute;
  background-size: 100% 100%;
  top: -0.29333rem;
  left: -0.16rem;
  width: 1.36rem;
  height: 0.88rem;
  opacity: 1;
  border-radius: 0.10667rem;
}
.hilo-main-middle-switch-no[data-v-6b252ee8]{
  position: absolute;
  background-size: 100% 100%;
  top: -0.29333rem;
  left: -0.16rem;
  width: 1.36rem;
  height: 0.88rem;
  opacity: 0.5;
  border-radius: 0.10667rem;
}
.hilo-main-middle-right[data-v-6b252ee8] {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.middle-higher[data-v-6b252ee8] {
  position: relative;
  background-size: 100% 100%;
  width: 2.98667rem;
  height: 2.96rem;
}
.middle-higher .higher-cont[data-v-6b252ee8] {
  position: absolute;
  bottom: 0.24rem;
  text-align: center;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #333333;
  opacity: 1;
  padding: 0 0.53333rem;
  height: 1.6rem;
  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;
}
.middle-higher-close[data-v-6b252ee8] {
  position: relative;
  background-size: 100% 100%;
  width: 2.98667rem;
  height: 2.96rem;
  opacity: 0.4;
}
.middle-higher-close .higher-cont[data-v-6b252ee8] {
  position: absolute;
  bottom: 0.24rem;
  text-align: center;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #333333;
  opacity: 1;
  padding: 0 0.53333rem;
  height: 1.6rem;
  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;
}
.middle-lower[data-v-6b252ee8] {
  position: relative;
  background-size: 100% 100%;
  width: 2.98667rem;
  height: 2.96rem;
}
.middle-lower .lower-cont[data-v-6b252ee8] {
  position: absolute;
  top: 0.24rem;
  text-align: center;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  padding: 0 0.53333rem;
  height: 1.6rem;
  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;
}
.middle-lower-close[data-v-6b252ee8] {
  position: relative;
  background-size: 100% 100%;
  width: 2.98667rem;
  height: 2.96rem;
  opacity: 0.4;
}
.middle-lower-close .lower-cont[data-v-6b252ee8] {
  position: absolute;
  top: 0.24rem;
  text-align: center;
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  padding: 0 0.53333rem;
  height: 1.6rem;
  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;
}
.hilo-main-middle-left-one[data-v-6b252ee8] {
  width: 3.46667rem;
  height: 6.08rem;
  background: #ffffff;
  -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.16rem;
}
.hilo-main-middle-left-two[data-v-6b252ee8] {
  width: 3.46667rem;
  height: 6rem;
  background: #ffffff;
  -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.16rem;
}
.hilo-main-middle-left-three[data-v-6b252ee8] {
  position: relative;
  width: 3.46667rem;
  height: 5.92rem;
  background: #ffffff;
  -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.16rem;
}
.playing-card-cont[data-v-6b252ee8] {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 0.16rem;
}
.card-border[data-v-6b252ee8]{
  border: 0.16rem solid #FB2246 !important;
}
.hilo-main-middle-left-three .playing-card[data-v-6b252ee8] {
  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;
  margin-left: 0.56rem;
  margin-top: 0.48rem;
}
.hilo-main-middle-left-three[data-v-6b252ee8]:hover {
  /* -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg); */
}
.flip_active[data-v-6b252ee8]{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-perspective: 400;
  -moz-perspective: 400;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.4s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.4s;
}
.card-flip[data-v-6b252ee8]{
  position: relative;
  -webkit-animation-name: cardFlip-6b252ee8;
  animation-name: cardFlip-6b252ee8;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-perspective: 400;
  -moz-perspective: 400;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  /* z-index: 99999; */
}
@-webkit-keyframes cardFlip-6b252ee8 {
0%{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}
50%{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}
100%{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
}
@keyframes cardFlip-6b252ee8 {
0%{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}
50%{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}
100%{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
}
.flip_def[data-v-6b252ee8]{
  /* -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg); */
}
.bg-gary[data-v-6b252ee8]{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
}
.lose-line[data-v-6b252ee8]{
  color: #ffffff !important;
  background: #FB2246 !important;
}
.hilo-main-middle-left-four[data-v-6b252ee8]{
  width: 3.46667rem;
  height: 5.92rem;
  background-size: 100% 100% !important;
}
.hilo-main-middle-left-three .playing-card span[data-v-6b252ee8] {
  display: inline-block;
  font-size: 1.22667rem;
  font-family: Barlow;
  font-weight: 600;
  opacity: 1;
  width: 1.44rem;
  text-align: center;
}
.hilo-main-middle-left-three .playing-card img[data-v-6b252ee8] {
  width: 1.44rem;
}
.playing-card-active[data-v-6b252ee8] {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  z-index: 99999;
}
.right[data-v-6b252ee8] {
  -webkit-animation-name: flyRight-6b252ee8;
  animation-name: flyRight-6b252ee8;
}
.left[data-v-6b252ee8] {
  -webkit-animation-name: flyLeft-6b252ee8;
  animation-name: flyLeft-6b252ee8;
}
@-webkit-keyframes flyLeft-6b252ee8 {
100% {
    -webkit-transform: rotate(40deg) translate(-50vw, -50vh);
            transform: rotate(40deg) translate(-50vw, -50vh);
}
}
@keyframes flyLeft-6b252ee8 {
100% {
    -webkit-transform: rotate(40deg) translate(-50vw, -50vh);
            transform: rotate(40deg) translate(-50vw, -50vh);
}
}
@-webkit-keyframes flyRight-6b252ee8 {
100% {
    -webkit-transform: rotate(-40deg) translate(50vw, -50vh);
            transform: rotate(-40deg) translate(50vw, -50vh);
}
}
@keyframes flyRight-6b252ee8 {
100% {
    -webkit-transform: rotate(-40deg) translate(50vw, -50vh);
            transform: rotate(-40deg) translate(50vw, -50vh);
}
}
.playing-card-active span[data-v-6b252ee8] {
  display: inline-block;
  font-size: 1.22667rem;
  font-family: Barlow;
  font-weight: 600;
  opacity: 1;
  width: 1.44rem;
  text-align: center;
}
.playing-card-active img[data-v-6b252ee8] {
  width: 1.44rem;
}
.hilo-main-right[data-v-6b252ee8] {
}
.hilo-main-right-txt[data-v-6b252ee8] {
  font-size: 1.14667rem;
  font-family: Barlow;
  font-weight: 500;
  color: #2f4553;
  opacity: 0.6;
}
.hilo-main-right-arrow[data-v-6b252ee8] {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hilo-main-right-arrow .arrow-down[data-v-6b252ee8] {
  position: relative;
  width: 0;
  height: 0;
  border-left: 0.18667rem solid transparent;
  border-right: 0.18667rem solid transparent;
  border-top: 0.32rem solid #2f4553;
}
.hilo-main-right-arrow .arrow-process[data-v-6b252ee8] {
  display: inline-block;
  width: 0.10667rem;
  height: 4.72rem;
  background: #2f4553;
  opacity: 1;
  border-radius: 0;
}
.hilo-main-bottom[data-v-6b252ee8] {
  width: 100%;
  background: #1a242d;
  padding: 0.21333rem;
  margin-top: 0.21333rem;
}
.hilo-main-bottom-in[data-v-6b252ee8] {
  background: #0e1922;
  padding: 0.21333rem 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
}
.hilo-main-bottom-card-item[data-v-6b252ee8] {
  position: relative;
  margin-right: 0.21333rem;
}
.hilo-main-bottom-card-item-fly[data-v-6b252ee8]{
  /* position: relative; */
  margin-right: 0.21333rem;
  -webkit-animation-name: ShiftLeft-6b252ee8;
  animation-name: ShiftLeft-6b252ee8;
  /* -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; */
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}
@-webkit-keyframes ShiftLeft-6b252ee8 {
0%{
    -webkit-transform: translate(100vw);
            transform: translate(100vw);
}
  /* 100% {

    left:0
  } */
}
@keyframes ShiftLeft-6b252ee8 {
0%{
    -webkit-transform: translate(100vw);
            transform: translate(100vw);
}
  /* 100% {

    left:0
  } */
}
.card-item[data-v-6b252ee8] {
  position: relative;
  width: 1.65333rem;
  height: 2.64rem;
  background: #ffffff;
  border-radius: 0.08rem;
}
.card-one[data-v-6b252ee8]{
  padding: 0.10667rem 0 0 0.13333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.card-red[data-v-6b252ee8]{
  color: #fb2246 !important;
}
.process-symbol[data-v-6b252ee8] {
  position: absolute;
  width: 0.72rem;
  height: 0.72rem;
  left: -0.46667rem;
  top: 0.93333rem;
}
.process-symbol-active[data-v-6b252ee8]{
  -webkit-animation: suofang-6b252ee8 0.5s forwards;
          animation: suofang-6b252ee8 0.5s forwards;
}
.process-symbol-before[data-v-6b252ee8]{
  -webkit-transform: scale(0);
          transform: scale(0);
}
@-webkit-keyframes suofang-6b252ee8{
0%{-webkit-transform: scale(0);transform: scale(0);}
80%{-webkit-transform: scale(0);transform: scale(0);}
100%{-webkit-transform: scale(1.0);transform: scale(1.0);}
}
@keyframes suofang-6b252ee8{
0%{-webkit-transform: scale(0);transform: scale(0);}
80%{-webkit-transform: scale(0);transform: scale(0);}
100%{-webkit-transform: scale(1.0);transform: scale(1.0);}
}
.card-item span[data-v-6b252ee8] {
  font-size: 0.66667rem;
  font-family: Barlow;
  font-weight: 600;
  opacity: 1;
  width: 0.72rem;
  text-align: center;
}
.card-item .card-img[data-v-6b252ee8] {
  width: 0.72rem;
}
.card-item-txt[data-v-6b252ee8] {
  display: inline-block;
  width: 1.65333rem;
  height: 0.50667rem;
  background: #2ee800;
  opacity: 1;
  border-radius: 0.08rem;
  font-size: 0.26667rem;
  font-family: Barlow;
  font-weight: 600;
  color: #333333;
  opacity: 1;
  text-align: center;
  line-height: 0.50667rem;
  margin-top: 0.26667rem;
  overflow: hidden;
}
.hilo-price-cont[data-v-6b252ee8] {
  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;
}
.hilo-price-cont .price-grey[data-v-6b252ee8] {
  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;
}
.hilo-price-cont .price-color[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet[data-v-6b252ee8] {
  padding: 0 0.45333rem;
  margin-top: 0.08rem;
  font-size: 0.37333rem;
}
.hilo-minimum-bet-title[data-v-6b252ee8] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
}
.hilo-minimum-bet-num[data-v-6b252ee8] {
  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-6b252ee8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choose-price span[data-v-6b252ee8] {
  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-6b252ee8] {
  width: 0.24rem;
}
.hilo-minimum-bet-inp[data-v-6b252ee8] {
  /* width: 100vw; */
  padding: 0.29333rem 0 0.16rem 0;
  border-bottom: 0.05333rem solid rgba(255, 255, 255, 0.6);
  font-size: 0.45333rem;
}
.hilo-minimum-bet-inp input[data-v-6b252ee8] {
  width: 100%;
  background: none;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
}
.hilo-minimum-bet-btn[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet-btn-bg[data-v-6b252ee8] {
  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;
  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;
}
.hilo-minimum-bet-btn img[data-v-6b252ee8] {
  width: 0.61333rem;
}
.hilo-minimum-bet-btn-bg img[data-v-6b252ee8] {
  width: 0.61333rem;
}
.hilo-minimum-bet-bomb-btn[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet-btn-bomb-bg[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet-bomb-btn img[data-v-6b252ee8] {
  width: 0.61333rem;
}
.hilo-minimum-bet-btn-bomb-bg img[data-v-6b252ee8] {
  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);
}
.hilo-minimum-current-profit[data-v-6b252ee8] {
  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;
}
.hilo-manual-auto[data-v-6b252ee8] {
  padding: 0.61333rem 0 0.48rem 0;
}
.hilo-manual[data-v-6b252ee8] {
  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;
}
.hilo-manual-bg[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet[data-v-6b252ee8] {
  padding: 0 0.45333rem;
  margin-top: 0.08rem;
  font-size: 0.37333rem;
}
.hilo-minimum-bet-title[data-v-6b252ee8] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
}
.hilo-minimum-bet-num[data-v-6b252ee8]{
  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-6b252ee8]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choose-price span[data-v-6b252ee8]{
  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-6b252ee8]{
  width: 0.24rem;
}
.hilo-minimum-bet-inp[data-v-6b252ee8] {
  /* width: 100vw; */
  padding: 0.29333rem 0 0.16rem 0;
  border-bottom: 0.05333rem solid rgba(255, 255, 255, 0.6);
  font-size: 0.45333rem;
}
.hilo-minimum-bet-inp input[data-v-6b252ee8] {
  width: 100%;
  background: none;
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
}
.hilo-minimum-bet-btn[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet-btn-bg[data-v-6b252ee8] {
  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;
  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;
}
.hilo-minimum-bet-btn img[data-v-6b252ee8] {
  width: 0.61333rem;
}
.hilo-minimum-bet-btn-bg img[data-v-6b252ee8] {
  width: 0.61333rem;
}
.hilo-minimum-bet-bomb-btn[data-v-6b252ee8] {
  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;
}
.hilo-minimum-bet-btn-bomb-bg[data-v-6b252ee8]{
  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;
}
.hilo-minimum-bet-bomb-btn img[data-v-6b252ee8] {
  width: 0.61333rem;
}
.hilo-minimum-bet-btn-bomb-bg img[data-v-6b252ee8] {
  width: 0.61333rem;
  animation:bombShow 0.6s;
  -webkit-animation:bombShow 0.6s; /* Safari and Chrome */
  -webkit-animation-timing-function: cubic-bezier(.87,-.41,.19,1.44);
  animation-timing-function: cubic-bezier(.87,-.41,.19,1.44);
}
.hilo-minimum-current-profit[data-v-6b252ee8] {
  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;
}
.hilo-mines[data-v-6b252ee8] {
  padding: 0 0.45333rem;
  font-size: 0.37333rem;
}
.hilo-mines-title[data-v-6b252ee8] {
  display: inline-block;
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
  padding-top: 0.29333rem;
}
.hilo-mines-cont[data-v-6b252ee8] {
  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;
}
.hilo-mines-cont span[data-v-6b252ee8] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 1;
  margin-left: 0.24rem;
}
.hilo-mines-cont img[data-v-6b252ee8] {
  width: 0.29333rem;
  height: 0.29333rem;
  margin-right: 0.29333rem;
}
.hilo-mines-cont .Number-Bets-img[data-v-6b252ee8]{
  width: 0.50667rem;
}
.hilo-auto[data-v-6b252ee8] {
  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;
}
.hilo-auto-bg[data-v-6b252ee8] {
  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-cont[data-v-6b252ee8]{
  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-6b252ee8]{
  background: none;
}
.win-plane[data-v-6b252ee8] {
  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.37333rem 0;
}
.win-plane-title[data-v-6b252ee8] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #e6c080;
  opacity: 1;
}
.win-plane-title-unfortunately[data-v-6b252ee8] {
  font-size: 0.45333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #e02e4c;
  opacity: 1;
}
.win-plane-price[data-v-6b252ee8] {
  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-6b252ee8] {
  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-6b252ee8] {
  width: 0.37333rem;
}
.hilo-minimum-bet-btn-bg .ksh[data-v-6b252ee8] {
  width: 0.48rem;
}
.hilo-minimum-bet-btn .ksh[data-v-6b252ee8] {
  width: 0.48rem;
}
.win-plane-btn[data-v-6b252ee8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
}
.win-plane-btn span[data-v-6b252ee8] {
  display: inline-block;
  width: 3.28rem;
  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;
}
.win-plane-btn-restart[data-v-6b252ee8] {
  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-6b252ee8] {
  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-6b252ee8] {
  padding: 0 0.45333rem;
  margin-bottom: 0.29333rem;
}
.start-autobet-btn[data-v-6b252ee8] {
  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-6b252ee8] {
  padding: 0 0.45333rem;
  margin-top: 0.29333rem;
}
.win-or-loss-title[data-v-6b252ee8] {
  font-size: 0.37333rem;
  font-family: Barlow;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.6;
}
.win-or-loss-reset[data-v-6b252ee8] {
  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-6b252ee8] {
  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-6b252ee8] {
  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-6b252ee8] {
  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-6b252ee8] {
  border: none;
  background: none;
  width: 2.66667rem;
  color: #ffffff;
}
.win-or-loss-number img[data-v-6b252ee8] {
  width: 0.37333rem;
  margin-right: 0.24rem;
}
.hilo-mines-title-top[data-v-6b252ee8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hilo-mines-cont .Ksh_icon[data-v-6b252ee8] {
  width: 0.50667rem;
  height: 0.50667rem;
}
.ShowPlayOver-Record[data-v-6b252ee8] {
  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-6b252ee8] {
  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-6b252ee8] {
  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;
}
@media (max-height: 738px) {
.hilo-price-cont .price-color[data-v-6b252ee8] {
    height: 0.66667rem !important;
    line-height: 0.66667rem !important;
    margin-bottom: 0.10667rem !important;
}
.hilo-price-cont .price-grey[data-v-6b252ee8] {
    height: 0.66667rem !important;
    line-height: 0.66667rem !important;
    margin-bottom: 0.10667rem !important;
}
.hilo-minimum-bet-btn-bg[data-v-6b252ee8] {
    margin-top: 0.13333rem !important;
}
.hilo-minimum-bet-btn[data-v-6b252ee8] {
    margin-top: 0.13333rem !important;
}
.hilo-minimum-bet-inp[data-v-6b252ee8] {
    padding: 0.13333rem 0 0.08rem 0 !important;
}
.hilo-mines-title[data-v-6b252ee8] {
    padding-top: 0.08rem !important;
}
.hilo-mines-cont-left div[data-v-6b252ee8] {
    margin-top: 0.08rem !important;
}
.hilo-mines-cont-right div[data-v-6b252ee8] {
    margin-top: 0.08rem !important;
}
.hilo-minimum-bet-bomb-btn[data-v-6b252ee8] {
    margin-top: 0.13333rem !important;
}
.hilo-minimum-bet-btn-bomb-bg[data-v-6b252ee8] {
    margin-top: 0.13333rem !important;
}
}
@media (max-height: 672px) {
.card-item[data-v-6b252ee8]{
    width: 1.33333rem;
    height: 2.13333rem;
}
.card-item-txt[data-v-6b252ee8]{
    width: 1.33333rem;
}
}
@media (max-height: 560px) {
.hilo-main-middle-left[data-v-6b252ee8]{
    width: 2.77333rem;
    height: 4.928rem;
}
.hilo-main-middle-left-one[data-v-6b252ee8]{
    width: 2.77333rem;
    height: 4.928rem;
}
.hilo-main-middle-left-two[data-v-6b252ee8]{
    width: 2.77333rem;
    height: 4.864rem;
}
.hilo-main-middle-left-four[data-v-6b252ee8]{
    width: 2.77333rem;
    height: 4.8rem;
}
.hilo-main-middle-left-three[data-v-6b252ee8]{
    width: 2.77333rem;
    height: 4.736rem;
}
.middle-higher[data-v-6b252ee8]{
    width: 2.38933rem;
    height: 2.368rem;
}
.middle-higher-close[data-v-6b252ee8]{
    width: 2.38933rem;
    height: 2.368rem;
}
.middle-lower[data-v-6b252ee8]{
    width: 2.38933rem;
    height: 2.368rem;
}
.middle-lower-close[data-v-6b252ee8]{
    width: 2.38933rem;
    height: 2.368rem;
}
.hilo-main-right-arrow .arrow-process[data-v-6b252ee8]{
    height: 2.66667rem;
}
.hilo-main-left-arrow .arrow-process[data-v-6b252ee8]{
    height: 2.66667rem;
}
.hilo-main-middle-left-three .playing-card[data-v-6b252ee8]{
    margin-left: 0.32rem;
    margin-top: 0.26667rem;
}
.hilo-main-top[data-v-6b252ee8]{
    padding: 0.08rem 0.21333rem 0.10667rem 0.21333rem;
}
.hilo-main[data-v-6b252ee8]{
    padding: 0.08rem 0.45333rem 0.08rem 0.45333rem;
}
.middle-higher-close .higher-cont[data-v-6b252ee8]{
    font-size: 0.32rem;
}
.middle-lower-close .lower-cont[data-v-6b252ee8]{
    font-size: 0.32rem;
}
.card-item-txt[data-v-6b252ee8]{
    margin-top: 0.08rem;
}
.hilo-main-bottom-in[data-v-6b252ee8]{
    padding: 0.10667rem 0.16rem 0 0.16rem;
}
}


.bet-options[data-v-6b252ee8] {
  padding: 0 0.42667rem;
}
@media only screen and (min-width: 750px) {
.hilo-container[data-v-6b252ee8] {
    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;
    height: 17.6rem;
    padding: 0;
}
.hilo-container .hilo-main[data-v-6b252ee8] {
    width: 73.77%;
    padding: 0;
}
.hilo-container .hilo-main .hilo-main-top[data-v-6b252ee8] {
    padding: 1.33333rem 0.42667rem;
}
.hilo-container .hilo-main .hilo-main-bottom[data-v-6b252ee8] {
    width: auto;
    margin: 0.21333rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.hilo-container .bet-options[data-v-6b252ee8] {
    background-color: #132338;
    width: 26.23%;
    padding: 0.53333rem 0;
}
.hilo-container .bet-options .hilo-price-cont .price-grey[data-v-6b252ee8] {
    width: calc((100% - 0.64rem)/4);
}
.hilo-container .bet-options .hilo-price-cont .price-color[data-v-6b252ee8] {
    width: calc((100% - 0.64rem)/4);
}
.hilo-main-middle[data-v-6b252ee8] {
    padding: 0 2.53333rem;
}
.hilo-main-left-arrow .arrow-up[data-v-6b252ee8] {
    border-left: 0.37333rem solid transparent;
    border-right: 0.37333rem solid transparent;
    border-bottom: 0.64rem solid #2f4553;
}
.hilo-main-right-arrow .arrow-down[data-v-6b252ee8] {
    border-left: 0.37333rem solid transparent;
    border-right: 0.37333rem solid transparent;
    border-top: 0.64rem solid #2f4553;
}
.hilo-main-left-txt[data-v-6b252ee8],
  .hilo-main-right-txt[data-v-6b252ee8] {
    font-size: 1.6rem;
}
.hilo-main-left-arrow .arrow-process[data-v-6b252ee8],
  .hilo-main-right-arrow .arrow-process[data-v-6b252ee8] {
    width: 0.21333rem;
}
.playing-card-cont[data-v-6b252ee8] {
    border-radius: 0.32rem;
}
.hilo-main-middle-left[data-v-6b252ee8] {
    width: 5.86667rem;
    height: 9.65333rem;
    border-radius: 0.32rem;
}
.hilo-main-middle-left-one[data-v-6b252ee8] {
    width: 5.86667rem;
    height: 9.49333rem;
    border-radius: 0.32rem;
}
.hilo-main-middle-left-two[data-v-6b252ee8] {
    width: 5.86667rem;
    height: 9.33333rem;
    border-radius: 0.32rem;
}
.hilo-main-middle-left-three[data-v-6b252ee8] {
    width: 5.86667rem;
    height: 9.17333rem;
    border-radius: 0.32rem;
}
.middle-higher[data-v-6b252ee8] {
    width: 4.26667rem;
    height: 4.53333rem;
    border-radius: 0.32rem;
}
.middle-higher-close[data-v-6b252ee8] {
    width: 4.26667rem;
    height: 4.53333rem;
    border-radius: 0.32rem;
}
.middle-lower[data-v-6b252ee8] {
    width: 4.26667rem;
    height: 4.53333rem;
    border-radius: 0.32rem;
}
.middle-lower-close[data-v-6b252ee8] {
    width: 4.26667rem;
    height: 4.53333rem;
    border-radius: 0.32rem;
}
.card-item[data-v-6b252ee8] {
    width: 1.92rem;
    height: 3.09333rem;
}
.card-item-txt[data-v-6b252ee8] {
    width: 1.92rem;
}
.middle-higher-close .higher-cont[data-v-6b252ee8],
  .middle-higher .higher-cont[data-v-6b252ee8] {
    font-size: 0.53333rem;
    margin-bottom: 0.66667rem;
}
.middle-lower-close .lower-cont[data-v-6b252ee8],
  .middle-lower .lower-cont[data-v-6b252ee8] {
    font-size: 0.53333rem;
    margin-top: 0.66667rem;
}
.BetAmountSelectMargin[data-v-6b252ee8] {
    margin: 0 0.42667rem;
}
.hilo-main-middle-switch[data-v-6b252ee8] {
    left: -0.53333rem;
    width: 2.08rem;
    height: 1.22667rem;
}
.guide-cont[data-v-6b252ee8] {
    height: 1.54667rem;
    line-height: 1.54667rem;
}
.hilo-minimum-bet-btn-bg[data-v-6b252ee8] {
    height: 1.54667rem;
    line-height: 1.54667rem;
}
.hilo-minimum-bet-btn[data-v-6b252ee8] {
    height: 1.54667rem;
    line-height: 1.54667rem;
}
.hilo-minimum-bet[data-v-6b252ee8] {
    padding: 0 0.45333rem;
}
}
@media only screen and (min-width: 1220px) {
.hilo[data-v-6b252ee8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 3vm;
}
.hilo-container[data-v-6b252ee8] {
    width: 32.53333rem;
}
}