body{
background-color: #247ac0;
background-image:url("../images/dzpbg.jpg"); 
}
.m_ggl{
width: 100%;
text-align: center;
margin-top: 20px;
}
.m_ylzjxx{
width: 95%;
min-height:30px;
margin:0 auto;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius:4px;
text-align: center;
color: #000000;
background-color: #FEF8B2;
line-height: 30px;
text-align: left;
padding-left: 2px 5px 2px 5px;
}
.m_gglmain{
width: 320px;
height: 208px;
margin:0 auto;
position: relative;
}
.m_gglmain img{
width: 320px;
height: 208px;
}
.m_gglgjq{
position: absolute;
height: 35px;
width: 110px;
z-index: 100;
right: 80px;
bottom: 30px;
}
.m_gglgjqs{
position: absolute;
height: 35px;
width: 110px;
z-index: 0;
line-height:35px;
right: 80px;
bottom: 30px;
text-align: center;
}

.m_yljpsm{
width: 95%;
margin:0 auto;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
border-radius:8px;
color: #000000;
background-color: #FEF8B2;
line-height: 30px;
padding: 2px;
margin-top: 20px;
}
.m_yljpsms{
text-align: left;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius:5px;
margin:0 auto;
border: 1px gray dashed;
padding-left: 10px;
}

.m_yljpsms h2{
	font-size: 14px;
	color: black;
	margin-left: -8px;
	line-height: 20px;
	font-weight: lighter;
	
}
#outer-cont {
	position: relative;
	width: 100%;
	top: 20px;
	margin-bottom: 30px;
}
#rotate_outercont{ height:255px;}
#inner-cont {
	position: relative;
	width: 100%;
	top: -190px;/* -moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg); */
}
#outer {
	height: 227px;
    margin: 0 auto;
    max-width: 227px;
    width: 227px;
}
#inner {
	cursor: pointer;
    height: 110px;
    margin: 0 auto;
    max-width: 90px;
    width: 90px;
}
#outer img, #inner img {
	display: block;
	margin: 0 auto;
}
.cover{
	width: 320px;
	max-width: 480px;
	margin: 0 auto;
	position: relative;
}
.cover img{
	width: 320px;
}
#scratchpad,#prize{
	position: absolute;
	width: 150px;
	height: 40px;
	top: 140px;
	left: 105px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	color:#333;
}
.btn-cont{
	position: absolute;
	bottom: 3px;
	right: 3px;
	display: none;
}
.content {
	margin:0px 0 15px 0;
}
.banner {
	text-align:center;
}
.main img {
	max-width: 100%;
	border: 0 none;
}




.machine{
    width: 316px;
    height: 234px;
    background: url(/res/wx/2tigerslot.png) 0 0 no-repeat;
    margin: 3px auto 60px auto;
    position: relative;
    overflow: visible;
}

.machine .gamebutton{
    position: absolute;
    bottom: -50px;
    width: 122px;height: 94px;
    left: 50%;margin-left: -61px;
    background: url(/res/wx/2tigerslot.png) -63px -253px no-repeat;
    z-index: 200;
}

.machine .gamebutton.stop{
    background: url(/res/wx/2tigerslot.png) -185px -255px no-repeat;
}
.machine .gamebutton.disabled{
    opacity: 0.4;
}
.tigerslot .strip{
    position: absolute;
    width: 63px;height: 100px;
}

.tigerslot .strip.left{
    top: 84px;left: 50px;
}
.tigerslot .strip.middle{
    top: 84px;left: 126px;
}
.tigerslot .strip.right{
    top: 84px;left: 202px;
}

.tigerslot .box{
    position: absolute;
    width: 50px;height: 100%;
    top: 0;left: 50%;margin-left: -25px;
    overflow: hidden;
    z-index: 100;
    background: url(/res/wx/3item.png) 0 25px repeat-y;
}

