@charset "utf-8";
/* CSS Document */
.wrapper{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 1.0rem;
	font-family: PingFangSC-Regular, sans-serif !important;
	color: #2e3033;
	background: #ffffff;
	overflow: hidden;
	display: block;
}
.w-100, .section{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.section{
	padding: 10px 0;
}
.header{
	background: #e0f6ff;
}
.announment marquee span{
	display: inline-block;
	vertical-align: middle;
}
.announment marquee span img{
	width: 30px;
	height: auto;
	padding-right: 10px;
}
.announment marquee span p{
	font-size: 0.9rem;
}
.contain{
	padding-top:35px; 
}
.icon-profile{
	width: 40px;
	height: 40px;
}
.icon-profile img{
	width: 40px;
	height: 40px;
	border: 2px solid #00d2ff;
	border-radius: 50%;
}
.currencypop{
	padding: 6px 12px;
    border: 1px solid #e3e5e8;
    border-radius: 20px;
}
.currencypop span.multicurrency{
	margin-right: 10px;
}
.currencypop span.multicurrency img{
	width: 24px;
	height: 24px;
}
.player{
	text-align: left;
	padding: 5px 0;
}
.player span{
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.userid{
	text-align: left;
}
.userid span{
	color: #c0c4cc;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.sidebar-left ul li{
	width: 100%;
	text-align: left;
	vertical-align: middle;
	display: block;
}
.sidebar-left ul li a{
	width: 100%;
	height: auto;
	vertical-align: middle;
	padding: 10px 10px;
	font-size: 1.0rem;
	color: #8d8f99;
	display: block;
}
.sidebar-left ul li:hover> a{
	color: #2e3033;
	background: #f0faff;
	border-radius: 3rem 0 0 3rem;
	display: block;
}
.sidebar-left ul li a span.icon-sidebar{
	width:28px;
	height: 28px;
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
}
.sidebar-left ul li.actions{
	background: #f0faff;
	border-radius: 3rem 0 0 3rem;
}
.sidebar-left ul li.actions a{
	color: #060606;
	font-weight: bold;
}
.sidebar-left ul li a span.icon-home{
	background: url("../images/icon/home.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-home{
	background: url("../images/icon/active/home.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-system{
	background: url("../images/icon/system.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-system{
	background: url("../images/icon/active/system.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-contacts{
	background: url("../images/icon/contacts.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-contacts{
	background: url("../images/icon/active/contacts.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-transaction{
	background: url("../images/icon/transaction.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-transaction{
	background: url("../images/icon/active/transaction.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-me{
	background: url("../images/icon/me.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-me{
	background: url("../images/icon/active/me.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-wallet{
	background: url("../images/icon/wallet.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-wallet{
	background: url("../images/icon/active/wallet.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-events{
	background: url("../images/icon/events.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-events{
	background: url("../images/icon/active/events.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-order{
	background: url("../images/icon/order.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-order{
	background: url("../images/icon/active/order.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-records{
	background: url("../images/icon/game_records.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-records{
	background: url("../images/icon/active/game_records.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-qr{
	background: url("../images/icon/code.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li.actions a span.icon-qr{
	background: url("../images/icon/active/code.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-lang-us{
	background: url("../images/icon/sg_lan_us.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-customer{
	background: url("../images/icon/customer.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left ul li a span.icon-sign-out{
	background: url("../images/icon/quit.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.sidebar-left{
	padding: 5px 0;
	border-bottom: 1px solid #e1e2e5;
}
.profile{
	padding: 0 5px;
}
.nav-lobby {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.nav-lobby button {
  background: #f0f3f5;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 16px;
  transition: 0.3s;
  font-size: 0.9rem;
	margin: 5px;
	border-radius: 25px;
}

/* Change background color of buttons on hover */
.nav-lobby button:hover {
  background-color: #00d2ff;
	color: #ffffff;
}

/* Create an active/current tablink class */
.nav-lobby button.active {
  background-color: #00d2ff;
	color: #ffffff;
	vertical-align: middle;
}
.nav-lobby button.navgame span.navtab{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;	
}
.nav-lobby button.navgame> span.taball{
	background: url("../images/icon/taball.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.taball, .nav-lobby button.active span.taball{
	background: url("../images/icon/active/taball.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tabsport{
	background: url("../images/icon/sport.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tabsport, .nav-lobby button.active span.tabsport{
	background: url("../images/icon/active/sport.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tabcasino{
	background: url("../images/icon/casino.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tabcasino, .nav-lobby button.active span.tabcasino{
	background: url("../images/icon/active/casino.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tabslot{
	background: url("../images/icon/slot.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tabslot, .nav-lobby button.active span.tabslot{
	background: url("../images/icon/active/slot.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tablottery{
	background: url("../images/icon/lottery.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tablottery, .nav-lobby button.active span.tablottery{
	background: url("../images/icon/active/lottery.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tabnumber{
	background: url("../images/icon/number.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tabnumber, .nav-lobby button.active span.tabnumber{
	background: url("../images/icon/active/number.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tabcocks{
	background: url("../images/icon/cocks.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tabcocks, .nav-lobby button.active span.tabcocks{
	background: url("../images/icon/active/cocks.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button.navgame> span.tabpoker{
	background: url("../images/icon/poker.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.nav-lobby button:hover> span.tabpoker, .nav-lobby button.active span.tabpoker{
	background: url("../images/icon/active/poker.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
/* Style the tab content */
.contentlobby {
  display: none;
	padding: 10px 0;
}
.img-wrapper {
	border-radius: 10px;
  overflow: hidden;
}

.inner-img {
  transition: 0.3s;
	width: 100%;
}

.inner-img:hover {
  transform: scale(1.1);
}
.title-game{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.title-game h1{
	font-size: 1.7rem;
	font-weight: 900;
	color: #ffffff;
	padding: 0 10px;
	text-transform: uppercase;
	line-height: 25px;
	display: block;
}
.title-game span{
	font-size: 1.1rem;
	color: #ffffff;
	padding:2px;
	text-transform: uppercase;
	line-height: 18px;
	display: inline-block;
}
.moneybox{
	background: #f0f3f5;
	border-radius: 10px;
	display: flex;
}
.transfer a img{
	width: 48px;
	height: 48px;
}
.eye img{
	width: 48px;
	height: 20px;
}
.boxcash, .boxchip{
	padding: 12px 10px;
	vertical-align: middle;
}
.boxcash span, .boxchip span{
	font-size: 0.8rem;
	vertical-align: middle;
}
.CurrencyPopupCom{
	background: rgba(51, 51, 51, .9019607843137255);
    border-radius: 6px;
    position: absolute;
    right: 15px;
    top: 43px;
    padding: 4px 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 100;
    width: -moz-max-content;
    width: max-content;
    min-width: 120px;
    max-width: 155px;
}
.CurrencyTriangle{
	display: flex;
    position: absolute;
    right: 10px;
    top: 0;
}
.CurrencyTriangle img{
	height: 6px;
    width: 10px;
    margin-top: -5px;
}
.CurrencyPopupCom .CurrencyItem{
    width: 100%;
    margin: 4px 0;
    height: 36px;
}
.CurrencyPopupCom .currentListBox{
    justify-content: flex-start;
    background: #fff;
    color: #2e3033;
    border-radius: 5px;
    height: 36px;
    position: relative;
}
.CurrencyPopupCom .currentListBox .code {
    width: 100%;
    height: 100%;
}
.triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 26px solid #00d2ff;
    border-left: 26px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}
.current-active{
	border: 2px solid #00d2ff;
}
.triangle-bottomright img{
	width: 15px;
    height: 13px;
    position: absolute;
    bottom: -24px;
    right: 0px;
}
.arrow-down img{
	width: 15px;
	height: auto;
}
.CurrencyPopupCom{
    background: rgba(51,51,51,.9019607843137255);
    border-radius: 6px;
    position: absolute;
    right: 15px;
    top: 43px;
    padding: 4px 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 100;
    width: -moz-max-content;
    width: max-content;
    min-width: 120px;
    max-width: 155px;
	display: none;
}
.langList{
	width: 11.25rem;
    z-index: 99;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    position: absolute;
    top: 3.1rem;
    right: 0;
}
.langbox{
	position: relative;
    padding: .3125rem 0;
    z-index: 1000;
    background: #fff;
	display: none;
}
.langbox .item{
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    line-height: 1.5;
    box-sizing: border-box;
    font-size: .88rem;
    position: relative;
    padding: .31rem 1rem;
}
.langbox .item img{
    margin-right: 1rem;
    width: 1.88rem;
    height: 1.88rem;
}
.langbox .item img.gou{
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    margin-left: 3.63rem;
}
.icon-arrow-lang{
	width: 16px;
	height: 16px;
	text-align: right;
	background: url("../images/language/arrow.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	float: right;
}
.align{
	text-align: left !important;
}
.me{
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
}
.header-me{
	width: 100%;
	height: auto;
	text-align: left;
	padding: 10px 0;
}
.header-me p{
	font-size: 1.1rem;
	padding: 10px 20px;
	text-align: left;
	display: block;
}
.profile-me{
	padding-bottom: 75px;
	border-bottom: .5rem solid #f0f3f5;
}
.pc{
	display: inline-block;
}
.container-me{
	border-top: 1px solid #e1e2e5;
}
.banner-profile img{
	width: 100%;
}
.bg-profile{
	width: 100%;
	padding: 10px 30px;
}
.pr{
	text-align: left;
	display: inline-block;
	vertical-align: bottom;
}
.pr img{
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 2px solid #00d2ff;
}
.mr, .pr-profile{
	margin-right: 20px;
}
.pr h1{
	color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1rem;
}
.pr p span{
	color: #c0c4cc;
    text-transform: uppercase;
    font-size: 1.1rem;
}
.EditImg{
	width: 3rem;
    height: 3rem;
    background-color: #00d2ff;
    border-radius: 1.5rem;
    margin-top: .9375rem;
	padding: 10px 10px;
    text-align: center;
	margin-top: 40px;
}
.btn-tools{
	padding: 5px 20px;
	border-radius: 25px;
	background-color: #f0f3f5;
	white-space: nowrap;
	color: #2e3033;
}
.btn-tools:hover, .btn-tool-action{
	background-color: #00d2ff;
    color: #fff;
}
.My-CommonTools{
	padding: 0 10px;
}
.container-game{
	height: 100%;
}
.MyWallet{
	border-bottom: 1px solid #e1e2e5;
	padding: 10px;
}
.balance{
	background: #f0f3f5;
    cursor: pointer;
    padding: 16px;
    border-radius: 5px;
}
.btn-eye img{
	width: 24px;
	height: 24px;
}
.btn-eye{
	background: #f0f3f5;
	padding: 5px;
}
.TotalCon, .MyOperateView{
	border-bottom: 1px solid #e1e2e5;
	padding-bottom: 20px;
}
.contain-balance{
	padding: 10px 0;
}
.balances, .contain-operate-view{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: flex;
}
.balances-cc{
	flex: 1;
}
.broder-r{
	border-right: 1px solid #e1e2e5;
}
.balances-cc p{
	line-height: 24px;
	padding: 0;
}
.balances-cc p.name-balance{
	font-size: 0.9rem;
	line-height: 24px;
}
.balances-cc p.anount-balances{
	font-weight: bold;
	font-size: 1.1rem;
}
.footer-balance{
	padding: 10px 0;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.footer-balance p{
	font-size: 0.9rem
}
.operate-view{
	padding: 10px 0;
	flex: 1;
}
.rightbars{
	width: 100%;
	height: 100%;
	border-left: 1px solid #e1e2e5;
}
.ToolsBtn{
	width: 100%;
}
.ToolsBtn a{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	overflow: hidden;
}
.ToolsBtn a img{
	width: 100%;
	max-width: 56px;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.ToolsBtn a p{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	font-size: 0.8rem;
	padding: 10px 0;
	display: block;
}
.header-tools p, .AmountTitle{
	text-align: left;
	padding: 0 10px
	
}
.h-100{
	height: 100% !important;
}
.wallets{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	border-left: 1px solid #e1e2e5;
	border-right: 1px solid #e1e2e5;
}
.claim span img{
	width: 24px;
	height: 24px;
}
.header-section{
	padding: 10px;
}
.title-section p{
	font-weight: bold;
	text-align: left;
}
.margin-box{
	width: 100%;
	height: 224px;
	background: #ebf9ff;
	position: relative;
	display: block;
}
.banner-amount{
	position: absolute;
    right: 11rem;
    top: 30px;
    bottom: 0;
    margin: auto;
}
.banner-amount img{
	height: 10rem;
	width: auto;
}
.hideMoney{
	width: 436px;
	height: 178px;
	position: absolute;
    top: 1.3125rem;
    left: 11rem;
	text-align: left;
}
.icon-eye-white{
	padding: 3px 7px;
	border-radius: 50%;
	background: #00d2ff;
	display: inline-block;
	cursor: pointer;
}
.icon-eye-white img{
	width: 24px;
	height: 24px;
}
.hideMoney p span{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.cash-hiden{
	font-size: 1.3rem;
	color: #000000;
	font-weight: bold;
	padding: 10px 0;
	text-align: left;
}
.box-money-hide{
	width: 100%;
	height: auto;
	padding: 10px 20px;
	background: rgba(0, 210, 255, .08);
	text-align: left;
	border-radius: 10px;
	display: block;
}
.list{
	padding: 5px 20px;
}
.item-lish{
	width: 100%;
	height: auto;
	border: 1px solid #e1e2e5;
	border-radius: 15px;
	padding: 10px;
	margin: 10px auto;
	display: block;
}
.contain-item{
	padding: 5px 0;
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 0 auto;
	display: block;
}
.MarginBox{
	padding: 0 5px;
}
.MarginBox span{
	margin: 0 10px;
	vertical-align: middle;
}
.MarginBox span.icon-star{
	width: 18px;
	height: 18px;
	background: url("../images/wallet/star.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.MarginBox span.star-action{
	width: 18px;
	height: 18px;
	background: url("../images/wallet/start_select.svg") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.MarginBox span.calu{
	width: 18px;
	height: 18px;
	background: url("../images/wallet/SettlementCurrency.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.MarginBox span.calu-action{
	width: 18px;
	height: 18px;
	background: url("../images/wallet/SettlementCurrency_select.png") no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}
.name-currency p span{
	margin: 0 5px;
}
.header-exchange{
	width: 100%;
	padding: 10px;
}
.header-exchange p{
	font-weight: bold;
    text-align: left;
}
.header-exchange p span{
	margin: 0 2px;
	font-size: 0.8rem;
	font-weight: 400;
}
.container-exchange{
	border: 1px solid #e1e2e5;
	border-radius: 15px;
	overflow: hidden;
}
.header-contain-ex{
	width: 100%;
	height: auto;
	padding: 5px 0;
	background: #f5f6f7;
	display: block;
}
.cen{
	width: 100%;
	height: auto;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	display: flex;
}
.cen p, .fl{
	flex: 1;
}
.fl p{
	padding: 10px 0;
}
.fl p span{
	margin: 0 5px;
}
.exchange{
	padding: 0 20px;
}
.b{
	font-weight: bold;
}
.btn-block{
	width: 100%;
	height: auto;
}
.login-regi{
	width: 100%;
	height: auto;
	padding: 0 5px;
}
.logo-pc a img{
	padding: 10px 20px;
	width: 90%;
	height: auto;
}
/**************   footer *************************/
/* line 189, style.scss */
.bg-footers {
  border-top: 1px solid #ffc107; }

/* line 193, style.scss */
.footerpc {
  padding: 5px 0; }

/* line 196, style.scss */
.info-footer h3, .community h3 {
  text-align: left;
  color: #8d8f99;
  font-size: 0.9rem;
  padding: 5px 0;
  display: block; }

/* line 203, style.scss */
.info-footer ul {
  width: 100%;
  height: auto;
  display: block; }

/* line 208, style.scss */
.info-footer ul li {
  display: block;
  padding: 2px 2px;
  text-align: left; }

/* line 213, style.scss */
.info-footer ul li a {
  color: #8d8f99;
  font-size: 0.7rem; }

/* line 217, style.scss */
.community ul {
  width: 100%;
  height: auto; }

/* line 221, style.scss */
.community ul li {
  display: inline-block;
  padding: 2px;
  text-align: left; }

/* line 226, style.scss */
.community ul li a img {
  width: 40px;
  text-align: center; }

/* line 230, style.scss */
.title-section {
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 0.9rem;
  font-weight: bold;
  padding: 5px 0;
  color: #8d8f99;
  display: block; }

/* line 240, style.scss */
.networks ul {
  width: 100%;
  height: auto;
  text-align: left;
  display: block; }

/* line 246, style.scss */
.networks ul li {
  display: inline-block;
  margin: 5px; }

/* line 250, style.scss */
.networks ul li a img {
  width: 35px;
  height: auto; }

/* line 254, style.scss */
.sponsorship ul {
  width: 100%;
  height: auto;
  text-align: left;
  display: block; }

/* line 260, style.scss */
.sponsorship ul li {
  display: inline-block;
  padding: 5px 15px; }

/* line 264, style.scss */
.sponsorship ul li a img {
  height: 70px;
  width: auto; }

/**************  End footer *************************/
.pc{
	display: inline-block;
}
	.m{
		display: none !important;
	}
.lr{
	margin: 5px auto;
}
@media (max-width: 600px){
	.pc{
	display: none;
}
	.m{
		display: inline-block !important;
	}
	.title-game h1 {
    font-size: 0.9rem;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 2px;
    display: block;
}
	.title-game span {
    font-size: 0.8rem;
    color: #ffffff;
    padding: 2px;
    text-transform: uppercase;
    line-height: 18px;
    display: inline-block;
}
	.items-game div.position-absolute img{
		width: 30px;
		height: auto;
		border-radius: 0 5px 0 0;
	}
	.player span {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
}
	.userid span {
    color: #c0c4cc;
    text-transform: uppercase;
    font-size: 0.9rem;
}
	.logo a img{
		width: auto;
		height: 40px;
	}
	.container{
		padding: 0 5px;
	}
	.btn-lang span{
		vertical-align: middle;
		margin-right: 5px;
	}
	.btn-lang span img{
		width: 25px;
		height: 25px;
		vertical-align: middle;
	}
	#navCompont{
    width: 100%;
    position: fixed;
    bottom: -1px;
    left: 0;
    z-index: 1000
}

#navCompont .navList{
    padding-bottom: calc(constant(safe-area-inset-bottom));
    padding-bottom: calc(env(safe-area-inset-bottom));
    transition: all .2s linear;
    position: relative;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

#navCompont .navList:after {
    background-color: #fff
}

#navCompont .navList .item{
    box-shadow: 7px -3px 10px 0 rgba(77,77,77,.1);
    background: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--grey);
    position: relative;
    padding: 2px 0;
    height: 50px
}

#navCompont .navList .item.active{
    color: var(--textThemeColor)
}

#navCompont .navList .item img.icon{
    height: 26px
}

#navCompont .navList .item:nth-child(3) {
    border-top-left-radius: var(--98dd60b4)
}

#navCompont .navList .item.center{
    flex: initial;
    background: none;
    width: 88px;
    box-shadow: none
}

#navCompont .navList .item.center img.icon{
    width: 55px;
    position: absolute;
    height: 55px;
    top: -32px
}

#navCompont .navList .item.center .navbg{
    position: absolute;
    height: 61px;
    width: 100%;
    bottom: 0
}

#navCompont .navList.hideTabName .item .name{
    display: none
}

#navCompont .hideLogo .item:nth-child(3) {
    border-top-left-radius: 0
}

#navCompont .hideLogo .item:nth-child(2) {
    border-top-right-radius: 0
}

#HomeNavMenu{
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    top: 0;
    left: 0
}

#HomeNavMenu .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 1002
}

#HomeNavMenu .menus{
    position: fixed;
    bottom: calc(82px + constant(safe-area-inset-bottom));
    bottom: calc(82px + env(safe-area-inset-bottom));
    z-index: 1003;
    display: flex;
    justify-content: center;
    width: 100%
}

#HomeNavMenu .menus .item{
    position: relative;
    width: 55px;
    height: 55px;
    background: #f3f8ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#HomeNavMenu .menus.menus4 .item img{
    height: 29px
}

#HomeNavMenu .menus.menus4 .item:nth-child(2) {
    margin-top: -60px;
    margin-right: 24px
}

#HomeNavMenu .menus.menus4 .item:nth-child(3) {
    margin-top: -60px
}

#HomeNavMenu .menus.menus3 .item img{
    height: 29px
}

#HomeNavMenu .menus.menus3 .item:nth-child(2) {
    margin: 0 30px;
    margin-top: -60px
}

#HomeNavMenu .menus.menus2 .item{
    margin: 30px
}

#HomeNavMenu .menus.menus2 .item img{
    height: 29px
}

#HomeNavMenu .menus.menus1 .item{
    margin: 40px
}

#HomeNavMenu .menus.menus1 .item img{
    height: 29px
}

.custom-display-area .CustomNav:not(#qwer) {
    position: static;
    width: 100%;
    height: 100%
}

.custom-display-area .CustomNav:not(#qwer) .navList{
    position: absolute;
    width: calc(100% - 9px);
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px
}
.icon-more{
	padding: 5px 10px;
	float: right;
}
.right-content{
	text-align: right;
}
.icon-more img{
	width: 24px;
	height: 24px;
}
#More.header-more {
    min-width: 136px;
    width: auto;
    background-color: #333;
    opacity: .9;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    top: 50px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 100;
	display: none;
}

#More.header-more div {
    line-height: 50px;
    flex: 1;
    border-bottom: 1px solid #464646;
    display: flex;
    align-items: center;
    justify-content: center
}

#More.header-more .header-more-first {
    justify-content: flex-end;
    border-bottom: 0
}

#More.header-more .header-more-first img {
    height: 6px;
    width: 10px;
    margin-top: -5px
}

#More.header-more .header-more-item {
    color: #fff
}

#More.header-more .border-none {
    border: none
}

#More>div {
    white-space: nowrap
}
.sponsorship ul li a img {
    height: 40px;
    width: auto;
}
.networks ul li a img {
    width: 25px;
    height: auto;
}
	
}