/* CSS Document */
.mod-home .footer-icon a, .mod-home .footer-bottom p, .mod-home .footer-bottom a{background-image:url(../images/footer/footer_icon.png); background-repeat:no-repeat;}

/* 首页 */
.mod-home{background:#f4f4f4;}
.home-info{background:url(../images/home/home_bg.png) no-repeat center center; width:100%; height:726px; position:relative; z-index:1;}
.home-info > .layout{height:700px; overflow-x:hidden;}
.home-info .middle{max-width:60%; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s;}
.home-info .info-graphic{margin:20px 0; width:90%; max-width:465px;}
.home-info .info-graphic li{position:relative; display:inline; float:left; min-width:150px; cursor:pointer;}
.home-info .info-graphic li span{z-index:0; display:block; position:absolute; top:5px; bottom:5px; left:5px; right:100%; background:url(../images/mask_w50p.png) repeat; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; opacity:0;}
.home-info .info-graphic li.current span{right:5px; opacity:1;}
.home-info .info-graphic i{z-index:99; position:relative; display:block; width:130px; height:100px; margin:10px auto;}
.home-info .info-box{box-sizing:border-box; min-height:160px; width:90%; max-width:465px; background:url(../images/mask_w50p.png) repeat; font-size:1.2em; color:#3f3f3f; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s; position:relative;}
.home-info .info-box > p{position:absolute; top:20px; left:15px; right:15px; bottom:20px; display:none;}
.home-info .info-box > p.current{display:block;}

.mod-home .footer{background:#18202e; margin-top:-26px; color:#555b6e;}
.mod-home .footer-bottom{border-color:#252c3b;}
.mod-home .copyright{margin-top:0;}
@media screen and (max-width:991px){.home-info .info-graphic li{width:auto;}}

/*捕鱼*/
.mod-fish{background:#010f40 url(../images/fish/fish_bg.jpg) no-repeat center top; background-size:100% auto; overflow:hidden;}
.mod-fish canvas{display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.mod-fish > .layout{padding:600px 0 120px; padding-top:31.5vw;}
.mod-fish li{animation:floating 2s linear infinite;}
.mod-fish .fish-pt{animation:floating 1.8s linear infinite;}
.mod-fish .fish-ag{animation:floating 1.5s linear infinite;}
.mod-fish .fish-gg{animation:floating 2.2s linear infinite;}
.mod-fish li a{display:block; margin:0 15px; width:390px; height:410px; background:url(../images/fish/game_mwg.png) center top no-repeat; -webkit-transition:-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:-moz-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition:-o-transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition:transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.mod-fish .fish-pt a{background-image:url(../images/fish/game_pt.png);}
.mod-fish .fish-ag a{background-image:url(../images/fish/game_pa.webp);}
.mod-fish .fish-gg a{background-image:url(../images/fish/game_gg.png);}
.mod-fish li a:hover{background-position:center -407px; -webkit-transform:scale(1.03); -moz-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);}
@keyframes floating{0%,100%{transform:translateY(5%);}50%{transform:translateY(0);}}

/*真人娱乐*/
.mod-live-casino{background:#12151c url(../images/live_casino/live_casino_bg.jpg) no-repeat center top; background-size:100% auto; overflow:hidden; padding:390px 0 50px; padding-top:16.8vw;}
.mod-live-casino li{margin-bottom:35px; -webkit-transition:-webkit-transform .4s; -moz-transition:-moz-transform .4s; -o-transition:-o-transform .4s; transition:transform .4s;}
/* .mod-live-casino li:last-child{margin-left:256px;} */
.mod-live-casino li a{margin:0 5px; display:block; max-width:100%;}
.mod-live-casino li:hover{-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -o-transform:translateY(-15px); transform:translateY(-15px);}
.mod-live-casino li:hover img, .mod-live-casino li .hover-img{display:none;}
.mod-live-casino li:hover .hover-img{display:inline;}
@media screen and (max-width:991px){.mod-live-casino li{margin-bottom:20px;}}

/*彩票游戏*/
.mod-lottery{background:#12151c url(../images/lotto/lottery_bg.jpg) no-repeat center top; background-size:130%; overflow:hidden; padding:320px 0 50px; padding-top:20vw;}
.mod-lottery li{-webkit-transition:-webkit-transform .4s; -moz-transition:-moz-transform .4s; -o-transition:-o-transform .4s; transition:transform .4s; margin:0 85px;}
.mod-lottery li a{margin:0 5px; display:block; max-width:100%;}
.mod-lottery li img{max-width:none;}
.mod-lottery li:hover{-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -o-transform:translateY(-15px); transform:translateY(-15px);}
.mod-lottery li:hover img, .mod-lottery li .hover-img{display:none;}
.mod-lottery li:hover .hover-img{display:inline;}

.mod-lottery li.lotto-sgwin img{object-position:-10px top;}
.mod-lottery li.lotto-ig,.mod-lottery li.lotto-sc{margin-top:-8px;}
.mod-lottery li.lotto-inum{margin-top:-78px;}
.mod-lottery li.lotto-ig img{object-position:21px top;}
.mod-lottery li.lotto-ig a{position:absolute; width:115px; height:52px; display:block; bottom:120px; background-size:100%;}
.mod-lottery li.lotto-ig a.left{background-image:url(../images/lotto/ig_btn_01.png); left:55px;}
.mod-lottery li.lotto-ig a.right{background-image:url(../images/lotto/ig_btn_02.png); right:40px;}
.mod-lottery li.lotto-ig a:hover.left{background-image:url(../images/lotto/ig_btn_01_hover.png);}
.mod-lottery li.lotto-ig a:hover.right{background-image:url(../images/lotto/ig_btn_02_hover.png);}

@media screen and (max-width:991px){
	.mod-lottery li img{max-width:100%;}
	.mod-lottery li.lotto-sgwin img{max-width:109.5%;}
	.mod-lottery li.lotto-ig img{max-width:90%;}
	.mod-lottery li.lotto-ig a{width:68.5px; height:31px; bottom:100px;}
	.mod-lottery li.lotto-ig a.left{left:50px;}
	.mod-lottery li.lotto-ig a.right{right:30px;}
}

/*电子游艺*/
.mod-games .notice, .mod-games .mod-banner{background:#000;}
.games-platform-wrap{background:#0a0b0f url(../images/games/games_bg.jpg) no-repeat center top; background-size:100% auto; padding-bottom:20px; min-height:460px;}
.games-platform-wrap .layout{max-width:1200px;}
.games-hd-menu{border-bottom:1px solid #3e4048; width:100%; height:105px; position:relative;}
.games-hd-menu ul{display:flex;}
.games-hd-menu li{text-align:center; color:#fff; height:106px;width: calc(100% / 12); margin-right:5px; opacity:.65; filter:alpha(opacity=65); box-sizing:border-box; cursor:pointer; font-size:11px;}
.games-hd-menu li:last-of-type{margin-right:0;}
.games-hd-menu li:hover, .games-hd-menu li.current{opacity:1; filter:alpha(opacity=100);}
.games-hd-menu li.current{border-bottom:2px solid #e51515;}
.games-hd-menu li i{background:url(../images/games/hd_menu_spirits.webp?2) no-repeat center top; width:100%; height:40px; display:block; margin:15px auto 8px;}
.games-hd-menu .png-menu{width:135px;}
.games-hd-menu .pt-menu i{background-position:center -40px;}
.games-hd-menu .pts-menu i{background-position:center -120px;}
.games-hd-menu .spg-menu i{background-position:center -280px;}
.games-hd-menu .ttg-menu i{background-position:center -360px;}
.games-hd-menu .png-menu i{background-position:center -317px; background-size: 60px; height: 30px; margin: 20px 0 13px;}
.games-hd-menu .prg-menu i{background-position:center -827px;background-size:80px;}
.games-hd-menu .wg-menu i{background-position:center -600px;}
.games-hd-menu .rt-menu i{background-position:center -680px;}
.games-hd-menu .ps-menu i{background-position:center -760px;}
.games-hd-menu .bp-menu i{background-position:center -930px;}
.games-hd-menu .tp-menu i{background-position:center -199px;}
.games-hd-menu .habanero-menu i{background-position:center -1264px;}
.games-hd-menu .jdb-menu i{background-position: -10px -784px; background-size: 55px; height: 30px; margin: 20px 0 13px;}
.games-hd-menu .mg-menu i{background-position:center -1170px;background-size:70px;}
.games-hd-menu .db-menu i{background-position:center -1248px;background-size:65px;}
.games-hd-menu .rich88-menu i{background-position: center -1051px;background-size: 52px;height: 29px; margin: 22px 0 12px;}
.games-hd-menu .pg-menu i{background-position: center -929px;background-size: 52px;height: 35px;margin: 18px 0 10px;}
.games-hd-menu .ap-menu i {background-position: center -1740px;width: 50px;}
.games-hd-menu .spribe-menu i {background-position: center -1104px; background-size: 50px; margin: 19px auto 14px; height: 30px; }
.games-hd-menu .jili-menu i{background-position: center -1150px;background-size: 50px;height: 30px;margin: 23px 0 10px;}
.games-hd-menu .fc-menu i{background-position: -22px -1669px; background-size: 70px; height: 30px; margin: 23px 0 10px;} 
.games-hd-menu .playstar-menu i{background-position: -4px -1472px; background-size: 60px; height: 22px; margin: 27px 0 15px;} 
.games-hd-menu .nlc-menu i{    background-position: center -1179px; background-size: 46px; height: 22px; margin: 27px 0 15px;} 
.games-hd-menu .btg-menu i{background-position: center -1161px; background-size: 46px; height: 22px; margin: 27px 0 15px;}
.games-hd-menu .hacksaw-menu i {background-position: center -1458px;background-size: 55px;margin: 27px auto 21px;height: 15px;}
.games-hd-menu .ns-menu i {background-position: center -1501px;background-size: 55px;margin: 27px auto 24px;height: 12px;}

.games-sub-menu{padding:10px 0; float:left; display:inline;}
.games-sub-menu li{float:left; display:inline; cursor:pointer; color:#d2d2d2; margin:0 15px; line-height:40px;}
.games-sub-menu li:hover, .games-sub-menu li.current{color:#fff;}

/*-- 搜索 --*/
.mod-games .search-wrap{width:221px; height:32px; background:url(../images/games/search_btn.png) no-repeat; display:inline; float:right; margin:14px 0;}
.mod-games .search-wrap input{background-color:transparent; float:left; display:inline; outline:none; border:none; line-height:32px; width:181px; padding:0 0 0 10px; color:#fff; font-size:12px; height:32px;}
.mod-games .search-wrap input::-webkit-input-placeholder{font-size:12px; color:#767989;}
.mod-games .search-wrap input::-moz-placeholder{font-size:12px; color:#767989;}
.mod-games .search-wrap a{cursor:pointer; width:30px; height:32px; display:inline; float:right;}

/*-- 游戏列表 --*/
.mod-games .games-item ul{margin:10px auto 20px; clear:both;}
.mod-games .games-item li{display:inline; float:left; overflow:hidden; position:relative; width:20%; margin-bottom:20px;}
.mod-games .games-item li em{background-repeat:no-repeat; width:100%; width:180px; height:120px; display:block; margin:0 auto; position:relative;}
.mod-games .games-item li .game-name{color:#fff; position:absolute; left:50%; margin-left:-90px; width:180px; bottom:0; min-height:90px; padding:65px 10px 5px; bottom:0; box-sizing:border-box; background:url(../images/games/games_name_shadow.png) repeat-x center bottom; line-height:1.2em;}
.mod-games .games-item li .game-rollover{position:absolute; top:0; left:50%; margin-left:-90px; width:180px; height:120px; background:url(../images/mask_70p.png) repeat; overflow:hidden; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; font-size:1.06em; box-sizing:border-box; text-align:center; opacity:0; filter:alpha(opacity=0); border:1px solid #f25927; color:#fff; text-align:center; opacity:0; filter:alpha(opacity=0);}
.mod-games .games-item li .game-rollover h4{margin-top:-20px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.mod-games #ptgame_list .games-item li .game-rollover h4,.mod-games #ptsgame_list .games-item li .game-rollover h4{margin-top:10px;}
.mod-games .games-item li .game-rollover a{display:block !important; width:120px; line-height:30px; height:30px; background:#f25927; color:#fff; margin:-100px auto 0; -webkit-transition:all .5s .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all .5s .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition:all .5s .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition:all .5s .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.mod-games .games-item li:hover .game-rollover{opacity:100; filter:alpha(opacity=100);}
.mod-games .games-item li:hover .game-rollover h4{margin-top:25px;}
.mod-games .games-item li:hover .game-rollover a{margin-top:7px; opacity:1; filter:alpha(opacity=100);}
.mod-games .games-item li:hover .game-rollover a:hover{background:#bb4b29;}

.mod-games .im-item li em, .mod-games .im-item li .game-rollover{width:150px; height:150px;}
.mod-games .im-item li .game-name, .mod-games .im-item li .game-rollover{width:150px; margin-left:-75px;}
.mod-games .im-item li:hover .game-rollover h4{margin-top:35px;}

/*jdb*/
.mod-games .jdb-item .games-item .game-rollover{height:147px;}
.mod-games .jdb-item .games-item li div.game-rollover a.free-play{display:none !important;}

.mod-games .jdb-item .games-item li em{width:180px; height:145px; display:block; margin:2px auto 0;}
/*jdb end*/

/*habanero*/
.mod-games .habanero-item li em, .mod-games .habanero-item li .game-rollover{width:150px; height:150px;}
.mod-games .habanero-item li .game-name, .mod-games .habanero-item li .game-rollover{width:150px; margin-left:-75px;}
.mod-games .habanero-item li:hover .game-rollover h4{margin-top:35px;}
/*habanero end*/

@media screen and (max-width:1199px){.games-hd-menu li{font-size:13px;}}
@media screen and (max-width:991px){
	.games-hd-menu li{font-size:12px;}
	.games-hd-menu .prg-menu i{background-position:center -850px; width:62px;}
	.mod-games .games-item li{width:25%;}
	.mod-games .search-wrap{float:left; margin-top:5px; display:block; clear:both;}
}
@media screen and (max-width:800px){.mod-games .games-item li{width:33.3%;}}

/*体育投注*/
.mod-sports{padding:50px 0;     margin-top: 140px;}
.mod-sports > .layout{overflow:auto;}

/*电子游艺*/
.mod-live-chess{background:#12151c url(../images/chess/chess_bg.jpg) no-repeat center top; background-size:cover; overflow:hidden; padding:300px 0 100px;}
.mod-live-chess li{-webkit-transition:-webkit-transform .4s; -moz-transition:-moz-transform .4s; -o-transition:-o-transform .4s; transition:transform .4s;}
.mod-live-chess li a{margin:0 5px; max-width:100%; text-align:center; display:block;}
.mod-live-chess li img{max-width:none;}
.mod-live-chess li:hover{-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -o-transform:translateY(-15px); transform:translateY(-15px);}
.mod-live-chess li:hover img, .mod-live-chess li .hover-img{display:none;}
.mod-live-chess li:hover .hover-img{display:inline;}

/*电子游艺*/
.mod-marble{background:#12151c url(../images/marble/marble_bg.webp) no-repeat center top; background-size:cover; overflow:hidden; padding:100px 0 100px;}
.mod-marble li{-webkit-transition:-webkit-transform .4s; -moz-transition:-moz-transform .4s; -o-transition:-o-transform .4s; transition:transform .4s;}
.mod-marble li a{margin:0 5px; max-width:100%; text-align:center; display:block;}
.mod-marble li img{max-width:none;}
.mod-marble li:hover{-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -o-transform:translateY(-15px); transform:translateY(-15px);}
.mod-marble li:hover img, .mod-marble li .hover-img{display:none;}
.mod-marble li:hover .hover-img{display:inline;}

@media screen and (max-width:991px){
	.mod-live-chess{padding-top:250px;}
	.mod-live-chess li img{max-width:100%;}
	.mod-marble li img{max-width:100%;}
}