.preload.LoginPage {
	background-image:url(LoginPage.png)
}
body {
	background-color:#000 !important;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	image-rendering:auto;
	image-rendering:optimizequality;
	image-rendering:optimize-contrast;
	-ms-interpolation-mode:nearest-neighbor
}
.gradientCover {
	width:1832px;
	height:1080px;
	position:absolute
}
#app {
	font-family:arial, Microsoft YaHei, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-align:center;
	color:#fff;
	background-color:#000;
	overflow:hidden;
	font-size:20px
}
#app.background {
	background-image:url("../images/bg.jpg");
	background-size:cover;
	background-position:center
}
#popupLayer {
	padding:0
}
.arrow-down::after {
content:"";
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid black
}
.btn {
	display:inline-block;
	font-weight:800;
	color:#212529;
	background-color:#edbe77;
	text-align:center;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	padding:0.475rem 3.0rem;
	margin:5px;
	line-height:3.0;
	border-radius:0.5rem
}
.btn:hover {
	cursor:pointer;
}
.progressBar {
	height:10px;
	width:100%;
	background-color:#8e7d64
}
.ref {
	display:block;
	width:1832px;
	height:1080px;
	background-repeat:no-repeat;
	position:absolute;
	opacity:0.5;
	pointer-events:none;
	background-size:contain
}
#topBar-target, #sideMenu-target, #topBarPopup-target, #popup-target {
	position:absolute;
	left:0px;
	top:0px
}
* {
	scrollbar-width:thin;
	scrollbar-color:#dbad6a #000
}
::-webkit-scrollbar {
width:8px
}
::-webkit-scrollbar-track {
background:transparent
}
::-webkit-scrollbar-thumb {
background:#dbad6a;
border-radius:10px
}
::-webkit-scrollbar-thumb:hover {
background:#d2a563;
border-radius:10px
}
.loginComponent #loginContent {
	padding-top:125px;
	height:955px
}
.loginComponent #QRcode {
	position:absolute;
	top:323px;
	left:390px;
	transform:scale(0.70)
}
.loginComponent #qRCodeImg {
	width:150px;
	height:150px;
	position:absolute;
	left:446px;
	top:450px;
}
.loginComponent .feedback .csBtn-wrap {
	display:inline-block
}
.loginComponent .feedback .csBtn-wrap div:nth-child(2) {
display:none
}
.loginComponent .feedback .csBtn-wrap:hover {
	cursor:pointer
}
.loginComponent .feedback .csBtn-wrap:hover div:nth-child(1) {
display:none
}
.loginComponent .feedback .csBtn-wrap:hover div:nth-child(2) {
display:block
}
.loginComponent .feedback .divider {
	display:inline-block;
	vertical-align:top;
	width:2px;
	background-color:#fced77;
	margin:5px 9px 0px 9px;
	height:35px
}
.loginComponent .feedback .contact-detail {
	display:inline-block;
	font-size:15px;
	vertical-align:top;
	margin-top:4px;
	margin-right:15px;
	letter-spacing:0.5px;
	text-align:left
}
.loginComponent .feedback .contact-detail .description {
	color:#fced77
}
.loginComponent #hotLineContainer span {
	display:inline-block;
	vertical-align:middle
}
.loginComponent #hotLineContainer .title {
	color:#FCED77;
	margin-right:7px
}
.loginComponent .declar {
	margin:13px auto 0px;
	width:689px
}
.loginComponent .declar .content {
	font-size:15px
}
.loginComponent .footer {
	width:100%;
	position:absolute;
	bottom:25px;
	height:70px;
	font-size:15px
}
.loginComponent .footer #GLC {
	/*position:absolute;
	left:1354px;*/
	bottom:0;
	text-align: right;
}
.loginComponent .footer #GLC:hover {
	cursor:pointer
}
.loginComponent .footer  .mNote {
	width:700px;
	font-size:22px;
	margin:0 auto
}
.loginComponent .footer .mInfo {
	color:#ecd996;
	width:700px;
	margin:0 auto;
	padding:5px
}
.loginComponent .footer .mInfo ul {
	list-style:none;
	margin:0;
	padding:0
}
.loginComponent .footer .mInfo ul li {
	display:inline-block;
	margin-left:50px
}
.loginComponent .footer .mInfo ul li:first-child {
	margin-left:0
}
.loginComponent .footer .mInfo #versionContainer {
	width:85px
}
.loginComponent .footer .mInfo #versionContainerLoginPage .preload {
	position:absolute
}
.loginComponent .footer .mInfo #versionContainer .versionTxt {
	left:38px;
	text-align:left;
	font-size:18px;
}
.loginComponent  #logo {
	width:400px;
	height:180px;
	margin:0 auto;
	margin-bottom:45px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center
}
.loginComponent #selectedLine {
	background-color:#d2d2d2;
	width:330px;
	height:20px;
	margin:0 auto;
	color:#888;
	text-align:center;
	padding:10px;
	font-size:18px
}
.loginComponent #selectedLine.arrow-down::after {
position:absolute;
top:10px;
right:10px;
border-bottom-color:#aaa;
border-bottom-width:15px;
border-left-width:15px;
border-right-width:15px
}
.loginComponent #selectedLine.arrow-down::after {
position:absolute;
top:13px;
right:10px;
border-top-color:#aaa;
border-top-width:15px;
border-left-width:15px;
border-right-width:15px
}
.loginComponent  #loginBtn {
	text-shadow:1px 1px 2px #323232; /*background:url(anniu.jpg);color:#fff*/
}
.  .contant {
 width: 150px;
 height: auto;
 float: right;
 position: fixed;
 bottom: 100px;
 right: inherit;
}
.pc-wx {
	width: 220px;
	height: 650px;
	float:right;
	margin-top:80px;
	background: url("/style/images/pc-wx.png") center no-repeat;
	display: block;
}
loginComponent #tryNowBtn {
	text-shadow:1px 1px 2px #969696;
	background-color:#ecd996;
	color:#000
}
.loginComponent #loginBtn, #loginBtnp, .loginComponent #tryNowBtn {
	width:330px;
	border-radius:50px;
	margin-bottom:15px
}
.loginComponent  #loginBtn:hover {
	color:#FFFF66;
}
.loginComponent #lineSelect {
	margin-bottom:20px
}
.loginComponent #lineList {
	width:100%;
	height:100%;
	position:fixed;
	height:100%;
	top:0;
	left:0;
	z-index:1
}
.loginComponent #lineList ul {
	width:350px;
	position:absolute;
	left:50%;
	top:609px;
	list-style:none;
	padding:0;
	margin:0;
	margin-left:-175px;
	font-size:18px
}
.loginComponent #lineList ul li {
	background-color:#fff;
	color:#000;
	border:1px solid #ddd;
	padding:10px 0;
	cursor:pointer
}
.loginComponent #langSelect {
	position:absolute;
	top:-80px;
	left:1576px;
	cursor:pointer
}
.loginComponent #langSelect #selectedLang {
	width:180px;
	height:24px;
	background-color:rgba(0, 0, 0, 0.3);
	font-weight:bold;
	font-size:18px;
	position:relative;
	padding:8px 0
}
.loginComponent #langSelect #selectedLang .flag {
	position:absolute;
	top:8px;
	left:20px
}
.loginComponent #langSelect #selectedLang .langName {
	width:130px;
	margin-left:45px
}
.loginComponent #langSelect #selectedLang:hover {
	background-color:rgba(0, 0, 0, 0.5)
}
.loginComponent #langSelect #selectedLang.arrow-down::after {
position:absolute;
top:15px;
right:10px;
border-bottom-color:#fff;
border-bottom-width:10px;
border-left-width:10px;
border-right-width:10px
}
.loginComponent #langSelect #selectedLang.arrow-down::after {
position:absolute;
top:15px;
right:10px;
border-top-color:#fff;
border-top-width:10px;
border-left-width:10px;
border-right-width:10px
}
.loginComponent #langSelect #langList {
	position:fixed;
	top:0;
	left:0;
	/*width:100%;
	height:100%*/
}
.loginComponent #langSelect #langList ul {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	/*top:65px;
	left:1610px*/
}
.loginComponent #langSelect #langList ul li {
	cursor:pointer;
	background-color:rgba(0, 0, 0, 0.3);
	padding:8px 0;
	position:relative;
	width:180px;
	font-weight:bold;
	font-size:18px
}
.loginComponent #langSelect #langList ul li .flag {
	position:absolute;
	top:8px;
	left:20px;
	pointer-events:none
}
.loginComponent #langSelect #langList ul li .langName {
	width:130px;
	margin-left:45px;
	pointer-events:none
}
.loginComponent #langSelect #langList ul li:hover {
	background-color:rgba(0, 0, 0, 0.5)
}
.loginComponent .ref {
	display:none;
	background-image:url(http://www.aabbbgg88.net/style/atlas/ref_login.png);
	top:0;
	left:5px
}
.ref {
	display:none;
	background-image:url(http://www.aabbbgg88.net/style/atlas/ref_betStatisticDetail.png);
	top:0;
	left:0
}
.hide {
	display:none !important
}
.hide {
	display:none !important
}
.hide {
	display:none !important
}
#enteringBanner.hide {
	opacity:0;
	visibility:hidden;
	height:0
}
#enteringBanner .enteringText {
	margin-top:14px;
	font-size:22px;
	color:#8e7d64
}
#enteringBanner .bestConnectionTxt {
	font-size:22px;
	color:#8e7d64;
	margin:10px
}
#enteringBanner .lineSelection {
	font-size:22px
}
#enteringBanner .infoContainer {
	color:#8e7d64;
	position:absolute;
	left:1250px;
	top:1003px;
	font-size:22px;
	text-align:left
}
#enteringBanner .infoContainer .platformIcon {
	position:absolute;
	top:15px
}
#enteringBanner .infoContainer .browserInfo {
	position:absolute;
	left:40px;
	width:400px
}
#enteringBanner .infoContainer .gameInfo {
	position:absolute;
	top:25px;
	left:40px;
	width:200px
}
#progressBarWrap {
	position:absolute;
	width:600px;
	top:1033px;
	left:616px
}
#progressBarWrap .progressBar {
	height:5px;
	width:100%;
	background-color:#8e7d64
}
.ref {
	display:none;
	background-image:url(http://www.aabbbgg88.net/style/atlas/ref_loading.png);
	top:0;
	left:0
}
.hide {
	display:none !important
}
.hide {
	display:none !important
}
@font-face {
font-family:'swiper-icons';
src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
font-weight:400;
font-style:normal
}
:root {
--swiper-theme-color: #007aff
}