/*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);
}

body{-webkit-font-smoothing:antialiased; font-family:NotoSansSC-Regular; min-width:1280px; 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{color:#0088fe;}
a:active{color:#0088fe;}
/*.cMain,a.cMain,.cMain a,.cMain a:active{color:#f0f0f0;}*/
.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-color: #f3f3f4; */ 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:linear-gradient(135deg, #606cf4, #4e5acd)!important;}
.popularNav ul li.current{background:linear-gradient(135deg, #606cf4, #4e5acd)!important;}
.games-panes .slots-wrap .search-wrap a{background:linear-gradient(135deg, #606cf4, #4e5acd)!important;}
.games-panes .slots-wrap .games-sub-menu li.current{background:#4e5acd!important;color: #fff!important;}
.games-panes .slots-wrap .games-item ul li .game-rollover a{background:#4e5acd!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 > .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-image:linear-gradient(#62B3FF, #4078FA); 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: 0 0 3px;}
.login-wrap .logined-nav .flex-box .vip-rank {min-width:40px;height: 19px;background: #5f65ff 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:0 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;font-size: 19px!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:20px 0px 10px;font-size: 17px;width: 100%;text-align: center;height: 51px;line-height: 51px;user-select: none;background-color: unset;background-image: linear-gradient(#62B3FF, #4078FA);color: #fff!important;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,
.login-section .login-detail .logo a{background:url(../images/header_logo.webp) no-repeat center/100px auto;height:100px;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: linear-gradient(180deg, #62B3FF, #4078FA);}
.login-wrap button#phoneLoginBtn{border-radius: 9px;height: 51px;width: 100%;color: white;line-height: 34px;background: linear-gradient(180deg, #62B3FF, #4078FA);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/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 .item-ipt {float:none; position:relative; width:300px; height:40px; line-height:40px; display:block; border-radius:20px; box-shadow: rgb(255 255 255) 0px 1px 15px 0px inset; background-color:rgb(197 197 197 / 58%); margin:20px auto 0; text-align:left;} */
#memberReg span.error-tips {float:left; padding-bottom:0px !important; margin:0 !important; max-height:47px; font-size:12px;padding-left:0px;}
#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; filter:brightness(0);}
#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{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:#586fff;}
#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:#5462FF; 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:109px;}
.header-top{height:34px; line-height:34px; font-size:13px; background-color:transparent; position:relative; top:10px;}
.header-logo{height:72px; padding:0;}
.header-logo img{display:block; height:55px;}
.header-logo a{width:100%; height:100%; display:flex; align-items:center;}

.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?5) 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 a:hover.reg-btn,.login-menu a:hover.log-btn{/*background-image:linear-gradient(99deg,#d2b496,#dccab8);*/}
.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 .username{width:100%; padding:0; position:relative; top:13px; margin-left:2px;} */
.logined-nav .avatar-wrap{width:70px; padding:0;}
.logined-nav .username a:hover{color:#0088fe;}
/* .logined-nav .username .player-name{position:relative; left:131px; top:5px; z-index:1; color:#000; font-size:12px;} */
.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:#5462FF;}
.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:url(../images/nav/icon_deposit.webp?1) no-repeat center;*/ background-size:contain; background-repeat:no-repeat; text-align:center;}
/*.logined-nav .money-operate > a.withdraw-href{background-image:url(../images/nav/icon_withdraw.webp?1);}*/
/*.logined-nav .money-operate > a.transfer-href{background-image:url(../images/nav/icon_transfer.webp?1);}*/
.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 .username .avatar{position:absolute; top:3px; width:43px; height:43px; left:227px; float:right;} */
.logined-nav .logged-out li{margin:5px 10px; height:33px;position:relative;}
.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:linear-gradient(#6897FF, #586FFF, #5462FF); 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 #5462FF 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:#5462FF; 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(#6897FF, #586FFF, #5462FF); border-radius: 24px;width: 18px;height: 18px;padding: 0;margin: 0;text-align: center;position: absolute;right: 16px;top: 10px;}

.dropdown{display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.dropdown:hover{cursor:pointer;}
.dropdown > a, .dropdown > button{/*background:url(../images/nav/icon_wallet.webp) no-repeat left center;*/ 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?1) 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?1);}
.dropdown-wrap > a.transfer-href{background-image:url(../images/nav/icon_transfer.webp?1);}
.dropdown-wrap > a.logout-href{background-image:url(../images/nav/icon_logout.webp);}

.nav-wrap{background:linear-gradient(#fff 68%, #a2caee6b); position:relative; z-index:1; height:auto; clear:both; transition:all .1s ease; border-bottom:7px solid #6897FF;}
.nav > ul > li{margin:0 7px; float:left; display:inline-block;}
.nav > ul > li:first-child{margin-left:15px;}
.nav > ul > li:last-child{margin-right:0;}
.nav > ul > li > a:hover:after{content:""; display:block; width:100%; height:4px; background:#5462FF; border-radius:2px; position:absolute; left:0; bottom:0;}
/*.nav > ul > li > a:hover:after,.nav > ul > li.cur > a:after{content:""; display:block; width:100%; height:4px; background:#5462FF; border-radius:2px; position:absolute; left:0; bottom:0;}*/
.nav > ul > li > a:after{content:""; display:block; width:0; height:4px; background:#5462FF; border-radius:2px; position:absolute; bottom: 0; left:50%; transition:all .2s;}
.nav > ul > li > a{position:relative; height:72px; line-height:1.3; color:#444c64; font-size:16px; display:flex; align-items:center; gap:6px;display:flex;align-items:center;justify-content:center;text-align:center;}
.nav > ul > li > a:hover,.nav > ul > li:hover > a,.nav > ul > li.cur > a{color:#5462FF;}
.nav > ul > li > a > i{width:12px; height:12px; vertical-align:text-top; display:inline-block; margin:4px 0 0 0; background-image:url(../images/nav/menu_down_normal.webp); background-repeat:no-repeat; background-size:100% 100%; background-position:center; transition:transform .3s ease;flex:0 0 auto;}
.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; /*transform:rotate(180deg);*/ 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);width:100%; height:0; position:absolute; left:0; top:108%; z-index:100; overflow:hidden;}
.nav-drop .layout{width:1200px;overflow:hidden;}

.nav-l-c .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, .nav-arcade .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-lottery .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, .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?v1); 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:17px; line-height:1.2; margin:15px auto; font-weight:600; text-align:center;width:90%;}
.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 .btn{background-image:url(../images/btn_selected.webp); width:125px; height:50px; font-size:14px; line-height:35px; display:block; color:#fff; background-repeat:no-repeat; background-size:contain; margin:10px auto;}
.pg-icons ul li.l-c-via i{background:url(../images/nav/nav_icon_via.webp) no-repeat center/90%;) filter:brightness(0) invert(1);}
.pg-icons ul li:hover i{filter: brightness(0) saturate(100%) invert(39%) sepia(81%) saturate(3767%) hue-rotate(227deg) brightness(102%) contrast(99%);}


/*dropdown arrow*/
.nav-drop > .pr{width:1300px;margin:0 auto;}
.nav-drop .arrow{display:inline-block; padding:22px; position:absolute; top:125px; cursor:pointer;z-index:99;}
.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-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{background-image:url(../images/nav/sports_drop.webp);}
.poker-drop ul li i{background-size:720px 338px;}

.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;}

.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{width:100%; position:relative; overflow:hidden; margin:0 auto;}
.mod-home .mod-banner{aspect-ratio:1920/650;}
.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;}
.slide-wrap ul li img{width:100%;}

/*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; width:100%;}
.slide-wrap ul li a{display:block;}
.slide-wrap ul li img{position:relative; left:-50%; animation:banner .5s ease-out forwards; width:100%;}
.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{min-height:calc(100vh - 348px);}
.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-image:linear-gradient(rgb(132 173 207), rgb(74 109 175)); 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-image:linear-gradient(90deg,#d2b496,#dccab8);}

.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{background:url(../images/home/home_bg.webp?2) no-repeat center/100%;min-height:calc(100vh - 269px);box-sizing:border-box;}
.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: linear-gradient(#6897FF, #586FFF, #5462FF);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:absolute; top:10px; 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 0; display:block; margin:0px auto; width:450px; text-align:center; background:linear-gradient(#6897FF, #586FFF, #5462FF); 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 0; margin:0px auto; width:450px; display:block; text-align:center; background:linear-gradient(#6897FF, #586FFF, #5462FF); 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:absolute; top:10px; 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:396px;}
.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:linear-gradient(#6897FF, #586FFF, #5462FF); 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:absolute; top:10px; 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:absolute; top:10px; 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; /*background:#414655;*/ text-align:center; position:relative; clear:both; background-image: linear-gradient(#6897FF, #586FFF, #5462FF);}
.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?2) 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:#5462FF; 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:-30px; 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%;}

#profile_img{width: 50px;height: 50px;border-radius: 50%;cursor: pointer;position: relative;top: 14px;left: 0px;}

.mod-reg .layout{padding:30px;}
.mod-reg fieldset{margin:30px 0;}