.uix {
    background-image: url(nuixb.png);
    background-repeat: no-repeat;
    display: block;
}

.uix-autobet {
    width: 151px;
    height: 51px;
    background-position: -1px -1px;
}

.uix-autobetstop {
    width: 151px;
    height: 51px;
    background-position: -154px -1px;
}

.uix-bar {
    width: 1840px;
    height: 75px;
    background-position: -1px -54px;
}

.uix-bbar {
    width: 340px;
    height: 75px;
    background-position: -1px -131px;
}

.uix-bgsmall {
    width: 75px;
    height: 75px;
    background-position: -343px -131px;
}

.uix-buy {
    width: 40px;
    height: 39px;
    background-position: -307px -1px;
}

.uix-close {
    width: 20px;
    height: 20px;
    background-position: -349px -1px;
}

.uix-fs {
    width: 150px;
    height: 150px;
    background-position: -420px -131px;
}

.uix-full {
    width: 30px;
    height: 30px;
    background-position: -371px -1px;
}

.uix-fullexit {
    width: 30px;
    height: 30px;
    background-position: -403px -1px;
}

.uix-game {
    width: 47px;
    height: 31px;
    background-position: -435px -1px;
}

.uix-help {
    width: 33px;
    height: 32px;
    background-position: -484px -1px;
}

.uix-history {
    width: 38px;
    height: 38px;
    background-position: -519px -1px;
}

.uix-home {
    width: 39px;
    height: 37px;
    background-position: -559px -1px;
}

.uix-mbar {
    width: 960px;
    height: 180px;
    background-position: -572px -131px;
}

.uix-menu {
    width: 75px;
    height: 75px;
    background-position: -1534px -131px;
}

.uix-menuopen {
    width: 75px;
    height: 500px;
    background-position: -1611px -131px;
}

.uix-mfs {
    width: 158px;
    height: 158px;
    background-position: -1px -633px;
}

.uix-mgames {
    width: 120px;
    height: 138px;
    background-position: -1688px -131px;
}

.uix-minus {
    width: 58px;
    height: 58px;
    background-position: -1px -271px;
}

.uix-mplay {
    width: 159px;
    height: 159px;
    background-position: -61px -271px;
}

.uix-mstop {
    width: 159px;
    height: 159px;
    background-position: -222px -271px;
}

.uix-payout {
    width: 38px;
    height: 38px;
    background-position: -600px -1px;
}

.uix-play {
    width: 151px;
    height: 151px;
    background-position: -1688px -271px;
}

.uix-plus {
    width: 58px;
    height: 58px;
    background-position: -1534px -271px;
}

.uix-sc_arrow {
    width: 10px;
    height: 19px;
    background-position: -640px -1px;
}

.uix-sc_b_heart {
    width: 34px;
    height: 30px;
    background-position: -652px -1px;
}

.uix-sc_b_heart_on {
    width: 34px;
    height: 30px;
    background-position: -688px -1px;
}

.uix-sc_b_like {
    width: 37px;
    height: 35px;
    background-position: -724px -1px;
}

.uix-sc_b_like_on {
    width: 37px;
    height: 35px;
    background-position: -763px -1px;
}

.uix-sc_b_wow {
    width: 42px;
    height: 42px;
    background-position: -802px -1px;
}

.uix-sc_b_wow_on {
    width: 42px;
    height: 42px;
    background-position: -846px -1px;
}

.uix-sc_heart {
    width: 34px;
    height: 30px;
    background-position: -890px -1px;
}

.uix-sc_like {
    width: 37px;
    height: 35px;
    background-position: -926px -1px;
}

.uix-sc_off {
    width: 100px;
    height: 50px;
    background-position: -965px -1px;
}

.uix-sc_on {
    width: 100px;
    height: 50px;
    background-position: -1067px -1px;
}

.uix-sc_pad {
    width: 340px;
    height: 225px;
    background-position: -383px -313px;
}

.uix-sc_react {
    width: 320px;
    height: 150px;
    background-position: -725px -313px;
}

.uix-sc_reacted {
    width: 320px;
    height: 75px;
    background-position: -1047px -313px;
}

.uix-sc_wow {
    width: 42px;
    height: 42px;
    background-position: -1169px -1px;
}

.uix-sound {
    width: 19px;
    height: 26px;
    background-position: -1213px -1px;
}

.uix-soundoff {
    width: 77px;
    height: 74px;
    background-position: -1047px -424px;
}

