﻿

#multiLucky {
    position: absolute;
    left: -80px;
    top: 304px;
    z-index: 0;
}

 


#gameLucky {
    z-index: 1;
    position: absolute;
   
}
#gameLuckyMd5 {
    z-index: 1;
    position: absolute;
   
}
 
#gameLucky .message li {
    font-size: 14px;
    line-height: 38px;
}

@webkit-keyframes x2evt {
    40% {
        -webkit-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95)
    }
}

@-moz-keyframes x2evt {
    40% {
        -moz-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95)
    }
}

@keyframes x2evt {
    40% {
        -webkit-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        -moz-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        -ms-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        -o-transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95);
        transform: translate3d(0,0,0) rotateZ(5deg) rotateY(22deg) scaleX(0.95)
    }
}

@-webkit-keyframes x2animation {
    to {
        background-position: -1680px
    }
}

@-moz-keyframes x2animation {
    to {
        background-position: -1680px
    }
}

@keyframes x2animation {
    to {
        background-position: -1680px
    }
}



@-webkit-keyframes txanimation {
    0% {
        -webkit-transform: scale(0.1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1) rotate(180deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.1) rotate(360deg);
    }
}

@-moz-keyframes txanimation {
    0% {
        -moz-transform: scale(0.1) rotate(0deg);
    }

    50% {
        -moz-transform: scale(1) rotate(180deg);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.1) rotate(360deg);
    }
}

@keyframes txanimation {
    0% {
        -webkit-transform: scale(0.1) rotate(0deg);
        -moz-transform: scale(0.1) rotate(0deg);
        -ms-transform: scale(0.1) rotate(0deg);
        -o-transform: scale(0.1) rotate(0deg);
        transform: scale(0.1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1) rotate(180deg);
        -moz-transform: scale(1) rotate(180deg);
        -ms-transform: scale(1) rotate(180deg);
        -o-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.1) rotate(360deg);
        -moz-transform: scale(0.1) rotate(360deg);
        -ms-transform: scale(0.1) rotate(360deg);
        -o-transform: scale(0.1) rotate(360deg);
        transform: scale(0.1) rotate(360deg);
    }
}


@-webkit-keyframes animate__qpon--6 {
    0% {
        opacity: 0;
        transform: scale(0.1)
    }

    100% {
        opacity: 1;
        transform: scale(0.8)
    }
}

@keyframes animate__qpon--6 {
    0% {
        opacity: 0;
        transform: scale(0.1)
    }

    100% {
        opacity: 1;
        transform: scale(.8)
    }
}















@keyframes bubbleTx {
    0% {
        transform: scale(1.1);
    }

    7% {
        transform: scale(0.9);
    }

    14% {
        transform: scale(1.1);
    }

    21% {
        transform: scale(0.9);
    }

    28% {
        transform: scale(1);
    }
}

@-webkit-keyframes bubbleTx {
    0% {
        transform: scale(1.1);
    }

    7% {
        transform: scale(0.9);
    }

    14% {
        transform: scale(1.1);
    }

    21% {
        transform: scale(0.9);
    }

    28% {
        transform: scale(1);
    }
}

@-moz-keyframes bubbleTx {
    0% {
        transform: scale(1.1);
    }

    7% {
        transform: scale(0.9);
    }

    14% {
        transform: scale(1.1);
    }

    21% {
        transform: scale(0.9);
    }

    28% {
        transform: scale(1);
    }
}





@-webkit-keyframes historyTaiXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes historyTaiXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes historyTaiXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@-webkit-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@-moz-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@-o-keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}

@keyframes thumb1 {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -5px
    }

    100% {
        margin-top: 0
    }
}




