.xocdia .bg-qs {
  background-image: url("/images/bg-xocdia.jpg");
}
.xocdia .img-bet-qs {
  background-image: url("/images/table-xocdia-5b.png");
  width: 86%;
  left: 7%;
}
.xocdia .img-bet-qs-en {
  background-image: url("/images/table-xocdia-5b_en.png");
}
.xocdia .img-bet-qs-th {
  background-image: url("/images/table-xocdia-5b_th.png");
}
.xocdia .bet-qs {
  padding-top: 33%;
  width: 86%;
  left: 7%;
  border-radius: 66px;
}
.xd-bet {
  position: relative;
}
.xocdia .bet-1 {
  width: 100%;
  position: absolute;
  padding-top: 18%;
  top: 0;
}
.xocdia .name-bet span {
  bottom: 24%;
}
.xocdia .item-bet-1 {
  width: 31.8%;
  position: absolute;
  padding-top: 18.4%;
  top: 0;
  left: 0;
  border-radius: 5%;
}
.xocdia .item-bet-3 {
  width: 31.8%;
  position: absolute;
  padding-top: 18.4%;
  top: 0;
  left: 68%;
}
.xocdia .item-bet-4 {
  width: 18.8%;
  top: 0%;
  left: 0%;
  padding-top: 17.5%;
}
.xocdia .bet-2 {
  width: 100%;
  position: absolute;
  padding-top: 17.5%;
  top: 55.4%;
}
.xocdia .item-bet-5 {
  width: 18.8%;
  top: 0%;
  left: 20.3%;
  padding-top: 17.5%;
}
.xocdia .item-bet-6 {
  position: absolute;
  border-radius: 5%;
  width: 18.8%;
  top: 0%;
  left: 40.5%;
  padding-top: 17.5%;
}
.xocdia .item-bet-7 {
  position: absolute;
  border-radius: 5%;
  width: 18.8%;
  top: 0%;
  left: 60.82%;
  padding-top: 17.5%;
}
.xocdia .item-bet-8 {
  position: absolute;
  border-radius: 5%;
  width: 18.8%;
  top: 0%;
  left: 81.1%;
  padding-top: 17.5%;
}
.xocdia .item-bet-3 .name-bet {
  width: 100%;
}
.xocdia .name-bet {
  width: 100%;
  padding-top: 58%;
}
.xocdia div .name-bet {
  padding-top: 91%;
}
.xocdia .name-bet:hover {
  background: none;
}
.xocdia .name-bet:hover {
  background: none;
}
.xocdia .item-bet-1:hover .name-bet,
.xocdia .item-bet-2:hover .name-bet,
.xocdia .item-bet-3:hover .name-bet,
.xocdia .item-bet-4:hover .name-bet,
.xocdia .item-bet-5:hover .name-bet,
.xocdia .item-bet-6:hover .name-bet,
.xocdia .item-bet-7:hover .name-bet,
.xocdia .item-bet-8:hover .name-bet {
  background: none;
}
.xocdia .item-bet-1:hover .name-bet:before,
.xocdia .item-bet-2:hover .name-bet,
.xocdia .item-bet-3:hover .name-bet:before,
.xocdia .item-bet-4:hover .name-bet:before,
.xocdia .item-bet-5:hover .name-bet:before,
.xocdia .item-bet-6:hover .name-bet:before,
.xocdia .item-bet-7:hover .name-bet:before,
.xocdia .item-bet-8:hover .name-bet:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 1;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  border: 1px solid #fff441;
  border-radius: 13%;
  box-shadow: inset 0 0 7px #fff441;
}
.xocdia .item-bet-1 .name-bet.hightlight-animation:before,
.xocdia .item-bet-3 .name-bet.hightlight-animation:before,
.xocdia .item-bet-4 .name-bet.hightlight-animation:before,
.xocdia .item-bet-5 .name-bet.hightlight-animation:before,
.xocdia .item-bet-6 .name-bet.hightlight-animation:before,
.xocdia .item-bet-7 .name-bet.hightlight-animation:before,
.xocdia .item-bet-8 .name-bet.hightlight-animation:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 1;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  border-radius: 13%;
  background: radial-gradient(circle, rgba(247,205,120,0.4360337885154062) 0%, rgba(247,207,125,0.9066220238095238) 100%);
}

.hightlight-animation:before {
  animation-name: blinkblink;
  animation-duration: 1700ms;
  animation-fill-mode: backwards;
}

@keyframes blinkblink {
  0%, 33%, 50%, 83%{
    opacity: 0;
  }

  16%, 50%, 66%, 100% {
    opacity: 1;
  }
}

