.wrap {
    background:#4775c2;
    overflow-x:hidden;
}
/* ==========================================================================
   Header
   ========================================================================== */
header {
    position: relative;
    width: 100%;
    height: 118px;
    background:url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') 44px 9px no-repeat;
    background-size:325px auto;
}

.header {
	position:relative;
	width:100%;
	height:65px;
}

.btn-back {
    position:absolute;
    left:13px;
    top:10px;
    /*display: none;*/
}

.btn-sound {
    position:absolute;
    right:13px;
    top:10px;
    display:none;
}

.banner {
    position:absolute;
    left:70px;
    top:0;
    width:180px;
    height:65px;
}

.banner.step1 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 0px -58px no-repeat;
    background-size: 320px auto;
}

.banner.step2 {
    background:url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 0px -188px no-repeat;
    background-size:320px auto;
}

.banner.step3 {
    background:url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 0px -123px no-repeat;
    background-size:320px auto;
}

.banner.step4 {
    background:url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 0px -188px no-repeat;
    background-size:320px auto;
}

.banner.step5 {
    background:url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 0px -123px no-repeat;
    background-size:320px auto;
}

.banner-shadow {
	position:absolute;
	height:100px;
}

/* ==========================================================================
   Score Board
   ========================================================================== */
.score-board {
    position:relative;
    width:100%;
    height:53px;
}

.score-board .num {
	width:100%;
	font-size:0;
    text-align:center;
    position:relative;
    top:7px;
}

.score-board .num span {
    display:inline-block;
}

/* ==========================================================================
   Digit Number
   ========================================================================== */
.ico-dig {
    width: 38px;
    height: 38px;
    background: none;
}

.ico-dig.n0 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -7px;
    -webkit-animation: show_n0 1s ease-out 1;
    animation: show_n0 1s ease-out 1;
}

@-webkit-keyframes show_n0 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -7px;
    }   
}

@keyframes show_n0 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -7px;
    }    
}

.ico-dig.n1 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -7px -57px;
    -webkit-animation: show_n1 1s ease-out 1;
    animation: show_n1 1s ease-out 1;
}

@-webkit-keyframes show_n1 {
    from {
        background-size:275px auto;
        background-position: -7px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -7px -57px;
    }   
}

@keyframes show_n1 {
    from {
        background-size:275px auto;
        background-position: -7px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -7px -57px;
    }    
}

.ico-dig.n2 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -107px;
    -webkit-animation: show_n2 1.5s ease-out 1;
    animation: show_n0 1.5s ease-out 1;
}

@-webkit-keyframes show_n2 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -107px;
    }   
}

@keyframes show_n2 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:65px auto;
        background-position: -6px -107px;
    }    
}

.ico-dig.n3 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -157px;
    -webkit-animation: show_n3 1.5s ease-out 1;
    animation: show_n0 1.5s ease-out 1;
}

@-webkit-keyframes show_n3 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -157px;
    }   
}

@keyframes show_n3 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -157px;
    }    
}

.ico-dig.n4 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -7px -207px;
    -webkit-animation: show_n4 2s ease-out 1;
    animation: show_n0 2s ease-out 1;
}

@-webkit-keyframes show_n4 {
    from {
        background-size:275px auto;
        background-position: -7px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -7px -207px;
    }   
}

@keyframes show_n4 {
    from {
        background-size:275px auto;
        background-position: -7px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -7px -207px;
    }    
}

.ico-dig.n5 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -257px;
    -webkit-animation: show_n5 2s ease-out 1;
    animation: show_n0 2s ease-out 1;
}

@-webkit-keyframes show_n5 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -257px;
    }   
}

@keyframes show_n5 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -257px;
    }    
}

.ico-dig.n6 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -307px;
    -webkit-animation: show_n6 2.5s ease-out 1;
    animation: show_n0 2.5s ease-out 1;
}

@-webkit-keyframes show_n6 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -307px;
    }   
}

@keyframes show_n6 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -307px;
    }    
}

.ico-dig.n7 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -357px;
    -webkit-animation: show_n7 2.5s ease-out 1;
    animation: show_n0 2.5s ease-out 1;
}

@-webkit-keyframes show_n7 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -357px;
    }   
}

@keyframes show_n7 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -357px;
    }    
}

.ico-dig.n8 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -407px;
    -webkit-animation: show_n8 3s ease-out 1;
    animation: show_n0 1s ease-out 1;
}

@-webkit-keyframes show_n8 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -407px;
    }   
}

@keyframes show_n8 {
    from {
        background-size:275px auto;
        background-position: -6px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -6px -407px;
    }    
}

.ico-dig.n9 {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') no-repeat;
    background-size: 275px auto;
    background-position: -6px -457px;
    -webkit-animation: show_n9 1s ease-out 1;
    animation: show_n0 3s ease-out 1;
}

@-webkit-keyframes show_n9 {
    from {
        background-size:275px auto;
        background-position: -7px 35px;
    }
    to {
        background-size:275px auto;
        background-position: -7px -457px;
    }   
}

@keyframes show_n9 {
    from {
        background-size:275px auto;
        background-position: -7px 35px;
    }
    to {
        background-size:275px auto;
    background-position: -6px -457px;
    }    
}

