/* CSS Document */
@font-face{font-family:'Poppins'; src:url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight:normal; font-style:normal;}
@font-face{font-family:'Poppins'; src:url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight:600; font-style:normal;}
@font-face{font-family:'Poppins'; src:url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight:bold; font-style:normal;}
@font-face{font-family:'DinAlternate'; src:url("../fonts/DINAlternate-Bold.woff") format("woff"); font-weight:bold; font-style:normal;}
@font-face{font-family:'HuXiaoBoNanShen'; src:url("../fonts/HuXiaoBoNanShen.otf") format("opentype"); font-weight:normal; font-style:normal;}
@font-face{font-family:'PingFangSC'; src:url("../fonts/PingFang-SC-Regular.ttf") format("truetype"); font-weight:normal; font-style:normal;}
@font-face{font-family:'PangMen'; src:url("../fonts/PangMen.ttf") format("truetype"); font-weight: normal; font-style: normal; font-stretch: normal; }
@font-face{font-family:'QuanXinYiGuanHeiTi'; src:url("../fonts/QuanXinYiGuanHeiTi.ttf") format("truetype"); font-weight: normal; font-style: normal; font-stretch: normal; }

*{box-sizing:border-box;}
body{min-width:1350px; padding-top:120px; background:#0A1028; font-family:PingFangSC, Poppins, Arial, Helvetica, sans-serif;}
body.is-reg{padding:0;}
h1{font-size:20px; font-weight:normal;}
h2{font-size:16px; font-weight:normal;}
h3{font-size:15px; font-weight:normal;}
p{font-size:14px;}
a{color:inherit;}
.cMain,a.cMain,.cMain a,.cMain a:active{color:#FFFFFF;}
.cRed,a.cRed,.cRed a,.cRed a:active{color:#ff0000;}
.cRed a:hover,a.cRed:hover{color:#cc000f; text-decoration:underline;}
.cGray a:hover,a.cGray:hover,.c6 a:hover,a.c6:hover,.c8 a:hover,a.c8:hover{color:#ffc600;}
.txtBtn{color:#4594ff;}
.txtBtn:hover{color:#4594ff;}
.txtBtn-2{color:#000000;}
.txtBtn-2:hover{color:#E8883E;}
.bgBtn,.bdBtn{border-radius:10px; text-align:center;}
.bgBtn-1{color:#ffffff; background:#4594ff;}
.bgBtn-1:hover{background:#4594ff;}
.bgBtn-2{color:#8b95b3; background:#232531;}
.bgBtn-2:hover{background:#232531;}
.bdBtn-1{color:#F48333; border:1px solid #F48333;}
.bdBtn-1:hover{color:#FFFFFF; background:#FF6A00;}
.bdBtn-2{color:#000000; border:1px solid #FCB52A;}
.bdBtn-2:hover{background:#FFDD9B;}
.walletBtn{color:#FFFFFF; background:#222C4E; border:1px solid #FFFFFF;}
.walletBtn:hover{color:#000000; background:#FF6A00; border-color:#FF6A00;}
.collectBtn{color:#FFFFFF; background:#4594ff; border:1px solid #4594ff; border-radius:25px;}
.collectBtn:hover{background:#15182C;}
.collectBtn.disabled{background:#383d55 !important; color:#8f9db5; border-color:#383d55; pointer-events:none;}
.bgBtn-disabled,.log-btn-disabled{background:#DDDDDD; color:#AAAAAA; pointer-events:none;}

.bgBox-1{background-color:#15182C; padding:20px; border-radius:10px;}
input.bgIpt-1{color:#ffffff; background-color:#1d2031; width:100%; height:50px; padding:0 20px; border-radius:10px; border:none;}
input::placeholder{color:#494B58;}
input::webkit-input-placeholder{color:#494B58;}
input::moz-placeholder{color:#494B58;}
a[disabled="disabled"]{color:#151725; background-color:#424655; pointer-events:none;}
a[disabled="disabled"]:hover{background-color:#424655;}

.nav-btn-1{padding: 5px 10px; text-align: center; font-size: 14px; color: #FFFFFF; height: 33px; line-height: 25px; border-radius: 20px; margin-left: 15px;}
.footer-btn{width: 170px; height: 70px; line-height: 70px; font-size: 18px; text-align: center; border-radius: 5px; background: #8B95B3; display: flex; align-items: center; justify-content: center;}
.footer-btn.active{border: #4594FF solid 1px;}

.layout{width:1000px; margin:0 auto;}
.layout1200{width:100%; max-width:1200px; margin:0 auto;}
.layout1400{width:100%; max-width:1400px; margin:0 auto;}
.function-page{width:100%; max-width:1200px; margin:0 auto; padding:40px 60px;}
.profile-page{width:100%; padding:40px 60px;}
.wallet-page{width:100%; max-width:1200px; padding:40px 60px;}
.clear{display:inline-block;}
.clearfix{width:100%; display:inline-block;}
.locked,.locked-nav{overflow:hidden !important;}
.mobile{display:none;}
.back-btn{width:10px; height:10px; position:absolute; left:20px; top:20px; border:solid #E8883E; border-width:2px 0 0 2px; transform:rotate(315deg); cursor:pointer;}
.ccy-disabled{filter:grayscale(1) !important;}
.text-center{text-align:center !important;}
/* button */

/* ScrollBar */
/* Works on Firefox */
*{scrollbar-width:thin; scrollbar-color:#292b38 #000000;}
.blue-scrollbar{scrollbar-width:thin; scrollbar-color:#4594ff #293146;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{width:5px; height:5px;}
*::-webkit-scrollbar-track{background:#000000;}
*::-webkit-scrollbar-thumb{background-color:#292b38; border-radius:20px;}
.blue-scrollbar::-webkit-scrollbar-track{background:#293146;}
.blue-scrollbar::-webkit-scrollbar-thumb{background-color:#4594ff; border-radius:20px;}
/* Input Autocomplete */
input:-webkit-autofill{-webkit-text-fill-color:#f5f5f5; -webkit-box-shadow: 0 0 0 30px #151725 inset; transition:background-color 5000000s ease-in-out 0s;}
input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f5f5; -webkit-box-shadow: 0 0 0 30px #151725 inset; transition:background-color 5000000s ease-in-out 0s;}
/* Input Placeholder */
input::-webkit-input-placeholder{color:#494b58;}
input:-ms-input-placeholder{color:#494b58;}
input::placeholder{color:#494b58;}

/* ==[ DARKMODE ]== */
/* Works on Firefox */
/*.darkmode,.darkmode *{scrollbar-width:thin; scrollbar-color:#292b38 #000000;}*/
/*.darkmode .blue-scrollbar{scrollbar-width:thin; scrollbar-color:#4594ff #293146;}*/
/* Works on Chrome, Edge, and Safari */
/*.darkmode::-webkit-scrollbar,.darkmode *::-webkit-scrollbar{width:5px; height:5px;}*/
/*.darkmode::-webkit-scrollbar-track,.darkmode *::-webkit-scrollbar-track{background:#000000;}*/
/*.darkmode::-webkit-scrollbar-thumb,.darkmode *::-webkit-scrollbar-thumb{background-color:#292b38; border-radius:20px;}*/
/*.darkmode .blue-scrollbar::-webkit-scrollbar-track{background:#293146;}*/
/*.darkmode .blue-scrollbar::-webkit-scrollbar-thumb{background-color:#4594ff; border-radius:20px;}*/
/* Input Autocomplete */
/*.darkmode input:-webkit-autofill{-webkit-text-fill-color:#f5f5f5; -webkit-box-shadow: 0 0 0 30px #151725 inset; transition:background-color 5000000s ease-in-out 0s;}*/
/*.darkmode input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f5f5; -webkit-box-shadow: 0 0 0 30px #151725 inset; transition:background-color 5000000s ease-in-out 0s;}*/
/* Input Placeholder */
/*.darkmode input::-webkit-input-placeholder{color:#494b58;}*/
/*.darkmode input:-ms-input-placeholder{color:#494b58;}*/
/*.darkmode input::placeholder{color:#494b58;}*/

/* spirits 图片 */
.mod-error .error-wrap .refresh-btn{background:url(../images/common_spirits.png) no-repeat;}

/* announcement */
.announce{margin-top:30px;}
.announce .header{top:30px;}
.announce .side-nav .fixed{top:130px; height:calc(100% - 130px);}
.announce .mod-promotions .info-cont{height:calc(100% - 130px);}
.announce .mod-promotions .info-cont.active{top:130px;}
.announce .mod-help .faq-content.active{top:130px; height:calc(100% - 130px);}

.top-notice{width:100%; height:40px; line-height:40px; color:#F5F5F5; background:#151934;  overflow:hidden; border-radius: 20px; font-size: 14px;}
.top-notice .layout{width:100%; padding:0 15px; display:flex; align-items:center; position: relative;}
.top-notice em{min-width:22px; height:22px; margin-top: 4px; background: url(../images/icon-announcement.avif) no-repeat center / 100%;}
.top-notice .top-marquee{width:100%; margin-left:15px; overflow:hidden;}
.top-notice .top-marquee:before{content: ""; position: absolute; top: 0; left: -46%; background: url(../images/header/selected-menu.avif) no-repeat center / 100px; width: 100%; height: 40px; background-size: contain;}
.top-notice .top-marquee.hidden{visibility:hidden;}

/* 最新公告 */
.notice{height:40px;line-height:40px; margin:0 auto; color:#FFFFFF;}
.notice span,.notice .marquee{float:left; display:inline;}
.notice span{min-width:22px; height:22px; margin-top: 4px; margin-left: 15px;background: url(../images/icon-announcement.avif) no-repeat center / 100%; display: block;}
.notice .marquee{width:1050px; height:100%; color:#000000; overflow:hidden; font-size:16px;}

/* header */
.header-v2{width:100%; min-width:1350px; height:120px; background:#0A1028; position:fixed; top:0; left:0; z-index:1100;} 
.header-v2 .nav{width:100%; height:60px; padding:0 5%; border-bottom:#2B2F4B solid 1px; display:flex; align-items:center; justify-content:space-between;}
.header-v2 .nav-top{border-bottom:#2B2F4B solid 1px;}
.header-v2 .nav .left-section{display:flex; align-items:center;}
.header-v2 .nav .right-section{display:flex; align-items:center; justify-content:flex-end; flex-grow:1;} 
.header-v2 .nav .right-section .search-game-wrap{width:35%; height: 35px; max-width:280px; margin:0 15px; display:flex; align-items:center; position:relative;}
.header-v2 .nav .right-section .search-game-wrap input{width:100%; height: 35px; padding:10px 20px; font-size:14px; color:#8B95B3; background:rgba(255, 255, 255, 0.05); opacity:1; border-radius:20px; border:none;} 
.header-v2 .nav .right-section .search-game-wrap input:placeholder{color: #535b87; font-family: PingFangSC;}
.header-v2 .nav .right-section .search-game-wrap i {display: block; background: url(../images/header/icon-search.avif) no-repeat center / 100%; width: 15px;height: 20px; position: absolute; right: 5%;}
.header-v2 .nav .right-section .reg-btn{display: block; color: #FF7E0B;} 
.header-v2 .nav .right-section .log-btn{display: block; background: #4594FF;} 
.header-v2 .nav .right-section .logined-nav{display:flex; font-size: 18px; align-items:center;}

.logined-nav .player-name{font-size:14px; color:#FFFFFF; margin:0 15px; white-space:nowrap;}
.logined-nav .player-name a{color: #8B95B3; cursor:pointer;}
.logined-nav .balance{height:35px; margin:0 10px; padding:0 40px 0 15px; line-height:35px; font-size:14px; color:#4594FF; background:rgba(69, 148, 255, 0.1); border-radius:20px; position:relative; display:flex; align-items:center; cursor:pointer; white-space:nowrap;}
.logined-nav .balance-token{margin-right:0; padding:0;}
.logined-nav .balance-token > span{width:100%; padding-right:40px;}
.logined-nav .balance-arrow{top:-23px; right:43px;}
.logined-nav .balance-arrow.show{top:-20px;}
.logined-nav .balance-arrow.pool{pointer-events:none;}
.logined-nav .balance-refresh{width:2px; height:2px; position:absolute; transform:translateY(-50%); cursor:pointer;}
.logined-nav .header-deposit {background:#4594FF; color:#ffffff; border-radius:20px; min-width:65px; height:35px; margin:0 10px 0 0; padding:0 15px; line-height:35px; font-size:14px; text-align:center;}
.logined-nav .header-withdraw {background: #FF7E0B; }
.logined-nav .side-notice { width: 50px; max-width: 55px;}
.logined-nav .side-notice a{position: relative;}
.logined-nav .side-notice a i {width: 15px; height: 25px; margin-right: 0; vertical-align: -6px; background: url(../images/header/icon-notification.avif) no-repeat center / 100%; display: block;position: absolute; top: -13px;}
.logined-nav .side-notice a em { line-height: 17px; padding: 0 7px; font-size: 12px; color: #FFFFFF; background: #FF0000; position: absolute; right: -40px; top: -15px; border-radius: 12px; text-align: center;}
.logined-nav .logged-out{color: #8b8d98; display: block; font-size: 14px; font-weight:bold; white-space:nowrap;}
.logined-nav .logged-out:hover{color:#8b95b3;}
.logined-nav .deposit-btn{width:120px; height:40px; line-height:40px; font-size:18px;}
.logined-nav .balance-icon{height:40px; margin:0 10px 0 0;}
.logined-nav .balance-icon i{min-width:33px; height:40px; background:url(../images/currency-btc365.avif) no-repeat center / contain; display:block;}
.logined-nav .balance-dropdown > div.show {height:auto; padding:15px 20px; cursor: default;}
.logined-nav .balance-dropdown > div p {color: #4594FF; font-size: 16px; text-align: left;}
.logined-nav .balance-dropdown > div p:last-of-type {color: #8B95B3; font-size: 16px; opacity: 0.7;}
.logined-nav .balance-dropdown > div a {width:170px; margin:10px auto 0; background:#4594FF; color:#F5F5F5; border-radius:40px; text-align:center; cursor:pointer; display:block;}
.logined-nav .balance-dropdown{position:absolute; width:100%; top:100%; left:25px;}
.logined-nav .balance-dropdown ul, .logined-nav .balance-dropdown > div{min-width:100%; height:0; position:absolute; top:0; left:-25px; background:#0A1028; border-radius:10px; box-shadow:0px 4px 6px 0px rgb(0 0 0 / 50%); overflow:hidden;}
.logined-nav .balance-dropdown li{font-size:18px; line-height:28px; color:#8B95B3; position:relative; text-align:left; cursor:pointer;}
.logined-nav .balance-dropdown li:not(:last-child){margin-bottom:5px;}
.logined-nav .balance-dropdown li:hover {color: #F5F5F5;}
.logined-nav .balance-dropdown li em{font-size:12px; line-height:24px; opacity:.5; font-weight:normal; display:block;}
.logined-nav .balance-dropdown li p{font-size: 16px;}
.logined-nav .balance-dropdown li .active{width:80px; font-size:16px; color:#23DAA8; position:absolute; right:0; top:0; text-align:center;}
.logined-nav .balance-checkbox{width:80%; height:100%; margin:0 auto; position:absolute; top:0; right:0; z-index:1; opacity:0; cursor:pointer;}
.logined-nav .balance-checkbox:checked + .balance-dropdown ul{min-width:240px; height:auto; padding:15px 20px;}
.logined-nav .balance-checkbox:checked + .balance-dropdown .balance-arrow{top:-20px;}
.logined-nav .balance-close{color:#4594FF; font-size:16px; margin:10px auto 0; display:table; cursor:pointer;}
.logined-nav .balance-bonus{font-size:14px; color:#8b95b3; background:#15182c; margin-top:5px; padding:11px 10px 11px 15px; border-radius:5px; display:flex; align-items:center;}
.logined-nav .balance-bonus:hover{background:#191c35;}
.logined-nav .balance-bonus i{width:25px; height:25px; margin-right:15px; margin-top:-5px; background:url(../images/userCenter.avif?1) no-repeat 0 -400px / 50px;}

/* header nav-bottom */
.header-v2 .nav-bottom .logo-section{display:flex; align-items:center;}
.header-v2 .nav-bottom .logo-section a{margin-right:30px;}
.header-v2 .nav-bottom .logo-section a img{width:110px;}
.header-v2 .nav-bottom .logo-section a.worldcup img{width:165px !important; margin-top:0 !important;}
.header-v2 .nav-bottom .menu-section{line-height:58px; flex-grow:1;}
.header-v2 .nav-bottom .menu-section ul{display:flex; justify-content:flex-end; align-items:center;}
.header-v2 .nav-bottom .menu-section ul li{padding:0 3%;}
.header-v2 .nav-bottom .menu-section ul li:last-of-type{margin-right:-2%;}
.header-v2 .nav-bottom .menu-section ul li.cur{background:url(../images/header/selected-menu.avif) no-repeat top center / contain;}
.header-v2 .nav-bottom .menu-section ul li a{font-size:18px; color:#596190;}
.header-v2 .nav-bottom .menu-section ul li.cur a{color:#FFFFFF;}

/* header arrow */
.logined-nav .balance-arrow, .conversion-wrap .conversion-content p:first-child:after, .lang-wrap .lang-select:after{width:8px; height:8px; position:absolute; border:solid #8B95B3; border-width:0 2px 2px 0; transform:rotate(45deg); transition:transform .3s; box-sizing:border-box;}
.logined-nav .balance-arrow.show, .logined-nav .balance-checkbox:checked + .balance-dropdown .balance-arrow, .conversion-wrap .conversion-content p:first-child.show:after, .lang-wrap.show .lang-select:after{transform:rotate(225deg);}

/* conversion rate */
.conversion-wrap .conversion-rate{font-size:14px; line-height:1; text-align:center; position:relative;}
.conversion-wrap .conversion-rate .conversion-content{width:100%; color:#8B95B3; display:flex; justify-content:space-evenly; align-items:center;}
.conversion-wrap .conversion-rate span{color:#8B95B3; margin-right:5px;}
.conversion-wrap .conversion-content p{color:#8B95B3; display:flex; align-items:center; justify-content:space-evenly;}
.conversion-wrap .conversion-content p:first-child{min-width:120px; height:35px; padding:0 30px 0 15px; border:#363963 solid 2px; border-radius:20px; cursor:pointer; position:relative;}
.conversion-wrap .conversion-content p:first-child:after{content:''; top:10px; right:18px;}
.conversion-wrap .conversion-content p:first-child.show:after{top:13px;}
.conversion-wrap .conversion-content p:first-child span{margin-right:0;}
.conversion-wrap .conversion-content span{color:#4594FF;}
.conversion-wrap .conversion-content em{margin:0 10px;}
.conversion-wrap .conversion-drop{width:260px; max-width:100%; padding:0 10px; background:#0A1028; position:absolute; left:0; top:46px; z-index:1; border:#8B95B3 solid 1px; border-radius:10px; box-shadow:0px 4px 6px 0px rgba(0,0,0,.5); display:none;}
.conversion-wrap .conversion-drop.show{display:block;}
.conversion-wrap .conversion-drop li{line-height:60px; color:#8B95B3; display:flex; justify-content:center; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.conversion-wrap .conversion-drop li:not(:last-child){border-bottom:1px solid #8B95B3;}
.conversion-wrap .conversion-drop li:hover span, .conversion-wrap .conversion-drop li.selected span{color:#FFFFFF;}
.conversion-wrap .conversion-drop li em{margin:0 5px;}
/* conversion rate end */

/* Header Search Game */
.modal-search-game.show{ display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center;}
.modal-search-game.show .blur-bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); /*background: #FFFFFF; opacity: 0.2;*/}
.modal-search-game.show .modal-content{ height: 79%; width: 1014px; position: relative; z-index: 1;}
.modal-search-game.show .modal-content .search-game-wrap{ margin: 1% 0; display: flex; align-items: center; position: relative;}
.modal-search-game.show .modal-content .search-game-wrap input{ width: 100%; padding: 1.5% 3%; font-size: 16px; border-radius: 10px; border: none;}
.modal-search-game.show .modal-content .search-game-wrap input:placeholder{color: #494B58;}
.modal-search-game.show .modal-content .search-game-wrap i {display: block; background: url(../images/header/icon-search.avif) no-repeat center / 100%; width: 15px;height: 20px; position: absolute; right: 3%;}
.modal-search-game.show .modal-content #searchGameCategory{display: flex; width: 95%; align-items: center; margin: 2.5%}
.modal-search-game.show .modal-content #searchGameCategory li{width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #FFFFFF;border-radius: 10px; text-align: center; margin: 0 10px; position: relative; cursor: pointer;}
.modal-search-game.show .modal-content #searchGameCategory li a{width: 140px; height: 50px; background: #4594FF; opacity: 0.2; border-radius: 10px; position: absolute; left: 0;}
.modal-search-game.show .modal-content #searchGameCategory li span{width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #FFFFFF;border-radius: 10px; text-align: center; position: relative;}
.modal-search-game.show .modal-content #searchGameList{display: flex; width: 100%; align-items: center; flex-direction: column;}
.modal-search-game.show .modal-content #searchGameList li{width: 100%; height: 111px; border-radius: 10px; text-align: center; margin-bottom: 10px; position: relative;  cursor: pointer;}
.modal-search-game.show .modal-content #searchGameList li .game-list-overlay{height: 111px; background: #FFFFFF; opacity: 0.2; border-radius: 10px; position: absolute; left: 0;z-index: 1;}
.modal-search-game.show .modal-content #searchGameList li:hover .game-list-overlay{width: 100%; }
.modal-search-game.show .modal-content #searchGameList li .game-content{width: 100%; height: 111px; border-radius: 10px; position: relative; z-index: 10; display: flex; align-items: center;} 
.modal-search-game.show .modal-content #searchGameList li em{width: 140px; height: 98px; background-size: cover; background-repeat: no-repeat; display: block; border-radius: 10px; margin: 0 1.5%;}
.modal-search-game.show .modal-content #searchGameList li p{color: #FFFFFF; font-size: 16px; text-align: left; margin-left: 20px;}
.modal-search-game.show .modal-content #searchGameList li span{color: #4594FF; display: block; text-transform: uppercase;}
/* End Header Search Game */

/* footer */
.footer{width:100%; padding:0 5%; color:#8B95B3; background:#1E263C; position:relative;}
.footer > div{max-width:1920px; margin:0 auto;}
.footer > div > b{font-size:16px; font-weight:600; margin-bottom:20px; text-align:center; display:block;}
.footer .footer-lists{padding:30px 0 60px; border-bottom:#2B2F4B solid 1px;}
.footer .footer-lists > ul{width:100%; margin:-.5%; display:flex; flex-wrap:wrap;}
.footer .footer-lists > ul > li{height:3.6vw; min-height:55px; max-height:70px; margin:.5%; background:#293146; border-radius:5px; display:flex; align-items:center;}
.footer .footer-provider ul{height:8.6vw; min-height:130px; max-height:165px; overflow-y:auto;}
.footer .footer-provider li{width:8.9%; padding:5px; justify-content:center;}
.footer .footer-provider li img{max-width:90%; max-height:90%; margin:auto;}
.footer .footer-follow ul{justify-content:center;}
.footer .footer-follow li{width:11%; padding:10px 20px 10px 10px; font-size:14px; font-weight:600; justify-content:space-evenly; cursor:pointer;}
.footer .footer-follow li i{width:25%; height:80%; background:url(../images/footer/icon_social.svg?2) no-repeat center / 100%;}
.footer .footer-follow li.social-facebook i{background-position:0 1%;}
.footer .footer-follow li.social-youtube i{background-position:0 16%;}
.footer .footer-follow li.social-twitter i{background-position:0 33%;}
.footer .footer-follow li.social-discord i{background-position:0 50%;}
.footer .footer-follow li.social-instagram i{background-position:0 67%;}
.footer .footer-follow li.social-whatsapp i{background-position:0 84%;}
.footer .footer-follow li.social-telegram i{background-position:0 100%;}
.footer .footer-betting{padding:20px 0; border-bottom:#2B2F4B solid 1px;}
.footer .footer-betting > b{font-size:18px;}
.footer .footer-betting .betting-wrap{padding:30px; background:#293146; border-radius:5px; display:none;}
.footer .footer-betting .betting-lists{display:flex; font-size:14px; font-weight:600;}
.footer .footer-betting .betting-lists > li{width:14%;}
.footer .footer-betting .betting-lists > li:not(:last-child){margin-right:20px;}
.footer .footer-betting .betting-lists > li > a{width:100%; height:42px; line-height:1.2; padding:0 20px; color:#ffffff; background:#212438; border-radius:5px; display:flex; align-items:center;}
.footer .footer-betting .betting-lists > li.column{width:28%;}
.footer .footer-betting .betting-lists > li.column ul{column-count:2;}
.footer .footer-betting .betting-lists ul{margin-top:20px;}
.footer .footer-betting .betting-lists ul > li{padding:12px 0 12px 20px;}
.footer .footer-betting .betting-lists ul > li.custom{display:none !important;}
.footer .footer-betting .betting-lists ul > li > a{font-size:13px; line-height:1.2; color:#8b95b3; transition:color .3s; display:flex; align-items:center;}
.footer .footer-betting .betting-lists ul > li > a:hover{color:#ffffff;}
.footer .footer-betting .horizontal > li{width:100%; margin-top:20px;}
.footer .footer-betting .horizontal > li > a{width:14%;}
.footer .footer-betting .horizontal ul{display:flex;}
.footer .footer-betting .horizontal ul > li{width:14%; margin-right:10px;}
.footer .footer-betting .betting-more{width:25px; height:25px; margin:-10px auto 0; background:url(../images/footer/icon_arrow.svg?1) no-repeat center / contain; cursor:pointer; display:flex;}
.footer .footer-betting .betting-more.collapse{transform:rotate(180deg); margin-top:15px;}
.footer .footer-link{color: #8B95B3; font-size: 14px; font-weight: 500; padding: 2% 0;}
.footer .footer-link ul{display: flex; flex-wrap: wrap; width: 70%; margin: auto; justify-content: space-between;}
.footer .footer-link ul li{ font-size: 14px;}
.footer .footer-link ul li a.active, .footer .footer-link ul li a:hover{color: #4594FF;}
.footer .footer-license{padding:15px 0; text-align:center;}
.footer .footer-license > div{position:relative;}
.footer .footer-license > div::before{content:''; width:100%; height:1px; background:#2B2F4B; position:absolute; top:105px; left:0;}
.footer .footer-license img{margin-bottom:15px;}
.footer .footer-license p{font-size:12px; width:83%; margin:15px auto 0;}
.footer .footer-license p:empty{margin:0;}
.footer .footer-copyright{background: #141928; color: #8B95B3; font-size: 14px; font-weight: 500; width: 100%; position: absolute; left: 0; text-align: center; height: 40px; line-height: 40px;}

/* mod-forms-custom */
.mod-forms-custom{margin:0 auto;}
.mod-forms-custom > li{margin-bottom:35px; position:relative;}
.mod-forms-custom > li.flex{display:flex; justify-content:space-between; align-items:center;}
.mod-forms-custom > li label{width:130px; height:50px; margin-right:30px; line-height:1.4; font-size:14px; color:#f5f5f5; text-align:right; display:flex; justify-content:right; align-items:center;}
.mod-forms-custom .item-ipt{background:#1d2031; padding:0 20px; border-radius:10px; display:flex; flex-grow:1;}
.mod-forms-custom .item-ipt.no-flex{display:inherit;}
.mod-forms-custom .item-ipt > input{padding:0 !important;}
.mod-forms-custom .item-ipt span.error-tips{line-height:1; padding:4px 0 2px 22px; position:absolute; left:-5px; top:105%;}
.mod-forms-custom .item-ipt span.valid-tips{display:none !important;}
.mod-forms-custom .item-otp{width:calc(100% - 105px); margin-left:105px;}
.mod-forms-custom .item-otp .otp-type{width:90px; line-height:30px; padding:10px 20px; font-size:14px; background:#1d2031; border-radius:10px; position:absolute; left:0; top:0; text-align:center;}
.mod-forms-custom .item-otp .otp-type.dropdown{text-align:left; cursor:pointer;}
.mod-forms-custom .item-otp .otp-type.dropdown:after{content:''; width:6px; height:6px; border:solid #8b95b3; border-width:0 1px 1px 0; transform:rotate(45deg); margin:-5px 0 0 10px; position:absolute; top:24px; right:14px;}
.mod-forms-custom .item-otp .otp-type.show .otp-drop{display:block;}
.mod-forms-custom .item-otp .otp-type.show:after{transform:rotate(-135deg); margin-top:0;}
.mod-forms-custom .item-otp .otp-type.disabled{color:#151725; background-color:#424655; pointer-events:none;}
.mod-forms-custom .item-otp .otp-type.disabled:after{border-color:#151725;}
.mod-forms-custom .item-otp .otp-drop{margin-top:10px; text-align:center; display:none;}
.mod-forms-custom .item-otp .otp-drop a{line-height:45px; margin:0 -10px; border-radius:10px; display:block;}
.mod-forms-custom .item-otp .otp-drop a:hover{background:#282b3c;}
.mod-forms-custom .item-error{font-size:12px; color:#ec5252; line-height:1.4; margin-top:5px;}
.mod-forms-custom .item-error:empty{margin:0; padding:0;}
.mod-forms-custom .txt-ipt{width:100%; height:50px; font-size:14px; color:#f5f5f5; background:none; outline:none; border:none;}
.mod-forms-custom .iti{width:100%; padding:0; position:static; display:flex; justify-content:left; align-items:center;}
.mod-forms-custom .iti .iti__flag-container{font-size:14px; padding:0; position:static;}
.mod-forms-custom .iti .iti__selected-flag{padding:0 15px 0 0; top:0; outline:0;}
.mod-forms-custom .iti .iti__selected-flag:after{content:""; width:1px; height:20px; background:#2b2f4b; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mod-forms-custom .iti .iti__country-list{min-width:100%; padding:10px 20px; left:1px; top:90%; background:#1d2031; box-shadow:0px 6px 6px rgba(0,0,0,.3); border-bottom-right-radius:10px; border-bottom-left-radius:10px; border:none; overflow-y:auto;}
.mod-forms-custom .iti .iti__preferred{display:none !important;}
.mod-forms-custom .iti .iti__divider{display:none !important;}
.mod-forms-custom .iti .iti__country{margin:0 -15px; padding:0 10px; line-height:50px; color:#f5f5f5;}
.mod-forms-custom .iti .iti__country-name{color:#f5f5f5;}
.mod-forms-custom .iti .iti__country.iti__highlight{background-color:transparent;}
.mod-forms-custom .iti .iti__country.iti__highlight:hover{background-color:#282b3c; border-radius:10px;}
.mod-forms-custom .iti .iti__dial-code{color:#f5f5f5;}
.mod-forms-custom .iti .iti__dial-code:before{content:"(";}
.mod-forms-custom .iti .iti__dial-code:after{content:")";}
.mod-forms-custom .iti .iti__selected-dial-code{margin-left:0;}
.mod-forms-custom .iti .iti__arrow{width:7px; height:7px; border:solid #8b95b3; border-width:0 1px 1px 0; transform:rotate(45deg); margin:-5px 0 0 10px;}
.mod-forms-custom .iti .iti__arrow--up{transform:rotate(-135deg); margin-top:5px;}
.mod-forms-custom .iti input{min-width:100%;}
.mod-forms-custom .iti input.txt-ipt{min-width:auto; height:50px; margin-left:15px; padding:0 !important; flex-grow:1;}

/*custom-popup*/
.custom-popup{width:100%; height:100%; position:fixed; top:0; left:0; z-index:1001; background:rgba(0,0,0,0.5); display:none;}
.custom-popup .popup-wrap{width:90%; max-width:480px; padding:30px 20px; background:#151725; border-radius:10px; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.custom-popup .popup-close{width:16px; height:16px; position:absolute; top:12px; right:12px; background:url(../images/icon-close.avif) no-repeat center / contain !important; text-indent:-9999px; cursor:pointer;}
.custom-popup .popup-button{width:104%; margin:30px -2% 0; display:flex; justify-content:space-around;}
.custom-popup .popup-button a{width:48%; max-width:300px; margin:0 10px; line-height:50px; font-size:14px; display:block;}
.custom-popup .popup-icon{width:120px; height:120px; margin:0 auto 20px; background-size:contain; display:block;}
.custom-popup .popup-icon.info{background-image:url(../images/info_icon.avif);}
.custom-popup .popup-icon.error{background-image:url(../images/error_icon.avif);}
.custom-popup .popup-icon.success{background-image:url(../images/success_icon.avif);}

/*switch language*/
.lang-wrap{line-height:35px; margin-right:15px; font-size:14px; position:relative; text-align:center; cursor:pointer;}
.lang-wrap .lang-select{width:100px; padding:0 25px 0 15px; color:#ffffff; background:#101d3e; border-radius:20px; position:relative; z-index:2;}
.lang-wrap .lang-select:after{content:''; top:12px; right:15px;}
.lang-wrap .lang-drop{width:100%; padding-top:35px; color:#8b95b3; background:#0a1028; border-radius:20px; box-shadow:0px 4px 6px 0px rgba(0,0,0,.5); position:absolute; top:calc(100% - 35px); z-index:1; display:none;}
.lang-wrap .lang-drop a{display:block; line-height:40px;}
.lang-wrap .lang-drop a:hover{color:#ffffff;}
.lang-wrap.show .lang-select:after{top:15px;}
.lang-wrap.show .lang-drop{display:block;}

/*switcher dark and light mode*/
.switch{width:165px; height:40px; margin:0 auto 20px; background:#EDEDED; border-radius:25px; position:relative; cursor:pointer;}
.switch input{display:none;}
.switch .light{color:#FFFFFF;}
.switch .light:before{background-image:url(../images/sidebar/light_icon.avif); background-position:0 -17px;}
.switch .dark{color:#000000;}
.switch .dark:before{background-image:url(../images/sidebar/dark_icon.avif); /* background-position:0 -17px;*/}
.switch > div span:before{content:""; width:17px; height:17px; vertical-align:-4px; margin-right:5px; background-size:17px; display:inline-block;}
.switch .switch-txt{width:100%; height:40px; line-height:42px; text-align:center;}
.switch .switch-txt span{width:50%; float:left;}
.switch .switch-txt .light:hover{color:#E05D00;}
.switch .switch-txt .light:hover:before{background-position:0 -34px;}
.switch .switch-txt .dark:hover{color:#E05D00;}
.switch .switch-txt .dark:hover:before{background-position:0 -34px;}
.switch .switch-btn{width:47%; height:36px; line-height:38px; background:#FFFFFF; border-radius:25px; text-align:center; position:absolute; top:2px; left:2px; transition:.3s;}
.switch .switch-btn .light{color:#FF6A00;}
.switch .switch-btn .light:before{background-position:0 0;}
.switch .switch-btn .dark{display:none;}
.switch .switch-btn .dark:before{background-position:0 0;}
.switch input:checked + .switch-btn{background:#222C4E; transform:translateX(84px);}
.switch input:checked + .switch-btn .light{display:none;}
.switch input:checked + .switch-btn .dark{display:block; color:#F48333;}

.switch{background:#000000;}
.switch .dark{color:#F48333;}
.switch input:checked + .switch-btn{background:#202124;}
/*switcher end*/

/* login */
.login-section{width:100%; height:100%; position:fixed; top:0; z-index:1100;background:rgba(0,0,0,0.9); text-align:center; display:none;}
.login-section .login-detail{width:450px; max-height:95vh; padding:30px 40px 20px; font-size:16px; color:#8B95B3; background:#151725; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:10px; box-sizing:border-box; overflow-y:auto;}
.login-section .login-detail .close-reg-wrap{position: absolute; right: 3%;top: 2%;}
.login-section .login-detail .close-reg-btn{display: block; background: url(../images/icon-close.avif) no-repeat center / 100%; width: 17px; height: 17px; cursor: pointer;}
.login-section .login-reg-wrap{padding: 0 2% 11%;}
.login-section .login-reg-wrap ul{ background: #0E0F18; display: flex; width: 100%; justify-content: space-around; align-items: center; border-radius: 30px; }
.login-section .login-reg-wrap ul li{ padding: 10px 0; text-align: center; width: 50%; font-size: 18px; font-weight:bold; cursor: pointer;}
.login-section .login-reg-wrap ul li.selected{ background: #151725; border-radius: 30px; margin: 0.5%; color: #4594FF;}
.login-section .login-detail > p{font-size:16px; color:#000000; margin:20px auto;} 
.login-section .login-detail .or-opt{font-size:16px; color:#8B95B3; margin:30px auto 5px; position: relative;}
.login-section .login-detail .or-opt:before{content: ""; position: absolute; background: #494B58; width: 90px; height: 0.5px; top: 12px; left: 0px;}
.login-section .login-detail .or-opt:after{content: ""; position: absolute; background: #494B58; width: 90px; height: 0.5px; top: 12px; right: 0px;}
.login-section .login-detail > div input[type="checkbox"]{width:0; height:0; opacity:0; position:absolute;}
.login-section .login-detail > div input[type="checkbox"] ~ i{width:16px; height:16px; margin:-2px 6px 0 0; border:1px solid #4594FF; border-radius:5px; cursor:pointer; display:block;}
.login-section .login-detail > div input[type="checkbox"]:checked ~ i{background:url(../images/icon-checked.avif) no-repeat center;}

/* social media login */
.login-section .social-login{display:flex; justify-content:space-evenly; align-items: center;}
.login-section .social-login a{ border: #494B58 1px solid; border-radius: 50%; width: 50px; height: 50px; text-align: center; margin: 3% 0 0; display: flex; justify-content: center; align-items: center;}
.login-section .social-login a > div{width:100% !important; height:100% !important; position:absolute; left:0; top:0; opacity:0; overflow:hidden;}
.login-section .social-login a > iframe{width:100% !important; height:100% !important; position:absolute; left:0; top:0; opacity:0; overflow:hidden;}
.login-section .social-login img{width: 25px; height: 25px;}

/* account login */
.login-section .account-login li{display:flex; height:45px; align-items:center; border-bottom:1px solid #2B2F4B; margin-bottom: 25px;}
.login-section .account-login label{width:60px; margin-right:10px; color:#8B95B3; font-size:18px; font-weight:normal; text-align:left; position:relative;}
.login-section .account-login input{height:30px; color:#F5F5F5; font-size:18px; flex-grow:1; padding:0; background:none; border:none; outline:none;}

.login-section .login-service{height:40px; margin-bottom:40px; display:flex; justify-content:space-between; align-items:center;}
.login-section .login-service label{font-size:18px; color:#8B95B3; display:flex; align-items:center;}
.login-section .login-service a{font-size:18px; color: #4594FF; text-transform:capitalize;}

.login-section .log-btn,.login-section .log-btn-disabled{line-height:50px; margin:60px auto 10px; font-weight:bold; display:block; font-size: 18px;}
.login-section .log-btn{color: #151725;}
.login-section .reg-btn{margin-bottom:20px; font-weight:bold; display:block;}
.login-section .tnc-btn{font-size:12px; color:#222C4E;}
.login-section .licensed-wrap{width:100%; margin:35px auto 25px;}
.login-section .licensed-wrap img{cursor:pointer;}

/* register */
.is-reg{background:transparent; overflow-x:hidden;}
.is-reg #rp_append_side{display:none !important;}
.is-reg .yidun_popup.yidun_popup--light .yidun_modal{width: 90% !important;}
.is-reg .yidun_popup.yidun_popup--light .yidun_modal__body{width: 100% !important;}
.is-reg .yidun_popup.yidun_popup--light .yidun_modal__body .yidun{width: 100% !important;}

.login-section .reg-form.loading{background:url(../images/loading_big.gif) no-repeat center 25% / 20px;}
.login-section .reg-form #regContent{width:100%; height:440px; border:none; overflow-x:hidden; transition:opacity 1s; opacity:0;}

.mod-reg > .layout{position: absolute; width: 100%; max-width: 520px; font-size: 16px; background: transparent; border-radius: 10px; box-sizing: border-box;}
.mod-reg > .layout > p, .mod-reg .reg-sub p{font-size:16px; color:#000000; margin:20px auto; text-align:center;}
.mod-reg > .layout > .or-opt{display:none;}
.mod-reg .hd{display:none;}
.mod-reg .mod-forms .item-ipt .tips{color:#ccc;}
.mod-reg .mod-forms span.error-tips{font-size:12px; line-height:1 !important; margin:0; padding:0; color:#ec5252 !important; position:absolute; left:-40%; top:43px; background:none;}
.mod-reg .mod-forms span.valid-tips{display:none !important;}
.mod-reg fieldset{border:none!important; margin:0; padding:0;}
.mod-reg fieldset legend{display:none!important;}
.mod-reg #regMethod{display:none !important;}

.mod-reg .mod-forms > li{height:45px; margin-bottom: 25px; border-bottom:1px solid #2B2F4B; display:flex; align-items:center; position:relative;}
.mod-reg .mod-forms > li label{padding-left:10px; color:#8B95B3; font-size:18px; line-height:1; text-align:left; position:relative;}
.mod-reg .mod-forms > li label em{position:absolute; top:0; ; left:0;}
.mod-reg .mod-forms > li input{width:100%; height:30px; line-height:30px; color:#F5F5F5; font-size:18px; flex-grow:1; padding:0; background:none; border:none; outline:none;}
.mod-reg .mod-forms > li input#verifycode{width:calc(100% - 115px);}
.mod-reg .mod-forms > li input:-webkit-input-placeholder{color:#494B58;}
.mod-reg .mod-forms > li input:-moz-placeholder{color:#494B58;}
.mod-reg .mod-forms .item-ipt{width:100%;}
.mod-reg .mod-forms .item-ipt i{display:none;}
.mod-reg .mod-forms .item-ipt .tips{position:absolute; left:0; top:0; width:100%; margin:0; font-size:20px; color:#646B83!important; white-space:nowrap; z-index:-10; display:none;}
.mod-reg .mod-forms .item-ipt a.captcha-refresh{background:url(../images/sidebar/refresh.avif) no-repeat center; width:25px; height:28px; position:absolute; top:7px; right:0; font-size:0;}
.mod-reg .mod-forms .iti{position:static; display:flex; justify-content:left; align-items:center; padding:0;}
.mod-reg .mod-forms .iti .iti__flag-container{font-size:18px; padding:0; position:static;}
.mod-reg .mod-forms .iti .iti__selected-flag{padding:0 15px 0 0; top:0; z-index:0; border-radius:5px; background:none!important; outline:none;}
.mod-reg .mod-forms .iti .iti__selected-flag:after{content:""; width:.5px; height:25px; background:#707070; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mod-reg .mod-forms .iti .iti__country-list{min-width:250px; padding:10px 15px 5px; left:48%; top:105%; transform:translateX(-50%); font-size:14px; background:#151934; box-shadow:0px 8px 12px rgba(0,0,0,.8); border-radius:15px; border:none; overflow-y:auto;}
.mod-reg .mod-forms .iti .iti__country{margin:0; padding:0; line-height:50px; color:#494B58; border-top:1px solid #2B2F4B; text-align:left;}
.mod-reg .mod-forms .iti .iti__country:first-child{border-top:none;}
.mod-reg .mod-forms .iti .iti__country-name{color:#8B95B3; display:inline-block;}
.mod-reg .mod-forms .iti .iti__country.iti__highlight{background-color:transparent;}
.mod-reg .mod-forms .iti .iti__country.iti__highlight:hover span{color:#F5F5F5;}
.mod-reg .mod-forms .iti .iti__dial-code{color:#8B95B3;}
.mod-reg .mod-forms .iti .iti__selected-dial-code{color:#4594FF; margin-left:0;}
.mod-reg .mod-forms .iti .iti__arrow{width:10px; height:10px; border:solid #8B95B3; border-width:0 1px 1px 0; transform:rotate(45deg); margin:-5px 0 0 10px;}
.mod-reg .mod-forms .iti .iti__arrow--up{transform:rotate(-135deg); margin-top:5px;}
.mod-reg .mod-forms .iti input.txt-ipt{min-width:auto; margin-left:10px; padding:0 !important;}

.mod-reg .agreement{display:flex; align-items:flex-start; position:relative; margin-bottom:15px;}
.mod-reg .agreement input[type="checkbox"]{width:0; height:0; opacity:0; position:absolute;}
.mod-reg .agreement input[type="checkbox"] ~ i{width:16px; height:16px; margin:1px 6px 0 0; border:1px solid #4594FF; border-radius:5px; cursor:pointer; display:block;}
.mod-reg .agreement input[type="checkbox"]:checked ~ i{background:url(../images/icon-checked.avif) no-repeat center;}
.mod-reg .agreement span{font-size:14px; line-height:1.4; color:#8B95B3;}
.mod-reg .agreement span.error-tips{font-size:12px; line-height:1 !important; margin:0; padding:0; color:#ec5252 !important; position:absolute; left:20px; bottom:-15px; background:none;}
.mod-reg .agreement span.valid-tips{display:none !important;}
.mod-reg .agreement span em{color:#4594FF; cursor:pointer;}
.mod-reg .reg-sub > p {display:none !important;}
.mod-reg .reg-sub a{line-height:50px; display:block; font-weight:bold; margin:20px auto 10px;}
.mod-reg .reg-sub a.disabled{opacity: 1;}
.mod-reg .reg-sub a.txtBtn{line-height:24px; margin:0 auto; text-align:center; display:none;}
.mod-reg .reg-sub a.tnc-btn{line-height:24px; font-size:12px; color:#222C4E; font-weight:normal; text-align:center; margin:0 auto; line-height:24px;}
.mod-reg .reg-sub .licensed-wrap {display:none;}

/* forgot-password */
.forgotpw-popup{z-index: 1101;}
.forgotpw-popup .popup-wrap{width: 100%; max-width: 1200px;background: #15182C; max-height: 800px; overflow-y: overlay;}
.forgotpw-popup .popup-wrap > p.forgot-pwd-title{margin:0 auto 30px; color:#F5F5F5; font-size:20px; font-weight:bold; text-transform:capitalize; text-align:left;}
.forgotpw-popup .popup-close{color:#F5F5F5;}

.mod-forgot-passwd{color:#000000; font-size:16px; text-align:left;}
.mod-forgot-passwd .forgot-step-wrap{width: 45%; margin: 5% auto;}
.mod-forgot-passwd.en .forgot-step-wrap{margin-bottom: 8%;}
.mod-forgot-passwd .forgot-step-wrap ul{display: flex; justify-content: space-between; align-items: center; text-align: center;}
.mod-forgot-passwd.en .forgot-step-wrap ul{align-items: stretch;}
.mod-forgot-passwd .forgot-step-wrap ul li{position: relative;}
.mod-forgot-passwd .forgot-step-wrap ul li:before{content: ""; position: absolute; top: 20%; left: -232%; height: 2px; width: 175px; border-bottom: 4px dotted #424655;}
.mod-forgot-passwd.en .forgot-step-wrap ul li:before{left: -430%; width: 190px; top: 32%;}
.mod-forgot-passwd .forgot-step-wrap ul li:nth-of-type(1):before{width: 0;}
.mod-forgot-passwd .forgot-step-wrap ul li.current:before{border-bottom: 2px solid #4594FF;}
.mod-forgot-passwd .forgot-step-wrap ul li .step{background: #424655; color: #15182C; font-size: 24px; text-align: center;width: 45px; height: 45px; line-height: 45px; border-radius: 50%; margin: auto auto 22% auto;}
.mod-forgot-passwd .forgot-step-wrap ul li.current .step{background: #4594FF; color: #F5F5F5; }
.mod-forgot-passwd .forgot-step-wrap ul li .step-title{ font-size: 20px; color: #8B95B3;}
.mod-forgot-passwd.en .forgot-step-wrap ul li .step-title{ position: absolute; white-space: nowrap; left: -123%;}
.mod-forgot-passwd .forgot-step-wrap ul li.current .step-title{color: #F5F5F5;}

.mod-forgot-passwd .passwd-method{width: 40%; margin: auto auto 7% auto; background: #0E0F18; display: flex; justify-content: space-around; align-items: center; border-radius: 30px;}
.mod-forgot-passwd.en .passwd-method{width: 50%; }
.mod-forgot-passwd .passwd-method a{ padding: 10px 0; text-align: center; width: 50%; font-size: 20px; font-weight: bold; cursor: pointer; color: #8B95B3;}
.mod-forgot-passwd .passwd-method a.selected{background: #151725; border-radius: 30px; margin: 0.5%; color: #4594FF;}
.mod-forgot-passwd fieldset{border:none; margin:0 auto; padding:0;}
.mod-forgot-passwd fieldset, .mod-forgot-passwd form{padding-bottom: 30px;}
.mod-forgot-passwd fieldset legend{display:none;}

.mod-forgot-passwd .mod-forms-custom {width: 75%;}
.mod-forgot-passwd .mod-forms-custom li{display: flex; width: 80%;}
.mod-forgot-passwd .mod-forms-custom li.error{color: #EC5252; font-size: 20px; float: right; display: none;}
.mod-forgot-passwd .mod-forms-custom li label{width: 20%; font-size: 20px;white-space: nowrap;}
.mod-forgot-passwd label.passwd-long{min-width:170px;}
.mod-forgot-passwd .passwd-button{width:100%; margin:50px 0 0; display:flex; justify-content:space-around;}
.mod-forgot-passwd .passwd-button a{min-width:200px; height:60px; line-height:60px; margin:0 10px; padding:0 20px; font-size:18px; display:block;}
.mod-forgot-passwd li .txt-ipt{font-size: 20px;}
.mod-forgot-passwd li .txt-ipt:moz-placehopder{color: #494B58;}
.mod-forgot-passwd li .txt-ipt:webkit-input-placeholder{color: #494B58;}
.mod-forgot-passwd .verify-ipt .item-ipt{display:flex; justify-content:space-between; align-items:center; position: relative;}
.mod-forgot-passwd .verify-ipt .item-ipt img{ width: 32%; position: absolute; right: 0; border-radius: 0 10px 10px 0; cursor: pointer;}
.mod-forgot-passwd .verify-ipt input{margin-right:15px;}
.mod-forgot-passwd .verify-ipt .otp-btn{font-size:20px; white-space:nowrap; color: #4594FF;}

.info-not-found {width: 100%; margin: -5% auto 30px; text-align: center; color: #F5F5F5;}
.info-not-found img {width: 45%;}
.info-not-found p {font-size:18px;}
.mod-forgot-passwd .verify-ipt .item-ipt i{display: block; background: url(../images/eye-close-v2.avif) no-repeat center / 100%; width: 25px; height: 25px;}
.mod-forgot-passwd .verify-ipt .item-ipt i.show{background-image: url(../images/eye-show-v2.avif);}

/* error 403 */
.mod-error{padding:30px 0;}
.mod-error .layout{padding:80px 0;}
.mod-error .error-wrap h3{font-size:22px; line-height:1.5; color:#FFFFFF;}
.mod-error .error-wrap p{color:#d2bc9c;}
.mod-error .error-wrap .refresh-btn{margin:0; font-size:14px;}
.mod-error .error-wrap .a-td{color:#fbcd30;}
.mod-error .error-wrap .a-td:hover{color:#8c7647;}

/* user-ctr */
.user-ctr{background:url(../images/userCenter_bg.avif) no-repeat center top / cover; background-attachment:fixed;}
.user-ctr > .layout1200{padding:15px 0; display:flex;}
.user-ctr .items-nav{width:205px; height:fit-content; background:#15182c; padding:20px 8px 10px; margin-right:15px; border-radius:10px; box-sizing:border-box;}
.user-ctr .items-nav > p{color:#596190; margin:20px 0 20px 10px; font-weight:bold;}
.user-ctr .items-nav > p:first-child{margin-top:0;}
.user-ctr .items-nav > a{color:#8b95b3; margin-top:5px; padding:11px 10px 11px 15px; border-radius:5px; display:flex; align-items:center;}
.user-ctr .items-nav > a:hover{background:#191c35;}
.user-ctr .items-nav > a.current{background:#4594ff; color:#f5f5f5;}
.user-ctr .items-nav > a em{font-size:12px; font-weight:bold; color:red; position:relative; top:-2px; left:6px;}
.user-ctr .items-nav > a i{width:20px; height:20px; margin-right:15px; background:url(../images/userCenter.avif?1); background-size:40px;}
.user-ctr .items-nav > a i.my-home{background-position:0 0;}
.user-ctr .items-nav > a i.my-deposit{background-position:0 -20px;}
.user-ctr .items-nav > a i.my-withdraw{background-position:0 -40px;}
.user-ctr .items-nav > a i.my-vip{background-position:0 -60px;}
.user-ctr .items-nav > a i.my-exchange{background-position:0 -80px;}
.user-ctr .items-nav > a i.my-hx-deposit{background-position:0 -100px;}
.user-ctr .items-nav > a i.my-hx-withdraw{background-position:0 -120px;}
.user-ctr .items-nav > a i.my-hx-bet{background-position:0 -140px;}
.user-ctr .items-nav > a i.my-hx-exchange{background-position:0 -160px;}
.user-ctr .items-nav > a i.my-hx-promotion{background-position:0 -180px;}
.user-ctr .items-nav > a i.my-info{background-position:0 -200px;}
.user-ctr .items-nav > a i.my-wdaddress{background-position:0 -220px;}
.user-ctr .items-nav > a i.my-security{background-position:0 -240px;}
.user-ctr .items-nav > a i.my-notify{background-position:0 -260px;}
.user-ctr .items-nav > a i.my-help{background-position:0 -280px;}
.user-ctr .items-nav > a i.my-hx-actpromotion{background-position:0 -300px;}
.user-ctr .items-nav > a i.my-hx-raf{background-position:0 -340px;}
.user-ctr .items-nav > a.current i{background-position-x:-20px;}
.user-ctr .item-content{width:980px;}

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

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

/* notify */
ul.messenger.messenger-fixed{width:100% !important; height:100%; margin:0 !important; left:0 !important; top:0 !important; background-color:rgba(0,0,0,0.5);}
ul.messenger.messenger-fixed li.messenger-message-slot{width:90%; max-width:380px; margin:auto; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); display:block;}
ul.messenger-theme-flat .messenger-message{font-size:15px !important; line-height:1.8; padding:30px 40px !important; color:#ffffff !important; background:#151725 !important; border-radius:10px !important; border:none !important; text-align:center;}
ul.messenger-theme-flat .messenger-message .messenger-close{width:16px; padding:0 !important; top:12px !important; right:12px !important; background:url(../images/icon-close.avif) no-repeat center / contain !important; text-indent:-9999px;}
ul.messenger-theme-flat .messenger-message .messenger-message-inner{padding:140px 0 0 !important; background:no-repeat center top / 120px !important;}
ul.messenger-theme-flat .messenger-message .messenger-message-inner a{color:#4594ff !important;}
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner{background-image:url(../images/info_icon.avif) !important;}
ul.messenger-theme-flat .messenger-message.alert-error .messenger-message-inner{background-image:url(../images/error_icon.avif) !important;}
ul.messenger-theme-flat .messenger-message.alert-success .messenger-message-inner{background-image:url(../images/success_icon.avif) !important;}

/* slick */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/* loading */
.blockOverlay{z-index:10000 !important;}
.blockLoading{width:auto !important; min-width:85px; height:85px !important; padding:15px !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%); color:#f5f5f5 !important; border:none !important; background-color:rgba(255,255,255,.2) !important; border-radius:3px; z-index:10001 !important;}
.blockLoading:before{content:''; width:30px; height:30px; margin:0 auto 10px; background:url(../images/loading_big.gif) center / contain; display:block;}

/* sidebar-qa */
.sidebar-qa{width:200px; height:410px; position:absolute; top:50%; right:0; z-index:100; transform:translateY(-35%); transition:margin .3s; pointer-events:none; overflow:hidden;}
.sidebar-qa.no-transition{transition:none !important;}
.sidebar-qa > div{position:absolute; right:0; top:50%; transform:translateY(-50%); transition:right .3s; pointer-events:all;}
.sidebar-qa .qa-btn{width:50px; height:160px; padding:15px 0 15px 4px; display:flex; flex-flow:column; align-items:center; justify-content:space-around; cursor:pointer;}
.sidebar-qa .qa-btn i{width:25px; height:25px; background:url(../images/sidebar/qa_menu.avif) no-repeat center / contain; display:block;}
.sidebar-qa .qa-btn span{font-size:18px; color:#ffffff; text-shadow:0 1px 4px #0937ff;}
.sidebar-qa .qa-btn:after{content:''; width:100%; height:100%; background:url(../images/sidebar/qa_btn.avif) no-repeat top right / contain; position:absolute; z-index:-1;}
.sidebar-qa .qa-btn:hover:after{transform:scaleY(-1);}
.sidebar-qa .qa-content{width:100%; height:100%; right:-100%; padding:15px 0 35px 30px; background:url(../images/sidebar/qa_bg.avif?1) no-repeat top right / contain;}
.sidebar-qa .qa-header{width:100%; height:96px; padding:10px; position:relative;}
.sidebar-qa .qa-footer{width:100%; height:50px; padding:8px 10px; position:relative;}
.sidebar-qa .qa-close{width:18px; height:18px; position:absolute; top:8px; left:5px; background:url(../images/sidebar/qa_close.avif) no-repeat center / contain; cursor:pointer;}
.sidebar-qa .qa-action{height:100%; display:flex; align-items:center; justify-content:space-between;}
.sidebar-qa .qa-action a{width:47%; line-height:32px; font-size:16px; border-radius:25px; text-align:center;}
.sidebar-qa .qa-action a:nth-child(1){color:#4594ff; background:#ffffff;}
.sidebar-qa .qa-action a:nth-child(2){color:#ffffff; background:rgba(255,255,255,0.1); border:1px solid #898da9;}
.sidebar-qa .qa-user{color:#ffffff; text-shadow:0 1px 4px #0937ff; text-align:center; overflow:hidden;}
.sidebar-qa .qa-user p{font-size:16px; padding:0 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sidebar-qa .qa-user span{font-size:12px; margin-bottom:4px; display:block;}
.sidebar-qa .qa-user a, .sidebar-qa .qa-chat a{font-size:16px; width:150px; margin:0 auto; line-height:32px; background:rgba(93,89,255,0.3); border:1px solid #898da9; border-radius:25px; display:block;}
.sidebar-qa .qa-chat{color:#ffffff; text-shadow:0 1px 4px #0937ff; text-align:center; overflow:hidden;}
.sidebar-qa .qa-nav{width:100%; height:217px; padding:7px 5px;}
.sidebar-qa .qa-nav a{width:100%; line-height:34px; font-size:15px; color:#ffffff; text-shadow:0 1px 4px #0937ff; display:flex; align-items:center; transition:background .3s;}
.sidebar-qa .qa-nav a:hover{background:rgba(255,255,255,0.1); border-radius:5px;}
.sidebar-qa .qa-nav a em{font-size:12px; font-weight:bold; color:red; position:relative; top:-2px; left:6px; text-shadow:none;}
.sidebar-qa .qa-nav i{min-width:32px; height:32px; background:url(../images/sidebar/qa_icon.avif) no-repeat top center / 32px;}
.sidebar-qa .qa-nav-user i{background-position:0 0;}
.sidebar-qa .qa-nav-pool i{background-position:0 -32px;}
.sidebar-qa .qa-nav-vip i{background-position:0 -64px;}
.sidebar-qa .qa-nav-bet i{background-position:0 -96px;}
.sidebar-qa .qa-nav-chat i{background-position:0 -128px;}
.sidebar-qa .qa-nav-aff i{background-position:0 -160px;}
.sidebar-qa .qa-nav-help i{background-position:0 -192px;}
.sidebar-qa.active{width:200px; height:410px;}
.sidebar-qa.active .qa-btn{right:-100%;}
.sidebar-qa.active .qa-content{right:0; transition-delay:200ms;}

/* breadcrumb */
.breadcrumb{font-size:14px; color:#8b95b3;}
.breadcrumb em{margin:0 5px;}
.breadcrumb span{color:#f5f5f5;}
.breadcrumb a.active{color:#f5f5f5; pointer-events:none;}
.breadcrumb-absolute{position:absolute; top:1%; left:10%; z-index:10;}
.breadcrumb-portal{width:100%; margin:0 auto; padding:7px 5%;}
.breadcrumb-gameslist{padding:12px 0;}
.breadcrumb-userctr{min-height:42px; margin:0 -20px 20px; padding:0 20px 20px; border-bottom:1px solid #2b2f4b; font-weight:bold;}

/* newsfeed */
.mod-newsfeed{width:100%; background:#151e38;}
.mod-newsfeed .tabs-content{width:100%; }
.mod-newsfeed .tabs-content.has-list{padding:40px 0;}
.mod-newsfeed .tabs-content > ul{position:relative;}
.mod-newsfeed .tabs-content > ul > li{overflow:hidden;}
.mod-newsfeed .tabs-content > ul > li:not(:first-child){height:0;}
.mod-newsfeed .tabs-content > ul.overflow > li:first-of-type > div{max-height:170px; overflow-y:hidden;}
.mod-newsfeed .tabs-content > ul > li div{color:#f1f1f1; font-size:14px; line-height:2; margin-bottom:15px;}
.mod-newsfeed .tabs-content > ul > li div ul > li{list-style:disc; margin-left:20px;}
.mod-newsfeed .tabs-content > ul > li div ol > li{list-style:decimal; margin-left:20px;}
.mod-newsfeed .tabs-content > ul > li h1{font-size:18px;}
.mod-newsfeed .tabs-content > ul > li span{color:#8b8d98; font-size:14px; display:inline-block;}
.mod-newsfeed .tabs-content .tabs-more{display:none; font-size:14px; color:#4594ff; margin-top:30px; left:50%; transform:translateX(-50%); position:relative;}
.mod-newsfeed .tabs-content > ul.showall > li:not(:first-child){height:auto; margin-top:30px;}

/* cookie-consent */
.cookie-sticky{position:fixed; left:50%; bottom:20px; z-index:9999; transform:translateX(-50%);}
.cookie-content{padding:15px 20px; background:#151725; border-radius:10px; box-shadow:0px 4px 6px 0px rgba(0,0,0,.5); display:flex; align-items:center;}
.cookie-content i{min-width:20px; height:24px; margin-right:10px; background:url(../images/cookie_icon.avif) no-repeat center / contain;}
.cookie-content p{color:#ededed;}
.cookie-content span{color:#8f9db5;}
.cookie-content a{width:180px; line-height:36px; margin-left:20px;}