/* CSS Document */
/* 首页 */

/* sharing UI home-content hd-menu btn */
.mod-home .home-platform .hd-menu ul{width:1280px; margin-left:-10px;}
.mod-home .hd-menu{margin-top:11px; text-align:center;}
.mod-home .hd-menu li{*background-image:url(../images/home/btn_normal.webp); width:180px; height:65px; line-height:64px; display:inline-block; font-size:18px; color:#5462FF; background-size:90%; background-position-x:10px; background-repeat:no-repeat; cursor:pointer;}
.mod-home .hd-menu li:hover{background-image:url(../images/home/btn_active.webp); width:180px; height:65px; /*color:#fff;*/ background-size:100%; background-position-x:0;} 
.mod-home .hd-menu li.current{*background-image:url(../images/home/btn_active.webp); width:180px; height:66px; color:#fff; background-size:100%; background-position-x:0; *-webkit-animation: btnOut .35s ease-out forwards; *animation: btnOut .35s ease-out forwards;} 
/*.mod-home .hd-menu li i{display:block; float:left; width:38px; height:38px; margin:9px 0 0 10px; background-image:url(../images/home/home_sprites.webp); background-repeat:no-repeat; background-size:530px 44px; background-position-y:3px; position:relative; left:20px;}*/
.mod-home .hd-menu li:hover i{background-position-y:0;}
.mod-home .hd-menu li.current i{background-position-y:0; -webkit-animation:iconOut .35s ease-out; animation:iconOut .35s ease-out;}
.mod-home .hd-menu li.sport-icon i{background-position:-450px 3px;}
.mod-home .hd-menu li.sport-icon:hover i,.mod-home .hd-menu li.sport-icon.current i{background-position:-489px 0px;}
.mod-home .hd-menu li.sports-icon i{background-position:-450px 3px;}
.mod-home .hd-menu li.sports-icon:hover i,.mod-home .hd-menu li.sports-icon.current i{background-position:-489px 0px;}
.content-hd-menu ul li.esports-ia i{filter:none !important;}

.mod-home .hd-menu li.l-c-icon.current {background-image:url(../images/home/live_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}
.mod-home .hd-menu li.games-icon.current {background-image:url(../images/home/games_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}
.mod-home .hd-menu li.esports-icon.current {background-image:url(../images/home/esports_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}
.mod-home .hd-menu li.chess-icon.current {background-image:url(../images/home/chess_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}
.mod-home .hd-menu li.lotto-icon.current {background-image:url(../images/home/lotto_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}
.mod-home .hd-menu li.sports-icon.current {background-image:url(../images/home/sports_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}
.mod-home .hd-menu li.marble-icon.current {background-image:url(../images/home/marble_active_btn.webp?v100); background-size:100% 110%; background-position:0px -5px;}

.mod-home .hd-menu li.l-c-icon{background-image:url(../images/home/live_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}
.mod-home .hd-menu li.games-icon{background-image:url(../images/home/games_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}
.mod-home .hd-menu li.esports-icon{background-image:url(../images/home/esports_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}
.mod-home .hd-menu li.chess-icon{background-image:url(../images/home/chess_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}
.mod-home .hd-menu li.lotto-icon{background-image:url(../images/home/lotto_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}
.mod-home .hd-menu li.sports-icon{background-image:url(../images/home/sports_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}
.mod-home .hd-menu li.marble-icon{background-image:url(../images/home/marble_normal_btn.webp?v100); background-size:100% 110%; background-position:0px -5px; line-height:49px;}

.mod-home .hd-menu li.all-icon{background-image:url(../images/home/all_icon_btn.webp); background-size:100% 110%; background-position:center;}
/*.mod-home .hd-menu li.all-icon:hover{background-image:url(../images/home/all_icon_active_btn.webp); background-size:100% 144%; background-position:0px -12px;}*/
.mod-home .hd-menu li.all-icon.current{background-image:url(../images/home/all_icon_active_btn.webp); background-size:100% 144%; background-position:0px -12px;}
.mod-home .hd-menu li.sport-icon{background-image:url(../images/home/mobile_icon_btn.webp); background-size:100% 110%; background-position:center;}
/*.mod-home .hd-menu li.sport-icon:hover {background-image:url(../images/home/mobile_icon_active_btn.webp); background-size:100% 110%; background-position:center; color:#5462FF; height:65px}*/
.mod-home .hd-menu li.sport-icon.current{background-image:url(../images/home/mobile_icon_active_btn.webp); background-size:100% 110%; background-position:center;}
.mod-home .hd-menu p {margin-left:36px; font-weight:600; line-height:47px;}
.mod-home .sports-menu p {margin-left:36px; font-weight:600; line-height:66px;}


.home-mobile .hd-menu{text-align:left;}
.home-mobile .hd-menu li{text-align:center;}
.home-mobile .hd-menu li.hide{display:none;}
.home-mobile .hd-menu li i{left:20px;}
.home-mobile .hd-menu li.all-icon i{background-position-x:-147px;}
.home-mobile .hd-menu li.all-icon:hover i,.home-mobile .hd-menu li.all-icon.current i{background-position-x:-185px;}
.home-mobile  #qr-code-ios{padding:0;display:flex;align-items:center;justify-content:center;}

@keyframes btnOut{

}
@keyframes iconOut{
	0% {
    	transform: scale(1.25);
	}
	100% {
	    transform: scale(1);
	}
}

.home-content .games-item .image-item,.home-content .chess-item .image-item{height:600px;}
.image-item{width:560px; float:left; position:relative; z-index:1;}
.image-item img{background-size:contain; background-position-y:bottom; margin-right:15px; float:left; display:inline;}

.mobile-content .img{width:423px; height:40px; background-image:url(../images/mobile/app_download_title.webp); background-size:100%; background-repeat:no-repeat;}
/* END sharing UI home-content hd-menu btn */

/* Home Sports Live */
.mod-home .home-sports-live .title h2{text-align:center; font-size:40px; font-weight:700; color:#424a66;}
.home-sports-live .sports-live-wrap{width:1200px; height:616px; margin-top:48px; border-radius:20px; overflow:visible; -webkit-box-shadow:0 20px 30px -10px #cdd2dd; box-shadow:0 20px 30px -10px #cdd2dd; position:relative; background-size:cover; background-image:url(../images/home/sports_live/sports_live_bg.webp);}
.home-sports-live .sports-live-wrap .sports-live-contents{display:flex;}
.home-sports-live .sports-live-left{width:720px; margin-left:40px;}
.home-sports-live .sports-live-left .sports-top{width:100%; height:40px; margin-bottom:22px;}
.home-sports-live .sports-live-left .sports-top .match-vs{width:100%; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; margin-top:35px;}
.home-sports-live .sports-live-left .sports-top .match-vs .team-01,.home-sports-live .sports-live-left .sports-top .match-vs .team-02{display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center;}
.home-sports-live .sports-live-left .sports-top .match-vs .team-01 span{font-size:19px; color:#707689; margin-right:10px; max-width:194px; text-align:center; font-weight:600;}
.home-sports-live .sports-live-left .sports-top .match-vs .team-icon{width:40px; height:40px; display:flex;}
.home-sports-live .sports-live-left .sports-top .match-vs .sports-versus{font-size:40px; color:#ffffff; display:flex; /*background:linear-gradient(#6976ff 31%, #6672ff 30%); border-radius:13px; height:54px;*/}
.home-sports-live .sports-live-left .sports-top .match-vs .sports-versus p:nth-child(1){margin:0 12px 0 80px; background: linear-gradient(#6976ff 31%, #6672ff 30%); border-radius:13px; height:55px; width:55px; text-align:center;}
.home-sports-live .sports-live-left .sports-top .match-vs .sports-versus p:nth-child(2){width:6px; height:40px; line-height:40px; position:relative;}
.home-sports-live .sports-live-left .sports-top .match-vs .sports-versus p:nth-child(2)::after{content:":"; position:absolute; display:block; width:100%; height:100%; left:-3px; top:4px; font-weight:bold; color:#6976ff;}
.home-sports-live .sports-live-left .sports-top .match-vs .sports-versus p:nth-child(3){margin:0 80px 0 12px; background: linear-gradient(#6976ff 31%, #6672ff 30%); border-radius:13px; height:55px; width:55px; text-align:center}
.home-sports-live .sports-live-left .sports-top .match-vs .team-02 span{font-size:19px; color:#707689; margin-left:10px; max-width:194px; text-align:center; font-weight:600;}
.home-sports-live .sports-live-left .sports-video{width:720px; height:405px; margin:0 auto; position:relative;}
.home-sports-live .sports-live-left .sports-video iframe{width:100%; height:100%;}
.home-sports-live .sports-live-left .sports-bottom{margin-top:19px; /*width:100%;*/ display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;}
.home-sports-live .sports-live-left .sports-bottom a{position:relative; z-index:1; font-size:16px; line-height:40px; text-align:center; font-weight:bold; display:block; width:136px; height:40px; color:#fff; text-decoration:none; margin:27px 0 0 24px; border-radius:30.6px; /*-webkit-box-shadow:0 2px 4px 0 #5da7eb;*/ /*box-shadow:0 2px 4px 0 #5da7eb;*/}
.home-sports-live .sports-live-left .sports-bottom a:before{content:""; display:block; width:136px; height:40px; background:url(../images/home/btn_selected.webp?v1) no-repeat -4px 1px/ 105% 117%; position:absolute; z-index:-1;}
.home-sports-live .sports-live-right .hd-menu{position:relative; display:flex; margin:35px 4px 0 16px;}
.home-sports-live .sports-live-right .hd-menu ul{position:relative; font-size:18px;}
.home-sports-live .sports-live-right .hd-menu ul li{background:url(../images/home/btn_normal.webp?v1) no-repeat -23px -8px/ 145% 160%; float:left; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; align-items:center; width:120px; height:40px; line-height:40px; text-align:center; border-radius:30.6px; /*-webkit-box-shadow:0 4px 8px 0 rgb(194 211 222 / 50%);*/ /*box-shadow:0 4px 8px 0 rgb(194 211 222 / 50%);*/ cursor:pointer; margin-right:12px;}
.home-sports-live .sports-live-right .hd-menu ul li:hover,.home-sports-live .sports-live-right .hd-menu ul li.current{background:url(../images/home/btn_selected.webp?v1) no-repeat -16px -12px/ 186% 160%; width:120px; height:40px; /*-webkit-box-shadow:0 2px 4px 0 rgb(93 167 235 / 80%);*/ /*box-shadow:0 2px 4px 0 rgb(93 167 235 / 80%);*/ border-radius:30.6px;}
.home-sports-live .sports-live-right .hd-menu ul li span{font-size:16px; font-weight:500; color:#6C7BA8;}
.home-sports-live .sports-live-right .hd-menu ul li:hover span,.home-sports-live .sports-live-right .hd-menu ul li.current span{color:#fff; font-weight:bold;}
.home-sports-live .sports-live-right .match-container::-webkit-scrollbar{width:6px; height:1px;}
.home-sports-live .sports-live-right .match-container::-webkit-scrollbar-thumb{width:6px; border-radius:3px; background-color:#d8e2ff;}
.home-sports-live .sports-live-right .match-container .sports-live-item{width:424px; height:477px; margin-top:24px; overflow-y:scroll; overflow-x:hidden;}
.home-sports-live .sports-live-right .match-container::-webkit-scrollbar-track{background:transparent; border-radius:3px;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list{width:376px; height:110px; border-radius:8px; -webkit-box-shadow:10px 10px 10px 0 rgb(139 147 163 / 10%); box-shadow:10px 10px 10px 0 rgb(139 147 163 / 10%); box-sizing:border-box; cursor:pointer; margin:0 20px 12px 22px; background:url(../images/home/sports_live/sports_live_list.webp) no-repeat 0 0/cover;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover{margin-left:12px; width:386px; position:relative; padding-left:10px; -webkit-filter:drop-shadow(0 4px 8px rgba(205, 213, 222, .8)); filter:drop-shadow(0 4px 8px rgba(205, 213, 222, .8)); background:url(../images/home/sports_live/sports_live_list_hover.webp) no-repeat 0 0/cover;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current{margin-left:12px; width:386px; position:relative; padding-left:10px; -webkit-filter:drop-shadow(0 4px 8px rgba(205, 213, 222, .8)); filter:drop-shadow(0 4px 8px rgba(205, 213, 222, .8)); background:url(../images/home/sports_live/sports_live_list_selected.webp) no-repeat 0 0/cover;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit{position:relative; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:20px 25px 14px 20px;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit span{font-size:16px; height:16px; line-height:16px; width:200px; color:#5462FF; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current .sports-tit span,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover .sports-tit span,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current .sports-tit .sports-list-types p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover .sports-tit .sports-list-types p{text-shadow:1px 1px 0 rgb(134 161 197 / 40%), -1px -1px 0 #fff;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types{display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types p{font-size:14px; height:14px; line-height:14px; color:#6c7ba8;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types .sports-live-icon{cursor:pointer; background:url(../images/home/sports_live/btn_live.webp) no-repeat 0 0/cover; -webkit-transition:all .2s ease; transition:all .2s ease; margin-left:8px; width:20px; height:16px; margin-top:-2px;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types .sports-live-icon:hover,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types .sports-live-icon.current{background:url(../images/home/sports_live/btn_live_active.webp) no-repeat 0 0/cover;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types .sports-animation-icon{cursor:pointer; background:url(../images/home/sports_live/btn_animation.webp) no-repeat 0 0/cover; -webkit-transition:all .2s ease; transition:all .2s ease; margin-left:8px; width:20px; height:16px; margin-top:-2px;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types .sports-animation-icon:hover,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-tit .sports-list-types .sports-animation-icon.current{background:url(../images/home/sports_live/btn_animation_active.webp) no-repeat 0 0/cover;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info{padding:0 20px; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; font-size:14px; line-height:14px; color:#444c64;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-left, .home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-mid, .home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-right{display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-left{-webkit-box-flex:1; -webkit-flex:1; flex:1; -webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start; height:100%;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-mid{display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-right{-webkit-box-flex:1; -webkit-flex:1; flex:1; -webkit-box-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end; height:100%;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-left p{text-align:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#6c7ba8;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-left img{width:34px; height:34px; -webkit-box-flex:0; -webkit-flex:0 0 34px; flex:0 0 34px; margin-right:8px; display:none;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-mid p{font-size:18px; color:#5462FF; font-weight:bold;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current .sports-team-info .info-mid p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover .sports-team-info .info-mid p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current .sports-team-info .info-left p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover .sports-team-info .info-left p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current .sports-team-info .info-right p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover .sports-team-info .info-right p{color:#444c64; text-shadow:1px 1px 0 rgb(134 161 197 / 40%), -1px -1px 0 #fff;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-mid p:nth-child(1){text-align:right; margin-left:7px; color:#5462FF;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-mid i{display:block; width:30px; height:30px; /*background:url(../images/home/sports_live/txt_vs.webp) no-repeat 0 0/cover;*/ /*margin:0 4px;*/ text-align:center; line-height:1.2; font-size:22px;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current .sports-team-info .info-mid i,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover .sports-team-info .info-mid i{/*background:url(../images/home/sports_live/txt_vs_active.webp) no-repeat 0 0/cover;*/}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-mid p:nth-last-child(1){text-align:left; margin-right:7px; color:#5462FF;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-right p{text-align:right; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#6c7ba8;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list .sports-team-info .info-right img{width:34px; height:34px; -webkit-box-flex:0; -webkit-flex:0 0 34px; flex:0 0 34px; margin-left:8px; display:none;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list > p{text-align:center; font-size:12px; line-height:1; color:#6c7ba8; margin-top:2px;}
.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list.current > p,.home-sports-live .sports-live-right .match-container .sports-live-item .sports-list:hover > p{text-shadow:1px 1px 0 rgb(134 161 197 / 40%), -1px -1px 0 #fff; color:#444c64;}
.home-sports-live .odd-wrap{display: none;}
/* END Home Sports Live */

/*ALL sharing UI inner page*/
.img-left{width:600px; float:left;}
.content-hd-menu{position:absolute; width:600px; top:500px; right:0; text-align:left; z-index:1;}
.content-hd-menu ul{height:100%; display:inline-block;}
.content-hd-menu li{display:inline-block; text-align:center; width:97px; height:125px; cursor:pointer;}
.content-hd-menu li:before{content:''; display:block; position:absolute; width:97px; height:130px; background-image:url(../images/spec_normal.webp); background-size:contain; background-repeat:no-repeat;}
.content-hd-menu li:not(.current):hover:before{background-image:url(../images/spec_active_2.webp); -webkit-animation:btn-hover .5s ease forwards; animation:btn-hover .5s ease forwards; background-size:98px 114px;}
.content-hd-menu ul li > div{position:relative;height:100px;}
.content-hd-menu ul li i{margin: 0;position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%) scale(.85); filter:brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(2343%) hue-rotate(22deg) brightness(100%) contrast(91%);}
.content-hd-menu ul li:hover i{filter:brightness(0) invert(1);}
.content-hd-menu ul li.current i,.content-hd-menu ul li.current:hover i{filter: brightness(0) saturate(100%) invert(39%) sepia(81%) saturate(3767%) hue-rotate(227deg) brightness(102%) contrast(99%) !important;}
.content-hd-menu li p.tag-name{font-size:14px; color:#fff; margin-bottom:30px; line-height:1.6; letter-spacing:1.8px;}

.content-hd-menu.esports-menu ul li i,.content-hd-menu.animal-menu ul li i{transform:translate(-50%, -50%) scale(.75);}
.content-hd-menu.sports-menu ul li i{transform:translate(-50%, -50%) scale(.8);}
.content-hd-menu.esports-menu  li p.tag-name{padding-left:30px;}

.content-hd-menu.animal-menu ul li > div{height:88px;}

.mod-live-casino .content-hd-menu li:before{content: ''; display:block; position:absolute; width:100px; height:100px; background-image:url(../images/circle_normal.webp); background-size:128px 128px; background-repeat:no-repeat; background-position:10px -16xp; background-position-x:center;}
.mod-live-casino .content-hd-menu li:not(.current):hover:before{background-image:url(../images/circle_active.webp); -webkit-animation:btn-hover .5s ease forwards; animation:btn-hover .5s ease forwards; background-size:112px 112px; background-position-y:4px;}

.mod-esports .content-hd-menu li:before{content:''; display:block; position:absolute; width:100px; height:93px; background-image:url(../images/quad_normal.webp); background-size:104px 86px; background-repeat:no-repeat; background-position:-1px 1px;}
.mod-esports .content-hd-menu li:not(.current):hover:before{background-image:url(../images/quad_active.webp); -webkit-animation:btn-hover .5s ease forwards; animation:btn-hover .5s ease forwards; background-size:128px 107px; background-position:-13px -1px;}

.mod-animal .content-hd-menu li:before{content: ''; display:block; position:absolute; width:91px; height:84px; background-image:url(../images/hex_normal.webp); background-size:113px 105px; background-repeat:no-repeat; background-position:-8px 3px;}
.mod-animal .content-hd-menu li:not(.current):hover:before{background-image:url(../images/hex_active.webp); -webkit-animation:btn-hover .5s ease forwards; animation:btn-hover .5s ease forwards; background-size:101px 94px; background-position:-2px 4px;}

.mod-marble .content-hd-menu li:before{content: ''; display:block; position:absolute; width:91px; height:84px; background-image:url(../images/hex_normal.webp); background-size:113px 105px; background-repeat:no-repeat; background-position:-8px 3px;}
.mod-marble .content-hd-menu li:not(.current):hover:before{background-image:url(../images/hex_active.webp); -webkit-animation:btn-hover .5s ease forwards; animation:btn-hover .5s ease forwards; background-size:101px 94px; background-position:-2px 4px;}
.mod-marble .content-hd-menu ul li > div{height:90px;}

.content-hd-menu.animal-menu ul{align-items: start;display: flex;justify-content:center;}
.content-hd-menu.animal-menu li p.tag-name{letter-spacing: 1px;}

.content-hd-menu li.current i{filter: brightness(0) saturate(100%) invert(39%) sepia(81%) saturate(3767%) hue-rotate(227deg) brightness(102%) contrast(99%);}
.content-hd-menu li:hover i{filter: brightness(0) invert(1);}

/*sports page*/
.content-hd-menu.sports-menu li.sexy-icon i{background-position:-4920px -118px; height:40px; width:70px; margin:28px 10px; background-size:6655px 220px;}

.platform-wrap{padding:100px 0 60px;}
.platform-wrap img{float:left; height:650px; /*margin:50px 0;*/}
.platform-wrap .item-content{float:right; width:600px;}
.platform-wrap .item-content .title{width:100%; height:80px; background-repeat:no-repeat;}
.platform-wrap .item-content p.txt{padding:20px 0; font-size:14px; color:#fff; line-height:2; text-align:center;min-height:40px;}
.platform-wrap .item-content p.no-txt{padding:45px 0;}
.platform-wrap .item-content a{display:block; width:214px; height:62px; text-align:center; line-height:60px; font-size:18px; transition:all 0.5s; /*background-image:url(../images/btn_selected.webp)*/; background-size:contain; margin-left:-10px; margin-top:20px; border-radius:10px; background:#fff; color:#5462FF;}
.platform-wrap .item-content a:hover{transform:scale(1.03); color:#fff; background:#5462FF;}

.mod-sports .sports-item .football{position:relative; width:460px; height:500px; top:-57px; left:-174px;}
.mod-sports .sports-item .player{position:relative; top:-554px; height:1100px;}

/*homepage & mobile page h5 spare-url*/
.mobile-content .mobile-h5 .frame .spare-url{position:relative; display:inline-block; padding-top:28px; margin-right:0;}
.mobile-content .mobile-h5 .frame .spare-url ul{padding:0 14px; margin:auto; height:140px;width:100%; box-sizing:border-box;}
.mobile-content .mobile-h5 .frame .spare-url li{text-align:center;}
.mobile-content .mobile-h5 .frame .spare-url li a{max-width:100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:28px; line-height:28px; font-size:14px; color:#676b77; text-decoration:underline;}
.mobile-content .mobile-h5 .frame .spare-url li a:hover{transition:all .2s; color:#b1987f;}
/*homepage & mobile page h5 spare-url*/
/*END ALL sharing UI inner page*/

/* notice */
.notice{width:100%; overflow:visible; margin-top:30px;}
.notice .layout{height:40px; line-height:40px; padding:0 10px 0 30px; border-radius:10px; box-shadow:0 2px 15px 0 #636363; background:linear-gradient(#fff 1%, #a2caee6b 52%, #fff);box-sizing:border-box;}
.notice i{background:url(../images/notice_icon.webp?v1) no-repeat left center; background-size:contain; width:47px; height:43px; line-height:23px; float:left; display:inline; color:#666; font-size:14px; font-weight:400; position:relative;}
.notice .marquee{width:1000px; height:42px; margin:0 auto; font-size:17px; color:#5462FF; overflow:hidden; cursor:pointer; font-weight:600; position:relative; top:-41px; left:-46px;}
.notice .marquee:hover{color:rgba(103,103,103,1);}
.modal .modal-message .forms-btn-g{text-align:center;}
.modal .modal-message p{margin-right:20px; font:14px/1.5 "Microsoft YaHei"; color:#555;}
.modal .modal-message .forms-btn-g .btn-sub{background-position:0 -790px;}
.modal .modal-message .forms-btn-g .btn-sub:hover{background-position:0 -821px;}
#popNoticeModal{top:150px;}

.notice .service-btn{background:url(../images/service_icon.webp) no-repeat left center; margin-left:10px; width:112px; height:42px; display:inline; float:right; color:#00afff; text-align:right; font-size:16px;}
.notice .service-btn:hover{color:#1d75d3;}

.mod-home .notice .layout:before{content:''; display:block; background:url(../images/notice_icon.webp?v1) no-repeat; width:35px; height:40px; position:relative; z-index:1; background-size:100% 100%; left:-7px;}
.mod-home .notice .marquee span{display:inline-block;}
.mod-home .notice span{display:none;}
.mod-home .notice-wrap {width: 1260px;margin: 0 auto;margin-bottom:20px;}


i.e{width:18px; height:15px; margin-top:7px; display:none; left:0; opacity:0; transition:all ease .4s;}
.btn-hover{-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99); -webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99); transition:all .4s cubic-bezier(.4,.01,.165,.99);}

.mod-home{background-image:url(../images/home/home_bg.webp); background-repeat:no-repeat; background-size:contain; align-items:center;overflow-x:hidden;}
.home-mobile .mobile-content h1,.home-sports h1,.home-sports h5,.home-introduct h1,.home-introduct h4{background:-webkit-gradient(linear, left top, right top, from(#42d2e8), to(#3b9ee5)); background:-webkit-linear-gradient(left, #42d2e8, #3b9ee5); background:linear-gradient(to right, #42d2e8, #3b9ee5); -webkit-background-clip:text; color:transparent; text-align:center;}

.home-sports{margin-top:50px; margin-bottom:100px; position:relative; display:flex; justify-content:space-between;}
.home-sports li{position:relative; width:379px; height:190px; border-radius:25px; overflow:visible; *box-shadow:0 8px 12px 0 rgba(232,193,152,.5); text-align:center; transition:all .3s;}
.home-sports li:hover{transform:scale(1.1); transition:all .1s;}
.home-sports li a{background-image:url(../images/home/home_sports_frame.webp); background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; color:#fff;}
.home-sports .sports-02 a{background-image:url(../images/home/home_sports_frame_2.webp); background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}

.home-sports li p{color:#5462FF; font-size:14px; font-weight:bold;}
.home-sports li .img{background-repeat:no-repeat; background-position: center;}
.home-sports li.sports-01 .img{background-image:url(../images/home/Real_Madrid_CF_badge.webp); background-size:41px auto; width:55px; height:55px; margin:18px 61px 12px;}
.home-sports li.sports-02 .img{background-position-x:6px; background-image:url(../images/home/agentina_club_logo.webp); background-size:50px 55px; width:55px; height:55px; margin:14px 61px 0px;}
.home-sports li.sports-03 .img{background-image:url(../images/home/Manchester_City_FC_badge.webp); background-size:50px auto; width:55px; height:55px; margin:18px 61px 12px;}
.home-sports li.sports-04 .img{background-position:-222px 0px;}
.home-sports li.sports-05 .img{background-position:0px 0px;}
.home-sports li.sports-06 .img{background-position:-370px 0px;}

.home-sports .cn-name {color:#5462FF; font-size:20px; font-weight:bold;}
.home-sports .sports-02 .cn-name {color:#fff; font-size:20px; font-weight:bold;}
.home-sports .sports-02 .en-name {color:#fff; font-size:14px;}

.home-partner{padding-top:32px;}
.home-partner li{background-size:100%; background-repeat:no-repeat; opacity:.9; display:inline-block; position:relative; width:268px; height:140px; border-radius:4px; margin:0 16px; color:#666;}
.home-partner li:last-child{margin-right:0;}
.home-partner li span{padding:15px 0 0 110px; text-align:center; font-size:14px; width:98px; height:42px; display:block;}
.home-partner li i{width:53px; height:67px; position:absolute; top:5px; left:55px;}
.home-partner li.partner-01{background-image:url(../images/home/home_main.webp);}
.home-partner li.partner-02{background-image:url(../images/home/home_promo2.webp);}
.home-partner li.partner-03{background-image:url(../images/home/home_promo.webp);}
.home-partner li.partner-04{background-image:url(../images/home/home_agent.webp);}
.home-partner li:hover{opacity:1;}

.right-human img{height:208px; position:relative; top:-20px; left:-36px;}
.home-sports .more-btn{background-image:url(../images/home/btn_selected.webp); height:39px; width:109px; background-size:contain; margin:0px 35px; background-repeat:no-repeat; background-position:center;}
.home-sports .en-name{font-weight:normal; font-size:14px;}
.home-sports span{line-height:2.7;}

.mod-home .content-wrap{margin-top:20px; padding:0 50px;}
.mod-home .home-content{clear:both; position:relative; padding-bottom:100px;}
.mod-home .home-content .hd{text-align:center; font-size:18px; color:#000; padding-top:10px;}
.mod-home .home-content .line{height:39px; background-image:url(../images/home/line.webp); background-size:40%; background-repeat:no-repeat; background-position:center;}

.mod-home .home-content .title{text-align:center;}
.mod-home .home-content .title img{position:relative; width:240px; height:28px;}
.mod-home .home-content .title h2{text-align:center; font-size:40px; font-weight:700; color:#5462FF; line-height:1.6;display:flex;justify-content:center; gap:20px;align-items:center;width:100%;}
.mod-home .home-content .title h2:before,.mod-home .home-content .title h2:after{content:''; display:block;width:150px; height:25px; background-size:cover;background:url(../images/home/titleset.webp?2) no-repeat left center/478px 25px;flex:0 0 auto;}
.mod-home .home-content .title h2:after{background:url(../images/home/titleset.webp?2) no-repeat right center/478px 25px;}
.mod-home .title p{color:#67718f; font-size:14px; margin-top:-5px; font-weight:600; line-height:1.3;}
.mod-home .title h3{font-size:27px; font-family:brush Script MT; color:#999191; line-height:1;}


.home-content .container{/*padding:44px 0;*/ border-radius:25px; overflow:visible; *box-shadow:0 8px 12px 0 rgba(232,193,152,.5);}
.home-content .content-wrap{*background-image:url(../images/home/frame_center.webp); background-color:transparent; background-repeat:no-repeat; background-repeat:repeat-y; background-size:100% auto; position:relative; width:100%; border-top:1px solid transparent; border-bottom:1px solid transparent; box-sizing:border-box;}
/*.home-content .content-wrap:before,.home-content .content-wrap:after{content:""; display:block; position:absolute; width:100%; height:44px; left:0; background-size:100% 100%; background-repeat:no-repeat;}
.home-content .content-wrap:before{background-image:url(../images/home/frame_top.webp); top:-44px;}
.home-content .content-wrap:after{background-image:url(../images/home/frame_bottom.webp); bottom:-44px;}*/
.home-content .content-wrap p{font-size:15px; color:#67718f; margin-bottom:30px; line-height:1.6;min-height:2em;}
.home-content .platform-item .tag-name{margin-bottom:4px; margin-top:3px; font-size:12px;}

.home-content .content-wrap .platform-item div.fadeIn-left{-webkit-animation:fadeInLeft_in .7s ease-in forwards;animation:fadeInLeft_in .7s ease-in forwards;}
@keyframes fadeInLeft_in{0%{opacity:0;z-index:0;transform:translate3d(-70px,0,0)}to{opacity:1;z-index:2;transform:translateZ(0)}}

.home-content .content-wrap .platform-item div.fadeIn-right{-webkit-animation:fadeInRight_in .7s ease-in forwards;animation:fadeInRight_in .7s ease-in forwards;}
@keyframes fadeInRight_in{0%{opacity:0;z-index:0;transform:translate3d(70px,0,0)}to{opacity:1;z-index:1;transform:translateZ(0)}}

.content-wrap .platform-item{padding-bottom:80px; padding-top:30px;}
.platform-item .fadeIn-right .games-card-box{width:554px; position:absolute; border-radius:20px; left:400px; background-color:#fff; z-index:-1; box-shadow:2px 3px 24px #cbc7c7; padding:0 30px 30px 178px; min-height:400px;}

.home-content .content-wrap .platform-item div.fadeOut-left{-webkit-animation:fadeInLeft_out .7s ease-out forwards;animation:fadeInLeft_out .7s ease-out forwards;}
@keyframes fadeInLeft_out{0%{opacity:1;z-index:1;transform:translateZ(0)}95%{z-index:0}to{opacity:0;z-index:0;transform:translate3d(-110px,0,0)}}

.home-content .content-wrap .platform-item div.fadeOut-right{-webkit-animation:fadeInRight_out .7s ease-out forwards;animation:fadeInRight_out .7s ease-out forwards;}
@keyframes fadeInRight_out{0%{opacity:1;z-index:1;transform:translateZ(0)}95%{z-index:0}99%{opacity:0;z-index:0;transform:translate3d(110px,0,0)}to{opacity:0;z-index:0;transform:translateZ(0)}}

.home-mobile .image-item{*top:-43px; width:700px;}
.home-mobile .image-item img{height:560px; float:initial;}
.home-mobile .image-item img.bottom{height:234px; position:absolute; bottom:-160px; z-index:-1;}
.home-mobile .image-item img.item{height:209px; position:absolute; bottom:-180px; right:-80px; bottom:-80px; display:none;}
.home-mobile .mobile-content{padding:50px 0 0;}
.home-mobile .mobile-content h3{font-size:48px; color:#5462FF; font-weight:bold;}
.home-mobile .mobile-content p.title{margin-top:15px; font-size:14px; color:#5462FF; text-align:initial;}
.home-mobile .mobile-content p{font-size:14px; color:#67718f; margin-bottom:30px; line-height:1.6; letter-spacing:0;}

.home-mobile .mobile-content .mobile-platform{float:left; width:434px; padding:0 20px;}
.home-mobile .mobile-content .mobile-platform .wrap{text-align:center; color:#67718f;}
.home-mobile .mobile-content .frame{width:193px; height:190px; margin:0 auto; border:4px solid #5462FF; border-radius:20px;}
.home-mobile .mobile-content .frame:before{content:''; display:none; width:128px; height:130px; position:absolute; margin:35px; background-image:url(../images/home/qr_frame_2.webp); background-repeat:no-repeat; background-size:100%;}
.home-mobile .mobile-content .mobile-h5 .frame{margin-left:30px;}
.home-mobile .mobile-content .scan{margin-top:15px; font-size:18px; color:#5462FF;}
.home-mobile .mobile-content .sub-scan{font-size:12px; color:#5462FF;}
.home-mobile .mobile-content .qr-code{margin:10px auto; width:170px; height:170px; background-repeat:no-repeat; background-size:contain; /*background-position-x:center; background-position-y:25px;*/}
.home-mobile .mobile-content .sport-item .qr-code{margin:10px auto 30px; width:170px; height:170px; background-repeat:no-repeat; background-size:contain;}
/*.home-mobile .mobile-content .qr-code img{margin-top:38px;}*/
.home-mobile .mobile-content .h5-img{background:url(../images/home/h5.webp) no-repeat center; background-size:contain; margin:0 auto; height:200px;}
.home-mobile .mobile-content .h5-img .scan{margin-top:0; padding-top:156px;}
.home-mobile .mobile-content .txt{background-repeat:no-repeat; background-size:contain; background-position-x:center; height:40px; margin-top:30px;}

.mod-home .home-platform{color:#fff; font-size:14px; margin-top:20px;padding-bottom:0;}
.home-platform .hd-menu li.live-icon i{background-position-x:-147px;}
.home-platform .hd-menu li.chess-icon i{background-position-x:-72px;}
.home-platform .hd-menu li.esports-icon i{background-position-x:-225px;}
.home-platform .hd-menu li.lotto-icon i{background-position-x:-300px;}
.home-platform .hd-menu li.games-icon i{background-position-x:-377px;}
.home-platform .hd-menu li.live-icon:hover i,.home-platform .hd-menu li.live-icon.current i{background-position-x:-185px;}
.home-platform .hd-menu li.chess-icon:hover i,.home-platform .hd-menu li.chess-icon.current i{background-position-x:-112px;}
.home-platform .hd-menu li.esports-icon:hover i,.home-platform .hd-menu li.esports-icon.current i{background-position-x:-262px;}
.home-platform .hd-menu li.lotto-icon:hover i,.home-platform .hd-menu li.lotto-icon.current i{background-position-x:-337px;}
.home-platform .hd-menu li.games-icon:hover i,.home-platform .hd-menu li.games-icon.current i{background-position-x:-412px;}

.home-platform .image-item img{height:600px; width:775px; position:relative; top:-115px; left:-24px;}
.home-platform .sports-item .image-item img {height:650px; width:820px; position:relative; top:-122px; left:-68px;}
.home-platform .lotto-item .image-item img{height:661px; width:790px; position:relative; top:-115px; left:-68px;}
.home-platform .live-item .image-item img{height:620px; width:790px; position:relative; top:-115px; left:-41px;}
.home-platform .games-item .image-item img{height:660px; width:775px; position:relative; top:-115px; left:-53px;}
.home-platform .chess-item .image-item img{height:608px; width:775px; position:relative; top:-90px; left:-53px;}
.home-platform .esports-item .image-item img{height:600px; width:775px; position:relative; top:-115px; left:-51px;}

.home-platform p.eng-tit{margin:25px 0; font-size:50px; color:#5462FF; font-weight:700; white-space:nowrap;}
.home-platform ul li{width:101px; height:113px; display:inline-block; justify-content:center; align-items:center; position:relative; z-index:1;}
.home-platform ul li a{width:100%; height:100%; display:block;}
.home-platform ul li p{text-align:center; margin:8px 0 0;}

.platform-item .image-item .blue-box{background-color:#5462FF; height:400px; width:685px; border-radius:20px; position:relative; z-index:-1; top:79px; left:-144px;}
.live-item .image-item .blue-box{background-color:#5462FF; height:400px; width:685px; border-radius:20px; position:relative; z-index:-1; top:79px; left:-170px;}
.games-item .image-item .blue-box{background-color:#5462FF; height:482px; width:685px; border-radius:20px; position:relative; z-index:-1; top:106px; left:-144px;}
.sports-item .image-item .blue-box{background-color:#5462FF; height:400px; width:685px; border-radius:20px; position:relative; z-index:-1; top:79px; left:-172px;}

.home-platform .platform-item ul li{width:70px; height:65px; background:#fff; border-radius:15px;border: 2px solid #586FFF;}
.home-platform .platform-item ul li:hover, .home-platform .platform-item ul li.current {background: #586FFF;}
.home-platform .platform-item ul li i{margin:0 auto;filter: brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(2343%) hue-rotate(22deg) brightness(100%) contrast(91%);left:50%; top:50%; transform:translate(-50%, -50%) scale(.7);position: absolute;}
.home-platform ul li:hover i{filter: brightness(0) invert(1);}
.home-platform .platform-item ul li a > div{position:relative;width:100%;height:100%;}

@keyframes btn-hover{0% {transform: scale(1.1);}100% {transform: scale(1);}}

.home-platform .chess-item .eng-tit{font-size:35px;}
.home-introduct ul{height:100%; display:inline-grid;}
.home-introduct .introduct-info{padding-top:26px 20px; display:flex; justify-content:space-between;}
/* .home-introduct .introduct-info li{padding-top:35px; display:inline-block; text-align:center; width:235px; height:270px; background-image:url(../images/home/intro_frame.webp); background-repeat:no-repeat; background-size:100% 100%;}*/
.home-introduct .introduct-info li:last-child{margin-right:0;}
.home-introduct .introduct-info li h5{margin:6px auto; font-size:11px; color:#99a4c5; line-height:1.4; text-align:center;}
.home-introduct .introduct-info li p{font-size:28px; color:#5462FF; font-weight:bold; margin:20px 0px 0px; text-align:center;}
.home-introduct .introduct-info li .speed-text{position:absolute; top:63px; left:63px; color:#fff; font-size:7px; margin:0 auto; font-weight:400;}
.home-introduct .introduct-info .scale-wrap{position:relative; width:180px; height:180px; margin:0 auto; text-align:center; font-size:14px; color:#fff; background-image:url(../images/home/intro_bg.webp); background-repeat:no-repeat; background-size:100% 100%;}
.home-introduct .introduct-info .scale-item{position:relative; height:100%; line-height:130px;}
.home-introduct .introduct-info .scale-item span{font-size:40px;}
.home-introduct .introduct-info .scale-wrap span{position:relative; top:22px;}
.home-introduct .introduct-info .scale-nor{left:0; background-position:0 100%;}
.home-introduct .introduct-info .scale-move{right:0; transform:rotate(55deg); background-position:-45px 100%;}
.home-introduct .introduct-info .scale-move.move-01{transform:rotate(180deg); -webkit-animation:moveA 1s linear infinite; animation:moveA 1s linear infinite; -webkit-animation-iteration-count:1; animation-iteration-count:1;}

.home-introduct .introduct-img {width: 596px;height: 420px;display: inline-block;margin: 100px 0px;}
.home-introduct .introduct-img img {width: 100%;height: 100%;position: relative;top: 0;left: 70px;}
.introduct-info .scale-wrap .scale-item .sub {position:relative; top:-44px; font-size:11px; color:#fff;}

.home-introduct .content-wrap .introduct-desc li{padding-top:38px; width:480px; float:left; display:inline;}
.home-introduct .content-wrap .introduct-desc li:nth-child(odd){margin-right:20px;}
.content-wrap .introduct-desc li .desc-icon{margin-right:18px; width:100px; height:95px; float:left; display:inline; background-size:120% 120%; background-repeat:no-repeat; background-position:center;}
.content-wrap .introduct-desc li .desc-01{background-image:url(../images/home/service_icon1.webp);}
.content-wrap .introduct-desc li .desc-02{background-image:url(../images/home/service_icon3.webp);}
.content-wrap .introduct-desc li .desc-03{background-image:url(../images/home/service_icon2.webp);}
.content-wrap .introduct-desc li .desc-04{background-image:url(../images/home/service_icon4.webp);}
.home-introduct .content-wrap .desc-wrap{display:inline-block; width:362px; float:right;}
.content-wrap .introduct-desc li span{font-size:21px; font-weight:700; color:#5462FF;}
.content-wrap .introduct-desc li p{margin-top:4px; color:#474747; font-size:13px; line-height:1.6; word-break:break-word; letter-spacing:initial;}

/*体育投注*/
.mod-sports{background-image:url(../images/sports/sports_bg.webp); background-size:cover; background-position:center; background-repeat:no-repeat; padding:20px 0; padding-bottom:180px;}
.mod-sports .content-hd-menu{left:-30px; top:460px; text-align:center;}
.mod-sports .sports-item .img-left{width:460px; height:754px; position:relative; float:right;}
.mod-sports .sports-item .img-left img:nth-child(3){bottom:130px; left:-40px; top:-40px; position:absolute; right:0; margin:auto; animation:ppls 1s forwards;}
.mod-sports .sports-item .word{position:absolute; left:0; right:0; margin:auto; top:-20px; width:468px; height:auto; animation:word .7s forwards;}
.mod-sports .sports-item .ground{position:absolute; top:300px; right:0; left:-70px; bottom:0; margin:auto; width:854px; height:auto; animation:ground .7s forwards;}
.mod-sports .sports-item img{height:1000px;}
.mod-sports .sports-item .item-content{width:553px; position:relative; float:left;}
.mod-sports .sports-item .item-content a{*margin-left:-65px; top:250px; left:169px; position:relative;}
.mod-sports .sports-item .item-content p.txt{text-align:center;}
.mod-sports .sports-item .item-content .title{/*margin-left:73px;*/ height:134px; width:552px; background-size:216% 126%; background-position:-14px -14px; margin-bottom:20px;}
.mod-sports .sports-item p.sports-icons{background-image:url(../images/sports/sports_icon.webp); width:100%; height:50px; margin:0 0 20px -54px; background-size:484px 40px; background-repeat:no-repeat;}

.mod-sports .sports-item .line{border:1px solid #fff; width:550px;}
.mod-sports .sports-item .sports-box{display:inline-block;}
.mod-sports .sports-item .sports-title{color:#fff; text-align:center;}
.mod-sports .sports-item .item-content .sports-wrap{background-image:url(../images/sports/blue_box.webp); width:600px; height:50px; background-size:615px 65px; background-repeat:no-repeat; background-position-x:center; background-position-y:1px; position:relative; top:41px; left:-27px; z-index:-1;}
.mod-sports .sports-item .item-content ul{position:relative; top:-38px;}

.mod-sports .sports-item .sports-box .img{width:52px; height:50px;}
.mod-sports .sports-item .soccer{background-image:url(../images/sports/football.webp); background-size:contain;}
.mod-sports .sports-item .basketball{background-image:url(../images/sports/basketball.webp); background-size:contain;}
.mod-sports .sports-item .tennis{background-image:url(../images/sports/tennis.webp); background-size:contain;}
.mod-sports .sports-item .snooker{background-image:url(../images/sports/snooker.webp); background-size:contain;}
.mod-sports .sports-item .baseball{background-image:url(../images/sports/baseball.webp); background-size:contain;}
.mod-sports .sports-item .volleyball{background-image:url(../images/sports/volleyball.webp); background-size:contain;}
.mod-sports .sports-item .badminton{background-image:url(../images/sports/badminton.webp); background-size:contain;}
.mod-sports .sports-item .american-football{background-image:url(../images/sports/american_football.webp); background-size:contain;}
.mod-sports .sports-item .pingpong{background-image:url(../images/sports/pingpong.webp); background-size:contain;}
.mod-sports .sports-item .racing{background-image:url(../images/sports/racing_car.webp); background-size:contain;}



@keyframes word{
	0% {
    opacity: 0;
    transform: translate3d(0,-50px,0);
	}
	100% {
	    opacity: 1;
	    transform: translateZ(0);
	}
}
@keyframes ground{
	0% {
    opacity: 0;
    transform: translate3d(0,50px,0);
	}
	100% {
	    opacity: 1;
	    transform: translateZ(0);
	}
}
@keyframes ppls{
	0% {
	    opacity: 0;
	    transform: rotateX(20deg);
	}
	100% {
	    opacity: 1;
	    transform: rotateX(0);
	}
}
.mod-tags,.mod-tags a{background:#343434;}
.mod-tags{width:1000px; height:30px; margin:0 auto 20px; border:1px solid #454545; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.mod-tags a{width:142px; line-height:30px; color:#ccc; font-size:14px; border-right:1px solid #454545; background-position:0 0; float:left; text-align:center; display:inline-block; overflow:hidden;}
.mod-tags a:hover{color:#0088fe;}
.mod-tags a:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px;}
.mod-tags a.last{border-top-right-radius:3px; border-bottom-right-radius:3px; border-right:none;}
.mod-tags a.current{color:#fff; background:linear-gradient(to left, #3a97e5, #3eb7e7, #42d2e8);}

.mod-sports .bb-sport{width:1000px; height:352px; margin:0 auto;}
.mod-sports .bb-wrap,.mod-sports .bb-wrap a{background:url(../images/bb_sports_spirits.webp) no-repeat;}
.mod-sports .bb-wrap{position:relative; width:100%; height:100%;}
.mod-sports .bb-wrap a{display:block; background-position:0 -352px; width:221px; height:51px; position:absolute; top:265px; left:480px; text-indent:-9999em;}
.mod-sports .bb-wrap a:hover{background-position:0 -403px;}

.mod-sports .platform-wrap .im-item .title{background-image:url(../images/sports/title_im_cn.webp); background-size:231% 130%; background-position:21px -14px;}
.mod-sports .platform-wrap .bepro-item .title{background-image:url(../images/sports/title_bepro_cn.webp?1); background-size:207% 128%; background-position:0px -14px;}
.mod-sports .platform-wrap .ug-item .title{background-image:url(../images/sports/title_ug_cn.webp?10); background-size: 102% 125%; background-position: 6px -9px;}
.mod-sports .platform-wrap .hg-item .title{background-image:url(../images/sports/title_cr_cn.webp); background-size:230% 128%; background-position:-7px -11px;}
.mod-sports .platform-wrap .bti-item .title{background-image:url(../images/sports/title_bti_cn.webp); background-size:318% 134%; background-position:0px -14px;}
.mod-sports .platform-wrap .saba-item .title{background-image:url(../images/sports/title_saba_cn.webp); background-size:208% 128%; background-position:-4px -14px;}
.mod-sports .platform-wrap .ss-item .title{background-image:url(../images/sports/title_3sing_cn.webp); background-size:207% 129%; background-position:-11px -14px;}
.mod-sports .platform-wrap .maja-item .title{background-image:url(../images/sports/title_maja_cn.webp);}
.mod-sports .platform-wrap .cmd-item .title{background-image:url(../images/sports/title_cmd_cn.webp); background-size:180% 129%; background-position:6px -14px;}
.mod-sports .platform-wrap .bb-item .title{background-image:url(../images/sports/title_bbin_cn.webp); background-size:170% 127%; background-position:-3px -14px;}
.mod-sports .platform-wrap .ag-item .title{background-image:url(../images/sports/title_ag_cn.webp); background-size:223% 130%; background-position:1px -14px;}
.mod-sports .platform-wrap .alt188-item .title{background-image:url(../images/sports/title_188_cn.webp);}
.mod-sports .platform-wrap .sbo-item .title{background-image:url(../images/sports/title_sbobet_cn.webp); background-size:190% 126%; background-position:-2px -14px;}
.mod-sports .platform-wrap .obsports-item .title{background-image:url(../images/sports/title_db_cn.webp); background-size:178% 129%; background-position:-4px -14px;}
.mod-sports .platform-wrap .sexy-item .title{background-image:url(../images/sports/title_sexysport_cn.webp); background-size:167% 123%; background-position:-3px -7px;}
.mod-sports .platform-wrap .ogsports-item .title{background-image:url(../images/sports/title_ogsport_cn.webp); background-size:224% 130%; background-position:-7px -14px;}
.mod-sports .platform-wrap .xiaojing-item .title{background-image:url(../images/sports/title_xjsport_cn.webp); background-size:203% 129%; background-position:4px -15px;}
.mod-sports .platform-wrap .fbsports-item .title,
.mod-sports .platform-wrap .fb-item .title{background-image:url(../images/sports/title_fbsports_cn.webp); background-size:227% 131%; background-position:-7px -14px;}
.mod-sports .platform-wrap .ai-item .title{background-image:url(../images/sports/title_ai_cn.webp); background-size:340% 131%; background-position:27px -14px;}
.mod-sports .platform-wrap .opus-item .title{background-image:url(../images/sports/title_opus_cn.webp);background-size:147% 120%; background-position:-18px;}
.mod-sports .platform-wrap .pinnacle-item .title{background-image:url(../images/sports/title_pinnacle_cn.webp);background-size:147% 120%; background-position:-18px;}
.mod-sports .platform-wrap .sport365-item .title{background-image:url(../images/sports/title_365_cn.webp);background-size:147% 120%; background-position:-18px;}
.mod-sports .platform-wrap .xiaojing-item .title{background-image:url(../images/sports/title_xjsport_cn.webp); background-size:203% 129%; background-position:4px -15px;}
.mod-sports .platform-wrap .play98-item .title{background-image:url(../images/sports/title_98play_cn.webp);background-size:147% 120%; background-position:-18px;}
.mod-sports .platform-wrap .de-item .title{background-image:url(../images/sports/title_de_cn.webp);background-size:231% 130%; background-position:21px -14px}

/*电子竞技内页*/
.mod-esports{background-image:url(../images/esports/esports_bg.webp); background-size:100% 100%;overflow-x:hidden;}
.mod-esports .content-hd-menu{text-align:center; top:430px; right:-8%;}
.mod-esports .esports-item .item-content .title{margin-bottom:20px; height:134px;}
.mod-esports .platform-wrap .item-content p.txt{text-align:center;}
.mod-esports .esports-item .line{border:1px solid #fff; width:550px;}
.mod-esports .esports-item .item-content a{top:217px; left:196px; position:relative;}
.mod-esports .platform-wrap .img-left{height:688px; position:relative; left:-70px;}
.mod-esports .platform-wrap .img-left img{position:absolute;}
.mod-esports .platform-wrap .img-left img:nth-child(3){height:560px; top:31px; left:28px; animation:eppls 1s forwards;}
.mod-esports .platform-wrap .img-left img.pattern{height:257px; opacity:0; top:0; left:106px; right:0; -webkit-animation:pattern .4s ease-in-out forwards; animation:pattern .4s ease-in-out forwards;}
.mod-esports .platform-wrap .img-left img.ground{height:484px; opacity:0; left:0; right:0; bottom:0; -webkit-animation:eground .4s ease-in-out forwards; animation:eground .4s ease-in-out forwards;}
.mod-esports .item-content{width:552px; position:relative; margin-top:90px; left:69px;}
.mod-esports .item-content p.esports-icons{background-image:url(../images/esports/esports_icons.webp); background-size:489px 41px; width:100%; height:41px; margin-bottom:20px;}

.mod-esports .platform-wrap .esports-item .esports-box{background:#6897ff9c; height:75px; width:680px; -ms-transform:skewX(-20deg); -webkit-transform:skewX(-20deg); transform:skewX(-20deg); position:absolute; top:600px;}

.mod-esports .platform-wrap .esports-item .esports-games{width:621px; height:64px; margin:6px 24px; position:absolute; top:600px;}

@keyframes pattern{
	0% {
	    opacity: 0;
	    transform: translate3d(0,-30px,0);
	}
	100% {
	    opacity: 1;
	    transform: translateZ(0);
	}
}
@keyframes eground{
	0% {
	    opacity: 0;
	    transform: translate3d(0,20px,0);
	}
	100% {
	    opacity: 1;
	    transform: translateZ(0);
	}
}
@keyframes eppls{
	0% {
	    opacity: 0;
	    transform: rotateX(20deg);
	}
	100% {
	    opacity: 1;
	    transform: rotateX(0);
	}
}

.mod-esports .platform-wrap .im-item .title{background-image:url(../images/esports/title_im_cn.webp); background-size:215% 129%; background-position:22px -14px;}
.mod-esports .platform-wrap .avia-item .title{background-image:url(../images/esports/title_avia_cn.webp); background-size:210% 136%; background-position:-10px -14px;}
.mod-esports .platform-wrap .lh-item .title{background-image:url(../images/esports/title_thunderfire_cn.webp); background-size:315% 124%; background-position:2px -14px;}
.mod-esports .platform-wrap .ia-item .title{background-image:url(../images/esports/title_ia_cn.webp); background-size:305% 130%; background-position:14px -14px;}
.mod-esports .platform-wrap .obesports-item .title,
.mod-esports .platform-wrap .db-item .title{background-image:url(../images/esports/title_db_cn.webp); background-size:237% 140%; background-position:3px -8px;}
.mod-esports .platform-wrap .pinnacle-item .title{background-image:url(../images/esports/title_pinnacle_cn.webp); background-size:223% 122%; background-position:3px -8px;}
.mod-esports .platform-wrap .saba-item .title{background-image:url(../images/esports/title_saba_cn.webp); background-size:215% 128%; background-position:-13px -8px;}

/*彩票投注*/
.mod-lottery{background:#000; padding-bottom:20px; background-image:linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 38%)), url(../images/lotto/lotto_bg.webp); background-size:100% 650px; background-repeat:no-repeat;}
.mod-lottery .mod-banner{width:1200px; height:450px; background:url(../images/lotto/img_lottery.webp?v1) no-repeat right top; background-size:50% 105%;}
.mod-lottery .mod-banner:before{content:''; display:block; width:490px; height:100%; background:url(../images/lotto/title_lottery_cn.webp?v1) no-repeat left center; background-size:100% 35%;}

@keyframes title{
	0% {
    opacity: 0;
    transform: translate3d(0,-50px,0);
	}
	100% {
	    opacity: 1;
	    transform: translateZ(0);
	}
}
@keyframes lotto-floatA{
	0% {
	    transform: translate(0);
	}
	50% {
	    transform: translateY(-20px);
	}
	100% {
	    transform: translate(0);
	}
}
@keyframes lotto-floatB{
	0% {
	    transform: translate(0);
	}
	50% {
	    transform: translateY(20px);
	}
	100% {
	    transform: translate(0);
	}
}
@keyframes lWrap{
	0% {
	    opacity: 0;
	    transform: rotateX(20deg);
	}
	100% {
	    opacity: 1;
	    transform: rotateX(0);
	}
}
@keyframes lppls{
	0% {
    opacity: 0;
    transform: translate3d(0,50px,0);
	}
	100% {
	    opacity: 1;
	    transform: translateZ(0);
	}
}

/*动物页*/
.mod-animal{background-image:url(../images/animal/animal_bg.webp); background-size:100% 100%; height:1000px;}
.mod-animal .platform-wrap{padding:100px 0 0;}
.mod-animal .content-hd-menu{top:400px; text-align:center; left:0%; width:553px;}
.mod-animal .animal-item .line{border:1px solid #bab5b5; width:550px;}
.mod-animal .animal-item .item-content .title{margin-bottom:20px; height:134px;}
.mod-animal .animal-item .item-content a{margin-top:20px; top:278px; left:179px; position:relative;}
.mod-animal .platform-wrap .img-left{width:670px; height:auto; position:relative; top:-120px; perspective:600px; float:right;}
.mod-animal .platform-wrap .img-left .main-img{width:100%; height:100%;}
.mod-animal .platform-wrap .item-content{width:490px; position:relative;}

.mod-animal .platform-wrap .img-left .main-img{width:859px; height:1200px; background-image:url(../images/animal/3d_horse.webp); background-size:1200px 1500px; position:absolute; top:100px;}
.mod-animal .platform-wrap .img-left .sub-img{width:380px; height:380px; position:relative; top:374px; left:469px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}

.mod-animal .platform-wrap .s128-item .title{background-image:url(../images/animal/title_ss3d_cn.webp); background-size:202% 123%; background-position:67px -9px;}
.mod-animal .platform-wrap .rcb988-item .title{background-image:url(../images/animal/title_rcb988_cn.webp); background-size:200% 123%; background-position:5px -9px;}
.mod-animal .platform-wrap .edgecricket-item .title{background-image:url(../images/animal/title_cricket_cn.webp); background-size:200% 123%; background-position:5px -9px;}
.mod-animal .platform-wrap .edgecockfighting-item .title{background-image:url(../images/animal/title_cockfighting_cn.webp); background-size:200% 123%; background-position:5px -9px;}
.mod-animal .platform-wrap .edgeicehockey-item .title{background-image:url(../images/animal/title_icehocky_cn.webp); background-size:200% 123%; background-position:5px -9px;}
.mod-animal .platform-wrap .odin-item .title{background-image:url(../images/animal/title_odin_cn.webp); background-size:280% 123%; background-position:5px -9px;}
.mod-animal .platform-wrap .sv388-item .title{background-image:url(../images/animal/title_sv388.webp); background-size:400% 123%; background-position:35px -9px;}
.mod-animal .platform-wrap .ga28-item .title{background-image:url(../images/animal/title_ga28.webp); background-size:400% 123%; background-position:50px -9px;}

/*marble*/
.mod-marble .content-hd-menu li.magic-icon i, .mod-marble .content-hd-menu li.magic-icon:hover i, .mod-marble .content-hd-menu li.magic-icon.current i{filter:none!important;height:50px;background-position: -85px -4572px;background-size: 150px auto;background-image: url(../images/marble/platform_dropdown.webp);}
.mod-marble .content-hd-menu li.marble155-icon i, .mod-marble .content-hd-menu li.marble155-icon:hover i, .mod-marble .content-hd-menu li.marble155-icon.current i{filter:none!important;background-position: -85px -4609px;background-size: 150px auto;background-image: url(../images/marble/platform_dropdown.webp);}

.mod-marble{background-image:url(../images/marble/marble_bg.webp); background-size:100%; height:800px;}
.mod-marble .platform-wrap{padding:100px 0 0;}
.mod-marble .platform-wrap .img-left{width:670psx; height:auto; position:relative; top:-120px; perspective:600px; float:right;}
.mod-marble .platform-wrap .magic-item .title{background-image:url(../images/marble/title_marble_cn.webp); background-size:120% 110%; background-position:-31px 0;}
.mod-marble .platform-wrap .marble155-item .title{background-image:url(../images/marble/title_155_cn.webp); background-size:120% 122%; background-position:-49px 0;}
.mod-marble .marble-item .item-content .title{margin-bottom:20px; height:134px;}
.mod-marble .marble-item .line{border:1px solid #bab5b5; width:550px;}
.mod-marble .platform-wrap .item-content{width:530px; position:relative;float:left;}
.mod-marble .platform-wrap .magic-item .img-left .main-img{width:790px; height:700px; background-image:url(../images/marble/marble_games.webp); background-size:100%; position:absolute; top:100px;}
.mod-marble .platform-wrap .marble155-item .img-left .main-img{width:435px; height:550px; background-image:url(../images/marble/155_games.webp); background-size:100%; background-repeat:no-repeat;background-position:center;position:absolute; top:100px;}
.mod-marble .content-hd-menu{top:320px; text-align:center; left:0%; width:553px;}
.mod-marble .marble-item .item-content a{margin-top:20px; top:220px; left:179px; position:relative;}

/*真人娱乐*/
.mod-live-casino{background-image:url(../images/live_casino/live_bg.webp); background-size:100% 100%; height:1145px;}
/*.mod-live-casino .platform-wrap{padding:47px 0 60px;}*/
.mod-live-casino .content-hd-menu{top:480px; left:-30px; text-align:center;}
.mod-live-casino .item-content ul{position:relative; top:-43px;}
.mod-live-casino .live-item .item-content .title{margin-bottom:20px; height:134px; }
.mod-live-casino .platform-wrap .item-content p.txt{text-align:center;}
.mod-live-casino .live-float-01{position:absolute; top:25px; left:394px; width:37px; height:30px; z-index:1; -webkit-animation:live-floatA 5s infinite; animation:live-floatA 5s infinite;}
.mod-live-casino .live-float-02{position:absolute; top:24px; left:123px; width:71px; height:57px; z-index:1; -webkit-animation:live-floatB 5s infinite; animation:live-floatB 5s infinite;}
.mod-live-casino .live-float-03{position:absolute; top:229px; left:-33px; width:121px; height:81px; z-index:1; -webkit-animation:live-floatC 5s infinite; animation:live-floatC 5s infinite;}
.mod-live-casino .live-float-04{position:absolute; top:405px; left:-36px; width:67px; height:63px; z-index:1; -webkit-animation:live-floatD 5s infinite; animation:live-floatD 5s infinite;}
.mod-live-casino .img-left img:nth-child(5){height:747px;}
.mod-live-casino .platform-wrap .item-content{width:553px; position:relative; float:left;}
/*.mod-live-casino .platform-wrap .item-content .title{margin-top:60px;}*/
.mod-live-casino .platform-wrap .item-content p.live-icons{background-image:url(../images/live_casino/live_icons_01.webp); width:100%; height:50px; margin:0 auto 20px; background-size:355px 50px; background-repeat:no-repeat;}

.mod-live-casino .live-item .player{position:absolute; background-image:url(../images/live_casino/live_casino_img.webp?v1); height:1000px; width:900px; background-size:108% 100%; background-repeat:no-repeat; background-position:-65px 10px; left:-99px; top:100px;}
@media (min-width: 1205px) {
	.mod-live-casino .live-item .player{left:-259px; height:950px; width:750px; top:103px; background-size:134% 100%;}
}
@media (min-width: 1420px) {
	.mod-live-casino .live-item .player{left:-210px; height:900px; width:800px; top:146px;}
}
@media (min-width: 1600px) {
	.mod-live-casino .live-item .player{left:-251px; top:53px; width:900px; background-size:129% 95%; height:1000px; background-position:-77px 49px;}
}
@media (min-width: 1700px) {
	.mod-live-casino .live-item .player{left:-198px; width:900px; top:-10px; height:1100px; background-size:130% 90%; background-position:-75px 72px;}
}
@media (min-width: 1706px){
	.mod-live-casino .live-item .player{left:-198px; width:900px; top:-1px; height:1053px; background-size:129% 88%; background-position:-74px 128px;}
}
@media (min-width: 1920px){
	.mod-live-casino .live-item .player{left:-198px; width:1005px; top:87px; height:965px; background-size:122% 101%; background-position:-81px -10px;}
}
@media (min-width: 1921px){
	.mod-live-casino .live-item .player{left:-198px; width:1250px; top:87px; height:1000px; background-size:105% 98%; background-position:-71px -15px;}
}


.mod-live-casino .live-item .img-left{width:460px; height:754px; position:relative; float:right;}
.mod-live-casino .live-item .live-box{display:inline-block;}
.mod-live-casino .live-item .live-title{color:#fff; text-align:center;}
.mod-live-casino .live-item .line{border:1px solid #fff; width:550px;}
.mod-live-casino .live-item .item-content a{top:350px; left:178px; position:relative;}
.mod-live-casino .ea-item .item-content a{top:496px; left:178px; position:relative;}
.mod-live-casino .sexy-item .item-content a{top:496px; left:178px; position:relative;}
.mod-live-casino .og-item .item-content a{top:496px; left:178px; position:relative;}
.mod-live-casino .n2-item .item-content a{top:496px; left:178px; position:relative;}
/* .mod-live-casino .live-item .player{position:relative; top:-554px; height:1100px;} */
.mod-live-casino .live-item .item-content .live-wrap{background-image:url(../images/sports/blue_box.webp); width:600px; height:50px; background-size:615px 65px; background-repeat:no-repeat; background-position-x:center; background-position-y:1px; position:relative; top:39px; left:-27px; z-index:-1;}
.mod-live-casino .live-item .live-box .img{width:66px; height:54px; margin:0px 11px; background-repeat:no-repeat; background-position:center;}
.mod-live-casino .live-item .blackjack{background-image:url(../images/live_casino/blackjack.webp); background-size:contain;}
.mod-live-casino .live-item .bacarrat{background-image:url(../images/live_casino/bacarrat.webp); background-size:contain;}
.mod-live-casino .live-item .dragon-tiger{background-image:url(../images/live_casino/dragon_tiger.webp); background-size:contain;}
.mod-live-casino .live-item .sicbo{background-image:url(../images/live_casino/sicbo.webp); background-size:contain;}
.mod-live-casino .live-item .roulette{background-image:url(../images/live_casino/roulette.webp); background-size:contain;}
.mod-live-casino .live-item .niuniu{background-image:url(../images/live_casino/niu_niu.webp); background-size:contain;}

@keyframes live-floatA{
	0% {
    transform: translateZ(0);
	}
	50% {
	    transform: translate3D(10px,10px,0);
	}
	100% {
	    transform: translateZ(0);
	}
}
@keyframes live-floatB{
	0% {
    transform: translateZ(0);
	}
	50% {
	    transform: translate3D(10px,10px,0);
	}
	100% {
	    transform: translateZ(0);
	}
}
@keyframes live-floatC{
	0% {
	    transform: translateX(0);
	}
	50% {
	    transform: translateY(-10px);
	}
	100% {
	    transform: translateX(0);
	}
}
@keyframes live-floatD{
	0% {
	    transform: translateZ(0);
	}

	50% {
	    transform: translate3D(10px,-10px,0);
	}
	100% {
	    transform: translateZ(0);
	}
}

.mod-live-casino .platform-wrap .l-c-ag .title{background-image:url(../images/live_casino/title_palive_cn.webp); background-size:230% 119%; background-position:-12px -10px;}
.mod-live-casino .platform-wrap .l-c-we .title{background-image:url(../images/live_casino/title_we_cn.webp); background-size:213% 113%; background-position:-6px -2px;}
.mod-live-casino .platform-wrap .l-c-gd .title{background-image:url(../images/live_casino/title_gd_cn.webp);}
.mod-live-casino .platform-wrap .l-c-allbet .title{background-image:url(../images/live_casino/title_allbet_cn.webp); background-size:219% 119%; background-position:-22px -10px;}
.mod-live-casino .platform-wrap .l-c-yeebet .title{background-image:url(../images/live_casino/title_yeebet_cn.webp); background-size:200% 119%; background-position:-5px -10px;}
.mod-live-casino .platform-wrap .l-c-bb .title{background-image:url(../images/live_casino/title_bb_cn.webp); background-size:185% 117%; background-position:-18px -6px;}
.mod-live-casino .platform-wrap .l-c-ea .title{background-image:url(../images/live_casino/title_ea_cn.webp); background-size:229% 125%; background-position:5px -11px;}
.mod-live-casino .platform-wrap .l-c-n2 .title{background-image:url(../images/live_casino/title_n2_cn.webp); background-size:233% 122%; background-position:-2px -10px;}
.mod-live-casino .platform-wrap .l-c-dg .title{background-image:url(../images/live_casino/title_dg_cn.webp); background-size:233% 122%; background-position:-1px -10px;}
.mod-live-casino .platform-wrap .l-c-bg .title{background-image:url(../images/live_casino/title_bg_cn.webp); background-size:233% 122%; background-position:1px -10px;}
.mod-live-casino .platform-wrap .l-c-mg .title{background-image:url(../images/live_casino/title_mg_cn.webp); background-size:229% 120%; background-position:-16px -8px;}
.mod-live-casino .platform-wrap .l-c-pt .title{background-image:url(../images/live_casino/title_pt_cn.webp); background-size:233% 120%; background-position:-1px -8px;}
.mod-live-casino .platform-wrap .l-c-ibo .title{background-image:url(../images/live_casino/title_ibo_cn.webp); background-size: 215% 120%; background-position:-1px -8px;}
.mod-live-casino .platform-wrap .l-c-hj .title{background-image:url(../images/live_casino/title_royal_cn.webp);}
.mod-live-casino .platform-wrap .l-c-og .title{background-image:url(../images/live_casino/title_og_cn.webp); background-size:232% 122%; background-position:-4px -10px;}
.mod-live-casino .platform-wrap .l-c-sexy .title{background-image:url(../images/live_casino/title_sexy_cn.webp); background-size:171% 120%; background-position:-4px -8px;}
.mod-live-casino .platform-wrap .l-c-gpi .title{background-image:url(../images/live_casino/title_gpi_cn.webp); background-size:212% 120%; background-position:3px -8px;}
.mod-live-casino .platform-wrap .l-c-cqg .title{background-image:url(../images/live_casino/title_cq9_cn.webp); background-size:202% 120%; background-position:-20px -8px;}
.mod-live-casino .platform-wrap .l-c-wm .title{background-image:url(../images/live_casino/title_wm_cn.webp); background-size:207% 120%; background-position:-1px -8px;}
.mod-live-casino .platform-wrap .l-c-evo .title{background-image:url(../images/live_casino/title_evolution_cn.webp); background-size:202% 120%; background-position:-7px -8px;}
.mod-live-casino .platform-wrap .l-c-via .title{background-image:url(../images/live_casino/title_via_cn.webp); background-size:202% 120%; background-position:-7px -8px;}
.mod-live-casino .platform-wrap .l-c-oblive .title{background-image:url(../images/live_casino/title_db_cn.webp); background-size: 264% 143%; background-position: 7px -28px;}
.mod-live-casino .platform-wrap .l-c-pp .title{background-image:url(../images/live_casino/title_ppld_cn.webp); background-size:236% 119%; background-position:9px -10px;}
.mod-live-casino .platform-wrap .l-c-ezugi .title{background-image:url(../images/live_casino/title_ezugi_cn.webp); background-size:164% 122%; background-position:-9px -10px;}
.mod-live-casino .platform-wrap .l-c-sa .title{background-image:url(../images/live_casino/title_sa_cn.webp); background-size:229% 125%; background-position:5px -11px;}
.mod-live-casino .platform-wrap .l-c-98play .title{background-image:url(../images/live_casino/title_98play_cn.webp); background-size:148% 111%; background-position:-21px;}
.mod-live-casino .platform-wrap .l-c-joker .title{background-image:url(../images/live_casino/title_joker_cn.webp); background-size:148% 111%; background-position:-21px;}
.mod-live-casino .platform-wrap .l-c-opus .title{background-image:url(../images/live_casino/title_opus_cn.webp); background-size:148% 111%; background-position:-21px;}
.mod-live-casino .platform-wrap .l-c-superspade .title{background-image:url(../images/live_casino/title_superspade_cn.webp); background-size:120%; background-position:-12px;}
.mod-live-casino .platform-wrap .l-c-eeai .title{background-image:url(../images/live_casino/title_eeailive_cn.webp); background-size:187%; background-position:-12px;}
.mod-live-casino .platform-wrap .l-c-ar .title{background-image:url(../images/live_casino/title_ar_cn.webp); background-size:285% 136%; background-position: -12px -23px;}
.mod-live-casino .platform-wrap .l-c-mt .title{background-image:url(../images/live_casino/title_mt_cn.webp); background-size: 400% 119%; background-position: -12px -10px;}


/*棋牌游戏内页*/
.mod-chess{background-color:#000; padding-bottom:20px; background-image:linear-gradient(rgb(0 0 0 / 7%), rgb(0 0 0 / 50%)), url(../images/chess/chess_bg.webp); background-size:100% 650px; background-repeat:no-repeat;}
.mod-chess .mod-banner{width:1200px; height:450px; background:url(../images/chess/img_chess.webp?v1) no-repeat left bottom; background-size:50% 98%; background-position:1px 29px;}
.mod-chess .mod-banner:before{content:''; display:block; width:1200px; height:100%; background:url(../images/chess/title_chess_cn.webp?v1) no-repeat right center; background-size:50% 40%;}

/*动物页*/
.mod-animal .platform-wrap .img-left{width:670px; height:auto; position:relative; top:-170px; perspective:600px;}
.mod-animal .platform-wrap .item-content{width:553px; position:absolute; float:left;}

@media (min-width: 1205px) {
	.mod-animal .platform-wrap .img-left .sub-img{width:330px; height:330px; position:relative; top:336px; left:351px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}
	.mod-animal .animal-item .main-img{left:-161px; width:862px !important; top:-10px; height:920px !important; background-size:139% 116% !important; background-position:36px 57px;}
}
@media (min-width: 1420px) {
	.mod-animal .platform-wrap .img-left .sub-img{width:350px; height:350px; position:relative; top:336px; left:422px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}
	.mod-animal .animal-item .main-img{left:-87px; width:900px; top:-10px; height:970px !important; background-size:151% 119% !important; background-position:-14px 57px;}
}
@media (min-width: 1600px) {
	.mod-animal .platform-wrap .img-left .sub-img{width:350px; height:350px; position:relative; top:336px; left:507px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}
	.mod-animal .animal-item .main-img{left:1px; width:900px; top:-10px; height:970px !important; background-size:151% 119% !important; background-position:-14px 57px;}
}
@media (min-width: 1706px){
	.mod-animal .platform-wrap .img-left .sub-img{width:350px; height:350px; position:relative; top:336px; left:526px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}
	.mod-animal .animal-item .main-img{left:35px; width:900px; top:-10px; height:970px !important; background-size:151% 119% !important; background-position:-14px 57px;}
}
@media (min-width: 1920px){
	.mod-animal .platform-wrap .img-left .sub-img{width:350px; height:350px; position:relative; top:336px; left:526px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}
	.mod-animal .platform-wrap .img-left .main-img{width:982px !important; height:1200px; background-image:url(../images/animal/3d_horse.webp); background-size:124% 115% !important; position:absolute; top:100px; background-position:-16px 46px;}
}
@media (min-width: 1922px){
	.mod-animal .platform-wrap .img-left .sub-img{width:350px; height:350px; position:relative; top:336px; left:526px; z-index:1; background:url(../images/animal/chicken.webp) no-repeat; background-size:100% 100%;}
	.mod-animal .platform-wrap .img-left .main-img{width:1150px !important; height:1200px; background-image:url(../images/animal/3d_horse.webp); background-size:109% 116% !important; position:absolute; top:100px;}
}

/*电子游艺*/
.mod-games{background-color:#000; padding-bottom:20px; background-image:linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../images/games/slots_bg.webp); background-size:100% 650px; background-repeat:no-repeat;}
.mod-games .mod-banner{width:1200px; height:450px; background:url(../images/games/img_slots.webp) no-repeat right bottom; background-size:60% 100%;}
.mod-games .mod-banner:before{content:''; display:block; width:490px; height:100%; background:url(../images/games/title_slots_cn.webp?v1) no-repeat left center; background-size:103% 35%;}

.mod-games .hd-menu li.gpid2021100710001-icon i{background-image:url(../images/games/platform_logo_seaslot_normal.webp?v1);}

/*捕鱼*/
.mod-fish{background:#000; padding-bottom:20px; background-image: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../images/fish/fish_bg.webp); background-size:100% 650px; background-repeat:no-repeat;}
.mod-fish .mod-banner{width:1200px; height:450px; background:url(../images/fish/img_fish.webp) no-repeat right bottom; background-size:60% 100%;}
.mod-fish .mod-banner:before{content:''; display:block; width:490px; height:100%; background:url(../images/fish/title_fish_cn.webp) no-repeat left center; background-size:103% 35%;}

/*街机*/
.mod-arcade{background:#000; padding-bottom:20px; background-image: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../images/arcade/lotto_bg.webp); background-size:100% 650px; background-repeat:no-repeat;}
.mod-arcade .mod-banner{width:1200px; height:450px; background:url(../images/arcade/img_arcade.webp) no-repeat right bottom; background-size:60% 100%;}
.mod-arcade .mod-banner:before{content:''; display:block; width:490px; height:100%; background:url(../images/arcade/title_arcade_cn.webp) no-repeat left center; background-size:165% 35%;}

/*扑克页*/
.mod-poker{background-image:url(../images/poker/poker_bg.webp); background-size:100% 100%; height:1200px;}
.mod-poker .platform-wrap{padding:100px 0 0;}
.mod-poker .content-hd-menu{top:400px; text-align:center; left:58%;}
.mod-poker .poker-item .line{border:1px solid #bab5b5; width:550px;}
.mod-poker .platform-wrap .img-left{width:670px; height:auto; position:relative; top:-60px; perspective:600px;}
.mod-poker .platform-wrap .img-left img{width:1000px; height:1150px; left:-180px; top:112px; position:absolute;}
.mod-poker .platform-wrap .item-content{width:490px; position:relative;}
.mod-poker .platform-wrap .item-content a{margin-top:20px;}

.mod-poker .platform-wrap .p2p-item .title{background-image:url(../images/poker/title_p2play_cn.webp); margin-left:33px; margin-top:110px; height:105px;}
.mod-poker .poker-item .item-content a{top:368px; left:198px; position:relative;}

.mod-poker .content-hd-menu li:hover:before{background-image:url(../images/rhombus_active.webp); -webkit-animation:btn-hover .5s ease forwards; animation:btn-hover .5s ease forwards; background-size:114px 114px;}
.mod-poker .content-hd-menu li:before{content:''; display:block; position:absolute; width:97px; height:97px; background-image:url(../images/rhombus_normal.webp); background-size:118px 118px; background-repeat:no-repeat; background-position:-9px -3px;}

/*优惠活动*/
.mod-promotions{background-color:#f3f6fc;}
.mod-promotions .mod-banner img{width:100%}
.mod-promotions .promo-banner{height:365px;}
.mod-promotions .ppl{background:url(../images/promo/promo_img.webp) no-repeat; background-size:contain; width:629px; height:365px; position:relative;}
.mod-promotions .words{background:url(../images/promo/preferential_activies.webp) no-repeat; background-size:contain; width:600px; height:207px; position:absolute; top:80px;}
.mod-promotions .area-sub{width:210px; box-sizing:border-box; clear:both; /* width: 100%; */ padding-top:20px; background-color:#fff; padding:19px 0 29px; border-radius:10px; box-shadow:0 2px 15px 0 #dde5f5;}
.mod-promotions .area-sub h4{/*background:url(../images/promo/promo_sprite_cn.webp) no-repeat;*/ /*background-size:618px 31px;*/ height:31px; width:170px; margin:0 auto; font-size:24px; color:#707070; text-align:center; font-weight:600;}
.mod-promotions .menu-sub{padding-top:20px; /*width:100%;*/ /*background-color:#fff;*/ /*padding:19px 0 29px;*/ /*border-radius:10px;*/ /*box-shadow: 0 2px 15px 0 #dde5f5;*/}
.mod-promotions .menu-sub > i{background:url(../images/promo/promo_icon.webp) no-repeat; width:120px; height:46px; display:block; margin:0 auto;}
.mod-promotions .menu-sub ul li{width:100%; height:59px; font-size:16px; font-weight:400; display:block; position:relative; text-align:left;}
.mod-promotions .menu-sub ul li a{height:100%; color:#565656; display:block; box-sizing:border-box; font-size:14px; transition:all .3s; margin-left:35px;line-height:1.2;min-height:59px;display:flex;align-items:center;}
.mod-promotions .menu-sub ul .current a,.mod-promotions .menu-sub ul .current a:hover,.mod-promotions .menu-sub ul li a:hover{color:#fff;}
.mod-promotions .menu-sub ul li:hover,.mod-promotions .menu-sub ul li.current{background-image:linear-gradient(#6897FF, #586FFF , #5462FF)}

/*.mod-promotions .menu-sub ul li i*/
.mod-promotions .menu-sub ul li a span,.mod-promotions .btn i,.mod-promotions .btn p,.act-detail-container .layout .close-btn i{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.mod-promotions .menu-sub ul li i{width:29px; height:29px; display:block; position:absolute; top:15px; background:url(../images/promo/promo_sprite_cn.webp) no-repeat; background-size:618px 31px; background-repeat:no-repeat;}
.mod-promotions .menu-sub ul li:hover i,.mod-promotions .menu-sub ul li.current i{background-image:url(../images/promo/promo_sprite_cn.webp);}

.mod-promotions .menu-sub ul li[atype="0"] i{background-position-x:-172px;}
.mod-promotions .menu-sub ul li[atype="5001"] i{background-position-x:-237px;}
.mod-promotions .menu-sub ul li[atype="5002"] i{background-position-x:-301px;}
.mod-promotions .menu-sub ul li[atype="5003"] i{background-position-x:-364px;}
.mod-promotions .menu-sub ul li[atype="5004"] i{background-position-x:-429px;}
.mod-promotions .menu-sub ul li[atype="5005"] i{background-position-x:-492px;}
.mod-promotions .menu-sub ul li[atype="5006"] i{background-position-x:-556px;}
.mod-promotions .menu-sub ul li[atype="5007"] i{background-position-x:-301px;}
.mod-promotions .menu-sub ul li[atype="5008"] i{background-position-x:-301px;}
.mod-promotions .menu-sub ul li[atype="5009"] i{background-position-x:-301px;}
.mod-promotions .menu-sub ul li[atype="6998"] i{background-position-x:-172px;}
.mod-promotions .menu-sub ul li[atype="16"] i{background-position-x:-172px;}

.mod-promotions .menu-sub ul li[atype="11"] i{background:url(../images/promo/new_user_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="12"] i{background:url(../images/promo/normal_event_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="14"] i{background:url(../images/promo/high_return_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="15"] i{background:url(../images/promo/vip_icon.webp) no-repeat; background-size:contain;}

.mod-promotions .menu-sub ul li[atype="0"]:hover i{background-position-x:-205px;}
.mod-promotions .menu-sub ul li[atype="5001"]:hover i{background-position-x:-269px;}
.mod-promotions .menu-sub ul li[atype="5002"]:hover i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="5003"]:hover i{background-position-x:-396px;}
.mod-promotions .menu-sub ul li[atype="5004"]:hover i{background-position-x:-460px;}
.mod-promotions .menu-sub ul li[atype="5005"]:hover i{background-position-x:-524px;}
.mod-promotions .menu-sub ul li[atype="5006"]:hover i{background-position-x:-589px;}
.mod-promotions .menu-sub ul li[atype="5007"]:hover i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="5008"]:hover i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="5009"]:hover i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="6998"]:hover i{background-position-x:-205px;}
.mod-promotions .menu-sub ul li[atype="16"]:hover i{background-position-x:-205px;}

.mod-promotions .menu-sub ul li[atype="11"]:hover  i{background:url(../images/promo/new_user_hover_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="12"]:hover  i{background:url(../images/promo/normal_event_hover_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="14"]:hover  i{background:url(../images/promo/high_return_hover_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="15"]:hover  i{background:url(../images/promo/vip_hover_icon.webp) no-repeat; background-size:contain;}

.mod-promotions .menu-sub ul li[atype="0"].current i{background-position-x:-205px;}
.mod-promotions .menu-sub ul li[atype="5001"].current i{background-position-x:-269px;}
.mod-promotions .menu-sub ul li[atype="5002"].current i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="5003"].current i{background-position-x:-396px;}
.mod-promotions .menu-sub ul li[atype="5004"].current i{background-position-x:-460px;}
.mod-promotions .menu-sub ul li[atype="5005"].current i{background-position-x:-524px;}
.mod-promotions .menu-sub ul li[atype="5006"].current i{background-position-x:-589px;}
.mod-promotions .menu-sub ul li[atype="5007"].current i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="5008"].current i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="5009"].current i{background-position-x:-332px;}
.mod-promotions .menu-sub ul li[atype="6998"].current i{background-position-x:-205px;}
.mod-promotions .menu-sub ul li[atype="16"].current i{background-position-x:-205px;}

.mod-promotions .menu-sub ul li[atype="11"].current  i{background:url(../images/promo/new_user_hover_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="12"].current  i{background:url(../images/promo/normal_event_hover_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="14"].current  i{background:url(../images/promo/high_return_hover_icon.webp) no-repeat; background-size:contain;}
.mod-promotions .menu-sub ul li[atype="15"].current  i{background:url(../images/promo/vip_hover_icon.webp) no-repeat; background-size:contain;}


.mod-promotions .area-main{width:990px; padding-top:30px; float:right;}
.mod-promotions .area-main li{width:960px; height:auto; margin:0 0 30px 30px; position:relative; border-radius:10px; overflow:hidden; cursor:pointer; list-style:none; margin-top:-11px; transition:all .3s ease;}
.mod-promotions .area-main li:hover{transform:scale(1.018);}
.mod-promotions .info-tit{cursor:pointer; width:960px; height:auto;}
.mod-promotions .info-tit img{width:100%; height:100%;}
.mod-promotions .info-cont img{width:100%;}
.mod-promotions .info-cont{color:#000; background:#fff; line-height:24px; font-size:14px; display:none; width:960px; padding:10px; box-sizing:border-box;}
.mod-promotions .info-cont h3.info-headline{font:22px/1.5 "Microsoft YaHei"; color:#f1eda9; padding:15px 0; display:none;}

.mod-promotions .info-cont table{margin:15px 0; width:100%;}
.mod-promotions .info-cont table td,.mod-promotions .info-cont table th{border:1px solid #666; text-align:center; padding:5px 0;}
.mod-promotions .info-cont table th{background:#c6af74; color:#222;}
.mod-promotions .info-cont ol,.mod-promotions .info-cont ul{list-style:decimal; margin-left:5px;}
.mod-promotions .info-cont li{list-style-type:inherit; margin-left:16px; padding-left:5px; width:auto;}
.mod-promotions .notice{position: relative;}

.mod-promotions .gift-pic-container{margin-top:15px;}
.mod-promotions .gift-pic-container .gift-wrap{display:flex; align-items:flex-end; flex-wrap:wrap; margin-top:5px;}
.mod-promotions .gift-pic-container .gift-image{width:23%; margin:0 2% 2% 0; word-wrap:break-word; color:#999;}
.mod-promotions .gift-pic-container .gift-image:nth-of-type(4n){margin-right:0;}
.mod-promotions .gift-pic-container .gift-image img{right:auto !important;}
.mod-promotions .gift-pic-container .gift-image h3{color:#00a6f0 !important; font-size:17px !important; margin:6px 0 2px 0;}
.mod-promotions .gift-pic-container .btn-redeem{width:100%; height:40px; background:#00a6f0; padding:4px 20px 5px 20px; margin-top:8px; line-height:1.5; color:#252525;border:none; vertical-align:middle; cursor:pointer; border-radius:3px; text-align:center;}
.mod-promotions .gift-pic-container .btn-redeem.btn-disabled{background:#ccc;}
.mod-promotions .gift-pic-container .btn-redeem > .btn-redeem-text{display:block;}
.mod-promotions .gift-pic-container .btn-redeem > .btn-redeem-spinner{display:none;}
.mod-promotions .gift-pic-container .btn-redeem.btn-loading > .btn-redeem-text{display:none;}
.mod-promotions .gift-pic-container .btn-redeem.btn-loading > .btn-redeem-spinner{font-size:20px; display:block;}
.redeemModal .redeeming-gift-photo{max-width:300px; margin:0 auto; max-height:300px; display:block;}
.redeemModal .redeeming-gift-name{text-align:center;}

/*客户端*/
.mod-mobile{background-image:url(../images/home/home_bg.webp); background-repeat:no-repeat; background-size:cover; justify-content:center; width:100%; align-items:center;}
.mod-mobile .mobile-menu{position:relative; z-index:89; /* margin: 54px 0 0 -670px; */ text-align:center; padding-top:25px;}
.mod-mobile .mobile-menu li{display:inline-block; position:relative; left:-10px; width:209px; height:70px; margin-bottom:10px; background-image:url(../images/mobile/btn_normal.webp); background-size:99% 101%; background-position:3px 1px; background-repeat:no-repeat; /*border-radius: 0 0 14px 14px;*/ /*transition: all .3s ease;*/ /*box-shadow: 0 6px 10px 0 rgb(184 208 255 / 30%);*/}
.mod-mobile .mobile-menu li:hover,.mod-mobile .mobile-menu li.current{background-image:url(../images/mobile/btn_selected.webp); width:209px; height:68px; background-size:99% 101%; background-position:3px 1px; text-align:center;}
.mod-mobile .mobile-menu li a{display:block; width:100%; height:100%; line-height:58px; color:#5462FF; text-align:center; font-size:18px;}
.mod-mobile .mobile-menu li:hover a,.mod-mobile .mobile-menu li.current a{color:#fff;}
.mod-mobile .mobile-wrap{margin-top:50px;overflow:hidden;}
.mod-mobile section{scroll-behavior:smooth;}
.mod-mobile .mobile-item{padding:30px 0 100px; height:500px !important; /*margin-top:-100px;*/}
.mod-mobile .all-item{padding:30px 0 100px; height:500px !important; /*margin-top:-100px;*/}
.mod-mobile .image-item{width:580px; height:auto; margin-top:0; margin-left:191px; *margin-right:25px;}
.mod-mobile .ag-item .image-item,.mod-mobile .pt-item .image-item,.mod-mobile .ebet-item .image-item{width:636px; height:500px; margin-top:50px; margin-left:0px; float:right;}
.mod-mobile .all-item .image-item{width:690px; height:500px; margin-top:50px; margin-left:0px; float:right;}
.mod-mobile .sports-item .image-item{width:636px; height:500px; margin-top:50px; margin-left:0px; float:right;}
.mod-mobile img{width:100%; height:500px; position:absolute; left:0;}
.mod-mobile .even-item .image-item{float:left;}
.mod-mobile .even-item .mobile-content{width:405px; display:flex; flex-direction:column; box-sizing:border-box; height:100%; position:relative;}
.mod-mobile .ag-item .mobile-content,.mod-mobile .pt-item .mobile-content,.mod-mobile .ebet-item .mobile-content{width:564px; display:flex; flex-direction:column; box-sizing:border-box; height:540px; position:relative; /* margin-top: 50px; */ /* border: 1px solid #c7c7c7; */ box-shadow:1px 8px 14px 9px #d5d4d4; border-radius:20px; padding:31px 47px; background:#fff;}
.mod-mobile .all-item .mobile-content,.mod-mobile .sports-item .mobile-content{width:564px; display:flex; flex-direction:column; box-sizing:border-box; height:540px; position:relative; /* margin-top: 50px; */ /* border: 1px solid #c7c7c7; */ box-shadow:1px 8px 14px 9px #d5d4d4; border-radius:20px; padding:31px 47px; background:#fff;}
.mod-mobile .mobile-content{float:right; width:405px;}
.mod-mobile .mobile-content p.txt{padding:15px 0 40px; font-size:14px; color:#666; line-height:2; letter-spacing:2px;}
.mod-mobile .mobile-content p.txt a{color:#d3b797;}
.mod-mobile .mobile-content p.txt a:hover{text-decoration:underline;}
.mod-mobile .mobile-content .sub-text{color:#5462FF; margin-top:15px; text-transform:uppercase;}
.mod-mobile .mobile-content .img{display:none; width:auto; height:60px; background-image:url(../images/mobile/mobile_title.webp); background-size:438px 328px; background-repeat:no-repeat;}
.mod-mobile .mobile-content .frame{width:164px; height:176px; float:left; /* background-image: url(../images/mobile/frame_bg.webp); */ background-size:100%; background-repeat:no-repeat; background-position:top center; border:4px solid #5462FF; border-radius:20px; color:#5462FF;}
.mod-mobile .mobile-content .frame img{width:135px; height:135px;}
.mod-mobile .mobile-content .frame i{width:130px; height:130px; display:block; margin:15px auto; background-size:100%; background-repeat:no-repeat;}
.mod-mobile .mobile-content .mobile-h5 .frame{margin-left:25px;}
.mod-mobile .mobile-content h4{font-size:40px; color:#5462FF; font-weight:bold;}
.mod-mobile .mobile-item .info-wrap{margin:0 auto;}

.mod-mobile .all-item-img {width:700px; height:483px; position:relative; left:0; top:-15px; background:url(../images/mobile/all_app_img_cn.webp?1); background-size:101% 105%; background-position:4px -10px;}
.mod-mobile .sports-item-img {width:748px; height:550px; position:relative; left:0; top:-49px; background:url(../images/mobile/sports_app_img_cn.webp); background-size:104% 106%; background-position:-12px -10px;}
.mod-mobile .pt-item-img{width:748px; height:579px; position:relative; left:0; top:-49px; background:url(../images/mobile/pt_app.webp) no-repeat; background-size:95% 107%; background-position:47px -18px;}
.mod-mobile .ag-item-img {width:748px; height:579px; position:relative; left:0; top:-49px; background:url(../images/mobile/ag_app.webp) no-repeat; background-size:95% 108%; background-position:32px -57px;}
.mod-mobile .ebet-item-img{width:745px; height:579px; position:relative; left:0; top:-49px; background:url(../images/mobile/ebet_app.webp?v1) no-repeat; background-size:99% 101%; background-position:13px 1px;}

.mod-mobile .all-item .mobile-content .title{background-position-y:-264px;}
.mod-mobile .sports-item .mobile-content .title{background-position-y:-199px;}
.mod-mobile .pt-item .mobile-content .title{background-position-y:-3px;}
.mod-mobile .ag-item .mobile-content .title{background-position-y:-69px;}
.mod-mobile .ebet-item .mobile-content .title{background-position-y:-134px;}

.mod-mobile .mobile-content .wrap{text-align:center; float:left; color:#67718f;}
.mod-mobile .mobile-content .qr-code{margin:0 auto; width:135px; height:165px; background-color:transparent !important; background-repeat:no-repeat; background-size:contain; background-position-x:center; background-position-y:25px;}
.mod-mobile .mobile-content .qr-code img{margin-top:25px; position:initial;}
.mod-mobile .mobile-content .mobile-h5 .qr-code img{margin-top:30px;}
.mod-mobile .mobile-content .scan{margin-top:15px; font-size:14px; font-weight:bold;}

.mod-mobile canvas{padding-top:20px;}
.mod-mobile .pt-download .impt-slots-qr{background:url(../../images/impt_slots_qr.webp) no-repeat; background-position:center 23px; background-size:135px 135px; padding:7px;}
.mod-mobile .pt-download .impt-live-qr{padding-bottom:23px; margin:-5px auto;}
.mod-mobile .ag-download .ag-live-qr{background:url(../../images/ag_live_qr.webp) no-repeat; background-position:center 24px; background-size:130px 130px; padding:7px;}
.mod-mobile .pt-download .pt-download-qr{background:url(../../images/mobile_ebet_spirits.webp) no-repeat; width:145px; height:116px; margin-top:34px; margin-bottom:42px; background-position:15px -113px;}

.mod-mobile .pagination{position:fixed; top:42%; right:5%; width:28px; display:none;}
.mod-mobile .pagination li{display:block; float:left; width:27px; height:27px; margin:6px 0; opacity:1; background-image:url(../images/mobile/dot_normal.webp); background-size:100% 100%;}
.mod-mobile .pagination li:hover,.mod-mobile .pagination li.current{background-image:url(../images/mobile/dot_active.webp);}
.mod-mobile .pagination li a{display:block; position:relative; width:100%; height:100%;}
.mod-mobile .pagination:before,.mod-mobile .pagination:after{content:""; display:block; position:absolute; width:1px; height:1420px; background:hsla(0,0%,100%,.5); left:13px;}
.mod-mobile .pagination:before{top:-1435px;}
.mod-mobile .pagination:after{bottom:-1435px;}

.mod-mobile .mobile-menu li.hide{display:none;}
.mod-mobile .pagination li.hide{display:none;}