.tigerslot .cover{
    position: absolute;
    left: 0;top: 0;
    width: 100%;height: 100%;
    z-index: 100;
    margin: 0;
    background: url(/res/wx/2tigerslot.png) 0 -253px no-repeat;
}

.tigerslot .part{
    margin: 10px 10px 3px 10px;
    border: 2px solid #306931;
    min-height: 100px;
    border-radius: 8px;
    background-color: #FFF9B3;
    position:relative;
}
.tigerslot .part .title{
    margin: 3px;
    width: 113px;height: 18px;
    background: url(/res/wx/2tigerslot.png) 0 -356px no-repeat;
    padding: 3px 3px 3px 6px;
    font-size: 14px;
    line-height: 18px;
    text-shadow: none;
    color: #FFFFFF;
}
.tigerslot .part .content{
    font-size: 12px;
    text-shadow: none;
    padding: 8px;
}
.tigerslot .part .content ul{
    padding: 0;
    margin: 0;
}
.tigerslot .part .content ul li{
    margin: 1px;
    list-style: none;
}
.tigerslot .part .content ol{
    padding-left: 30px;
    margin: 0;
}
.tigerslot .part .content ol li{
    margin: 0 0 15px 0;
}

.tigerslot .part .content .prize{
    margin: 1px;
}

.tigerslot .part .content .code{
    color: #FF0000;
}

.tigerslot .part .content .getprize{
    margin-left: 15px;
    text-decoration: underline;
    color: #0000FF;
}
.tigerslot .part .content .hadgetprize{
    display: none;
    margin-left: 15px;
    color: #5ab500;
}
.tigerslot .part .content .hasGetPrize .getprize{
    display: none;
}
.tigerslot .part .content .hasGetPrize .hadgetprize{
    display: inline;
}

.tigerslot .light{
    position: absolute;
    width: 24px;height: 24px;
    background: url(/res/wx/2tigerslot.png) -131px -354px no-repeat; 
}
.tigerslot .light.on{
    background: url(/res/wx/2tigerslot.png) -155px -354px no-repeat; 
}
.tigerslot .light.l0{
    left: 65px;top: 0;
}
.tigerslot .light.l1{
    left: 110px;top: 0;
}
.tigerslot .light.l2{
    left: 154px;top: 0;
}
.tigerslot .light.l3{
    left: 196px;top: 0;
}
.tigerslot .light.l4{
    left: 240px;top: 0;
}
.tigerslot .light.l5{
    left: 278px;top: 14px;
}
.tigerslot .light.l6{
    left: 288px;top: 48px;
}
.tigerslot .light.l7{
    left: 293px;top: 84px;
}
.tigerslot .light.l8{
    left: 293px;top: 124px;
}
.tigerslot .light.l9{
    left: 289px;top: 162px;
}
.tigerslot .light.l10{
    left: 280px;top: 194px;
}
.tigerslot .light.l11{
    left: 254px;top: 212px;
}
.tigerslot .light.l12{
    left: 220px;top: 212px;
}
.tigerslot .light.l13{
    left: 80px;top: 212px;
}
.tigerslot .light.l14{
    left: 40px;top:212px;
}
.tigerslot .light.l15{
    left: 11px;top: 194px;
}
.tigerslot .light.l16{
    left: 4px;top: 162px;
}
.tigerslot .light.l17{
    left: 0;top: 124px;
}
.tigerslot .light.l18{
    left: 0;top: 84px;
}
.tigerslot .light.l19{
    left: 5px;top: 48px;
}
.tigerslot .light.l20{
    left: 17px;top: 14px;
}
#rest_chance, #prizetype, #sncode{
	color:#FF0000;
}
.scroll-reward-info {
    height: 15px;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.scroll-reward-info ul {
	margin-top:0;
	list-style-type: none;
}
.scroll-reward-info li {
    height: 15px;
    list-style-type: none;
}
.tigerslot .end-banner {
    background-size: 100% auto;
    height: 220px;	
}