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

.mod-forms .tips-date, .mod-forms .add-btn, .mod-forms .del-btn, span.error-tips, .forms-btn-g .btn-sub, .refresh-btn, .forms-btn-g a, .forms-btn-g input, .item .item-tab a.current i, .bank-card-info .btn-copy, .btn-red .btn-sub, .unfold i, .fold i, .hd-cell i, .item .item-tab .tip-dot, .items-tab .tip-dot, .recycle-btn, .recycle-btn em, .form-guide .form-guide-btn, .form-guide .form-guide-btn i, .transfer-btn a, .lock-btn a, .mod-retrieval .btn-sub, .mod-retrieval .btn{background-image:url(../images/common_spirits.webp);}
.user-ctr .items-tab a i{background-image:url(../images/userCenter.webp);}

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{color:#0088fe;}
a:active{color:#0088fe;}
.nav-wrap .layout {width: 1300px;margin: 0 auto;}
/*.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;}

/* Modal */
.modal.modal-sdshowother{position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; margin:0 !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:520px; padding:44px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.login-section .login-detail .logo{width:228px; margin:0 auto 28px;}
.login-section .login-detail .logo a{background:url(../images/login/header_logo.webp) no-repeat center / 100%; height:60px; 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:300px; text-align:center;}
.login-section .account-login li{height:40px; line-height:40px; display:flex; width:100%; border-radius:20px; overflow:hidden; /* box-shadow:rgb(255 255 255) 0px 1px 15px 0px inset; */ background-color:rgb(197 197 197 / 58%); margin:20px 0;}
.login-section .account-login li i.icon-username{background:url(../images/login/icon_username.webp) no-repeat center / 20px; display:block; width:25px; height:25px; position:relative; left:10px; top:10px;}
.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:#fff; opacity:0.9; font-weight:bold;}
.login-section .account-login li input::placeholder {color:#fff;}
.login-section .account-login li i.icon-password{background:url(../images/login/icon_password.webp) no-repeat center / 20px; display:block; width:25px; height:25px; position:relative; left:10px; top:10px;}
.login-section .account-login .fa-eye, .login-section .account-login .fa-eye-slash{position:absolute; right:15px; color:#000; line-height:42px; 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:15px; left:-15px; position:absolute;}
.login-section .login-service{height:40px; display:flex; margin-bottom:22px; justify-content:space-between;}
.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; margin-right:111px;}
.login-section a.bgBtn{font-size:14px; width:300px; text-align:center; height:40px; line-height:40px; margin-bottom:10px; user-select:none; background-color:unset; background:#f19937; color:#fff; border:none; border-radius:20px; box-shadow:rgb(49 131 225 / 20%) 0px 4px 8px 4px; display:inline-block;}
.login-section .login-register{display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-flow:row nowrap; -webkit-box-pack:justify; justify-content:space-between; -webkit-box-align:center; align-items:center; margin-top:10px;}
.login-section .login-register .reg-btn{font-size:14px; color:#f19937; cursor:pointer; user-select:none; margin-left:111px;}
.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: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 {width:50px; height:19px; background:url(../images/viprank_bg.webp) no-repeat center; background-size:contain; color:#fff; font-size:12px; font-family:Arial; font-weight:bold; padding-left:29px; text-align:center; line-height:20px; box-sizing:border-box; margin-left:2px;}

/* Register */
.mod-reg .layout:not(.join-bg) {width:90%; text-align:center; position:absolute; border:none; background:none; max-width:520px; 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 {background:none; border:none; width:100%; height:40px; padding-left:50px; color:#fff; font-weight:bold; border-radius:20px; box-sizing:border-box;}
#memberReg input::placeholder {color:#fff;}
#memberReg fieldset {border:none; margin:0; padding:0;}
#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 .item-ipt select{height:40px;border-radius:20px;width:100%}
#memberReg span.error-tips {float:left; padding-bottom:0px !important; margin:5px 5px 0 !important; max-height:47px; font-size:12px;}

#memberReg .item-ipt input{background-size:20px; background-position:left 15px center; background-repeat:no-repeat;}
#memberReg input[name="joiname"], #memberReg input[name="fullname"]{background-image:url(../images/login/icon_username.webp);}
#memberReg input[name="joinpwd"], #memberReg input[name="password1"], #memberReg input[name="wdpassword"], #memberReg input[name="verifycode"]{background-image:url(../images/login/icon_password.webp);}
#memberReg input[name="email"], #memberReg input[name="emailcode"]{background-image:url(../images/login/icon_email.webp);}
#memberReg input[name="uphone"], #memberReg input[name="smscode"]{background-image:url(../images/login/icon_phone.webp);}
#memberReg input[name="qq"]{background-image:url(../images/login/icon_qq.webp);}
#memberReg input[name="weixin"]{background-image:url(../images/login/icon_wechat.webp);}
#memberReg input[name="whatsapp"]{background-image:url(../images/login/icon_whatsapp.webp);}
#memberReg input[name="telegram"]{background-image:url(../images/login/icon_telegram.webp);}
#memberReg input[name="facebook"]{background-image:url(../images/login/icon_fb.webp);}
#memberReg input[name="line"]{background-image:url(../images/login/icon_line.webp);}
#memberReg input[name="agc"]{background-image:url(../images/login/icon_referral.webp);}
#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:266px; line-height:40px; color:#000; cursor:pointer;}
#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:15px; left:70px; 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:6px; 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:350px; text-align:left;}
#memberReg input[name="checkbox"] {width:auto; height:auto;}
#memberReg .agreement a{color:#fff; padding-left:5px;}
#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:#f19937; 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;}

.games-platform-wrap.versionV2 .hd-menu li.current > div:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 6px 7px #f19937!important; border-radius: 15px 20px;}
.mod-games .games-platform-wrap.versionV2 .hd-menu li.current > div {position: relative;background: linear-gradient(135deg, #f19937, #f19937)!important;box-shadow: inset 0px 0px 9px 4px #fff;}
.games-platform-wrap.versionV2 .hd-menu li.current h2 {color: #f19937!important;}
.games-platform-wrap.versionV2 .games-panes .slots-wrap .games-sub-menu li.current {height: auto;background: linear-gradient(to bottom, #f19937, #f19937, #f19937)!important;box-shadow: inset 0px 2px 5px #fff;line-height: 35px;border-radius: 12px;color: #fff;}
.games-platform-wrap.versionV2 .games-panes .slots-wrap .search-wrap a {background: linear-gradient(135deg, #f19937, #f19937)!important;}
.games-platform-wrap.versionV2 .games-panes .slots-wrap .games-item ul li .game-rollover a {background: linear-gradient(to bottom, #f19937, #f19937, #f19937)!important;box-shadow: inset 0px 2px 5px #fff;border-radius: 12px;color: #fff;}
.games-platform-wrap.versionV2 .games-panes .slots-wrap .games-item ul li .game-rollover {flex-direction: column;top: 250px;height: 214px;border-radius: 40px;box-shadow: 6px 6px 9px #f19937 !important;opacity: 0;z-index: -1;}
.games-platform-wrap.versionV2 .popularNav ul li.current {background: #1d1d1d;border-radius: 12px;box-shadow: 0 4px 5px #f19937!important;}
.games-platform-wrap.versionV2 .winningWrap ul li {min-width: 284px;width: 284px;height: 100%;background: linear-gradient(to bottom, #fff, #f19937)!important;color: #707070;border-radius: 25px;}
.mod-chess .games-platform-wrap.versionV2 .hd-menu li.current > div {position: relative;background: #f19937!important;}
.mod-chess .games-platform-wrap.versionV2 .hd-menu li.current > div:before{border-radius:50%;}
.games-platform-wrap.versionV2 .games-panes .slots-wrap .games-item ul li .imageWrap {background: linear-gradient(to bottom, #fff, #f19937)!important;box-shadow: 0 8px 15px #222;border-radius: 40px;overflow: hidden;}
.mod-lottery .games-platform-wrap.versionV2 .hd-menu li.current > div {background-image: url(../images/lottery_menu_hover.webp)!important;}
.mod-fish .games-platform-wrap.versionV2 .hd-menu li.current > div {background-image: url(../images/fish_menu_hover.webp)!important;}
.mod-arcade .popularNav ul li.current {background: linear-gradient(135deg, #fff, #f19937)!important;}
.mod-arcade .hd-menu li:hover, .mod-arcade .hd-menu li.current {background: linear-gradient(135deg, #fff, #f19937)!important;}
.mod-arcade .games-panes .slots-wrap .games-sub-menu li.current {background: #f19937!important;color: #000;}
.mod-arcade .games-panes .slots-wrap .search-wrap a {background: linear-gradient(135deg, #fff, #f19937)!important; width: 35px;height: 100%;position: absolute;top: 0;right: 0;}
.games-panes .slots-wrap .games-item ul li .game-rollover a {background: #f19937!important;color: #000;display: block;width: 130px;line-height: 36px;text-align: center;border-radius: 4px;margin: 5px 0;}

/* header */
.header{width:100%; z-index:100; background-color:#fff; position:fixed; z-index:1000;}
.header-height{padding-top:109px;}
.header-top{height:34px; line-height:34px; font-size:13px; background-color:transparent; position:relative; top:10px;}
.header-logo{width:150px; height:auto; padding:10px 0 0;}
.header-logo img{width:100%;}
.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.vit{background-position:0 -85px;}
.web-nav .img-lang a.cn{background-position:0 -17px;}
.web-nav .img-lang a.en{background-position:0 -34px;}
.web-nav .img-lang a.id{background-position:0 -68px;}
.web-nav .img-lang a.tl{background-position:0 -51px;}

.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:59px; height:26px; line-height:26px; display:inline-block; text-align:center; background-size:100%; background-repeat:no-repeat;}
.login-menu a.reg-btn{ background: #f19937;; color:#fff; border:1px solid #d9d9d9;}
.login-menu a.log-btn{ background: #f19937;; color:#fff; 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:#f19937;}
.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;}
.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:#f19937; 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 #f19937 transparent;}
.logined-nav .avatar-wrap .avatar{width:50px; height:50px; cursor:pointer; position:relative; top:14px; left:12px;border-radius:100%;}
.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:#f19937; 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:#f19937; 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: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{position:relative; z-index:1; height:auto; clear:both; transition:all .1s ease; border-bottom:7px solid;     border-image-source: linear-gradient(180deg, #fdb31c, #fdc01c, #fcd61d); border-image-slice: 1;}
.nav > ul > li{margin:0 4px; float:left; display:inline-block;}
.nav > ul > li:first-child{margin-left:18px;}
.nav > ul > li:last-child{margin-right:0;}
.nav > ul > li > a:hover:after{content:""; display:block; width:100%; height:4px; background:#f19937; 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:#f19937; border-radius:2px; position:absolute; left:0; bottom:0;}*/
.nav > ul > li > a:after{content:""; display:block; width:0; height:4px; background:#f19937; 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:14px; display:block;}
.nav > ul > li > a:hover,.nav > ul > li:hover > a,.nav > ul > li.cur > a{color:#f19937;}
.nav > ul > li > a > i{width:12px; height:12px; vertical-align:text-top; display:inline-block; margin:4px 0 0 3px; 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; /*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(239,242,245,.95); -webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,.15); box-shadow:0 10px 15px 0 rgba(0,0,0,.15); -webkit-transition:height .3s ease-out;
  transition:height .3s ease-out;}
.nav-drop{width:100%; height:0; position:absolute; left:0; top:100%; z-index:100; overflow:hidden;}
.nav-drop .layout{width:1200px;}
.nav-drop ul{display:flex;}
.nav-drop ul li{width:250px; float:left; display:inline; box-sizing:border-box;}
.nav-drop ul li:hover{background-image:-webkit-linear-gradient(180deg,#fff,rgba(255, 255, 255, 0)); background-image:linear-gradient(180deg,#fff,rgba(255, 255, 255, 0)); opacity:.9;}
.nav-drop ul li a{width:100%; height:100%; display:block;}
.nav-drop span{display:block;}
.nav-drop .hd{margin:20px auto 30px; display:block; overflow:hidden;}
.nav-drop .hd h4{font-size:16px; color:#5a5a5a; text-align:center;}
.l-c-drop .hd h4,.games-drop .hd h4,.lottery-drop .hd h4{line-height:normal;}
.nav-drop .bd{width:420px; margin:0 auto; line-height:21px; font-size:16px; color:#999; text-align:center; display:block;}
.nav-drop.chess-drop .bd{width:auto; margin:15px 0 12px;}
.nav-drop .txt{font-size:24px; color:rgba(0,0,0,.65); text-align:center;}
.nav-drop .desc{margin-left:18px; margin-top:50px;}

.nav-drop .icon{background-image:url(../images/nav/platform_dropdown.webp?5); background-repeat:no-repeat; background-size:200px auto; width:100px; height:45px; margin:40px auto 0;}

.nav-drop ul li i{display:block; width:auto; height:auto; margin:20px auto 0; background-size:100%; background-repeat:no-repeat;}
.nav-drop ul li:hover i{-webkit-transition:all .5s; transition:all .5s; -webkit-transform:scale(1.03); transform:scale(1.03);}

.nav-drop .sports-xj .icon, .nav-drop .sports-xiaojing .icon{background-position:-82px -3738px; background-size:170px auto;}
.nav-drop .sports-ag .icon{background-position:-93px -8px;}
.nav-drop .sports-im .icon{background-position:-95px -511px;}
.nav-drop .sports-bb .icon{background-position:-95px -59px;}
.nav-drop .sports-ibc .icon{background-position:-97px -564px;}
.nav-drop .sports-ibc .icon{background-position:-97px -564px;}
.nav-drop .sports-saba .icon{background-position:-97px -564px;}
.nav-drop .sports-3sing .icon,.nav-drop .sports-ss .icon{background-position:-98px -1740px;}
.nav-drop .sports-cmd .icon{background-position:-96px -662px;}
.nav-drop .sports-bti .icon{background-position:-98px -1686px;}
.nav-drop .sports-sbo .icon{background-position:-97px -2399px;}
.nav-drop .sports-ug .icon{background-position:-98px -2342px;}
.nav-drop .sports-cr .icon{background-position:-97px -2456px;}
.nav-drop .sports-bpo .icon{background-position:-99px -2510px;}
.nav-drop .sports-bepro .icon{background-position:-99px -2513px;}
.nav-drop .sports-pm .icon,.nav-drop .sports-pmsports .icon{background-position:-104px -4051px;}
.nav-drop .sports-sexy .icon{background-position:-109px -4455px;}
.nav-drop .sports-og .icon{background-position:-110px -4511px;}
.nav-drop .sports-fb .icon{background-position:-162px -6955px; background-size:270px auto;}
.nav-drop .sports-pb .icon{background-position:-102px -5560px; background-size:200px auto;}
.nav-drop .sports-ai .icon{background-position:-66px -4214px; background-size:150px auto;}
.nav-drop .sports-98 .icon{background-position:-101px -5469px;}
.nav-drop .sports-365 .icon{background-position:-104px -5980px;}

.nav-drop.sports-drop ul li i{background:url(../images/nav/sports_sprite.webp) no-repeat; width:140px; height:120px; background-size:1100px auto;}
.nav-drop ul li.sports-xj i, .nav-drop ul li.sports-xiaojing i{background-position:-26px 0;}
.nav-drop ul li.sports-ag i{background-position:-178px 0;}
.nav-drop ul li.sports-im i{background-position:-330px 0;}
.nav-drop ul li.sports-bb i{background-position:-482px 0;}
.nav-drop ul li.sports-ibc i{background-position:-633px 0;}
.nav-drop ul li.sports-saba i{background-position:-633px 0;}
.nav-drop ul li.sports-3sing i,.nav-drop ul li.sports-ss i{background-position:-785px 0;}
.nav-drop ul li.sports-cmd i{background-position:-934px 0;}
.nav-drop ul li.sports-bti i{background-position:-26px -127px;}
.nav-drop ul li.sports-sbo i{background-position:-178px -127px;}
.nav-drop ul li.sports-ug i{background-position:-330px -127px;}
.nav-drop ul li.sports-cr i{background-position:-482px -127px;}
.nav-drop ul li.sports-bpo i{background-position:-633px -127px;}
.nav-drop ul li.sports-bepro i{background-position:-633px -127px;}
.nav-drop ul li.sports-pm i,.nav-drop ul li.sports-pmsports i{background-position:-789px -127px;}
.nav-drop ul li.sports-sexy i{background-position:-940px -127px;}
.nav-drop ul li.sports-og i{background-position:-26px -258px;}
.nav-drop ul li.sports-fb i{background-position:-478px -127px;}
.nav-drop ul li.sports-pb i{background-position:-26px -257px;}
.nav-drop ul li.sports-ai i{background-position:-179px -258px;}
.nav-drop ul li.sports-98 i{background-position:-330px -258px;}
.nav-drop ul li.sports-365 i{background-position:-785px -127px;}

.nav-drop .esports-im .icon{background-position:-95px -511px;}
.nav-drop .esports-avia .icon{background-position:-95px -1013px;}
.nav-drop .esports-tf .icon, .nav-drop .esports-lh .icon{background-position:-96px -2289px;}
.nav-drop .esports-ia .icon{background-position:-158px -5910px; background-size:260px auto;}
.nav-drop .esports-db .icon, .nav-drop .esports-pmesports .icon{background-position:-68px -3165px; background-size:150px auto;}

.nav-drop.esports-drop ul li i{background:url(../images/nav/esports_sprite.webp) no-repeat; width:230px; height:120px; margin-top:50px; background-size:1900px auto;}
.nav-drop ul li.esports-im i{background-position:-260px 28px;}
.nav-drop ul li.esports-avia i{background-position:10px 28px;}
.nav-drop ul li.esports-tf i, .nav-drop ul li.esports-lh i{background-position:-524px 28px;}
.nav-drop ul li.esports-ia i{background-position:-1268px 33px; background-size:1800px auto;}
.nav-drop ul li.esports-db i,.nav-drop ul li.esports-pmesports i{background-position:-1030px 28px;}

.nav-drop .l-c-ag .icon{background-position:-94px -8px;}
.nav-drop .l-c-bb .icon{background-position:-95px -59px;}
.nav-drop .l-c-ebet .icon, .nav-drop .l-c-we .icon{background-position:-50px -3840px;background-size:130px;}
.nav-drop .l-c-allbet .icon{background-position:-97px -160px;}
.nav-drop .l-c-ab .icon{background-position:-97px -160px;}
.nav-drop .l-c-bg .icon{background-position:-96px -209px;}
.nav-drop .l-c-ibo .icon{background-position:-100px -1634px;}
.nav-drop .l-c-hj .icon{background-position:-96px -270px;}
.nav-drop .l-c-sexy .icon{background-position:-99px -1570px;}
.nav-drop .l-c-pt .icon{background-position:-95px -1112px;}
.nav-drop .l-c-mg .icon{background-position:-93px -1163px;}
.nav-drop .l-c-evo .icon{background-position:-128px -5033px; background-size:220px auto;}
.nav-drop .l-c-ea .icon{background-position:-100px -2019px;}
.nav-drop .l-c-n2 .icon{background-position:-100px -2065px;}
.nav-drop .l-c-cq9 .icon{background-position:-97px -1378px;}
.nav-drop .l-c-og .icon{background-position:-110px -4501px;}
.nav-drop .l-c-dg .icon{background-position:-111px -4615px;}
.nav-drop .l-c-wm .icon{background-position:-160px -6061px; background-size:260px auto;}
.nav-drop .l-c-db .icon{background-position:-69px -3075px; background-size:150px auto;}
.nav-drop .l-c-pp .icon{background-position:-48px -2462px; background-size:130px auto;}
.nav-drop .l-c-ezugi .icon{background-position:-164px -6656px; background-size:260px auto;}
.nav-drop .l-c-joker .icon{background-position:-101px -5430px; background-size:200px auto;}
.nav-drop .l-c-98 .icon{background-position:-101px -5469px; background-size:200px auto;}
.nav-drop .l-c-gpi .icon{background-position:-95px -1305px; background-size:200px auto;}
.nav-drop .l-c-sa .icon{background-position: -140px -2405px; background-size: 260px auto;}

.nav-drop.l-c-drop ul li i{background-image:url(../images/nav/l_c_sprite.webp); width:140px; height:120px; background-size:700%;}
.nav-drop ul li.l-c-ag i{background-position:12px 1px;}
.nav-drop ul li.l-c-bb i{background-position:-197px 1px;}
.nav-drop ul li.l-c-ebet i, .nav-drop ul li.l-c-we i{background-position:-389px 1px;}
.nav-drop ul li.l-c-allbet i{background-position:-593px 1px;}
.nav-drop ul li.l-c-ab i{background-position:-593px 1px;}
.nav-drop ul li.l-c-bg i{background-position:-791px 1px;}
.nav-drop ul li.l-c-ezugi i{background-position:12px -122px;}
.nav-drop ul li.l-c-sexy i{background-position:-389px -122px;}
.nav-drop ul li.l-c-pt i{background-position:-593px -122px;}
.nav-drop ul li.l-c-mg i{background-position:-791px -122px;}
.nav-drop ul li.l-c-evo i{background-position:12px -249px;}
.nav-drop ul li.l-c-ea i{background-position:-197px -249px;}
.nav-drop ul li.l-c-n2 i{background-position:-389px -249px;}
.nav-drop ul li.l-c-cq9 i{background-position:-593px -249px;}
.nav-drop ul li.l-c-og i{background-position:-791px -249px;}
.nav-drop ul li.l-c-dg i{background-position:12px -380px;}
.nav-drop ul li.l-c-wm i{background-position:-197px -380px;}
.nav-drop ul li.l-c-db i{background-position:-389px -380px;}
.nav-drop ul li.l-c-pp i{background-position:-593px -380px;}
.nav-drop ul li.l-c-joker i{background-position:12px -122px;}
.nav-drop ul li.l-c-98 i{background-position:-197px -122px;}
.nav-drop ul li.l-c-gpi i{background-position:-389px -380px;}
.nav-drop ul li.l-c-sa i{background-position: 12px -515px;}

.nav-drop .chess-ky .icon{background-position:-155px -2709px; background-size:280px auto;}
.nav-drop .chess-vg .icon{background-position:-96px -712px;}
.nav-drop .chess-le .icon{background-position:-93px -765px;}
.nav-drop .chess-mt .icon{background-position:-94px -813px;}
.nav-drop .chess-sy .icon{background-position:-97px -874px;}
.nav-drop .chess-imsg .icon{background-position:-97px -864px;}
.nav-drop .chess-xy .icon{background-position:-94px -912px;}
.nav-drop .chess-hl .icon{background-position:-94px -963px;}
.nav-drop .chess-goodroad .icon{background-position:-99px -2569px;}
.nav-drop .chess-365 .icon{background-position:-157px -3652px; background-size:280px auto;}
.nav-drop .chess-kingmaker .icon{background-position:-98px -2650px;}
.nav-drop .chess-km .icon{background-position:-98px -2650px;}
.nav-drop .chess-tianhao .icon{background-position:-192px -7049px; background-size:300px auto;}
.nav-drop .chess-ty .icon{background-position:-192px -7049px; background-size:300px auto;}
.nav-drop .chess-gamma .icon{background-position:-114px -4717px;}
.nav-drop .chess-db .icon{background-position:-68px -3163px; background-size:150px auto;}
.nav-drop .chess-tm .icon{background-position:-114px -4759px;}
.nav-drop .chess-kgame .icon{background-position:-178px -6732px; background-size:280px auto;}
.nav-drop .chess-fgg .icon{background-position:-178px -6769px; background-size:280px auto;}
.nav-drop .chess-98 .icon{background-position:-101px -5469px; background-size:200px auto;}
.nav-drop .chess-98 .icon{background-position:-101px -5469px; background-size:200px auto;}
.nav-drop .chess-baison .icon{background-position: -48px -3450px;background-size: 125px auto;}
.nav-drop .chess-gpi .icon{background-position:-95px -1305px;}
.nav-drop .chess-jili .icon{background-position: -106px -6034px;}

.nav-drop.chess-drop ul li i{background-image:url(../images/nav/chess_sprite.webp); width:120px; height:120px; background-size:680%;}
.nav-drop ul li.chess-ky i{background-position:6px 0;}
.nav-drop ul li.chess-vg i{background-position:-115px -3px;}
.nav-drop ul li.chess-le i{background-position:-230px -3px;}
.nav-drop ul li.chess-mt i{background-position:-343px -2px; *width:110px; *background-size:720%;}
.nav-drop ul li.chess-sy i{background-position:-464px -3px;}
.nav-drop ul li.chess-imsg i{background-position:-464px -3px;}
.nav-drop ul li.chess-xy i{background-position:-580px -3px;}
.nav-drop ul li.chess-hl i{background-position:-698px -4px;}
.nav-drop ul li.chess-goodroad i{background-position:6px -144px;}
.nav-drop ul li.chess-365 i{background-position:-114px -144px;}
.nav-drop ul li.chess-kingmaker i{background-position:-231px -144px;}
.nav-drop ul li.chess-km i{background-position:-231px -144px;}
.nav-drop ul li.chess-tianhao i{background-position:-351px -143px;}
.nav-drop ul li.chess-ty i{background-position:-351px -143px;}
.nav-drop ul li.chess-gamma i{background-position:-458px -139px; *width:100px; *background-size:750px auto;}
.nav-drop ul li.chess-db i{background-position:-580px -140px;}
.nav-drop ul li.chess-tm i{background-position:-699px -141px;}
.nav-drop ul li.chess-kgame i{background-position:6px -277px;}
.nav-drop ul li.chess-fgg i{background-position:-114px -277px;}
.nav-drop ul li.chess-baison i{background-position:5px -280px;}
.nav-drop ul li.chess-gpi i{background-position:center;}
.nav-drop ul li.chess-jili i{background-position:-231px -277px;}

.nav-drop .lottery-bb .icon{background-position:-95px -59px;}
.nav-drop .lottery-kg .icon{background-position:-94px -308px;}
.nav-drop .lottery-ig .icon{background-position:-96px -2250px;}
.nav-drop .lottery-vr .icon{background-position:-93px -410px;}
.nav-drop .lottery-sg .icon{background-position:-94px -460px;}
.nav-drop .lottery-imsg .icon{background-position:-94px -460px;}
.nav-drop .lottery-tcg .icon{background-position:-96px -2185px;}
.nav-drop .lottery-wow .icon{background-position:-97px -2695px;}
.nav-drop .lottery-igssc .icon{background-position:-96px -2240px;}
.nav-drop .lottery-igssc2 .icon{background-position:-96px -2240px;}
.nav-drop .lottery-ighkc .icon{background-position:-96px -2240px;}
.nav-drop .lottery-yb .icon{background-position:-96px -2832px;}
.nav-drop .lottery-db .icon{background-position:-68px -3163px; background-size:150px auto;}
.nav-drop .lottery-gg .icon{background-position:-168px -6823px; background-size:270px auto;}
.nav-drop .lottery-picai .icon{background-position:-168px -6868px; background-size:270px auto;}
.nav-drop .lottery-98 .icon{background-position:-101px -5469px; background-size:200px auto;}
.nav-drop .lottery-gpi .icon{background-position:-95px -1305px;}

.nav-drop.lottery-drop ul li i{background-image:url(../images/nav/lotto_sprite.webp); width:140px; height:120px; background-size:750%;}
.nav-drop ul li.lottery-bb i{background-position:1px -11px;}
.nav-drop ul li.lottery-kg i{background-position:-190px -5px;}
.nav-drop ul li.lottery-ig i{background-position:-354px -7px;}
.nav-drop ul li.lottery-vr i{background-position:-537px -7px;}
.nav-drop ul li.lottery-sg i{background-position:-691px -7px;}
.nav-drop ul li.lottery-imsg i{background-position:-691px -7px;}
.nav-drop ul li.lottery-tcg i{background-position:-862px -7px;}
.nav-drop ul li.lottery-wow i{background-position:1px -147px;}
.nav-drop ul li.lottery-igssc i{background-position:-354px -7px;}
.nav-drop ul li.lottery-ighkc i{background-position:-537px -7px;}
.nav-drop ul li.lottery-igssc2 i{background-position:-691px -7px;}
.nav-drop ul li.lottery-yb i{background-position:-537px -147px;}
.nav-drop ul li.lottery-db i{background-position:-691px -147px;}
.nav-drop ul li.lottery-gg i{background-position:-190px -147px;}
.nav-drop ul li.lottery-picai i{background-position:-354px -147px;}
.nav-drop ul li.lottery-gpi i{background-position:-190px -147px;}

.nav-drop .games-ameba .icon{background-position:-98px -1343px;}
.nav-drop .games-amb .icon{background-position:-98px -1343px;}
.nav-drop .games-bb .icon{background-position:-95px -59px;}
.nav-drop .games-im .icon{background-position:-94px -510px;}
.nav-drop .games-cq9 .icon{background-position:-97px -1378px;}
.nav-drop .games-jdb .icon{background-position:-95px -1418px;}
.nav-drop .games-pg .icon{background-position:-94px -1063px;}
.nav-drop .games-sg .icon{background-position:-95px -1214px;}
.nav-drop .games-mg .icon{background-position:-96px -1165px;}
.nav-drop .games-dt .icon{background-position:-98px -1469px;}
.nav-drop .games-sw .icon{background-position:-97px -1522px;}
.nav-drop .games-pt .icon{background-position:-95px -1112px;}
.nav-drop .games-ag .icon{background-position:-93px -8px;}
.nav-drop .games-betsoft .icon{background-position:-95px -2889px;}
.nav-drop .games-bs .icon{background-position:-95px -2889px;}
.nav-drop .games-habanero .icon{background-position:-53px -2063px; background-size:140px auto;}
.nav-drop .games-hb .icon{background-position:-53px -2063px; background-size:140px auto;}
.nav-drop .games-pp .icon{background-position:-48px -2462px; background-size:130px auto;}
.nav-drop .games-yoplay .icon{background-position:-95px -3024px;}
.nav-drop .games-yp .icon{background-position:-95px -3024px;}
.nav-drop .games-rtg .icon{background-position:-95px -3092px;}
.nav-drop .games-mwg .icon{background-position:-118px -2267px; background-size:230px auto;}
.nav-drop .games-icg .icon{background-position:-69px -2456px; background-size:150px auto; width:80px;}
.nav-drop .games-ttg .icon{background-position:-49px -2515px; background-size:130px auto;}
.nav-drop .games-isoftbet .icon{background-position:-100px -3363px;}
.nav-drop .games-goodroad .icon{background-position:-68px -2741px; background-size:160px auto;}
.nav-drop .games-rich88 .icon{background-position:-101px -3502px;}
.nav-drop .games-ae .icon{background-position:-101px -3570px;}
.nav-drop .games-hc .icon{background-position:-55px -2331px; background-size:160%; width:80px;}
.nav-drop .games-nt .icon{background-position:-106px -3942px;}
.nav-drop .games-gamatron .icon{background-position:-108px -3996px;}
.nav-drop .games-gnp .icon{background-position:-108px -3996px;}
.nav-drop .games-db .icon{background-position:-68px -3207px; background-size:150px auto;}
.nav-drop .games-fc .icon{background-position:-149px -6217px; background-size:250px auto;}
.nav-drop .games-sea .icon{background-position:-133px -5676px; background-size:230px auto;}
.nav-drop .games-bng .icon{background-position:-170px -6602px; background-size:270px auto;}
.nav-drop .games-png .icon{background-position:-173px -6560px; background-size:270px auto;}
.nav-drop .games-tp .icon{background-position:-162px -7014px; background-size:270px auto;}
.nav-drop .games-ps .icon{background-position:-100px -5388px; background-size:200px auto;}
.nav-drop .games-odin .icon{background-position:-51px -3449px; background-size:130px auto;}
.nav-drop .games-joker .icon{background-position:-101px -5430px; background-size:200px auto;}
.nav-drop .games-ygr .icon{background-position:-103px -5704px;}
.nav-drop .games-gpi .icon{background-position:-95px -1305px;}
.nav-drop .games-wazdan .icon{background-position:-103px -5754px;}
.nav-drop .games-sbo .icon{background-position:-95px -2399px;}
.nav-drop .games-nextspin .icon{background-position:-107px -5866px;}
.nav-drop .games-og .icon{background-position:-110px -4501px;}
.nav-drop .games-jili .icon{background-position: -106px -6034px;}

.nav-drop.games-drop ul li i{background-image:url(../images/nav/games_sprite.webp); width:110px; height:120px; background-size:1600px auto;}
.nav-drop ul li.games-ameba i{background-position:-17px 10px;}
.nav-drop ul li.games-amb i{background-position:-17px 10px;}
.nav-drop ul li.games-bb i{background-position:-149px 10px;}
.nav-drop ul li.games-im i{background-position:-287px 10px;}
.nav-drop ul li.games-cq9 i{background-position:-414px 10px;}
.nav-drop ul li.games-jdb i{background-position:-546px 10px;}
.nav-drop ul li.games-pg i{background-position:-677px 10px;}
.nav-drop ul li.games-sg i{background-position:-811px 10px;}
.nav-drop ul li.games-mg i{background-position:-944px 10px;}
.nav-drop ul li.games-dt i{background-position:-1075px 10px;}
.nav-drop ul li.games-sw i{background-position:-1208px 10px;}
.nav-drop ul li.games-pt i{background-position:-1342px 10px;}
.nav-drop ul li.games-ag i{background-position:-1474px 10px;}
.nav-drop ul li.games-betsoft i{background-position:-17px -109px;}
.nav-drop ul li.games-bs i{background-position:-17px -109px;}
.nav-drop ul li.games-habanero i{background-position:-149px -109px;}
.nav-drop ul li.games-hb i{background-position:-149px -109px;}
.nav-drop ul li.games-pp i{background-position:-287px -109px;}
.nav-drop ul li.games-yoplay i{background-position:-414px -109px;}
.nav-drop ul li.games-yp i{background-position:-414px -109px;}
.nav-drop ul li.games-rtg i{background-position:-546px -109px;}
.nav-drop ul li.games-mwg i{background-position:-691px -109px;}
.nav-drop ul li.games-icg i{background-position:-826px -109px;}
.nav-drop ul li.games-ttg i{background-position:-943px -109px;}
.nav-drop ul li.games-isoftbet i{background-position:-1096px -109px;}
.nav-drop ul li.games-goodroad i{background-position:-1231px -109px;}
.nav-drop ul li.games-rich88 i{background-position:-1366px -109px;}
.nav-drop ul li.games-ae i{background-position:-1474px -109px;}
.nav-drop ul li.games-hc i{background-position:-17px -223px;}
.nav-drop ul li.games-joker i{background-position:-17px -223px;}
.nav-drop ul li.games-nt i{background-position:-149px -223px;}
.nav-drop ul li.games-gamatron i{background-position:-287px -223px;}
.nav-drop ul li.games-gnp i{background-position:-287px -223px;}
.nav-drop ul li.games-db i{background-position:-414px -223px;}
.nav-drop ul li.games-fc i{background-position:-546px -223px;}
.nav-drop ul li.games-sea i{background-position:-691px -223px;}
.nav-drop ul li.games-bng i{background-position:-811px -223px;}
.nav-drop ul li.games-png i{background-position:-943px -223px;}
.nav-drop ul li.games-tp i{background-position:-1077px -223px;}
.nav-drop ul li.games-ps i{background-position:-1210px -223px;}
.nav-drop ul li.games-odin i{background-position:-281px -223px;}
.nav-drop ul li.games-ygr i{background-position:-1075px 10px;}
.nav-drop ul li.games-gpi i{background-position:-414px -338px;}
.nav-drop ul li.games-wazdan i{background-position:-281px -338px;}
.nav-drop ul li.games-sbo i{background-position:-546px -109px;}
.nav-drop ul li.games-nextspin i{background-position:-281px -338px;}
.nav-drop ul li.games-og i{background-position:-1077px -223px;}
.nav-drop ul li.games-jili i{background-position:-949px -338px;}

.nav-drop .fish-cq9 .icon{background-position:-97px -1378px;}
.nav-drop .fish-jdb .icon{background-position:-95px -1419px;}
.nav-drop .fish-mwg .icon{background-position:-118px -2267px; background-size:230px auto;}
.nav-drop .fish-sw .icon{background-position:-98px -1522px;}
.nav-drop .fish-sg .icon{background-position:-96px -1214px;}
.nav-drop .fish-ag .icon{background-position:-93px -8px;}
.nav-drop .fish-bb .icon{background-position:-95px -59px;}
.nav-drop .fish-icg .icon{background-position:-69px -2456px; background-size:150px auto; width:80px;}
.nav-drop .fish-pp .icon{background-position:-48px -2462px; background-size:130px auto;}
.nav-drop .fish-ks .icon{background-position:-207px -8031px; background-size:320px auto;}
.nav-drop .fish-gamatron .icon{background-position:-108px -3996px;}
.nav-drop .fish-gnp .icon{background-position:-108px -3996px;}
.nav-drop .fish-db .icon{background-position:-65px -3206px; background-size:150px auto;}
.nav-drop .fish-fc .icon{background-position:-149px -6217px; background-size:250px auto;}
.nav-drop .fish-pt .icon{background-position:-95px -1112px;}
.nav-drop .fish-tp .icon{background-position:-149px -6490px; background-size:250px auto;}
.nav-drop .fish-joker .icon{background-position:-101px -5430px; background-size:200px auto;}
.nav-drop .fish-baison .icon{background-position: -48px -3450px;background-size: 125px auto;}
.nav-drop .fish-ygr .icon{background-position:-103px -5704px;}
.nav-drop .fish-jili .icon{background-position: -106px -6034px;}

.nav-drop.fish-drop ul li i{background-image:url(../images/nav/fish_sprite.webp); width:140px; height:120px; background-size:530%;}
.nav-drop ul li.fish-cq9 i{background-position:-4px 0;}
.nav-drop ul li.fish-jdb i{background-position:-153px 0;}
.nav-drop ul li.fish-mwg i{background-position:-308px 0;}
.nav-drop ul li.fish-sw i{background-position:-454px 0;}
.nav-drop ul li.fish-sg i{background-position:-603px 0;}
.nav-drop ul li.fish-ag i{background-position:-4px -119px;}
.nav-drop ul li.fish-bb i{background-position:-153px -119px;}
.nav-drop ul li.fish-icg i{background-position:-308px -119px;}
.nav-drop ul li.fish-pp i{background-position:-454px -119px;}
.nav-drop ul li.fish-ks i{background-position:-603px -119px;}
.nav-drop ul li.fish-gamatron i{background-position:-4px -238px;}
.nav-drop ul li.fish-gnp i{background-position:-4px -238px;}
.nav-drop ul li.fish-db i{background-position:-153px -238px;}
.nav-drop ul li.fish-fc i{background-position:-308px -238px;}
.nav-drop ul li.fish-pt i{background-position:-454px -238px;}
.nav-drop ul li.fish-tp i{background-position:-602px -238px;}
.nav-drop ul li.fish-joker i{background-position:-454px -119px;}
.nav-drop ul li.fish-baison i{background-position:-4px -357px;}
.nav-drop ul li.fish-ygr i{background-position:-4px -357px;}
.nav-drop ul li.fish-jili i{background-position:-152px -357px;}

.arcade-drop ul li{width:50%;}
.arcade-drop ul li em{height:170px; width:100%; background-position-x:center;}
.nav-drop.arcade-drop ul li a > i{background-image:url(../images/nav/arcade_sprite.webp); height:130px; width:20%; background-size:auto 130px;}
.nav-drop ul li.arcade-spribe .icon{background-position:-162px -7108px; background-size:270px auto;}
.nav-drop ul li.arcade-spribe i{background-position:-22px 0px;}
.nav-drop ul li.arcade-funky .icon{background-position:-95px -2399px;}
.nav-drop ul li.arcade-funky i{background-position:-158px 0px;}

.animal-drop ul li{width:calc(100%/2);}
.animal-drop ul li em{height:170px; width:100%; background-position-x:center;}
.nav-drop ul li span.icon{background-size:200px auto;}
.nav-drop ul li a > i{ height:130px; width:100%; background-position:center; background-size:auto 130px;}
.nav-drop ul li.animal-rcb988 .icon{background-position:-102px -5512px;}
.nav-drop ul li.animal-rcb988 i{background-image:url(../images/nav/3d_sprite.webp);}

.sports-drop ul li{width:calc(1200px / 7);}
.esports-drop ul li{width:calc(100%/4);}
.l-c-drop ul li{width:calc(1200px / 7);}
.chess-drop ul li{width:calc(1200px / 5);}
.lottery-drop ul li{width:calc(1200px / 1);}
.games-drop ul li{width:calc(1200px / 7);}
.fish-drop ul li{width:calc(1200px / 7);}
.animal-drop ul li{width:100%;}

/*dropdown arrow*/
.nav-drop .arrow{display:inline-block; padding:22px; position:absolute; top:125px; cursor:pointer; background:url(../images/nav/slide.webp) no-repeat; background-size:93px auto;}
.nav-drop .arrow:hover{background-position-y:bottom;}
.nav-drop .arrow.prev{/*transform:rotate(135deg);*/ /*-webkit-transform:rotate(135deg);*/ left:200px; z-index:50; }
.nav-drop .arrow.next{transform:rotate(-181deg); /*-webkit-transform:rotate(-45deg);*/ right:200px; z-index:50;}
.nav-drop > .layout{overflow:hidden;}

@media screen and (max-width:1720px){
  .nav-drop .arrow.prev{/*transform:rotate(135deg);*/ /*-webkit-transform:rotate(135deg);*/ left:100px;}
  .nav-drop .arrow.next{transform:rotate(-181deg); /*-webkit-transform:rotate(-45deg);*/ right:100px;}
}

/* 焦点图 */
.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;}

/*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;}
.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{margin:0 160px; color:#aaa;}
.mod-reg .agreement a{color:#a81010; text-decoration:underline;}
.mod-reg .reg-sub a,.mod-forget-passwd .ways a,.mod-error .error-wrap .refresh-btn{width:289px; background:#f19937; margin:30px auto 0px; padding:14px 0; color:#fff; text-align:center; border-radius:20px; display:block;}
.mod-reg .reg-sub a:hover,.mod-forget-passwd .ways a:hover,.mod-error .error-wrap .refresh-btn:hover{background-image:linear-gradient(90deg,#d2b496,#f19937);}

.mod-reg .mod-forms label,.mod-forget-passwd li label{color:#000;}
.mod-forms .item-ipt{position:relative;}

/* 忘记密码 */
.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, #f19937);
    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;}

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

#enter_usename_newpassword #resetModel {color:#fff; padding:16px 175px; margin:0px 80px; text-align:center; background:#f19937; 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(#6897FF, #586FFF, #f19937); 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;}
#enter_usename_newpassword #validateCode{border-radius:40px; padding:15px 0px 15px 53px; background-color:#ececec; border:0px; width:290px;}
a#validateCodeBtn {color: black;}
.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;}

#reset_pwd_form .mod-forms-custom #loginName{border-radius:40px; padding:15px 0px 15px 53px; background-color:#ececec; border:0px;}
#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;}

/* 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-color: #f19937;;}
.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;}
.footer-icon li{background:url(../images/footer/footer_icon.webp?2) no-repeat; margin-right:49px; float:left; display:inline;}
/* .footer-icon li.ag{background-position:0 0; width:79px; height:31px;}
.footer-icon li.pt{background-position:-101px 0; width:112px; height:31px;}
.footer-icon li.mg{background-position:-232px 0; width:125px; height:31px;}
.footer-icon li.cqg{background-position:-373px 0; width:75px; height:31px;}
.footer-icon li.qq{background-position:-462px 0; width:105px; height:31px;}
.footer-icon li.we{background-position:-584px 0; width:90px; height:31px;}
.footer-icon li.ky{background-position:-689px 0; width:47px; height:35px;}
.footer-icon li.bg{background-position:-695px 0; width:39px; height:35px;}
.footer-icon li.im{background-position:-763px 0; width:35px; height:33px;}
.footer-icon li.vr{background-position:-825px 0; width:50px; height:31px;}
.footer-icon li.imsgwin{background-position:-825px 0; width:34px; height:31px;}
.footer-icon li.tgp{background-position:-888px 0; width:50px; height:33px;}
.footer-icon li.saba{background-position:-875px 0; width:75px; height:33px;}
.footer-icon li.pgs{background-position:-964px 0; width:95px; height:31px; margin-right:0;} */
.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;border: 1px solid;border-image-source: linear-gradient(180deg, #fdb31c, #fdc01c, #fcd61d);border-image-slice: 1;}
.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:103%; 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:#f19937; 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:250px; left:-110px; top:-80px; 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%;}