.body {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background: #e8e9ed;
	background-size: 100% 100%;
	display: block
}

.wrraper {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

.top-header {
	width: 100%;
	height: 22px;
	text-align: center;
	margin: 0 auto;
	background: #d79ee5;
	display: block
}

.w-1200 {
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

.date-time {
	float: right;
	padding: 5px 0
}

.date-time ul li span {
	color: hsla(0, 0%, 100%, 0.6)
}

.announ {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
	position: absolute;
	z-index: 100
}

.control-marq {
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	padding: 0 10px 0 18px;
	margin-top: 15px;
	border-radius: 20px;
	background-image: linear-gradient(180deg, #060606 14%, #3c3c3c 74%, #424242 98%);
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 90%);
	position: relative
}

.icon-notice img {
	display: block;
	position: relative;
	width: 53px;
	height: 63px;
	top: 4px
}

.marqu {
	height: 100%;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 1200px
}

.marqu marquee {
	color: #fff;
	padding: 15px 0;
	font-weight: 500;
	display: block;
	margin-right: 75px
}

.cont {
	background-size: 1920px 1772px
}
.right-announ {
	line-height: 26px;
	margin-left: 10px;
	font-size: 14px;
	text-align: center;
	border-radius: 13px;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s;
	position: absolute;
	right: 10px
}

.bg-sport-sponsor {
	transition: transform 0.2s;
	width: 154px;
	height: 178px;
	margin: 0 auto;
	background: url("../images/home/item@2x.png");
	background-repeat: no-repeat;
	background-size: cover
}

.item-sport-sport-sponsor {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block
}

.item-sport-sport-sponsor img {
	width: 100%;
	height: auto;
	max-width: 72px;
	text-align: center;
	margin: 0 auto;
	padding: 8px 0;
	padding-top: 30px;
	display: block
}

.bg-sport-sponsor a {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	overflow: hidden
}

.bg-sport-sponsor:hover {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.sport-sponsor ul li {
	display: inline-block;
	margin: 15px 7px
}

._35D_yTxHnkqvkh9xlymzI8 ._3jRfaMirzOquqe6sP9Iqt_ {
	margin-top: 110px
}

._39FQ6SzCYXyBh-XEXoVlkd {
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

._39FQ6SzCYXyBh-XEXoVlkd ._3hiWOTXAu2FFxThHnNQRG0 {
	text-align: center
}

._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #424a66
}

._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy:after,
._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy:before {
	content: "";
	display: block;
	position: absolute;
	width: 480px;
	height: 21px;
	top: 40px;
	background-size: cover
}

._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy:before {
	left: 0;
	background-image: url("../images/home/titleset-left@2x.png");
	background-repeat: no-repeat
}

.webpa ._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy:before {
	background-image: url("../images/home/titleset-left@2x.png")
}

._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy:after {
	right: 0;
	background-image: url("../images/home/titleset-right@2x.png");
	background-repeat: no-repeat
}

.webpa ._39FQ6SzCYXyBh-XEXoVlkd ._12RyE1JwMqGKfOyhELJjPy:after {
	background-image: url("../images/home/titleset-right@2x.png")
}

._39FQ6SzCYXyBh-XEXoVlkd ._2fPVyRDWs0_ePwzqNpN1dE {
	margin-top: 10px;
	color: #67718f;
	font-size: 14px
}

._3o1Q1F65f6kkpUxg_RWi3R {
	position: relative;
	display: flex
}

._2v19Pmp731giWNyxuc-uL9 {
	margin-top: 11px;
	justify-content: flex-end
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo {
	position: relative;
	font-size: 18px
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo li {
	float: left;
	display: flex;
	display: -webkit-box;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px;
	text-align: center;
	background-size: cover;
	cursor: pointer
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._1WWvLY57b0fzdq7M69aetI {
	color: #fff;
	background-image: url(../images/home/primary-medium-txt-normal@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._1WWvLY57b0fzdq7M69aetI span {
	color: #000;
	font-weight: bold
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo .color2 span {
	color: #8e9bb5;
	font-weight: bold
}

.webpa ._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._1WWvLY57b0fzdq7M69aetI {
	background-image: url(../images/home/primary-medium-txt-normal@2x.png)
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo li ._3AyALCWYhdXBcpL0qjjSTL {
	display: block;
	width: 28px;
	height: 28px;
	background-image: url(../images/home/sprite.png);
	background-repeat: no-repeat;
	background-size: 530px 44px;
	margin-right: 14px
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._2vr9Ec7RjtIWIeccvlJSfP:before {
	content: "";
	z-index: -1;
	top: 0;
	display: block;
	width: 160px;
	height: 50px;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	background-image: url(../images/home/primary-medium-new-selected.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #8e9bb5
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._2vr9Ec7RjtIWIeccvlJSfP:before span {
	color: #8e9bb5
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._2vr9Ec7RjtIWIeccvlJSfP:before {
	-webkit-animation: _1N51O3eN1y9FCnYYWDi4ya 0.35s ease-out forwards;
	animation: _1N51O3eN1y9FCnYYWDi4ya 0.35s ease-out forwards
}

.webpa ._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._2vr9Ec7RjtIWIeccvlJSfP:before {
	background-image: url(../images/home/primary-medium-new-selected.png)
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo li ._3AyALCWYhdXBcpL0qjjSTL {
	display: block;
	width: 38px;
	height: 34px;
	background-image: url(../images/home/sprite.png);
	background-repeat: no-repeat;
	background-size: 495px 44px;
	margin-right: 4px;
	margin-left: 10px;
	margin-top: 6px
}

.webpa ._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo li ._3AyALCWYhdXBcpL0qjjSTL {
	background-image: url(../images/home/sprite.png)
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo:after {
	content: "";
	display: block;
	clear: both
}

._39FQ6SzCYXyBh-XEXoVlkd ._2BFd7Fn_pEHI6xOkLr9H0f {
	margin: 33px 0 6px;
	padding: 44px 0;
	border-radius: 25px;
	overflow: visible;
	box-shadow: 0 8px 12px 0 rgba(27, 157, 252, 0.5)
}

._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv {
	position: relative;
	top: 1px;
	width: 100%;
	background-image: url(../images/home/itembox-background-central@2x.png);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	background-size: 100% 100%;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	box-sizing: border-box
}

.webpa ._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv {
	background-image: url(../images/home/itembox-background-central@2x.png)
}

._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv:after,
._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 44px;
	left: 0;
	background-size: 100% 100%
}

._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv:before {
	top: -44px;
	background-image: url(../images/home/itembox-background-top@2x.png);
	background-repeat: no-repeat
}

._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv ._35Xpjwj3NlrWPP6yMoB7Rn {
	width: 600px;
	height: 44px;
	position: absolute;
	top: -85px;
	left: 110px;
	background-image: url(../images/home/title-box-bg@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 30px
}

._39FQ6SzCYXyBh-XEXoVlkd ._2bcj8B3qmHnejxgTdIwtmv .mBs3RpoaO_Ga5O5PRrDJx {
	position: relative;
	width: 100%;
	height: 100%
}

._1eH95T2TDJxPBjQztK1O6q {
	top: -20px;
	z-index: 9;
	display: flex;
	display: -webkit-box;
	justify-content: center;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0, 0)
}

._1eH95T2TDJxPBjQztK1O6q * {
	font-family: DINPro
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf {
	width: 823px
}

._1eH95T2TDJxPBjQztK1O6q * {
	font-family: DINPro
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- {
	width: 720px
}

._1eH95T2TDJxPBjQztK1O6q * {
	font-family: DINPro
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- .CthEW0jkXjbV4a4Ob0Zvb ._2BIEWYsBkRQ0PEU4Uw7czI {
	padding-right: 60px;
	text-align: right;
	background-position: 100%
}

._1eH95T2TDJxPBjQztK1O6q * {
	font-family: DINPro
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- .CthEW0jkXjbV4a4Ob0Zvb .Ej50HrXx75D-b3itMXJl8 {
	padding: 0 18px;
	min-width: 87px;
	height: 50px;
	line-height: 50px;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	color: #424a66
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- .CthEW0jkXjbV4a4Ob0Zvb ._2BIEWYsBkRQ0PEU4Uw7czI,
._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- .CthEW0jkXjbV4a4Ob0Zvb ._2oeoUulRTobhifIwmrUMLK {
	color: #414755;
	flex: 1;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 700;
	color: #6a7391;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- .CthEW0jkXjbV4a4Ob0Zvb ._2oeoUulRTobhifIwmrUMLK {
	text-align: left;
	padding-left: 60px;
	background-position: 0
}

._1eH95T2TDJxPBjQztK1O6q * {
	font-family: DINPro
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV {
	height: 480px;
	margin-top: 30px;
	width: 802px;
	position: relative
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV ._2q1qCXo5vOHmsLCMj6z693 {
	display: none;
	cursor: pointer;
	width: 124px;
	position: absolute;
	top: 14px;
	left: 14px
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV ._2q1qCXo5vOHmsLCMj6z693 ._30EUIkBujidP6A0_pEDj1u {
	position: relative;
	width: 124px;
	height: 28px;
	line-height: 27px;
	opacity: 0.8;
	border-radius: 4px;
	border: 1px solid hsla(0, 0%, 100%, 0.15);
	background-color: #414755;
	padding-left: 10px;
	font-size: 12px;
	color: #fcfef8
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV ._2q1qCXo5vOHmsLCMj6z693 ._1zjRAjhrzyf5WErGaOk-ag {
	display: none;
	position: relative;
	border-radius: 2px;
	margin-top: 6px
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV ._2q1qCXo5vOHmsLCMj6z693 ._1zjRAjhrzyf5WErGaOk-ag li {
	background-color: #414755;
	opacity: 0.8;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fcfef8;
	font-size: 12px
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV ._2q1qCXo5vOHmsLCMj6z693 ._1zjRAjhrzyf5WErGaOk-ag li._1qvb-gRg-5bCY7GW09h0Qm,
._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV ._2q1qCXo5vOHmsLCMj6z693 ._1zjRAjhrzyf5WErGaOk-ag li:hover {
	color: #fff
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV .Iu21FHoyDubtKiAC_voQG {
	position: absolute;
	right: 14px;
	top: 14px;
	display: flex;
	display: -webkit-box;
	justify-content: center;
	align-items: center
}

._1eH95T2TDJxPBjQztK1O6q ._1Y6fnQjI729_EJMpz9E-Xf ._3LG6McOfbxnHXIFZF6DXY- ._1HVu88qW56o5gzIyG-ruV .Iu21FHoyDubtKiAC_voQG ._1x8CiC-Ez5YBTFXctNkxGQ {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url(https://webstatic.0am08m.com/assets/v4_home/living/living_icon/out/img/sprite.png?version=1588542924266);
	background-repeat: no-repeat;
	background-size: 58px 24px;
	background-position: -12px 0
}

._3jRfaMirzOquqe6sP9Iqt_ {
	margin-top: 110px
}

._35D_yTxHnkqvkh9xlymzI8,
._3mkT8dNSA-cHTjX1bPs_d-,
.part2 {
	position: relative;
	display: flex;
	display: -webkit-box;
	height: 100%;
	z-index: 1
}

._35D_yTxHnkqvkh9xlymzI8,
._3mkT8dNSA-cHTjX1bPs_d-,
.part2 {
	position: relative;
	width: 600px;
	display: flex;
	display: -webkit-box;
	height: 100%;
	float: left;
	z-index: 1
}

._35D_yTxHnkqvkh9xlymzI8,
._1C6r4yc4WP7v3wTsbrHEcz {
	position: relative;
	display: flex;
	height: 100%;
	z-index: 1
}

ul.tab {
	overflow: hidden
}

ul.tab li {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	background: url("../images/home/primary-medium-txt-normal@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative
}

ul.tab li span {
	width: 38px;
	height: 44px;
	margin-right: 4px;
	position: relative;
	top: 8px;
	background: url(../images/home/sprite.png);
	background-repeat: no-repeat;
	background-size: 530px 44px
}

ul.tab li span.sports {
	background-position: -451px 0px !important
}

ul.tab li span.casinos {
	background-position: -145px 0px !important
}

ul.tab li span.lotterys {
	background-position: -297px 0px !important
}

ul.tab li span.slots {
	background-position: -375px 0px !important
}

ul.tab li span.poker {
	background-position: -74px 0px !important
}

ul.tab li.active {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 50px;
	line-height: 50px;
	margin-right: 12px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	background: url(../images/home/primary-medium-new-selected.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative
}

ul.tab li.active span {
	width: 38px;
	height: 44px;
	margin-right: 4px;
	position: relative;
	top: 5px;
	background: url(../images/home/sprite.png);
	background-repeat: no-repeat;
	background-size: 530px 44px
}

ul.tab li.active span.sports {
	background-position: -486px 0px !important
}

ul.tab li.active span.casinos {
	background-position: -182px 0px !important
}

ul.tab li.active span.lotterys {
	background-position: -339px 0px !important
}

ul.tab li.active span.slots {
	background-position: -411px 0px !important
}

ul.tab li.active span.poker {
	background-position: -106px 0px !important
}

.tabcontent {
	display: none;
	padding: 5px 12px;
	border-top: none
}

.item-game-images-home img {
	width: auto;
	height: 400px;
	text-align: center;
	padding: 0px 5px;
	display: block;
	margin: auto
}

.item-info {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

.item-info h3 {
	font-size: 45px;
	color: #1c9ffe;
	text-align: left;
	display: block
}

.item-info p {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: justify;
	font-size: 14px;
	color: #67718f;
	padding: 20px 30px 20px 0px;
	line-height: 30px;
	display: block
}

.footer-item-info-game {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

.btn-play {
	width: 160px;
	height: 50px;
	background: url("../images/home/primary-medium-txt-normal@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.btn-play:hover {
	width: 160px;
	height: 50px;
	background: url("../images/home/primary-medium-new-selected.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.btns {
	padding: 1.1rem 0.75rem !important
}

.footer-item-info-game ul {
	width: 100%;
	height: auto;
	text-align: left;
	margin-left: 10px;
	display: block
}

.footer-item-info-game ul li {
	width: 58px;
	height: 58px;
	display: inline-block;
	margin: 10px;
	background: url("../images/home/game/spec-normal-new@2x.png");
	background-repeat: no-repeat;
	border-radius: 12.7px;
	vertical-align: middle;
	background-size: 100% 100%;
	position: relative
}

.footer-item-info-game ul li:hover {
	width: 58px;
	height: 58px;
	position: relative;
	display: inline-block;
	background: url("../images/home/game/spec-selected-new@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 12.7px;
	z-index: 1;
	transform: translate3d(-50%, 0, 0);
	-webkit-animation: scaleani 0.5s ease forwards;
	animation: scaleani 0.5s ease forwards
}

.footer-item-info-game ul li a img {
	width: 100%;
	max-width: 50px;
	text-align: center;
	margin: 0 auto;
	padding: 16px 0;
	display: block
}

.sport-home {
	position: absolute;
	bottom: -22px;
	left: 69%;
	transform: translate(-50%);
	color: #000000;
	font-size: 0.9rem;
	width: 79px
}

.slider {
	width: 100%;
	padding-top: 107px;
	height: auto;
	background: url("../images/main-background@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.service ul li {
	width: 235px;
	height: 270px;
	padding-top: 35px;
	text-align: center;
	background-image: url("../images/home/itembox-background-stroke@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.item-service {
	position: relative;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-image: url("../images/home/image-table@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.item-ser {
	position: relative;
	height: 100%;
	line-height: 130px
}

.item-ser span {
	font-size: 32px;
	color: #ffffff
}

.service ul li {
	display: inline-block;
	margin: 10px 15px
}

.ser-cn {
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #424a66
}

.ser-en {
	width: 124px;
	line-height: 1.4;
	margin: 10px auto;
	font-size: 12px;
	color: #67718f
}

.infor-service {
	position: relative;
	margin-top: 30px
}

.infor-service ul li {
	float: left;
	position: relative;
	align-items: center;
	width: 540px;
	margin-bottom: 30px;
	display: inline-block;
	margin-right: 20px
}

.item-info-s img {
	width: 107px;
	height: 107px
}

.title-info {
	font-weight: 700;
	font-size: 16px;
	color: #424a66;
	text-align: left
}

.detail {
	line-height: 1.6;
	margin-top: 10px;
	font-size: 14px;
	color: #a9adba;
	text-align: left
}

.infor-service {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	display: block
}

.infor-service ul {
	width: 100%;
	height: auto;
	text-align: center;
	margin-left: 50px;
	display: block
}

.footer-page {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	background: linear-gradient(to bottom,#1c1a1a 0%,#222121 50%,#222121 51%,#1c1a1a 100%)!important;
	padding: 15px 0;
	display: block
}

.provider {
	padding: 15px 0;
	border-bottom: 1px solid #fff
}

.info-footer {
	display: flex;
	justify-content: center;
	line-height: 1.4;
	text-align: center;
	padding: 0 130px;
	margin-top: 18px;
	font-size: 14px;
	color: #fff
}

.nav-footer {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

.nav-footer ul {
	padding: 20px 0
}

.nav-footer ul li {
	display: inline-block;
	padding: 15px 4px
}

.nav-footer ul li a {
	ustify-content: center;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase
}

.nav-footer ul li:hover>a {
	ustify-content: center;
	color: #fff;
	font-size: 14px
}

.bo a {
	border-right: 1px solid #fff;
	padding: 0px 20px
}

.copy-sd {
	margin-top: 27px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	display: block
}

.menu ul {
	display: flex;
	align-items: center;
	height: 100%
}

.menu ul li a {
	font-size: 14px
}

.menu ul li>a {
	position: relative;
	display: block
}

.menu ul.hdo li {
	display: inline-block;
	flex: 1;
	color: #fff;
	position: relative;
	cursor: pointer
}

.menu ul.hdo li>a {
	height: 100%;
	line-height: 85px;
	color: #444c64;
	cursor: pointer;
	font-weight: 700;
	text-transform: capitalize;
	white-space: nowrap;
	transition: all 0.2s ease
}

.yuyan {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 14px;
	cursor: pointer;
	margin: 4px 2px
}

.lang-en {
	background-image: url(../images/en.png)
}

.lang-cn {
	background-image: url(../images/cn.png)
}

.lang-tw {
	background-image: url(../images/tw.png)
}

.lang-th {
	background-image: url(../images/th.png)
}

.lang-id {
	background-image: url(../images/id.png)
}

.lang-ph {
	background-image: url(../images/ph.png)
}

.menu ul.hdo li>a>i {
	position: absolute;
	top: 50%;
	margin-left: 4px;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-image: url(../images/sprite-dra.png);
	background-repeat: no-repeat;
	background-size: 100px 24px;
	background-position: -78px 0;
	transition: transform 0.3s ease
}

.menu ul.hdo li:hover i {
	background-position: -90px 0;
	transform: translateY(-50%) rotate(-180deg);
	transform-origin: center center
}

.items-sub-nav p {
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	font-weight: 600;
	color: #6a7391
}

.items-sub-nav h3 {
	font-size: 14px;
	font-weight: 500;
	color: #959cb2;
	height: 18px;
	line-height: 18px
}

.menu ul.hdo li a {
	color: #444c64
}

.menu ul.hdo li:hover {
	color: #d3b797
}

ul.menu-nu li:hover:after,
ul.menu-nu li.active:after {
	left: 5% !important;
	width: 84% !important
}

ul.menu-nu>li:after,
ul.menu-nu>li.active:after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transition: all 0.2s
}

.menu-nu ol li:hover>a,
.menu-nu ol li.active>a {
	color: #720891
}

.nav-drop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding-top: 90px;
	padding-bottom: 40px;
	background-color: #fff;
	-webkit-transition: opacity 0.8s ease, -webkit-transform 0.5s ease;
	transition: opacity 0.8s ease, -webkit-transform 0.5s ease;
	transition: transform 0.5s ease, opacity 0.8s ease;
	transition: transform 0.5s ease, opacity 0.8s ease, -webkit-transform 0.5s ease;
	z-index: 1;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	background-image: url(../images/background-frop.png);
	background-size: cover;
	background-position: top;
	overflow: visible
}

.nav-ol {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	box-shadow: 0 6px 19px 0 rgb(102 102 102 / 27%)
}

.nav-drop .navCard_secondNavView__16hF8 {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	/*display: -webkit-flex;
	display: flex;*/
	-webkit-justify-content: space-between;
	justify-content: space-between;
	overflow: visible
}

.sports_centerView__1T-uH {
	width: 1050px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center
}

.sports_centerView__1T-uH .sports_itemView__3Q_4x {
	cursor: pointer;
	width: 350px;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative
}

.sports_centerView__1T-uH .sports_itemView__3Q_4x:hover .sports_imgIcon__2pb48 {
	-webkit-transform: scale(1.1) translateZ(0);
	transform: scale(1.1) translateZ(0)
}

.sports_centerView__1T-uH .sports_itemView__3Q_4x .sports_imgIcon__2pb48 {
	width: 190px;
	height: 190px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: 26px
}

.image_imageContainer__2dKjX.image_contain__BN28f {
	background-size: contain;
	position: relative
}

.sports_centerView__1T-uH .sports_itemView__3Q_4x:hover .sports_imgIcon__2pb48 img {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.sports_contentView__16g6m {
	width: 150px;
	position: relative
}

.sports_contentView__16g6m .sports_venueInfo__snYl7 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 46px 0 20px;
	-webkit-flex-direction: column;
	flex-direction: column
}

.sports_contentView__16g6m .sports_venueInfo__snYl7 .sports_tags__3Ocp0 {
	height: 25px;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 4px;
	width: 100%
}

.sports_contentView__16g6m .sports_venueInfo__snYl7>div {
	display: -webkit-flex;
	display: flex
}

.sports_contentView__16g6m .sports_venueInfo__snYl7>div .sports_infoView__1T7qV {
	-webkit-flex: 1 1;
	flex: 1 1;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column
}

.sports_contentView__16g6m .sports_venueInfo__snYl7>div .sports_infoView__1T7qV .sports_venueCn__ikxYV {
	position: relative;
	line-height: 21px;
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: 600;
	color: #000000
}

.sports_contentView__16g6m .sports_venueInfo__snYl7>div .sports_infoView__1T7qV .sports_venueEn__i1xpW {
	line-height: 16px;
	font-size: 12px;
	color: #000000;
	white-space: nowrap
}

.logoBg_logoBgView__GAdTa img {
	width: 44px;
	height: auto
}

.button_buttonView__17C03 {
	width: 106px;
	height: 34px;
	border-radius: 17px;
	box-shadow: 0 2px 4px 0 rgb(93 167 235 / 80%);
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	background-size: 100% 100%
}

.sports_rightView__3sOyF {
	width: 120px
}

.sports_rightView__3sOyF img {
	height: 274px
}

.sponsor_centerView__39mkx {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie,
.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_contentView__3eVHK {
	width: 400px;
	display: flex;
	justify-content: center;
	align-items: center
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_contentView__3eVHK {
	flex-direction: column
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie,
.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_contentView__3eVHK {
	width: 400px;
	display: flex;
	justify-content: center;
	align-items: center
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_titleView__ktvUx {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px
}

.logoBg_logoBgView__GAdTa {
	width: 50px;
	height: 50px;
	flex: 0 0 auto;
	margin-right: 8px;
	border-radius: 10.9px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: rgb(112 146 215 / 14%) 0px 3px 7px 0px;
	background-size: contain
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_titleView__ktvUx .sponsor_logoIcon__2MckV {
	width: 43px;
	height: auto
}

.logo {
	padding: 6px 0
}

.logo img {
	width: 100%;
	max-width: 108px;
	height: auto
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_titleView__ktvUx .sponsor_infoView__UDN5e {
	color: rgb(108, 123, 168);
	margin-bottom: 6px
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_titleView__ktvUx .sponsor_infoView__UDN5e .sponsor_nameText__1iLMx {
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 2px;
	display: block;
	color: rgb(108, 123, 168)
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_titleView__ktvUx .sponsor_infoView__UDN5e .sponsor_titleText__3tc8R {
	font-size: 12px;
	color: rgb(108, 123, 168)
}

.sponsor_centerView__39mkx .sponsor_itemView__1Ufie .sponsor_contentView__3eVHK .sponsor_imgIcon__NGtrv {
	width: 348px;
	height: 210px;
	transition: all 0.2s ease 0s
}

.nav {
	width: 100%;
	height: auto;
	text-align: center;
	background: linear-gradient(to bottom,#1c1a1a 0%,#2a2a2a 50%,#2a2a2a 51%,#1c1a1a 100%)!important;
	margin: 0 auto;
	display: block
}

.header {
	width: 100%;
	height: 110px;
	text-align: center;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom,#1c1a1a 0%,#2a2a2a 50%,#2a2a2a 51%,#1c1a1a 100%)!important;
	display: block;
	z-index: 999999999;
	box-shadow: 0 2px 4px 0 rgb(203 206 216 / 20%)
}

.mid-autumn {
	position: relative;
	height: 107px
}

.items-sub-nav {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	display: block
}

.items-sub-nav:hover {
	background-image: linear-gradient(#f1f5fd, #ffffff)
}

.item-sub-casino {
	width: 100%;
	height: 170px;
	background-image: url("../images/home/spec-normal-new@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.item-sub-casino:hover {
	width: 100%;
	height: 170px;
	background: url("../images/home/spec-selected-new@2x.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.icon-sub-casino {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	display: block
}

.icon-sub-casino img {
	width: auto;
	height: 80px;
	margin-top: 24px
}

.item-sub-casino p {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	padding-bottom: 25px;
	display: block
}

.item-sub-casino p span {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin: 0 auto;
	color: #323d57;
	padding: 15px 0
}

.contain {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	display: block
}

.main-sport {
	width: 100%;
	height: auto;
	min-height: calc(100vh - 210px);
	background-image: url("../images/casino/background@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.main-casino {
	width: 100%;
	height: auto;
	padding-top: 100px;
	min-height: calc(100vh - 210px);
	background-image: url("../images/casino/background@casinox.png");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.lobby-casino ul {
	position: relative;
	width: 1200px;
	height: 854px;
	padding-top: 100px;
	box-sizing: border-box;
	margin: auto
}

.lobby-casino ul li {
	position: relative;
	display: flex
}

.item-01 {
	width: 854px;
	height: 754px;
	position: relative;
	left: -70px
}

.object-01 {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 20px;
	width: 468px;
	animation: 0.7s ease 0s 1 normal forwards running n7_oK
}

.object-02 {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	left: -70px;
	bottom: 0px;
	width: 854px;
	animation: 0.7s ease 0s 1 normal forwards running n7_oS
}

.object-03 {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 800px;
	height: 600px;
	bottom: 130px;
	left: -40px;
	animation: 1s ease 0s 1 normal forwards running n7_oY
}

.item-02 {
	width: 484px;
	position: relative;
	margin-top: 100px
}

.info-games-h img {
	width: 250px
}

.detail-games {
	ine-height: 1.4;
	margin-top: 20px;
	font-size: 14px;
	color: rgb(106, 115, 145)
}

.item-sport-icon {
	width: 484px !important;
	margin-top: 20px
}

.play-btn,
.play-btn-en,
.play-btn-th {
	width: 160px;
	height: 50px;
	line-height: 63px;
	text-align: center;
	margin-top: 20px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	background-image: none !important;
	transition: all 0.2s ease 0s
}

.play-btn-th::before {
	content: "";
	z-index: -1;
	top: 0px;
	display: block;
	width: 180px;
	height: 66px;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url("../images/home/primary-medium-txt-normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.play-btn-en::before {
	content: "PLAY NOW";
	z-index: -1;
	top: 0px;
	display: block;
	width: 180px;
	height: 66px;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url("../images/home/primary-medium-txt-normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.play-btn::before {
	content: "";
	z-index: -1;
	top: 0px;
	display: block;
	width: 180px;
	height: 66px;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url("../images/home/primary-medium-txt-normal@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	line-height: 58px
}

.games-tab {
	margin-top: 40px
}

.t-control {
	position: relative
}

.t-control ul {
	display: flex
}

.t-control ul li {
	position: relative;
	text-align: center;
	cursor: pointer;
	margin-right: 5px
}

.control-tabs {
	width: 90px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	background-size: 100% 100%;
	background-image: none !important;
	position: relative;
	z-index: 1
}

ul.tab-games-all li {
	width: 110px;
	height: 113px;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url("../images/home/spec-normal-new@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

ul.tab-games-all li:hover,
ul.tab-games-all li.cur {
	width: 110px;
	height: 113px;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url("../images/home/spec-selected-new@2x.png");
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.logo-game {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 27px 0;
	display: block
}

.games-active {
	width: 101px;
	height: 113px;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url("../images/home/spec-selected-new@2x.png") !important;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.logo-game img {
	width: 66px
}

.title-game-product {
	width: 100% !important;
	position: absolute;
	bottom: -15px;
	left: 1px;
	height: auto;
	font-size: 14px;
	display: block;
	text-transform: uppercase
}

.webpa {
	background: none
}

.info-games-h {
	text-align: left
}

.object-casino-01 {
	position: absolute;
	top: 24px;
	left: 123px;
	z-index: 1;
	animation: 5s ease 0s infinite normal none running uQ_uv
}

.object-casino-02 {
	position: absolute;
	top: 25px;
	right: 104px;
	z-index: 1;
	animation: 5s ease 0s infinite normal none running uQ_uz
}

.object-casino-03 {
	position: absolute;
	top: 229px;
	left: -33px;
	z-index: 1;
	width: 121px;
	animation: 5s ease 0s infinite normal none running uQ_un
}

.object-casino-04 {
	position: absolute;
	top: 405px;
	left: -36px;
	z-index: 1;
	width: 66px;
	animation: 5s ease 0s infinite normal none running uQ_ur
}

.object-casino-05 {
	width: 515px
}

.tab-casino {
	margin-top: -224px;
	padding-bottom: 50px
}

.games-active {
	width: 101px;
	height: 113px;
	transform: translate3d(-50%, 0px, 0px);
	background-image: url(../images/home/spec-normal-new@2x.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.info-games-h h3 {
	font-size: 45px;
	color: #0294ff;
	text-align: left;
	text-transform: uppercase
}

.item-poker-lobby {
	width: 854px;
	height: 754px;
	position: relative;
	left: -70px
}

.item-poker-lobby img {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 20px;
	width: 468px;
	animation: 0.7s ease 0s 1 normal forwards running n7_oK
}

.main-lottery {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 210px);
	background-image: url("../images/lottery/background.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.lobby-page {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	display: block
}

.lobby-page ul {
	position: relative;
	height: 854px;
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 97px
}

.lobby-page ul li {
	height: 100%;
	position: relative;
	display: flex;
	justify-content: space-between
}

.item-game-page {
	width: 595px;
	height: 100%;
	padding-left: 25px;
	transform-origin: bottom;
	-webkit-animation: AMn_mj 1s forwards;
	animation: AMn_mj 1s forwards
}

.banner-game {
	position: relative
}

.banner-game-h {
	position: absolute;
	left: 50%;
	top: 20px;
	transform: translate(-50%)
}

.banner-game-h img {
	-webkit-animation: AMn_mU 0.7s forwards;
	animation: AMn_mU 0.7s forwards;
	width: 350px
}

.object-banner {
	position: relative
}

.object-banner-01 {
	margin-top: 110px;
	-webkit-animation: AMn_mc 0.7s forwards;
	animation: AMn_mc 0.7s forwards;
	width: 600px
}

.object-banner-02 {
	position: absolute;
	top: 190px;
	right: 50px;
	width: 66px;
	-webkit-animation: AMn_AMv 5s ease infinite;
	animation: AMn_AMv 5s ease infinite
}

.object-banner-03 {
	position: absolute;
	top: 290px;
	left: 83px;
	width: 55px;
	-webkit-animation: AMn_AMz 5s ease infinite;
	animation: AMn_AMz 5s ease infinite
}

.info-games-page {
	width: 536px;
	position: relative;
	margin-top: 47px
}

.info-games-01 {
	position: relative;
	min-height: 345px;
	-webkit-animation: AMn_m5 1s forwards;
	animation: AMn_m5 1s forwards
}

.info-games-01 h3 {
	font-size: 45px;
	text-align: left;
	color: #0294ff
}

.info-01 {
	color: #6a7391;
	line-height: 24px;
	margin-top: 20px;
	text-align: left
}

.info-02 {
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #6a7391;
	text-align: left
}

.info-games-01 img {
	height: 80px;
	text-align: left;
	display: block
}

.tab-controler {
	margin-top: 41px
}

.control-tab-lobby {
	width: 100%;
	height: auto;
	text-align: left;
	max-width: 536px;
	position: absolute;
	bottom: -12px;
	right: -125px;
	display: block
}

.login-register ul {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	display: block
}

.login-register ul li {
	display: inline-block;
	padding: 15px 5px;
	vertical-align: middle
}

.login-register ul li a {
	color: #444c64;
	font-weight: 700;
	text-transform: uppercase
}

.login-register ul li img {
	width: 100%;
	max-width: 35px;
	height: auto
}

.nav-position {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
	z-index: 10;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.login-register {
	width: 100%;
	max-width: 200px;
	height: auto;
	position: absolute;
	top: 10px;
	right: -175px
}

.slide-slot {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	display: block
}

.banner-slide-slot {
	padding-top: 117px;
	height: 500px;
	text-align: right;
	float: right
}

.title-game-slot {
	font-size: 50px;
	color: #0294ff;
	position: absolute;
	top: 166px;
	left: 100px
}

.jackports-slot {
	position: absolute;
	top: 360px;
	left: 0px;
	height: 110px;
	display: flex;
	width: 884px !important
}

.item-jackport {
	position: relative;
	display: inline-block;
	width: 75px;
	height: 110px;
	background-image: url("../images/slot/sprite.png");
	background-size: 915px 110px;
	background-repeat: no-repeat;
	background-position: -312px 0px;
	float: left
}

.numb {
	position: absolute;
	top: 3px;
	left: 12px;
	width: 60px;
	height: 90px;
	background-image: url("../images/slot/num.png");
	background-size: 60px 918px;
	overflow: hidden;
	background-repeat: repeat;
	background-position: 0px 0px;
	transition: background 1s ease 0s
}

.num-01 {
	background-position-y: -736px
}

.num-02 {
	background-position-y: -460px
}

.num-04 {
	background-position-y: -828px
}

.num-05 {
	background-position-y: 0px
}

.num-06 {
	background-position-y: -460px
}

.num-07 {
	background-position-y: -736px
}

.num-08 {
	background-position-y: -276px
}

.num-09 {
	background-position-y: -828px
}

.num-10 {
	background-position-y: -460px
}

.pioter {
	display: inline-block;
	height: 85px;
	width: 20px;
	margin-top: 7px;
	background-image: url("../images/slot/sprite.png");
	background-size: 915px 110px;
	background-repeat: no-repeat;
	background-position: -396px 0px
}

.camar {
	display: inline-block;
	height: 85px;
	width: 20px;
	margin-top: 7px;
	background-image: url("../images/slot/sprite.png");
	background-size: 915px 110px;
	background-repeat: no-repeat;
	background-position: -419px 0px
}

.num-03 {
	background-position-y: -828px
}

.slot-lobby ul {
	padding: 20px 0
}

.slot-lobby ul li {
	display: inline-block
}

.cards-list li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 377px;
	height: 348px;
	margin-top: 46px;
	margin-right: 28px;
	font-size: 1rem;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transform: rotate3d(0, 180, 0, 180deg);
	transform: rotate3d(0, 180, 0, 180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.cards-list li:hover .cards-btn {
	visibility: visible;
	opacity: 1
}

.cards-list li:hover .cards-btn .cards-btn-icon,
.cards-list li:hover .cards-btn span {
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}

.cards-list li:hover .cards-title {
	opacity: 0.3;
	-webkit-filter: blur(2px);
	filter: blur(2px)
}

.cards-list li:hover .cards-content h3,
.cards-list li:hover .cards-content p {
	opacity: 0.3;
	-webkit-filter: blur(2px);
	filter: blur(2px)
}

.cards-list li:hover .cards-content img {
	opacity: 0.8;
	-webkit-filter: blur(3px);
	filter: blur(3px)
}

.cards-list li.animated-flip {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: perspective(3000px) rotate3d(0, 180, 0, 360deg);
	transform: perspective(3000px) rotate3d(0, 180, 0, 360deg);
	-webkit-animation-name: animated-flip;
	animation-name: animated-flip;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s
}

.cards-list li:nth-child(-n + 3) {
	margin-top: 0
}

.cards-list li:nth-child(3n) {
	margin-right: 0
}

.cards-title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding-top: 68px;
	padding-left: 33px;
	text-align: left
}

.cards-title h2 {
	color: #f8f8f8;
	font-size: 50px;
	font-weight: 600;
	line-height: 1.04;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
	opacity: 0.96
}

.cards-title p {
	margin-top: 8px;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.07;
	color: #f8f8f8;
	opacity: 0.96
}

.cards-content {
	-webkit-transition: -webkit-transform 0.8s;
	transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	transition: transform 0.8s, -webkit-transform 0.8s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.cards-content img {
	width: 100%
}

.cards-content h3 {
	margin-top: 12px;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.14;
	color: #414655
}

.cards-content p {
	padding: 5px;
	font-size: 16px;
	line-height: 1.25;
	color: rgb(65, 70, 85)
}

.cards-btn {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.cards-btn a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: 120px;
	text-align: center
}

.cards-btn a .cards-btn-icon,
.cards-btn a span {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-transition: -webkit-transform 0.3s linear;
	transition: -webkit-transform 0.3s linear;
	transition: transform 0.3s linear;
	transition: transform 0.3s linear, -webkit-transform 0.3s linear
}

.cards-btn a .cards-btn-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 86px;
	height: 86px;
	margin: 0 auto;
	border: solid 3px #f1cc50;
	border-radius: 50%
}

.cards-btn a .cards-btn-icon img {
	width: 60px
}

.cards-btn a span {
	display: inline-block;
	padding-top: 5px;
	font-size: 32px;
	line-height: 1.06;
	color: #f1cc50
}

.wrapper-index {
	text-align: center;
	overflow: auto;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed
}

.contain-index {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%)
}

.logo-index img {
	width: 150px;
	height: 60px
}

.login-index {
	margin: 28px auto 30px;
	width: 300px
}

.form-cont {
	position: relative;
	height: 60px
}

.control-01 {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	border-radius: 20px;
	box-shadow: inset 0 1px 15px 0 #fff;
	border: 1px solid #fff;
	background-color: hsla(0, 0%, 100%, 0.5);
	overflow: hidden
}

.icon-index {
	display: block;
	flex: 0 0 25px;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 8px;
	border-radius: 50%;
	background-color: #fff;
	background-position: 50%;
	background-size: contain
}

.index-01 {
	background-image: url(https://webstatic.0am08m.com/assets/v4_login/icon_user.png?version=1588542924266);
	background-repeat: no-repeat;
	background-position: 50%
}

.input-index {
	flex: 1;
	height: 40px;
	border: none;
	outline: none;
	border-radius: 0 20px 20px 0;
	color: #333;
	font-size: 14px;
	font-family: DinProMedium;
	background: transparent;
	opacity: 0.9;
	overflow: hidden
}

.btn-sub-nav {
	-index: -1;
	bottom: -20px;
	display: block;
	width: 160px;
	height: 50px;
	position: absolute;
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	background-image: url("../images/nav/primary-medium-new-selected.png");
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.bQ_bn {
	position: absolute;
	display: flex;
	height: 36px;
	top: 25px;
	right: -139px;
	cursor: pointer
}

.bQ_bn .bQ_br {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: relative
}

.bQ_bn .bQ_br img {
	width: 100%;
	border-radius: 50%
}

.bQ_bn .bQ_br .bQ_Fn {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #db6372
}

.bQ_bn .bQ_Mn .bQ_bt {
	display: flex;
	align-items: center;
	display: -webkit-box
}

.bQ_bn .bQ_Mn p {
	font-size: 14px;
	color: #67718f;
	margin-left: 14px;
	transition: color 0.2s ease-out
}

.bQ_bn .bQ_Mn .bQ_bv {
	display: flex;
	display: -webkit-box;
	height: 20px;
	align-items: center;
	margin-top: 5px
}

.bQ_bn .bQ_Mn p {
	font-size: 14px;
	color: #444c64;
	transition: color 0.2s ease-out
}

.bQ_bn .bQ_Mn p a {
	color: #444c64
}

.bQ_bn .bQ_Mn .bQ_bv img {
	width: 20px;
	height: 20px;
	margin-left: 4px;
	transition: all 0.3s ease
}

.yb-popover {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.65);
	font-size: 14px;
	font-variant: tabular-nums;
	line-height: 1.5715;
	list-style: none;
	font-feature-settings: "tnum", "tnum";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1030;
	font-weight: 400;
	white-space: normal;
	text-align: left;
	cursor: auto;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.yb-popover-rtl {
	direction: ltr;
	text-align: right
}

.yb-popover-placement-bottomRight>.yb-popover-content>.yb-popover-arrow {
	right: 16px
}

.yb-popover-placement-bottom>.yb-popover-content>.yb-popover-arrow,
.yb-popover-placement-bottomLeft>.yb-popover-content>.yb-popover-arrow,
.yb-popover-placement-bottomRight>.yb-popover-content>.yb-popover-arrow {
	top: -4px;
	border-color: #414655 transparent transparent #414655;
	box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06)
}

.yb-popover-arrow {
	position: absolute;
	display: block;
	width: 8.48528137px;
	height: 8.48528137px;
	background: transparent;
	border-style: solid;
	border-width: 4.24264069px;
	transform: rotate(45deg)
}

.yb-popover-inner {
	background-color: #414655;
	background-clip: padding-box;
	border-radius: 2px;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9
}

.yb-popover-inner-content {
	padding: 12px 16px;
	color: #fff
}

.cQ_cS {
	width: 200px;
	border-radius: 4px;
	padding: 14px;
	box-sizing: border-box
}

.cQ_cS .cQ_cU {
	margin-bottom: 20px
}

.XK_XM {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.XK_XM .XK_IQ {
	cursor: pointer
}

.XK_XM .XK_IQ .XK_E9:hover,
.XK_XM .XK_IQ .XK_XQ {
	background-image: url("../images/v-icon-02.png")
}

.XK_XM .XK_IQ .XK_XO {
	width: 32px;
	height: 32px;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: all 0.2s
}

.XK_XM .XK_IQ h1 {
	font-size: 14px;
	font-weight: 400;
	color: #414655;
	padding: 3px 0;
	margin-top: 4px;
	text-align: center
}

.cQ_cS .cQ_cW .cQ_IQ .cQ_Ba {
	width: 100%;
	padding: 14px 0;
	display: flex;
	display: -webkit-box;
	align-items: center;
	justify-content: flex-start
}

.cQ_cS .cQ_cW .cQ_IQ .cQ_Ba a {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	padding: 3px 0;
	margin-left: 12px;
	text-align: left
}

.XK_IQ a {
	color: #fff
}

.cQ_Ba a span {
	color: red
}

.cQ_cS .cQ_cW {
	width: 100%;
	border-top: 1px solid #f0f0f0
}

.cQ_cS .cQ_cW .cQ_IQ {
	cursor: pointer;
	display: flex;
	display: -webkit-box;
	align-items: center;
	justify-content: space-between
}

.cQ_cS .cQ_cj button:hover {
	border: 1px solid #0294ff;
	background: #0294ff;
	color: #fff
}

.bQ_bn:hover .yb-popover-hidden,
.bQ_bn:hover .zoom-big-leave-active {
	display: block
}

.cQ_cS .cQ_cj button {
	width: 100%;
	outline: none;
	border: 1px solid #dccab8;
	font-size: 14px;
	background: linear-gradient(99deg, #dccab8, #d2b496);
	padding: 11px 0;
	transition: all 0.2s ease-out
}

.cQ_cS .cQ_cj button a {
	color: #fff
}

button {
	outline: none;
	cursor: pointer
}

ul.lang {
	position: absolute;
	right: -6px;
	top: -15px
}

.aside {
	position: fixed;
	z-index: 100;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	width: 56px
}

.asideBox {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.asideBar {
	position: relative
}

.asideIcon1 {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	margin-bottom: 3px;
	background: url(../images/icon_03.png) center no-repeat;
	background-size: contain
}

.asideBar:hover .asideIcon1 {
	background: url(../images/icon_04.png) no-repeat;
	background-size: contain
}

.helpCenter {
	position: relative;
	width: 108px;
	background: #fff;
	top: 5px;
	text-align: center;
	line-height: 46px;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	clear: #b1987f;
	font-size: 14px
}

.helpCenter a {
	color: #b1987f
}

.helpCenter:after {
	content: "";
	position: absolute;
	display: block;
	width: 8.48528137px;
	height: 8.48528137px;
	background: transparent;
	border-style: solid;
	border-width: 4.24264069px;
	right: -2px;
	border-color: #fff #fff transparent transparent;
	box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
	top: 50%;
	transform: translateY(-50%) rotate(45deg)
}

.asideIcon2 {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	cursor: pointer;
	margin-bottom: 3px;
	background: url(../images/icon_05.png) center no-repeat;
	background-size: contain
}

.asideBar:hover .asideIcon2 {
	background: url(../images/icon_06.png) no-repeat;
	background-size: contain
}

.asideIcon3 {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	margin-bottom: 3px;
	background: url(../images/icon_01.png) center no-repeat;
	background-size: contain
}

.asideBar:hover .asideIcon3 {
	background: url(../images/icon_02.png) no-repeat;
	background-size: contain
}
.asideIcontel {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	cursor: pointer;
	margin-bottom: 3px;
	background: url(../images/telegram.png) center no-repeat;
	background-size: contain
}
.ewmslide {
	box-sizing: border-box;
	padding: 12px
}

.ewmList:nth-child(1) {
	border-bottom: 1px solid rgba(211, 183, 151, 0.2);
	margin-bottom: 10px
}

.ewmList img {
	width: 100%;
	display: block
}

.ewmList p {
	font-size: 14px;
	color: #b1987f;
	line-height: 30px
}

.ewmslide:after {
	top: 23px
}

.asideAlt {
	position: absolute;
	display: none;
	right: 56px;
	padding-right: 15px;
	top: 2px
}

.asideBar:hover .asideAlt {
	display: block
}

.scrollTop {
	position: fixed;
	z-index: 100;
	bottom: 50px;
	right: 6px;
	width: 56px;
	height: 56px;
	border-radius: 6px;
	box-shadow: 0 4px 6px 0 rgb(184 208 255 / 30%);
	cursor: pointer;
	display: block;
	background: url(../images/sprite10.png);
	background-repeat: no-repeat;
	background-size: 462px 56px;
	background-position: -348px 0
}

.scrollTop:hover {
	background-position: -406px 0;
	transition: all 0.4s ease
}

ul.lang li {
	display: table-cell;
	padding-left: 10px
}

._1WWvLY57b0fzdq7M69aetI span {
	text-transform: uppercase
}

._13To55PJIKZLQdZUHx1JeF ._2-WUwPdcSYsEjW1cIXXvDt ._3EhULJsolL24RW64iK08wR {
	text-transform: uppercase
}

._13To55PJIKZLQdZUHx1JeF ._2-WUwPdcSYsEjW1cIXXvDt a {
	text-transform: uppercase
}

ul.children {
	margin: 0 -14px 0 -14px;
	text-align: left;
	z-index: 9999;
	position: absolute;
	height: auto;
	list-style: none;
	padding: 5px;
	min-width: 42px;
	background: #ffffff;
	border-radius: 5px
}

ul.children li {
	border: none;
	margin: 0 2px 10px
}

ul.children li {
	display: inline-block;
	margin: 0 2px;
	float: left;
	font-size: 13px;
	line-height: 14px;
	padding: 0 6px 10px
}

ul.children li:first-child {
	margin-top: 10px
}

._22R4FAKPN1J9mGKqGMqx9b h2 {
	font-size: 22px;
	color: #000;
	margin: -24px 0 23px
}

.blok {
	width: 100%;
	float: left;
	margin-bottom: 7px;
	color: #fff;
	font-size: 15px;
	padding: 6px 10px;
	background: #159dfe;
	border: 1px solid #159dfe;
	border-radius: 4px
}

.blok img {
	float: left;
	margin-right: 8px
}

.blok .lft {
	width: 60%;
	float: left
}

.blok .lft .lowtxt {
	color: #000;
	font-size: 13px;
	font-family: "ProximaNovaLight";
	padding-top: 10px
}

.blok .lft .lowtxt span {
	padding-right: 8px;
	color: #fff
}

.blok .rgt {
	width: 40%;
	float: right;
	padding-top: 8px
}

.blok .lft p {
	color: #fff
}

._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._1qLcREAeQmVQXTDCYn8QZ5 ._3AyALCWYhdXBcpL0qjjSTL,
._3o1Q1F65f6kkpUxg_RWi3R ._1UAfei82djrSJvYgSlhZuo ._2vr9Ec7RjtIWIeccvlJSfP ._3AyALCWYhdXBcpL0qjjSTL {
	margin-right: -4px;
	top: 0px
}

.row {
	position: relative
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.col-md-2 {
		width: 11%;
		min-height: 0px;
		padding-right: 0px;
		padding-left: 20px;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 10.666667%;
		max-width: 16.666667%
	}

	.col-md-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	ul.lang {
		left: 90px
	}

	.login-register {
		right: 50px
	}
}

.w-sports {
	width: 200px
}

.items-sub-nav:hover img {
	transform: scale(1.03)
}

.casino-td {
	display: flex;
	width: 173px;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	position: relative;
	transition: all 0.2s ease
}

.casino-td:hover {
	background-image: linear-gradient(180deg, #dee4f6, hsla(0, 0%, 100%, 0.6))
}

.col-poker {
	width: 246px
}

.truepeoTit {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 39px
}

.truepeoTit .gameIcon {
	height: 51px;
	width: 47px;
	transition: all 0.5s;
	background-repeat: no-repeat
}

.truepeoImg {
	width: 126px;
	height: 160px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.5s
}

.logo-gd {
	background-image: url(../images/nav/casino/logo-gd.png)
}

.gd {
	background-image: url(../images/nav/casino/gd.png)
}

.logo-tga {
	background-image: url(../images/nav/casino/logo-tga.png)
}

.tga {
	background-image: url(../images/nav/casino/tga.png)
}

.logo-dg99 {
	background-image: url(../images/nav/casino/logo-dg99.png)
}

.dg99 {
	background-image: url(../images/nav/casino/dg99.png)
}

.logo-wm {
	background-image: url(../images/nav/casino/logo-wm.png)
}

.wm {
	background-image: url(../images/nav/casino/wm.png)
}

.logo-sexy {
	background-image: url(../images/nav/casino/logo-sexy.png)
}

.sexy {
	background-image: url(../images/nav/casino/sexy.png)
}

.logo-ag {
	background-image: url(../images/nav/casino/logo-ag.png)
}

.ag {
	background-image: url(../images/nav/casino/ag.png)
}

.logo-allbet {
	background-image: url(../images/nav/casino/logo-allbet.png)
}

.allbet {
	background-image: url(../images/nav/casino/allbet.png)
}

.logo-w88 {
	background-image: url(../images/nav/casino/logo-w88.png)
}

.w88 {
	background-image: url(../images/nav/casino/w88.png)
}

.logo-sa {
	background-image: url(../images/nav/casino/logo-sa.png)
}

.sa {
	background-image: url(../images/nav/casino/sa.png)
}

.logo-evo {
	background-image: url(../images/nav/casino/logo-evo.png)
}

.evo {
	background-image: url(../images/nav/casino/evo.png)
}

.logo-hbo {
	background-image: url(../images/nav/casino/logo-hbo.png)
}

.hbo {
	background-image: url(../images/nav/casino/hbo.png)
}

.logo-n2live {
	background-image: url(../images/nav/casino/logo-n2live.png)
}

.n2live {
	background-image: url(../images/nav/casino/n2live.png)
}

.logo-miki {
	background-image: url(../images/nav/casino/logo-miki.png)
}

.miki {
	background-image: url(../images/nav/casino/miki.png)
}

.logo-hg {
	background-image: url(../images/nav/casino/logo-hg.png)
}

.hg {
	background-image: url(../images/nav/casino/hg.png)
}

.logo-pp_ca {
	background-image: url(../images/nav/casino/logo-pp_ca.png)
}

.pp_ca {
	background-image: url(../images/nav/casino/pp_ca.png)
}

.logo-supernowa {
	background-image: url(../images/nav/casino/logo-supernowa.png)
}

.supernowa {
	background-image: url(../images/nav/casino/supernowa.png)
}

.logo-welive {
	background-image: url(../images/nav/casino/logo-welive.png)
}

.welive {
	background-image: url(../images/nav/casino/welive.png)
}

.afb-logo {
	background-image: url(../images/nav/slot/afb-logo.png)
}

.afb {
	background-image: url(../images/nav/slot/afb.png)
}

.cq9-logo {
	background-image: url(../images/nav/slot/cq9-logo.png)
}

.cq9 {
	background-image: url(../images/nav/slot/cq9.png)
}

.dragoon-logo {
	background-image: url(../images/nav/slot/dragoon-logo.png)
}

.dragoon {
	background-image: url(../images/nav/slot/dragoon.png)
}

.fc-logo {
	background-image: url(../images/nav/slot/fc-logo.png)
}

.fc {
	background-image: url(../images/nav/slot/fc.png)
}

.hb-logo {
	background-image: url(../images/nav/slot/hb-logo.png)
}

.hb {
	background-image: url(../images/nav/slot/hb.png)
}

.icg-logo {
	background-image: url(../images/nav/slot/icg-logo.png)
}

.icg {
	background-image: url(../images/nav/slot/icg.png)
}

.jili-logo {
	background-image: url(../images/nav/slot/jili-logo.png)
}

.jili {
	background-image: url(../images/nav/slot/jili.png)
}

.joker-logo {
	background-image: url(../images/nav/slot/joker-logo.png)
}

.joker {
	background-image: url(../images/nav/slot/joker.png)
}

.kaslots-logo {
	background-image: url(../images/nav/slot/kaslots-logo.png)
}

.kaslots {
	background-image: url(../images/nav/slot/kaslots.png)
}

.leapslots-logo {
	background-image: url(../images/nav/slot/leapslots-logo.png)
}

.leapslots {
	background-image: url(../images/nav/slot/leapslots.png)
}

.mg-logo {
	background-image: url(../images/nav/slot/mg-logo.png)
}

.mg {
	background-image: url(../images/nav/slot/mg.png)
}

.netent-logo {
	background-image: url(../images/nav/slot/netent-logo.png)
}

.netent {
	background-image: url(../images/nav/slot/netent.png)
}

.pg-logo {
	background-image: url(../images/nav/slot/pg-logo.png)
}

.pg {
	background-image: url(../images/nav/slot/pg.png)
}

.playstar-logo {
	background-image: url(../images/nav/slot/playstar-logo.png)
}

.playstar {
	background-image: url(../images/nav/slot/playstar.png)
}

.pplay-logo {
	background-image: url(../images/nav/slot/pplay-logo.png)
}

.pplay {
	background-image: url(../images/nav/slot/pplay.png)
}

.pt-logo {
	background-image: url(../images/nav/slot/pt-logo.png)
}

.pt {
	background-image: url(../images/nav/slot/pt.png)
}

.rich88-logo {
	background-image: url(../images/nav/slot/rich88-logo.png)
}

.rich88 {
	background-image: url(../images/nav/slot/rich88.png)
}

.w88-logo {
	background-image: url(../images/nav/slot/w88-logo.png)
}

.w88 {
	background-image: url(../images/nav/slot/w88.png)
}

.banner-home {
	position: relative
}

.banner-home .swiper-container {
	width: 100%;
	height: 100%
}

.banner-home .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.banner-home:hover .swiper-button-next,
.banner-home:hover .swiper-button-prev {
	opacity: 0.5
}

.banner-home .swiper-button-next {
	background: url(../images/right_arrow_normal.png) center no-repeat;
	width: 39px;
	height: 80px;
	right: 200px;
	opacity: 0;
	transition: all 0.3s;
	background-color: #596077;
	background-size: cover
}

.banner-home .swiper-button-prev {
	background: url(../images/prev.png) center no-repeat;
	width: 39px;
	height: 80px;
	left: 200px;
	opacity: 0;
	transition: all 0.3s;
	background-color: #596077;
	background-size: cover
}

.banner-home .swiper-button-next:after {
	content: ""
}

.banner-home .swiper-button-prev:after {
	content: ""
}

.banner-home .swiper-button-prev:hover,
.banner-home .swiper-button-next:hover {
	opacity: 0.8
}

.bannerSlide {
	z-index: 2;
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center
}

.bannerSlide li {
	display: inline-block;
	position: relative;
	margin: 0 8px
}

.bannerSmall {
	display: none;
	transition: all 0.8s;
	width: 188px;
	height: 58px;
	position: absolute;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	top: -65px;
	left: 50%;
	margin-left: -94px
}

.bannerSmall img {
	display: block;
	width: 100%
}

.bannerSlide li span {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/dot-normal@2x.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% 100%;
	transition: 0.2s;
	color: transparent;
	opacity: 1;
	cursor: pointer
}

.bannerSlide li.cur span {
	background: url(../images/dot-active@2x.png) center no-repeat;
	background-size: contain
}

.bannerSlide li:hover .bannerSmall {
	display: block
}

.bannerSlide li:hover span {
	background: url(../images/dot-active@2x.png) center no-repeat;
	background-size: contain
}

.hotTag {
	position: absolute;
	top: 35px;
	left: 148px;
	width: 24px;
	background: url(../images/icon-new.png) center no-repeat;
	background-size: 24px 22px;
	height: 22px
}

.gameBox {
	margin-top: 50px
}

.titleCell {
	text-align: center
}

.titleCell img {
	position: relative;
	top: -10px;
	width: 240px;
	height: 28px;
	border: none;
	display: inline
}

.titleCell {
	text-align: center
}

.titleCell img {
	position: relative;
	top: -10px;
	width: 240px;
	height: 28px;
	border: none;
	display: inline
}

.titleCell h2 {
	position: relative;
	text-align: center;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	top: 0;
	color: #000
}

.titleCell h2:before {
	content: "";
	display: block;
	position: absolute;
	width: 480px;
	height: 21px;
	top: 10px;
	background: url(../images/home/titleset-left@2x.png) center;
	background-size: cover
}

.titleCell h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 480px;
	height: 21px;
	right: 0;
	top: 10px;
	background: url(../images/home/titleset-right@2x.png) center;
	background-size: cover
}

.titleCell p {
	margin-top: 10px;
	color: #6a7391;
	font-size: 14px
}

.gameChose {
	margin-top: 26px;
	justify-content: center;
	position: relative;
	display: flex
}

.gameChose li {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 96px;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	margin-left: 12px;
	text-align: center;
	background-size: cover;
	border-radius: 30.6px;
	box-shadow: 0 4px 8px 0 rgb(194 211 222 / 50%);
	cursor: pointer;
	background: url(../images/home/primary-medium-txt-normal@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-bottom: 10px;
	position: relative;
	color: #67718f;
	transition: all 0.3s
}

.gameChose li span {
	color: #fff
}

.gameChose li i {
	display: block;
	width: 28px;
	transition: all 0s;
	height: 28px;
	background: url(../images/home/sprite7.png);
	background-repeat: no-repeat;
	background-size: 1016px 44px;
	margin-right: 14px
}

.gameChose li i.cion1 {
	background-position: -456px 0px
}

.gameChose li i.cion2 {
	background-position: -152px 0px
}

.gameChose li i.cion3 {
	background-position: -76px 0px
}

.gameChose li i.cion4 {
	background-position: -228px 0px
}

.gameChose li i.cion5 {
	background-position: -304px 0px
}

.gameChose li i.cion6 {
	background-position: -380px 0px
}

.gameChose li i.cion7 {
	background-position: -532px 0px
}

.gameChose li:hover i {
	width: 44px;
	height: 44px;
	margin-right: 0px;
	position: relative;
	top: 4px
}

.gameChose li:hover i.cion1 {
	background-position: -490px 0px
}

.gameChose li:hover i.cion2 {
	background-position: -184px 0px
}

.gameChose li:hover i.cion3 {
	background-position: -108px 0px
}

.gameChose li:hover i.cion4 {
	background-position: -260px 0px
}

.gameChose li:hover i.cion5 {
	background-position: -336px 0px
}

.gameChose li:hover i.cion6 {
	background-position: -413px 0px
}

.gameChose li:hover i.cion7 {
	background-position: -562px 0px
}

.gameChose li.cur:before {
	content: "";
	top: 0;
	display: block;
	width: 96px;
	height: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	background-image: url(../images/home/primary-medium-new-selected.png);
	box-shadow: 0 2px 4px 0 rgb(0 0 0);
	border-radius: 30.6px;
	background-size: 100% 100%;
	z-index: -1;
	-webkit-animation: homeTabs_diamondBtnAnimationLe__1grkp 0.35s ease-out forwards;
	animation: homeTabs_diamondBtnAnimationLe__1grkp 0.35s ease-out forwards
}

.gameChose li.cur i {
	width: 44px;
	height: 44px;
	margin-right: 0px;
	position: relative;
	top: 4px
}

.gameChose li.cur i.cion1 {
	background-position: -490px 0px
}

.gameChose li.cur i.cion2 {
	background-position: -184px 0px
}

.gameChose li.cur i.cion3 {
	background-position: -108px 0px
}

.gameChose li.cur i.cion4 {
	background-position: -260px 0px
}

.gameChose li.cur i.cion5 {
	background-position: -336px 0px
}

.gameChose li.cur i.cion6 {
	background-position: -413px 0px
}

.gameChose li.cur i.cion7 {
	background-position: -562px 0px
}

.gameChose li i.cion8 {
	background-position: -611px 0px
}

.gameChose li i.cion9 {
	background-position: -768px 0px;
	width: 42px
}

.gameChose li i.cion10 {
	background-position: -931px 0px;
	width: 42px
}

.gameChose li i.cion11 {
	background-position: -680px 0px;
	width: 42px
}

.gameChose li:hover i.cion8,
.gameChose li.cur i.cion8 {
	background-position: -646px 0px
}

.gameChose li:hover i.cion9,
.gameChose li.cur i.cion9 {
	background-position: -819px 0px
}

.gameChose li:hover i.cion10,
.gameChose li.cur i.cion10 {
	background-position: -976px 0px
}

.gameChose li:hover i.cion11,
.gameChose li.cur i.cion11 {
	background-position: -724px 0px
}

.gameChose li.cur span {
	color: #fff
}

.gameChose li:hover:before span {
	color: #fff
}

.gameChose li:hover:before {
	content: "";
	top: 0;
	display: block;
	width: 96px;
	height: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	background-image: url(../images/home/primary-medium-new-selected.png);
	background-size: 100% 100%;
	box-shadow: 0 2px 4px 0 rgba(93, 167, 235, 0.8);
	border-radius: 30.6px;
	z-index: -1;
	-webkit-animation: homeTabs_diamondBtnAnimationLe__1grkp 0.35s ease-out forwards;
	animation: homeTabs_diamondBtnAnimationLe__1grkp 0.35s ease-out forwards
}

@-webkit-keyframes homeTabs_diamondBtnAnimation__x8T3M {
	0% {
		opacity: 0.25
	}

	to {
		opacity: 1
	}
}

@keyframes homeTabs_diamondBtnAnimation__x8T3M {
	0% {
		opacity: 0.25
	}

	to {
		opacity: 1
	}
}

.gameChose li:hover {
	background: none;
	color: #fff;
	z-index: 1
}

.gameChose li.cur {
	background: none;
	color: #fff;
	z-index: 1
}

.gameChose li:before {
	-webkit-animation: AcY_Acf 0.35s ease-out forwards;
	animation: AcY_Acf 0.35s ease-out forwards
}

.choseBox {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%
}

amePic {
	position: relative;
	top: -50px;
	z-index: 1;
	animation: fadeOutLefts 0.5s ease-in forwards
}

.gameTxt {
	animation: fadeOutRights 0.5s ease-in forwards
}

.choseBox.active .gamePic {
	animation: fadeInaniLeft 0.5s ease-in forwards
}

.choseBox.active .gameTxt {
	animation: fadeInaniRight 0.5s ease-in forwards
}

@-webkit-keyframes scaleani {
	0% {
		transform: scale(1.1)
	}

	to {
		transform: scale(1)
	}
}

@keyframes fadeOutLefts {
	0% {
		opacity: 1;
		z-index: 1;
		transform: translateZ(0)
	}

	95% {
		z-index: 0
	}

	to {
		opacity: 0;
		z-index: 0;
		transform: translate3d(-110px, 0, 0)
	}
}

@keyframes fadeOutRights {
	0% {
		opacity: 1;
		z-index: 1;
		transform: translateZ(0)
	}

	95% {
		z-index: 0
	}

	99% {
		opacity: 0;
		z-index: 0;
		transform: translate3d(110px, 0, 0)
	}

	to {
		opacity: 0;
		z-index: 0;
		transform: translateZ(0)
	}
}

@-webkit-keyframes fadeInaniLeft {
	0% {
		opacity: 0;
		z-index: 0;
		transform: translate3d(-70px, 0, 0)
	}

	to {
		opacity: 1;
		z-index: 2;
		transform: translateZ(0)
	}
}

@-webkit-keyframes fadeInaniRight {
	0% {
		opacity: 0;
		z-index: 0;
		transform: translate3d(70px, 0, 0)
	}

	to {
		opacity: 1;
		z-index: 1;
		transform: translateZ(0)
	}
}

.choseBar {
	position: relative;
	display: flex;
	height: 451px;
	box-sizing: border-box;
	z-index: 1;
	margin-top: 68px
}

.gamePic img {
	width: 600px;
	height: 496px
}

.gameTxt {
	width: 542px;
	position: relative;
	margin-top: 40px;
	font-family: MicrosoftYaHei
}

.gameTit {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.gameTit h3 {
	font-size: 60px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
    text-shadow: 3px 2px #4c47475e;
}

.backMoney {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-left: 15px
}

.backMoney .backNotice {
	display: inline-block;
	text-align: center;
	border-radius: 11px;
	padding: 3px 12px;
	white-space: nowrap;
	background-image: linear-gradient(270deg, #debeff, #b692b5);
	font-size: 16px;
	color: #fdfeff
}

.backMoney .gameNum {
	font-size: 24px;
	color: #6a7391;
	margin-top: 6px
}

.eventTit {
	margin-top: 25px;
	font-size: 70px;
	line-height: 70px;
	color: #debeff;
	font-family: DINPro;
	font-weight: 400;
	white-space: nowrap;
	text-transform: uppercase;
	opacity: 0.5
}

.eventNotice {
	line-height: 1.6;
	margin-top: 20px;
	font-size: 14px;
	color: #6a7391;
	letter-spacing: -0.47px;
	text-align: left
}

.choseBox {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%
}

.gamePic {
	position: relative;
	top: -50px;
	z-index: 1;
	animation: fadeOutLefts 0.5s ease-in forwards
}

.sponBar {
	position: relative;
	margin-top: 35px
}

.sponBar ul {
	position: relative;
	display: flex;
	justify-content: space-between
}

.sponBar li {
	position: relative;
	width: 150px;
	height: 176px;
	border-radius: 25px;
	overflow: visible;
	box-shadow: 0 8px 12px 0 rgba(232, 193, 152, 0.5);
	text-align: center;
	transition: all 0.3s
}

.sponBar li .sopnImg {
	width: 72px;
	height: 72px;
	margin: 30px auto 12px;
	background: url(../images/home/sprite6.png) no-repeat;
	background-size: 516px 72px
}

.sponBar li:nth-child(1) .sopnImg {
	background-position: -296px 0px
}

.sponBar li:nth-child(2) .sopnImg {
	background-position: -444px 0px
}

.sponBar li:nth-child(3) .sopnImg {
	background-position: -74px 0px
}

.sponBar li:nth-child(4) .sopnImg {
	background-position: -222px 0px
}

.sponBar li:nth-child(5) .sopnImg {
	background-position: 0px 0px
}

.sponBar li:nth-child(6) .sopnImg {
	background-position: -370px 0px
}

.sponBar li a {
	display: block;
	background: url(../images/home/item@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: all 0.1s
}

.sponBar li a p {
	color: #444c64;
	font-size: 14px
}

.sponBar li:hover {
	transform: scale(1.1)
}

.appDown {
	margin-top: 50px
}

.downBar {
	position: absolute;
	width: 62%;
	height: 100%;
	display: flex
}

.downInfor {
	width: 490px;
	min-width: 490px;
	position: relative;
	left: 0;
	margin-top: 60px
}

.downTit {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.downTit img {
	width: 62px;
	height: 62px;
	margin-right: 14px
}

.downTit h3 {
	font-size: 60px;
	color: #6a7391;
	font-weight: 700
}

.downApp {
	position: relative;
	height: 662px
}

.downIntro {
	line-height: 1.6;
	margin-top: 16px;
	font-size: 14px;
	color: #6a7391;
	text-align: left
}

.downLoad {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding-right: 50px
}

.downEwmbox {
	text-align: center
}

.ewmk,
.lineBox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 193px;
	height: 201px;
	background-image: url(../images/home/image-frame-small-quan-3@2x.png);
	background-repeat: no-repeat;
	background-size: cover
}

.ewmk img {
	width: 105px;
	height: 105px
}

.downLinebox {
	text-align: center
}

.downLoad p {
	margin-top: 12px;
	font-size: 18px;
	color: #32394f;
	font-weight: 500;
	line-height: 20px
}

.downLoad span {
	margin-top: 8px;
	font-size: 12px;
	color: #6a7391
}

.lineBox li {
	height: 30px
}

.lineBox li a {
	max-width: 100%;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
	text-decoration: underline;
	color: #4b98ee;
	font-size: 14px;
	transition: all 0.3s
}

.lineBox li:hover a {
	color: #b1987f
}

.downpicBox {
	flex: 1;
	position: relative;
	z-index: 2
}

.downBottomimg {
	position: absolute;
	bottom: 0
}

.downBottomimg img:nth-child(1) {
	width: 723px;
	z-index: 1
}

.downBottomimg img:nth-child(2) {
	width: 294px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10
}

.downTopimg {
	width: 100%;
	height: 100%;
	display: flex;
	position: relative
}

.anibox {
	position: absolute
}

.anibox img {
	width: 100%
}

.anibox img:first-child {
	position: relative;
	z-index: 1
}

.anibox:nth-child(1) {
	top: 60px;
	z-index: 10
}

.anibox:nth-child(1) img:nth-child(2) {
	width: 218px;
	position: absolute;
	top: 15px
}

.anibox:nth-child(2) {
	width: 515px;
	height: 105px;
	position: absolute;
	left: 52px;
	top: 395px;
	z-index: 3
}

.anibox:nth-child(3) {
	width: 323px;
	left: 126px;
	z-index: 8;
	top: 32px
}

.anibox:nth-child(3) img:nth-child(2) {
	width: 215px;
	position: absolute;
	right: -40px;
	top: 17px
}

.anibox:nth-child(4) {
	width: 591px;
	height: 105px;
	position: absolute;
	left: 102px;
	top: 398px
}

.anibox:nth-child(5) {
	width: 325px;
	left: 274px;
	top: 38px;
	z-index: 6
}

.anibox:nth-child(5) img:nth-child(1) {
	position: relative;
	z-index: 1
}

.anibox:nth-child(5) img:nth-child(2) {
	width: 181px;
	position: absolute;
	right: -32px;
	top: 83px
}

.anibox:nth-child(6) {
	width: 505px;
	height: 106px;
	position: absolute;
	left: 250px;
	top: 406px
}

.anibox:nth-child(7) {
	width: 242px;
	left: 450px;
	top: 121px
}

.dn {
	display: none !important
}

.downimp2 .anibox:nth-child(5) img:nth-child(2) {
	width: 168px;
	position: absolute;
	right: -16px;
	top: 105px
}

.downimp2 .anibox:nth-child(7) {
	width: 256px;
	left: 450px;
	top: 145px;
	position: absolute
}

.downTopimg .anim:nth-child(1) {
	width: 226px;
	left: 60px;
	top: 40px;
	z-index: 10
}

.downTopimg .anim {
	position: absolute
}

.downTopimg .anim img {
	width: 100%
}

.downTopimg .anim:nth-child(1) img:nth-child(1) {
	position: relative;
	z-index: 1
}

.downTopimg .anim:nth-child(1) img:nth-child(2) {
	width: 102px;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 6px
}

.downTopimg .anim:nth-child(2) {
	width: 400px;
	left: 113px;
	top: 178px;
	z-index: 9
}

.downTopimg .anim:nth-child(2) img:nth-child(1) {
	position: relative;
	z-index: 1
}

.downTopimg .anim:nth-child(2) img:nth-child(2) {
	width: 783px;
	position: absolute;
	z-index: 2;
	left: -125px;
	bottom: -38px
}

.downTopimg .anim:nth-child(3) {
	width: 400px;
	left: 242px;
	top: 42px;
	z-index: 8
}

.downTopimg .anim:nth-child(3) img:nth-child(1) {
	position: relative;
	z-index: 1
}

.downTopimg .anim:nth-child(3) img:nth-child(2) {
	width: 354px;
	position: absolute;
	z-index: 2;
	right: 41px;
	top: 95px
}

.downTopimg .anim:nth-child(4) {
	width: 243px;
	left: 379px;
	top: 275px;
	z-index: 10
}

.downTopimg .anim:nth-child(4) img:nth-child(1) {
	position: relative;
	z-index: 1
}

.downTopimg .anim:nth-child(4) img:nth-child(2) {
	width: 76px;
	position: absolute;
	z-index: 2;
	right: 2px;
	top: 0
}

.downBar.active .downInfor {
	animation: fadeInaniLeft 0.5s ease-in forwards
}

.downBar.active .downpicBox {
	animation: fadeInaniRight 0.5s ease-in forwards
}

.downBar .downInfor {
	animation: fadeOutLefts 0.5s ease-in forwards
}

.downBar .downpicBox {
	animation: fadeOutRights 0.5s ease-in forwards
}

@-webkit-keyframes AcY_Acf {
	0% {
		opacity: 0.25
	}

	to {
		opacity: 1
	}
}

.serviceBox {
	margin-top: 50px
}

.serviceList ul {
	display: flex;
	justify-content: space-between
}

.serviceList li {
	text-align: center
}

.circle {
	position: relative;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-image: url(../images/home/image-table@2x.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.circleBox {
	position: relative;
	height: 100%;
	line-height: 130px
}

.circleBox span {
	font-size: 32px;
	color: #fff
}

.aniCricle {
	width: 90px;
	height: 90px;
	position: absolute;
	left: 20px;
	top: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.line1 {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url(../images/home/image-scale-default-all.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 90px 90px;
	z-index: 1;
	left: 0;
	background-position: 0 100%;
	transform-origin: right;
	transform: rotate(-4deg)
}

.line2 {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url(../images/home/image-scale-default-all.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 90px 90px;
	z-index: 1;
	right: 0;
	background-position: -45px 100%;
	transform: rotate(-139deg);
	transform-origin: 0 50%
}

.line3 {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url(../images/home/image-scale-default-all.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 90px 90px;
	z-index: 1;
	right: 0;
	background-position: -45px 100%;
	animation-iteration-count: 1;
	transform: rotate(-180deg);
	transform-origin: 0 50%
}

.line4 {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url(../images/home/image-scale-default-all.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: 90px 90px;
	z-index: 1;
	right: 0;
	background-position: -45px 100%;
	animation-iteration-count: 1;
	transform: rotate(-120deg);
	transform-origin: 0 50%
}

.active .circle .line2 {
	animation: rota1 1.5s linear infinite;
	animation-iteration-count: 1
}

.active .circle .line3 {
	animation: rota2 1.5s linear infinite;
	animation-iteration-count: 1
}

.active .circle .line4 {
	animation: rota3 1.5s linear infinite;
	animation-iteration-count: 1
}

@keyframes rota1 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-139deg)
	}
}

@keyframes rota2 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-180deg)
	}
}

@keyframes rota3 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(-120deg)
	}
}

.serviceList li p {
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #424a66
}

.serviceList li p:last-child {
	width: 128px;
	line-height: 1.4;
	margin: 10px auto;
	font-size: 12px;
	color: #67718f;
	font-weight: normal
}

.serviceList {
	padding: 50px 0
}

.serviceList dl {
	position: relative;
	overflow: hidden;
	margin-top: 40px
}

.serviceList dl dt {
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	width: 580px;
	margin-bottom: 30px;
	padding: 12px 24px 0;
	height: 140px;
	background: url(../images/home/info/download.png);
	background-size: cover
}

.serviceList dl dt:nth-child(2n) {
	float: right
}

.serviceList dt img {
	width: 107px;
	height: 107px
}

.serviceTxt {
	position: relative;
	margin-left: 10px;
	text-align: left;
	flex: 1
}

.serviceTxt h2 {
	font-weight: 700;
	font-size: 16px;
	color: #fff
}

.serviceTxt p {
	line-height: 1.6;
	margin-top: 10px;
	font-size: 14px;
	color: #fff
}

.scrollTop {
	position: fixed;
	z-index: 100;
	bottom: 50px;
	right: 6px;
	width: 56px;
	height: 56px;
	border-radius: 6px;
	box-shadow: 0 4px 6px 0 rgb(184 208 255 / 30%);
	cursor: pointer;
	display: block;
	background: url(../images/sprite10.png);
	background-repeat: no-repeat;
	background-size: 462px 56px;
	background-position: -348px 0
}

.scrollTop:hover {
	background-position: -406px 0;
	transition: all 0.4s ease
}

.truepeoTit p {
	margin-left: 5px;
	text-transform: uppercase
}

.member-page {
	width: 100%;
	max-width: 200px;
	height: auto;
	position: absolute;
	top: 23px;
	right: -175px
}

.userInfor {
	display: flex;
	height: 40px;
	cursor: pointer;
	position: relative;
	width: 100%
}

.userIco {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-left: 25px
}

.userTxt {
	margin-left: -15px
}

.userName {
	display: flex;
	align-items: center
}

.userName p {
	font-size: 14px;
	line-height: 20px;
	transition: color 0.2s ease-out;
	padding-left: 10px;
	position: relative;
	text-align: center;
	color: #fff
}

.userName i {
	display: inline-block;
	width: 40px;
	height: 16px;
	margin-left: 10px;
	background-repeat: no-repeat
}

.userIco img {
	display: block;
	width: 100%
}

.lvl0 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px
}

.lvl1 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -42px 0px
}

.lvl2 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -84px 0px
}

.lvl3 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -126px 0px
}

.lvl4 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -168px 0px
}

.lvl5 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -210px 0px
}

.lvl6 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -252px 0px
}

.lvl7 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -294px 0px
}

.lvl8 {
	display: inline-block;
	background: url(../images/spritevip.png);
	background-size: 460px 16px;
	background-position: -336px 0px
}

.userMoney img {
	width: 15px;
	transition: all 0.2s ease-out;
	height: 15px;
	left: 5px;
	position: relative
}

img.userMoney {
	width: 15px;
	transition: all 0.2s ease-out;
	height: 15px;
	position: relative
}

.userMoney {
	height: 20px;
	align-items: center;
	position: relative
}

.userMoney p {
	font-size: 14px;
	line-height: 15px;
	color: #fff;
	transition: color 0.2s ease-out
}

#member_creadit {
	color: #fff
}

.userInfor:hover .userMoney p {
	color: #b1987f
}

.userInfor:hover .userMoney img {
	transform: rotate(-180deg)
}

.userInfor:hover .userName p {
	color: #b1987f
}

.userSlide {
	position: absolute;
	background: #fff;
	right: 0;
	top: 52px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, 0.65);
	font-size: 14px;
	line-height: 1.5715;
	list-style: none;
	position: absolute;
	width: 232px;
	box-sizing: border-box;
	z-index: 1030;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)
}

.slideUser {
	border-radius: 3px;
	padding: 26px 30px
}

.slideUser li {
	overflow: hidden;
	padding: 10px 0;
	line-height: 28px
}

.slideUser li span {
	width: 24px;
	height: 24px;
	background-image: url(../images/spritesuerslide.png);
	background-repeat: no-repeat;
	background-size: 232px 24px;
	float: left;
	margin-top: 2px;
	float: left;
	display: block
}

.slideUser li span.icon23 {
	background: url(../images/ucur1.jpg) center no-repeat
}

.slideUser li span.icon22 {
	background: url(../images/ucur2.jpg) center no-repeat
}

.slideUser li span.icon21 {
	background: url(../images/ucur3.jpg) center no-repeat
}

.slideUser li span.icon24 {
	background-position: -50px 0
}

.slideUser li span.icon25 {
	background-position: -104px 0
}

.slideUser li span.icon26 {
	background-position: -26px 0
}

.slideUser li span.icon27 {
	background-position: -0 0
}

.slideUser li span.icon28 {
	background-position: -156px 0
}

.slideUser li span.icon29 {
	background-position: -78px 0
}

.slideUser li span.icon30 {
	background-position: -185px 0
}

.slideUser li p {
	font-size: 14px;
	transition: all 0.2s;
	font-weight: 400;
	float: left;
	margin-left: 12px;
	color: #414755
}

.slideUser li i {
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 8px;
	background-image: linear-gradient(135deg, #f8e3cb, #cbaf92);
	font-size: 12px;
	color: #fff;
	float: right;
	display: block;
	margin-top: 6px
}

.slideUser li:nth-child(1) {
	padding-top: 0
}

.slideUser li:hover a p {
	color: #b1987f
}

.userSlide a.logOut {
	width: 100%;
	outline: none;
	border: 1px solid #e2e7ef;
	font-size: 14px;
	color: #a5a9b3;
	background-color: #fff;
	padding: 11px 0;
	transition: all 0.2s ease-out;
	display: block;
	margin: 8px auto 0;
	transition: all 0.3s;
	border-radius: 3px;
	text-align: center
}

.userSlide a.logOut:hover {
	color: #fff;
	border: 1px solid #b1987f;
	background: #b1987f
}

.userSlide:after {
	content: "";
	position: absolute;
	display: block;
	width: 8.48528137px;
	height: 8.48528137px;
	background: transparent;
	border-style: solid;
	border-width: 4.24264069px;
	left: 50%;
	margin-left: -4.24214068px;
	transform: rotate(45deg);
	top: -4px;
	border-color: #fff transparent transparent #fff;
	box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06)
}

.userslideBox {
	position: absolute;
	top: -8px;
	display: none;
	right: -81px
}

/*.userInfor:hover .userslideBox {
	display: block
}*/

.aside {
	position: fixed;
	z-index: 100;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	width: 56px
}

.asideBox {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.asideBar {
	position: relative
}

.asideIcon1 {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	margin-bottom: 3px;
	background: url(../images/icon_03.png) center no-repeat;
	background-size: contain
}

.asideBar:hover .asideIcon1 {
	background: url(../images/icon_04.png) no-repeat;
	background-size: contain
}

.helpCenter {
	position: relative;
	width: 108px;
	background: #fff;
	top: 5px;
	text-align: center;
	line-height: 46px;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	clear: #b1987f;
	font-size: 14px
}

.helpCenter a {
	color: #c40601
}

.helpCenter:after {
	content: "";
	position: absolute;
	display: block;
	width: 8.48528137px;
	height: 8.48528137px;
	background: transparent;
	border-style: solid;
	border-width: 4.24264069px;
	right: -2px;
	border-color: #fff #fff transparent transparent;
	box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
	top: 50%;
	transform: translateY(-50%) rotate(45deg)
}

.asideIcon2 {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	margin-bottom: 3px;
	background: url(../images/icon_05.png) center no-repeat;
	background-size: contain
}

.asideBar:hover .asideIcon2 {
	background: url(../images/icon_06.png) no-repeat;
	background-size: contain
}

.asideIcon3 {
	width: 56px;
	height: 56px;
	background-size: 56px;
	transition: all 0.4s ease;
	display: block;
	box-shadow: 0 4px 6px 0 rgba(184, 208, 255, 0.3);
	border-radius: 50%;
	margin-bottom: 3px;
	background: url(../images/icon_01.png) center no-repeat;
	background-size: contain
}

.asideBar:hover .asideIcon3 {
	background: url(../images/icon_02.png) no-repeat;
	background-size: contain
}

.ewmslide {
	box-sizing: border-box;
	padding: 12px
}

.ewmList:nth-child(1) {
	border-bottom: 1px solid rgba(211, 183, 151, 0.2);
	margin-bottom: 10px
}

.ewmList img {
	width: 100%;
	display: block
}

.ewmList p {
	font-size: 14px;
	color: #c40601;
	line-height: 30px
}

.ewmslide:after {
	top: 23px
}

.asideAlt {
	position: absolute;
	display: none;
	right: 56px;
	padding-right: 15px;
	top: 2px
}

.asideBar:hover .asideAlt {
	display: block
}

.userButton {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center
}

.userButton a {
	flex: 0 0 25px;
	cursor: pointer
}

.userIcon1 {
	transition: all 0.3s;
	background-repeat: no-repeat;
	background-size: 100px 24px;
	background-position: 0 0;
	width: 24px;
	height: 28px;
	display: block;
	margin: auto
}

.userIcon3 {
	transition: all 0.3s;
	background: url(../images/sprite-dra.png);
	background-repeat: no-repeat;
	background-size: 100px 24px;
	background-position: -52px 0;
	width: 24px;
	height: 28px;
	display: block;
	margin: auto
}

.userIcon2 {
	transition: all 0.3s;
	background: url(../images/sprite-dra.png);
	background-repeat: no-repeat;
	background-size: 100px 24px;
	background-position: -26px 0;
	width: 24px;
	height: 28px;
	display: block;
	margin: auto
}

.userButton p {
	margin-top: 1px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	transition: all 0.4s ease;
	white-space: nowrap
}

.centerLines {
	flex: 0 0 1px;
	height: 37px;
	margin: 0 12px;
	background-color: #ced2e2;
	opacity: 0.3
}

.userButton a .userIcon1 {
	background: url(../images/ucur1.png) center no-repeat
}

.userButton a .userIcon2 {
	background: url(../images/ucur2.png) center no-repeat
}

.userButton a .userIcon3 {
	background: url(../images/ucur3.png) center no-repeat
}

.nav-menu {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	min-width: 1200px;
	width: 1200px;
	height: 100%;
	margin: 0px auto;
	z-index: 10;
	justify-content: space-between
}

.nav-menugame {
	display: flex;
	align-items: center
}

.nav-menubon {
	/*display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;*/
	float: right;
	/*right: 0;
	padding: 0 40px*/
}
.mm-aflogin{
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
	float: right;
	right: 0;
	padding: 0 40px
}
.mm-aflogin ul.navviewcenter {
	font-size: 14px;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	top: 0;
	position: relative
}

ul.navviewcenter li {
	position: relative;
	padding: 0 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: rgb(108, 123, 168);
	cursor: pointer;
	transition: all 0.2s ease 0s
}

ul.navviewcenter li:hover .iconname {
	color: #ffc107
}

ul.navviewcenter li img.iconLink {
	width: 28px;
	height: auto
}

ul.navviewcenter li div.iconname {
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	white-space: nowrap
}

.nav-logo {
	background: url(../images/home/logo-golden-navigation@2x.png) no-repeat;
	background-size: 100%;
	width: 195px;
	height: 67px;
	position: absolute;
	top: 10px;
}

ul.menu-nu {
	font-size: 14px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	margin-left: 200px
}

ul.menu-nu li {
	position: relative;
	padding: 0 6px;
	height: 100%;
	line-height: 90px;
	color: #6c7ba8;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

ul.menu-nu li .navLink {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 90px;
	white-space: nowrap;
	text-transform: uppercase;
	color: #fff
}

.welfareGuide_container__24z92 {
	position: relative;
	cursor: pointer
}

.userInfo_default_cursor__1OrH- {
	cursor: default
}

.userInfo_user_warp__3zYgJ {
	display: -webkit-flex;
	display: flex
}

.login_userInfo__izTYo,
.login_userInfo__izTYo .login_loginBtn__34HKA {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px
}

.login_userInfo__izTYo {
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.8;
	text-align: center
}

.ant-input:placeholder-shown {
	text-overflow: ellipsis
}

[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
	touch-action: manipulation
}

input[type="number"],
input[type="password"],
input[type="text"],
textarea {
	-webkit-appearance: none
}

.login_inputbox__Upkzs {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 12px;
	margin: 0 5px;
	width: 104px;
	height: 28px;
	border-radius: 14px;
	background-color: rgba(108, 123, 168, 0.5);
	border: none !important;
	color: #fff
}

.inputItem_inputItemView__G2UmO {
	line-height: 20px
}

.ant-input {
	box-sizing: border-box;
	background-image: none;
	font-feature-settings: "tnum", "tnum";
	position: relative
}

.login_pwdBox__3rNpO {
	position: relative
}

.login_inputbox__Upkzs {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 12px;
	margin: 0 5px;
	width: 104px;
	height: 28px;
	border-radius: 14px;
	background-color: rgb(255 255 255);
	border: none !important;
	color: #666
}

.login_forgetstyle__214Xm {
	position: absolute;
	right: 7px;
	top: 0;
	line-height: 28px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px
}

.login_userInfo__izTYo .login_loginBtn__34HKA,
.login_userInfo__izTYo .login_loginBtn__34HKA div,
.login_userInfo__izTYo .login_registerBtn__2FstP div {
	width: 54px;
	height: 28px;
	line-height: 28px;
	cursor: pointer
}

.login_userInfo__izTYo .login_loginBtn__34HKA {
	margin-left: 4px;
	-webkit-justify-content: center;
	justify-content: center;
	background-size: cover;
	color: #fff;
	border-radius: 25px;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 999
}

.login_userInfo__izTYo,
.login_userInfo__izTYo .login_loginBtn__34HKA {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px
}

.image_imageContainer__2dKjX {
	position: relative
}

.login_userInfo__izTYo .login_registerBtn__2FstP {
	background-size: cover;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 14px;
	margin-left: 4px;
	color: #6c7ba8;
	border-radius: 25px;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.mid-na {
	height: 110px;
	position: relative
}

.realbet_centerView__bvyHE {
	width: 1200px;
	display: -webkit-inline-block;
	display: inline-block;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l {
	width: 196px;
	display: -webkit-inline-block;
	display: inline-block;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l .realbet_topView__2c55p {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 100%
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l .realbet_topView__2c55p .realbet_tags__2myHQ {
	height: 25px;
	width: 148px;
	display: -webkit-flex;
	display: flex;
	position: absolute;
	padding-left: 4px;
	top: -27px
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l .realbet_topView__2c55p>div {
	display: -webkit-flex;
	display: flex
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l .realbet_topView__2c55p>div .realbet_infoView__1bPjg {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l .realbet_topView__2c55p>div .realbet_infoView__1bPjg .realbet_venueCn__23fwF {
	position: relative;
	line-height: 25px;
	margin-bottom: 2px;
	font-weight: 600;
	color: #000000
}

.realbet_centerView__bvyHE .realbet_itemView__2IT2l .realbet_topView__2c55p>div .realbet_infoView__1bPjg .realbet_venueEn__1qmbX {
	line-height: 15px;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	white-space: nowrap
}

.sponsor_sponsor_container__3Qaxw {
	position: relative;
	margin-top: 40px;
	margin-bottom: 45px
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_springFestivalSponsorItem__37N8V {
	-webkit-filter: drop-shadow(0 6px 8px hsla(0, 55%, 68%, 0.599));
	filter: drop-shadow(0 6px 8px rgba(219, 130, 130, 0.599377));
	box-shadow: none !important
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO {
	position: relative;
	width: 380px;
	height: 140px;
	margin-top: 18px;
	overflow: visible;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	cursor: pointer;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	box-shadow: 0 20px 30px -10px #cdd2dd;
	border-radius: 12px
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO:hover {
	-webkit-transform: scale(1.05) translateZ(0);
	transform: scale(1.05) translateZ(0);
	-webkit-transition: all 0.1s;
	transition: all 0.1s
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_sponsorLogo__2O9ts {
	width: 50px;
	height: 50px;
	top: 12px;
	left: 24px
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_sponsorInfo__2SN7V {
	width: auto;
	height: 46px;
	font-size: 18px;
	text-align: left;
	position: absolute;
	left: 24px;
	top: 74px
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_sponsorInfo__2SN7V h2 {
	height: 25px;
	line-height: 25px;
	color: #fff;
	margin-bottom: 0
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_sponsorInfo__2SN7V p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #fff
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_springFestivalSponsorInfo__C0CDM {
	top: 70px
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_springFestivalSponsorInfo__C0CDM p {
	margin-top: 0
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_sponsorModel__18PMQ {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 240px;
	height: 156px
}

.sponsor_sponsor_container__3Qaxw .sponsor_sponsor_list__vf9eV .sponsor_sponsor_item__3OmHO .sponsor_springFestivalSponsorModel__12vPS {
	bottom: 10px;
	height: 126px;
	right: -10px
}

.sports-tab li a .sport-home {
	left: 54%;
	text-align: center
}

.homeSectionTransparent_homeSection_container__36mC1 {
	position: relative;
	width: 100%;
	max-width: 1200px
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_tab_margin2__Kb34p {
	margin-top: 48px
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_warp__FaXhu {
	text-align: center
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_title_en__Qvc0M {
	position: relative;
	top: -10px
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_box__3w8NV.homeSectionTransparent_spring_skin__3hcYn .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_title_en__Qvc0M {
	display: none
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_box__3w8NV.homeSectionTransparent_spring_skin__3hcYn .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_spring_title_en__2jzJU {
	display: inline;
	display: initial
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_box__3w8NV.homeSectionTransparent_spring_skin__3hcYn .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_title_ch__IaZtW {
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_box__3w8NV.homeSectionTransparent_spring_skin__3hcYn .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_title_ch__IaZtW p {
	color: #d11311
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_box__3w8NV.homeSectionTransparent_spring_skin__3hcYn .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_title_ch__IaZtW span {
	-webkit-flex-grow: 0;
	flex-grow: 0
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_header_box__3w8NV.homeSectionTransparent_spring_skin__3hcYn .homeSectionTransparent_header_warp__FaXhu .homeSectionTransparent_title_desc__3FbdY {
	color: #d11311
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_spring_title_en__2jzJU {
	display: none
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_title_ch__IaZtW {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	height: 40px
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_title_ch__IaZtW span:nth-child(odd) {
	height: 21px;
	background-size: cover;
	-webkit-flex-grow: 1;
	flex-grow: 1
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_title_ch__IaZtW .homeSectionTransparent_appdown__DNfTZ {
	-webkit-flex-grow: 0;
	flex-grow: 0;
	font-size: 40px;
	color: #6a7391;
	background: -webkit-linear-gradient(top, #62b3ff 4%, #3d72fa 109%);
	background: linear-gradient(180deg, #62b3ff 4%, #3d72fa 109%);
	color: transparent;
	padding: 0 20px;
	font-weight: 700
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_title_desc__3FbdY {
	margin-top: 10px;
	color: #6c7ba8;
	font-size: 14px;
	font-family: Microsoft YaHei, PingFang SC
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content_wrap__2NQ6y {
	overflow: visible;
	position: relative
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content_wrap__2NQ6y .homeSectionTransparent_angelImg__2lqPG {
	position: absolute;
	width: 160px;
	height: 149px
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content_wrap__2NQ6y .homeSectionTransparent_left_top__2eR_v {
	top: 0;
	left: 0
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content_wrap__2NQ6y .homeSectionTransparent_right_top__3ptaf {
	top: 0;
	right: 0
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content_wrap__2NQ6y .homeSectionTransparent_left_bottom__1zbW4 {
	left: 0;
	bottom: 0
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content_wrap__2NQ6y .homeSectionTransparent_bottom_right__1dRXo {
	right: 0;
	bottom: 0
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content__z5D1R {
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content__z5D1R .homeSectionTransparent_active_title__3glLM {
	width: 560px;
	height: 44px;
	position: absolute;
	top: -89px;
	left: 126px;
	background-size: 100% 100%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 30px
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content__z5D1R .homeSectionTransparent_content_container__3IPuc {
	position: relative;
	width: 100%;
	height: 100%
}

.homeSectionTransparent_homeSection_container__36mC1 .homeSectionTransparent_homeSection_content__z5D1R .homeSectionTransparent_sponsor_info_title__1MVhM {
	width: 190px;
	height: 68px;
	position: absolute;
	top: -38px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 22px;
	text-align: center;
	line-height: 54px;
	font-weight: 700;
	color: #fff;
	background-size: 100% 100%
}

.homeSectionTransparent_homeSection_container__36mC1.homeSectionTransparent_is_petty__2o9hH .homeSectionTransparent_title_en__Qvc0M {
	position: relative;
	top: 0;
	width: auto;
	height: 28px;
	margin-bottom: 12px
}

.homeSectionTransparent_homeSection_container__36mC1.homeSectionTransparent_is_petty__2o9hH .homeSectionTransparent_title_ch__IaZtW {
	margin-bottom: 8px
}

.homeSectionTransparent_homeSection_container__36mC1.homeSectionTransparent_is_petty__2o9hH .homeSectionTransparent_title_ch__IaZtW span:nth-child(2) {
	padding: 0 20px
}

.homeSectionTransparent_homeSection_container__36mC1.homeSectionTransparent_is_petty__2o9hH .homeSectionTransparent_homeSection_content_wrap__2NQ6y {
	margin: 0
}

.appLinker_container__22MR8 {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center
}

.appLinker_container__22MR8:last-child {
	margin-right: 0
}

.appLinker_container__22MR8 .appLinker_frameClassName__3NWV_ {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 194px;
	height: 168px;
	border-radius: 12px;
	border: 2px solid #646464;
	background-image: -webkit-linear-gradient(top, #c1c1c1 1%, #222222);
	background-image: linear-gradient(180deg, #c1c1c1 1%, #222222);
	padding: 12px 23px
}

.appLinker_container__22MR8 .appLinker_frameClassName__3NWV_ ul {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow-y: auto;
	overflow: hidden
}

.appLinker_container__22MR8 .appLinker_frameClassName__3NWV_ ul li {
	text-align: center;
	height: 28px
}

.appLinker_container__22MR8 .appLinker_frameClassName__3NWV_ ul li span {
	max-width: 100%;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 28px;
	text-align: center;
	line-height: 28px;
	text-decoration: underline;
	color: #fff;
	cursor: pointer
}

.appLinker_container__22MR8 .appLinker_frameClassName__3NWV_ ul li span:hover {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #6a7391
}

.appLinker_container__22MR8 .appLinker_fir_text__3LqMO {
	color: #fff;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px
}

.appLinker_container__22MR8 .appLinker_sen_text__1LPhk {
	color: #fff;
	margin-top: 1px;
	font-size: 14px;
	line-height: 22px
}

.homeTabs_hometabs_container__G37AZ {
	position: relative;
	display: -webkit-flex;
	display: flex
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY {
	position: relative;
	font-size: 18px
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY:after {
	content: "";
	display: block;
	clear: both
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY li {
	float: left;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 116px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-size: cover;
	border-radius: 30.6px;
	box-shadow: 0 4px 8px 0 rgba(194, 211, 222, 0.5);
	cursor: pointer;
	margin-right: 12px
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY li:last-child {
	margin-right: 0
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY li .homeTabs_icon__25UZ9 {
	display: block;
	width: 28px;
	height: 28px;
	background-size: 606px 44px;
	margin-right: 14px
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY li span {
	font-size: 16px;
	font-weight: 500;
	color: #fff
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_item__1iDmv {
	color: #6c7ba8;
	background: url(../images/home/app/button.png) no-repeat;
	background-size: 100% 100%;
	position: relative
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_hover_item__jGvGe {
	position: relative
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_hover_item__jGvGe:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	border-radius: 30.6px;
	background-color: rgba(255, 255, 255, 0.2)
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .cur {
	background-image: none !important;
	position: relative;
	z-index: 1;
	color: #fff
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .cur:before {
	content: "";
	z-index: -1;
	top: 0;
	display: block;
	width: 116px;
	height: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	background: url(../images/home/app/button-active.png) no-repeat 0 0 / cover;
/*	box-shadow: 0 2px 4px 0 rgb(194 9 2);*/
	border-radius: 30.6px;
	-webkit-animation: homeTabs_diamondBtnAnimation__x8T3M 0.35s ease-out forwards;
	animation: homeTabs_diamondBtnAnimation__x8T3M 0.35s ease-out forwards
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .cur * {
	position: relative
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .cur span {
	color: #fff
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .cur .homeTabs_icon__25UZ9 {
	width: 44px;
	height: 44px;
	margin-right: 4px;
	position: relative;
	top: 4px
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_leave_out__FWV13 .homeTabs_icon__25UZ9 {
	width: 44px;
	height: 44px;
	margin-right: 4px;
	position: relative;
	top: 4px
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .cur {
	box-shadow: 0 2px 4px 0 rgba(93, 167, 235, 0.8)
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_active_item__1Iucm.homeTabs_icon_animation_in__3nE7N .homeTabs_icon__25UZ9 {
	-webkit-animation: homeTabs_iconAnimationIn__2n8u1 0.35s ease-out;
	animation: homeTabs_iconAnimationIn__2n8u1 0.35s ease-out
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_btnHoverStatus__3LCAR {
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_icon_animation_out__1sZ4h {
	background: url(../images/home/app/button.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	z-index: 1;
	color: #fff
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_icon_animation_out__1sZ4h * {
	position: relative
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_icon_animation_out__1sZ4h:before {
	content: "";
	top: 0;
	display: block;
	width: 96px;
	height: 40px;
	position: absolute;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	background: url(../images/home/app/button-active.png) no-repeat 0 0 / cover;
	box-shadow: 0 2px 4px 0 rgba(93, 167, 235, 0.8);
	border-radius: 30.6px;
	z-index: -1;
	-webkit-animation: homeTabs_diamondBtnAnimationLe__1grkp 0.35s ease-out forwards;
	animation: homeTabs_diamondBtnAnimationLe__1grkp 0.35s ease-out forwards
}

.homeTabs_hometabs_container__G37AZ .homeTabs_list__2eqlY .homeTabs_icon_animation_out__1sZ4h .homeTabs_icon__25UZ9 {
	-webkit-animation: homeTabs_iconAnimationOut__aoF7z 0.35s ease-out forwards;
	animation: homeTabs_iconAnimationOut__aoF7z 0.35s ease-out forwards
}

.homeTabs_hometabs_container_righth__1rf8a {
	margin-top: 26px;
	margin-bottom: 54px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.homeTabs_hometabs_container_center__3xZWy {
	-webkit-justify-content: center;
	justify-content: center;
	margin: 35px 4px 0 16px
}

.app-download_downtemplate_container__2Yd53 {
	position: relative;
	margin-top: 32px
}

.app-download_downtemplate_container__2Yd53 .app-download_item_wrap__36YdT {
	width: 100%;
	height: 100%
}

.app-download_downtemplate_container__2Yd53 .app-download_tabs__2HnX0 {
	margin: 36px 36px 0;
	display: -webkit-flex;
	display: flex
}

.app-download_downtemplate_container__2Yd53 .app-download_left_warp__39p8J {
	position: relative;
	width: 880px;
	height: 620px;
	z-index: 0
}

.app-download_downtemplate_container__2Yd53 .app-download_left_warp__39p8J>div {
	width: 100%;
	margin-left: -85px;
	pointer-events: none
}

.app-download_downtemplate_container__2Yd53 .app-download_right_card__1QrDB {
	width: 456px;
	min-width: 456px;
	height: 580px;
	position: absolute;
	z-index: 1;
	background-size: cover;
	top: 0;
	right: 0;
	border-radius: 24px;
	box-shadow: 0 20px 30px -10px #cdd2dd
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp {
	width: 456px;
	min-width: 456px;
	height: 504px;
	position: absolute;
	z-index: 2;
	top: 76px;
	right: -452px;
	overflow: hidden
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_appInfo__1ArvB.app-download_animationIn__2FiV1 {
	-webkit-animation: app-download_animationIn__2FiV1 0.3s ease-in forwards;
	animation: app-download_animationIn__2FiV1 0.3s ease-in forwards
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_appInfo__1ArvB .app-download_title__2T3fI {
	height: 40px;
	line-height: 40px;
	margin-top: 44px;
	margin-left: 36px;
	margin-bottom: 0;
	font-size: 40px;
	color: #fff !important;
	font-weight: 700;
	font-family: Microsoft Yahei, PingFang SC, DinPro !important
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_appInfo__1ArvB .app-download_desciption__1C-uO {
	line-height: 1.56;
	margin-top: 12px;
	font-size: 18px;
	color: #fff;
	text-align: left;
	width: 384px;
	margin-left: 33px;
	min-height: 112px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 40px;
	padding-right: 40px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt .app-download_qrcode_warp__3xw0M {
	text-align: center;
	margin-left: 22px;
	margin-right: 47px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt .app-download_qrcode_warp__3xw0M .app-download_qrcode_box__oonH7 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 168px;
	height: 168px;
	border-radius: 12px;
	border: 2px solid #646464;
	background-image: -webkit-linear-gradient(top, #c1c1c1 1%, #222222);
	    background-image: linear-gradient(180deg, #c1c1c1 1%, #222222);
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt .app-download_qrcode_warp__3xw0M .app-download_qrcode_box__oonH7 .app-download_qrcode__2ttzs {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 128px;
	height: 130px;
	background: url(../images/home/app/qr-fram.png) no-repeat;
	background-size: cover
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt .app-download_qrcode_warp__3xw0M p {
	color: #fff
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt .app-download_qrcode_warp__3xw0M .app-download_fir_text__37P0c {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_bottom_warp__2Bstt .app-download_qrcode_warp__3xw0M .app-download_sen_text__2l-8j {
	margin-top: 1px;
	font-size: 14px;
	line-height: 22px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM {
	width: 100%;
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 32px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA {
	position: relative;
	z-index: 1;
	font-family: Microsoft YaHei;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	color: #fff;
	content: "";
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 120px;
	height: 168px;
	background: -webkit-linear-gradient(top, rgba(247, 250, 252, 0.9) 1.08%, rgba(235, 240, 245, 0.9));
	background: linear-gradient(180deg, rgba(247, 250, 252, 0.9) 1.08%, rgba(235, 240, 245, 0.9));
	border: 2px solid #fff;
	box-sizing: border-box;
	border-radius: 12px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA .app-download_iconItem__2dvAy {
	display: -webkit-flex;
	display: flex;
	position: absolute;
	margin-top: 19px;
	width: 70px;
	height: 75px
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA .app-download_iconItem__2dvAy.app-download_iconWin__MGpvw {
	background-image: url(../images/home/app/icon-windows.png);
	background-size: 100% 100%
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA .app-download_iconItem__2dvAy.app-download_iconMac__3tq7S {
	background-image: url(../images/home/app/icon-mac.png);
	background-size: 100% 100%
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA .app-download_iconItem__2dvAy.app-download_iconAndroid__3S8pw {
	background-image: url(../images/home/app/andriod.png);
	background-size: 100% 100%
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA .app-download_downTitle__6BRqS {
	position: absolute;
	bottom: 54px;
	font-family: Microsoft YaHei;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #6c7ba8
}

.app-download_downtemplate_container__2Yd53 .app-download_right_warp__10Ttp .app-download_footerBtn__3pNgM .app-download_btnItem__2XlzA .app-download_downBtn__2-zzv {
	line-height: 24px;
	height: 24px;
	width: 70.1px;
	position: absolute;
	bottom: 20px;
	background-image: url(../images/home/app/button-active.png);
	background-size: 100% 100%;
	cursor: pointer
}

.app-download_downtemplate_container__2Yd53 .app-download_mainAnimation__3WA3t {
	-webkit-animation: app-download_animationMain__2YnNL 0.48s cubic-bezier(0.17, 0.17, 0.67, 1);
	animation: app-download_animationMain__2YnNL 0.48s cubic-bezier(0.17, 0.17, 0.67, 1)
}

.app-download_downtemplate_container__2Yd53 .app-download_infoAnimation__2g4UT {
	-webkit-animation: app-download_animationInfo__Cc_7b 0.48s ease-in-out;
	animation: app-download_animationInfo__Cc_7b 0.48s ease-in-out
}

.app-download_downtemplate_container__2Yd53 .app-download_qrAnimation__3giCI {
	-webkit-animation: app-download_animationQr__2t8mC 0.6s cubic-bezier(0.2, 0.2, 0.1, 0.8);
	animation: app-download_animationQr__2t8mC 0.6s cubic-bezier(0.2, 0.2, 0.1, 0.8)
}

.app-download_qrCodeContainer__1rQXR {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center
}

.app-download_qrCodeContainer__1rQXR span {
	margin-top: 7px;
	line-height: 20px;
	font-size: 14px;
	color: #6c7ba8
}

.app-download_qrCodePop__2Axg0 .ant-popover-inner-content {
	padding: 15px 15px 8px
}

.footer_license_warp {
	position: relative;
	padding: 0 130px;
	margin-top: 20px;
	z-index: 0
}

.footer_license_warp .footer_license_list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
	height: 100%
}

.footer_license_warp .footer_license_list .footer_license_item {
	height: 68px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer
}

.footer_license_warp .footer_license_list .footer_license_item .footer_icon_group {
	position: relative
}

.footer_license_warp .footer_license_list .footer_license_item:first-child .footer_iconDefault {
	background-position: 0 0
}

.footer_license_warp .footer_license_list .footer_license_item .footer_icon_group .footer_iconDefault {
	opacity: 1;
	z-index: 1
}

.footer_license_warp .footer_license_list .footer_license_item .footer_icon_group>div {
	top: 0;
	left: 0;
	width: 100%;
	height: 41px;
	background-image: url(../images/home/sprite-licient.png);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: 100%;
	background-size: 958px 41px
}

.footer_license_warp .footer_license_list .footer_license_item:first-child .footer_iconHover {
	background-position: -167px 0
}

.footer_license_warp .footer_license_list .footer_license_item .footer_icon_group .footer_iconHover {
	display: none
}

.footer_license_warp .footer_license_list .footer_license_item .footer_icon_group>div {
	top: 0;
	left: 0;
	width: 100%;
	height: 41px;
	background-image: url(../images/home/sprite-licient.png);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: 100%;
	background-size: 958px 41px
}

.footer_license_warp .footer_license_list .footer_license_item:nth-child(2) .footer_iconDefault {
	background-position: -334px 0
}

.footer_license_warp .footer_license_list .footer_license_item:hover .footer_iconHover {
	display: block
}

.footer_license_warp .footer_license_list .footer_license_item:nth-child(2) .footer_iconHover {
	background-position: -507px 0
}

.footer_license_warp .footer_license_list .footer_license_item:nth-child(3) .footer_iconDefault {
	background-position: -680px 0
}

.footer_license_warp .footer_license_list .footer_license_item:nth-child(3) .footer_iconHover {
	background-position: -820px 0
}

.footer_license_warp .footer_license_list .footer_license_item:hover .footer_iconHover {
	display: block
}

.footer_license_warp .footer_license_list .footer_license_item:hover .footer_iconDefault {
	opacity: 0;
	display: none
}

.footer_license_warp .footer_license_list .footer_license_item:hover .footer_iconHover {
	display: block
}

.footer_license_warp .footer_license_list .footer_license_item:hover .footer_license_name {
	color: #fff
}

.footer_license_warp .footer_license_list .footer_license_item .footer_license_name {
	font-size: 14px;
	color: #878ea6;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}

@-webkit-keyframes app-download_animationMain__2YnNL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		-webkit-transform: translateX(-60px);
		transform: translateX(-60px)
	}

	55% {
		-webkit-transform: translateX(70px);
		transform: translateX(70px)
	}

	to {
		opacity: 1
	}
}

@keyframes app-download_animationMain__2YnNL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	50% {
		opacity: 0;
		-webkit-transform: translateX(-60px);
		transform: translateX(-60px)
	}

	55% {
		-webkit-transform: translateX(70px);
		transform: translateX(70px)
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes app-download_animationInfo__Cc_7b {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px)
	}

	to {
		opacity: 1
	}
}

@keyframes app-download_animationInfo__Cc_7b {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	40% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px)
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes app-download_animationQr__2t8mC {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	31% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes app-download_animationQr__2t8mC {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	31% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	60% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.center-avatar {
	position: relative;
	overflow: unset
}

.center-avatar img {
	border-radius: 100%
}

.btn-avatar {
	cursor: pointer;
	background: #fff;
	border: none;
	bottom: -2px;
	box-shadow: 0 1px 2px 0 rgba(60 64 67, 0.3), 0 1px 3px 1px rgba(60 64 67, 0.15);
	color: #3c4043;
	height: 24px;
	outline: 0;
	padding: 0;
	position: absolute;
	right: -1px;
	width: 24px;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	display: flex;
	align-items: center;
	justify-content: center
}

.uIconchose img {
	position: absolute;
	right: 0;
	bottom: 0
}

#avatar_img {
	width: 100px;
	height: 100px;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	border-radius: 100%;
	border: 1px solid #ccc
}

.btn-avatar img {
	width: 15px
}

.logged .uIconchose {
	width: 120px;
	margin: auto;
	position: relative
}

#user_avatar .modal-dialog {
	width: 585px;
	max-width: 585px;
	margin: 120px auto !important
}

#user_avatar .modal-body {
	display: inline-block;
	padding: 25px 10px
}

.avatar-wrap .close {
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: -10px;
	right: 3px
}

.avatar-wrap .close span {
	font-size: 31px;
	color: #525252
}

.avatar-wrap .avata_img {
	display: block;
	float: left;
	margin: 5px;
	position: relative
}

.avatar-wrap .avata_img img {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	border: 1px solid #ccc
}

.avatar-wrap a.active:before {
	content: " \2714";
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
	color: white;
	background: green;
	font-size: 10px;
	border-radius: 100%;
	position: absolute;
	bottom: 0px;
	right: 0
}

.avatar-wrap h3 {
	font-size: 17px;
	position: relative;
	top: -11px;
	width: 50%;
	margin: 0 auto
}

#slots_game {
	height: 612px;
	overflow: scroll
}

#kaiyuan_game {
	height: 624px;
	overflow: scroll
}

#slots_game::-webkit-scrollbar,
#kaiyuan_game::-webkit-scrollbar {
	width: 5px
}

#slots_game::-webkit-scrollbar-track,
#kaiyuan_game::-webkit-scrollbar-track {
	background: #f1f1f1
}

#slots_game::-webkit-scrollbar-thumb,
#kaiyuan_game::-webkit-scrollbar-thumb {
	background: #cc0000;
	border-radius: 10px
}

.slots-place__field {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

slots-wrapper #wrapper_game_area {
	display: inherit;
	position: relative;
	-webkit-flex-wrap: inherit;
	-ms-flex-wrap: inherit;
	flex-wrap: inherit;
	-webkit-align-items: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	width: 100%
}

.slots-wrapper #wrapper_game_area {
	display: inherit;
	position: relative;
	-webkit-flex-wrap: inherit;
	-ms-flex-wrap: inherit;
	flex-wrap: inherit;
	-webkit-align-items: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	-webkit-justify-content: inherit;
	-ms-flex-pack: inherit;
	justify-content: inherit;
	width: 100%
}

.slots-place__game-area {
	max-width: 75.625em;
	margin: 1.25em auto 0
}

.slots-place__game-area {
	max-width: 75.625em;
	margin: 1.25em auto 0
}

.slots-place__game-area[data-view="1"] .slots-place__place {
	width: 1175px;
	margin: auto;
	left: 50%;
	margin-left: -595px;
	height: 660px
}

.slots-place__place {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 2.5em rgb(0 0 0 / 50%);
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	top: 94px
}

#preloader_slots {
	position: absolute;
	border: 4px solid transparent;
	border-top-color: #fff;
	border-bottom-color: #ffffff;
	border-radius: 100%;
	width: 120px;
	height: 120px;
	-webkit-animation: animate-preloader 0.9s linear infinite;
	animation: animate-preloader 0.9s linear infinite;
	margin-left: -67.333px;
	margin-top: -100.333px
}

.LogoShine {
	background-image: url("../images/huin.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-animation: lightAnimation 0.3s ease-in-out infinite;
	animation: lightAnimation 0.3s ease-in-out infinite;
	left: 0;
	position: relative;
	border: 4px solid #fff;
	z-index: 99999;
	top: 50%;
	height: 83px;
	width: 83px;
	margin-left: -50px;
	box-shadow: 0 0 20px 0 #ffffff;
	border-radius: 50%
}

.slots-place__place {
	left: 50% !important;
	width: 1300px !important;
	height: 100% !important;
	margin-left: -47rem !important
}

.slots-place__place iframe {
	height: 85% !important
}

@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

#preloader_slots {
	position: absolute;
	border: 4px solid transparent;
	border-top-color: transparent;
	border-bottom-color: #ffffff;
	border-radius: 100%;
	width: 120px;
	height: 120px;
	-webkit-animation: animate-preloader 0.9s linear infinite;
	animation: animate-preloader 0.9s linear infinite;
	margin-left: -30.333px;
	margin-top: -91.333px;
	background: transparent;
	border: none;
	opacity: 0.1
}

.LogoShine.small {
	background-image: url("data:image/png;base64,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");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-animation: lightAnimation 0.3s ease-in-out infinite;
	animation: lightAnimation 0.3s ease-in-out infinite;
	left: 0;
	position: relative;
	border: 3px solid #fff;
	z-index: 99999;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-left: -50px;
	box-shadow: 0 0 15px 0 #ffffff;
	border-radius: 50%;
	background-size: 50px 50px;
	margin-left: -30px;
	background-color: #fff;
	height: 50px;
	width: 50px
}

#preloader_logo_small {
	position: absolute;
	border: 2px solid transparent;
	border-top-color: #17b8ff;
	border-bottom-color: #ffffff;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	-webkit-animation: animate-preloader 0.9s linear infinite;
	animation: animate-preloader 0.9s linear infinite;
	margin-left: -45.222px;
	margin-top: -65.222px
}

@-webkit-keyframes lightAnimation {
	0% {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}

	50% {
		-webkit-filter: brightness(1.2);
		filter: brightness(1.2)
	}

	to {
		-webkit-filter: brightness(1);
		filter: brightness(1)
	}
}

.slots-place__controls {
	display: block;
	display: block;
	display: block;
	position: absolute;
	top: 0px;
	right: -27px
}

.slots-place__action {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 1.875em;
	height: 1.875em;
	background-color: #2d333a;
	transition: background-color 0.2s ease;
	margin-left: 0.125em
}

.slots-place__action_popup::before {
	content: "\f08e"
}

.slots-place__action::before {
	font-family: FontAwesome;
	font-size: 0.875em;
	color: #ddd
}

.slots-place__action_fullscreen::before {
	content: "\f0b2"
}

.slots-place__action::before {
	font-family: FontAwesome;
	font-size: 0.875em;
	color: #ddd
}

.slots-place__action_fav::before {
	content: "\f006"
}

.slots-place__action::before {
	font-family: FontAwesome;
	font-size: 0.875em;
	color: #ddd
}

.slots-place__action_real::before {
	content: "\f204"
}

.slots-place__action::before {
	font-family: FontAwesome;
	font-size: 0.875em;
	color: #ddd
}

.slots-place__action_real::before {
	content: "\f204"
}

.slots-place__action::before {
	font-family: FontAwesome;
	font-size: 0.875em;
	color: #ddd
}

.slots-place__action_close::before {
	content: "\f00d"
}

.slots-place__action::before {
	font-family: FontAwesome;
	font-size: 0.875em;
	color: #ddd
}

.slots-place__action_reload::before {
	content: "\f01e"
}

.slots-bottom.is-fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999
}

.slots-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3.0625em;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background-color: #262b31
}

.slots-bottom__panel {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.slots-bottom__games.active {
	display: block
}

.slots-bottom__games {
	display: none;
	position: absolute;
	bottom: 100%;
	width: 100%;
	overflow: hidden;
	background-color: #22282e;
	left: 0
}

.slots-bottom__search-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0em 0.9375em;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.slots-bottom__search-wrap::before {
	content: "\f002";
	position: absolute;
	font-family: FontAwesome;
	color: #ddd;
	left: 10.75em
}

.slots-search__games {
	display: none;
	position: absolute;
	bottom: 100%;
	z-index: 1;
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 0;
	background-color: #262b31;
	left: -1px
}

.slots-bottom__view {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0em 0.9375em;
	height: 100%;
	border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.slots-bottom__switch.active,
.slots-bottom__switch:hover {
	opacity: 1
}

.slots-bottom__switch:not(:last-child) {
	margin-right: 0.625em
}

.slots-bottom__switch {
	opacity: 0.3;
	position: relative;
	box-sizing: border-box;
	width: 2.0625em;
	height: 1.4375em;
	border: 1px solid #fff;
	border-radius: 0.125em;
	transition: opacity 0.2s ease
}

.slots-bottom__switch::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 1.8125em;
	height: 1.1875em;
	background: #fff
}

.slots-bottom__switch:not(:last-child) {
	margin-right: 0.625em
}

.slots-bottom__switch {
	opacity: 0.3;
	position: relative;
	box-sizing: border-box;
	width: 2.0625em;
	height: 1.4375em;
	border: 1px solid #fff;
	border-radius: 0.125em;
	transition: opacity 0.2s ease
}

.slots-bottom__switch::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 1.8125em;
	height: 1.1875em;
	background: #fff
}

.slots-bottom__switch:nth-child(2)::before {
	width: 0.875em;
	box-shadow: 0.9375em 0 0 #fff
}

.slots-bottom__switch {
	opacity: 0.3;
	position: relative;
	box-sizing: border-box;
	width: 2.0625em;
	height: 1.4375em;
	border: 1px solid #fff;
	border-radius: 0.125em;
	transition: opacity 0.2s ease
}

.slots-bottom__switch:nth-child(3)::before {
	width: 0.875em;
	height: 0.5625em;
	box-shadow: 0.9375em 0 0 #fff, 0 0.625em 0 #fff, 0.9375em 0.625em 0 #fff
}

.slots-bottom__switch::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 1.8125em;
	height: 1.1875em;
	background: #fff
}

.slots-place__place iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.slots-bottom {
	display: none
}

.slots-bottom__menu {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.slots-bottom__item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0em 1.07143em;
	height: 100%;
	text-transform: uppercase;
	font-size: 0.875em;
	color: #ddd !important;
	transition: background-color 0.2s ease;
	border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.slots-bottom__item_last::before {
	content: "\f253";
	font-size: 1.25em
}

.slots-bottom__item.active,
.slots-bottom__item:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff
}

.slots-bottom__item::before {
	font-family: FontAwesome;
	font-size: 1.5em;
	color: #ddd;
	margin-right: 0.41667em
}

.swiper-slide .slots-games__item-wrap {
	width: 100%;
	min-width: 100%
}

.slots-bottom__list .slots-games__item-wrap {
	padding: 0.15385em;
	min-width: 14.61538em;
	font-size: 0.8125em;
	padding-right: 5px;
	margin: 3px;
	padding-left: 36px
}

.slots-bottom__item_popular::before {
	content: "";
	width: 0.83333em;
	height: 0.83333em;
	background: url(../images/ico-popular.png) center no-repeat;
	background-size: contain
}

.slots-bottom__item_news::before {
	content: "";
	width: 0.83333em;
	height: 0.83333em;
	background: url(../images/ico-news.png) center no-repeat;
	background-size: contain
}

.slots-games__fast_title {
	color: #fff;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 150px;
	padding-bottom: 5px;
	font-size: 12px;
	position: relative;
	margin-left: 40px
}

.slots-games__fast_title_provider {
	color: #fff;
	text-align: center;
	width: 150px;
	padding-bottom: 5px;
	font-size: 12px;
	margin-left: 40px
}

.swiper-notification {
	padding-left: 10px;
	color: #fff;
	display: none;
	height: 30px;
	line-height: 30px
}

.owl-carousel .item:hover {
	transform: scale(0.95) !important
}

.slots-games__item-wrap {
	min-width: 20%;
	width: 20%;
	padding: 0.125em;
	box-sizing: border-box
}

.slots-games__item {
	box-sizing: border-box;
	border: 1px solid #30353b;
	position: relative;
	text-align: center;
	height: 100px;
	background-size: 100% 100% !important;
	max-width: 150.222px;
	width: 150.222px;
	background-size: cover !important;
	background-position: center !important
}

.slots-games__ribbons {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: absolute;
	right: 0;
	top: 0.3125em
}

.swiper-wrapper {
	visibility: hidden
}

.swiper-wrapper.open {
	display: flex !important;
	visibility: visible
}

.swiper-wrapper.close {
	visibility: hidden
}

.slots-games__play.playbtnhvr {
	line-height: 35px;
	color: #fff;
	position: absolute;
	width: 120px;
	left: 50%;
	top: 0;
	margin-left: -60px;
	margin-top: 40px;
	display: none;
	background: #3b4146;
	border-radius: 10px
}

.slots-games__item-wrap:hover .slots-games__play.playbtnhvr {
	display: block
}

.slots-games__item-wrap:hover .slots-games__item {}

.slots-bottom__arrow_back {
	left: 0
}

.slots-bottom__arrow_next {
	right: 0
}

.slots-bottom__arrow {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	z-index: 2;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 2.5em;
	height: 100%;
	outline: none;
	background-color: #32383d;
	transition: background-color 0.2s ease
}

.slots-bottom__arrow_back::before {
	content: "\f104"
}

.slots-bottom__arrow_next::before {
	content: "\f105"
}

.slots-bottom__arrow::before {
	font-family: FontAwesome;
	color: #ddd
}

.slots-bottom__item_hot {
	width: 20px;
	height: 20px;
	background: url(../images/ico-popular.png) center no-repeat;
	background-size: contain;
	position: relative;
	display: inline-block;
	top: 5px
}

.banner-slots {
	position: inherit !important
}

.loading_gift {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	display: block;
	margin-top: -50px
}

#preloader_pagin_old {
	position: absolute;
	border: 2px solid #ffffff;
	border-top-color: #186fae;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
	margin-left: -10px;
	margin-top: 35px
}

#LoadSlotsContent iframe {
	background: url("https://s3.ap-east-1.amazonaws.com/hcgames-pc/content/images/slots-place.jpg");
	width: 100%;
	height: 100%
}

.slots-wrapper {
	background: rgba(0, 0, 0, 0.98);
	top: 50px !important;
	z-index: 99999;
	background-size: auto !important
}

.show_menu,
.hide_menu {
	z-index: 999999
}

.slots-nav a {
	padding: 0 5px !important;
	margin: 15px 20px 0px 10px !important
}

#provider_img_active {
	width: auto !important
}

.slots-bottom__search {
	height: 25px;
	border-radius: 5px;
	text-indent: 10px
}

.pl-lotteru-en a .sport-home {
	white-space: nowrap
}

ul.pl-lotteru-en li {
	margin-left: 29px;
	text-align: center
}

ul.pl-lotteru-en li a .sport-home {
	left: 55%
}

ul.pl-lotteru-en li.thai_lottery a .sport-home {
	left: 44%
}
.banner-home {
	width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}
.banner-home .swiper-container {
    width: 100%;
    height: 100%;
}
.banner-home img {
    width: 100%;
    max-height: 600px;
}
.top-bar{width: 526px}
.nav-menubon form .form_01{float: left; width: 325px;height: 60px;overflow: hidden;margin-top: 2px;margin-right: 5px;}
.nav-menubon form .form-group._vr_captcha_box{ position: relative; }
.nav-menubon form .form-group.account { color: #f6ca89; }
.nav-menubon form .form-group.code input { width: 130px; padding-right: 66px; }
.nav-menubon form .form-group.code img { position: absolute; right: 0; top: 0; width: 60px; height: 23px; border-radius: 3px; }
.nav-menubon form .form-group .loginTop {position: absolute;top:1px;right: 2px; width: 66px; height: 24px; }
.nav-menubon form .form-group .form-control { width: 160px; height: 27px; line-height: 27px; font-size: 12px; font-weight: normal; color: #5b330f; border:0; outline: 0; margin-bottom: 3px;padding: 0 0 0 5px; background: no-repeat; }
.nav-menubon form .form-group .form-control:focus { box-shadow: none; }
.nav-menubon form .form-group .form-control.pwd{padding-right: 35px;}
.nav-menubon form .form-group .forget-pas{position: absolute;right: 6px;top: 7px;font-size: 12px;color: #000;}
.nav-menubon form .form_01 button{font-size: 0; display: inline-block; vertical-align: 10px; color: #fff; height: 28px;float: left;}
.nav-menubon form .btn-login {  width: 62px;}
.nav-menubon form .btn-login {
    background: url(../images/bt_login.png) no-repeat;
}
.nav-menubon form .signIn{width: 256px; margin-left: 3px;}
.nav-menubon form .btn-register { font-size: 0; display: inline-block; vertical-align: 3px; color: #fff; height: 57px; width: 120px; background: no-repeat;  }

.form-inlined .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.pull-right{float: right!important;}
.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
.clearfix { margin: 16px 0 0; }
.clearfix .infos li a { font-size: 12px; color: #fff; }
.clearfix .infos li:after { content: "|"; margin-left: 6px; color: #fff; }
.clearfix .infos li:last-child { }
.clearfix .infos li:last-child:after { content: ""; }
.clearfix .infos .language { background: no-repeat; width: 74px; height: 16px; display: inline-block; vertical-align: middle; }
.nav-menubon form .form-group.account .form-control,.nav-menubon form .form-group .form-control.pwd{color: #fff}
.header-panel { right: 0; text-align: right; margin-top: 10px;}
.header-panel a { color: #f6ca89 !important; padding: 0 8px !important; font-size: 12px; }
.header-panel a:hover { color: #fff; }
.header-panel .dropdown { vertical-align: top; }
.header-panel ul{text-align: right !important;}
.header-panel ul li{display: inline-block;}
.dropdown._vr_balanceBox .members-dropdown{text-align: left !important;}
.header-panel .dropdown:hover .dropdown-menu { display: block; }
.header-panel .dropdown-menu { background: #6c5238; margin-top: 0; border-color: transparent; }
.header-panel .dropdown-menu .divider { background-color: #fff; }
 .header-panel ul{margin: 0;padding: 0;text-align: left;color:#fff;}
.header-panel ul li{width: auto;display: inline-block;margin-right: 12px;line-height: 22px;}
.header-panel .panel_news .label-info {background-color: #e00e0e;}
.header-panel .panel_name a {color: #efd709 !important;}
.header-panel .panel_Assets .text-warning{color: #FF9800 !important;}
.header-panel ul .panel_logout a{display: inline-block;width: auto;height: 22px;color:#fff!important;border: 1px solid #009688;text-align: center;line-height: 20px;border-radius: 4px;background-color: #4CAF50;}
.header-panel ul li a{color:#fff;}
.header-panel ul li a:hover{color: #FF9800;}
.header-panel ul .panel_logout{margin-right: 0;}
.header-panel ul li a._vr_vipGrad{ padding: 0;  color: #FFD700;  font-weight: bold;}
.show-on-hover.dropdown a>.gui{position: unset !important;padding: 0!important;}
._vr_balanceBox {display: inline-block!important;}
._vr_balanceBox .text-warning{color: #FF9800 !important;}
.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.account input::placeholder, .password input::placeholder{color: #fff}