.swiper-Diversions[data-v-0f2fa359] {
  height: 1.06667rem;
}
.ShowNewUser[data-v-0f2fa359] {
  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;
}
.ShowNewUser-body[data-v-0f2fa359] {
  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;
}
.ShowNewUser-body-img[data-v-0f2fa359] {
  width: 8.74667rem;
  height: 2.90667rem;
  margin-bottom: 0.50667rem;
}
.ShowNewUser-body-img-1[data-v-0f2fa359] {
  width: 9.62667rem;
  height: 5.89333rem;
  margin-bottom: 2.56rem;
}
.ShowNewUser-body-img-2[data-v-0f2fa359] {
  width: 6.53333rem;
  height: 1.68rem;
}


.Ksh-logo[data-v-0f2fa359] {
  width: 0.37333rem;
  height: 0.37333rem;
  margin-left: 0.21333rem;
}
.ShowShowFollow[data-v-0f2fa359] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ShowShowFollow-body[data-v-0f2fa359] {
  width: 100vw;
  -webkit-box-shadow: 0 0 0.08rem rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0.08rem rgba(255, 255, 255, 0.2);
  background: #262F3C;
}
.ShowShowFollow-body-br[data-v-0f2fa359] {
  width: 100%;
  height: 0.05333rem;
  background: #FDEF33;
}
.ShowShowFollow-body-context[data-v-0f2fa359] {
  width: 100%;
  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;
  padding-top: 0.88rem;
}
.ShowShowFollow-body-context-bg[data-v-0f2fa359] {
  width: 8.26667rem;
  height: 1.89333rem;
  margin-bottom: 0.88rem;
}
.ShowShowFollow-body-context-title[data-v-0f2fa359] {
  font-size: 0.74667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  /*line-height: 36px;*/
  color: #FDEF33;
  text-shadow: 0 0.08rem 0 #952F00;
}
.ShowShowFollow-body-context-KSH[data-v-0f2fa359] {
  font-size: 1.38667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 1.65333rem;
  color: #EF3050;
  text-shadow: 0 0.08rem 0 #691321;
}
.ShowShowFollow-body-context-btn[data-v-0f2fa359] {
  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;
  margin-bottom: 0.82667rem;
}
.ShowShowFollow-body-context-btn > div[data-v-0f2fa359]:nth-child(1) {
  width: 4.34667rem;
  height: 1.33333rem;
  background: #EF3050;
  line-height: 1.33333rem;
  text-align: center;
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  color: #FFFFFF;
  margin-right: 0.45333rem;
  border-radius: 0.66667rem;
}
.ShowShowFollow-body-context-btn > div[data-v-0f2fa359]:nth-child(2) {
  width: 4.34667rem;
  height: 1.33333rem;
  border: 0.02667rem solid #EF3050;
  opacity: 1;
  border-radius: 0.66667rem;
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  line-height: 1.33333rem;
  text-align: center;
  color: #EF3050;
}
.robot-enter-active[data-v-0f2fa359] {
  -webkit-animation: robot-in-0f2fa359 1s linear;
          animation: robot-in-0f2fa359 1s linear;
}
@-webkit-keyframes robot-in-0f2fa359 {
0% {
    opacity: 0;
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
@keyframes robot-in-0f2fa359 {
0% {
    opacity: 0;
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
.bounce-enter-active[data-v-0f2fa359] {
  -webkit-animation: bounce-in-0f2fa359 1s ease;
          animation: bounce-in-0f2fa359 1s ease;
}
.bounce-leave-active[data-v-0f2fa359] {
  -webkit-animation: bounce-out-0f2fa359 2s linear;
          animation: bounce-out-0f2fa359 2s linear;
}
@-webkit-keyframes bounce-in-0f2fa359 {
0% {
    /*transform: translateX(50%);*/

    /*left: 50%;*/
    -webkit-transform: scale(.9);
    transform: scale(.9);
    right: -1.33333rem;
    opacity: 0;
}
  /*50% {*/
  /*    !*transform: translateX(25%);*!*/

  /*    !*left: 25%;*!*/
  /*    opacity: 0.5;*/
  /*}*/
100% {
    /*transform: translateX(0);*/

    /*left: 0;*/
    -webkit-transform: scale(1);
    transform: scale(1);
    right: 0;
    opacity: 1;
}
}
@keyframes bounce-in-0f2fa359 {
0% {
    /*transform: translateX(50%);*/

    /*left: 50%;*/
    -webkit-transform: scale(.9);
    transform: scale(.9);
    right: -1.33333rem;
    opacity: 0;
}
  /*50% {*/
  /*    !*transform: translateX(25%);*!*/

  /*    !*left: 25%;*!*/
  /*    opacity: 0.5;*/
  /*}*/
100% {
    /*transform: translateX(0);*/

    /*left: 0;*/
    -webkit-transform: scale(1);
    transform: scale(1);
    right: 0;
    opacity: 1;
}
}
@-webkit-keyframes bounce-out-0f2fa359 {
0% {

    opacity: 1;
}
50% {

    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
@keyframes bounce-out-0f2fa359 {
0% {

    opacity: 1;
}
50% {

    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
.Index[data-v-0f2fa359] {
  min-height: 100vh;
  background: #1A242D;
  padding-top: 1.49333rem;
  overflow-x: hidden;
  /*overflow-y: scroll;*/
}
.Index-header[data-v-0f2fa359] {
  padding: 0.21333rem 0.45333rem 0.21333rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  background-color: #0E1720;
}
.Index-main[data-v-0f2fa359] {
  width: 100%;
}
.Index-header-win[data-v-0f2fa359] {
  display: -webkit-box;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: scroll;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Index-header-win > div.act[data-v-0f2fa359] {
  background: #32CC6F;
  color: #FFFFFF;
}
.Index-header-win > div[data-v-0f2fa359] {
  /*position: relative;*/
  padding: 0 0.18667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 0.82667rem;
  background: #323E50;
  opacity: 1;
  border-radius: 0.05333rem;
  text-align: center;
  line-height: 0.82667rem;
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  color: #B8BCC8;
  margin-right: 0.21333rem;
}
.Index-header-win > div.act[data-v-0f2fa359] {
  color: #FFFFFF;
  background: #32CC6F;
}
.Index-header-win > div[data-v-0f2fa359]:first-child {
  margin-left: 0.21333rem;
}
.Index-header-win > div[data-v-0f2fa359]:last-child {
  margin-right: 0;
}
.Index-header-icon[data-v-0f2fa359] {
  width: 0.82667rem;
  height: 0.82667rem;
  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;
  background: #323E50;
  border-radius: 0.05333rem;
  margin-left: 0.21333rem;
  position: relative;
}
.Index-header-icon-re[data-v-0f2fa359] {
  position: absolute;
  top: -0.10667rem;
  right: -0.10667rem;
  width: 0.21333rem;
  height: 0.21333rem;
  background: #EF3050;
  border-radius: 50%;
}
.Index-header-icon > img[data-v-0f2fa359] {
  width: 0.50667rem;
  height: 0.50667rem;
}
.Index-canvas[data-v-0f2fa359] {
  background: #0E1720;
  width: 100%;
  height: 4.93333rem;
  position: relative;
}
.Index-canvas-num[data-v-0f2fa359] {
  width: 3.33333rem;
  height: 1.33333rem;
  background: rgba(38, 47, 60, 0.9);
  border-radius: 0.10667rem;
  text-align: center;
  line-height: 1.33333rem;
  font-size: 0.56rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Index-canvas-win[data-v-0f2fa359] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.Index-canvas-win > div[data-v-0f2fa359]:nth-child(1) {
  width: 3.33333rem;
  height: 1.33333rem;
  background: #EF3050;
  text-align: center;
  line-height: 1.33333rem;
  border-radius: 0.10667rem 0.10667rem 0 0;
  font-size: 0.56rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  color: #FFFFFF;
}
.Index-canvas-win > div[data-v-0f2fa359]:nth-child(2) {
  width: 3.33333rem;
  height: 0.66667rem;
  background: #C41C38;
  border-radius: 0 0 0.10667rem 0.10667rem;
  font-size: 0.34667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  line-height: 0.66667rem;
  text-align: center;
  color: #FFFFFF;
}
#canvas[data-v-0f2fa359] {
  width: 100vw;
  height: 4.37333rem;
}
.Num-body-lottery-Progress[data-v-0f2fa359] {
  padding: 0.21333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  background: #262F3C;
  border-radius: 0.10667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9.12rem;
  top: 0.45333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0.90667rem;
}
.Num-body-lottery-Progress-time[data-v-0f2fa359] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 0.34667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 0.4rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Num-body-lottery-Progress-time > div[data-v-0f2fa359] {
  margin-left: 0.21333rem;
  font-size: 0.34667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 0.4rem;
  color: #FFFFFF;
}
.Num-body-lottery-Progress-re[data-v-0f2fa359] {
  background: #EF3050;
  height: 0.53333rem;
}
.Num-body-lottery-Progress-bl[data-v-0f2fa359] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #0E1720;
  height: 0.53333rem;
}
.Index-canvas-no[data-v-0f2fa359] {
  width: 100%;
  height: 1.33333rem;
  line-height: 1.33333rem;
  text-align: center;
  -webkit-box-shadow: 0 0 0.08rem rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 0.08rem rgba(255, 255, 255, 0.2);
  background: rgba(38, 47, 60, 0.9);
  font-size: 0.56rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  color: #FFFFFF;
  border-top: 0.02667rem solid #FFFFFF;
  border-bottom: 0.02667rem solid #FFFFFF;
  position: absolute;
  top: 1.86667rem;
}
.Index-pay[data-v-0f2fa359] {
  padding: 0.4rem 0.45333rem 0 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.Index-pay-bg[data-v-0f2fa359] {
  /*width: 100vw;*/
  width: 100%;
  height: calc(100% - 1.6rem);
  height: -webkit-calc(100% - 1.6rem);
  position: absolute;
  z-index: 1;
  background: rgba(14, 23, 32, 0.7);
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Index-pay-btn-bg[data-v-0f2fa359] {
  /*width: 100vw;*/
  width: 100%;
  height: 2rem;
  position: absolute;
  z-index: 1;
  background: rgba(14, 23, 32, 0.7);
  bottom: -0.45333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.Index-pay-title[data-v-0f2fa359] {
  font-size: 0.34667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  color: #BCBFC7;
}
.Index-pay-multiple_new[data-v-0f2fa359] {
  margin-top: 0.29333rem;
  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;
  align-items: center;
}
.Index-pay-multiple_new-input[data-v-0f2fa359] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #323E50;
  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;
  padding: 0 0.29333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  height: 1.12rem;
}
.Index-pay-multiple_new-input-title[data-v-0f2fa359] {
  font-size: 0.29333rem;
  font-family: Ubuntu;
  font-weight: 400;
  color: #BCBFC7;
}
.Index-pay-multiple_new-input-text[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-weight: bold;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.Index-pay-multiple_new-input-text-br[data-v-0f2fa359] {
  width: 0.02667rem;
  height: 0.34667rem;
  background: #FFFFFF;
  border-radius: 0.13333rem;
  -webkit-animation: cursor-blinks-0f2fa359 1s infinite steps(1, start);
          animation: cursor-blinks-0f2fa359 1s infinite steps(1, start);
}
@-webkit-keyframes cursor-blinks-0f2fa359 {
0% {
    opacity: 1;
    display: block;
}
50% {
    opacity: 0;
    display: none;
}
100% {
    opacity: 1;
    display: block;
}
}
@keyframes cursor-blinks-0f2fa359 {
0% {
    opacity: 1;
    display: block;
}
50% {
    opacity: 0;
    display: none;
}
100% {
    opacity: 1;
    display: block;
}
}
.Index-pay-multiple_new-input-tips[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-weight: bold;
  color: #BCBFC7;
}
.Index-pay-multiple_new-reduce[data-v-0f2fa359] {
  margin-left: 0.26667rem;
  width: 1.12rem;
  height: 1.12rem;
  background: url(data:image/webp;base64,UklGRlQBAABXRUJQVlA4WAoAAAAQAAAAdwAAdwAAQUxQSIQAAAABN6CobSM2ViL99/aIiID+rAm3kSS5zRyQgPZBaesEpC8vgC/c558DPKzNYkT/JwCoLpFn72tjWr2z5Nkmryy6AYZQ8QJSlt1ShY7bLguXT6U+KW1HpUcoef77/3dvKPmo9EhK26dSv1Mqq9Bxq146Wxh0CuClsgGo3hpnm1BdYn6+NgBWUDggqgAAABAJAJ0BKngAeAA+nU6jTKWkIyIkiCiwE4lpbt02DiIG3+AZf6Tri043b0WDmeEMfCItW2uro51UOHfQOoocmiUCJq0rhF7pOuLTjdvRYEzYAAD+7/434dJXX+bZ1uJZzy9XsDI99UAEJ1SvGBG6S3NBEdN/pu4AHhsCpImK8I/Ipz0QTwRG3mT+4TK1NkBlsWQAAbV7P6L3P1fuNq6YG9iuEMc68CGkiBgA) no-repeat;
  background-size: 100% 100%;
}
.Index-pay-multiple_new-add[data-v-0f2fa359] {
  margin-left: 0.26667rem;
  width: 1.12rem;
  height: 1.12rem;
  background: url(data:image/webp;base64,UklGRrABAABXRUJQVlA4WAoAAAAQAAAAdwAAdwAAQUxQSJUAAAABP6CkkSQ2evjgVwnNwdOPiID81SbhxrZtpbkwAqd2aIlNwGtP7b833vwXHbfOSkT/JwBAsP7I5G91iHF+FsqVNzoNHNIAyAchVT7wFNoWueNRXj/wSHwU4kwzdZbp4JjuA5OSv/9/fw5MyjHdLdNBM3UPpnTGFOeO5+7jydMCBY2KgODE0gBAcOZYhSOE68/0bnUIAABWUDgg9AAAAHAKAJ0BKngAeAA+nUyhS6WkIyGmiCiwE4lpbt1fmP/4tddEEXJq6gfBtl5nSJZTRvumZfPgSMchn/7PIQngs338EPVar1jv/BXrH/BYDT+JzYY6IuMLcNz6bO0AAP7v/iwzHCij/3J+iMuj6lxERaGZg4i0458EAgvaAexlNeEqdxsuOqgy9Alv4CC6Xp3q/h4ycSn2VZWUfX6estXepFrYI8d+6jstJj06KXcAgJ39ci6wbew1IAAJenj7/vbuZPapQ+zRYH3f+V/h4am24QyirvNrJIAJjt5nwYWcCvdmvqEKZNq9mbIJ8mVW3ncK1dA4eAA=) no-repeat;
  background-size: 100% 100%;
}
.Index-pay-multiple_new-tips[data-v-0f2fa359] {
  margin-top: 0.45333rem;
  text-align: left;
  font-size: 0.34667rem;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 0.45333rem;
  color: #FFFFFF;
}
.crash-padding[data-v-0f2fa359] {
  margin-top: 0.45333rem;
  background-color: #0E1922;
  height: 0.21333rem;
}
.Index-pay-multiple[data-v-0f2fa359] {
  border: 0.02667rem solid #FFFFFF;
  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;
  padding: 0.21333rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0.45333rem;
}
.Index-pay-multiple-icon[data-v-0f2fa359] {
  width: 0.66667rem;
  height: 0.66667rem;
  text-align: center;
  line-height: 0.66667rem;
  background: #EF3050;
  border-radius: 0.10667rem;
  font-size: 0.58667rem;
  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;
}
.Index-pay-multiple-icon > img[data-v-0f2fa359] {
  width: 0.37333rem;
  height: 0.4rem;
}
.Index-pay-multiple-text[data-v-0f2fa359] {
  font-size: 0.50667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  line-height: 0.58667rem;
  color: #FFFFFF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  margin: 0 0.53333rem;
}
.Index-pay-multiple-input[data-v-0f2fa359] {
  background: #1A242D;
  color: #FFFFFF;
  font-size: 0.50667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  line-height: 0.58667rem;
  text-align: center;
}
.Num-body-pay-KSH[data-v-0f2fa359] {
  position: relative;
}
.Num-body-pay-KSH-title[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  line-height: 0.45333rem;
  color: #BCBFC7;
  margin-bottom: 0.21333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Num-body-pay-KSH-list[data-v-0f2fa359] {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.Num-body-pay-KSH-list > div[data-v-0f2fa359] {
  width: calc((100% - 0.64rem) / 4);
  width: -webkit-calc((100% - 0.64rem) / 4);
  height: 1.12rem;
  border: 0.02667rem solid #FFFFFF;
  line-height: 1.12rem;
  text-align: center;
  border-radius: 0.10667rem;
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 0.21333rem;
}

/*.Num-body-pay-KSH-list > div:nth-child(3n) {*/
/*  margin-right: 0;*/
/*}*/
.Num-body-pay-KSH-list > div.act[data-v-0f2fa359] {
  background: #EF3050;
  border: 0.02667rem solid #EF3050;
}
.Num-body-pay-KSH-x2[data-v-0f2fa359] {
  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;
  width: 100%;
  padding: 0.10667rem 0.10667rem 0.10667rem 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.02667rem solid #FFFFFF;
  opacity: 1;
  border-radius: 0.56rem;
  /*margin-bottom: 33px;*/
}
.Num-body-pay-KSH-x2-title[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  line-height: 0.45333rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Num-body-pay-KSH-x2-title-Ksh-logo[data-v-0f2fa359] {
  width: 0.48rem;
  height: 0.48rem;
}
.Num-body-pay-KSH-x2-text[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.88rem;
  text-align: center;
  line-height: 0.88rem;
  margin: 0 0.53333rem;
  overflow: hidden;
  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;
}
.Num-body-pay-KSH-x2-btn[data-v-0f2fa359] {
  width: 1.68rem;
  height: 0.88rem;
  background: #EF3050;
  opacity: 1;
  border-radius: 0.45333rem;
  text-align: center;
  line-height: 0.88rem;
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  color: #FFFFFF;
}
.Num-body-pay-KSH-tips[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  line-height: 0.45333rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.45333rem;
}
.Num-body-pay-KSH-list-input[data-v-0f2fa359] {
  height: 0.96rem;
  background-color: transparent;
  width: 100%;
  font-size: 0.45333rem;
  color: white;
  border-bottom: 0.02667rem solid rgba(255, 255, 255, 0.8);
}
.Num-body-pay-KSH-coupon[data-v-0f2fa359] {
  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;
  margin-top: 0.32rem;
}
.Num-body-pay-KSH-coupon > div[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 0.45333rem;
  color: #EF3050;
  margin-right: 0.21333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Num-body-pay-KSH-coupon > img[data-v-0f2fa359] {
  width: 0.24rem;
  height: 0.4rem;
}
.Num-body-pay-KSH-btn[data-v-0f2fa359] {
  background: #EF3050;
  height: 1.33333rem;
  border-radius: 0.10667rem;
  line-height: 1.33333rem;
  text-align: center;
  font-size: 0.45333rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0.42667rem;
}
.Num-body-pay-KSH-btn.act[data-v-0f2fa359] {
  background: #2CAC3A;
}
.Index-br[data-v-0f2fa359] {
  height: 0.21333rem;
  background: #0E1922;
  width: 100%;
}
.Index-account[data-v-0f2fa359] {
  padding: 0.45333rem 0.45333rem 1.81333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.Index-account-title[data-v-0f2fa359] {
  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;
  margin-bottom: 0.45333rem;
  font-size: 0.34667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  line-height: 0.4rem;
  color: #FFFFFF;
}
.Index-account-title > div[data-v-0f2fa359]:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Index-account-title > div > span.bl[data-v-0f2fa359] {
  color: #BCBFC7;
}
.Index-account-list-tb[data-v-0f2fa359] {
  padding: 0.21333rem 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: #252F38;
  border-radius: 0.10667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Index-account-list-tb > div[data-v-0f2fa359] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  font-size: 0.34667rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 500;
  line-height: 0.4rem;
  color: #BCBFC7;
}
.Index-account-list-tb > div[data-v-0f2fa359]:first-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.Index-account-list-tb > div[data-v-0f2fa359]:last-child {
  text-align: right;
}
.Index-account-list-th[data-v-0f2fa359] {
  padding: 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.02667rem solid #323B45;
}
.Index-account-list-th > div[data-v-0f2fa359] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.Index-account-list-th > div[data-v-0f2fa359]:last-child {
  text-align: right;
}
.Index-account-list-th > div.phone[data-v-0f2fa359] {
  font-size: 0.29333rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #BCBFC7;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.Index-account-list-th > div.phone > div[data-v-0f2fa359] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 2.13333rem;
}
.Index-account-list-th > div.ksh[data-v-0f2fa359] {
  font-size: 0.29333rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Index-account-list-th > div.multiple[data-v-0f2fa359] {
  font-size: 0.29333rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #BCBFC7;
}
.re[data-v-0f2fa359] {
  color: #EF3050 !important;
}
.gr[data-v-0f2fa359] {
  color: #32CC6F !important;
}
.Index-account-list-th > div.win[data-v-0f2fa359] {
  font-size: 0.29333rem;
  font-family: SofiaPro, "Roboto", sans-serif !important;
  font-weight: 400;
  line-height: 0.37333rem;
  color: #32CC6F;
}

/*上期玩家数据*/
.Index-canvas-Notice[data-v-0f2fa359] {
  position: absolute;
  bottom: 0.32rem;
  left: 0;
  padding: 0 0.45333rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.Index-canvas-Notice-bg[data-v-0f2fa359] {
  height: 1.06667rem;
  padding: 0 0.18667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 0.02667rem solid #323B45;
  border-top: 0.02667rem solid #323B45;
  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;
}
.Index-canvas-Notice-left[data-v-0f2fa359] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 0.02667rem solid #323B45;
  margin-right: 0.21333rem;
}
.Index-canvas-Notice-left-icon[data-v-0f2fa359] {
  width: 0.42667rem;
  height: 0.4rem;
  background-size: 100% 100%;
  margin-right: 0.21333rem;
}
.Index-canvas-Notice-left-text[data-v-0f2fa359] {
  font-size: 0.4rem;
  font-family: Barlow;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 0.21333rem;
}
.Index-canvas-Notice-right[data-v-0f2fa359] {
  height: 1.04rem;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Index-canvas-Notice-right-th[data-v-0f2fa359] {
  height: 1.04rem;
  line-height: 1.04rem;
  font-size: 0.34667rem;
  font-family: Barlow;
  font-weight: 400;
  color: #797C92;
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
}
.Index-canvas-Notice-right-th > span.phone[data-v-0f2fa359] {
  color: #E1FF2F;
}
.Index-canvas-Notice-right-th > span.price[data-v-0f2fa359] {
  color: #D7AE69;
}

.bet-board-anto-bet-button[data-v-0f2fa359] {
  margin-top: 0.42667rem;
  height: 1.12rem;
  line-height: 1.12rem;
  text-align: center;
  color: #0F1923;
  font-size: 0.42667rem;
  border-radius: 0.13333rem;
  background-color: #2DE507;
}
.bet-board-anto-bet-button-disabled[data-v-0f2fa359] {
  background-color: #0C141C;
  color: rgba(255, 255, 255, 0.6);
}
.bet-board-anto-bet-button-autoBetting[data-v-0f2fa359] {
  background-color: #EF3050;
  color: white;
}
.bet-board-toolbar[data-v-0f2fa359] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.29333rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bet-board-toolbar .button[data-v-0f2fa359] {
  background-color: #EF3050;
  border-radius: 0.10667rem;
  width: calc((100% - 0.64rem) / 4);
  height: 1.04rem;
  line-height: 1.04rem;
  color: white;
  font-size: 0.42667rem;
  text-align: center;
}
.bet-board-toolbar .select[data-v-0f2fa359] {
  background: #1B70C3;
  color: white;
}
.model-segment[data-v-0f2fa359] {
  margin: 0.32rem 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #0C141C;
  padding: 0.13333rem;
}
.model-segment .model-segment-item[data-v-0f2fa359] {
  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-0f2fa359] {
  color: white;
  background: #1B70C3;
  border-radius: 0.16rem;
}
.model-segment .selectModel2[data-v-0f2fa359] {
  color: white;
  background: #1B70C3;
  border-radius: 0.16rem;
}
.model-segment .normalModel[data-v-0f2fa359] {
  color: rgba(255, 255, 255, 0.4);
  background: #0C141C;
}
.bet-board-input-box[data-v-0f2fa359] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.29333rem;
}
.bet-board-input-box span[data-v-0f2fa359] {
  font-size: 0.37333rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
.bet-board-input-box input[data-v-0f2fa359] {
  color: white;
  font-weight: 500;
  background: transparent;
  padding: 0.29333rem 0 0.16rem 0;
  border-bottom: 0.02667rem solid rgba(255, 255, 255, 0.6);
  font-size: 0.42667rem;
}
.bet-options[data-v-0f2fa359] {
  padding: 0 0.42667rem;
}

.pc[data-v-0f2fa359] {
  display: none;
}
.mobile[data-v-0f2fa359] {
  display: block;
}
@media only screen and (min-width: 750px) {
.Index[data-v-0f2fa359] {
    width: 100%;
}
.mobile[data-v-0f2fa359] {
    display: none;
}
.pc[data-v-0f2fa359] {
    display: block;
}
.Index[data-v-0f2fa359] {
    padding: 0;
}
.Index-top[data-v-0f2fa359] {
    background-color: #121E2F;
    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;
}
.Index-top .Index-top-right[data-v-0f2fa359] {
    width: 73.77%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.Index-top .Index-top-right .Index-header[data-v-0f2fa359] {
    padding: 0.42667rem;
    background-color: #121E2F;
}
.Index-top .bet-options[data-v-0f2fa359] {
    width: 26.23%;
    overflow: scroll;
    background-color: #132338;
    padding-bottom: 0.42667rem;
}
.Index-pay[data-v-0f2fa359] {
    padding: 0;
}
#canvas[data-v-0f2fa359] {
    width: 100%;
    height: 14.4rem;
}
.Index-canvas[data-v-0f2fa359] {
    height: 14.4rem;
}
.Index-account[data-v-0f2fa359] {
    background-color: #121E2F;
}
.Num-body-lottery-Progress[data-v-0f2fa359] {
    width: 16rem;
    top: 4.26667rem;
}
.Index-canvas-no[data-v-0f2fa359] {
    top: 6.4rem;
}
.Index-pay-multiple_new-tips[data-v-0f2fa359] {
    font-size: 0.32rem;
}
.Index-pay-title[data-v-0f2fa359] {
    font-size: 0.32rem;
    margin-bottom: 0.26667rem;
}
.Num-body-pay-KSH-title[data-v-0f2fa359] {
    margin-top: 0.42667rem;
    font-size: 0.37333rem;
    margin-bottom: 0.26667rem;
}
.Num-body-pay-KSH-x2[data-v-0f2fa359] {
    margin: 0.42667rem 0;
}
.Num-body-pay-KSH-btn[data-v-0f2fa359] {
    margin-top: 0.42667rem;
    font-size: 0.32rem;
}
.Index-header-win[data-v-0f2fa359] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.Index-canvas-Notice-bg[data-v-0f2fa359] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.Index-pay-bg[data-v-0f2fa359] {
    height: calc(100% - 0.53333rem);
    height: -webkit-calc(80%);
}
}
@media only screen and (min-width: 1220px) {
.Index[data-v-0f2fa359] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.Index-main[data-v-0f2fa359] {
    width: 32.53333rem;
}
}