/* ==========================================================================
   Slot Section
   ========================================================================== */
 .slot {
    position:relative;
    width:100%;
    height:125px;
    background:url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 2px -344px  no-repeat;
    background-size:320px auto;
}

.slot-main {
    position:relative;
    top:5px;
    width:100%;
    height:115px;
    overflow:hidden;
}

.reel-main {
    position:absolute;
    top:-125px;
    left:5px;
}

/* ==========================================================================
   Slot Control Section
   ========================================================================== */
.slot-ctrl {
	position:relative;
	width:100%;
	height:181px;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') 5px -594px no-repeat;
    background-size:325px auto;
}

/* ==========================================================================
   Bet Section
   ========================================================================== */
 .bet {
    position:relative;
    width:100%;
    height:71px;
}

.bet hr {
    position:absolute;
    width:100%;
    border-top: 2px solid #2f41a8;
    border-bottom: 2px solid #5186e0;
    border-left:none;
    border-right:none;
    font-size:14px;
    top:30px;
}

.bet-info {
    position: relative;
    width: 147px;
    height: 52px;
    top: 14px;
    margin: 0 auto;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') -164px -10px no-repeat;
    background-size: 320px auto;
}

.bet-info p {
    width:131px;
}

.bet-info p.points {
    height:15px;
    font-size:12px;
    color:#438ef4;
    padding:5px 8px 0;
}

.bet-info p.points .lb_point {
	float:left;
}

.bet-info p.points .txt_point{
    float:right;
}

.bet-info p.bet-num {
    position:relative;
    height:26px;
    padding:4px 8px 0;
    overflow: hidden;
}

.bet-info p.bet-num .bet-num-dig {
    display:inline-block;
    float:right;
    width:105px;
    height:20px;
}

.bet-info p.bet-num .bet-num-dig .num-dig {
    display:inline-block;
    width: 105px;
    height: 20px;
    position:relative;
	left: 1px;
    top: -25px;
    z-index:2;
}

.bet-info p.bet-num .bet-num-dig .num-dig span {
	float:right;
}

.bet-info p.bet-num .bet-num-dig .num-dig span:nth-child(5) {
	margin-right:5px;
}

.bet-info p.bet-num .bet-num-dig input {
	background:none;
	outline:none;
	border:0 solid #fff;
	color: #f1d772;
	text-align:right;
	text-indent:5px;
    width:106px;
    height:20px;
    position:relative;
    top:-2px;
    right:8px;
    font-size: 18px;
}

.ico.ico-coin {
    float:left;
}

.btn-bet-sub {
    position:absolute;
    left:18px;
    top:14px;
    width:52px;
    height:52px;
    background:url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -176px -200px no-repeat;
    background-size:275px auto;
}

.btn-bet-sub-shadow {
	position: absolute;
	left: 19px;
	top: 38px;
	width: 68px;
	height: 55px;
	background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -129px -343px no-repeat;
	background-size: 325px auto;
}

.btn-bet-append {
    position:absolute;
    top:14px;
    right:18px;
    width:52px;
    height:52px;
    background:url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -176px -140px no-repeat;
    background-size:275px auto;
}

.btn-bet-append-shadow {
	position: absolute;
	right: 0px;
	top: 30px;
	width: 67px;
	height: 55px;
	background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -129px -405px no-repeat;
	background-size: 325px auto;
}

/* ==========================================================================
   Play Section
   ========================================================================== */
.game-ctrl {
    position:relative;
    width:100%;
    height:110px;
    text-align:center;
}

.game-ctrl .ctrl-board {
    position:absolute;
    top:25px;
    left:0;
	width:100%;
	height:85px;
	background-color: #285eb9;
    background-size: 320px auto;
}

.game-ctrl .ctrl-bg {
    position:absolute;
    left:0;
    width:100%;
    height:76px;
    background-color: #285eb9;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 0 -260px no-repeat;
    background-size: 320px auto;
}

.game-ctrl .ctrl-main {
	position:absolute;
	width:100%;
	height:100%;
}

.game-ctrl a.btn-bet-max {
	position:absolute;
    top:25px;
	left:14px;
	display: inline-block;
	height: 64px;
	width: 82px;
	background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -80px -7px no-repeat;
	background-size: 275px auto;
}

.game-ctrl a.btn-bet-max.on {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -80px -72px no-repeat;
    background-size: 275px auto;
}

.game-ctrl .btn-bet-max-shadow {
	width:105px;
	height:50px;
	left:23px;
	top:51px;
	position:absolute;
	background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -175px -262px no-repeat;
	background-size: 325px auto;
}

.game-ctrl .btn-bet-max-shadow.on {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -175px -202px no-repeat;
    background-size: 325px auto;
}

.game-ctrl a.btn-play {
    position:absolute;
    left:106px;
    top:0;
	display: inline-block;
	height: 94px;
	width: 110px;
	background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -84px -389px no-repeat;
	background-size: 275px auto;
}

.game-ctrl a.btn-play.on {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -84px -276px no-repeat;
    background-size: 275px auto;
}