.xocdia .item-bet-1:hover .name-bet:before, .xocdia .item-bet-1 .name-bet.hightlight-animation:before  {
  background-image: url(/images/first-bet.png);
  background-size: cover;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.xocdia .item-bet-1 .name-bet.hightlight-animation:before  {
  background-image: url(/images/hl-before.png);
  background-size: cover;
}
.xocdia .item-bet-3:hover .name-bet:before, .xocdia .item-bet-3 .name-bet.hightlight-animation:before  {
  background-image: url(/images/last-bet.png);
  background-size: cover;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.xocdia .item-bet-3 .name-bet.hightlight-animation:before  {
  background-image: url(/images/hl-after.png);
  background-size: cover;
}
.xocdia div.item-bet-1 .name-bet {
  padding-top: 58%;
}
.xocdia div.item-bet-3 .name-bet {
  padding-top: 58%;
}
.xocdia .bet-2 .money-bet {
  bottom: 6.5%;
}
.name-bet span {
  z-index: 1;
  font-size: 0.7em;
}
.xocdia .item-bet-4 .chip-bet,
.xocdia .item-bet-5 .chip-bet,
.xocdia .item-bet-6 .chip-bet,
.xocdia .item-bet-7 .chip-bet,
.xocdia .item-bet-8 .chip-bet {
  width: 66.5%;
}
.item-bet-4 .chip-bet-content.success,
.item-bet-5 .chip-bet-content.success,
.item-bet-6 .chip-bet-content.success,
.item-bet-7 .chip-bet-content.success,
.item-bet-8 .chip-bet-content.success {
  animation: success-bet2 1s forwards;
}
.xocdia .bet-1 .item-bet-1 .name-bet span {
  font-weight: 700;
  font-size: 10px;
}
.xocdia .bet-1 .item-bet-3 .name-bet span {
  font-weight: 700;
  font-size: 10px;
}
.xocdia .item-bet-2 {
  width: 115%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5%;
  pointer-events: none;
  height: 410px;
  padding: 0;
  top: -155px;
  overflow: hidden;
  z-index: 999;
}
.result-group-xd {
  position: absolute;
  top: 9px;
  width: 40%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.result-group-xd img {
  max-width: 95%;
}

.result-group-xd-chip {
  position: absolute;
  top: 0;
  height: 100%;
width: 100%;}

.result-group-xd-chip img {
  max-width: 15%;
}
.result-group-xd-chip img {
  position: absolute;
  width: 15%;
  height: 17%;
}
.taixiu .result-group-xd-chip img {
  position: absolute;
  width: unset;
  height: unset;
}
.random1 img:nth-child(1) {
  left: 26%;
  top: 54%;
}
.random1 img:nth-child(2) {
  left: 46%;
  top: 50%;
}
.random1 img:nth-child(3) {
  left: 26%;
  top: 30%;
}
.random1 img:nth-child(4) {
  left: 56%;
  top: 40%;
}
.random2 img:nth-child(1) {
  left: 16%;
  top: 55%;
}
.random2 img:nth-child(2) {
  left: 36%;
  top: 50%;
}
.random2 img:nth-child(3) {
  left: 16%;
  top: 30%;
}
.random2 img:nth-child(4) {
  left: 46%;
  top: 60%;
}
.random3 img:nth-child(1) {
  left: 66%;
  top: 55%;
}
.random3 img:nth-child(2) {
  left: 56%;
  top: 50%;
}
.random3 img:nth-child(3) {
  left: 19%;
  top: 40%;
}
.random3 img:nth-child(4) {
  left: 46%;
  top:70%;
}
.random4 img:nth-child(1) {
  left: 69%;
  top: 35%;
}
.random4 img:nth-child(2) {
  left: 66%;
  top: 50%;
}
.random4 img:nth-child(3) {
  left: 12%;
  top: 50%;
}
.random4 img:nth-child(4) {
  left: 16%;
  top: 30%;
}
.random5 img:nth-child(1) {
  left: 59%;
  top: 35%;
}
.random5 img:nth-child(2) {
  left: 46%;
  top: 50%;
}
.random5 img:nth-child(3) {
  left: 32%;
  top: 50%;
}
.random5 img:nth-child(4) {
  left: 46%;
  top: 30%;
}
.xocdia .bet-1 .chip-number, .taixiu .bet-1 .chip-number {
  transform: translate(-50%, -140%);
}
/* tai xiu */
.taixiu .item-bet-2 {
  width: 115%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5%;
  pointer-events: none;
  height: 410px;
  padding: 0;
  top: -155px;
  overflow: hidden;
  z-index: 999;
}
.taixiu .bet-1 .item-bet-1 .name-bet span {
  font-weight: 700;
  font-size: 10px;
}
.taixiu .bet-1 .item-bet-3 .name-bet span {
  font-weight: 700;
  font-size: 10px;
}
.taixiu .bg-qs {
  background-image: url("/images/bg-taixiu.jpg");
}
.taixiu .img-bet-qs {
  background-image: url("/images/table-taixiu.png");
  width: 86%;
  left: 7%;
}
.taixiu .img-bet-qs-en {
  background-image: url("/images/table-taixiu_en.png");
  width: 86%;
  left: 7%;
}
.taixiu .img-bet-qs-th {
  background-image: url("/images/table-taixiu_th.png");
  width: 86%;
  left: 7%;
}
.taixiu .bet-qs {
  padding-top: 33%;
  width: 86%;
  left: 6.97%;
  border-radius: 66px;
  top: 52%;
}
.xd-bet {
  position: relative;
}
.taixiu .bet-1 {
  width: 100%;
  position: absolute;
  padding-top: 18.6%;
  top: 0;
}
.taixiu .name-bet span {
  bottom: 24%;
}
.taixiu .item-bet-1 {
  width: 31.8%;
  position: absolute;
  padding-top: 18.5%;
  top: 0;
  left: 0;
  border-radius: 5%;
}
.taixiu .item-bet-3 {
  width: 31.8%;
  position: absolute;
  padding-top: 18.4%;
  top: 0;
  left: 68.1%;
}
.taixiu .item-bet-4 {
  width: 16.67%;
  top: 0%;
  left: 0%;
  padding-top: 12.8%;
}
.taixiu .bet-2 {
  width: 100%;
  position: absolute;
  padding-top: 12.8%;
  top: 52%;
}
.taixiu .item-bet-5 {
  width: 17.3%;
  top: 0%;
  left: 16.3%;
  padding-top: 12.8%;
}
.taixiu .item-bet-6 {
  position: absolute;
  border-radius: 5%;

  width: 17.3%;
  top: 0%;
  left: 33.2%;
  padding-top: 12.8%;
}
.taixiu .item-bet-7 {
  position: absolute;
  border-radius: 5%;
  width: 17.3%;
  top: 0%;
  left: 50%;
  padding-top: 12.8%;
}

.taixiu .item-bet-8 {
  position: absolute;
  border-radius: 5%;
  width: 17.3%;
  top: 0%;
  left: 66.8%;
  padding-top: 12.8%;
}

.taixiu .item-bet-9 {
  position: absolute;
  border-radius: 5%;
  width: 16.2%;
  top: 0%;
  left: 83.8%;
  padding-top: 12.8%;
}
.taixiu .item-bet-3 .name-bet {
  width: 100%;
}
.taixiu .name-bet {
  width: 100%;
  padding-top: 58%;
}
.taixiu div .name-bet {
  padding-top: 75.924%;
}
.taixiu .name-bet:hover {
  background: none;
}
.taixiu .name-bet:hover {
  background: none;
}
.taixiu .item-bet-5 .name-bet,
.taixiu .item-bet-6 .name-bet,
.taixiu .item-bet-7 .name-bet,
.taixiu .item-bet-8 .name-bet,
.taixiu .item-bet-9 .name-bet {
  padding-top: 73%;
}
.taixiu .item-bet-4:hover .name-bet:before {
  border-radius: 15% 0 0 0;
}
.taixiu .item-bet-9:hover .name-bet:before {
  border-radius: 0 15% 0 0;
}
.taixiu .item-bet-1:hover .name-bet,
.taixiu .item-bet-2:hover .name-bet,
.taixiu .item-bet-3:hover .name-bet,
.taixiu .item-bet-4:hover .name-bet,
.taixiu .item-bet-5:hover .name-bet,
.taixiu .item-bet-6:hover .name-bet,
.taixiu .item-bet-7:hover .name-bet,
.taixiu .item-bet-8:hover .name-bet,
.taixiu .item-bet-9:hover .name-bet {
  background: none;
}
.taixiu .item-bet-1:hover .name-bet:before,
.taixiu .item-bet-2:hover .name-bet,
.taixiu .item-bet-3:hover .name-bet:before,
.taixiu .item-bet-4:hover .name-bet:before,
.taixiu .item-bet-5:hover .name-bet:before,
.taixiu .item-bet-6:hover .name-bet:before,
.taixiu .item-bet-7:hover .name-bet:before,
.taixiu .item-bet-8:hover .name-bet:before,
.taixiu .item-bet-9:hover .name-bet:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 1;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  border: 1px solid #fff441;
  border-radius: 0;
  box-shadow: inset 0 0 7px #fff441;
}
.taixiu .item-bet-1 .name-bet.hightlight-animation:before,
.taixiu .item-bet-3 .name-bet.hightlight-animation:before,
.taixiu .item-bet-4 .name-bet.hightlight-animation:before,
.taixiu .item-bet-5 .name-bet.hightlight-animation:before,
.taixiu .item-bet-6 .name-bet.hightlight-animation:before,
.taixiu .item-bet-7 .name-bet.hightlight-animation:before,
.taixiu .item-bet-8 .name-bet.hightlight-animation:before,
.taixiu .item-bet-9 .name-bet.hightlight-animation:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 1;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  border-radius: 0;
  background: radial-gradient(circle, rgba(247,205,120,0.4360337885154062) 0%, rgba(247,207,125,0.9066220238095238) 100%);
}

.taixiu .item-bet-1:hover .name-bet:before, .taixiu .item-bet-1 .name-bet.hightlight-animation:before {
  background-image: url(/images/first-bet.png);
  background-size: cover;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.taixiu .item-bet-3:hover .name-bet:before, .taixiu .item-bet-3 .name-bet.hightlight-animation:before {
  background-image: url(/images/last-bet.png);
  background-size: cover;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.taixiu .item-bet-1 .name-bet.hightlight-animation:before {
  background-image: url(/images/hl-before.png);
  background-size: cover;
}
.taixiu .item-bet-3 .name-bet.hightlight-animation:before {
  background-image: url(/images/hl-after.png);
  background-size: cover;
}
.taixiu div.item-bet-1 .name-bet {
  padding-top: 58%;
}
.taixiu div.item-bet-3 .name-bet {
  padding-top: 58%;
}
.money-bet {
  z-index: 1;
}
.name-bet span {
  z-index: 1;
  font-size: 0.7em;
}
.taixiu .item-bet-4:hover .name-bet:before, .taixiu .item-bet-4 .name-bet.hightlight-animation:before {
  border-radius: 15% 0 0 0;
}
.taixiu .item-bet-9:hover .name-bet:before, .taixiu .item-bet-9 .name-bet.hightlight-animation:before {
  border-radius: 0 15% 0 0;
}
.taixiu .item-bet-4 .chip-bet,
.taixiu .item-bet-5 .chip-bet,
.taixiu .item-bet-6 .chip-bet,
.taixiu .item-bet-7 .chip-bet,
.taixiu .item-bet-8 .chip-bet,
.taixiu .item-bet-9 .chip-bet {
  width: 71.5%;
}
.item-bet-4 .chip-bet-content.success,
.item-bet-5 .chip-bet-content.success,
.item-bet-6 .chip-bet-content.success,
.item-bet-7 .chip-bet-content.success,
.item-bet-8 .chip-bet-content.success,
.item-bet-9 .chip-bet-content.success {
  animation: success-bet3 1s forwards;
}
.taixiu .item-bet-9:hover .name-bet {
  padding-top: 78%;
}
.taixiu .chip-bet {
  position: absolute;
  width: 42%;
  left: 50%;
  transform: translateX(-50%);
}
@keyframes success-bet3 {
  0% {
      transform: scale(1);
      bottom: 2%;
      right: 0;
  }

  100% {
      transform: scale(0.5);
      bottom: 30%;
      right: -30%;
  }
}
.taixiu .bet-2 .money-bet {
  bottom: 6.5%;
}
.taixiu .result-group-xd-chip img {
  max-width: 22%;
}

.random1 img:nth-child(1) {
  left: 26%;
  top: 54%;
}
.random1 img:nth-child(2) {
  left: 46%;
  top: 50%;
}
.random1 img:nth-child(3) {
  left: 26%;
  top: 21%;
}
.random2 img:nth-child(1) {
  left: 56%;
  top: 55%;
}
.random2 img:nth-child(2) {
  left: 36%;
  top: 50%;
}
.random2 img:nth-child(3) {
  left: 16%;
  top: 30%;
}
.random3 img:nth-child(1) {
  left: 61%;
  top: 28%;
}
.random3 img:nth-child(2) {
  left: 56%;
  top: 50%;
}
.random3 img:nth-child(3) {
  left: 19%;
  top: 40%;
}
.random4 img:nth-child(1) {
  left: 39%;
  top: 35%;
}
.random4 img:nth-child(2) {
  left: 66%;
  top: 50%;
}
.random4 img:nth-child(3) {
  left: 12%;
  top: 50%;
}
.random5 img:nth-child(1) {
  left: 59%;
  top: 35%;
}
.random5 img:nth-child(2) {
  left: 46%;
  top: 50%;
}
.random5 img:nth-child(3) {
  left: 26%;
  top: 50%;
}
.xocdia .stage canvas, .taixiu .stage canvas {
  margin-top: 7px;
}
.taixiu .stage canvas {
  height: 128% !important;
}