/* CSS Document */

/* 首页 */
.mod-home{background:#fff;}
.mod-home .notice{background:rgba(0,0,0,0.7); position:absolute; top:450px; /*z-index:1;*/}

.home-platform{width:100%; background:url(../images/home/bg_home_content.webp); padding:15px 0; padding-top: 50px!important;}
.home-platform .layout1000{display:table;}
.txt-maintain{top:0; left:0; position:absolute; z-index:101; display:none;}
.txt-maintain p{position:absolute; background-color:#ff9900; color:#fff; padding:5px 10px; border-radius:3px; box-shadow:2px 2px 5px rgba(0,0,0,0.3); margin:0; line-height:22px; font-size:14px; text-align:left; font-weight:normal; white-space:nowrap;}
.icon-arrow:after{ content:''; visibility:visible; position:absolute; width:0; height:0; border-style:solid;}
.icon-arrow:after{bottom:-8px; left:12px; border-width:0 9px 9px 0; border-color:transparent #ff9900 transparent transparent;}
.platform-lists .txt-maintain{left:20px; right:0;}
.platform-lists .txt-maintain p{bottom:8px;}
.gameType{display:table; width:1000px; margin:0 auto;}
.platform-lists{display:table-cell; text-align:center; vertical-align:middle; position:relative; height:250px;}
.exterior{transition:all 0.5s ease;}
.exterior img{display:block; margin:0 auto;}
.exterior h5{color:#333; font-weight:normal; font-size:15px;}
.in{opacity:0; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; display:none;}
.platform-lists:hover .exterior{opacity:0;}
.platform-lists:hover .in{display:block; opacity:1;}
.home-live:hover{animation:homeLive 0.5s forwards; -webkit-animation:homeLive 0.5s forwards; cursor:pointer;}
.icon-home-live,.icon-home-live_activity{background:url(../images/home/img_middle_cn.webp) no-repeat -7px -3px; width:180px; height:180px; margin:0 auto;}
.icon-home-live_activity{background-position:-688px 0;}
@keyframes homeLive{
    from{
        width:290px;
    }

    to{
        width:470px;
    }
}
@-webkit-keyframes homeLive{
    from{
        width:290px;
    }

    to{
        width:470px;
    }
}
.home-live-in{position:relative; height:250px; left:40px;}
.platform-lists.off .home-live-in{cursor:not-allowed;}
.live-people{background:url(../images/home/img_middle_cn.webp) no-repeat -18px -192px; width:470px; height:186px; position:absolute; top:0; left:-28px; animation:livePeople 1.1s ease 0.3s forwards; -webkit-animation:livePeople 1.1s ease 0.3s forwards; opacity:0;}
@keyframes livePeople{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}
@-webkit-keyframes livePeople{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}
.live-text01{animation:liveText01 0.5s ease 0.8s forwards; -webkit-animation:liveText01 1s ease 0.8s forwards; position:absolute; left:-55px; bottom:13px; display:block; z-index:2; opacity:0; background:url(../images/home/img_middle_cn.webp) no-repeat -17px -382px; width:385px; height:35px;}
@keyframes liveText01{
    from{
        transform:translate(-8%,0);
        transform-origin:0% 100%;
        opacity:0;
    }

    to{
        transform:translate(0,0);
        transform-origin:0% 100%;
        opacity:1;
    }
}
@-webkit-keyframes liveText01{
    from{
        -webkit-transform:translate(-8%,0);
        -webkit-transform-origin:0% 100%;
        opacity:0;
    }

    to{
        -webkit-transform:translate(0,0);
        -webkit-transform-origin:0% 100%;
        opacity:1;
    }
}
.btn-live-play,.btn-live-play_off{border-radius:3px; color:#fff; position:absolute; bottom:15px; right:10px; font-size:16px; z-index:1; cursor:pointer; animation:btnLive 0.5s ease 1.3s forwards; -webkit-animation:btnLive 0.5s ease 1.3s forwards; opacity:0;}
.btn-live-play{padding:6px 9px 7px 28px; background-color:#000; right:40px;}
.platform-lists.off .btn-live-play{display:none;}
.btn-live-play:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent rgba(255,255,255,0.8);}
.btn-live-play:hover{background-color:#333;}
.btn-live-play_off{padding:6px 11px 7px; display:none; background-color:#888; cursor:not-allowed;}
.platform-lists.off .btn-live-play_off{display:block;}
.btn-live-play_off:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0;}
.btn-live-play_off img{margin-right:10px; vertical-align:top;}
@keyframes btnLive{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
@-webkit-keyframes btnLive{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
.home-sports:hover{animation:homeSports 0.5s forwards; -webkit-animation:homeSports 0.5s forwards; cursor:pointer;}
.icon-home-sports{background:url(../images/home/img_middle_cn.webp) no-repeat -212px 0; width:165px; height:180px; margin:0 auto;}
@keyframes homeSports{
    from{
        width:290px;
    }

    to{
        width:450px;
    }
}
@-webkit-keyframes homeSports{
    from{
        width:290px;
    }

    to{
        width:450px;
    }
}
.home-sports-in{position:relative; height:250px;}
.platform-lists.off .home-sports-in{cursor:not-allowed;}
.sports-people{position:relative; width:230px; height:250px; top:0; bottom:0; left:60px; margin:auto 0;}
.sports-people-bg{background:url(../images/home/img_middle_cn.webp) no-repeat -580px -200px; width:353px; height:203px; position:absolute; bottom:44px; left:0; right:0; margin:0 auto; opacity:0; animation:sportsPeople 0.15s ease-in 0.5s forwards; -webkit-animation:sportsPeople 0.15s ease-in 0.5s forwards;}
@keyframes sportsPeople{
    0%{
        transform:translate(0,-20%);
        opacity:0;
    }

    50%{
        transform:translate(0,0);
        opacity:1;
    }

    75%{
        transform:translate(0,-4%);
        opacity:1;
    }

    100%{
        transform:translate(0,0);
        opacity:1;
    }
}
@-webkit-keyframes sportsPeople{
    0%{
        -webkit-transform:translate(0,-20%);
        opacity:0;
    }

    50%{
        -webkit-transform:translate(0,0);
        opacity:1;
    }

    75%{
        -webkit-transform:translate(0,-4%);
        opacity:1;
    }

    100%{
        -webkit-transform:translate(0,0);
        opacity:1;
    }
}
[class*="sports-text"]{text-shadow:1px 1px 2px #000, -1px -1px 3px rgba(0,0,0,0.1); font-size:23px; font-weight:bold; position:absolute; z-index:5; opacity:0;}
.sports-text01,.sports-text02{color:#ff8485; font-weight:bold; animation:sportsText01 0.9s ease 0.6s forwards; -webkit-animation:sportsText01 0.9s ease 0.6s forwards; left:72px; top:124px;}
.sports-text02{left:96px; top:147px;}
@keyframes sportsText01{
    from{
        transform:skew(0,-6deg) translate(-2%,0);
        opacity:0;
    }

    to{
        transform:skew(0,-6deg) translate(3%,0);
        opacity:1;
    }
}
@-webkit-keyframes sportsText01{
    from{
        transform:skew(0,-6deg) translate(-2%,0);
        opacity:0;
    }

    to{
        transform:skew(0,-6deg) translate(3%,0);
        opacity:1;
    }
}
.sports-text03{color:#fff; animation:sportsText02 0.9s ease 0.6s forwards; -webkit-animation:sportsText02 0.9s ease 0.6s forwards; right:220px; top:173px;}
@keyframes sportsText02{
    from{
        transform:skew(0,-6deg) translate(5%,0);
        opacity:0;
    }

    to{
        transform:skew(0,-6deg) translate(0,0);
        opacity:1;
    }
}
@-webkit-keyframes sportsText02{
    from{
        transform:skew(0,-6deg) translate(5%,0);
        opacity:0;
    }

    to{
        transform:skew(0,-6deg) translate(0,0);
        opacity:1;
    }
}
.btn-sports-play, .btn-sports-play_off{border-radius:3px; color:#fff; position:absolute; bottom:15px; left:255px; font-size:16px; z-index:1; cursor:pointer; animation:btnSports 0.5s ease 0.8s forwards; -webkit-animation:btnSports 0.5s ease 0.8s forwards; opacity:0;}
.btn-sports-play{background-color:#ff8485; padding:6px 9px 7px 28px;}
.platform-lists.off .btn-sports-play{display:none;}
.btn-sports-play:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent rgba(255,255,255,0.8);}
.btn-sports-play:hover{background-color:#ffa5a6;}
.btn-sports-play_off{padding:6px 11px 7px; display:none; background-color:#888; cursor:not-allowed; height:18px;}
.platform-lists.off .btn-sports-play_off{display:block;}
.btn-sports-play_off:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0;}
.icon_maintain_w{background:url(../images/home/img_middle_cn.webp) no-repeat -41px -819px; width:21px; height:21px; margin:0 10px 0 0; vertical-align:middle; display:inline-block;}
@keyframes btnSports{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
@-webkit-keyframes btnSports{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
.home-movie:hover{animation:homeMovie 0.5s forwards; -webkit-animation:homeMovie 0.5s forwards; cursor:pointer;}
.icon-home-movie{background:url(../images/home/img_middle_cn.webp) no-repeat -409px -1px; width:155px; height:180px; margin:auto;}
@keyframes homeMovie{
    from{
        width:290px;
    }

    to{
        width:420px;
    }
}
@-webkit-keyframes homeMovie{
    from{
        width:290px;
    }

    to{
        width:420px;
    }
}
.home-movie-in{position:relative; height:235px; margin-bottom:15px; overflow:hidden;}
.platform-lists.off .home-movie-in{cursor:not-allowed;}
.movie-blurry{background:url(../images/home/img_middle_cn.webp) no-repeat -1081px -193px; width:353px; height:212px; position:absolute; right:38px; bottom:0; animation:movieBlurry 0.4s ease-out 0.4s forwards; -webkit-animation:movieBlurry 0.4s ease-out 0.4s forwards; opacity:0; z-index:2;}
@keyframes movieBlurry{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}
@-webkit-keyframes movieBlurry{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}
.movie-text01{color:#00c2ff; text-shadow:1px 1px 2px #000; font-size:32px; font-weight:bold; animation:movieText01 1s ease 0.7s forwards; -webkit-animation:movieText01 1s ease 0.7s forwards; position:absolute; right:70px; top:75px; z-index:5; opacity:0;}
@keyframes movieText01{
    from{
        transform:translate(10%,0);
        opacity:0;
    }

    to{
        transform:translate(0,0);
        opacity:1;
    }
}
@-webkit-keyframes movieText01{
    from{
        -webkit-transform:translate(10%,0);
        opacity:0;
    }

    to{
        -webkit-transform:translate(0,0);
        opacity:1;
    }
}
.movie-text02{color:#fff; text-shadow:1px 1px 2px #000; font-size:25px; font-weight:bold; animation:movieText02 1s ease 0.7s forwards; -webkit-animation:movieText02 1s ease 0.7s forwards; position:absolute; right:70px; top:120px; z-index:5; opacity:0;}
@keyframes movieText02{
    from{
        transform:translate(-10%,0);
        opacity:0;
    }

    to{
        transform:translate(0,0);
        opacity:1;
    }
}

@-webkit-keyframes movieText02{
    from{
        -webkit-transform:translate(-10%,0);
        opacity:0;
    }

    to{
        -webkit-transform:translate(0,0);
        opacity:1;
    }
}

.btn-movie-play, .btn-movie-play_off{border-radius:3px; color:#fff; position:absolute; bottom:0; right:17px; font-size:16px; z-index:3; cursor:pointer; animation:btnMovie 0.5s ease 1.2s forwards; -webkit-animation:btnMovie 0.5s ease 1.2s forwards; opacity:0;}
.btn-movie-play{padding:6px 9px 7px 28px; background-color:#0063eb;}
.platform-lists.off .btn-movie-play{display:none;}
.btn-movie-play:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent rgba(255,255,255,0.8);}
.btn-movie-play:hover{background-color:#007eff;}
.btn-movie-play_off{padding:6px 11px 7px; display:none; background-color:#888; cursor:not-allowed;}
.platform-lists.off .btn-movie-play_off{display:block;}
.btn-movie-play_off:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0;}
.btn-movie-play_off img{margin-right:10px; vertical-align:top;}
@keyframes btnMovie{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
@-webkit-keyframes btnMovie{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
.home-outtake:hover{animation:homeLive 0.5s forwards; -webkit-animation:homeOuttake 0.5s forwards; cursor:pointer;}
.icon-home-outtake{background:url(../images/home/img_middle_cn.webp) no-repeat -597px -6px; width:180px; height:180px; margin:0 auto;}
@keyframes homeOuttake{
    from{
        width:290px;
    }

    to{
        width:470px;
    }
}
@-webkit-keyframes homeOuttake{
    from{
        width:290px;
    }

    to{
        width:470px;
    }
}
.home-outtake-in{position:relative; height:250px;}
.platform-lists.off .home-outtake-in{cursor:not-allowed;}
.outtake-people{background:url(../images/home/img_middle_cn.webp) no-repeat -1583px -211px; width:346px; height:180px; position:absolute; top:15px; left:90px; animation:outtakePeople 1.1s ease 0.3s forwards; -webkit-animation:outtakePeople 1.1s ease 0.3s forwards; opacity:0;}
@keyframes outtakePeople{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}
@-webkit-keyframes outtakePeople{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}
.outtake-text{color:#e4007f; font-size:23px; letter-spacing:-1px; font-weight:bold; animation:outtakeText 0.5s ease 0.8s forwards; -webkit-animation:outtakeText 1s ease 0.8s forwards; position:absolute; left:95px; bottom:18px; display:block; z-index:2; opacity:0;}
@keyframes outtakeText{
    from{
        transform:translate(-8%,0);
        transform-origin:0% 100%;
        opacity:0;
    }

    to{
        transform:translate(0,0);
        transform-origin:0% 100%;
        opacity:1;
    }
}
@-webkit-keyframes outtakeText{
    from{
        -webkit-transform:translate(-8%,0);
        -webkit-transform-origin:0% 100%;
        opacity:0;
    }

    to{
        -webkit-transform:translate(0,0);
        -webkit-transform-origin:0% 100%;
        opacity:1;
    }
}
.btn-outtake-play, .btn-outtake-play_off{border-radius:3px; color:#fff; position:absolute; bottom:15px; font-size:16px; z-index:1; cursor:pointer; animation:btnOuttake 0.5s ease 1.3s forwards; -webkit-animation:btnOuttake 0.5s ease 1.3s forwards; opacity:0;}
.btn-outtake-play{padding:6px 9px 7px 28px; background-color:#e4007f; right:35px;}
.platform-lists.off .btn-outtake-play{display:none;}
.btn-outtake-play:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent rgba(255,255,255,0.8);}
.btn-outtake-play:hover{background-color:#f6299b;}
.btn-outtake-play_off{padding:6px 11px 7px; display:none; background-color:#888; cursor:not-allowed; right:-5px;}
.platform-lists.off .btn-outtake-play_off{display:block;}
.btn-outtake-play_off:before{content:''; width:0; height:0; position:absolute; top:0; bottom:0; left:10px; margin:auto 0;}
.btn-outtake-play_off img{margin-right:10px; vertical-align:top;}
@keyframes btnOuttake{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
@-webkit-keyframes btnOuttake{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}

/*体育投注*/
.mod-sports{padding:20px 0 20px;}
.mod-sports .mod-banner{height:0;}
.mod-sports #lobby_frame{height:1350px !important;}
.mod-tags,.mod-tags a{background:#fff;}
.mod-tags{width:1100px; height:30px; margin:0 auto 20px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.mod-tags a{width:249px; line-height:30px; color:#636466; font-size:14px; border-right:1px solid #dadada; background-position:0 0; float:left; text-align:center; display:inline-block; overflow:hidden;}
.mod-tags a:hover{color:#0076c6;}
.mod-tags a:first-child{border-top-left-radius:3px; border-bottom-left-radius:3px;}
.mod-tags a:last-child{border-top-right-radius:3px; border-bottom-right-radius:3px; border-right:none;}
.mod-tags a.current{color:#fff; background:#0076c6;}

/*真人娱乐*/
.mod-live-casino{padding:20px 0;}
.mod-live-casino .mod-banner{height:320px;}
.mod-live-casino .live-nav{display:none!important;}
.mod-live-casino .mod-banner{height:300px;}

/*live pop*/
.pop-overlay{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; z-index: 10;}
.pop-overlay.open{visibility: visible; opacity: 1;}
.pop-wrap{position:relative; width:500px; margin: 0 auto; margin-top: 100px; text-align: center;}
.hide-layer{position: fixed; top: 0; bottom: 0; left: 0; right: 0; content:'';}
.pop-overlay img{width:100%; margin:0 auto;}
.pop-overlay a{display:inline-block; width:165px; height:50px; position:absolute; left:50%; transform: translateX(18%);}
.pop-overlay a.trial-play{bottom: 14%;}
.pop-overlay a.real-play{bottom: 2%;}

/*dg live custom*/
.design-one .live-list li.platform-dg2{background-image: url(../../images/live_casino/design_one/l_c_dg_vit.webp);}

/*棋牌游戏*/
.mod-chess .mod-banner{height:300px;}
.mod-chess .games-platform-wrap{margin:40px auto 30px;}
.mod-chess .hd-menu li.gpid202110120001-icon i{background-image:url(../images/icon_chess_gg.webp);background-size:100px;background-position:center top;}
.mod-chess .hd-menu li.gpid202110120001-icon.current i{background-image:url(../images/icon_chess_gg.webp);background-size:100px;background-position:center bottom;}

/*电子游艺*/
.mod-games .mod-banner{height:300px;}
.mod-games{padding-bottom:20px;}
.mod-games .games-platform-wrap{margin-top:30px !important;}
.mod-games .popularNav ul li.current,.mod-games .hd-menu li:hover, .mod-games .hd-menu li.current,.games-panes .slots-wrap .search-wrap a,.games-panes .slots-wrap .games-sub-menu li.current,.games-panes .slots-wrap .games-item ul li .game-rollover a{background:#0076c6 !important; color:#fff !important;}
body .themeLight .popularNav ul li.current, body .themeLight .hd-menu li:hover, body .themeLight .hd-menu li.current{background:#0076c6 !important;}
.winningWrap > i{width:30px;height:100%;background:#0076c6 url(../../images/games/layout/menu_bar/panel_arrow_white.webp) no-repeat center right 5px !important;cursor:pointer;}
.winningWrap > i.prev{background-position:center left 5px !important;}
.themeLight .hd-menu .left, .themeLight .hd-menu .right{background-image:url(../images/panel_arrow_blue.webp) !important;}
.themeLight .games-panes .slots-wrap .games-sub-menu:before,.themeLight .games-panes .slots-wrap .games-sub-menu li{color:#ccc !important;}
.themeLight .games-panes .slots-wrap .games-sub-menu li.current{color:#fff !important;}

/*彩票投注*/
.mod-lottery .mod-banner{height:300px;}
.mod-lottery .games-platform-wrap{margin:40px auto 30px;}

/*捕鱼*/
.mod-fish .mod-banner{height:300px;}
.mod-fish .games-platform-wrap{margin:40px auto 30px;}

/*marble*/
.mod-marble .mod-banner{height:300px;}
.mod-marble .title{background: #0076c6 !important; transform: skewX(20deg); position: relative; left: -7px;width: 191px; height: 29px; color: #fff;}
.mod-marble .title span{font-size: 14px; padding-left: 30px; line-height: 29px; display: block; transform: skewX(-20deg);}
.mod-marble .games-platform-wrap{margin:40px auto 30px;width:1000px;border-radius: 4px;overflow:hidden;}
.mod-marble .marble-icon{display: inline-block; width: 128px;height: 130px;margin-right: 15px;background: url(../images/marble/nav_logo.webp) no-repeat; transition: all 0.4s;background-position: -4px 7px;background-size:220%;}
.mod-marble .marble-icon.current,.mod-marble .marble-icon:hover{background-position:-4px -122px;}
.mod-marble .marble-wrap{background: url(../images/marble/marble_magic.webp) no-repeat center; height: 515px; transition: all 0.3s;cursor: pointer;}
.mod-marble .marble-wrap:hover{background: url(../images/marble/marble_magic_hover.webp) no-repeat center;}

/*电子竞技*/
.mod-esports .mod-banner{height:300px;}
.mod-esports .games-platform-wrap{margin:40px auto 30px;}
.mod-esports .record{border-radius: 4px;overflow: hidden;}
.mod-esports .record .title{background: #0076c6!important;transform: skewX(20deg);position: relative;left: -7px;}
.mod-esports .record .title span{display:block;transform: skewX(-20deg);color:#fff!important;}
.mod-esports .hd-menu{background:#f0f0f0!important;top:0!important;}
.mod-esports .record-content{filter:none!important;background:#fff!important;}
.mod-esports .hd-menu .left, .mod-esports .hd-menu .right{background:none;border:none!important;}
.mod-esports .hd-menu .left:after, .mod-esports .hd-menu .right:after {background:#0000 url(../images/panel_arrow_blue.webp) no-repeat center left 5px!important;}
.mod-esports .hd-menu .right:after {right: auto!important; background-position: center right 5px!important; } 

/*animal*/
.mod-animal .mod-banner{height:300px;}
.mod-animal .games-platform-wrap{margin:40px auto 30px;width:1000px!important;}
.mod-animal .record{border-radius: 4px;overflow: hidden;left:0;}
.mod-animal .record .title{background: #0076c6!important;transform: skewX(20deg);position: relative;left: -7px;}
.mod-animal .record .title span{display:block;transform: skewX(-20deg);}
.mod-animal .hd-menu{background:#f0f0f0!important;top:4px!important;}
.mod-animal .record-content{filter:none!important;background:#fff!important;}
.mod-animal .hd-menu .left ,.mod-animal .hd-menu .right {background-image: url(../images/panel_arrow_blue.webp) !important;border: none;width: 30px!important;height: 100%!important;right: -30px!important;    background-position: -21px center!important;}
.mod-animal .hd-menu .left {left: -30px!important; right: auto!important; background-position: center left 5px!important; } 

/*Arcade*/
.mod-arcade .mod-banner{height:300px;}
.mod-arcade .games-platform-wrap{margin:40px auto 30px;}

/*优惠活动*/
.mod-promotions{padding:30px 0 0; background:#f7f7f8 /*url(../images/promo/promo-bg.gif) center bottom fixed repeat-x*/;}
.mod-promotions .promotions-wrap{background:url(../images/promo/time_line.webp) repeat-y 90px 0;}
.mod-promotions .tags{margin:0 0 35px 150px; height:82px; position:relative; top:-10px;}
.mod-promotions .tags div,.mod-promotions .tags .current,.mod-promotions .tags .current:hover,.mod-promotions .item .point,.mod-promotions .item .main .item-status{background:url(../images/promo/promo-sorts_cn.webp) no-repeat;}
.mod-promotions .tags div{float:left; display:inline; margin:10px 20px 0 0; width:60px; height:60px; text-align:center;}
.mod-promotions .tags a,.mod-promotions .tags a:hover{display:block; color:#fff; font:12px/60px "Microsoft YaHei";}
.mod-promotions .tags .current,.mod-promotions .tags .current:hover{position:absolute; left:-100px; top:0; margin:0 20px 0 0; width:88px; height:88px; text-align:center;}
.mod-promotions .tags .current,.mod-promotions .tags .current:hover{background-position:-100px -1px;}
.mod-promotions .tags .current a,.mod-promotions .tags .current a:hover{color:#fff; font:12px/88px "Microsoft YaHei";}

.mod-promotions .item{margin-bottom:30px; position:relative; color:#fff;}
.mod-promotions .item .time,.mod-promotions .item .point{position:absolute;}
.mod-promotions .item .time{top:-21px; left:2px; font-size:0; color:#ff9c00; font-family:"Microsoft YaHei"; line-height:52px;}
.mod-promotions .item .time .y{font-size:0; display:block; text-align:right; margin-bottom:-22px;}
.mod-promotions .item .time .m{font-size:0;}
.mod-promotions .item .time .d{font-size:0; margin-left:-8px;}
.mod-promotions .item .point{left:87px; top:-5px; width:14px; height:14px; font-size:1px; background-position:-100px -100px;}
.mod-promotions .item .item-box{margin-left:117px; width:890px; position:relative;}
.mod-promotions .item .item-box .item-arrow{width:890px; height:23px; position:absolute; left:-17px; top:-20px; background:url(../images/promo/box_top.webp) no-repeat;}
.mod-promotions .item .main{font-size:14px; color:#000; width:890px; padding:10px 40px 20px 50px; background:url(../images/promo/box_body.webp) repeat-y; margin-left:-17px;}
.mod-promotions .item .main .item-status{position:absolute; width:140px; height:140px; display:block; background-position:0 -120px; right:14px; top:-43px; z-index:1;}
.mod-promotions .item .main .info-tit{cursor:pointer;}
.mod-promotions .item .main .info-tit img{width:800px; max-width:100%;}
.mod-promotions .item .main .info-cont{width:800px; margin-top:10px; padding-top:10px; border-top:1px dashed #e5e5e5; display:none;}
.mod-promotions .item .main .info-cont table{margin:15px 0; width:716px;}
.mod-promotions .item .main .info-cont table td,.mod-promotions .item .main .info-cont table th{border:1px solid #000; text-align:center; padding:5px 0;}
.mod-promotions .item .main .info-cont table th{background:#0076c6; color:#fff;}
.mod-promotions .item .main .info-more p.btn{position:relative; z-index:2; width:auto; height:33px; display:block; float:right; text-align:right; border-radius:30px; color:#0076c6; border:1px solid #0076c6; margin-top:10px; padding:6px 20px; background:transparent; transition:all .3s;}
.mod-promotions .item .main .info-more p:hover.btn{color:#fff; background-color:#0076c6;}
.mod-promotions .item .main ol,.mod-promotions .item .main ul{list-style:decimal; margin-left:5px;}
.mod-promotions .item .main li{list-style-type:inherit; margin-left:16px; padding-left:5px;}
.mod-promotions .item .item-box .main h3{font-size:24px; line-height:1.1em; margin-bottom:10px; color:#000;}
.mod-promotions .item .item-box .main .info-cont img{position:relative;right:29px;}
.mod-promotions .item .item-foot{background:url(../images/promo/box_foot.webp) repeat-y; width:890px; height:30px; margin-left:-17px;}
/*.mod-promotions .menu-sub{padding-bottom:20px;}
.mod-promotions img{max-width:100%;}
.mod-promotions .menu-sub ul li{height:40px; width:125px; line-height:40px; margin-right:12px; float:left; display:inline;}
.mod-promotions .menu-sub ul li a{width:100%; height:100%; color:#fff; background:#555; display:block; font-size:14px; text-align:center; border-radius:3px;}
.mod-promotions .menu-sub ul li a:hover{background:#0076c6; }
.mod-promotions .menu-sub ul .current a,.mod-promotions .menu-sub ul .current a:hover{background:#14805e; color:#fff;}
.mod-promotions .info-items li{margin-bottom:10px;}

.mod-promotions .area-main{width:970px; margin:10px 5px 20px;}
.mod-promotions .area-main li{margin-bottom:10px; width:100%;}
.mod-promotions .info-tit{cursor:pointer;}
.mod-promotions .info-cont{color:#222; padding:0 20px 20px; line-height:24px; font-size:14px; display:none;}
.mod-promotions .info-cont h3{font:22px/1.5 "Microsoft YaHei"; color:#0076c6; margin:15px 0;}
.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 #1274d9; text-align:center; padding:5px 0;}
.mod-promotions .info-cont table th{background:#2186ee; color:#fff;}
.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-mobile .section .layout{padding:30px 0; width:980px; overflow:hidden;}
.mod-mobile .section h3{font:40px/1.5 "Microsoft YaHei"; color:#1b1631;}
.mod-mobile .section .f18px{font:18px/1.5 "Microsoft YaHei"; color:#1b1631; padding:20px 0;}
.mod-mobile .section .f14px{font:14px/1.5 "Microsoft YaHei"; color:#888;}

/*客户端 手机APP版*/
.mod-mobile .section-app,.mod-mobile .section-sport,.mod-mobile .section1,.mod-mobile .section2,.mod-mobile .section3,.mod-mobile .section4,.mod-mobile .section-sport{border-bottom:1px solid #ddd;}
.mod-mobile .section-app{height:528px; padding-top:20px;}
.mod-mobile .section-app .section-info{width:540px;}
.mod-mobile .section-app h3{padding-top:50px;}
.mod-mobile .section-app h3 i{background:url(../../images/mobile_app_icon.png) no-repeat; width:84px; height:35px; margin:13px 0 0 30px; display:inline;}
.mod-mobile .section-app .inner{padding-top:35px;}
.mod-mobile .section-app .inner .fl{display:inline;}
.mod-mobile .section-app .inner div{margin:10px 0 0 30px;}
.mod-mobile .section-app .inner p{font:16px/36px "Microsoft YaHei"; color:#555;}
.mod-mobile .section-app .inner p a{font-size:14px; text-decoration:underline; color:#ffa800; margin-left:12px;}
.mod-mobile .section-app .section-info > p{margin-top:40px;line-height:24px; color:#888;}
.mod-mobile .section-app .inner p a:hover,.mod-mobile .section-app .section-info > p i{color:#f08d00;}
.mod-mobile .section-app .section-img{margin-top:35px; width:410px;}
.mod-mobile .section-app .section-img img{width:100%; height:auto;}

.mod-mobile .section-app .inner .qr-wrap, .mod-mobile .section-sport .inner .qr-wrap{margin:0 20px 0 0;}

/*客户端 手机Sport APP版*/
.mod-mobile .section-sport{height:528px;}
.mod-mobile .section-sport .section-info{width:580px;}
.mod-mobile .section-sport h3{padding-top:50px;}
.mod-mobile .section-sport .inner{padding-top:35px;}
.mod-mobile .section-sport .inner .fl{display:inline;}
.mod-mobile .section-sport .inner div{margin-left:30px;}
.mod-mobile .section-sport .inner p{font:16px/36px "Microsoft YaHei"; color:#555;}
.mod-mobile .section-sport .inner p a{font-size:14px; text-decoration:underline; color:#ffa800; margin-left:12px;}
.mod-mobile .section-sport .section-info .sport-content > p{margin-top:40px; line-height:24px; color:#888;}
.mod-mobile .section-sport .inner p a:hover{color:#f08d00;}
.mod-mobile .section-sport .section-info .sport-content > p i{color:#f08d00;}

/*客户端 手机WEB版*/
.mod-mobile .section1 .section-info{width:490px; padding-left:20px;}
.mod-mobile .section1 .inner{padding-top:30px;}
.mod-mobile .section1 .inner .fl{display:inline;}
.mod-mobile .section1 .inner .qr-code{margin:22px 30px 0 0;}
.mod-mobile .section1 h3{padding-top:60px;}
.mod-mobile .section1 .link a{background:#ff9d00; background-image:linear-gradient(to top,#ff9d00,#ff7200); background-image:-webkit-linear-gradient(to top,#ff9d00,#ff7200); font:18px/36px "Microsoft YaHei"; width:180px; height:40px; margin:24px 0; color:#fff; text-align:center; display:block; border-radius:5px;}
.mod-mobile .section1 .link a:hover{background:#ff7200; background-image:linear-gradient(to top,#ff7200,#ff9d00); background-image:-webkit-linear-gradient(to top,#ff7200,#ff9d00);}

/*客户端 PT下载*/
.mod-mobile .section2{padding:30px 0;}
.mod-mobile .section2 .section-img{margin-top:60px;}
.mod-mobile .section2 .section-info{width:410px;}
.mod-mobile .section2 .pt-user-prefix{font:22px/1.5 "Microsoft YaHei"; color:#ffc600;}
.mod-mobile .pt-player-name{border:1px solid #595959; height:40px; width:380px; margin-top:15px;}
.mod-mobile .pt-player-name label{background:#595959; color:#fff; float:left; display:inline; width:100px; height:100%; padding-right:20px; line-height:19px; text-align:right;}
.mod-mobile .pt-player-name span,.mod-mobile .pt-login-notice i,.mod-mobile .pt-login-notice a:hover{color:#f08d00;}
.mod-mobile .pt-player-name span{float:left; display:inline; width:260px; height:100%; font:22px/40px "Microsoft YaHei"; text-align:center;}
.mod-mobile .pt-login-notice{color:#777; line-height:24px; margin-top:10px;}
.mod-mobile .pt-login-notice a{color:#ffa800; text-decoration:underline;}
.mod-mobile .pt-download{width:382px; margin-top:35px; padding-top:30px; border-top:1px solid #ddd;}
.mod-mobile .pt-download .impt-slots-qr{background:url(../../images/impt_slots_qr.png) no-repeat;}
.mod-mobile .pt-download .impt-live-qr{background:url(../../images/impt_live_qr.png) no-repeat;}
.mod-mobile .pt-download .impt-live-qr,.mod-mobile .pt-download .impt-slots-qr{width:145px; padding-top:115px; margin-bottom:7px; font-size:12px; text-align:center; color:#777; background-position:13px 0;}
.mod-mobile .pt-download a{font:18px/55px "Microsoft YaHei"; width:222px; height:55px; margin:0 0 25px; color:#fff; text-align:center; display:block; -webkit-border-radius:5px; -moz-border-radius:3px; border-radius:5px;}
.mod-mobile .pt-download .pt-download-pc{background:#ff9d00; background-image:linear-gradient(to top,#ff9d00,#ff7200); background-image:-webkit-linear-gradient(to top,#ff9d00,#ff7200);}
.mod-mobile .pt-download .pt-slots-android{background:#00d800; background-image:linear-gradient(to top,#00d800,#2ab700); background-image:-webkit-linear-gradient(to top,#00d800,#2ab700);}
.mod-mobile .pt-download .pt-live-android{margin:0; background:#3cb8ed; background-image:linear-gradient(to top,#3cb8ed,#0992c7); background-image:-webkit-linear-gradient(to top,#3cb8ed,#0992c7);}
.mod-mobile .pt-download .pt-download-pc:hover{background:#ff7200; background-image:linear-gradient(to top,#ff7200,#ff9d00); background-image:-webkit-linear-gradient(to top,#ff7200,#ff9d00);}
.mod-mobile .pt-download .pt-slots-android:hover{background:#2ab700; background-image:linear-gradient(to top,#2ab700,#00d800); background-image:-webkit-linear-gradient(to top,#2ab700,#00d800);}
.mod-mobile .pt-download .pt-live-android:hover{background:#0992c7; background-image:linear-gradient(to top,#0992c7,#3cb8ed); background-image:-webkit-linear-gradient(to top,#0992c7,#3cb8ed);}

/*客户端 AG下载*/
.mod-mobile .section3 .mobile-info{width:574px; overflow:hidden; margin-left:20px;}
.mod-mobile .section3 .layout{padding:50px 0;}
.mod-mobile .section3 .section-img{margin-top:-135px;}
.mod-mobile .section3 h3{margin-bottom:20px;}
.mod-mobile .section3 .ag-download p{font:16px/36px "Microsoft YaHei"; color:#3d3d3d;}
.mod-mobile .section3 .ag-download p a{font-size:14px; text-deoration:underline; color:#fcff00; margin-left:12px;}
.mod-mobile .section3 .pc-info .section-info{border-top:1px solid #ddd; width:390px; margin:40px 0 0 20px; padding-top:40px;}
.mod-mobile .section3 .pc-info .pt-download{border-top:none; margin-top:20px; padding-top:0;}

.mod-mobile .ag-download .ag-live-qr,.mod-mobile .ag-download .ag-fish-qr{width:115px; padding-top:115px; margin-bottom:7px; font-size:12px; text-align:center; color:#777; background-position:13px 0;}
.mod-mobile .ag-download .ag-live-qr{background:url(../../images/ag_live_qr.png) no-repeat;}
.mod-mobile .ag-download .ag-fish-qr{background:url(../../images/ag_fish_qr.png) no-repeat;}
.mod-mobile .ag-download a{font:18px/50px "Microsoft YaHei"; width:222px; height:50px; margin:30px 0 0; color:#fff; text-align:center; display:block; -webkit-border-radius:5px; -moz-border-radius:3px; border-radius:5px;}
.mod-mobile .ag-download .ag-download-pc{margin:15px 0 0; background:#ff9d00; background-image:linear-gradient(to top,#ff9d00,#ff7200); background-image:-webkit-linear-gradient(to top,#ff9d00,#ff7200);}
.mod-mobile .ag-download .ag-live-android{background:#00d800; background-image:linear-gradient(to top,#00d800,#2ab700); background-image:-webkit-linear-gradient(to top,#00d800,#2ab700);}
.mod-mobile .ag-download .ag-fish-android{background:#3cb8ed; background-image:linear-gradient(to top,#3cb8ed,#0992c7); background-image:-webkit-linear-gradient(to top,#3cb8ed,#0992c7);}
.mod-mobile .ag-download .ag-download-pc:hover{background:#ff7200; background-image:linear-gradient(to top,#ff7200,#ff9d00); background-image:-webkit-linear-gradient(to top,#ff7200,#ff9d00);}
.mod-mobile .ag-download .ag-live-android:hover{background:#2ab700; background-image:linear-gradient(to top,#2ab700,#00d800); background-image:-webkit-linear-gradient(to top,#2ab700,#00d800);}
.mod-mobile .ag-download .ag-fish-android:hover{background:#0992c7; background-image:linear-gradient(to top,#0992c7,#3cb8ed); background-image:-webkit-linear-gradient(to top,#0992c7,#3cb8ed);}

/*客户端 EBET下载*/
.mod-mobile .section4{padding:30px 0;}
.mod-mobile .section4 .section-info{width:410px;}
.mod-mobile .section4 .pt-user-prefix{font:22px/1.5 "Microsoft YaHei"; color:#ffc600;}
.mod-mobile .section4 .pt-player-name{border:1px solid #595959; height:40px; width:380px; margin-top:15px;}
.mod-mobile .section4.pt-player-name label{background:#595959; color:#fff; float:left; display:inline; width:100px; height:100%; padding-right:20px; line-height:19px; text-align:right;}
.mod-mobile .section4 .pt-player-name span{float:left; display:inline; width:260px; height:100%; font:22px/40px "Microsoft YaHei"; text-align:center;}
.mod-mobile .section4 .pt-download a,.mod-mobile .section4 .pt-download .pt-download-qr{background:url(../../images/mobile_ebet_spirits.png) no-repeat;}
.mod-mobile .section4 .pt-download a{display:block; width:222px; margin-top:40px; height:52px; line-height:500px; overflow:hidden;}
.mod-mobile .section4 .pt-download a.ebet-mobile-download:hover{background-position:0 -53px;}
.mod-mobile .section4 .pt-download .pt-download-qr{width:145px; padding-top:120px; font-size:14px; background-position:15px -113px; text-align:center; color:#777;}
.mod-mobile .section4 .pt-login-notice{margin-right:20px;}

/*客户端 BBIN下载*/
.mod-mobile .section5{padding:40px 0; color:#3d3d3d;}
.mod-mobile .section5 .section-info{width:390px; margin-right:20px;}
.mod-mobile .section5 .section-info h2{font-weight:inherit; font-size:37px; line-height:60px;}
.mod-mobile .section5 .section-info h3{padding:0; color:#000; font-size:20px;}
.mod-mobile .section5 .section-info .ios-download{margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.mod-mobile .section5 .section-info ol li{font:16px/30px "Microsoft YaHei"; list-style-type:decimal; margin-left:20px;}

/*客户自己要求做个首页前的landing page*/
.mod-pre-index .speed_Num span{color:aliceblue; font-size:14px;margin-top:83px; display:inline-block; font-weight:bold;}
.mod-pre-index .speed_center2 .speed_Num:hover, .mod-pre-index .speed_center .speed_Num:hover{background:url(../images/pre/button-hour.webp) no-repeat 0px -80px;}
.mod-pre-index .speed_center2{ margin:42px 26px 0px 26px; width:436px; float:left;}
.mod-pre-index .speed_center a,.mod-pre-index .speed_center2 a{display:block; cursor:pointer; float:left;}
.mod-pre-index .clear{margin-right:0px!important;}
.mod-pre-index .speed_center{display:block; margin:0px 26px 0px 26px; width:436px; margin-top:220px;}
.mod-pre-index .speed_Num{width:76px; height:75px; z-index:9999; float:left; background:url(../images/pre/button-hour.webp); text-align:center; font-size:20px; margin-right:13px; line-height:1.4; overflow:initial;}
.mod-pre-index .speed{background:url(../images/pre/bg_speed.webp) no-repeat 0px 0px; width:482px; height:476px; position:absolute; z-index:9999; top:50%; left:72%; -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);            -o-transform:translate(-50%,-50%);            transform:translate(-50%,-50%);            }
#gotop1{width:9%; position:fixed; bottom:3%; cursor:pointer; z-index:99998; right:-12%; margin-right:10%; display:none;}

/*member*/
.profile-center-wrap .profile-menu .main-nav .nav-section li.current,.popup-wrap .popup-content .popup-header,.profile-center-wrap input[type="submit"], .profile-center-wrap input[type="button"],.profile-promotion .promotion-list ul > li > .flex-box a:not(.btn-submit):hover,.profile-wallet .wallet-summary .wallets-main > .flex-box:first-of-type > div:first-of-type > .flex-box > a,.profile-wallet .wallet-summary .wallets-gp ul li > p:first-of-type,.wallet-bankcard #manageBankcard ul li.add-new, .wallet-bankcard #manageCrypto ul li.add-new,.profile-center-wrap .box-selection > li.current,.profile-withdrawal .withdrawal-wallets .wallets-main .flex-box > div:first-of-type > .flex-box > a,.profile-withdrawal .withdrawal-wallets .wallets-gp ul li > p:first-of-type,.profile-transfer .transfer-wallets .wallets-gp ul li a,.profile-transfer .transfer-wallets .wallets-gp ul li > p:first-of-type,.profile-transfer .transfer-wallets .wallets-main > .flex-box:first-of-type > div:first-of-type > .flex-box > a,.profile-center-wrap input[type="submit"], .profile-center-wrap .profile-menu .main-nav .nav-section li a i,.profile-center-wrap input[type="button"],.profile-withdrawal .withdrawal-wallets .wallets-gp ul li a{background:linear-gradient(0deg, rgba(6,58,108,1) 0%, rgba(16,104,154,1) 100%)!important;}
.profile-center-wrap .profile-menu .user-wrap .flex-box .vip-rank{background: url(../images/member/viprank_bg.webp) no-repeat center!important;background-size: contain!important;}
.profile-center-wrap .profile-content .content-right > .white-shadowbox .box-header:first-of-type a,.profile-center-wrap .profile-content .content-right > .white-shadowbox.personal-bankcards .box-header p.current,.profile-personal .personal-security > .flex-box > a,.profile-center-wrap .profile-content .content-right > .white-shadowbox .no-record a,.toggle-gps,.profile-wallet .wallet-bankcard .box-header p.current,.profile-redemption .transaction-filter .box-header p.current,.profile-message .message-type .box-header p.current,.blue-text,.profile-personal .personal-summary > div > .flex-box p a{color:#0076c6!important}
.profile-center-wrap .profile-content .content-right > .white-shadowbox.personal-bankcards .box-header p.current,.profile-wallet .wallet-bankcard .box-header p.current,.profile-bethistory .transaction-record .bet-summary:hover,.profile-redemption .transaction-filter .box-header p.current,.profile-message .message-type .box-header p.current{border-color: #0076c6!important;}
.profile-personal .personal-security > .flex-box > a{border:1px solid #0076c6!important}
.profile-center-wrap .profile-menu .main-nav .nav-section li.current a, .profile-transaction .transaction-record .no-record input,.profile-message .message-list .no-record input{color:#fff!important;}
.profile-wallet .wallet-bankcard #manageBankcard ul li.add-new .title img, .profile-wallet .wallet-bankcard #manageCrypto ul li.add-new .title img{background:url(../images/member/icon_add.webp)center/100% !important;height: 15px;box-sizing: border-box;padding-left: 15px;}
.profile-wallet .wallet-summary .wallets-gp .toggle-gps:after,.profile-withdrawal .withdrawal-wallets .wallets-gp .toggle-gps:after,.profile-transfer .transfer-wallets .wallets-gp .toggle-gps:after{ background: url(../images/member/icon_arrow_up.webp) no-repeat right center!important;background-size: 12px!important;}
.profile-transaction .transaction-filter .filter-row .button-wrap input.cancel{background:none!important;}
.profile-bethistory .transaction-record .bet-summary{background: #fff url(../images/member/icon_info.webp) no-repeat left 8px top 8px!important;background-size: 20px!important;}
.profile-message .message-list .no-record input{border:0!important;}
.profile-transfer .transfer-wallets .wallets-transaction i{    background: url(../images/member/icon_transfer.webp) no-repeat center!important;background-size: contain!important;}
.profile-transfer .transfer-wallets .wallets-main > .flex-box:last-of-type .transfer-switcher.active{background-image: url(../images/member/icon_switcher_on.webp)!important;}
.profile-deposit .deposit-pgs ul li.current,.profile-center-wrap .profile-deposit .box-selection > li.current{border:2px solid #0076c6!important;background: url(../images/member/icon_pg_selected.webp) no-repeat right -1px bottom -1px!important;background-size: 20px!important;}
.profile-deposit .amomunt-wrap .input-wrap input{height:35px;}