.game-ctrl .btn-play-shadow {
    width:140px;
    height:60px;
    left:122px;
    top:42px;
    position:absolute;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -25px -257px no-repeat;
    background-size: 325px auto;
}

.game-ctrl .btn-play-shadow.on {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -25px -196px no-repeat;
    background-size: 325px auto;
}

.game-ctrl a.btn-board {
    position:absolute;
    left:225px;
    top:25px;
    display:inline-block;
    height: 64px;
    width: 82px;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -80px -200px no-repeat;
    background-size: 275px auto;
}
.game-ctrl a.btn-board.on {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite.png') -80px -136px no-repeat;
    background-size: 275px auto;
}

.game-ctrl .btn-board-shadow {
    width:95px;
    height:50px;
    left:237px;
    top:51px;
    position:absolute;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -25px -325px no-repeat;
    background-size: 325px auto;
}

.game-ctrl .btn-board-shadow.on {
    background: url('/app_images/wanlitong/v40/wap/fun/slot/sprite_s.png') -25px -325px no-repeat;
    background-size: 325px auto;
}

/* ==========================================================================
   Rule Section
   ========================================================================== */
 .rule {
    position:relative;
    width:100%;
    height:78px;
    bottom:0;
    background: #285eb9;
}

.rule .title {
    position:relative;
    width:100%;
    height:22px;
    line-height:22px;
    text-align:center;
    color:#bfddff;
    font-size:14px;
}

.rule hr {
    position:relative;
    width:80%;
    border-top:1px solid #1a4c9f;
    border-bottom:1px solid #3f6fc0;
    border-left:none;
    border-right:none;
    font-size:14px;
    padding: 0;
    margin: 4px auto;
}

.rule ul {
    position:relative;
    width:100%;
    height:44px;
}

.rule ul li {
    float:left;
    text-align:center;
    color:#fff;
}

.rule ul li:nth-child(1) {
    width:23%;
}

.rule ul li:nth-child(2), .rule ul li:nth-child(3) {
    width:27%;
}

.rule ul li:nth-child(4) {
    width:23%;
}

.reward-icon {
    height:22px;
    line-height:28px;
}

.reward-name {
    height:22px;
    line-height:22px;
    font-size:14px;
    color:#8ebeff;
}

.reward-desc {
    height:22px;
    font-size:14px;
    color:#ffe382;
}

/* ==========================================================================
   Reward Board Section
   ========================================================================== */
.board-reward {
	background:none;
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	color:#fff;
}

.board-reward .mask {
	position:absolute;
	z-index:999;
	background:black;
	opacity:0.8;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.board-reward .board {
	position:absolute;
	z-index:1000;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.board-reward .board .nav {
	position:relative;
	width:100%;
	height:30px;
	margin:0 auto;
}

.board-reward .board .nav .close {
    position:relative;
	float:right;
    display:inline-block;
	width:40px;
	height:40px;
	line-height:35px;
	text-align:center;
	font-size:24px;
}

.board-reward .board .title {
    position:relative;
    width:280px;
    height:60px;
    line-height:60px;
    margin:0 auto;
    text-align:center;
    font-size:24px;
    background: url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') 9px -610px no-repeat;
    background-size: 320px auto;
}

.board-reward .board .item {
    position:relative;
    width:250px;
    height:250px;
    margin:0 auto;
    overflow:hidden;
}

.board-reward .board .item .light-bg {
	position: absolute;
	width: 250px;
	height: 250px;
	top: -35px;
	left: 0;
	background: url('/app_images/wanlitong/v40/wap/fun/slot/bg_sprite.png') -385px -187px no-repeat;
	background-size: 640px auto;
    -webkit-animation: spin 40s infinite linear;
    animation: spin 40s infinite linear;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); } 
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); } 
}

.board-reward .board .item .item-icon {
    position:relative;
    width:90px;
    height:90px;
    top:42px;
    left:81px;
    background:url('/app_images/wanlitong/v40/wap/fun/slot/symbol_bg.png') 0 90px no-repeat;
    background-size:90px auto;
}

.board-reward .board .item .item-icon.reward-0 {
    background-position: 0 0;
    background-size:90px auto;
}

.board-reward .board .item .item-icon.reward-1 {
    background-position: 0 -90px;
    background-size:90px auto;
}

.board-reward .board .item .item-icon.reward-2 {
    background-position: 0 -180px;
    background-size:90px auto;
}

.board-reward .board .item .item-icon.reward-3 {
    background-position: 0 -270px;
    background-size:90px auto;
}

.board-reward .board .item .item-icon.reward-4 {
    background-position: 0 -360px;
    background-size:90px auto;
}

.board-reward .board .item .item-icon.reward-5 {
    background-position: 0 -450px;
    background-size:90px auto;
}

.board-reward .board .result {
    position:relative;
    width:280px;
    height:30px;
    line-height:30px;
    margin:0 auto;
    text-align:center;
}

.board-reward .board .point {
    position:relative;
    width:320px;
    height:40px;
    line-height:40px;
    margin:0 auto;
    padding: 15px 0;
    text-align: center;
    display: none;
}

.board-reward .board .point span {
	display: inline-block;
}