/* 禁用响应 */

.container{width:1100px !important;margin:0 auto;padding:0;}

a, a:hover {text-decoration: none;}

:root{
	--primary-color: #0890fc;
	--primary-sub-color: #ccebff;
	--text-color: #000;
}

/*==================== common 公共 ====================*/
body{font-family: 'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background-color:#fff; }
ul,ol{list-style:none;}
.banner{min-width: 1200px;}
.banner .page-banner{background-repeat: no-repeat;background-position: center;height: 200px;background-color: #000000;}
main{padding-bottom: 30px;max-width: 1200px;margin: 20px auto;}
.index{max-width: 1100px!important;}
.container{overflow: visible;width: 1100px;}
.slide,
.slide .slide-inner li,
.slide .slide-inner li a{height: 280px;}
.slide .slide-inner li{background-position: top center;background-size: cover;background-repeat: no-repeat;}
.slide .slide-indicators ul li{width: 8px;height: 8px;background: hsla(0,0%,100%,.2);border-radius: 8px;opacity: 1;}
.slide .slide-indicators ul li.active{background: #fff;}
/*navbar*/
.navbar-aside{width: 230px;z-index: 16;float: left; }
.navbar-aside .navbar-collapse{height: 100%;width: 230px;background-color:#f5f5f5;box-shadow: 0rem 0 2rem var(--primary-sub-color);position: fixed;display: flex;flex-direction: column;align-items: center;}
/*.navbar-aside .navbar-collapse .logo{width: 100%;height: 56px;background-color: var(--primary-color);margin-bottom: 50px;position: relative;}*/
/*.navbar-aside .navbar-collapse .logo:after{content: "";position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);width: 80px;height: 16px;display: block;background-repeat: no-repeat;background-position: center;}*/
/*.navbar-aside .navbar-collapse .logo a{display: flex;padding: 7px 0;justify-content: center;}*/
/*.navbar-aside .navbar-collapse .logo a img{max-width: 100%;max-height: 42px;}*/
.navbar-aside .navbar-collapse .top-btns{padding: 15px 0px; position: relative; display: flex; align-items: center; flex-direction: row!important;}
.navbar-aside .navbar-collapse .top-btns .top-item{width:80px;display: flex; align-items: center; padding: 0px!important; border-radius: 20px; background-color: #c0c0c0; margin-right: 10px; border: none; cursor: pointer; overflow: hidden;color: #000;}
.navbar-aside .navbar-collapse .top-btns .top-item:hover{background-color:var(--primary-sub-color);}
.navbar-aside .navbar-collapse .top-btns .top-item.is-active{display: flex; align-items: center; padding: 6px 10px; border-radius: 20px; background-color: var(--primary-color); margin-right: 10px; border: none; cursor: pointer; overflow: hidden;color: #fff;}
.navbar-aside .navbar-collapse .tab-btn i{font-size: 20px;}
.navbar-aside .navbar-collapse .tab-btn>span{font-size: 14px;margin-left: 5px;}
.navbar-aside .navbar-collapse .top-btns .top-item.is-active a{color: #fff;}


.navbar-aside .navbar-collapse ul{width: 200px;display: flex;justify-content: center;padding: 0;flex-direction: column;}
.navbar-aside .navbar-collapse ul li{width: 100%;padding: 0 8.5px; height: 42.6px;}
.navbar-aside .navbar-collapse ul li a{display: flex;width: 100%;height: 40px;align-items: center;color: var(--text-color);transition: .3s;padding: 0 10px;overflow: hidden;}
.
/*.navbar-aside .navbar-collapse ul li:hover a .icon{color: #fff;background-color: transparent;}*/
.navbar-aside .navbar-collapse ul li a span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 40px;}
.navbar-aside .navbar-collapse ul li a .icon{width: 26px;height: 26px;border-radius: 24px;display: flex;align-items: center;justify-content: center;margin-right: 9px;font-size: 24px;color: var(--text-color);}
.navbar-aside .navbar-collapse ul li a .title{width: 125px;}
.navbar-aside .navbar-collapse .navbar-nav{margin: 10px 0;}
.navbar-aside .navbar-collapse ul li:hover{background-color:var(--primary-sub-color); border-radius: 25px; height: 42.6px; line-height: inherit;}
/*.navbar-aside .navbar-collapse ul li:active{background-color:#f3c928; border-radius: 25px; height: 42.6px; line-height: inherit;}*/
.navbar-aside .navbar-collapse ul li.is-active{background-color: var(--primary-color); border-radius: 25px; height: 42.6px; line-height: inherit;}
.navbar-aside .navbar-collapse ul li.is-active .icon,
.navbar-aside .navbar-collapse ul li.is-active .title{color: #fff;}
/*.navbar-aside .navbar-collapse .navbar-nav li:hover a .icon,*/
/*.navbar-aside .navbar-collapse ul li.active a .icon{background-color: var(--primary-color);color: #171717; }*/
.navbar-aside ._user_time{padding: 0 15px 10px;flex: 1;display: flex !important;align-items: flex-end;color: #b7b7b7;}

.article-root{width: calc(100% - 230px);float: right;position: relative;top: 0;}

/*header*/
header{height: 60px;position: sticky;top: 0;z-index: 15;min-width: 1200px;background-color: #f5f5f5;}
header .container{height: 100%;overflow: visible;}
header .content{width: 1100px;height: 100%;display: flex;justify-content: space-between;align-items: center;padding-right: 20px;min-width: 1200px;margin: auto;}
header .content .left img{width: 127px;height: 40px;}
header .content .right{display: flex;}
.dropdown.lang {display: flex;margin-right: 10px;border: 1px solid #717171;width: 34px;height: 34px;border-radius: 20px;align-items: center;justify-content: center;transition: .3s;}
.dropdown.lang:hover{border-color: #fff;}
.dropdown.lang a {color: #fff;transition: .3s;}
.dropdown.lang .lan {background: no-repeat right center;}
/*.dropdown.lang:hover .lan{opacity: 1 !important;}*/
.dropdown.lang .dropdown-menu { min-width: 110px; margin-top: 0; padding: 5px; border-color: #212431; background: #10101a;left: -15px; z-index: 1001;}
.dropdown.lang .dropdown-menu .lan { padding: 2px 30px 2px 10px; font-size: 12px;margin-bottom: 5px; }
.dropdown.lang:hover .dropdown-menu { display: block; }
.dropdown.lang .dropdown-menu>li>a:hover, .dropdown.lang .dropdown-menu>li>a:focus {color: #FFC400;}
.dropdown.lang .arrow{transform: rotate(0);transition: .3s;}
.dropdown.lang:hover .arrow{transform: rotate(180deg)}
header .content .form-btn{display: inline-block;width: 60px;height: 32px;border-radius: 4px;line-height: 32px;text-align: center;padding: 0 10px;transition: .3s;}
header .content .form-btn.register-btn{background-color: var(--primary-color);color: #ffffff;border: 1px solid;border-color: var(--primary-color);}
header .content .form-btn.register-btn:hover{background-color: rgba(243, 201, 40, 0.4);color:#ffffff;border: 1px solid;border-color: var(--primary-color);}
header .content .form-btn.login-btn{background-color: #404040;color: #ffffff;border: 1px solid;border-color: #404040;}
header .content .form-btn.login-btn:hover{background-color: #333333;color:#ffffff;border: 1px solid;border-color: #333333;}
header .content .line{border-left: 1px solid var(--primary-color);margin: 0 13px;}
header .content .service{display: flex;width: 34px;height: 34px;border-radius: 20px;border: 1px solid #717171;color: #717171;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;transition: .3s;}
header .content .service:hover{color: #fff;border-color: #fff;}
header .content .header-panel{padding-top: 5px;}
header .content .header-panel ul{color: #000!important;}
header .content .header-panel ul li a{color: #000!important;}
header .content .header-panel .panel_name a {color: #efd709 !important;}
header .content .header-panel ul li a:hover {color: #FF9800 !important;}
header .content .header-panel ul .panel_logout a {color: #FFF !important;}
/* notice */
.notice{height:40px;position:relative;z-index:4;line-height:40px;clear: both;}
.notice .notice-news{display: flex;align-items: center;}
.notice .notice-news .icon-news{color: var(--primary-color);margin-right: 5px;}
.notice .notice-news>span{color: var(--primary-color);margin-right: 5px;}
.notice .notice-list{height:40px;overflow:hidden;padding-left:10px;flex: 1;}
.notice .notice-list a{color: var(--text-color);font-size:14px;}

/*live*/
.main-live .container{overflow: visible;width: 1200px;}
.btn-live:hover{color: var(--primary-color) !important;}
.live-item:hover figcaption.title{color:var(--primary-color) !important; }

/*casino*/
/*.main-casino .casino.theme-black .casino-sorts .nav-tabs > li.active > a{background: var(--primary-color) !important;color: #000 !important;}*/
.main-casino .casino > .container .game-list-header .jackpot .j_txt .t_g_name span{color: var(--primary-color) !important; }
.main-casino .casino .api-nav .swiper-container .swiper-slide.active{border-top: 3px solid var(--primary-color) !important;}
.casino-sorts .all_g_txt span,
.main-casino .casino > .container .game-list-header .all_g_txt span,
.main-casino .casino > .container .casino-game-list .game-item .game-info .g_line2 span{color:var(--primary-color) !important; }
.main-casino .casino > .container .casino-game-list .game-item.s_border:hover{border-color:var(--primary-color) !important; }

/*sports*/
.api-tabs>li.active a, .api-tabs>li>a:hover{color:var(--primary-color); }

/*fish*/
.fishBox{min-width: 1200px;}

/*index*/
.index-screen-01{min-width: 1200px;padding-top: 15px;}
.index-screen-01 .content{width: 95%;margin: 0 auto;white-space: nowrap;}
.index-screen-01 .content a{display: inline-block;width: 16%;}
.index-screen-01 .content a .item{display: flex;flex-direction: column;align-items: center;width: 100%;transform: scale(1);transition: .3s;}
.index-screen-01 .content a .item img{max-width: 100%;max-height: 275px;height: 12.35vw;min-height: 175px;}
.index-screen-01 .content a .item span{color: #fff;}
.index-screen-01 .content a:hover .item{ transform: scale(1.1)}

.index-screen-02{min-width: 1100px;margin-top: 30px;}
.index-screen-02 .content{width: 100%;margin: 0 auto;}
.index-screen-02 .content .item{width: 100%;position: relative;}
.index-screen-02 .content .title{display: flex;justify-content: space-between;}
.index-screen-02 .content .title .control{display: flex;padding-top: 20px;}
.index-screen-02 .content h2{font-size: 15px;color: var(--text-color);border-left: 2px solid var(--primary-color);padding-left: 10px;min-width: 280px; }
.index-screen-02 .content .item .game-list{width: 100%;height: 155px;margin-top: 20px;position: relative;overflow: hidden;}
.index-screen-02 .content .item .game-list ul{padding: 0;}
.index-screen-02 .content .item .game-list ul li{width: 213px!important;height: 148px;margin-right: 7px;}
.index-screen-02 .content .item .game-list ul li a{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;position: relative;border-radius: 20px;background-color: var(--primary-sub-color);}
.index-screen-02 .content .item .game-list ul li a .img-item{width: 100%;height: 120px;display: flex;align-items: center;justify-content: center;background-size: contain;background-repeat: no-repeat;overflow: hidden;position: relative;border-radius: 20px 20px 0px 0px;background-image: url("")!important;}
.index-screen-02 .content .item .game-list ul li a .img-item span{font-size: 12px;position: absolute;top: -2px;left: -2px;z-index: 10;background-color: var(--primary-color);padding: 5px 16px;border-radius: 20px 0;color:#fff;text-transform: uppercase;}
.index-screen-02 .content .item .game-list ul li a .img-item img {position: absolute;}
.index-screen-02 .content .item .game-list ul li a .img-item img.img-bg{width: 100%;height: auto;object-fit: cover;}
.index-screen-02 .content .item .game-list ul li a .img-item img.img-game{width: 100%;height: 100%;object-fit: contain;transition: transform .4s ease-in-out;}
.index-screen-02 .content .item .game-list ul li a .img-item img.img-game:hover{transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-live{width: 100%;height: 100%;object-fit: contain;transition: transform .4s ease-in-out;transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-live:hover{transform: scale(1.5);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-sports{object-fit: contain;transition: transform .4s ease-in-out;transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-sports:hover{transform: scale(1.5);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-lottery{object-fit: contain;transition: transform .4s ease-in-out;transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-lottery:hover{transform: scale(1.5);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-casino{position: absolute;width: 100%;height: 100%;object-fit: contain;transition: transform .4s ease-in-out;transform: scale(0.8);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-casino:hover{transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-chess{position: absolute;object-fit: contain;transition: transform .4s ease-in-out;transform: scale(0.8);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-chess:hover{transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-esports{position: absolute;object-fit: contain;transition: transform .4s ease-in-out;transform: scale(0.8);}
.index-screen-02 .content .item .game-list ul li a .img-item .img-game-esports:hover{transform: scale(1.2);}
.index-screen-02 .content .item .game-list ul li a .game-tit{color: #fff;text-align: center;width: 100%;height: 28px;font-size: 14px;background-color: var(--primary-color);border-radius: 0px 0px 20px 20px;}
.index-screen-02 .content .item .game-list ul li a .start-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50px;height: 60px;background-repeat: no-repeat;background-position: -553px -409px;background-size: 1200px;transition: .3s;opacity: 0}
/*.index-screen-02 .content .item .game-list ul li a:hover .start-btn{opacity: 1;}*/
.index-screen-02 .swiper-button{width: 30px;height: 30px;background-color: var(--primary-color);border-radius: 100px;border: 1px solid #fff;position: relative;color: #fff;transition: .3s;}
.index-screen-02 .swiper-button:hover{color: #fff;border-color: #fff;}
.index-screen-02 .swiper-button-next{right: 0;left: auto;}
.index-screen-02 .swiper-button-prev{right: 75px;left: auto;}
.index-screen-02 .swiper-button-next:after,
.index-screen-02 .swiper-button-prev:after{font-size: 16px;}


/*真人API ICON*/
.liveApiIcon {width: 100px!important;height: 100px!important;position: relative; display: inline-block;}
.liveApiIcon.bb { background-position: 0 0; }
.liveApiIcon.ag { background-position: -100px 0; }
.liveApiIcon.ebet { background-position: -200px 0; }
.liveApiIcon.opus-l { background-position: -300px 0; }
.liveApiIcon.og { background-position: -400px 0; }
.liveApiIcon.sa { background-position: -500px 0; }
.liveApiIcon.gd { background-position: -600px 0; }
.liveApiIcon.ds { background-position: -700px 0; }
.liveApiIcon.shenbo { background-position: -800px 0; }
.liveApiIcon.ea { background-position: -900px 0; }
.liveApiIcon.bg { background-position: -1000px 0; }
.liveApiIcon.ab { background-position: -1100px 0; }
.liveApiIcon.tp { background-position: -1200px 0; }
.liveApiIcon.wm { background-position: -1300px 0; }
.liveApiIcon.aes { background-position: -1400px 0; }
.liveApiIcon.pt { background-position: -1500px 0; }
.liveApiIcon.prg { background-position: -1600px 0; }
.liveApiIcon.xbb { background-position: -1700px 0; }
.liveApiIcon.evo { background-position: -1796px 0; }
.liveApiIcon.tg { background-position: -1900px 0; }
.liveApiIcon.we { background-position: -2000px 0; }
.liveApiIcon.dg { background-position: -2100px 0; }
.liveApiIcon.mg { background-position: -2200px 0; }

/*电子API ICON*/
.casinoApiIcon { width: 280px!important;height: 150px!important; }
.casinoApiIcon.c-pt { background-position: 0 0px; }
.casinoApiIcon.c-bb { background-position: -276px 8px; }
.casinoApiIcon.c-mg { background-position: -580px 8px; }
.casinoApiIcon.c-ag { background-position: -855px 8px; }
.casinoApiIcon.c-hb { background-position: -1398px 8px; }
.casinoApiIcon.c-bsg { background-position: -1126px 8px; }
.casinoApiIcon.c-sg { background-position: -1700px 8px; }
.casinoApiIcon.c-png { background-position: -560px -145px; }
.casinoApiIcon.c-gg { background-position: -5px -145px; }
.casinoApiIcon.c-dt { background-position: -253px -145px; }
.casinoApiIcon.c-gns { background-position: -813px -145px; }
.casinoApiIcon.c-prg { background-position: -1127px -145px; }
.casinoApiIcon.c-mw { background-position: -1395px -145px; }
.casinoApiIcon.c-nt { background-position: 0 -305px; }
.casinoApiIcon.c-pg { background-position: -1700px -150px; }
.casinoApiIcon.c-cq9 { background-position: -300px -305px; }
.casinoApiIcon.c-jdb { background-position: -560px -300px; }
.casinoApiIcon.c-fg { background-position: -835px -300px; }
.casinoApiIcon.c-ae { background-position: -1120px -300px; }
.casinoApiIcon.c-tp { background-position: -1400px -300px; }
.casinoApiIcon.c-gpi { background-position: -1680px -300px; }
.casinoApiIcon.c-jk { background-position: -0 -450px; }
.casinoApiIcon.c-xe88 { background-position: -280px -450px; }
.casinoApiIcon.c-sw { background-position: -560px -450px; }
.casinoApiIcon.c-sea { background-position: -840px -450px; }
.casinoApiIcon.c-xbb { background-position: -1120px -450px; }
.casinoApiIcon.c-_hot { background-position: -1400px -450px; }
.casinoApiIcon.c-vs { background-position: -1680px -450px; }
.casinoApiIcon.c-evo { background-position: -840px -600px; }
.casinoApiIcon.c-ns { background-position: 0 -600px; }
.casinoApiIcon.c-bng { background-position: -575px -600px; }
.casinoApiIcon.c-ttg { background-position: -300px -600px; }
.casinoApiIcon.c-bgsoft { background-position: -1400px -600px; }
.casinoApiIcon.c-lgd { background-position: -1680px -600px; }
.casinoApiIcon.c-funkygames { background-position: 0px -750px; }
.casinoApiIcon.c-redtiger { background-position: -280px -750px; }
.casinoApiIcon.c-mancala { background-position: -560px -750px; }
.casinoApiIcon.c-baison { background-position: -840px -750px; }
.casinoApiIcon.c-t1 { background-position: -1120px -750px; }
.casinoApiIcon.c-jili { background-position: -1400px -750px; }
.casinoApiIcon.c-fc { background-position: -1680px -750px; }
.casinoApiIcon.c-ygg { background-position: 0 -900px; }
.casinoApiIcon.c-spribe { background-position: -280px -900px; }
.casinoApiIcon.c-galaxsys { background-position: -560px -900px; }
.casinoApiIcon.c-bolebit { background-position: -840px -900px; }
.casinoApiIcon.c-imoon { background-position: -1120px -900px; }
.casinoApiIcon.c-evoplay { background-position: -1400px -900px; }
.casinoApiIcon.c-bgaming { background-position: -1680px -900px; }
.casinoApiIcon.c-yesbingo { background-position: 0 -1050px; }

/*体育API ICON*/
.sportsApiIcon { width: 100px; height: 100px; }
.sportsApiIcon.s-hg { background-position: 0 0; }
.sportsApiIcon.s-sb { background-position: -100px 0; }
.sportsApiIcon.s-rs { background-position: -200px 0; }
.sportsApiIcon.s-bc { background-position: -300px 0; }
.sportsApiIcon.s-ysb { background-position: -400px 0; }
.sportsApiIcon.s-bb { background-position: -500px 0; }
.sportsApiIcon.s-im { background-position: -600px 0; }
.sportsApiIcon.s-esb { background-position: -700px 0; }
.sportsApiIcon.s-via { background-position: -800px 0; }
.sportsApiIcon.s-sbo { background-position: -1100px 0; }
.sportsApiIcon.s-cmd { background-position: -1200px 0; }
.sportsApiIcon.s-gb { background-position: -1300px 0; }
.sportsApiIcon.s-gp { background-position: -1300px 0;}
.sportsApiIcon.s-188 { background-position: -900px 0; }
.sportsApiIcon.s-188bet { background-position: -1000px 0; }
.sportsApiIcon.s-ai { background-position: -1400px 0; }
.sportsApiIcon.s-cr { background-position: -1500px 0; }
.sportsApiIcon.s-aecric { background-position: -1700px 0; }
.sportsApiIcon.s-fb { background-position: -1800px 0; }
.sportsApiIcon.s-bti { background-position: -1900px 0; }
.sportsApiIcon.s-xy { background-position: -2000px 0;}
.sportsApiIcon.s-ob { background-position: -2100px 0;}
.sportsApiIcon.s-ailive { background-position: -2200px 0;}
.sportsApiIcon.s-9wickets { background-position: -2300px 0;}
.sportsApiIcon.s-pm { background-position: -2400px 0;}

/*彩票API ICON*/
.lotteryApiIcon { width: 120px; height: 100px; }
.lotteryApiIcon.kg { background-position: -240px 0; }
.lotteryApiIcon.bb { background-position: -120px 0; }
.lotteryApiIcon.vr { background-position: -600px 0; }
.lotteryApiIcon.lt,
.lotteryApiIcon.tl { background-position: -360px 0; }
.lotteryApiIcon.yzt,
.lotteryApiIcon.yzt { background-position: -480px 0; }
.lotteryApiIcon.lb { background-position: -720px 0; }
.lotteryApiIcon.yb { background-position: -848px 0; }
.lotteryApiIcon.tcg { background-position: -970px 0; }
.lotteryApiIcon.tp { background-position: -1090px 0; }
.lotteryApiIcon.gpi { background-position: 0 -100px; }
.lotteryApiIcon.qq { background-position: -120px -100px; }
.lotteryApiIcon.gb { background-position: -240px -100px; }
.lotteryApiIcon.gp { background-position: -370px -100px; }
.lotteryApiIcon.mg { background-position: -480px -100px; }
.lotteryApiIcon.dbgaming { background-position: -600px -100px; }
.lotteryApiIcon.yesbingo { background-position: -720px -100px; }

/*棋牌API ICON*/
.chessApiIcon { width: 280px; height: 130px; }
.chessApiIcon.p-p-ky { background-position: 0 0; }
.chessApiIcon.p-vg { background-position: -280px 0; }
.chessApiIcon.p-qly { background-position: -560px 0; }
.chessApiIcon.p-ly { background-position: -840px 0; }
.chessApiIcon.p-sd { background-position: -1120px 0; }
.chessApiIcon.p-fg { background-position: -1400px 0; }
.chessApiIcon.p-dtg { background-position: -1680px 0; }
.chessApiIcon.p-cq { background-position: -1960px 0; }
.chessApiIcon.p-tp { background-position: -2240px 0; }
.chessApiIcon.p-lc { background-position: -2520px 0; }
.chessApiIcon.p-gpi { background-position: 0 -130px; }
.chessApiIcon.p-rich88 { background-position: -280px -260px; }
.chessApiIcon.p-ha { background-position: -840px -130px; }
.chessApiIcon.p-leg { background-position: -1120px -130px; }
.chessApiIcon.p-bl { background-position: -1400px -130px; }
.chessApiIcon.p-idn { background-position: -1680px -130px; }
.chessApiIcon.p-rummy { background-position: -1960px -130px; }
.chessApiIcon.p-sdyl { background-position: -2240px -130px; }
.chessApiIcon.p-baison { background-position: -2520px -130px; }
.chessApiIcon.p-km { background-position: 0 -260px; }

/*電競API ICON*/
.esportsApiIcon { width:280px;height: 150px; }
.esportsApiIcon.f-hq { background-position: 0 0; }
.esportsApiIcon.f-yyj { background-position: -1120px 0; }
.esportsApiIcon.f-esb { background-position: -280px 0; }
.esportsApiIcon.f-fy { background-position: -560px 0; }
.esportsApiIcon.f-bc { background-position: -840px 0; }
.esportsApiIcon.f-tf { background-position: -1400px 0; }
.esportsApiIcon.f-sb { background-position: -1680px 0; }
.esportsApiIcon.f-s128 { background-position: -1960px 0; }
.esportsApiIcon.f-ws168 { background-position: -2240px 0; }
.esportsApiIcon.f-ds88 { background-position: -2520px 0; }
.esportsApiIcon.f-ks { background-position: -2800px 0; }

/*真人、體育頁樣式*/
.main-style{min-width: 1200px;}
.main-style .content{width: 95%;margin: 0 auto;}
.main-style .content .game-list ul{padding: 0;display: grid;grid-template-columns:repeat(auto-fill, minmax(16%, 1fr));}
.main-style .content .game-list ul li{margin-bottom: 15px;}
.main-style .content .game-list ul li a{display: flex;flex-direction: column;align-items: center;width: 100%;position: relative;}
.main-style .content .game-list ul li a .img-item{width: 86%;display: flex;align-items: center;justify-content: center;background-position: center 4px;background-repeat: no-repeat;overflow: hidden;position: relative;}
.main-style .content .game-list ul li a .img-item img.img-bg{width: 100%;height: auto;object-fit: cover;}
.main-style .content .game-list ul li a .img-item img.img-game{width: 75%;height: 75%;border-radius: 200px;object-fit: cover;position: absolute;}
.main-style .content .game-list ul li a .game-tit{color: #fff;text-align: center;}
.main-style .content .game-list ul li a .start-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50px;height: 60px;background-repeat: no-repeat;background-position: -553px -409px;background-size: 1200px;transition: .3s;opacity: 0}
.main-style .content .game-list ul li a:hover .start-btn{opacity: 1;}
.sports-box .sports-tabs{ border: 0px; display: inline-block!important;overflow-y: auto!important;background: #e0dfdf;}
.sports-box .sports-tabs::-webkit-scrollbar{ height: 8px;background: #dadada;}
.sports-box .sports-tabs::-webkit-scrollbar-thumb{ background: var(--primary-color);border-radius: 20px; }
.sports-box .sports-tabs li{background-color: #e0dfdf;border: 2px solid #dadada; padding: 0px 5px !important;}
.sports-box .sports-tabs li:hover{ border-top: 3px solid #005aff; background: #fff; }
.sports-box .sports-tabs li.active{border: 2px solid #dadada; border-top: 3px solid #005aff; background: #fff; }
.sports-box .bulk-frame .full-screen a{background-color: #e0dfdf;color: #000;}

/* ==================== sports 体育 ==================== */
.sports-warp { }
.sports-warp .container{background: #f2f2f2;}
.sports-warp ul { margin: 0 -5px; padding: 0 0 0 20px; }
.sports-warp ul li { margin: 0; padding: 0; }
.sports-warp ul li a { position: relative; display: block; width: 320px; height: 340px; margin: 20px auto 0; background: #fff;}
.sports-warp ul li a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 320px; border: 2px solid transparent; transition: all .3s; }
.sports-warp ul li a img { position: absolute; left: 0; top: 0; }
.sports-warp ul li a .text { position: absolute; bottom: 0; width: 100%; height: 80px; padding: 18px 0 0 100px; background: #d2d2d2; color: #333; font-weight: bold; transition: all .3s; }
.sports-warp ul li a .text .sports-logo { position: absolute; top: 5px; left: 5px; width: 90px; height: 70px; font-size: 35px; font-weight: 100; line-height: 70px; text-align: center; }
.sports-warp ul li a .text .sports-name { color: #333; font-size: 18px; }
.sports-warp ul li a .text .sports-name span { display: block; color: #333; font-size: 12px; font-weight: 100; }
.sports-warp ul li a .text .sports-btn { position: absolute; right: 18px; bottom: 25px; width: 30px; height: 30px; background: no-repeat center 0; }
.sports-warp ul li a:hover:before { border-color: #1b75d9; }
/*.sports-warp ul li a:hover .text { background-color: #1b75d9; }*/
.sports-warp ul li a:hover .text .sports-logo,
.sports-warp ul li a:hover .text .sports-name,
.sports-warp ul li a:hover .text .sports-name span { color: #1b75d9; }
.sports-warp ul li a:hover .text .sports-btn { background-position-y: bottom; }
.sports-warp ul li a .coming-soon { height: 80%;display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 36px;color: #999; }
.sports-warp .game_marker_02:after {top: 15px;}

/*footer*/
footer{min-width: 1200px;background-color: #f3f3f3;}
footer .footer-part1 .content{width: 90%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: auto;padding: 24px 0;}
footer .footer-part1 .content>div{flex: 0 42%}
footer .footer-part1 .content h2{color: #000;font-size: 24px;}
footer .footer-part1 .content span{color: #000;font-size: 12px;}
footer .footer-part1 .content span ul{list-style: disc;padding-left: 20px;}
footer .footer-part1 .content span a{color:var(--primary-color); }
footer .footer-part2{background-color: #181818;border-top: 1px solid #232323;border-bottom: 1px solid #232323;padding: 30px 0;}
footer .footer-part3{margin-top: 25px;}
footer .footer-part3 .content{width: 95%;margin: auto;border: 2px solid #c0c0c0;border-radius: 5px;padding: 25px;position: relative;background-color: #c0c0c0;display: flex;justify-content: space-evenly;align-items: center;}
footer .footer-part3 .content .text-01{color: #000;font-size: 25px;display: block;text-align: center;}
footer .footer-part3 .content .text-02{color: var(--primary-color);font-size: 33px;font-weight: bold;display: block;text-align: center;}
footer .footer-part3 .content .btn-reg{display: inline-block;min-width: 200px;padding: 0 15px;height: 36px;text-align: center;line-height: 34px;background-color: var(--primary-color);color: #fff;border-radius: 36px;border: 2px solid var(--primary-color);transition: .3s;}
footer .footer-part3 .content .btn-reg:hover{color:var(--primary-color);background-color:transparent; }
footer .footer-part4 .content{width: 90%;margin: auto;display: flex;justify-content: space-evenly;padding-top: 30px;}
footer .footer-part4 .content-top .item .title{color: #000;margin-bottom: 15px;font-size: 12px;}
footer .footer-part4 .content-top .item ul{padding: 0;}
footer .footer-part4 .content-top .item ul li a{color: var(--primary-color);transition: .3s;font-size: 12px;line-height: 30px;}
footer .footer-part4 .content-top .item ul li a:hover{color: #000;}
footer .footer-part4 .content-bottom{display: flex;border-top: 1px solid #232323;padding: 20px 0;justify-content: space-between;}
footer .footer-part4 .content-bottom .payments-group-list{width: 48%;display: flex;padding: 0;justify-content: space-between;flex-wrap: wrap;}
footer .footer-part4 .content-bottom .payments-group-list li{border: 1px solid #232323;border-radius: 5px;width: 220px;height: 50px;display: flex;margin-bottom: 10px;align-items: center;justify-content: center;}
footer .footer-part4 .content-bottom .payments-group-list li a{display: inline-block;height: 50px;background-repeat: no-repeat;}
footer .footer-part4 .content-bottom .payments-group-list li a.visa{width: 70px;background-position: -96px -130px;}
footer .footer-part4 .content-bottom .payments-group-list li a.visa:hover{background-position: -736px -130px;}
footer .footer-part4 .content-bottom .payments-group-list li a.paypal{width: 100px;background-position:-294px -130px;}
footer .footer-part4 .content-bottom .payments-group-list li a.paypal:hover{background-position:-934px -130px;}
footer .footer-part4 .content-bottom .payments-group-list li a.mastercard{width: 73px;background-position:-516px -130px;}
footer .footer-part4 .content-bottom .payments-group-list li a.mastercard:hover{background-position:-1156px -130px;}
footer .footer-part4 .content-bottom .payments-group-list li a.online-banking{width: 120px;background-position:-54px -157px;background-size: 1140px;}
footer .footer-part4 .content-bottom .payments-group-list li a.online-banking:hover{background-position:-601px -157px;}
footer .footer-part4 .content-bottom .payments-group-list li a.sofort-banking{width: 95px;background-position:-503px -188px;}
footer .footer-part4 .content-bottom .payments-group-list li a.sofort-banking:hover{background-position:-1146px -188px;}
footer .footer-part4 .content-bottom .payments-group-list li a.neteller{width: 95px;background-position:-298px -250px;}
footer .footer-part4 .content-bottom .payments-group-list li a.neteller:hover{background-position:-938px -250px;}
footer .footer-part4 .content-bottom .payments-group-list li a.apple-pay{width: 80px;background-position:-94px -250px;}
footer .footer-part4 .content-bottom .payments-group-list li a.apple-pay:hover{background-position:-733px -250px;}
footer .footer-part4 .content-bottom .payments-group-list li a.trustly{width: 123px;background-position:-494px -505px;}
footer .footer-part4 .content-bottom .payments-group-list li a.trustly:hover{background-position:-1135px -505px;}
footer .footer-part4 .content-bottom .payments-group-list li a.and-more{width: 74px;background-position:-518px -250px;}
footer .footer-part4 .content-bottom .payments-group-list li a.and-more:hover{background-position:-1158px -250px;}
footer .footer-part4 .content-bottom .payments-group-list li a.gambling-commission{width: 100px;background-position: -84px -308px;}
footer .footer-part4 .content-bottom .payments-group-list li a.gambling-commission:hover{background-position:-724px -308px;}
footer .footer-part4 .content-bottom .payments-group-list li a.gamstop{width: 125px;background-position:-61px -430px;background-size: 1160px;}
footer .footer-part4 .content-bottom .payments-group-list li a.gamstop:hover{background-position:-613px -430px;}
footer .footer-part4 .content-bottom .payments-group-list li a.game-care{width: 128px;background-position:-70px -370px;}
footer .footer-part4 .content-bottom .payments-group-list li a.game-care:hover{background-position:-712px -370px}
footer .footer-part4 .content-bottom .payments-group-list li a.gbga{width: 72px;background-position:-100px -431px;}
footer .footer-part4 .content-bottom .payments-group-list li a.gbga:hover{background-position:-740px -431px}
footer .footer-part4 .content-bottom .payments-group-list li a.gibraltar{width: 128px;background-position:-490px -370px;}
footer .footer-part4 .content-bottom .payments-group-list li a.gibraltar:hover{background-position:-1130px -370px}
footer .footer-part4 .content-bottom .payments-group-list li a.responsible-888{width: 62px;background-position:-268px -371px}
footer .footer-part4 .content-bottom .payments-group-list li a.responsible-888:hover{background-position:-908px -371px;}
footer .footer-part4 .content-bottom .payments-group-list li a.responsible-gaming{width:40px;background-position:-371px -371px;}
footer .footer-part4 .content-bottom .payments-group-list li a.responsible-gaming:hover{background-position:-1011px -371px}
footer .footer-part4 .content-bottom .payments-group-list li a.beGambleAware{width: 123px;background-position:-251px -449px;background-size: 1200px;}
footer .footer-part4 .content-bottom .payments-group-list li a.beGambleAware:hover{background-position:-827px -449px;}
footer .footer-part4 .content-bottom .payments-group-list li a.mga{width: 90px;background-position:-264px -507px;background-size: 1200px;}
footer .footer-part4 .content-bottom .payments-group-list li a.mga:hover{background-position:-850px -507px;}
footer .footer-part4 .content-bottom:before{content: '';display: inline-block;width: 1px;height: 180px;position: absolute;background-color: #232323;left: 50%;}
footer .footer-part5 .content{width: 95%;margin: auto;}
footer .footer-part5 .content-top{height: 80px;background-color: #c0c0c0;border-radius: 10px;display: flex;overflow: hidden;}
footer .footer-part5 .content-top .responsible-logo{display: flex;align-items: center;justify-content: space-evenly;width: 100px;margin-left: 20px;}
footer .footer-part5 .content-top .responsible-logo .responsibleLogo{width: 45px;height: 55px;}
footer .footer-part5 .content-top .responsible-logo .line{width: 1px;height: 60px;}
footer .footer-part5 .content-top .responsible-content{display: flex;align-items: center;justify-content: space-between;flex: 1;background-repeat: no-repeat;background-position-x:right;background-size: 300px 110px;height: 100%; }
footer .footer-part5 .content-top .responsible-content .title{font-size: 32px;font-weight: bold;text-align: right;}
footer .footer-part5 .content-top .responsible-content .title span:nth-child(1){color: rgb(0, 213, 255);-webkit-text-stroke:1px rgb(0 128 255);text-shadow: 0.8px 0.8px 0 rgb(0 189 255), -0.8px -0.8px 0 rgb(0 189 255), -0.8px 0.8px 0 rgb(0 189 255), 0.8px -0.8px 0 rgb(0 189 255);}
footer .footer-part5 .content-top .responsible-content .title span:nth-child(2){color: rgb(0, 206, 132);-webkit-text-stroke:1px rgb(0 102 51);text-shadow: 0.8px 0.8px 0 rgb(127 255 0), -0.8px -0.8px 0 rgb(127 255 0), -0.8px 0.8px 0 rgb(127 255 0), 0.8px -0.8px 0 rgb(127 255 0);}
footer .footer-part5 .content-top .responsible-content .title span:nth-child(3){color: rgb(255, 118, 0);-webkit-text-stroke:1px #232323;text-shadow: 0.8px 0.8px 0 rgb(255, 118, 0), -0.8px -0.8px 0 rgb(255, 118, 0), -0.8px 0.8px 0 rgb(255, 118, 0), 0.8px -0.8px 0 rgb(255, 118, 0);}
footer .footer-part5 .content-top .responsible-content .title span:nth-child(4){color: #000;}
footer .footer-part5 .content-top .responsible-content .text{text-align: right;color: #000;font-size: 16px;font-weight: bold;}
footer .footer-part5 .content-top .responsible-content .right-item{padding-right: 20px;}
footer .footer-part5 .content-top .responsible-content .right-item .img01{margin-right: 5px;height: 40px;}
footer .footer-part5 .content-top .responsible-content .right-item .img02{height: 40px;}
footer .footer-part5 .content-bottom{margin-top: 20px;border-top:1px solid #232323;padding: 30px 10px;display: flex;flex-direction: column; }
footer .footer-part5 .content-bottom span{color: #717171;font-size: 12px;}

/*about*/
.main-about .about-item-left{padding-top: 30px;}
.main-about .about-item-left ul{display: flex;flex-direction: column;}
.main-about .about-item-left ul li{height: 50px;display: flex;border: 1px solid var(--primary-color);}
.main-about .about-item-left ul li + li{border-top: 1px solid var(--primary-color);}
.main-about .about-item-left ul li:hover,
.main-about .about-item-left ul li.active{background-color: var(--primary-color);}
.main-about .about-item-left ul li a{color: #000;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.main-about .about-item-left ul li:hover a,
.main-about .about-item-left ul li.active a{color: #fff}
.main-about .about-item-right .about-content h3{color: var(--primary-color);}
.main-about .about-item-right .about-content p{color: #000;}
.main-about .about-item-right .about-content a{color: var(--primary-color) !important;}


/*======== register 注册================*/
.main-register .account-info,
.main-register .person-info{color: var(--primary-color);}
.main-register .form-horizontal .form-group{margin-right: 0;margin-left: 0;}
.main-register .form-horizontal .control-label{color: #000;}
.main-register .form-control{height: 40px;}
.main-register .register-about{margin-bottom: 10px;}
.main-register .phone-area-code {flex-wrap: wrap;}
.main-register .btn-registerBtn{background-color: var(--primary-color);border-radius: 5px;min-width: 250px;}
.main-register .register{background: var(--primary-sub-color);border-radius: 15px;width: 100%;height: 1010px;display: inline-block;}
.main-register .about-item-left{background: var(--primary-color);border-radius: 15px 0px 0px 15px;height: 100%;align-content: center;}
.main-register .about-item-right{}
.main-register .about-item-left .left-logo{width: 100%;}

/*==================== agent 代理 ====================*/
.header-agent .navbar-nav{width: 100%;display: flex;justify-content: center;height: 60px;align-items: center;}
.header-agent .navbar-nav li{border-radius: 30px;margin: 0 5px;height: 40px;}
.header-agent .navbar-nav li a{color: #000;padding: 0 20px;line-height: 40px;}
.header-agent .navbar-nav li:hover,
.header-agent .navbar-nav li.active{background-color:var(--primary-color)}
.header-agent .navbar-nav li:hover a,
.header-agent .navbar-nav li.active a{color:#fff ;}
.main-agent{padding-bottom: 0;}
.main-agent h3,
.main-agent a{color: var(--primary-color) !important;}
.main-agent p{color: #000;}

/*==================== lottery 彩票游戏 ====================*/
#main_lottery .col-2-1{padding: 0 10px;}
#main_lottery .col-5-4{padding-right: 0;}
#main_lottery .game-list{ background: #1b1b1b;padding: 10px 0 0 0;overflow: hidden;}
#main_lottery .game-list_02 .game-item {height: 160px;width: 100%;background: #1b1b1b;border: 3px solid #2c2b2b;transition: all .3s;}
#main_lottery .game-list_02 .game-item:hover {border-color: #cebf6e;}
#main_lottery .game-list_02 .game-item span.lottery_title {width: 100%;border: none;position: relative;top: 30px;font-weight: bold;color: #fff;font-size: 18px;transition: all 0.3s;height: 18px;line-height: 18px;}
#main_lottery .game-list_02 .game-item span.lottery_title:after{content: 'LOTTERY';font-size: 12px;color: #898989;transition: all 0.3s;margin-top: 10px;line-height: 10px;display: block;text-align: center;font-weight: initial;}
#main_lottery .game-list_02 .game-item .title span.lottery_rule{display: none;}
#main_lottery .game-list_02 .game-item .title span.lottery_btn{min-width: 114px;width: auto;height: 28px;display: block;white-space: nowrap;padding: 0 5px;font-weight: 600;margin: 65px auto 0;line-height: 24px;color: #dfe6a1;text-align: center;font-size: 20px;border: 1px solid #2f2e2b;transition: all 0.3s;border-radius: 0;}

#main_lottery .game-list_02 .nav-lottery-tabs>li>a span {margin: 0;}
#main_lottery .game-list_02 .nav-lottery-tabs>li.active>a,
#main_lottery .game-list_02 .nav-lottery-tabs>li:hover>a,
#main_lottery .game-list_02 .nav-lottery-tabs>li.active>a:hover,
#main_lottery .game-list_02 .nav-lottery-tabs>li.active>a:focus {color: var(--primary-color);}


/*公共彩票樣式*/
#api-tabs .carousel-inner .lottery-tabs{display: inline-block!important;overflow-y: auto!important;background: #e0dfdf;}
#api-tabs .carousel-inner .lottery-tabs::-webkit-scrollbar{ height: 8px;background: #dadada;}
#api-tabs .carousel-inner .lottery-tabs::-webkit-scrollbar-thumb{ background: var(--primary-color);border-radius: 20px; }
.lottery .carousel-inner .lottery-tabs{border: 0px solid #333;border-radius: 0;}
.lottery .carousel-inner .api-tabs li{border: 2px solid #dadada;background-color: #e0dfdf;min-width: 160px;}
.lottery .carousel-inner .api-tabs li:hover{border-top: 3px solid #005aff;background-color: #fff;}
.lottery .carousel-inner .api-tabs li.active{border-top: 3px solid #005aff;background-color: #fff;}
/*.lottery .carousel-inner .api-tabs li + li{border-left: 1px solid #262626;}*/
/*.lottery .carousel-inner .api-tabs li:not(:last-child){border-right: 1px solid #090909;}*/
.lottery .game-list{padding: 20px;background-color: #f7f7f7;border: 0px solid #333333;border-top: none;}
.lottery .game-list .nav-lottery-tabs li{background-color: #e0dfdf;border: 2px solid #dadada;}
.lottery .game-list .nav-lottery-tabs li:hover{background-color: #fff;}
.lottery .game-list .nav-lottery-tabs li.active{background-color: #fff;}
.lottery .game-list .nav-lottery-tabs li + li{border-top: none;}
.lottery .game-list .nav-lottery-tabs li a{color: #888;}
.lottery .game-list .nav-lottery-tabs li:hover a{color: var(--primary-color);}
.lottery .game-list .nav-lottery-tabs li.active a{color: var(--primary-color);}
.lottery .game-list .col-5-4{padding-right: 0;}
.lottery .game-list .game-item{width: 100%;height: auto;border-radius: 10px;background-color: var(--primary-color);border: 1px solid var(--primary-sub-color);margin-bottom: 20px;float: left;transition: all 300ms;}
.lottery .game-list .game-item:hover{background-color: var(--primary-color);}
.lottery .game-list .game-item .item{display: block;width: 90%;height: 154px;margin: 5%;padding: 6px;background-color: var(--primary-sub-color);}
.lottery .game-list .game-item .item .game-img{width: 100%;height: 100%;position: relative;text-align: justify;line-height: normal;margin-top: 0;}
.lottery .game-list .game-item .item .game-img img{width: 90%;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%) rotateZ(0deg);transition: all 300ms;}
.lottery .game-list .game-item:hover .item .game-img img{width: 80%;transform: translateX(-50%) translateY(-50%) rotateZ(45deg);}
.lottery .game-list .game-item .item .game-img .cover{display: block;border-radius: 8px;opacity: 0;transition: all 300ms;}
.lottery .game-list .game-item:hover .item .game-img .cover{opacity: 1;}
.lottery .game-list .game-item .item .game-img .cover .cover-bg{width: 100%;height: 100%;background-image: linear-gradient(to bottom,#363636,#282828);position: absolute;opacity: .6;}
.lottery .game-list .game-item .item .game-img .cover .cover-name{height: 18%;margin: 41% auto;border-radius: 15px;border-style: none;background-color: var(--primary-color);line-height: 24px;color: #111111;text-shadow: none;}
.lottery .game-list .game-item .title{width: 100%;height: auto;padding: 0;}
.lottery .game-list .game-item .title a{display: block;width: 100%;height: auto;text-align: center;line-height: 60px;top: auto;margin: auto;color: white !important;background-color: initial;background-image: none;box-shadow: none;transition: all 300ms;}
.lottery .game-list .game-item:hover .title a{color: #fff !important;background-color: transparent;}

.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .text_center .p02{display: none;}