@-webkit-keyframes resultXiu {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes resultTai {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes resultTaiXiu {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes resultTaiXiu {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}




.left-statistic-tx {
    left: -507px;
    top: -82px;
}

.right-statistic-tx {
    left: 1064px;
    top: -82px;
}

.statistic-tx {
    position: relative;
    left: 0px;
    top: 70px;
}


.left-statistic-tx, .right-statistic-tx {
    width: 509px;
    height: 485px;
    background: #321b54;
    display: none;
    border-radius: 30px;
    position: absolute;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border: 3px solid #a480df;
}


.tab-statistic-tx {
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    width: 410px;
    left: 32px;
    top: 28px;
}

    .tab-statistic-tx li {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
    }

        .tab-statistic-tx li.odd-statistic-tx {
            background: #130627;
            background: -webkit-linear-gradient(0deg,#130627,#211337);
            background: -o-linear-gradient(to top,#130627,#211337);
            background: -webkit-gradient(linear,left bottom,left top,from(#130627),to(#211337));
            background: -webkit-linear-gradient(bottom,#130627,#211337);
            background: -o-linear-gradient(bottom,#130627,#211337);
            background: linear-gradient(0deg,#130627,#211337);
            border-radius: 18px 0 0 18px;
            -webkit-border-radius: 18px 0 0 18px;
            -moz-border-radius: 18px 0 0 18px;
            padding: 0px 26px;
            height: 38px;
            line-height: 38px;
            color: #21cfde;
        }

        .tab-statistic-tx li.even-statistic-tx {
            background: #c8bff1;
            background: -webkit-linear-gradient(0deg,#c8bff1,#fff);
            background: -o-linear-gradient(to top,#c8bff1,#fff);
            background: -webkit-gradient(linear,left bottom,left top,from(#c8bff1),to(#fff));
            background: -webkit-linear-gradient(bottom,#c8bff1,#fff);
            background: -o-linear-gradient(bottom,#c8bff1,#fff);
            background: linear-gradient(0deg,#c8bff1,#fff);
            border-radius: 0 18px 18px 0;
            -webkit-border-radius: 0 18px 18px 0;
            -moz-border-radius: 0 18px 18px 0;
            padding: 0 26px;
            height: 38px;
            line-height: 38px;
            color: #000;
            margin-left: -2px;
        }

.left-statistic-tx.active, .right-statistic-tx.active {
    display: inline-block;
    z-index: 100;
}

.statistic-tx .arrow-right {
    position: absolute;
    background: url(../images/asset_popup.png) no-repeat;
    background-position: -673px -0px;
    width: 43px;
    height: 44px;
    top: 276px;
    right: 0px;
    z-index: 5;
}


.table-statistic-tx {
    position: absolute;
    top: 92px;
    left: 43px;
    width: 433px;
    height: 137px;
    overflow: hidden;
    padding: 1px 1px;
}

    .table-statistic-tx:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 433px;
        height: 137px;
    }




    .table-statistic-tx li {
        display: inline-block;
        float: left;
    }

        .table-statistic-tx li:nth-child(n+1) {
            margin-left: -1px;
        }

        .table-statistic-tx li span {
            width: 22px;
            height: 22px;
            border: solid 1px rgb(164 128 223 / 20%);
            display: block;
            position: relative;
        }

            .table-statistic-tx li span:nth-child(n+1) {
                margin-bottom: -1px;
            }

            .table-statistic-tx li span i {
                display: block;
                content: '';
                width: 21px;
                height: 21px;
                color: #000;
                font-style: normal;
                font-size: 16px;
                letter-spacing: -2px;
                position: relative;
                z-index: 10;
                text-align: center;
                line-height: 22px;
                font-weight: 400;
            }

                .table-statistic-tx li span i.even2-item-statistic-tx {
                    width: 24px;
                    height: 25px;
                    background: url(../images/media/MiniGameTX.34bcd1c3.png);
                    background-position: -1031px -2px;
                    display: inline-block;
                    content: '';
                    left: -2px;
                    top: -2px;
                    -webkit-transform: scale(.75);
                    -ms-transform: scale(.75);
                    transform: scale(.75);
                }

                .table-statistic-tx li span i.odd2-item-statistic-tx {
                    width: 23px;
                    height: 25px;
                    background: url(../images/media/MiniGameTX.34bcd1c3.png);
                    background-position: -971px -31px;
                    display: inline-block;
                    content: '';
                    left: -2px;
                    top: -2px;
                    -webkit-transform: scale(.75);
                    -ms-transform: scale(.75);
                    transform: scale(.75);
                }

                .table-statistic-tx li span i.odd-item-statistic-tx {
                    color: #16ebfe;
                }

                    .table-statistic-tx li span i.odd-item-statistic-tx:before {
                        display: block;
                        width: 21px;
                        height: 21px;
                        border-radius: 50%;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border: solid 1px #30366c;
                        background: #000;
                        position: absolute;
                        top: 0px;
                        left: 1px;
                        content: '';
                        z-index: -1;
                    }

                .table-statistic-tx li span i.even-item-statistic-tx:before {
                    display: block;
                    width: 21px;
                    height: 21px;
                    border-radius: 50%;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border: solid 2px #30366c;
                    position: absolute;
                    background: #fff;
                    top: 0px;
                    left: 1px;
                    content: '';
                    z-index: -1;
                }

            .table-statistic-tx li span p {
                background: rgba(0,0,0,.95);
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                z-index: 20;
                padding: 5px;
                width: 110px;
                height: 40px;
                position: absolute;
                color: #fff;
                text-align: center;
                top: -48px;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%,0);
                display: none;
            }







            .table-statistic-tx li span:hover i {
                cursor: pointer;
            }

            .table-statistic-tx li span:hover p {
                display: block;
            }

            .table-statistic-tx li span p:after {
                display: inline-block;
                content: '';
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #000;
                position: absolute;
                bottom: -7px;
                left: 50%;
                margin-right: -50%;
                transform: translate(-50%,0%);
            }

.use-star * {
    color: #ffe558;
}

.use-coin * {
    color: #fff;
}

.left-statistic-tx:after, .right-statistic-tx:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    display: inline-block;
    content: '';
    top: 50%;
    margin-top: -12px;
    position: absolute;
}

#ag .statistic-tx *, #ag .statistic-tx :before, #ag .statistic-tx :after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.table-statistic-tx span i.current {
    -webkit-animation-name: thumb1;
    -webkit-animation-duration: 600ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: thumb1;
    -moz-animation-duration: 400ms;
    -moz-transform-origin: 50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: thumb1;
    -o-animation-duration: 400ms;
    -o-transform-origin: 50% 50%;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.statistic-tx .arrow-left {
    position: absolute;
    background: url(../images/asset_popup.png) no-repeat;
    background-position: -794px -0px;
    width: 43px;
    height: 44px;
    top: 276px;
    left: 0px;
    z-index: 1;
}

.tit-statistic-tx {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 20px;
    font-size: 16px;
    width: 502px;
}


.tabright-statistic-tx {
    position: absolute;
    top: 43px;
    width: 502px;
}

    .tabright-statistic-tx li {
        display: inline-block;
        float: left;
        width: 25%;
        line-height: 20px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }

        .tabright-statistic-tx li.dice, .des-statistic-tx li.dice {
            color: #ffc324;
        }

        .tabright-statistic-tx li input {
            margin-right: 10px;
            width: 20px;
            height: 20px;
            position: relative;
            top: 4px;
        }

#chart-tx1, #chart-tx2 {
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
    pointer-events: none;
}

#chart-tx1 {
    top: 74px;
    left: 30px;
}

#chart-tx2 {
    top: 276px;
    left: 36px;
}




.des-statistic-tx {
    margin-top: 336px;
}

    .des-statistic-tx li {
        display: inline-block;
        float: left;
        width: 25%;
        padding-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }

        .des-statistic-tx li span {
            position: relative;
            top: -3px;
            margin-right: 5px;
        }

        .des-statistic-tx li.dice span {
            background: #ffc324;
            width: 15px;
            height: 2px;
            display: inline-block;
            content: '';
        }


        .tabright-statistic-tx li.dice1, .des-statistic-tx li.dice1 {
            color: #fff200;
        }

        .tabright-statistic-tx li.dice, .des-statistic-tx li.dice {
            color: #ffc324;
        }

        .tabright-statistic-tx li.dice2, .des-statistic-tx li.dice2 {
            color: #fd4383;
        }

        .tabright-statistic-tx li.dice3, .des-statistic-tx li.dice3 {
            color: #0ff;
        }

@keyframes bubbleTx {
    0% {
        transform: scale(1.2);
    }

    7% {
        transform: scale(0.8);
    }

    14% {
        transform: scale(1.2);
    }

    21% {
        transform: scale(0.8);
    }

    28% {
        transform: scale(1);
    }
}







/*Tai xiu*/
.mg-tx .game, .mg-tx .game > .left {
    position: absolute;
    top: 0;
    left: 0;
}

.mg-tx .game {
    display: inline-block;
    width: 1068px;
    height: 474px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -2px -121px;
    z-index: 10;
}

.mg-tx .button-mg:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
}


.mg-tx .session {
    color: #fff;
    font-size: 22px;
    position: absolute;
    top: 55px;
    left: 680px;
}

.mg-tx .button-mg {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-tx .button-guide, .mg-tx .button-history, .mg-tx .button-trophy, .mg-tx .button-hide {
    display: -ms-flexbox;
    display: flex;
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -918px -2px;
}

.mg-tx .button-close {
    display: -ms-flexbox;
    display: flex;
    width: 72px;
    height: 73px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -2px -2px;
    z-index: 1;
}

.mg-tx .statistic-tx .button-close {
    background: none;
}



.mg-tx .button-guide {
    top: 34px;
    left: 63px;
    background-position: -1154px -301px;
}

.mg-tx .button-history {
    top: 91px;
    left: 8px;
    background-position: -1234px -301px;
}

.mg-tx .button-trophy {
    top: 170px;
    left: -1px;
    background-position: -1154px -381px;
}

.mg-tx .button-hide {
    top: 170px;
    right: 1px;
    background-position: -1074px -381px;
}

    .mg-tx .button-hide.active {
        background-position: -1074px -301px;
    }


.mg-tx .button-chart, .mg-tx .button-chat {
    display: -ms-flexbox;
    display: flex;
    width: 86px;
    height: 58px;
    background-repeat: no-repeat;
    top: 370px;
  
}

.mg-tx .button-chat {
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -492px -2px;
    left: 147px;
}

.mg-tx .button-chat {
    left: 830px !important;
    
}

.mg-tx .button-chart {
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -492px -2px;
    left: 830px;
}

.mg-tx .button-chart {
    left: 142px !important;
}

.mg-tx .button-mg i {
    position: relative;
    top: -3px;
}

.mg-tx .game .ic-guide, .mg-tx .game .ic-history {
    display: inline-block;
    background-repeat: no-repeat;
}

.mg-tx .game .ic-chat, .mg-tx .game .ic-trophy {
    display: inline-block;
    background-repeat: no-repeat;
}

.mg-tx .game .ic-chat {
    width: 31px;
    height: 27px;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -971px -61px;
}

.mg-tx .game .ic-chart {
    display: inline-block;
    width: 43px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -998px -31px;
}

.mg-tx .button-close {
    left: 927px;
    top: 20px;
}

.mg-tx .game .ic-close, .mg-tx .statistic-tx .ic-close {
    display: inline-block;
    height: 22px;
    width: 21px;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -971px -2px;
    top: 1px;
    left: 2px;
    z-index: 1;
}

.mg-tx .game, .mg-tx .game > .left {
    position: absolute;
    top: 0;
    left: 0;
}

    .mg-tx .game > .left .bet-name {
        position: absolute;
    }

    .mg-tx .game > .left .bet-name {
        display: inline-block;
        width: 145px;
        height: 115px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -1154px -460px;
        top: 74px;
        left: 150px;
    }

    .mg-tx .game > .left .total {
        text-align: center;
        width: 200px;
        position: absolute;
        top: 200px;
        left: 122px;
        color: #ffea00;
        font-size: 30px;
        font-weight: 700;
    }

    .mg-tx .game > .left .input {
        display: inline-block;
        width: 244px;
        height: 78px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -80px -2px;
        position: absolute;
        top: 239px;
        left: 100px;
    }

        .mg-tx .game > .left .input input {
            width: 100%;
            height: 75px;
            text-align: center;
            font-size: 35px;
            font-weight: 700;
            color: #fff;
            background: 0 0;
            border: none;
            padding: 0 20px;
        }

    .mg-tx .game > .left .bet, .mg-tx .game > .left .persons {
        text-align: center;
        position: absolute;
        color: #fff;
        font-weight: 700;
    }

    .mg-tx .game > .left .bet {
        width: 200px;
        top: 326px;
        left: 122px;
        font-size: 30px;
    }


    .mg-tx .game > .left .persons {
        top: 300px;
        left: 310px;
        padding-top: 30px;
        width: 90px;
        font-size: 26px;
        line-height: 24px;
    }

        .mg-tx .game > .left .persons:before {
            content: " ";
            display: inline-block;
            width: 31px;
            height: 22px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
            background-position: -996px -2px;
        }

    .mg-tx .game > .right {
        position: absolute;
        top: 0;
        left: 625px;
    }

        .mg-tx .game > .right .bet-name {
            position: absolute;
        }

        .mg-tx .game > .right .bet-name {
            display: inline-block;
            width: 154px;
            height: 117px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
            background-position: -334px -2px;
            top: 74px;
            left: 150px;
        }

        .mg-tx .game > .right .total {
            text-align: center;
            width: 200px;
            position: absolute;
            top: 200px;
            left: 122px;
            color: #ffea00;
            font-size: 30px;
            font-weight: 700;
        }

        .mg-tx .game > .right .input {
            display: inline-block;
            width: 244px;
            height: 78px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
            background-position: -80px -2px;
            position: absolute;
            top: 239px;
            left: 100px;
        }

            .mg-tx .game > .right .input input {
                width: 100%;
                height: 75px;
                text-align: center;
                font-size: 35px;
                font-weight: 700;
                color: #fff;
                background: 0 0;
                border: none;
                padding: 0 20px;
            }

        .mg-tx .game > .right .bet {
            width: 200px;
            top: 326px;
            left: 122px;
            font-size: 30px;
        }

        .mg-tx .game > .right .bet, .mg-tx .game > .right .persons {
            text-align: center;
            position: absolute;
            color: #fff;
            font-weight: 700;
        }

        .mg-tx .game > .right .persons {
            top: 300px;
            left: 43px;
            padding-top: 30px;
            width: 90px;
            font-size: 26px;
            line-height: 24px;
        }

            .mg-tx .game > .right .persons:before {
                content: " ";
                display: inline-block;
                width: 31px;
                height: 22px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -996px -2px;
            }

    .mg-tx .game > .turn-bar {
        z-index:0;
    }

    .mg-tx .game > .turn-bar {
        display: inline-block;
        width: 548px;
        height: 28px;
        background: rgb(0 0 0 / 50%);
        position: absolute;
        top: 389px;
        left: 260px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 16px;
        padding-top: 2px;
        padding-left: 10px;
    }

        .mg-tx .game > .turn-bar i {
            cursor: pointer;
            margin: 0 1.3px;
            position: relative;
        }

        .mg-tx .game > .turn-bar .ic-white {
            display: inline-block;
            width: 24px;
            height: 25px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
            background-position: -1031px -2px;
        }

        .mg-tx .game > .turn-bar .ic-black {
            display: inline-block;
            width: 24px;
            height: 25px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
            background-position: -971px -31px;
        }

        .mg-tx .game > .turn-bar i.stroke, .mg-tx .game > .turn-bar i:hover {
            -webkit-animation: txss .5s infinite linear;
            animation: txss .5s infinite linear;
        }

        .mg-tx .game > .turn-bar i.bounce {
            -webkit-animation: txsb .5s infinite linear;
            animation: txsb .5s infinite linear;
        }

        .mg-tx .game > .turn-bar i.stroke:before {
            content: " ";
            width: 24px;
            height: 24px;
            border-radius: 100%;
            border: 2px solid #eb1e7a;
            position: absolute;
            top: 0px;
            left: 0px;
        }

@-webkit-keyframes txss {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes txss {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes txsb {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes txsb {
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.mg-tx .game > .left .bet-name.active:after, .mg-tx .game > .left .bet-name.active:before {
    display: inline-block;
    width: 145px;
    height: 115px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -1154px -460px;
}

.mg-tx .game > .left .bet-name.active:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mgwin2 .2s infinite ease;
    animation: mgwin2 .2s infinite ease;
    opacity: 0;
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
}


.mg-tx .game > .left .bet-name.active:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mgwin3 1s infinite ease;
    animation: mgwin3 1s infinite ease;
    opacity: 0;
    -webkit-filter: brightness(150%) blur(4px);
    filter: brightness(150%) blur(4px);
}


.mg-tx .game > .right .bet-name.active:after, .mg-tx .game > .right .bet-name.active:before {
    display: inline-block;
    width: 154px;
    height: 117px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -334px -2px;
}


.mg-tx .game > .right .bet-name.active:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mgwin2 .2s infinite ease;
    animation: mgwin2 .2s infinite ease;
    opacity: 0;
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
}

.mg-tx .game > .right .bet-name.active:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: mgwin3 1s infinite ease;
    animation: mgwin3 1s infinite ease;
    opacity: 0;
    -webkit-filter: brightness(150%) blur(4px);
    filter: brightness(150%) blur(4px);
}

@-webkit-keyframes mgwin {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .5
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes mgwin {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .5
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}


@-webkit-keyframes mgwin2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mgwin2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

}

@-webkit-keyframes mgwin3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}

@keyframes mgwin3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}


.mg-tx .dice {
    width: 328px;
    height: 319px;
    position: absolute;
    top: 47px;
    left: 373px;
    overflow: hidden;
    pointer-events: none;
}

.mg-tx .result-circle {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid #fff;
    background: #d30a4c;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 126px;
    left: 639px;
    font-size: 40px;
    line-height: 80px;
    text-align: center;
}

.mg-tx .txtTimerHide {
    font-size: 25px !important;
}


.mg-tx .game-pad {
    display: none;
    position: absolute;
    top: 424px;
    left: 213px;
    width: 631px;
    height: 262px;
    background: rgb(0 0 0 / 60%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .mg-tx .game-pad .other, .mg-tx .game-pad .quick {
        display: block;
        position: relative;
        z-index: 1000;
    }

        .mg-tx .game-pad .other.active, .mg-tx .game-pad .quick.active {
            display: block;
        }

    .mg-tx .game-pad .bets {
        margin-top: 25px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 12px;
        height: 150px;
    }


    .mg-tx .game-pad .quick .bet {
        display: inline-block;
        width: 146px;
        height: 58px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -582px -2px;
    }

    .mg-tx .game-pad .bets .bet {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 25px;
        font-weight: 700;
        color: #2f0d0d;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer;
        -webkit-text-stroke: 1px #35356a;
        text-stroke: 1px #35356a;
    }


        .mg-tx .game-pad .bets .bet:hover {
            -webkit-filter: brightness(130%);
            filter: brightness(130%);
        }

    .mg-tx .game-pad .bets, .mg-tx .game-pad .bets .bet {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .mg-tx .game-pad .actions {
        margin-top: 2px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 8px;
    }

        .mg-tx .game-pad .actions, .mg-tx .game-pad .actions span {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .mg-tx .game-pad .actions span {
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 25px;
                font-weight: 700;
                color: #fff;
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
                padding-bottom: 10px;
                cursor: pointer;
            }

                .mg-tx .game-pad .actions span:hover {
                    -webkit-filter: brightness(130%);
                    filter: brightness(130%);
                }

            .mg-tx .game-pad .actions, .mg-tx .game-pad .actions span {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

    .mg-tx .game-pad .button-green, .mg-tx .game-pad .button-yellow {
        display: inline-block;
        width: 199px;
        height: 66px;
        background-repeat: no-repeat;
    }

    .mg-tx .game-pad .button-green {
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -751px -5px;
    }

    .mg-tx .game-pad .button-yellow {
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -20px -603px;
    }

    .mg-tx .game-pad .button-orange {
        display: inline-block;
        width: 199px;
        height: 66px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -260px -606px;
    }

.mg-tx .game .message {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 24px;
    top: 358px;
    display: none;
}

.mg-tx .game > .center .hide {
    display: inline-block;
    width: 295px;
    height: 295px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -1074px -2px;
    cursor: pointer;
    position: absolute;
    top: 57px;
    left: 392px;
    display: none;
}

.mg-tx .game .tip-bet {
    width: 328px;
    height: 50px;
    position: absolute;
    top: 396px;
    margin-left: -164px;
    left: 539px;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    margin-top: -125px;
    color: #dc143c;
    font-weight: 700;
    display: block;
    z-index:1;
    pointer-events:none;
}

.mg-tx .money-types {
    position: absolute;
    top: 61px;
    left: 376px;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    background: #3b2c5a;
    -webkit-box-shadow: 0 2px rgb(181 208 241 / 20%);
    box-shadow: 0 2px rgb(181 208 241 / 20%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-tx .money-type.gold {
    display: none;
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    display: block;
    width: 67px;
    height: 67px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -477px -598px;
    display: none;
}

.mg-tx .money-type.silver {
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    display: block;
    width: 67px;
    height: 67px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -569px -598px;
    display: none;
}

.mg-tx .money-types .money-type.active {
    display: block;
}

.mg-tx .money-types .money-type:hover {
    -webkit-animation: bounceScale .25s ease-in-out;
    animation: bounceScale .25s ease-in-out;
}


/*popup*/



.popup-tx-session .session-head {
    width: 185px;
    position: absolute;
    top: -22px;
    left: 11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .popup-tx-session .session-head .prev {
        position: relative;
        cursor: pointer;
        background: #693d22;
        width: 26px;
        height: 26px;
        border-radius: 4px;
    }

    .popup-tx-session .session-head .prev:before {
        content: " ";
        display: inline-block;
        background: url(../images/icons.png) no-repeat no-repeat;
        width: 7px;
        height: 11px;
        background-position: -57px -87px;
        position: absolute;
        left: 10px;
        top: 7px;
    }

      .popup-tx-session .session-head .detail {
            -ms-flex: 1 1;
            flex: 1 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: center;
            align-content: center;
        }

    .popup-tx-session .session-head .next {
        position: relative;
        cursor: pointer;
        background: #693d22;
        width: 26px;
        height: 26px;
        border-radius: 4px;
    }

    .popup-tx-session .session-head .next:before {
        content: " ";
        display: inline-block;
        background: url(../images/icons.png) no-repeat no-repeat;
        width: 7px;
        height: 12px;
        background-position: -22px -63px;
        position: absolute;
        left: 10px;
        top: 7px;
    }


    .popup-tx-session .sd-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0px 0;
       
    }

    .popup-tx-session .sd-head .left, .popup-tx-session .sd-head .right {
        -ms-flex: 2 1;
        flex: 2 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 28px;
        font-weight: 700;
    }

        .popup-tx-session .sd-head .left {
            color: #fb0d0d;
        }

        .popup-tx-session .sd-head .right {
            color: #fff;
        }

        .popup-tx-session .sd-head .left.active, .popup-tx-session .sd-head .right.active {
            -webkit-animation: txsda .3s infinite ease;
            animation: txsda .3s infinite ease;
        }

        .popup-tx-session .sd-head .center {
            -ms-flex: 1 1;
            flex: 1 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
        }


            .popup-tx-session .sd-head .center .dice_1 {
                display: inline-block;
                width: 51px;
                height: 50px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -1314px -301px;
            }

            .popup-tx-session .sd-head .center .dice_2 {
                display: inline-block;
                width: 51px;
                height: 50px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -1314px -355px;
            }

            .popup-tx-session .sd-head .center .dice_3 {
                display: inline-block;
                width: 51px;
                height: 50px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -1303px -409px;
            }

            .popup-tx-session .sd-head .center .dice_4 {
                display: inline-block;
                width: 51px;
                height: 50px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -1074px -463px;
            }

            .popup-tx-session .sd-head .center .dice_5 {
                display: inline-block;
                width: 51px;
                height: 50px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -1303px -463px;
            }

            .popup-tx-session .sd-head .center .dice_6 {
                display: inline-block;
                width: 51px;
                height: 50px;
                background-repeat: no-repeat;
                background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
                background-position: -1074px -517px;
            }

    .popup-tx-session .sd-head .center .number {
        font-size: 24px;
    }

    .popup-tx-session .sd-tbl-head, .popup-tx-session .sd-tbl-head .tbl-h {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .popup-tx-session .sd-tbl-head .tbl-h {
        width: 450px;
        background-color: #7a523b;
        background-image: -webkit-linear-gradient(bottom, #7a523b, #9c7556);
        background-image: linear-gradient(to top, #7a523b, #9c7556);
        font-size: 17px;
        font-weight: 400;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        padding: 6px 10px;
    }

.popup-tx-session .col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffde00;
}

        .popup-tx-session .col.time {
            width: 90px;
        }

        .popup-tx-session .col.name {
            -ms-flex: 1 1;
            flex: 1 1;
        }

        .popup-tx-session .col.m1, .popup-tx-session .col.m2 {
            width: 130px;
        }

    .popup-tx-session .sd-tbl-body .col.m1, .popup-tx-session .sd-tbl-body .col.m2 {
        color: #fff900;
    }

    .popup-tx-session .sd-tbl-body {
        width: 1041px;
        height: 440px;
    }

       .popup-tx-session .sd-tbl-body .tblbr {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .popup-tx-session .sd-tbl-body .tblbr .left, .popup-tx-session .sd-tbl-body .tblbr .right {
            background: #4f3221;
            padding: 6px 0;
            color: #efeaff;
        }

        .popup-tx-session .sd-tbl-body .tblbr:nth-child(odd) .left, .popup-tx-session .sd-tbl-body .tblbr:nth-child(odd) .right {
            background: #5e3f2d;
            border-top: 1px solid #4a2f1f;
            box-shadow: inset 0 1px rgba(149, 118, 99, 0.2);
        }

        .popup-tx-session .sd-tbl-body .tbl-b {
            width: 450px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 14px;
            font-weight: 400;
        }

   .popup-tx-session .sd-tbl-foot,.popup-tx-session .sd-tbl-foot .left,.popup-tx-session .sd-tbl-foot .right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .popup-tx-session .sd-tbl-foot .left, .popup-tx-session .sd-tbl-foot .right {
        width: 450px;
        border: 1px solid #a56e4f;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .popup-tx-session .sd-tbl-foot .text {
        -ms-flex: 1 1;
        flex: 1 1;
        background-color: #7a523b;
        background-image: -webkit-linear-gradient(bottom, #7a523b, #9c7556);
        background-image: linear-gradient(to top, #7a523b, #9c7556);
        color: #ffde00;
        font-weight: 400;
        flex-wrap: wrap;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        .popup-tx-session .sd-tbl-foot .m1, .popup-tx-session .sd-tbl-foot .m2 {
            width: 130px;
            flex-wrap: wrap;
            color: #fff900;
        }

        .popup-tx-session .sd-tbl-foot .m1, .popup-tx-session .sd-tbl-foot .m2, .popup-tx-session .sd-tbl-foot .text {
            font-size: 15px;
            padding: 7px 0;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
        }


#multiLucky .chat {
    display: inline-block;
    width: 460px;
    height: 565px;
    background: #321b54;
    border-radius: 30px;
    position: absolute;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border: 3px solid #a480df;
    top: -110px;
    left: 1087px;
    z-index:0;
    display: none;
}

 

    #multiLucky .chat.show {
        display: block;
    }

    #multiLucky .chat .button-close {
        position: absolute;
        top: 15px;
        left: 424px;
        z-index: 3;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: none;
    }

    #multiLucky .chat .input {
        display: inline-block;
        width: 438px;
        height: 48px;
        background: rgb(37 22 61 / 100%);
        border-radius: 45px;
        -webkit-box-shadow: 0 2px 1px rgb(97 72 175 / 70%);
        box-shadow: 0 2px 1px rgb(97 72 175 / 70%);
        position: absolute;
        top: 506px;
        left: 10px;
    }

        #multiLucky .chat .input input {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 20px;
            font-weight: 400;
            color: #fff;
            padding: 0 60px 0 20px;
            background: 0 0;
            border: none;
        }

        #multiLucky .chat .input .button-send {
            width: 40px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 386px;
            height: 48px;
            padding-top: 11px;
            color: #ffed1e;
            font-size: 22px;
        }

    #multiLucky .chat .messages {
        height: 470px;
        width: 459px;
        position: absolute;
        top: 0 !important;
        left: 0 !important;
    }

        #multiLucky .chat .messages p {
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 5px;
            padding: 0 20px;
        }

        #multiLucky .chat .messages span {
            color: #00ff5a;
            margin-right: 5px;
        }




        #multiLucky .chat .messages span.vip {
            color: #f6ff00;
            font-style: italic;
            font-weight: bold;
        }

      

        #multiLucky .chat .messages .message label {
            color: #fff;
        }

    #multiLucky .chat .slimScrollDiv {
        top: 25px !important;
        left: 0px !important;
        z-index: 1;
    }

    #multiLucky .chat .button-close:before {
        content: " ";
        display: inline-block;
        width: 21px;
        height: 22px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
        background-position: -971px -2px;
        position: relative;
        top: -4px;
    }





.mg-tx .mini-tables {
    position: absolute;
    top: -107px;
    width: 1070px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mg-tx .mini-tables .mt-game {
    display: inline-block;
    width: 330px;
    height: 127px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
    background-position: -2px -52px;
    cursor: pointer;
    position: absolute;
    right: 0px;
}



#gameLucky.mg-tx .mini-tables .mt-game:after {
    content: "";
    width: 83px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX_event.45bcd1c3.png);
    background-position: -215px -217px;
    cursor: pointer;
    position: absolute;
    left: 123px;
    top: -24px;
}

#gameLuckyMd5.mg-tx .mini-tables .mt-game:after {
    content: "";
    width: 133px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameTX_event.45bcd1c3.png);
    background-position: -74px -217px;
    cursor: pointer;
    position: absolute;
    left: 93px;
    top: -24px;
}


.mg-tx .mini-tables .left {
    position: absolute;
    top: 20px;
    left: 0;
}

        .mg-tx .mini-tables .left:before {
            content: " ";
            display: inline-block;
            width: 23px;
            height: 25px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
            background-position: -82px -2px;
            position: absolute;
            top: 0;
            left: 60px;
        }

    .mg-tx .mini-tables .right {
        position: absolute;
        top: 20px;
        left: 210px;
    }

        .mg-tx .mini-tables .right:before {
            content: " ";
            display: inline-block;
            width: 24px;
            height: 25px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
            background-position: -109px -2px;
            position: absolute;
            top: 0;
            left: 38px;
        }

    .mg-tx .mini-tables .bet {
        width: 120px;
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        position: absolute;
    }

    .mg-tx .mini-tables .right .bet {
        top: 37px;
        left: 0;
        color: #fff;
    }

    .mg-tx .mini-tables .left .bet {
        top: 37px;
        left: 0;
        color: #000;
    }

    .mg-tx .mini-tables .center {
        text-align: center;
        margin: 0 auto;
    }

        .mg-tx .mini-tables .center .result {
            text-align: center;
            position: absolute;
            top: 20px;
            left: 118px;
            width: 103px;
        }


    .mg-tx .mini-tables .turn-bar {
        position: absolute;
        top: 108px;
        left: 8px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .mg-tx .mini-tables .turn-bar i {
            margin: 0 1.15px;
        }

        .mg-tx .mini-tables .turn-bar .black {
            display: inline-block;
            width: 14px;
            height: 14px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
            background-position: -64px -2px;
        }

        .mg-tx .mini-tables .turn-bar .white {
            display: inline-block;
            width: 14px;
            height: 14px;
            background-repeat: no-repeat;
            background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
            background-position: -198px -2px;
        }

    .mg-tx .mini-tables .center .result .big, .mg-tx .mini-tables .center .result .big:before {
        width: 58px;
        height: 46px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
        background-position: -2px -2px;
        position: absolute;
        left: 20px;
    }

        .mg-tx .mini-tables .center .result .big:before {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation: mgwin .5s infinite ease;
            animation: mgwin .5s infinite ease;
            opacity: 0;
        }

    .mg-tx .mini-tables .center .result .small, .mg-tx .mini-tables .center .result .small:before {
        width: 57px;
        height: 44px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameTX.45bcd1c3.png);
        background-position: -137px -2px;
        position: absolute;
        left: 20px;
    }

        .mg-tx .mini-tables .center .result .small:before {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation: mgwin .5s infinite ease;
            animation: mgwin .5s infinite ease;
            opacity: 0;
        }

    .mg-tx .mini-tables .center .countdown {
        width: 100px;
        text-align: center;
        color: #000;
        font-size: 44px;
        font-weight: 800;
        position: absolute;
        top: 36px;
        left: 117px;
    }

    .mg-tx .mini-tables .center .result .number {
        display: block;
        text-align: center;
        font-size: 36px;
        font-weight: 700;
        color: #000;
        line-height: 20px;
        position: absolute;
        top: 48px;
        left: 10px;
        width: 80px;
    }

    .mg-tx .mini-tables .center .countdown-circle {
        width: 33px;
        height: 33px;
        line-height: 33px;
        border-radius: 100%;
        border: 2px solid #fff;
        background: #d30a4c;
        color: #fff;
        font-weight: 700;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 17px;
        left: 200px;
    }

.mg-tx .mini-money-w {
    position: absolute;
    top: 60px;
    left: 50%;
    color: #dc143c;
}
.mg-tx .turn-md5 {
    position: absolute;
    background: rgb(30, 22, 54);
    width: 546px;
    height: 55px;
    top: 439px;
    left: 261px;
    border-radius: 28px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    line-height: 40px;
    font-size: 18px;
}
.mg-tx .turn-md5 .lb_md5 {
    position: absolute;
    left: 6px;
    top: 8px;
}
    .mg-tx .turn-md5 .rs_md5 {
        position: absolute;
        left: 101px;
        top: 8px;
        font-size: 17px;
        width: 433px;
    }

.mg-tx .turn-md5 .cp_md5 {
    position: absolute;
    width: 86px;
    height: 58px;
    background-image: url(../images/media/MiniGameTX.34bcd1c3.png);
    background-position: -492px -2px;
    right: 0px;
    top: 3px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.mg-tx .turn-md5 .cp_md5:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
}

#multiLucky .even1 {
    position: absolute;
    width: 421px;
    height: 211px;
    background-image: url(../images/media/MiniGameTX_event.45bcd1c3.png);
    background-position: -2px -2px;
    left: 304px;
    top: -148px;
    z-index: 0;
    cursor: pointer;
}
#multiLucky .even2 {
    position: absolute;
    width: 72px;
    height: 65px;
    background-image: url(../images/media/MiniGameTX_event.45bcd1c3.png);
    background-position: -2px -217px;
    left: 209px;
    top: -44px;
    z-index: 2;
    cursor: pointer;
}
#multiLucky .even2:hover {
    webkit-animation: bounceScale .25s ease-in-out;
    animation: bounceScale .25s ease-in-out;
}

#multiLucky .even2 .badge {
    background: #f30000;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: -22px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding-top: 5px;
}


 

