/*CSS Document */
@font-face {
  font-family: NotoSansSC-Regular;
  src: url(../fonts/NotoSansSC-Regular.otf);
}
@font-face {
  font-family: Roboto-Regular;
  src: url(../fonts/Roboto-Regular.woff2);
}
@font-face {
  font-family: NotoSansThai-Regular;
  src: url(../fonts/NotoSansThai-Regular.woff2);
}

:root{
	--color-primary:#a593d1;
	--color-secondary:#7F6BAF;
	--color-light:#d9d9ed;
	--color-shadow:#838ccf4d;
	--gradient-primary:linear-gradient(180deg,#af99e2,#7f6baf); /*linear-gradient(#9D84FF 0%, #8062FA 100%)*/
	--gradient-90:linear-gradient(90deg,#af99e2,#7f6baf); /*linear-gradient(90deg, #9D84FF 0%, #8062FA 100%)*/
	--gradient-light:linear-gradient(225deg,#fbfdff,#d8d8f2);
	--gradient-bg:linear-gradient(135deg,#af99e2,#8f79c2,#7f6baf);
	--box-shadow:0px 2px 6px 0 #838ccf4d;
	--filter-primary:brightness(0) saturate(100%) invert(72%) sepia(15%) saturate(1043%) hue-rotate(213deg) brightness(84%) contrast(94%);
	--filter-secondary:brightness(0) saturate(100%) invert(41%) sepia(9%) saturate(2320%) hue-rotate(216deg) brightness(107%) contrast(85%);
}

body{-webkit-font-smoothing:antialiased; font-family:NotoSansSC-Regular; min-width:1200px; word-break:break-word;}
body.lang-en,body.lang-id,body.lang-vit{font-family:Roboto-Regular;}
body.lang-tl{font-family:NotoSansThai-Regular;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{color:#fff;}
a:hover, a:active{color:var(--color-primary);}
.cMain,a.cMain,.cMain a,.cMain a:active{color:var(--color-secondary);}
.layout{width:1260px; margin:0 auto;}
.content{position:relative; width:100%; height:100%; background-color:#f3f6fc; background:url(../images/home/home_bg.webp); background-size:contain;}
.profile-personal .personal-security > .flex-box > a{width:10%!important;}

.gray-bg{background-image:url(../images/login/login_bg.webp); background-repeat:no-repeat; background-size:100% 100%; position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0;}

/* spirits 图片 */
.top-notice em,.nav .nav-online-chat a,.slide-wrap .slide-arrow em{background:url(../images/common_spirits.webp) no-repeat;}

/*系统公告*/
.top-notice{height:30px; line-height:30px; color:#777; background:#fff4d1; position:relative; z-index:100; overflow:hidden;}
.top-notice .layout{position:relative;}
.top-notice em{width:18px; height:18px; background-position:-179px -120px; position:absolute; top:6px; left:0; display:block;}
.top-notice .top-marquee{width:960px; height:100%; margin-left:30px; color:#4d3308; overflow:hidden;}

.mod-games .hd-menu li:hover, .mod-games .hd-menu li.current, .mod-chess .hd-menu li:hover, .mod-chess .hd-menu li.current, .mod-lottery .hd-menu li:hover, .mod-lottery .hd-menu li.current, .mod-fish .hd-menu li:hover, .mod-fish .hd-menu li.current, .mod-arcade .hd-menu li:hover, .mod-arcade .hd-menu li.current{background:var(--gradient-primary)!important;}
.popularNav ul li.current{background:var(--gradient-bg)!important;}
.games-panes .slots-wrap .search-wrap a{background:var(--gradient-bg)!important;}
.games-panes .slots-wrap .games-sub-menu li.current{background:var(--color-primary)!important;color: #fff!important;}
.games-panes .slots-wrap .games-item ul li .game-rollover a{background:var(--color-primary)!important; color: #fff!important;}

/* Login */
.login-section{background-image: url(../images/login/login_bg.webp); background-repeat: no-repeat; background-size: 100% 100%; position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0;}
.login-section .log-img{position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0;}
.login-section .login-detail{text-align:center; width:90%; max-width:444px; padding:44px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.login-section .login-detail .logo{display:flex;justify-content:center;margin:0 auto 28px;}
.login-section .login-detail .logo a{background:url(../images/login/login_logo.webp);background-size: 150px;height: 150px;width: 150px;display: block;}
.login-section .login-detail > .or-opt{display:inline-flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; height:20px; margin:0 12px; white-space:nowrap; font-size:12px; color:#fff;}
.login-section .account-login{margin:0 auto; width:100%; text-align:center;}
.login-section .account-login li{height:51px; line-height:51px; display:flex; width:100%; border-radius:9px; overflow:hidden; background: #DBDBDBCC; margin:20px 0;}
.login-section .account-login li i.icon-username{background:url(../images/login/user_icon.svg); background-repeat:no-repeat; background-size:contain; display:block; width:35px; height:24px; position:relative; left:15px; top:15px;}
.login-section .account-login li input{-webkit-box-flex:1; flex:1 1 0%; width:390px; height:99%; outline:none; padding:0; border:1px solid rgba(255, 255, 255, 0); background-color:rgba(255, 255, 255, 0); margin-left:18px; font-size:14px; color:#000; opacity:0.9; font-weight:bold;}
.login-section .account-login li input:-webkit-autofill, .login-section .account-login li input:-webkit-autofill:hover, .login-section .account-login li input:-webkit-autofill:focus, .login-section .account-login li input:-webkit-autofill:active{-webkit-background-clip: text;-webkit-text-fill-color: #000;transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: none;}
.login-section .account-login li input::placeholder {color:#747474;}
.login-section .account-login li i.icon-password{background:url(../images/login/password_icon.svg); background-repeat:no-repeat; background-size:contain; display:block; width:35px; height:24px; position:relative; left:18px; top:13px;}
.login-section .account-login .fa-eye, .login-section .account-login .fa-eye-slash{position:absolute; right:15px; color:#000; line-height:51px; cursor:pointer;}
.login-section .account-login .fa-eye-slash:before{/*content:"\f069";*/ content:""; background:url(../images/login/icon_hidepassword.webp) no-repeat; background-size:100% 100%; height:15px; width:16px; display:block; top:20px; left:-15px; position:absolute;}
.login-section .login-service{height:40px; display:flex; justify-content:end;}
.login-section .login-service .remember-me{margin-left:111px;}
.login-section .remember-me input[type="checkbox"]{width:15px; height:15px; filter:invert(70%) hue-rotate(200deg) brightness(1.7);}
.login-section .remember-me label{font-size:14px; color:#fff; vertical-align:3px; margin-left:6px;}
.login-section .login-service .forgot-password{font-size:14px; color:#fff; cursor:pointer;}
.login-section a.bgBtn{font-size:17px; width:100%; text-align:center; height:51px; line-height:51px; user-select:none; background-color:unset; background:var(--gradient-primary); color:#fff; border:none; border-radius:9px; display:inline-block;}
.login-section .login-register{display:flex;align-items:center;justify-content:center;}
.login-section .login-register .home-btn{font-size:14px; color:#FFFFFF; cursor:pointer; user-select:none; margin-right:111px;}
.login-section .login-cs{margin-top:50px !important; cursor:pointer; display:flex; margin:0 auto; -webkit-box-pack:center; justify-content:center; color:#fff; -webkit-box-align:center; align-items:center;}
.login-section .login-cs i.icon-cs{margin-right:11px; background:url(../images/login/icon_cs.webp); width:29px; height:29px;}
.login-section .login-cs a{font-size:14px; text-align:center; color:#fff;}
.mod-reg .reg-cs {margin-top:4px !important; cursor:pointer; display:flex; margin:0 auto; -webkit-box-pack:center; justify-content:center; color:#fff; -webkit-box-align:center; align-items:center;}
.mod-reg .reg-cs .reg-cs-btn {font-size:14px; text-align:center; color:#fff; background-image:none; width:75px; margin:10px 0px;}
.mod-reg .reg-cs .reg-cs-btn:hover {background-image:none;}
.mod-reg .reg-cs i.icon-cs {background:url(../images/login/icon_cs.webp); width:29px; height:29px; background-size:contain; background-repeat:no-repeat;}
.login-section .account-login #code {cursor:pointer;}
.login-wrap .logined-nav .margin-top-15 {margin-top:0px;}
.login-wrap .logined-nav .flex-box .vip-rank {min-width:40px;height: 19px;background: #a299d4 url(../images/viprank_bg.webp) no-repeat left center / contain;color: #fff;font-size: 12px;font-family: Arial;font-weight: bold;padding: 0 5px 0 29px;text-align: center;line-height: 20px;box-sizing: border-box;margin-left: 2px;width: max-content;border-radius: 5px;}
.tab-content{display:none;}
.login-wrap{display:flex;}
.login-wrap .login-box{background: #9FA3A43D;border-radius: 10px 0px 0px 10px;padding: 25px;width: 380px;box-sizing: border-box;}
.login-wrap .login-empty{display:block;padding:150px 10px;color:#ccc;font-size:16px;}
.login-wrap .login-box .tab-switch{display: flex;width: 100%;justify-content:center;}
.login-wrap .login-box .tab-switch li{cursor:pointer;width:50%;color: #FFFFFF80;font-size: 17px;font-weight: bold;}
.login-wrap .login-box .tab-switch li:hover{color: #ffffff;font-size: 19px;}
.login-wrap .login-box .tab-switch li.selected{color: #ffffff;font-size: 19px;}
.login-wrap .login-btn{background: #20202080;border-radius: 0px 10px 10px 0px;box-sizing: border-box;width: 64px;}
.login-wrap .login-btn a{color:white!important;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 23px;padding: 0px 20px;box-sizing: border-box;line-height: 29px;font-weight: bold;}
.login-wrap .login-btn i.icon-register{background:url(../images/login/register_icon.svg);width: 34px;height: 32px;display: block;margin-bottom: 10px;}
.login-wrap .login-btn i.icon-login{background:url(../images/login/login_icon.svg);width: 32px;height: 32px;display: block;margin-bottom: 10px;}
.login-wrap .homebtn-wrap{margin:30px 0;}
.login-wrap .homebtn-wrap i.home-icon{margin-right:15px;background: url(../images/login/home_icon.svg);width: 30px;height: 22px;display: block;}
.login-wrap .homebtn-wrap a{color:white; font-size:16px;display: flex;justify-content: center;align-items: center;}
.login-wrap .login-register a{margin: 0px 10px;font-size: 16px;color: white;}
#register-method{width: 100%;margin: 0!important;}
#register-method ul{display: flex;width: 100%;justify-content: center;}
#register-method.menu-sub ul li{width: 50%!important;color: #FFFFFF80;font-size: 17px!important;font-weight: bold;margin: 0!important;}
#register-method.menu-sub ul li a{font-size: 17px!important;background: transparent!important;color: #FFFFFF80!important;padding:0!important;line-height:1.3;}
#register-method.menu-sub ul .current a, #register-method.menu-sub ul .current a:hover, #register-method.menu-sub ul li a:hover{ background: transparent!important;color: white!important;}
.mod-reg .login-wrap .login-box{background: #20202080;border-radius: 0px 10px 10px 0px;}
.mod-reg .login-wrap .login-btn{background: #9FA3A43D;border-radius: 10px 0px 0px 10px;}
.mod-forms .item-ipt .fa-eye, .mod-forms .item-ipt .fa-eye-slash{left: 193px;line-height: 51px;}
.mod-reg .item-ipt{width:100%;position:relative;}
.mod-reg .reg-sub a{margin:10px 0px;font-size: 17px;width: 100%;text-align: center;height: 51px;line-height: 51px;user-select: none;background-color: unset;background:var(--gradient-primary);color: #fff;border: none;border-radius: 9px;display: inline-block;}
.mod-reg .reg-cs, .mod-reg .reg-sub .login-btn, .mod-reg .reg-sub .home-btn{display:none!important;}
#memberReg .logo-reg{display:none!important;}
.mod-reg .logo{display:flex;justify-content:center;margin:0 auto 28px;}
.mod-reg .logo a{background:url(../images/login/login_logo.webp);background-size: 150px;height: 150px;width: 150px;display: block;}
.mod-reg .cellphone-register fieldset{border: none;margin: 0;padding: 0;}
.mod-reg .cellphone-register fieldset legend, .mod-reg .mod-forms label{display: none;}
.mod-forms li, .mod-forget-passwd li, .mod-reg .mod-forms li{margin:10px 0px;}
.mod-reg .cellphone-register input{ background-size: 20px;background-position: left 15px center;background-repeat: no-repeat; border: none;width: 100%;padding-left: 50px;color: #000;font-weight: bold;box-sizing: border-box;line-height: 51px;display: flex;border-radius: 9px;overflow: hidden;background: #DBDBDBCC; margin: 10px 0px; height: 51px !important;}
.mod-reg .rmverify2{left:unset;height: 34px;line-height: 34px;box-sizing: border-box;width: 100px;right: 8px;top: 18px;padding: 0px 9px;background: linear-gradient(180deg, #62B3FF, #4078FA);border-radius: 9px;}
.mod-reg .rmverify2:hover{background: linear-gradient(0deg, #62B3FF, #4078FA);}
.mod-reg .iti{width:100%;}
.login-wrap .loginOTPverify{position: absolute;right: 7px;top: 9px;border-radius: 9px;height: 34px;width: 100px;color: white;line-height: 34px;background: var(--gradient-primary);}
.login-wrap button#phoneLoginBtn{border-radius: 9px;height: 51px;width: 100%;color: white;line-height: 34px;background:var(--gradient-primary);font-size: 17px;border: none;cursor: pointer;}
.login-wrap .item-ipt{width:100%;}
.login-wrap #phoneLogin .iti{width: 100%;height: 51px;line-height: 51px;}
.login-wrap #phoneLogin input{width:100%!important;margin: 0;padding-left: 50px !important;height: 100% !important;}
.login-wrap .reg-title{font-size:19px;color: #fff; font-weight: bold; margin-bottom: -10px;}
.login-section .reg-title{margin-bottom:10px;}

/* Register */
.mod-reg .layout:not(.join-bg) {width:90%; text-align:center; position:absolute; border:none; background:none; max-width:444px; left:0; right:0; margin:auto; padding-bottom:100px;}
#memberReg {margin-top:20px;}
#memberReg .logo-reg {background:url(../images/login/header_logo.webp) no-repeat center / 100%; width:225px; height:60px; display:block; margin:5px auto 2px;}
#memberReg input {border:none; width:100%; padding-left:50px; color:#000; font-weight:bold; box-sizing:border-box; height: 51px;line-height: 51px;display: flex;border-radius: 9px;overflow: hidden;background: #DBDBDBCC;margin: 10px 0px;}
#memberReg input::placeholder {color:#747474;font-weight:normal;}
#memberReg input:-webkit-autofill, #memberReg input:-webkit-autofill:hover, #memberReg input:-webkit-autofill:focus, #memberReg input:-webkit-autofill:active{-webkit-background-clip: text;-webkit-text-fill-color: #000;transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: inset 0 0 50px 50px #DBDBDBCC;}
#memberReg fieldset {border:none; margin:0; padding:0;min-inline-size:auto;}
#memberReg fieldset legend {display:none;}
#memberReg .mod-forms li, #memberReg .mod-reg .mod-forms li {margin-bottom:0;}
#memberReg .mod-forms li label, #memberReg .mod-forms li .item-ipt span {display:none;}
#memberReg span.error-tips {float:left; padding-bottom:0px !important; margin:5px 5px 0 !important; max-height:47px; font-size:12px;}
#memberReg .agreement span.error-tips{width:100%;order:3;}

#memberReg .item-ipt i[class^='icon-']{position: absolute;top: 20px;width: 20px;height: 30px;background-position: center;background-repeat: no-repeat;background-size: 20px;left: 15px;}
#memberReg .item-ipt .icon-joiname, #memberReg .item-ipt .icon-fullname{background-image:url(../images/login/user_icon.svg);}
#memberReg .item-ipt .icon-joinpwd, #memberReg .item-ipt .icon-password1, #memberReg .item-ipt .icon-wdpassword{background-image:url(../images/login/password_icon.svg);}
#memberReg .item-ipt .icon-email, #memberReg .item-ipt .icon-emailcode{background-image:url(../images/login/icon_email.webp);}
#memberReg .item-ipt .icon-uphone, #memberReg .item-ipt .icon-smscode{background-image:url(../images/login/icon_phone.webp);}
#memberReg .item-ipt .icon-rfc{background-image:url(../images/login/referral_icon.png);}
#memberReg .item-ipt .icon-verifycode{background-image:url(../images/login/verification_icon.png);}
#memberReg .item-ipt .icon-qq{background-image:url(../images/login/icon_qq.webp);}
#memberReg .item-ipt .icon-weixin{background-image:url(../images/login/icon_wechat.webp);}
#memberReg .item-ipt .icon-whatsapp{background-image:url(../images/login/icon_whatsapp.webp);}
#memberReg .item-ipt .icon-telegram{background-image:url(../images/login/icon_telegram.webp);}
#memberReg .item-ipt .icon-facebook{background-image:url(../images/login/icon_fb.webp);}
#memberReg .item-ipt .icon-line{background-image:url(../images/login/icon_line.webp);}
#memberReg .item-ipt .icon-agc{background-image:url(../images/login/icon_referral.webp);}
#memberReg .item-ipt i.icon-uphone,#memberReg .item-ipt .icon-agc,#memberReg .item-ipt .icon-qq,#memberReg .item-ipt .icon-weixin{filter:brightness(0);top:15px;}
.login-wrap #phoneLogin input[name="uPhone"], .cellphone-register input[name="registerPhone"]{background-image:url(../images/login/phone_icon.svg); background-size: 20px !important; background-position: left 15px center;background-repeat: no-repeat;}
.login-wrap #phoneLogin input[name="SmsCode"], .cellphone-register input[name="rSmsCode"]{background-image:url(../images/login/otp_icon.svg); background-size: 20px !important; background-position: left 15px center;background-repeat: no-repeat;}
#memberReg .item-date{background:rgb(197 197 197 / 58%) url(../images/login/icon_birthday.webp) no-repeat left 15px center; background-size:20px;}

.mod-forms .item-ipt .tips {display:block; margin-top:5px;}
#memberReg .item-ipt .fa-eye{position:absolute; left:298px; line-height:51px; color:#000; cursor:pointer;top:10px;}
#memberReg .item-ipt .fa-eye-slash:before {/*content:"\f069";*/ content:""; background:url(../images/login/icon_hidepassword.webp) no-repeat; background-size:100% 100%; height:15px; width:16px; display:block; top:28px; left:103px; position:absolute;}
#memberReg .iti.iti--separate-dial-code {background:url(../images/register/phone.webp) no-repeat 10px center; /* padding-left: 50px; */ width:342px; height:40px;}
#memberReg .iti__selected-flag {top:11px!important; display:none;}
#memberReg #uphone {height:40px;}
#memberReg #captcha{position:absolute; top:21px; right:15px;}
#memberReg a.captcha-refresh {float:left; margin:-7px 0 0 5px; color:#fff !important;}

#memberReg .rmverify, #memberReg .reverify{right:3px; left:auto; top:0; bottom:0; margin:auto; border-radius:20px; height:26px; line-height:26px; background:var(--color-secondary);}
#memberReg .rmverify:hover, #memberReg .reverify:hover{color:#fff; opacity:0.85;}
#memberReg .item-date select{width:24%; margin:-3px 3px 0 0; background:#eee;}
#memberReg .item-date select:first-of-type{margin-left:50px;}
#memberReg .agreement{margin:10px auto 0; width:300px; text-align:left;flex-wrap:wrap;}
#memberReg input[name="checkbox"] {width:auto; height:auto;}
#memberReg .agreement a{color:#fff; padding-left:5px;width:calc(100% - 40px);}
#memberReg .reg-sub {position:relative;}
#memberReg .reg-sub .login-btn{/* position: absolute; */ top:90px; left:110px; width:auto; background:transparent; margin:0; box-shadow:none; font-size:12px; opacity:1; line-height:18px; text-align:left; display:inline-block; color:var(--color-primary); margin-right:75px;}
#memberReg .reg-sub .home-btn{/* position:absolute; */ top:80px; right:110px; width:auto; background:transparent; margin:0; box-shadow:none; font-size:12px; opacity:1; display:inline-block; margin-left:75px; color:#fff;}
#memberReg .reg-sub .login-btn span{color:#fff;}
.mod-reg .hd p {padding-top:15px; color:#fff; line-height:12px; display:none;}
.mod-reg .hd h3{font-size:34px; line-height:44px; color:#fff; display:none;}

#memberReg input[name="fullname"] > li{display:none;}

/* header */
.header{width:100%; z-index:100; background-color:#fff; position:fixed; z-index:1001;}
.header-height{padding-top:91px;}
.header-top{height:34px; line-height:34px; font-size:13px; background-color:transparent; position:relative; top:10px;}
.header-logo{width:130px;margin-right:20px;}
.header-logo img{width:100%;height:72px;display:flex;align-items:center;object-fit: contain;}
.header-logo a{display:block; width:100%; height:100%;}

.header-time{width:auto; height:30px; text-align:right; line-height:30px; color:hsla(0,0%,100%,.6); background-color:#414655; overflow:hidden;}
.header-time em{margin-left:10px;}

.web-nav{margin-left:40px; display:inline; color:#000;}
.web-nav a{color:#000;}
.web-nav span{padding:0 5px;}
.web-nav a:hover{color:#fff;}

/*web nav languages*/
.web-nav .img-lang{margin:7px 0 0; float:left; display:inline;}
.web-nav .img-lang a{background:url(../images/nav/img_lang.webp) no-repeat; width:21px; height:16px; display:block; float:left; margin-right:8px;}
.web-nav .img-lang a.cn{background-position:0 0px;}
.web-nav .img-lang a.en{background-position:0 -17px;}
.web-nav .img-lang a.id{background-position:0 -51px;}
.web-nav .img-lang a.tl{background-position:0 -34px;}
.web-nav .img-lang a.vit{background-position:0 -68px;}
.web-nav .img-lang a.hin{background-position:0 -170px;}
.web-nav .img-lang a.kor{background-position:0 -153px;}
.web-nav .img-lang a.jpn{background-position:0 -220px;}
.web-nav .img-lang a.por{background-position:0 -136px;}
.web-nav .img-lang a.mex-spa{background-position:0 -85px;}
.web-nav .img-lang a.col-spa{background-position:0 -102px;}
.web-nav .img-lang a.tur{background-position:0 -119px;}
.web-nav .img-lang a.tel{background-position:0 -187px;}
.web-nav .img-lang a.ben{background-position:0 -204px;}

.login-wrap{margin-top:14px;}
.log-btn-wrap{margin-top:10px; text-align:right; clear:both; display:inline-block;}
.login-menu input{width:105px; height:28px; margin-top:-3px; padding:5px 10px; color:#666; background:transparent; border:1px solid #888; border-radius:4px; box-sizing:border-box; font-size:13px; display:inline-block;}
.login-menu input::-webkit-input-placeholder{color:#666; *color:#c0c0c0;}
.login-menu input::-moz-placeholder{color:#666; *color:#c0c0c0;}
.login-menu input.input-psw{padding-right:50px; width:140px;}
.login-menu span.pr{margin:0 5px; display:inline-block;}
.login-menu .forgot-password{position:absolute; top:1px; right:8px; display:block; font-size:12px; line-height:20px; width:auto; height:20px; padding:0; cursor:pointer; text-align:right; color:#888; font-size:12px;}
.login-menu a{border-radius:7px; color:#fff; width:auto!important; padding: 0px 5px; height:26px; line-height:26px; display:inline-block; text-align:center; background-size:100%; background-repeat:no-repeat;}
.login-menu a.reg-btn{background-image:linear-gradient(#ffffff 14%, #d8dced8f 35%, #ffffff); color:#737171; border:1px solid #d9d9d9;}
.login-menu a.log-btn{background-image:linear-gradient(#ffffff 14%, #d8dced8f 35%, #ffffff); color:#737171; border:1px solid #d9d9d9;}
.login-menu a.log-btn-disabled{background:#aaa;}
.login-menu .fa-eye, .login-menu .fa-eye-slash{position:absolute; right:41px; color:#888; line-height:24px; cursor:pointer;}

.logined-nav{height:30px; line-height:30px; padding-top:0; width:auto; margin-top:-17px;}
.logined-nav span{color:#333; float:left; display:inline;}
.logined-nav span,.logined-nav > a{padding:0 5px;}
.logined-nav a{color:#333; float:left; display:inline;}
.logined-nav .logged-out a{font-size:15px; font-weight:600; color:#757575;}
.logined-nav .avatar-wrap{width:70px; padding:0;}
.logined-nav .username a:hover{color:#0088fe;}
.logined-nav .money-operate .player-name{position:relative; color:#000; font-size:12px; width:auto; height:19px; line-height:1.5;}
.logined-nav > a:hover,.logined-nav .username a:hover,.logined-nav .logged-out:hover{color:var(--color-primary);}
.logined-nav .message{font-size:13px; /*color:#d3b797;*/ margin-left:0; padding:0; float:right;}
.logined-nav .message #_umessage{font-size:11px; background-color:red; color:#fff; border-radius:10px; margin-top:-20px; padding:0 3px; position:relative; top:-8px; left:-8px;}
.logined-nav .user-center{display:none;}
.logined-nav .money-operate{margin-left:0; width:auto; height:76px;}
.logined-nav .money-operate > a{width:26px; height:16px; color:#444c64; margin-right:0; padding:0; float:left; font-size:13px; margin:19px 0 0 11px; background-size:contain; background-repeat:no-repeat; text-align:center;}
.logined-nav .money-operate > a.customer-service-href{background-image:url(../images/nav/customer_service.webp); padding-top:19px;}
.logined-nav .money-operate > a.transfer-href{background-image:url(../images/nav/transfer.webp); padding-top:19px;}
.logined-nav .money-operate > a.withdraw-href{background-image:url(../images/nav/withdraw.webp); padding-top:19px;}
.logined-nav .money-operate > a.deposit-href{background-image:url(../images/nav/deposit.webp); padding-top:19px;}
.logined-nav .money-operate > a:hover{text-decoration:underline;}
.logined-nav .logged-out{z-index:10; width:280px; height:327px; border-top:none; border-bottom:none; position:relative; left:-195px; top:1px; display:none; background:#fff; box-shadow:0px 1px 14px 1px #d9d9d9;}
.logined-nav .logged-out li{margin:5px 10px; height:33px;}
.logined-nav .logged-out .logined-profile a:before{content:''; background-image:url(../images/nav/profile_icon.webp); width:21px; height:21px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; top:6px; margin:0px 15px 0px 15px;}
.logined-nav .logged-out .logined-vip a:before{content:''; background-image:url(../images/nav/vip_icon.webp); width:21px; height:21px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; top:6px; margin:0px 15px 0px 15px;}
.logined-nav .logged-out .logined-bet a:before{content:''; background-image:url(../images/nav/bet_icon.webp); width:21px; height:21px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; top:6px; margin:0px 15px 0px 15px;}
.logined-nav .logged-out .logined-transaction a:before{content:''; background-image:url(../images/nav/transaction_icon.webp); width:21px; height:21px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; top:6px; margin:0px 15px 0px 15px;}
.logined-nav .logged-out .logined-promo a:before{content:''; background-image:url(../images/nav/promo_icon.webp); width:21px; height:21px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; top:6px; margin:0px 15px 0px 15px;}
.logined-nav .logged-out .logined-message a:before{content:''; background-image:url(../images/nav/message_icon.webp); width:21px; height:21px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; top:6px; margin:0px 15px 0px 15px;}
.logined-nav .logged-out .logined-logout{background:var(--gradient-primary); text-align:center; border-radius:2px; width:230px; margin:0 auto;}
.logined-nav .logged-out .logined-logout .logged-out-btn{margin:0 auto; width:230px; color:#fff;}
.logined-nav .logged-out:after{content:''; position:absolute; top:-5px; left:81.5%; margin-top:-5px; border-width:5px; border-style:solid; border-color:transparent transparent var(--color-primary) transparent;}
.logined-nav .avatar-wrap .avatar{width:50px; height:50px; cursor:pointer; position:relative; top:14px; left:12px;}
.logined-nav .avatar-wrap .img-wrap{width:76px; height:76px;}
.logined-nav .money-operate .dropdown-btn{position:relative; top:1px; height:10px; left:-12px; cursor:pointer; z-index:1; margin-left:12px;}
.logined-nav .money-operate .dropdown-btn:hover{background-image:url(../images/nav/dropdown_active_icon.webp); background-size:contain; background-repeat:no-repeat;}
.logined-nav .money-operate .player-wrap{color:#000; width:auto; display:inline-grid; margin:21px 0px 0px 5px; padding:0px 0px 0px 5px;}
.logined-nav .money-operate .player-wrap span{padding:0px; line-height:1; height:16px;}
.logined-nav .logged-out .username .player-name{font-size:20px; color:#fff; line-height:2.5; margin-left:17px;}
.logined-nav .logged-out .username{background:var(--color-primary); width:100%; margin:0; height:50px;}
.logined-nav .logged-out .logined-message #_umessage{font-size:10px; color:#fff; line-height:1.87;}
.logined-nav .logged-out .logined-message .umessage-wrap{background:linear-gradient(var(--color-secondary), var(--color-secondary), var(--color-primary)); border-radius:24px; width:18px; height:18px; padding:0; float:right; margin:7px 0px 3px 100px; text-align:center;}

.dropdown{display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.dropdown:hover{cursor:pointer;}
.dropdown > a, .dropdown > button{background:transparent; background-size:20px; font-size:14px; border:1px solid transparent; padding:3px 20px 3px 0px; line-height:12px; border-radius:4px; display:inline-block; color:#000; text-decoration:none;}
.dropdown > a:before, .dropdown > button:before{position:absolute; right:7px; top:12px; content:' '; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff;}
.dropdown > button em{position:relative;}
.dropdown > button em:after{content:''; position:absolute; top:0; bottom:0; right:-18px; margin:auto; width:18px; height:18px; background:url(../images/nav/dropdown_icon.webp) no-repeat center; background-size:11px; transition:all 0.3s;}
.dropdown > button em.show:after{transform:rotate(180deg);}
.dropdown input[type=checkbox]{position:absolute; display:block; top:25px;width:30%; height:125%; margin:0px; opacity:0;}
.dropdown input[type=checkbox]:hover{cursor:pointer;}
.dropdown input[type=checkbox]:checked{position:fixed; width:100%; z-index:+0; top:0px; left:0px; right:0px; bottom:0px;}
.dropdown-wrap{position:absolute; top:65px; left:0; width:100%; min-width:160px; list-style:none; display:none; background-color:#444c64; color:#ddd; padding:3px 10px; border-radius:6px; box-sizing:border-box; z-index:999;}
.dropdown input[type=checkbox]:checked + .dropdown-wrap{display:block;}
.dropdown ul li{display:block; padding:2px 4px; min-width:13px; height:28px; cursor:pointer;}
.dropdown ul li a{text-decoration:none; display:block; float:none; width:100%; height:100%; color:#a2a8bf;}
.dropdown ul li.show a{color:#ddd;}
.dropdown ul li a span.label.label-success{background:url(../images/nav/icon_tick.webp) no-repeat center; background-size:13px; width:13px; height:13px; padding:0; margin:8px 20px 0 0;}
.dropdown ul li a span.label.label-success.show{visibility:visible;}
.dropdown ul li a span.label.label-success.hide{visibility:hidden;}
.dropdown ul li .currency-container{display:flex;}
.label-container, .wallet-container{min-height:1px; white-space:nowrap;}
.hided{display: none!important;}

.dropdown-wrap hr{background:#bbb; margin:3px 0;}
.dropdown-wrap > a{display:block; float:none; width:100%; background:url(../images/nav/icon_deposit.webp) no-repeat left center; background-size:23px; color:#ddd; padding-left:37px;}
.dropdown-wrap > a.withdraw-href{background-image:url(../images/nav/icon_withdraw.webp);}
.dropdown-wrap > a.transfer-href{background-image:url(../images/nav/icon_transfer.webp);}
.dropdown-wrap > a.logout-href{background-image:url(../images/nav/icon_logout.webp);}

.nav-wrap{background:linear-gradient(#fff 68%, var(--color-light)); position:relative; z-index:1; height:auto; clear:both; transition:all .1s ease; border-bottom:7px solid var(--color-secondary);}
.nav > ul > li{margin:0 8px; float:left; display:inline-block;}
.nav > ul > li:first-child{margin-left:10px;}
.nav > ul > li:last-child{margin-right:0;}
.nav > ul > li > a:hover:after{content:""; display:block; width:100%; height:4px; background:var(--color-primary); border-radius:2px; position:absolute; left:0; bottom:0;}
.nav > ul > li > a:after{content:""; display:block; width:0; height:4px; background:var(--color-primary); border-radius:2px; position:absolute; bottom: 0; left:50%; transition:all .2s;}
.nav > ul > li > a{position:relative; height:72px; line-height:72px; color:#444c64; font-size:13px; display:flex; align-items:center; gap:3px;}
.nav > ul > li > a:hover,.nav > ul > li:hover > a,.nav > ul > li.cur > a{color:var(--color-primary);}
.nav > ul > li > a > i{width:12px; height:12px;display:inline-block; background-image:url(../images/nav/menu_down_normal.webp); background-repeat:no-repeat; background-size:100% 100%; background-position:center; transition:transform .3s ease;}
.nav > ul > li > a .nav-hot{background:url(../images/nav/hot.gif) no-repeat 0 0; width:44px; height:20px; position:absolute; top:-3px; right:-10px; z-index:2;}

.nav > ul > li > a:hover > i,.nav > ul > li.hover > a > i,.nav > ul > li.cur > a > i{background-position-x:right;  background-image:url(../images/nav/menu_up_active.webp) !important; background-size:101% 100%; background-position:center;}
.nav > ul > li{text-transform:uppercase;}

.nav-drop{background-color:rgba(255,255,255,0.9); -webkit-box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1); box-shadow:0 4px 18px 0 rgba(0, 0, 0, .1);}
.nav-drop .layout{width:1200px;}
.nav-drop{width:100%; height:0; position:absolute; left:0; top:108%; z-index:100; overflow:hidden;}

.nav-live .nav-drop{background:linear-gradient(#0d472dc2, #2db2ffd9); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-sports .nav-drop{background:linear-gradient(#080d46c7, #274bd3ed 83%, #a4b4ebf5); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-esports .nav-drop{background:linear-gradient(#2e3844de 80%, #863b26d9); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-animal .nav-drop{background:linear-gradient(#1e5570d6 82%, #ae916dde); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-poker .nav-drop{background:linear-gradient(#212230eb, #5864ffe3 82%, #a4bbfdeb); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-games .nav-drop{background:linear-gradient(#4a4372e0, #325c8ddb 82%, #35aebcdb); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-chess .nav-drop{background:linear-gradient(#411f68eb, #332ea0db 82%, #8946aed1); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-keno .nav-drop,.nav-arcade .nav-drop{background:linear-gradient(#1c274bed, #0067b7db 82%, #56aceede); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-fish .nav-drop{background:linear-gradient(#3b4866ed, #407be0e8 82%, #2bc5ffe3); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}
.nav-marble .nav-drop{background:linear-gradient(#3b4866ed, #407be0e8 82%, #2bc5ffe3); border-bottom-left-radius:15%; border-bottom-right-radius:15%; box-shadow:0px 5px 0px 0px #00000078;}

.nav-drop ul li:hover{background-image:url(../images/nav/nav_box_active_btn.webp); position:relative; top:-25px;}
.nav-drop ul li{width:250px; float:left; display:inline;}
.nav-drop ul li a{width:100%; height:200px; border-width:0 1px 0 0; display:block;}
.nav-drop ul li em, .nav-drop i{display:block; margin:0 auto; background-repeat:no-repeat; background-size:contain; transition:all 0.5s;}
.nav-drop ul li:hover em{transform:scale(1.03);}
.nav-drop .hd{display:block; overflow:hidden; height:100%;}
.nav-drop .hd h4{color:#fff; background:none; font-size:18px; line-height:normal; margin:15px auto; font-weight:600; text-align:center;}
.nav-drop .bd{color:#959cb2; text-align:center; display:block;}

.nav-drop .return{width:125px; height:50px; float:left; background-size:contain; background-repeat:no-repeat; margin:60px 30px 0;}
.nav-drop .return span{position:relative; top:50px; font-size:14px; color:#5a5a5a;}
.nav-drop .return em.img{width:100px; height:100px; margin-top:50px;}
.nav-drop .barcode{width:173px; height:250px; float:left; background-image:url(../images/nav/nav_barcode.webp); background-size:contain; background-repeat:no-repeat; margin:25px 30px;}
.nav-drop .barcode img{padding:60px 11px 10px; width:150px; background-size:contain;}
.nav-drop .barcode p{text-align:center; font-size:16px;}
.nav-drop .sports-return{background-image:url(../images/nav/sports_return.webp);}
.nav-drop .esports-return{background-image:url(../images/nav/r_esports_title.webp);}
.nav-drop .esports-return em.img{background-image:url(../images/nav/r_110_title.webp); background-size:cover;}

.nav-drop ul li{width:150px; height:200px; background:url(../images/nav/nav_box_btn.webp) no-repeat center/150px 200px; margin:50px auto;}
.nav-drop ul li i{background:url(../images/nav/nav_drop.webp) no-repeat top left/7700px 240px;display:block; margin:26px auto; width:65px; height:65px;transition:0s all!important;}
.nav-drop ul li:hover i{filter: var(--filter-secondary);}
.nav-drop ul li:hover h4{color:var(--color-primary);}

/*dropdown arrow*/
.nav-drop > .pr{width:1300px;margin:0 auto;}
.nav-drop .arrow{display:inline-block; padding:22px; position:absolute; top:125px; cursor:pointer;}
.nav-drop .arrow:hover{filter:contrast(150%);}
.nav-drop .arrow.prev{left:0; background:url(../images/nav/arrow_left_icon.webp) no-repeat; background-size:contain;}
.nav-drop .arrow.next{transform:rotate(-181deg); right:0; background:url(../images/nav/arrow_left_icon.webp) no-repeat; background-size:contain;}
#fish, #live, #games, #chess, #lottery, #sports-nav{overflow:hidden;}


.fish-drop ul li i{background-size:7700px 240px;}
.l-c-drop ul li i{background-size:4940px 452px;}
.games-drop ul li i{background-size:7700px 240px;}
.esports-drop ul li i{background-size:7700px 240px;}
.chess-drop ul li i{background-size:7700px 240px;}
.lottery-drop ul li i{background-size:7700px 240px;}
.animal-drop ul li i{background-size:1007px 305px;}
.arcade-drop ul li i{background-size:1007px 305px;}
.tvgames-drop ul li i{background-size:1007px 305px;}

.poker-drop ul li{width:100%; height:200px; background-image: url(../images/nav/nav_box_btn.webp); background-repeat:no-repeat; background-size:150px 200px; background-position:center; margin:50px auto;}
.poker-drop ul li i,.poker-drop ul li em.img{background-image:url(../images/nav/sports_drop.webp);}
.poker-drop ul li i{background-size:720px 338px;}
.poker-drop ul li em.img{width:170px; height:150px; background-size:490px 203px;}

.promo-drop ul li{width:200px;}
.promo-drop ul li .hd h4{font-size:18px; font-weight:bold; margin:25px auto 0;}
.promo-drop ul li .bd{font-size:14px;}
.promo-drop ul li em{width:216px; height:200px; margin-top:10px; background-position-y:bottom;}

.agent-drop ul li:hover .hd > .img{transform:initial;}
.agent-drop .agent-left{width:850px;}
.agent-drop .agent-left > .img{background-image:url(../images/nav/agent.webp); width:271px; height:243px; margin:28px auto;}
.agent-drop .middle-wrap h4{font-size:30px; font-weight:bold; text-align:left; margin-top:60px; margin-bottom:0;}
.agent-drop .middle-wrap .bd{font-size:20px; text-align:left;}
.agent-drop .middle-wrap .img{background-image:url(../images/nav/agent_01.webp); height:35px; margin:20px 0 0;}
.agent-drop .agent-right{width:350px;}
.agent-drop .agent-right:hover{background:none;}
.agent-drop .agent-right h4{font-size:20px;}
.agent-drop .agent-right .app{display:inline-block; float:left; width:175px; margin-top:40px;}
.agent-drop .agent-right .app .qrcode{width:100px; height:100px; padding:10px; margin:0 auto;}
.agent-drop .agent-right .app p{text-align:center; *font-size:14px; color:#6a7391;}

.mobile-drop ul li{width:240px;}
.mobile-drop ul li .img{display:inline-block; width:100%; height:230px; background-image:url(../images/nav/mobile_drop.webp); background-size:1144px 230px;}
.mobile-drop ul li.mobile-01 em.img{background-position-x:-10px;}
.mobile-drop ul li.mobile-02 em.img{background-position-x:-225px;}
.mobile-drop ul li.mobile-03 em.img{background-position-x:-442px;}
.mobile-drop ul li.mobile-04 em.img{background-position-x:-680px;}
.mobile-drop ul li.mobile-05 em.img{background-position-x:-914px;}
.mobile-drop ul li .hd h4{font-size:20px;}

/*dropdown*/
.nav-drop ul li.sports-im i{background-position:-1012px 0px;}
.nav-drop ul li.sports-bepro i{background-position:-5197px -58px;}
.nav-drop ul li.sports-ug i{background-position:-3578px -56px; background-size:9100px 240px;}
.nav-drop ul li.sports-hg i{background-position:-5046px -76px; background-size:8900px 280px;}
.nav-drop ul li.sports-bti i{background-position:-882px 1px; background-size:8000px 240px;}
.nav-drop ul li.sports-saba i{background-position:-310px -3px; background-size:7100px 265px; width:75px;}
.nav-drop ul li.sports-ss i{background-position:-427px -3px; background-size:6500px 270px;}
.nav-drop ul li.sports-maja i{background-position:-76px -232px;}
.nav-drop ul li.sports-cmd i{background-position:-541px -7px; background-size:6200px 290px;}
.nav-drop ul li.sports-bb i{background-position:-143px -2px; background-size:6400px 255px;}
.nav-drop ul li.sports-ag i{background-position:2px 4px; background-size:5720px 228px;}
.nav-drop ul li.sports-alt188 i{background-position:-206px -150px;}
.nav-drop ul li.sports-sbo i{background-position:-3342px -58px; background-size:9000px 235px;}
.nav-drop ul li.sports-obsports i{background-position:-3439px -177px; background-size:8300px 240px;}
.nav-drop ul li.sports-sexy i{background-position:-5177px -149px; background-size:7000px 290px; width:70px;}
.nav-drop ul li.sports-og i{background-position:-3532px -61px; background-size:8100px 245px;}
/*.nav-drop ul li.sports-xj i{background-position:-3147px -89px; background-size:5500px 295px;}*/
.nav-drop ul li.sports-xj i{background-position:-6128px -102px; background-size:9720px 345px; width:45px;}
.nav-drop ul li.sports-fb i{background-position:-182px -167px; background-size:8000px 230px;}
.nav-drop ul li.sports-ai i{background-position:-2794px -167px; background-size:8000px 230px;}
.nav-drop ul li.sports-98play i{background-position:-2950px -167px; background-size:8000px 230px;width:100px;}
.nav-drop ul li.sports-365 i{background-position: -3025px -175px;}
.nav-drop ul li.sports-pinnacle i{background-position: -2345px -180px;width:80px;}
.nav-drop ul li.sports-opus i{background-position: -2018px -175px;}

.nav-drop ul li.sports-im em{background-position:-126px -13px;}
.nav-drop ul li.sports-bepro em{background-position:-2035px -13px;}
.nav-drop ul li.sports-ug em{background-position:-1606px -13px;}
.nav-drop ul li.sports-hg em{background-position:-1748px -13px;}
.nav-drop ul li.sports-bti em{background-position:-730px -13px;}
.nav-drop ul li.sports-saba em{background-position:-441px -13px;}
.nav-drop ul li.sports-ss em{background-position:-1173px -13px;}
.nav-drop ul li.sports-maja em{background-position:-2326px -13px;}
.nav-drop ul li.sports-cmd em{background-position:-584px -13px;}
.nav-drop ul li.sports-bb em{background-position:-279px -13px;}
.nav-drop ul li.sports-ag em{background-position:-883px -13px;}
.nav-drop ul li.sports-alt188 em{background-position:-1893px -13px;}
.nav-drop ul li.sports-sbo em{background-position:-1463px -13px;}
.nav-drop ul li.sports-obsports em{background-position:-2323px -13px;}
.nav-drop ul li.sports-sexy em{background-position:-2179px -13px;}
.nav-drop ul li.sports-og em{background-position:-2326px -13px;}
.nav-drop ul li.sports-xj em{background-position:-1893px -13px;}
.nav-drop ul li.sports-fb em{background-position:-883px -13px;}

.nav-drop ul li.l-c-ag i{background-position:2px 4px; background-size:5720px 228px;}
.nav-drop ul li.l-c-we i{background-position:-1311px 7px; background-size:7500px 230px;}
.nav-drop ul li.l-c-sa i{background-position:-1255px 18px; background-size:6400px;}
.nav-drop ul li.l-c-gd i{background-position:-359px -241px;}
.nav-drop ul li.l-c-allbet i{background-position:-1421px -5px; background-size:6520px 275px;}
.nav-drop ul li.l-c-bb i{background-position:-143px -2px; background-size:6400px 255px;}
.nav-drop ul li.l-c-ea i{background-position:-3899px 4px; background-size:4600px 210px; width:50px;}
.nav-drop ul li.l-c-n2 i{background-position:-5567px -7px; background-size:6400px 290px;}
.nav-drop ul li.l-c-dg i{background-position:-5707px 2px; background-size:6400px 230px;}
.nav-drop ul li.l-c-bg i{background-position:-1860px 3px; background-size:7100px 240px;}
.nav-drop ul li.l-c-mg i{background-position:-6147px 2px; background-size:8300px 240px;}
.nav-drop ul li.l-c-pt i{background-position:-5594px -7px; background-size:6950px 280px;}
.nav-drop ul li.l-c-ibo i{background-position:-6011px -4px; background-size:6430px 260px;}
.nav-drop ul li.l-c-hj i{background-position:-174px -314px;}
.nav-drop ul li.l-c-og i{background-position:-3532px -61px; background-size:8100px 245px;}
.nav-drop ul li.l-c-sexy i{background-position:-2285px -3px; background-size:7000px 280px; width:70px;}
.nav-drop ul li.l-c-gpi i{background-position:-3703px -5px; background-size:7400px 320px; width:75px;}
.nav-drop ul li.l-c-cqg i{background-position:-4111px 0px; background-size:6300px 255px;}
.nav-drop ul li.l-c-wm i{background-position:-1173px -54px; background-size:7650px 230px;}
.nav-drop ul li.l-c-evo i{background-position:-5938px 3px; background-size:6500px 240px;}
.nav-drop ul li.l-c-dblive i{background-position: -3475px -167px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.l-c-pp i{background-position:-507px -59px; background-size:7750px 240px; width:75px;}
.nav-drop ul li.l-c-ezugi i{background-position:-6031px -55px; background-size:6450px 240px;}
.nav-drop ul li.l-c-98play i{background-position:-2950px -167px; background-size:8000px 230px;width:100px;}
.nav-drop ul li.l-c-opus i{background-position: -2018px -175px;background-size: 7710px 240px;width: 70px;}
.nav-drop ul li.l-c-superspade i{background-position: -5965px 2px;background-size: 8300px 240px;width: 70px;}
.nav-drop ul li.l-c-joker i{background-position:-834px -55px; background-size:7650px 230px;width:80px;}
.nav-drop ul li.l-c-yeebet i{background-position: -5204px -177px;background-size: 7710px 240px;width: 70px;}
.nav-drop ul li.l-c-eeai i{background-position:-5371px -167px;background-size: 7710px auto;width: 70px;}
.nav-drop ul li.l-c-ar i{background-position:-5535px -167px;background-size: 7710px auto;width: 70px;}
.nav-drop ul li.l-c-mt i{background-position: -5712px -177px;background-size: 7710px 240px;width: 70px;}

.nav-drop ul li.l-c-ag em{background-position:-150px 1px;}
.nav-drop ul li.l-c-we em{background-position:-270px 1px;}
.nav-drop ul li.l-c-gd em{background-position:-2165px 1px;}
.nav-drop ul li.l-c-allbet em{background-position:-390px 1px;}
.nav-drop ul li.l-c-bb em{background-position:-621px 1px;}
.nav-drop ul li.l-c-ea em{background-position:-839px 1px;}
.nav-drop ul li.l-c-n2 em{background-position:-948px 1px;}
.nav-drop ul li.l-c-dg em{background-position:-1057px 1px;}
.nav-drop ul li.l-c-bg em{background-position:-1284px 1px;}
.nav-drop ul li.l-c-mg em{background-position:-1735px 1px;}
.nav-drop ul li.l-c-pt em{background-position:-1851px 1px;}
.nav-drop ul li.l-c-ibo em{background-position:-2307px 1px;}
.nav-drop ul li.l-c-hj em{background-position:-2077px 1px;}
.nav-drop ul li.l-c-og em{background-position:-2416px 1px;}
.nav-drop ul li.l-c-sexy em{background-position:-729px 1px;}
.nav-drop ul li.l-c-gpi em{background-position:-24px 1px;}
.nav-drop ul li.l-c-cqg em{background-position:-1503px 1px;}
.nav-drop ul li.l-c-wm em{background-position:-1619px 1px;}
.nav-drop ul li.l-c-evo em{background-position:-1284px 1px;}
.nav-drop ul li.l-c-oblive em{background-position:-3078px 1px;}
.nav-drop ul li.l-c-pp em{background-position:-2972px 1px;}
.nav-drop ul li.l-c-ezugi em{background-position:-1057px 1px;}
.nav-drop ul li.esports-im i{background-position:-1012px 0px;}
.nav-drop ul li.esports-avia i{background-position:-1259px 3px; background-size:8200px 240px;}
.nav-drop ul li.esports-lh i{background-position:-1805px -77px; background-size: 6900px 290px;}
.nav-drop ul li.esports-ia i{background-position:-5648px -117px; background-size:8100px 240px;}
.nav-drop ul li.esports-db i{background-position: -3648px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.esports-pinnacle i{background-position: -2345px -180px;width:80px;}
.nav-drop ul li.esports-saba i{background-position: -2955px -113px;background-size: 8000px 230px;width: 90px;}

.nav-drop ul li.esports-im em{background-position:-5px -20px;}
.nav-drop ul li.esports-avia em{background-position:-325px -20px;}
.nav-drop ul li.esports-lh em{background-position:-169px -20px;}
.nav-drop ul li.esports-ia em{background-position:-950px -20px;}
.nav-drop ul li.esports-ob em{background-position:-797px -20px;}

.nav-drop ul li.games-nt i{background-position:-864px -76px; background-size:6600px 290px;}
.nav-drop ul li.games-ganapati i{background-position:-4054px -79px; background-size:6900px 290px;}
.nav-drop ul li.games-ag i{background-position:2px 4px; background-size:5720px 228px;}
.nav-drop ul li.games-yoplay i{background-position:-2043px -70px; background-size:6700px 270px;}
.nav-drop ul li.games-im i{background-position: -1012px 0px;}
.nav-drop ul li.games-pt i{background-position:-5594px -7px; background-size:6950px 280px;}
.nav-drop ul li.games-bs i{background-position:-139px -60px; background-size:6300px 250px;}
.nav-drop ul li.games-dt i{background-position:-5946px 5px; background-size:7800px 230px;}
.nav-drop ul li.games-habanero i{background-position:-15px -63px; background-size:9100px 250px;}
.nav-drop ul li.games-simpleplay i{background-position:-464px -205px;}
.nav-drop ul li.games-rtg i{background-position:-1984px -71px; background-size:7000px 282px;}
.nav-drop ul li.games-mg i{background-position:-6147px 2px; background-size:8300px 240px;}
.nav-drop ul li.games-mwg i{background-position:-5373px 2px; background-size:6500px 245px;}
.nav-drop ul li.games-pgs i{background-position:-4315px 1px; background-size:6200px 240px;}
.nav-drop ul li.games-ameba i{background-position:-4326px -13px; background-size:7100px 315px; width:70px;}
.nav-drop ul li.games-pts i{background-position:-6468px 2px; background-size:8250px 240px;}
.nav-drop ul li.games-sg i{background-position:-5173px 1px; background-size:7200px 250px;}
.nav-drop ul li.games-jdb i{background-position:-3670px 6px; background-size:5450px 230px;}
.nav-drop ul li.games-cqg i{background-position:-4111px 0px; background-size:6300px 255px;}
.nav-drop ul li.games-bb i{background-position:-143px -2px; background-size:6400px 255px;}
.nav-drop ul li.games-isoftbet i{background-position:-5069px -84px; background-size:6300px 315px;}
.nav-drop ul li.games-icg i{background-position:-1617px -51px; background-size:7400px 230px;}
.nav-drop ul li.games-goodroad i{background-position:-2012px -115px; background-size:7100px 240px;}
.nav-drop ul li.games-ttg i{background-position:-6454px -49px; background-size:7800px 220px;}
.nav-drop ul li.games-db i{background-position: -3650px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-bng i{background-position:-7434px -118px; background-size:8750px 240px;}
.nav-drop ul li.games-sea i{background-position:-6851px -117px; background-size:8500px 240px;}
.nav-drop ul li.games-playngo i{background-position:-3070px -126px; background-size:6418px 250px; width:70px;}
.nav-drop ul li.games-tp i{background-position:-5797px -117px; background-size:6500px 240px;}
.nav-drop ul li.games-playstar i{background-position:-1521px -170px; background-size:6350px 230px;}
.nav-drop ul li.games-pp i{background-position:-507px -59px; background-size:7750px 240px; width:75px;}
.nav-drop ul li.games-rich88 i, .nav-drop ul li.chess-rich88 i{background-position:-276px -117px; background-size:6300px 240px; width:65px;}
.nav-drop ul li.games-ae i{background-position:-930px -117px; background-size:6100px 235px; width:60px;}
.nav-drop ul li.games-hc i{background-position:-1440px -122px; background-size:8200px 245px; width:60px;}
.nav-drop ul li.games-fc i{background-position:-1798px -122px; background-size:8200px 245px; width:60px;}
.nav-drop ul li.games-ygg i{background-position: -413px -63px;background-size: 9100px 250px;}
.nav-drop ul li.games-sbo i{background-position: -2950px -55px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-ygr i{background-position: -4518px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-joker i{background-position:-834px -55px; background-size:7650px 230px;width:80px;}
.nav-drop ul li.games-gpi i{background-position:-3703px -5px; background-size:7400px 320px; width:75px;}
.nav-drop ul li.games-wazdan i{background-position: -4692px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-evonlc i{background-position: -336px -170px; width: 80px;}
.nav-drop ul li.games-og i{background-position: -3972px -56px;background-size: 9100px 240px;}
.nav-drop ul li.games-odin i, .nav-drop ul li.animal-odin i{background-position: -6087px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-nextspin i{background-position: -6255px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-btg i{background-position: -7648px -115px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-advantplay i, .nav-drop ul li.arcade-advantplay i{background-position: -6439px -170px;background-size: 8000px 230px;width: 80px;}
.nav-drop ul li.games-mw i{background-position: -6604px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-5g i{background-position: -6952px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.games-168 i{background-position: -7128px -170px;background-size: 8000px 230px;width: 100px;}

.nav-drop ul li.games-nt em{background-position:-864px 0;}
.nav-drop ul li.games-ganapati em{background-position:-864px 0;}
.nav-drop ul li.games-ag em{background-position:-1021px 0;}
.nav-drop ul li.games-yoplay em{background-position:-1185px 0;}
.nav-drop ul li.games-im em{background-position:-1333px 0;}
.nav-drop ul li.games-pt em{background-position:-1494px 0;}
.nav-drop ul li.games-bs em{background-position:-1655px 0;}
.nav-drop ul li.games-dt em{background-position:-1812px 0;}
.nav-drop ul li.games-habanero em{background-position:-1972px 0;}
.nav-drop ul li.games-simpleplay em{background-position:-2141px 0;}
.nav-drop ul li.games-rtg em{background-position:-2313px 0;}
.nav-drop ul li.games-mg em{background-position:-2490px 0; width:130px;}
.nav-drop ul li.games-mwg em{background-position:-2620px 0;}
.nav-drop ul li.games-pgs em{background-position:-2775px 0; width:130px;}
.nav-drop ul li.games-ameba em{background-position:-2890px 0; width:150px;}
.nav-drop ul li.games-pts em{background-position:-3009px 0;}
.nav-drop ul li.games-sg em{background-position:-3167px 0; width:130px;}
.nav-drop ul li.games-jdb em{background-position:-3277px 0;}
.nav-drop ul li.games-cqg em{background-position:-3443px 0; width:120px;}
.nav-drop ul li.games-bb em{background-position:-3559px 0;}
.nav-drop ul li.games-isoftbet em{background-position:-3711px 0;}
.nav-drop ul li.games-icg em{background-position:-3868px 0;}
.nav-drop ul li.games-goodroad em{background-position:-4045px 0; width:130px;}
.nav-drop ul li.games-ttg em{background-position:-4161px 0;}
.nav-drop ul li.games-ob em{background-position:-4314px 0;}
.nav-drop ul li.games-bng em{background-position:-1812px 0;}
.nav-drop ul li.games-sea em{background-position:-1971px 0;}
.nav-drop ul li.games-playngo em{background-position:-2313px 0;}
.nav-drop ul li.games-tp em{background-position:-4465px 0;}

.nav-drop ul li.chess-sy i{background-position:-3098px -153px; background-size:7900px 290px;}
.nav-drop ul li.chess-hl i{background-position:-3326px -10px; background-size:6950px 315px; width:70px;}
.nav-drop ul li.chess-xy i{background-position:-3848px 1px; background-size:8400px 250px;}
.nav-drop ul li.chess-ly i{background-position:-2347px 9px; background-size:6000px 210px;}
.nav-drop ul li.chess-ky i{background-position:-2510px 1px; background-size:7200px 250px;}
.nav-drop ul li.chess-mt i{background-position:-2352px 3px; background-size:5700px 245px;}
.nav-drop ul li.chess-vg i{background-position:-2404px 1px; background-size:6500px 240px;}
.nav-drop ul li.chess-tianyou i{background-position:-4326px -79px; background-size:7100px 285px; width:70px;}
.nav-drop ul li.chess-365 i{background-position:-5767px -78px; background-size:6800px 300px; width:70px;}
.nav-drop ul li.chess-kingmaker i{background-position:-726px -113px; background-size:5600px 230px; width:70px;}
.nav-drop ul li.chess-goodroad i{background-position:-2012px -115px; background-size: 7100px 240px;}
.nav-drop ul li.chess-gamma i{background-position:-4054px -79px; background-size:6900px 290px;}
.nav-drop ul li.chess-db i{background-position: -3818px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.chess-kgame i{background-position:-2289px -116px; background-size:7000px 235px;}
.nav-drop ul li.chess-tm i{background-position:-3114px -126px; background-size:6100px 250px;}
.nav-drop ul li.chess-fgg i{background-position:-8201px -119px; background-size:9900px 240px;}
.nav-drop ul li.chess-gpi i{background-position:-3703px -5px; background-size:7400px 320px; width:75px;}
.nav-drop ul li.chess-guarantee i{background-position: -5373px -122px;background-size: 6500px 245px;}
.nav-drop ul li.chess-bs i{background-position: -198px -63px;background-size: 9100px 250px;width: 100px;}
.nav-drop ul li.chess-v8 i{background-position: -7300px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.chess-wali i{background-position: -7472px -112px;background-size: 8000px 230px;width: 100px;}

.nav-drop ul li.chess-sy em{background-position:-153px 2px;}
.nav-drop ul li.chess-hl em{background-position:-301px 2px;}
.nav-drop ul li.chess-xy em{background-position:-451px 2px;}
.nav-drop ul li.chess-ly em{background-position:-593px 2px;}
.nav-drop ul li.chess-ky em{background-position:-733px 2px;}
.nav-drop ul li.chess-mt em{background-position:-868px 2px;}
.nav-drop ul li.chess-vg em{background-position:-1005px 2px;}
.nav-drop ul li.chess-tianyou em{background-position:-1146px 2px;}
.nav-drop ul li.chess-365 em{background-position:-1289px 2px;}
.nav-drop ul li.chess-kingmaker em{background-position:-1429px 2px;}
.nav-drop ul li.chess-goodroad em{background-position:-1582px 2px;}
.nav-drop ul li.chess-gamma em{background-position:-1723px 2px;}
.nav-drop ul li.chess-ob em{background-position:-2726px 2px;}
.nav-drop ul li.chess-kgame em{background-position:-2586px 2px;}
.nav-drop ul li.chess-tm em{background-position:-2445px 2px;}
.nav-drop ul li.chess-fgg em{background-position:-2306px 2px;}

.nav-drop ul li.lottery-inum i{background-position:-1099px -69px;}
.nav-drop ul li.lottery-imsg i{background-position:-5003px 1px; background-size:8500px 240px;}
.nav-drop ul li.lottery-vr i{background-position:-4191px 5px; background-size:7420px 223px;}
.nav-drop ul li.lottery-wow i{background-position:-3131px -87px; background-size:6000px 320px;}
.nav-drop ul li.lottery-tcg i{background-position:-1509px -61px; background-size:8600px 250px;}
.nav-drop ul li.lottery-ig i{background-position:-3697px -7px; background-size:6800px 305px; width:70px;}
.nav-drop ul li.lottery-igssc i{background-position:-3697px -7px; background-size:6800px 305px; width:70px;}
.nav-drop ul li.lottery-ighkc i{background-position:-3697px -7px; background-size:6800px 305px; width:70px;}
.nav-drop ul li.lottery-bb i{background-position:-143px -2px; background-size:6400px 255px;}
.nav-drop ul li.lottery-kg i{background-position:-4184px 5px; background-size:8000px 225px;}
.nav-drop ul li.lottery-kk i{background-position:-960px -139px;}
.nav-drop ul li.lottery-dt i{background-position:-1099px -139px;}
.nav-drop ul li.lottery-gw i{background-position: -3px -118px;background-size: 6500px 240px;}
.nav-drop ul li.lottery-db i{background-position: -3995px -170px;background-size: 8000px 230px;width: 100px}
.nav-drop ul li.lottery-gg i{background-position:-6968px -111px; background-size:8000px 230px;}
.nav-drop ul li.lottery-picai i{background-position:-11px -176px; background-size:7900px 240px;}
.nav-drop ul li.lottery-yb i{background-position:-1618px -122px; background-size:8200px 245px; width:60px;}
.nav-drop ul li.lottery-98play i{background-position:-2950px -167px; background-size:8000px 230px;width:100px;}
.nav-drop ul li.lottery-gpi i{background-position:-3703px -5px; background-size:7400px 320px; width:75px;}

.nav-drop ul li.lottery-inum em{background-position:-8px -16px;}
.nav-drop ul li.lottery-imsg em{background-position:-171px -16px;}
.nav-drop ul li.lottery-vr em{background-position:-331px -16px;}
.nav-drop ul li.lottery-wow em{background-position:-491px -16px;}
.nav-drop ul li.lottery-tcg em{background-position:-1001px -16px;}
.nav-drop ul li.lottery-ig em{background-position:-1161px -16px;}
.nav-drop ul li.lottery-igssc em{background-position:-1321px -16px;}
.nav-drop ul li.lottery-ighkc em{background-position:-1645px -16px;}
.nav-drop ul li.lottery-bb em{background-position:-1807px -16px;}
.nav-drop ul li.lottery-kg em{background-position:-1971px -16px;}
.nav-drop ul li.lottery-kk em{background-position:-2131px -16px;}
.nav-drop ul li.lottery-dt em{background-position:-2293px -16px;}
.nav-drop ul li.lottery-gw em{background-position:-2453px -16px;}
.nav-drop ul li.lottery-ob em{background-position:-8px -202px;}
.nav-drop ul li.lottery-gg em{background-position:-1001px -16px;}
.nav-drop ul li.lottery-picai em{background-position:-332px -203px;}

.nav-drop ul li.fish-sg i{background-position:-5173px 1px; background-size:7200px 250px;}
.nav-drop ul li.fish-ag i{background-position:2px 4px; background-size:5720px 228px;}
.nav-drop ul li.fish-mwg i{background-position:-5373px 2px; background-size:6500px 245px;}
.nav-drop ul li.fish-bb i{background-position:-143px -2px; background-size:6400px 255px;}
.nav-drop ul li.fish-jdb i{background-position:-3670px 6px; background-size:5450px 230px;}
.nav-drop ul li.fish-cqg i{background-position:-4111px 0px; background-size:6300px 255px;}
.nav-drop ul li.fish-sw i{background-position:-6468px 2px; background-size:8250px 240px;}
.nav-drop ul li.fish-simpleplay i{background-position:-974px -236px;}
.nav-drop ul li.fish-ganapati i{background-position:-4054px -79px; background-size:6900px 290px;}
.nav-drop ul li.fish-pp i{background-position:-507px -59px; background-size:7750px 240px; width:75px;}
.nav-drop ul li.fish-icg i{background-position:-1617px -51px; background-size:7400px 230px;}
.nav-drop ul li.fish-ks i{background-position:-735px -129px; background-size:8280px 256px; width:60px;}
.nav-drop ul li.fish-fc i{background-position:-1798px -122px; background-size:8200px 245px; width:60px;}
.nav-drop ul li.fish-ob i{background-position:-6049px -130px; background-size:8950px 260px;}
.nav-drop ul li.fish-tp i{background-position:-5797px -117px; background-size:6500px 240px;}
.nav-drop ul li.fish-pt i{background-position:-5594px -7px; background-size:6950px 280px;}
.nav-drop ul li.fish-joker i{background-position:-834px -55px; background-size:7650px 230px;width:80px;}
.nav-drop ul li.fish-ygr i{background-position: -4518px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.fish-db i{background-position: -3648px -170px;background-size: 8000px 230px;width: 100px;}

.nav-drop ul li.fish-sg em{background-position:-2px -12px;}
.nav-drop ul li.fish-ag em{background-position:-162px -12px;}
.nav-drop ul li.fish-mwg em{background-position:-322px -12px;}
.nav-drop ul li.fish-bb em{background-position:-482px -12px;}
.nav-drop ul li.fish-jdb em{background-position:-642px -12px;}
.nav-drop ul li.fish-cqg em{background-position:-803px -12px;}
.nav-drop ul li.fish-sw em{background-position:-958px -12px;}
.nav-drop ul li.fish-simpleplay em{background-position:-1124px -12px;}
.nav-drop ul li.fish-ganapati em{background-position:-1278px -12px;}
.nav-drop ul li.fish-pp em{background-position:-1437px -12px;}
.nav-drop ul li.fish-icg em{background-position:-1598px -12px;}
.nav-drop ul li.fish-ks em{background-position:-1759px -12px;}
.nav-drop ul li.fish-fc em{background-position:-1920px -10px;}
.nav-drop ul li.fish-ob em{background-position:-2079px -12px;}
.nav-drop ul li.fish-tp em{background-position:-2238px -13px;}


.nav-drop ul li.animal-s128 i{background-position:-1948px -57px; background-size:8100px 240px;}
.nav-drop ul li.animal-s128 em{background-position:-4px -35px;}
.nav-drop ul li.animal-rcb988 i{background-position:-6948px -112px; background-size:7600px 230px;}
.nav-drop ul li.animal-rcb988 em{background-position:-629px -30px;}
.nav-drop ul li.animal-edgecricket i{background-position: -3488px -98px;background-size: 6418px 205px;width: 70px;}
.nav-drop ul li.animal-edgecockfighting i{background-position: -3348px -95px;background-size: 6418px 205px;width: 70px;}
.nav-drop ul li.animal-edgeicehockey i{background-position: -3626px -99px;background-size: 6418px 205px;width: 70px;}
.nav-drop ul li.animal-sv388 i{background-position: -7476px -170px;background-size: 8000px 230px;width: 100px;}
.nav-drop ul li.animal-ga28 i{background-position: -7644px -170px;background-size: 8000px 230px;width: 100px;}

.nav-drop ul li.arcade-spribe i{ background-position: -905px -177px; background-size: 6900px 240px;}
.nav-drop ul li.arcade-spribe em{background-position:-4px -35px;}
.nav-drop ul li.arcade-funkygame i{background-position:-4865px -170px;background-size: 8000px 230px;width: 100px;}

.nav-drop ul li.marble-magic i{background-position:-5035px -166px;background-size: 7710px auto;width: 70px;}

.nav-drop ul li.tvgames-twainsport i{background-position: -5054px -170px;background-size: 8000px 230px;width: 80px;}
.nav-drop ul li.tvgames-betgames i{background-position: -2613px -170px;background-size: 8000px 230px;width: 80px;}


.nav-drop ul li.poker-p2p i{background-position:-642px -85px; background-size:6850px 290px;}
.nav-drop ul li.poker-p2p em{background-position:4px -3px;}

.nav-drop ul li.promo-01 em{background-image:url(../images/nav/promo_01.webp);}
.nav-drop ul li.promo-02 em{background-image:url(../images/nav/promo_02.webp);}
.nav-drop ul li.promo-03 em{background-image:url(../images/nav/promo_03.webp);}
.nav-drop ul li.promo-04 em{background-image:url(../images/nav/promo_04.webp);}

/* 焦点图 */
.mod-banner{max-width:1920px; width:100%; height:650px; position:relative; overflow:hidden; margin:0 auto;}
.slide-wrap{position:relative; text-align:center; width:100%; height:100%; overflow:hidden;}
.slide-wrap .num{width:100%; position:absolute; bottom:11px; *left:0; z-index:10;}

@media screen and (max-width: 1430px){
	.slide-wrap ul li img {position:relative; left:-50%; animation:banner .5s ease-out forwards; width:1402px;}
	.mod-banner{max-width:1920px; width:100%; height:624px; position:relative; overflow:hidden; margin:0 auto;}
}

@media screen and (max-width: 1600px){
	.slide-wrap ul li img {position:relative; left:-50%; animation:banner .5s ease-out forwards; width:1578px;}
	.mod-banner{max-width:1920px; width:100%; height:624px; position:relative; overflow:hidden; margin:0 auto;}
}

@media screen and (max-width: 1710px){
	.slide-wrap ul li img{position:relative; left:-50%; animation:banner .5s ease-out forwards; width:1683px;}
	.mod-banner{max-width:1920px; width:100%; height:624px; position:relative; overflow:hidden; margin:0 auto;}
}

/*start*/
.slide-wrap .num span{font-size:0; margin:0 10px; display:inline-block; width:13px; height:13px; background-image:url(../images/dot_normal.webp); background-size:138%; background-position:center; border-radius:10px;}
.slide-wrap .num span:hover,.slide-wrap .num span.current{background-image:url(../images/dot_active.webp); width:16px; height:16px; position:relative; top:2px; background-size:100%;}
/*end*/

.slide-wrap ul li{position:absolute; left:50%; top:0; display:none; height:650px;}
.slide-wrap ul li a{display:block;}
.slide-wrap ul li img{position:relative; left:-50%; animation:banner .5s ease-out forwards; width:1920px; height:650px;}
.mod-banner .banner-arrow{max-width:1920px;}
.mod-banner .slide-arrow{width:36px; height:72px; position:absolute; top:40%; z-index:10; transition:.3s;}
.mod-banner .slide-arrow:hover{background:rgba(255, 255, 255, 0.75);}
.mod-banner .slide-prev{left:0;}
.mod-banner .slide-next{right:0;}
.mod-banner .slide-arrow em{width:36px; height:72px; display:none;}
.mod-banner .slide-prev em{background:url(../images/slide_arrow_left.webp) no-repeat;}
.mod-banner .slide-next em{background:url(../images/slide_arrow_right.webp) no-repeat;}

@-webkit-keyframes banner{
	0% {
    transform: scale(.8);
    opacity: 0;
	}
	100% {
	    transform: scale(1);
	    opacity: 1;
	}
}

/* 表单 */
.mod-forms label,.mod-forget-passwd li label{line-height:30px;}
.withdraw-psw-tip p a{color:#e04220;}
.withdraw-psw-tip p a:hover{color:#f99d1c;}
.mod-forms-list li span{color:#000;}
.mod-forms-list li div{color:#000;}

/* 注册 */
.mod-reg,.mod-forget-passwd,.mod-error{padding:40px 0;}
.mod-reg{background-image:url(../images/login/login_bg.webp); position: fixed; right:0; top:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; background-size:100% 100%; overflow-y:scroll;}
.mod-reg .layout,.mod-forget-passwd .layout,.mod-error .layout{overflow:hidden; border:1px solid #e5e5e5; width:998px; background:#fff;}
.mod-forget-passwd .hd{padding:28px 30px; border-bottom:1px dashed #e3e3e3; text-align:center;}
.mod-reg .hd{padding:28px 30px; text-align:center; color:transparent;}
.mod-reg .hd h3,.mod-forget-passwd .hd h3{font-size:24px; line-height:24px; color:#000; font-weight:600; margin-bottom:10px;}
.mod-reg .hd p{padding-top:10px; color:#aaa; line-height:12px;}
.mod-reg .hd p span{font-size:14px;}
.mod-reg fieldset,.mod-forget-passwd fieldset{border:1px solid #eee; margin:30px; padding:10px;}
.mod-reg fieldset legend{font-size:16px; color:#000;}

.mod-reg .agreement{display: flex;align-items: center;color:#aaa;}
.mod-reg .agreement input{width: 15px!important;margin-right: 10px!important;line-height: 15px!important;height: 15px !important;}
.mod-reg .agreement a{color:#a81010; text-decoration:underline;}
.mod-forget-passwd .ways a,.mod-error .error-wrap .refresh-btn{width:289px; background:var(--gradient-primary); margin:30px auto 0px; padding:14px 0; color:#fff; text-align:center; border-radius:20px; display:block;}
.mod-forget-passwd .ways a:hover,.mod-error .error-wrap .refresh-btn:hover{background:var(--gradient-primary);}

.mod-reg .mod-forms label,.mod-forget-passwd li label{color:#000;}
.mod-reg .cellphone-register #registerPhone-error,
.mod-reg .cellphone-register #rSmsCode-error {display: block;text-align: justify;padding-top: 4px;padding-left: 0;}
.mod-reg .cellphone-register .tips {
  display: none !important;
}
/* 忘记密码 */
.mod-forget-passwd fieldset legend{font:16px/2.5 "Microsoft YaHei"; color:#c61a2f;}
.mod-forget-passwd .ways span{color:#666;}

.mod-forget-passwd .passwd-method {padding: 20px 30px;height: 18px;display: block;background: var(--gradient-primary);margin: 0 auto;text-align: center;width: 564px;border-radius: 40px;}
.mod-forget-passwd .passwd-method #btnemail{color:#e5e5e5; padding:15px 75px; border-radius:40px; float:left; position:relative; top:-70px; left:293px; font-size:15px; font-weight:600;}
.mod-forget-passwd .passwd-method #btnemail.current{color:#6d6d6d; background:#fff; padding:15px 75px; border-radius:40px; float:left; position:relative; top:-70px; left:293px; font-size:15px; font-weight:600;}

.mod-forget-passwd .passwd-method #btnsms{color:#e5e5e5; padding:15px 84px; border-radius:40px; float:left; position:relative; top:-18px; left:-28px; font-size:15px; font-weight:600;}
.mod-forget-passwd .passwd-method #btnsms.current{color:#6d6d6d; background:#fff; padding:15px 84px; border-radius:40px; float:left; position:relative; top:-18px; left:-28px; font-size:15px; font-weight:600;}

.mod-forget-passwd #enter_usename_newpassword .img-forget-passwd{background:url(../images/forget_password/forget_passwd_img.webp); background-size:150% 100%; height:200px; width:300px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
.mod-forget-passwd #enter_usename_newpassword p{text-align:center;}

.uneditable-input{width:400px; font-family:inherit; font-size:100%; height:111px;}
#enter_usename_newpassword .icon-username{background:url(../images/forget_password/username_icon.webp); background-size:contain; width:30px; height:30px; position:relative; top:40px; left:53px; display:block;}
#enter_usename_newpassword .mod-forms-custom #playerUsername{border-radius:40px; padding:15px 0px 15px 53px; width: 396px; background-color: #ececec; border:0px;}
.mod-forget-passwd .item-ipt{text-align:center; float:none; display:block; position:relative;}

.mod-forget-passwd ul{margin:38px 40px;}

#enter_usename_newpassword #resetModel {color:#fff; padding:16px 199px; margin:0px 80px; text-align:center; background:var(--gradient-primary); border-radius:40px;}

#enter_usename_newpassword .back-button {width:438px; height:50px; margin:40px auto 4px;}

#enter_usename_newpassword .back-button .back-login-btn {color:#000; float:left;}

#enter_usename_newpassword .back-button .cs-btn {color:#000; float:right;}

#enter_usename_newpassword .back-button .back-login-btn i {background:url(../images/forget_password/back_icon.webp); background-size:contain; width:20px; height:20px; background-repeat:no-repeat; display:inline-block; position:relative; top:5px; margin-right:5px;}

#enter_usename_newpassword .back-button .cs-btn i{background:url(../images/forget_password/cs_icon.webp); background-size:103% 103%; width:25px; height:23px; background-repeat:no-repeat; display:inline-block; position:relative; top:8px; margin-right:5px;}

#reset_pwd_form .bgBtn-1 {color:#fff; padding:16px 199px; margin:0px 80px; text-align:center; background:linear-gradient(var(--color-secondary), var(--color-secondary), var(--color-primary)); border-radius:40px;}

#reset_pwd_form .back-login-btn {color:#000; float:left;}

#reset_pwd_form .back-button {width:438px; height:50px; margin:40px auto 4px;}

#reset_pwd_form .back-login-btn i {background:url(../images/forget_password/back_icon.webp); background-size:contain; width:20px; height:20px; background-repeat:no-repeat; display:inline-block; position:relative; top:5px; margin-right:5px;}

#reset_pwd_form .back-button .cs-btn {color:#000; float:right;}

#reset_pwd_form .back-button .cs-btn i {background:url(../images/forget_password/cs_icon.webp); background-size:103% 103%; width:25px; height:23px; background-repeat:no-repeat; display:inline-block; position:relative; top:8px; margin-right:5px;}

#enter_usename_newpassword .icon-phone{background:url(../images/forget_password/phone_icon.webp); background-size:contain; width:30px; height:30px; position:relative; top:40px; left:53px; display:block; z-index:1;}
.iti__flag-container{display:none;}
#enter_usename_newpassword #playerPhone{border-radius:40px; padding:15px 0px 15px 53px; background-color:#ececec; border:0px; width:449px;}
.mod-forget-passwd .layout{border:none; width:690px; background:#fff; box-shadow:2px 3px 3px 3px #c4c3c3;}
.mod-forget-passwd #reset_pwd_form p{text-align:center;}
.mod-forget-passwd #reset_pwd_form .img-forget-passwd{background:url(../images/forget_password/forget_passwd_img.webp); background-size:150% 100%; height:200px; width:300px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#enter_usename_newpassword .mod-forms-custom #validateCode{border-radius:40px; padding:15px 0px 15px 53px; width: 396px; background-color: #ececec; border:0px;}
#enter_usename_newpassword .mod-forms-custom #validateCodeBtn,#enter_usename_newpassword .mod-forms-custom #timer{position:absolute; background:var(--gradient-primary); width:125px; right:40px; padding:15px 0; border-radius:40px; color:#fff;}

#reset_pwd_form .mod-forms-custom #loginName{border-radius:40px; padding:15px 0px 15px 53px; background-color:#ececec; border:0px; width:396px;}
#reset_pwd_form .icon-username{background:url(../images/forget_password/username_icon.webp); background-size:contain; width:30px; height:30px; position:relative; top:40px; left:53px; display:block;}
#reset_pwd_form .icon-email{background:url(../images/forget_password/email_icon.webp); background-size:contain; width:30px; height:30px; position:relative; top:40px; left:53px; display:block; z-index:1;}
#reset_pwd_form #email{border-radius:40px; padding:15px 0px 15px 53px; background-color:#ececec; border:0px; width:396px;}

/* error 403 */
.mod-error .layout{padding:80px 0;}
.mod-error .error-wrap h3{color:#333;}
.mod-error .error-wrap p{color:#999;}
.mod-error .error-wrap .refresh-btn{width:120px; padding:7px 0; margin:0;}

/* 用户中心 */
.user-ctr,.ag-ctr{padding:20px 0; background:#cdcbcc;}
.user-ctr .layout,.ag-ctr .layout{width:1000px; background:#f1f1f1; overflow:hidden;}

/* 用户中心-导航 */
.item h3.title,.item .item-tab a:hover,.recycle-btn:hover{color:#db9b00;}
.user-ctr .items-tab a:hover,.user-ctr .items-tab a.current,.user-ctr .items-tab a.current:hover{color:#d3b797;}
.item .item-tab a.current{background:#db9b00;}

/* 用户中心-我的优惠 *//* 翻页 */
.page .current,.mod-pt .pt-info li a{color:#db9b00;}/* 不建议用浅色 */
.mod-pt .pt-wrap .unfold:hover,.mod-pt .pt-wrap .fold:hover,.page a:hover{border-color:#db9b00; color:#db9b00;}/* 不建议用浅色 */

/* 用户中心-存款 */
body .deposit-form .field-label{background:#cdb298;}
body .deposit-form .deposit-form-box{border-color:#cdb298;}
body .deposit-form .deposit-content{border:none;}

/* footer */
.footer{padding:29px 0 13px; color:#878ea6; text-align:center; position:relative; clear:both; background:var(--gradient-bg);}
.footer p{font-size:10px;}
.footer p.copyright{line-height:25px; width:100%; height:25px; color:#dbd5d5;}
.footer-icon{width:100%; height:27px; margin-bottom:22px;display:flex;justify-content:center;gap:5%;}
.footer-icon li{background:url(../images/footer/footer_icon.webp) no-repeat; flex:0 0 auto;}
.footer-icon li.ag{background-position:0 -37px; width:79px; height:31px;}
.footer-icon li.pt{background-position:-101px -37px; width:112px; height:31px;}
.footer-icon li.mg{background-position:-232px -37px; width:125px; height:31px;}
.footer-icon li.cqg{background-position:-373px -37px; width:75px; height:31px;}
.footer-icon li.qq{background-position:-462px -37px; width:105px; height:31px;}
.footer-icon li.we{background-position:-584px -37px; width:90px; height:31px;}
.footer-icon li.ky{background-position:-689px bottom; width:47px; height:35px;}
.footer-icon li.bg{background-position:-695px -37px; width:39px; height:35px;}
.footer-icon li.im{background-position:-763px bottom; width:35px; height:33px;}
.footer-icon li.vr{background-position:-825px bottom; width:50px; height:31px;}
.footer-icon li.imsgwin{background-position:-825px -38px; width:34px; height:31px;}
.footer-icon li.tgp{background-position:-888px bottom; width:50px; height:33px;}
.footer-icon li.saba{background-position:-875px bottom; width:75px; height:33px;}
.footer-icon li.pgs{background-position:-964px -37px; width:95px; height:31px; margin-right:0;}
.footer-icon li.ag:hover{background-position:0 -37px;}
.footer-icon li.pt:hover{background-position:-101px -37px;}
.footer-icon li.mg:hover{background-position:-232px -37px;}
.footer-icon li.cqg:hover{background-position:-373px -37px;}
.footer-icon li.qq:hover{background-position:-462px -37px;}
.footer-icon li.we:hover{background-position:-584px -37px;}
.footer-icon li.ky:hover{background-position:-689px bottom;}
.footer-icon li.bg:hover{background-position:-695px -37px;}
.footer-icon li.im:hover{background-position:-763px bottom;}
.footer-icon li.vr:hover{background-position:-825px bottom;}
.footer-icon li.imsgwin:hover{background-position:-825px -38px;}
.footer-icon li.tgp:hover{background-position:-888px bottom;}
.footer-icon li.saba:hover{background-position:-875px bottom;}
.footer-icon li.pgs:hover{background-position:-964px -37px;}
.footer-line{/*background:url(../images/footer/img_line.webp) no-repeat center center;*/ width:100%; /*height:2px;*/ border:1px solid #fff;}
.footer-txt{padding:0 77px; margin-bottom:27px; line-height:18px; font-size:14px;}

.footer-license{width:900px; height:62px; margin:0 auto;}
.footer-license li{width:215px; height:65px; display:block; float:left; margin:0 13px;}
.footer-license li i{display:inline-block; width:100%; height:41px; margin:0 15px; background-size:4713px 41px; background-image:url(../images/footer/footer_sprite.webp); background-repeat:no-repeat;}
.footer-license li.license-01{width:150px;}
.footer-license li.license-01 i{background-position-x:-2043px; background-position-y:10px; width:89px;}
.footer-license li.license-02 i{background-position:-2229px; background-position-y:10px; width:154px;}
.footer-license li.license-03 i{background-position-x:-2545px; width:169px;}
.footer-license li.license-04 i{background-position-x:-2891px; width:41px;}
.footer-license li span{display:inline-block; width:100%; font-size:14px; margin-top:5px; text-align:center;}
.footer-license li.license-01:hover i{background-position-x:-2136px;}
.footer-license li.license-02:hover i{background-position-x:-2387px;}
.footer-license li.license-03:hover i{background-position-x:-2718px;}
.footer-license li.license-04:hover i{background-position-x:-2936px;}
.footer-license li:hover span{color:#ccc;}

.footer-menu-wrap{overflow:hidden; width:100%; text-align:center;}
.footer-menu-wrap .footer-menu{height:60px; text-align:center;}
.footer-menu .hd{height:30px;}
.footer-menu .bd{height:20px; padding-top:20px;}
.footer-menu h1{font-size:38px; font-weight:inherit; line-height:30px; float:left; margin-top:0; margin-right:3px; color:#0088fe;}
.footer-menu span{display:block; float:left; height:30px;}
.footer-menu span p{font-size:16px; line-height:18px; display:block; margin:0; color:#fff;}
.footer-menu span b{font-size:12px; line-height:12px; font-weight:normal; display:block; margin:0; color:#5e5e5e;}
.footer-menu a{padding:0 9px; font-size:17px; color:#fff; border-right:1px solid #c0c4d0;}
.footer-menu a:first-child{padding-left:0;}
.footer-menu a:last-child{border:none;}
.footer-menu a:hover{color:#fff;}

.footer-partner li{height:40px; display:inline-block; margin-right:30px; background-image:url(../images/footer/footer_sprite.webp); background-repeat:no-repeat; background-size:4713px 41px;}
.footer-partner li.partner-01{background-position-x:-2981px; width:110px;}
.footer-partner li.partner-02{background-position-x:-3209px; width:98px;}
.footer-partner li.partner-03{background-position-x:-3413px; width:120px;}
.footer-partner li.partner-04{background-position-x:-3659px; width:132px;}
.footer-partner li.partner-05{background-position-x:-3931px; width:123px;}
.footer-partner li.partner-06{background-position-x:-4185px; width:122px;}
.footer-partner li.partner-07{background-position-x:-4437px; width:136px;}
.footer-partner li.partner-01:hover{background-position-x:-3095px;}
.footer-partner li.partner-02:hover{background-position-x:-3311px;}
.footer-partner li.partner-03:hover{background-position-x:-3536px;}
.footer-partner li.partner-04:hover{background-position-x:-3795px;}
.footer-partner li.partner-05:hover{background-position-x:-4058px;}
.footer-partner li.partner-06:hover{background-position-x:-4311px;}
.footer-partner li.partner-07:hover{background-position-x:-4577px;}

.side-float-wrap{position:fixed; z-index:100; top:70%; right:6px; transform:translateY(-50%); width:56px;}
.side-float{width:100%; height:100%; display:flex; flex-direction:column;}
.float-item{width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:3px; box-shadow:0 4px 6px 0 rgba(184,208,255,.3); border-radius:50%; cursor:pointer;}
.float-item .img{width:56px; height:56px; background-image:url(../images/float_sprite.webp); background-size:462px 56px; *transition:all .4s ease;}

.float-item.float-02 .img{background-position-x:-116px;}
.float-item.float-03 .img{background-position-x:-232px;}
.float-item.float-04 .img{background-position-x:-348px;}
.float-item.float-01:hover .img{background-position-x:-57px;}
.float-item.float-02:hover .img{background-position-x:-175px;}
.float-item.float-03:hover .img{background-position-x:-291px;}
.float-item.float-04:hover .img{background-position-x:-407px;}

/*tooltip*/
.tooltip{position:relative; display:inline-block;}
.tooltip .tooltiptext{visibility:hidden; width:95px; height:29px; line-height:20px; top:0; left:-105%; margin-top:5px; background-color:#fff; color:#666; font-size:13px; position:absolute; z-index:1; text-align:center; padding:5px 0; border-radius:6px; box-shadow: 0 5px 8px rgba(0,0,0,.4); opacity:0; transition:opacity 0.3s ease-out;}
.tooltip .tooltiptext{top:10px; left:-100px; line-height:29px; background-color:#fff; color:var(--color-primary); width:max-content; padding:0 20px;}
.tooltip .tooltiptext p{margin:2px;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext{visibility:visible; opacity:.9;}
.tooltip:hover .tooltiptext:hover{text-decoration:underline;}
.tooltip:hover .tooltiptext:hover p{text-decoration:none;}
.tooltip .tooltiptext::after{content:" "; position:absolute; top:50%; left:100%; margin-top:-5px; border-width:5px; border-style:solid; border-color:transparent transparent #fff transparent;}
.tooltip .tooltiptext::after{border-color:transparent transparent transparent #fff;}

.float-01.tooltip .tooltiptext{height:130px; left:-110px; top:-40px; padding:0 10px;}
.float-01.tooltip .tooltiptext::after{top:42%;}
.float-01.tooltip img{display:block; margin:10px 0 0;}

.float-item.float-04{position:relative; top:20px; visibility:hidden; opacity:0; transition:all .3s;}
.float-item.float-04 a{display:block; width:100%; height:100%;}