.uix-soundon {
    width: 75px;
    height: 74px;
    background-position: -1126px -424px;
}

.uix-speaker {
    width: 38px;
    height: 38px;
    background-position: -1234px -1px;
}

.uix-speakeroff {
    width: 39px;
    height: 38px;
    background-position: -1274px -1px;
}

.uix-stop {
    width: 151px;
    height: 151px;
    background-position: -1203px -424px;
}

.uix-wallet {
    width: 33px;
    height: 35px;
    background-position: -1315px -1px;
}

.uxcover{display:none; position:absolute; z-index:10;}
.uxpop {
    width: 60%;
    /* width: 600px; */
    position: relative;
     display: flex;
        overflow:hidden;
    margin: 0px auto;
    height: 80%;
    background: #59595c;
    top: 10%;
    border-radius: 5px;
flex-direction: column;
}

.uxhead{    display: flex;
    background: #333238;
    width: 100%;
    padding: 5px;
            align-items: center;
}
.uxicon{
        transform: scale(0.6);
        -moz-transform: scale(0.6);
-o-transform:  scale(0.6);
-webkit-transform:scale(0.6);

}
.uxtitle{
        flex: 1;
    color: #fff;
        font-size:22px;
}
.uxclose{
margin-right: 20px;
cursor:pointer;
}

.uxcontent{overflow-y:auto; overflow-x:hidden; height:100%;}
.uxcontent::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #333;
}

.uxcontent::-webkit-scrollbar
{
  width: 12px;
  background-color: #59595c;
}

.uxcontent::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #59595c;
}

.uxtab{ display: block;
    color: #d8d8d8;
    font-size: 15px;
}
.uxconttl{
background: #3d3c41;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}
.uxinfo .sslider{
    position: relative;
    overflow: unset;
    margin: 20px auto 0 auto;
    border-radius: 0px;
    height: auto;
}
.uxinfo .payoutdescriptionb{font-size:30px; }
.uxinfo .payoutimg{
transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform:  scale(0.6);
-webkit-transform:scale(0.6);

margin: -20px;
background-size:100% 100%;
}
.uxinfo .gdet{display:flex; align-items:center;     justify-content: center;}
.uxinfo .wilddesc, .uxinfo .scatterdesc{font-size:16px;}
.uxinfo #payouts{width:100%; grid-template-columns: repeat(3, 1fr);
margin-left:0px;
    grid-gap: 10px;}
.uxinfo #payoutbox{ display: flex;
    align-items: center;
	width:auto;
height:auto;
margin:5px;
}
.uxinfo #payoutboxb{width:auto; flex: 1;}
.uxinfo .payoutdescription{font-size:20px;  line-height: unset!important;}
.uxinfo .wilddesc i,.uxinfo .scatterdesc i{font-size:18px!important; }
.uxinfo li{list-style:none; }
.uxinfo #paylines{ width:100%; }
.uxinfo .pagination{display:none; }
.uxinfo .infobuttons{display:none; }
.uxinfo .sslider ul{padding:20px; }
.uxinfo li h4.uxconttl{     margin: 10px -10px; }
.uxinfo #rules{margin-top:20px;  margin-left:0px;}
.uxinfo #rules div{padding:5px; font-size:14px; width:98%; max-width:unset;}
.uxinfo #paylines {height:auto; display:inline-block; margin-left:0px;}
.uxinfo .ps{ display:flex; flex-wrap: wrap;}
.uxpop.uxmsg{ width:320px; height:220px; top:50%; margin-top:-110px; left:50%; margin-left:-160px;}
.uxpop.uxmsg .uxcontent{text-align:center; padding:20px; }

#enable_sound.cnuix h4{
        background: #333238;
    margin: 0px;
    padding: 10px;
        text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
margin-bottom: 15px;
}
#enable_sound.cnuix h4::before{
left: 5px;
    top: 5px;
    background-image: url(nuix2.png);
    background-repeat: no-repeat;
          width: 19px;
    height: 26px;
	background-position: -1213px -1px;
            content: "";
    position: absolute;

}
#enable_sound.cnuix{
        background: #59595c;
        border-radius:5px;overflow:hidden;
}
#cover.cnuix{background: rgb(0 0 0 / 37%); }
#enable_sound.cnuix i{
transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform:  scale(0.8);
-webkit-transform:scale(0.8);

}
.uxtab.uxgames{height:100%; padding:20px;}
.gamegrid{
	    width: 100%;
    display: grid;
grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    grid-gap: 10px;

}

