@-webkit-keyframes txsda {
    50% {
        opacity: .3
    }
}

@keyframes txsda {
    50% {
        opacity: .3
    }
}

@-webkit-keyframes bounceScale {
    50% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }
}

@keyframes bounceScale {
    50% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85)
    }
}

@keyframes loadingAjax {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
 
    }
}

@-webkit-keyframes loadingAjax {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


@keyframes bounceRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      
    }
   50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
   
        
    }


   
}

@-webkit-keyframes bounceRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      
    }

    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
       
    }
}



@keyframes bonusTimeLight {
    50% {
        opacity: 1
    }
}


@-webkit-keyframes mgCirFx {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes mgCirFx {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}


@-webkit-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@-moz-keyframes thumbZumb {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@-o-keyframes thumbZumb {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@keyframes thumbZumb {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}



.input-msg ::-webkit-input-placeholder {
    text-align: left;
}

.input-msg :-moz-placeholder, ::-moz-placeholder {
    text-align: left;
}

.input-msg :-ms-input-placeholder {
    text-align: left;
}

.buttonmini:active {
    -webkit-animation: bounceScale .1s ease-in-out;
    animation: bounceScale .1s ease-in-out;
    
}

 
.app .noticeMoney {
    position: absolute;
    left: 538px;
    top: 18px;
    pointer-events: none;
}
.app .noticeMoney.slot {
    left: 639px;
    top: 20px;
}
.app .noticeMoney.fish {
  
    display:none;
}

.app .noticeMoney span {
    color: #ff0;
    width: 242px;
    text-align: center;
}


         



/*popup*/

#overlayxx {
    width: 3000px;
    height: 2000px;
    position: absolute;
    left: -500px;
    z-index: 999;
  
}

#Popup_Container {
    position: absolute;
    z-index: 1000;
}

#Popup_Container {
    width: 1185px;
    height: 697px;
    background: url(../assets/popup.png) no-repeat;
    background-position: 0px 0px;
    top: 161px;
    left: 380px;
}
 
#Popup_Container .close-popup {
    width: 77px;
    height: 75px;
    background: url(../assets/popup.png) no-repeat;
    background-position: -1185px -0px;
    position: absolute;
    right: -24px;
    top: -22px;
    z-index: 1;
}
#Popup_Container .title-popup {
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700;
    position: absolute;
    top: 25px;
}

.popup-mini-guide .list-tabs, .popup-tx-event .list-tabs {
    margin-top: 80px;
    width: 1061px;
    margin-left: 66px;
    height: 549px;
    background: hsl(0deg 0% 0% / 50%);
    border-radius: 6px;
    overflow: hidden;
    padding: 5px;
}

.popup.popup-tx-rank .body-tabs {
    position: absolute;
    top: 100px;
    width: 100%;
    padding: 0 30px;
}
.popup.popup-tx-rank .list-tabs {
    margin-top: 0px;
}
.popup.popup-tx-rank .list-head {
    width: 635px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-mask-box-image: 10px;
    mask-border: 10px;
}
.popup.popup-tx-rank .list-head .rank, .popup.popup-tx-rank .lists li .rank {
    width: 100px;
    text-align: center;
}
.popup.popup-tx-rank .list-head .name, .popup.popup-tx-rank .list-head .win, .popup.popup-tx-rank .lists li .name, .popup.popup-tx-rank .lists li .win {
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
}

.popup.popup-tx-rank .lists {
    list-style: none;
    width: 635px;
    margin: 0 auto;
}
    .popup.popup-tx-rank .lists li {
        width: 635px;
        height: 48px;
        background: rgb(37 22 61 / 60%);
        border-radius: 45px;
        -webkit-box-shadow: 0 2px 1px rgb(97 72 175 / 70%);
        box-shadow: 0 2px 1px rgb(97 72 175 / 70%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 20px;
        margin-top: 5px;
        -ms-flex-align: center;
        align-items: center;
    }
.popup.popup-tx-rank .lists li:first-child, .popup.popup-tx-rank .lists li:nth-child(2), .popup.popup-tx-rank .lists li:nth-child(3) {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -ms-flexbox;
    display: flex;
    width: 635px;
    height: 48px;
    background-repeat: no-repeat;
    background-image: url(../images/media/icon.da2514fb.png);
    background-position: -2px -46px;
}


.popup.popup-tx-rank .lists li .rank {
    color: #fff;
}

.popup.popup-tx-rank .list-head .rank, .popup.popup-tx-rank .lists li .rank {
    width: 100px;
    text-align: center;
}
.popup.popup-tx-rank .ic-rank-1 {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.popup.popup-tx-rank .ic-rank-1:before {
    content: " ";
    display: inline-block;
    width: 37px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/media/icon.da2514fb.png);
    background-position: -84px -2px;
    position: absolute;
    bottom: -13px;
    left: -10px;
}
.popup.popup-tx-rank .ic-rank-2 {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
    .popup.popup-tx-rank .ic-rank-2:before {
        content: " ";
        display: inline-block;
        width: 37px;
        height: 40px;
        background-repeat: no-repeat;
        background-image: url(../images/media/icon.da2514fb.png);
        background-position: -2px -2px;
        position: absolute;
        bottom: -13px;
        left: -10px;
    }
.popup.popup-tx-rank .ic-rank-3 {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
    .popup.popup-tx-rank .ic-rank-3:before {
        content: " ";
        display: inline-block;
        width: 37px;
        height: 40px;
        background-repeat: no-repeat;
        background-image: url(../media/icon.da2514fb.png);
        background-position: -43px -2px;
        position: absolute;
        bottom: -13px;
        left: -10px;
    }



.popup.popup-tx-rank .lists li .name {
    color: #00ff90;
}
.popup.popup-tx-rank .lists li .win {
    color: #fff600;
}
.popup.popup-tx-rank .list-head .name, .popup.popup-tx-rank .list-head .win, .popup.popup-tx-rank .lists li .name, .popup.popup-tx-rank .lists li .win {
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
}




 
 
 

 
 
 
 
table tr td.money-gold {
    color: #ff0;
}
.tablepop table th {
    padding: 4px;
    border: solid 1px rgb(145 126 190 / 50%);
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    background: rgb(88 59 160);
    font-size: 16px;
    font-weight: 400;
}
.tablepop table td {
    padding: 4px;
 
    text-align: center;
    border: solid 1px rgb(145 126 190 / 50%);
    font-size: 16px;
}
.noticeVqmm {
    display: none;
    top: -17px;
    right: auto;
    left: 60px;
    z-index: 100000;
    min-width: 45px;
    font-size: 25px;
    line-height: 16px;
    padding: 8px;
    position: absolute;
    background: red;
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
}