.buybox{
background: #46454a;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
margin:10px;
}
.buystake{color:#fff;}
.bimgcont{
    background: #fff;
    padding: 20px;
}
.buycont{background:#fff;}
.buydisc{
padding: 10px;
    font-weight: bold;
}
.buyimg{
background: #46454a;
border-radius:5px;
    color: #ff7800;
    top: 0px;
    padding: 20px;
}
.buyprice{
    padding-top: 20px;
    color: #333;
    font-weight: bold;}
.buyaction{background:#fff;
display: inline-block;
    width: 100%;
}

.gamechangepop  h4{padding: 5px;
    margin: 0px;
    font-size: 100px;
    font-weight: bold;
}
.gamechangepop  span{
    font-weight: bold;
    font-size: 20px;
}

.buybox h4{padding: 5px;
    margin: 0px;
    font-size: 100px;
    font-weight: bold;
height: 212px;
    overflow: hidden;
}
.buybox span{
    font-weight: bold;
    font-size: 20px;
}
.gamebox{
background: #fff;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}
.changegame{
margin: 20px;
cursor:pointer;
    background: #ff7800;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.gamechange{    position: absolute;
display:none;
    width: 100%;
    height: 100%;
    background: #333333eb;
    margin: -20px;
    text-align: center;
}
.uxbuy .gamechange{
margin:0px;
}
.gamechangepop{
position: relative;
    width: 300px;
    margin: 0px auto;
    background: #333238;
    color: #333;
    border-radius: 5px;
overflow:hidden;
top: 25%;
}

.gamechangehead{
background: #333238;
    border-radius: 5px;
display: flex;
    padding: 5px;
align-items: center;
}
.gamechangebtn{background:#fff;}


.gamechangehead .uix-game{ transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);

}
.buyfcancel{padding: 5px;
cursor:pointer;
    background: #3d3c41;
    color: #fff;
    flex: 1;
        margin: 10px;
    border-radius: 5px;}
.buyfok{ padding: 5px;
cursor:pointer;

    background: #ff7800;
        margin: 10px;
    color: #fff;
    flex: 1;
    border-radius: 5px;}

.gamechangetitle{margin-left:5px; color:#fff;}
.gamechangebtn{    display: flex;}
.gamechangecancel{ padding: 5px;
cursor:pointer;
    background: #3d3c41;
    color: #fff;
    flex: 1;
	margin: 10px;
    border-radius: 5px;}
.gamechangeok{ padding: 5px;
cursor:pointer;

    background: #ff7800;
	margin: 10px;
    color: #fff;
    flex: 1;
    border-radius: 5px;}


.gamebox img {width:100% }
.uxtab .cssload-whirlpool{
border: 1px solid rgb(89 89 92);
}
.uxpop * {     touch-action: unset; }

@media screen and (max-width: 992px) {
        .uxinfo .wilddesc, .uxinfo .scatterdesc{font-size:16px; }
        .uxinfo .wilddesc i, .uxinfo .scatterdesc i{    font-size: 14px!important;}
        .uxinfo .payoutimg{    margin: -30px;     transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -webkit-transform: scale(0.4);
        }
        .uxpop{
                width: 98%;
                height:96%;
                top:1%;

        }
	.gamechangepop  h4{font-size:50px; }
	.buybox h4{font-size:50px; height: 212px;
    overflow: hidden;}

	.gamegrid{
            width: 100%;
    display: grid;
    grid-gap: 10px;

	}

	.uxtitle{font-size: 17px;}
        .uxinfo .payoutdescriptionb{font-size:20px;}
        .uxinfo #paylines td{width:10px; height:10px; }
        .uxinfo #payoutboxb{flex: 1;}
           .uxinfo .linenum{font-size: 12px;
    font-weight: bold;
    background: #222;}

}
@media only screen
  and (max-device-height: 772px)
  and (orientation: portrait) {

}

@media only screen 
  and (max-device-height: 772px)
  and (orientation: landscape) {
	
}
@media only screen and (orientation: landscape) {
    .ioss.saf #autoplay_menu{
		        margin-top: -146px!important;
	}
}
@media screen and (max-width: 400px) {
          #enable_sound.cnuix{
    height: 200px;
            width: 100%;
        margin-left:unset;
        left:unset;
        }

}