/* CSS Document */
.mod-tags a,
.mod-promotions .menu-sub ul li a {
	background: url(/static/image/btn_bg_spirits.png) repeat-x;
}

/* 首页 */
.mod-home .mod-banner {
	max-height: 820px;
}

.mod-home .slide-wrap ul li {
	height: auto;
}

.home-platform li {
	width: 100%;
	height: 360px;
	background: no-repeat center top url(/static/image/home_platform_01.jpg), #eee url(/static/image/home_platform_01.jpg);
	margin-bottom: 20px;
	color: #444444;
	overflow: hidden;
}

.home-platform li.home-sports {
	background-image: url(/static/image/home_platform_02.jpg?2), url(/static/image/home_platform_02.jpg?3);
}

.home-platform li.home-games {
	background-image: url(/static/image/home_platform_03.jpg), url(/static/image/home_platform_03.jpg);
}

.home-platform li .layout {
	position: relative;
}

.home-platform li .platform-info {
	padding: 0 0 0 60px;
}

.home-platform li h2 {
	font-size: 35px;
}

.home-platform li p {
	font-size: 14px;
	margin-top: 25px;
}

.home-platform li.home-live h2 {
	padding-top: 70px;
}

.home-platform li.home-live .live-jackpot {
	margin-left: -9px;
}

.home-platform li.home-sports h2 {
	padding-top: 55px;
}

.home-platform li.home-sports span {
	display: block;
	font-size: 18px;
}

.home-platform li.home-games h2 {
	padding-top: 80px;
}

.home-platform li a.platform-link-btn {
	background: url(/static/image/btn_spirits.png) no-repeat;
	display: block;
	width: 132px;
	height: 45px;
	margin-top: 30px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.home-platform li a.platform-link-btn:hover {
	background-position: 0 -46px;
}

.home-sponsor img {
	width: 100%;
}

.introduce-top {
	width: 100%;
}

.introduce-speed {
	width: 63%;
	height: 230px;
	position: absolute;
	left: 31%;
	top: 12%;
}

.introduce-speed span {
	float: left;
	display: inline;
	width: 19%;
}

.introduce-speed span img {
	width: 100%;
}

.introduce-speed em {
	float: left;
	display: inline;
	width: 8%;
	height: 1px;
}

.introduce img {
	width: 100%;
}

.introduce ul {
	padding: 50px 0;
}

.introduce ul li {
	float: left;
	display: inline;
	width: 25%;
	text-align: center;
}

.introduce ul li i {
	width: 115px;
	height: 147px;
	margin: 20px auto;
	display: block;
}

.introduce ul li.introduce-01 i {
	background: url(/static/image/introduct_icons_01.gif) no-repeat;
}

.introduce ul li.introduce-02 i {
	background: url(/static/image/introduct_icons_02.gif) no-repeat;
}

.introduce ul li.introduce-03 i {
	background: url(/static/image/introduct_icons_03.gif) no-repeat;
}

.introduce ul li.introduce-04 i {
	background: url(/static/image/introduct_icons_04.gif) no-repeat;
}

.introduce ul li p {
	width: 230px;
	margin: 0 auto;
	color: #888;
}

/*体育投注*/
.mod-sports .pr a {
	width: 93px;
	height: 90px;
	position: absolute;
	left: -130px;
	background: url(/static/image/sports_icons.png) no-repeat, url(/static/image/sports_icons.png) no-repeat;
	z-index: 99;
}

.mod-sports .pr a.link-tutorial {
	top: 50px;
	background-position: 0 -551px;
}

.mod-sports .pr a.link-tutorial:hover {
	background-position: 0 -643px
}

.mod-sports .pr a.link-guide {
	background-position: 0 -183px;
	top: 250px
}

.mod-sports .pr a.link-guide:hover {
	background-position: 0 -275px;
}

.mod-sports .pr a.link-live {
	top: 150px
}

.mod-sports .pr a.link-live:hover {
	background-position: 0 -91px
}

.mod-sports .pr a.link-mobile {
	top: 350px;
	background-position: 0 -366px
}

.mod-sports .pr a.link-mobile:hover {
	background-position: 0 -458px
}

.mod-sports {
	padding: 79px 0 30px;
	background: url(/static/image/sports_bg_wc.jpg) no-repeat center top, #fff url(/static/image/sports_bg_wc.jpg) no-repeat center top;
	background-size: cover;
}

.mod-sports.asiasport {
	background-image: url(/static/image/sports_bg_asia.jpg?5);
	background-position: right center;
}

.mod-sports.europesport {
	background-image: url(/static/image/sports_bg_europe.jpg?2), url(/static/image/sports_bg_europe.jpg?2);
	background-position: right center;
}

.mod-sports.btisport {
	background-image: url(/static/image/sports_bg_bti.jpg);
	background-position: right center;
}

.mod-sports .layout1020 {
	margin-top: 10px;
	position: relative;
}

.mod-sports.europesport>.layout1020,
.mod-sports.asiasport>.layout1020 {
	width: 1024px;
}

@media screen and (min-width:1550px) {
	.mod-sports.europesport>.layout {
		width: 1280px;
	}

	.mod-sports.europesport>.layout1020 {
		width: 1440px;
		padding-left: 100px;
	}

	.mod-sports.asiasport>.layout {
		width: 1200px;
	}

	.mod-sports.asiasport>.layout1020 {
		width: 1350px;
		padding-left: 100px;
	}
}

.mod-tags {
	width: 672px;
	height: 34px;
	overflow: hidden;
	margin: 0 auto;
}

.mod-tags a {
	width: 167px;
	background-position: 0 -389px;
	border-right: 1px solid #fff;
	display: inline;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	overflow: hidden;
}

.mod-tags a.current,
.mod-tags a:hover {
	color: #fff;
	background-position: 0 -424px;
}

.mod-sports .bb-sport {
	padding: 20px 0 30px;
	width: 1000px;
	height: 445px;
	margin: 0 auto;
}

.mod-sports .bb-wrap,
.mod-sports .bb-wrap a {
	background: url(/static/image/bb_sports_spirits.png) no-repeat;
}

.mod-sports .bb-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

.mod-sports .bb-wrap a {
	display: block;
	background-position: 0 -470px;
	width: 200px;
	height: 45px;
	position: absolute;
	top: 285px;
	left: 514px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.mod-sports .bb-wrap a:hover {
	background-position: 0 -516px;
}

.mod-sports .sports-mode {
	display: none;
	position: absolute;
	width: 33px;
	height: 170px;
	background: url(/static/image/day_mode.png) center / 100% 100%;
	left: -33px;
	bottom: 50px;
	cursor: pointer;
}

.mod-sports.night-mode .sports-mode {
	background-image: url(/static/image/night_mode.png);
}

.mod-sports.msport .sports-mode {
	display: block;
}

.mod-sports.msport {
	background-image: url(/static/image/sports_bg.png);
	background-color: #fff;
}

.mod-sports.night-mode.msport {
	background-color: #444;
}

.mod-sports.aisport {
	background: #132d37;
	padding-bottom: 0;
}

.mod-sports.btisport {
	background: #EBEBEB;
	padding-bottom: 0;
}

.mod-sports.aisport>.layout,
.mod-sports.btisport>.layout {
	display: none;
}

.mod-sports.aisport .layout1020,
.mod-sports.btisport .layout1020 {
	width: 100%;
	min-width: 1440px;
	height: calc(100vh - 79px);
	margin: 0 auto;
	padding: 0;
}

.mod-sports.aisport .layout1020 iframe,
.mod-sports.btisport .layout1020 iframe {
	height: 100%;
}

.mod-sportslist {
	background: url(/static/image/sports_bg.jpg?2) no-repeat top center / cover, url(/static/image/sports_bg.jpg?2) no-repeat top center / cover;
}

.mod-sportslist .layout {
	width: 100%;
	max-width: 1600px;
	padding: 5%;
	box-sizing: border-box;
}

.mod-sportslist .jackpot-wrap {
	width: 1000px;
	height: 200px;
	background: url(/static/image/sports_jackpot.png?2) no-repeat;
}

.mod-sportslist .jackpot-wrap p {
	color: #FF6700;
	margin: 10px 0 0 230px;
	font-family: 'ShangShouYiFeiTi';
	font-size: 60px;
	letter-spacing: 3px;
	font-weight: normal;
}

.mod-sportslist .jackpot-wrap p em {
	margin-right: 30px;
}

.mod-sportslist .jackpot-wrap p b {
	text-align: center;
}

.mod-sportslist .sports-nav {
	width: 1000px;
}

.mod-sportslist .sports-nav li {
	float: left;
	width: 370px;
	height: 271px;
	margin: 15px auto;
	position: relative;
}

.mod-sportslist .sports-nav li.active {
	z-index: 1;
}

.mod-sportslist .sports-nav li.offset {
	margin-left: -75px;
}

.mod-sportslist .sports-nav li.indent {
	margin-left: 25px;
}

.mod-sportslist .sports-nav li map:hover::after {
	content: '';
	background: url(/static/image/enter_game.png) no-repeat;
	width: 100px;
	height: 17px;
	display: block;
	position: absolute;
	bottom: -2%;
	right: 25%;
}

.mod-sportslist .sports-nav li area {
	outline: 0;
}

.mod-sportslist .sports-nav li img {
	position: absolute;
	left: 0;
	top: 0;
}

.mod-sportslist .sports-nav li .hover {
	display: none;
}

/*iframe*/
.iframe-wc,
.iframe-asia,
.iframe-europe {
	padding-top: 69px;
	height: 100vh !important;
	box-sizing: border-box;
}

/*new188 notice*/
.sports-modal-bg {
	position: absolute;
	left: 50%;
	top: 280px;
	background: url(/static/image/mask_70p.png) repeat;
	z-index: 9999;
	visibility: hidden;
}

.sports-error {
	width: 600px;
	margin-left: -300px;
	background: #eee;
	display: block !important;
	padding: 0;
	margin-top: -200px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.sports-error .modal-hd {
	background: #555;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	padding: 0 20px;
	letter-spacing: 1px;
}

.sports-error .modal-content {
	margin: 20px;
}

.sports-error .modal-content img {
	display: block;
	margin: 0 auto;
}

.sports-error .modal-content p {
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}

.sports-error .btn {
	font-size: 15px;
	padding: 0 25px;
	display: inline;
	float: left;
	width: 100px;
	margin: 30px 10px 20px;
	line-height: 35px;
	color: #fff;
	height: 35px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	background: #bbb;
	background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
	background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
	background: linear-gradient(to bottom, #bbb 0%, #999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#999999', GradientType=0);
}

.sports-error .btn:hover {
	background: #999;
	background: -moz-linear-gradient(top, #999 0%, #bbb 100%);
	background: -webkit-linear-gradient(top, #999 0%, #bbb 100%);
	background: linear-gradient(to bottom, #999 0%, #bbb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#bbbbbb', GradientType=0);
}

.sports-error .btn-confirm {
	margin-left: 130px;
	background: #777;
	background: -moz-linear-gradient(top, #777 0%, #444 100%);
	background: -webkit-linear-gradient(top, #777 0%, #444 100%);
	background: linear-gradient(to bottom, #777 0%, #444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444', GradientType=0);
}

.sports-error .btn-confirm:hover {
	background: #444;
	background: -moz-linear-gradient(top, #444 0%, #777 100%);
	background: -webkit-linear-gradient(top, #444 0%, #777 100%);
	background: linear-gradient(to bottom, #444 0%, #777 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#777777', GradientType=0);
}

/*ld guide*/
.mod-ld-guide {
	padding-top: 79px;
	min-width: 1223px;
	overflow-x: hidden;
	margin: 0 auto;
}

.backTop {
	position: fixed;
	width: 30px;
	right: 30px;
	bottom: 47px;
	cursor: pointer;
	-webkit-animation: swing-data 1s infinite;
	animation: swing-data 1s infinite
}

.noviceTutorial h1,
.noviceTutorial h2,
.noviceTutorial h3,
.noviceTutorial h4,
.noviceTutorial h5,
.noviceTutorial h6 {
	font-weight: bold;
}

.noviceTutorial {
	width: 100%;
	overflow: hidden;
	color: #444;
	font-size: 14px;
}

.noviceTutorial .tutorialBox {
	height: 4710px;
	min-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background: url(/static/image/ldguide/noviceHelpBg.jpg) no-repeat center top;
}

.noviceTutorial .tutorialBox .tutorial {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding-left: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@-webkit-keyframes swing-data {
	0% {
		bottom: 47px
	}

	50% {
		bottom: 40px
	}

	to {
		bottom: 47px
	}
}

@keyframes swing-data {
	0% {
		bottom: 47px
	}

	50% {
		bottom: 40px
	}

	to {
		bottom: 47px
	}
}

.noviceTutorial .tutorialBox .tutorial .commonBox {
	width: 100%;
	position: relative;
	overflow: hidden
}

.noviceTutorial .tutorialBox .tutorial .commonBox:hover .flashing {
	position: absolute;
	width: 150px;
	height: 100%;
	z-index: 999;
	top: 0;
	left: -160px;
	-webkit-transform: skew(130deg);
	-ms-transform: skew(130deg);
	transform: skew(130deg);
	opacity: .5;
	-webkit-animation: flash-data 1.3s;
	animation: flash-data 1.3s
}

.noviceTutorial .tutorialBox .tutorial .commonBox:hover .flashing b {
	height: 100%;
	background: #fff;
	display: inline-block;
	width: 30px
}

.noviceTutorial .tutorialBox .tutorial .commonBox:hover .flashing b:first-child {
	width: 90px;
	margin-right: 30px
}

@-webkit-keyframes flash-data {
	0% {
		left: -160px
	}

	to {
		left: 1860px
	}
}

@keyframes flash-data {
	0% {
		left: -160px
	}

	to {
		left: 1860px
	}
}

.noviceTutorial .tutorialBox .tutorial .title {
	font-size: 20px;
	height: 35px;
	margin-bottom: 5px
}

.noviceTutorial .tutorialBox .tutorial .title .smallImg {
	width: 30px;
	height: 25px;
	vertical-align: middle
}

.noviceTutorial .tutorialBox .tutorial .guideBox {
	height: 390px;
	padding-top: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .guideBox h2 {
	height: 60px;
	background: url(/static/image/ldguide/guidebox_bg.png) no-repeat 0 100%;
	background-size: 416px 48px;
	position: relative
}

.noviceTutorial .tutorialBox .tutorial .guideBox h2 span {
	color: #fff;
	font-size: 36px;
	position: absolute;
	top: -12px;
	left: 44px
}

.noviceTutorial .tutorialBox .tutorial .guideBox .listUp {
	width: 790px;
	margin-left: 150px;
	margin-top: 10px;
	height: 127px
}

.noviceTutorial .tutorialBox .tutorial .guideBox .listUp .enlarge:hover {
	animation: enlarge-data 1s;
	-webkit-animation: enlarge-data 1s;
	-o-animation: enlarge-data 1s;
	-moz-animation: enlarge-data 1s;
	-ms-animation: enlarge-data 1s
}

@-webkit-keyframes enlarge-data {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	80% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.noviceTutorial .tutorialBox .tutorial .guideBox .listDown {
	width: 790px;
	margin-left: 250px;
	margin-top: 25px;
	height: 127px
}

.noviceTutorial .tutorialBox .tutorial .guideBox .listDown .enlarge:hover {
	-webkit-animation: enlarge-data 1s;
	animation: enlarge-data 1s
}

@keyframes enlarge-data {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	80% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.noviceTutorial .tutorialBox .tutorial .guideBox li {
	width: 123px;
	height: 100%;
	background: url(/static/image/ldguide/listBg.png) no-repeat;
	background-size: 120px 127px;
	display: inline-block;
	margin-right: 36px;
	padding: 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	cursor: pointer
}

.noviceTutorial .tutorialBox .tutorial .guideBox li p {
	color: #fff
}

.noviceTutorial .tutorialBox .tutorial .guideBox li p:first-child {
	font-size: 24px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px
}

.noviceTutorial .tutorialBox .tutorial .guideBox li.last {
	margin-right: 0
}

.noviceTutorial .tutorialBox .tutorial .firstBox {
	height: 170px;
	padding-top: 30px;
	padding-left: 250px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/static/image/ldguide/beijing_clock.png) no-repeat 723px 30px
}

.noviceTutorial .tutorialBox .tutorial .firstBox .smallImg {
	margin-right: 12px
}

.noviceTutorial .tutorialBox .tutorial .firstBox p {
	margin-left: 45px;
	font-size: 14px;
	color: #aaa;
	margin-top: 5px
}

.noviceTutorial .tutorialBox .tutorial .firstBox p.second {
	margin-top: 10px;
	color: #fcbb83
}

.noviceTutorial .tutorialBox .tutorial .firstBox p.fifth {
	padding-left: 45px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .secondBox {
	height: 244px;
	padding-left: 165px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .secondBox .smallImg {
	margin-right: 10px
}

.noviceTutorial .tutorialBox .tutorial .secondBox p {
	margin-left: 52px;
	font-size: 14px;
	color: #aaa;
	margin-top: 5px
}

.noviceTutorial .tutorialBox .tutorial .secondBox p.second {
	margin-top: 10px;
	margin-bottom: 10px
}

.noviceTutorial .tutorialBox .tutorial .secondBox>span {
	display: inline-block;
	height: 113px;
	color: #aaa;
	width: 120px;
}

.noviceTutorial .tutorialBox .tutorial .secondBox img {
	width: 118px;
	height: 114px;
	vertical-align: top;
	margin-right: 14px
}

.noviceTutorial .tutorialBox .tutorial .secondBox span.third {
	width: 105px;
	margin-left: 52px
}

.noviceTutorial .tutorialBox .tutorial .secondBox p.ninth {
	color: #fcbb83
}

.noviceTutorial .tutorialBox .tutorial .thirdBox {
	height: 114px;
	padding-left: 60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/static/image/ldguide/shoucun.png) no-repeat 635px 12px, url(/static/image/ldguide/shoucun.png) no-repeat 635px 12px;
}

.noviceTutorial .tutorialBox .tutorial .thirdBox .smallImg {
	margin-right: 10px;
	margin-left: 12px
}

.noviceTutorial .tutorialBox .tutorial .thirdBox p {
	margin-left: 52px;
	font-size: 14px;
	color: #aaa;
	margin-top: 5px
}

.noviceTutorial .tutorialBox .tutorial .fouthBox {
	height: 173px;
	padding-left: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .fouthBox .smallImg {
	margin-right: 12px;
	margin-top: 0;
	margin-left: 20px
}

.noviceTutorial .tutorialBox .tutorial .fouthBox img {
	width: 76px;
	height: 76px;
	vertical-align: top;
	margin-top: 20px;
	margin-right: 33px
}

.noviceTutorial .tutorialBox .tutorial .fouthBox img.second {
	margin-left: 100px;
	margin-right: 36px
}

.noviceTutorial .tutorialBox .tutorial .fouthBox span {
	display: inline-block;
	color: #aaa
}

.noviceTutorial .tutorialBox .tutorial .fouthBox span.third {
	width: 150px;
	height: 64px;
	margin-top: 20px
}

.noviceTutorial .tutorialBox .tutorial .fouthBox span.fifth {
	width: 195px;
	height: 64px;
	margin-top: 20px
}

.noviceTutorial .tutorialBox .tutorial .fifthBox {
	height: 84px;
	padding-left: 94px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .fifthBox .smallImg {
	margin-right: 10px;
	margin-left: 10px
}

.noviceTutorial .tutorialBox .tutorial .fifthBox p {
	margin-top: 13px;
	color: #aaa;
	margin-left: 52px
}

.noviceTutorial .tutorialBox .tutorial .sixthBox {
	height: 194px;
	padding-left: 136px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .sixthBox .smallImg {
	margin-right: 12px;
	margin-top: 0
}

.noviceTutorial .tutorialBox .tutorial .sixthBox img {
	width: 38px;
	height: 52px;
	vertical-align: top;
	margin-top: 28px;
	margin-right: 12px
}

.noviceTutorial .tutorialBox .tutorial .sixthBox img.second {
	margin-left: 80px
}

.noviceTutorial .tutorialBox .tutorial .sixthBox span {
	display: inline-block;
	color: #aaa
}

.noviceTutorial .tutorialBox .tutorial .sixthBox span.third {
	width: 165px;
	height: 113px;
	margin-top: 28px;
	margin-right: 22px
}

.noviceTutorial .tutorialBox .tutorial .sixthBox span.fifth {
	width: 159px;
	height: 113px;
	margin-top: 28px;
	margin-right: 22px;
	vertical-align: top
}

.noviceTutorial .tutorialBox .tutorial .sixthBox span.seven {
	width: 120px;
	height: 113px;
	margin-top: 28px
}

.noviceTutorial .tutorialBox .tutorial .sevenBox {
	height: 635px;
	padding-left: 236px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .sevenBox .smallImg {
	margin-right: 15px;
	margin-left: 0
}

.noviceTutorial .tutorialBox .tutorial .sevenBox p {
	margin-left: 47px;
	color: #aaa;
	margin-top: 5px
}

.noviceTutorial .tutorialBox .tutorial .sevenBox p b {
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #fea75d;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	margin-right: 6px
}

.noviceTutorial .tutorialBox .tutorial .sevenBox p b:first-child {
	margin-left: 8px
}

.noviceTutorial .tutorialBox .tutorial .sevenBox p span {
	color: #fea75d;
	margin-right: 10px
}

.noviceTutorial .tutorialBox .tutorial .sevenBox img {
	width: 864px;
	margin-left: 47px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox {
	height: 962px;
	padding-left: 285px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .eigthBox .smallImg {
	margin-right: 12px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox p {
	color: #aaa;
	margin-top: 5px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox p.second {
	color: #fea75d
}

.noviceTutorial .tutorialBox .tutorial .eigthBox p.sixth {
	color: #fea75d
}

.noviceTutorial .tutorialBox .tutorial .eigthBox img {
	width: 864px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul {
	width: 864px;
	height: 315px;
	margin-top: 24px;
	margin-bottom: 26px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li {
	width: 216px;
	vertical-align: top;
	height: 317px;
	display: inline-block;
	margin-left: 52px;
	padding: 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/static/image/ldguide/box_bg.png) no-repeat 100%
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li p {
	color: #aaa !important
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li p b {
	width: 50px;
	height: 54px;
	font-size: 24px;
	display: inline-block;
	color: #fff;
	line-height: 25px;
	vertical-align: top
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li p span {
	width: 127px;
	height: 68px;
	display: inline-block;
	color: #fff;
	vertical-align: top;
	margin-top: -6px;
	padding-left: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li p.second {
	margin-top: 20px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li:first-child p span {
	line-height: 17px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li.second p b {
	width: 76px
}

.noviceTutorial .tutorialBox .tutorial .eigthBox ul li.second p span {
	width: 101px;
	line-height: 20px
}

.noviceTutorial .tutorialBox .tutorial .ninthBox {
	height: 965px;
	padding-left: 285px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .ninthBox .smallImg {
	margin-right: 12px
}

.noviceTutorial .tutorialBox .tutorial .ninthBox p {
	color: #aaa;
	margin-top: 5px;
	margin-bottom: 10px
}

.noviceTutorial .tutorialBox .tutorial .ninthBox img {
	width: 864px
}

.noviceTutorial .tutorialBox .tutorial .tenthBox {
	position: relative;
	height: 728px;
	padding-left: 285px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .smallImg {
	margin-right: 12px
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .leftBox {
	width: 520px;
	height: 645px;
	display: inline-block;
	vertical-align: top
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .leftBox p {
	color: #aaa;
	margin-top: 18px;
	margin-bottom: 49px
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .leftBox img {
	width: 359px;
	margin-left: 36px
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox {
	height: 645px;
	width: 347px;
	display: inline-block;
	vertical-align: top
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox p {
	color: #aaa
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox p:first-child {
	margin-top: 18px
}

.noviceTutorial .tutorialBox .tutorial .tenthBox .rightBox img {
	width: 342px
}

/*asia rules / europe rules*/
.aeguide .pointer {
	cursor: pointer
}

.aeguide.europe_bg {
	min-width: 1200px;
	margin: 0 auto;
	height: 5056px;
	background: url(/static/image/ldguide/bg.png) no-repeat top center;
}

.aeguide .europe_out {
	width: 1200px;
	margin: 0 auto;
}

.aeguide .guide {
	background: url(/static/image/ldguide/guide.png) no-repeat left top;
	width: 636px;
	height: 194px;
	vertical-align: top;
	margin-left: -80px;
	display: inline-block;
}

.aeguide .chara {
	display: inline-block;
	vertical-align: top;
	margin: 100px 0 0 -15px
}

.aeguide .rule {
	display: inline-block;
	vertical-align: top;
	margin: 110px 0 0 -15px
}

.aeguide .chara a {
	width: 190px;
	height: 60px;
	display: block;
	background: url(/static/image/ldguide/chara.png) no-repeat left top;
}

.aeguide .rule a {
	width: 190px;
	height: 60px;
	display: block;
	background: url(/static/image/ldguide/rule.png) no-repeat left top;
}

.aeguide .charabq {
	width: 168px;
	height: 61px;
	background: url(/static/image/ldguide/charabq.png) no-repeat left top;
}

.aeguide .eurpe_brief {
	background: url(/static/image/ldguide/eurpe_brief.png) no-repeat center top;
	height: 43px;
	margin-top: 20px;
}

.aeguide .eurpe_brieftxt {
	margin-top: 20px
}

.aeguide .charabq {
	width: 168px;
	height: 61px;
	background: url(/static/image/ldguide/charabq.png) no-repeat left top;
	display: inline-block;
	vertical-align: top;
	margin-left: 70px;
}

.aeguide .charabq_txt {
	display: inline-block;
	width: 780px;
	height: auto;
	color: #999999;
	font-size: 14px;
	vertical-align: top;
	margin-top: 15px;
	line-height: 24px;
	padding-left: 10px;
}

.aeguide .rolling {
	background: url(/static/image/ldguide/people_1.png) no-repeat 920px 250px;
	min-height: 550px； height:559px
}

.aeguide .rolling_tit {
	background: url(/static/image/ldguide/rolling.png) no-repeat center top;
	height: 95px;
	margin-top: 106px
}

.aeguide .rolling_txt {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	margin: 0 auto;
	width: 840px;
	margin-top: 20px
}

.aeguide .rolling_img {
	margin: 20px auto 0 auto;
	text-align: center;
}

.aeguide .odds {
	background: url(/static/image/ldguide/people_2.png) no-repeat -10px 230px;
	height: 520px;
}

.aeguide .odds_tit {
	background: url(/static/image/ldguide/odds.png) no-repeat center top;
	height: 95px;
	margin-top: 50px
}

.aeguide .odds_txt {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	margin: 0 auto;
	width: 840px;
	margin-top: 20px
}

.aeguide .odds_img {
	margin: 20px auto 0 auto;
	text-align: center;
}

.aeguide .search {
	height: 471px;
}

.aeguide .search_tit {
	background: url(/static/image/ldguide/search_tit.png) no-repeat center top;
	height: 95px;
	margin-top: 34px
}

.aeguide .search_txt {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	margin: 0 auto;
	width: 1000px;
	margin-top: 20px
}

.aeguide .search_img {
	margin: 20px auto 0 auto;
	text-align: center;
}

.aeguide .setup_tit {
	background: url(/static/image/ldguide/setup_tit.png) no-repeat center top;
	height: 95px;
	margin-top: 45px
}

.aeguide .setup_txt {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	margin: 0 auto;
	width: 1000px;
	margin-top: 20px
}

.aeguide .setup_img {
	margin: 20px auto 0 auto;
	text-align: center;
}

.aeguide .visualization_tit {
	background: url(/static/image/ldguide/visualization_tit.png) no-repeat center top;
	height: 95px;
	margin-top: 45px
}

.aeguide .trend_tit {
	background: url(/static/image/ldguide/trend_tit.png) no-repeat center top;
	height: 95px;
	margin-top: 43px
}

.aeguide .betting_tit {
	background: url(/static/image/ldguide/betting_tit.png) no-repeat center top;
	height: 95px;
	margin-top: 10px
}

/*体育规则*/
.aeguide.rules_bg {
	min-width: 1200px;
	margin: 0 auto;
	height: 5884px;
	background: url(/static/image/ldguide/rule_bg.png) no-repeat center top;
}

.aeguide .chara_s {
	display: inline-block;
	vertical-align: top;
	margin: 110px 0 0 -15px;
}

.aeguide .rule_s {
	display: inline-block;
	vertical-align: top;
	margin: 100px 0 0 -15px
}

.aeguide .chara_s a {
	width: 190px;
	height: 60px;
	display: block;
	background: url(/static/image/ldguide/chara_s.png) no-repeat left top;
}

.aeguide .rule_s a {
	width: 190px;
	height: 60px;
	display: block;
	background: url(/static/image/ldguide/rule_s.png) no-repeat left top;
}

.aeguide .rulebq {
	width: 168px;
	height: 61px;
	background: url(/static/image/ldguide/rulebq.png) no-repeat left top;
	margin-left: 70px;
	margin-top: 30px
}

.aeguide .rule_num1 {
	margin-top: 10px;
	margin-left: 180px
}

.aeguide .rule_numbox {
	width: 111px;
	height: 115px;
	padding: 6px;
	background: url(/static/image/ldguide/rule_numbox.png) no-repeat center top;
	display: inline-block;
	margin-left: 30px;
	vertical-align: top;
}

.aeguide .rule_numbox span {
	display: block;
	color: #ffffff;
	font-size: 14px
}

.aeguide .rule_numbox .r_num {
	border-bottom: solid 1px #ffffff;
	font-size: 30px
}

.aeguide .rule_num2 {
	margin-left: 310px;
	margin-top: 20px
}

.aeguide .oneth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/oneth.png) no-repeat left top;
}

.aeguide .oneth {
	margin: 130px 0 0 340px
}

.aeguide .oneth_rolling {
	width: 150px;
	min-height: 40px;
	padding-left: 50px;
	background: url(/static/image/ldguide/oneth_rolling.png) no-repeat left top;
	color: #999999;
	font-size: 14px;
	display: inline-block;
	vertical-align: top
}

.aeguide .oneth_today {
	width: 150px;
	min-height: 40px;
	padding-left: 50px;
	background: url(/static/image/ldguide/oneth_today.png) no-repeat left top;
	color: #999999;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px
}

.aeguide .oneth_plate {
	width: 150px;
	min-height: 40px;
	padding-left: 50px;
	background: url(/static/image/ldguide/oneth_plate.png) no-repeat left top;
	color: #999999;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-left: 50px
}

.aeguide .oneth_txt {
	margin: 40px 0 0 0px;
}

.aeguide .twoth {
	margin: 40px 0 0 230px
}

.aeguide .twoth_tit {
	font-size: 20px;
	color: #000;
	background: url(/static/image/ldguide/twoth.png) no-repeat left top;
}

.aeguide .twoth li {
	padding-left: 45px;
}

.aeguide .twoth_txt {
	font-size: 14px;
	color: #999999;
	width: 750px
}

.aeguide .twoth_num {
	min-height: 36px;
	min-width: 345px;
	background: url(/static/image/ldguide/twoth_num.png) no-repeat left top;
	font-size: 14px;
	color: #fea75d;
	line-height: 36px;
	margin-left: 45px
}

.aeguide .twoth_num p {
	display: inline-block;
	vertical-align: top;
}

.aeguide .twoth_num2 {
	margin-left: 70px
}

.aeguide .twoth_num3 {
	margin-left: 60px
}

.aeguide .threeth {
	margin: 40px 0 0 150px
}

.aeguide .threeth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/threeth.png) no-repeat left top;
}

.aeguide .threeth_txt {
	font-size: 14px;
	color: #999999;
	width: 850px;
	line-height: 28px
}

.aeguide .threeth_txtl {
	color: #fea75d
}

.aeguide .threeth_box {
	margin-top: 30px
}

.aeguide .threeth_box p {
	background: url(/static/image/ldguide/threeth_box.png) no-repeat top center;
	width: 174px;
	height: 315px;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	padding: 15px 30px 15px 30px
}

.aeguide .threeth_img {
	padding-left: 65px;
	margin-top: 10px
}

.aeguide .threeth_box1 {
	font-size: 24px;
	display: inline-block;
	color: #ffffff;
	width: 50px;
	vertical-align: top
}

.aeguide .threeth_box2 {
	display: inline-block;
	color: #ffffff;
	width: 100px;
	vertical-align: top;
	margin-left: 20px
}

.aeguide .threeth_box3 {
	display: block;
	margin-top: 30px;
	font-size: 14px;
	color: #999999
}

.aeguide .threeth_boxf {
	font-size: 24px;
	display: inline-block;
	color: #ffffff;
	width: 80px;
	vertical-align: top
}

.aeguide .threeth_boxk {
	display: inline-block;
	color: #ffffff;
	width: 70px;
	vertical-align: top;
	margin-left: 20px;
	margin-top: 5px
}

.aeguide .padl45 {
	padding-left: 45px
}

.aeguide .fourth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/fourth.png) no-repeat left top;
}

.aeguide .fiveth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/fiveth.png) no-repeat left top;
}

.aeguide .sixth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/sixth.png) no-repeat left top;
}

.aeguide .seventh_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/seventh.png) no-repeat left top;
}

.aeguide .block {
	display: block;
}

.aeguide .eightth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/eightth.png) no-repeat left top;
}

.aeguide .orange {
	color: #fea75d
}

.aeguide .nineth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/nineth.png) no-repeat left top;
}

.aeguide .tenth_tit {
	font-size: 20px;
	color: #000;
	padding-left: 45px;
	background: url(/static/image/ldguide/tenth.png) no-repeat left top;
}

/*亚洲*/
.aeguide.asia_bg {
	min-width: 1200px;
	margin: 0 auto;
	height: 4819px;
	background: url(/static/image/ldguide/asia_bg.jpg) no-repeat top center;
}

.aeguide .asia_out {
	width: 1200px;
	margin: 0 auto;
}

.aeguide .asia_guide {
	background: url(/static/image/ldguide/asia.png) no-repeat left top, url(/static/image/ldguide/asia.png) no-repeat left top;
	width: 636px;
	height: 194px;
	vertical-align: top;
	margin-left: -80px;
	display: inline-block;
}

.aeguide .asia_brief {
	background: url(/static/image/ldguide/asia_brief.png) no-repeat center top;
	height: 43px;
	margin-top: 20px;
}

.aeguide .asia_box {
	margin-top: 30px;
	text-align: center;
}

.aeguide .asia_box li {
	width: 236px;
	height: 473px;
	display: inline-block;
	margin-left: 10px;
	background: url(/static/image/ldguide/asia_box.png) no-repeat left top;
	padding: 40px 70px 0 70px;
	vertical-align: top
}

.aeguide .asia_box1 {
	background: url(/static/image/ldguide/asia_box1.png) no-repeat center top;
	height: 95px
}

.aeguide .asia_boxtxt {
	font-size: 14px;
	color: #999999;
	margin-top: 40px
}

.aeguide .asia_box2 {
	background: url(/static/image/ldguide/asia_box2.png) no-repeat center top;
	height: 95px
}

.aeguide .asia_box3 {
	background: url(/static/image/ldguide/asia_box3.png) no-repeat center top;
	height: 95px
}

.aeguide .view_bg {
	background: url(/static/image/ldguide/view_bg.png) no-repeat top left;
	width: 92px;
	height: 28px;
	line-height: 28px;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.aeguide .mal_152 {
	margin-left: 152px;
}

.aeguide .asia_view1 {
	display: inline-block;
	vertical-align: top
}

.aeguide .view_one {
	margin-top: 30px;
	background: url(/static/image/ldguide/people_1.png) no-repeat 790px 198px;
	min-height: 480px
}

.aeguide .people_3 {
	margin-left: 118px;
	margin-top: 0
}

.aeguide .people_3 span {
	margin-left: 10px;
	margin-top: 5px
}

.aeguide .double_tit {
	background: url(/static/image/ldguide/double.png) no-repeat top center;
	height: 95px;
	margin-top: 120px
}

.aeguide .double_txt {
	color: #999999;
	font-size: 14px;
	width: 886px;
	margin: 10px auto
}

.aeguide .asia_2018 {
	background: url(/static/image/ldguide/view_bg.png) top left;
	width: 114px;
	height: 28px;
	line-height: 28px;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.aeguide .double_img {
	text-align: center;
	margin-top: 10px
}

.aeguide .asia_tw {
	background: url(/static/image/ldguide/view_bg.png) center top;
	width: 114px;
	height: 28px;
	line-height: 28px;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.aeguide .motion_tit {
	background: url(/static/image/ldguide/motion.png) no-repeat top center;
	height: 95px;
	margin-top: 40px
}

.aeguide .rapid_tit {
	background: url(/static/image/ldguide/rapid.png) no-repeat top center;
	height: 95px;
	margin-top: 98px
}

.aeguide .txtcen {
	text-align: center;
}

.aeguide .rapid_img {
	margin-top: 20px;
}

/*亚洲规则*/
.aeguide.asiar_bg {
	min-width: 1200px;
	margin: 0 auto;
	min-height: 6237px;
	background: url(/static/image/ldguide/asiar_bg.png) no-repeat center top;
}

.aeguide .enlarge:hover {
	animation: enlarge-data 1s;
	-webkit-animation: enlarge-data 1s;
	-o-animation: enlarge-data 1s;
	-moz-animation: enlarge-data 1s;
	-ms-animation: enlarge-data 1s
}

@-webkit-keyframes enlarge-data {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	80% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.aeguide .commonBox {
	width: 100%;
	position: relative;
	overflow: hidden
}

.aeguide .commonBox:hover .flashing {
	position: absolute;
	width: 150px;
	height: 100%;
	z-index: 9;
	top: 0;
	left: -160px;
	-webkit-transform: skew(130deg);
	-ms-transform: skew(130deg);
	transform: skew(130deg);
	opacity: .5;
	-webkit-animation: flash-data 1.3s infinite;
	animation: flash-data 1.3s infinite;
}

.aeguide .commonBox:hover .flashing b {
	height: 100%;
	background: #fff;
	display: inline-block;
	width: 30px
}

.aeguide .commonBox:hover .flashing b:first-child {
	width: 90px;
	margin-right: 30px
}

@-webkit-keyframes flash-data {
	0% {
		left: -160px
	}

	to {
		left: 1860px
	}
}

@keyframes flash-data {
	0% {
		left: -160px
	}

	to {
		left: 1860px
	}
}

/* sports guide 中专页面 sguide*/
.mod-sports-guide .center_bg {
	min-height: 1000px;
	width: 100%;
	min-width: 1000px;
	height: calc(100vh - 79px);
	background: url(/static/image/sguide/bg.jpg) no-repeat center top, url(/static/image/sguide/bg.jpg) no-repeat center top;
	background-size: cover;
}

.mod-sports-guide .center_info {
	width: 1000px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: right;
	position: relative;
}

.mod-sports-guide .center_info li {
	text-align: right;
	height: auto;
	padding: 10px 0;
	float: right;
}

.mod-sports-guide .firs_info h5 {
	font-size: 34px;
	color: #999;
	position: relative;
	display: inline-block;
	top: 25px;
	font-weight: bold;
}

.mod-sports-guide .center_info li:first-child {
	position: absolute;
	left: 0px;
}

.mod-sports-guide .center_info li:nth-child(3) p {
	right: 0;
	width: 58%;
	text-align: left;
	margin: 0;
	right: 3px;
	font-size: 26px;
	color: #dbdbdb;
	text-shadow: 0 0 10px #000;
	float: right;
}

.mod-sports-guide .center_info .center_right li {
	display: block;
	font-size: 26px;
	text-align: left;
}

.mod-sports-guide .firs_info p {
	float: left;
	margin: 0 10px 20px;
	background-repeat: no-repeat;
	display: block;
}

.mod-sports-guide .icon-list {
	display: inline-block;
	float: right;
}

.mod-sports-guide .icon-list img {
	max-width: 70px;
}

.mod-sports-guide .center_info li:last-child {
	margin-right: -10px;
	margin-top: 15px;
}

.mod-sports-guide .last_p p {
	width: 306px;
	height: 52px;
	line-height: 90px;
	text-align: center;
	background: url(/static/image/sguide/font_bg.png)center center no-repeat;
	padding: 20px 0;
}

/* 盘口简介 pk-guide */
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.fb {
	font-weight: bold;
}

.fn {
	font-weight: normal;
}

.t2 {
	text-indent: 2em;
}

.lh150 {
	line-height: 150%
}

.lh180 {
	line-height: 180%
}

.lh200 {
	line-height: 200%
}

.unl {
	text-decoration: underline;
}

.no_unl {
	text-decoration: none;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.bc {
	margin-left: auto;
	margin-right: auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.vm {
	vertical-align: middle;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
	left: 1px;
	top: 1px;
}

.abs-right {
	position: absolute;
	right: 0;
}

.zoom {
	zoom: 1
}

.hidden {
	visibility: hidden;
}

.none {
	display: none;
}

.w100 {
	width: 100px;
}

.w1000 {
	width: 1000px;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px;
}

.m20 {
	margin: 20px;
}

.m30 {
	margin: 30px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb140 {
	margin-bottom: 140px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml50 {
	margin-left: 50px;
}

.ml80 {
	margin-left: 80px;
}

.ml100 {
	margin-left: 100px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr50 {
	margin-right: 50px;
}

.mr100 {
	margin-right: 100px;
}

.mrl {
	margin: 0 10px;
}

.mtb {
	margin: 10px 0;
}

.mtl {
	margin: 10px 0 0 10px;
}

.mtr {
	margin: 10px 10px 0 0;
}

.mbr {
	margin: 0 10px 10px 0;
}

.mbl {
	margin: 0 0 10px 10px;
}

.pb0 {
	padding-bottom: 0;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p30 {
	padding: 30px;
}

.p20 {
	padding: 20px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt50 {
	padding-top: 50px;
}

.pt100 {
	padding-top: 100px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb90 {
	padding-bottom: 90px;
}

.pb100 {
	padding-bottom: 100px;
}

.pb130 {
	padding-bottom: 130px;
}

.pb150 {
	padding-bottom: 150px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 30px;
}

.pl50 {
	padding-left: 50px;
}

.pl100 {
	padding-left: 100px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr30 {
	padding-right: 30px;
}

.pr50 {
	padding-right: 50px;
}

.pr100 {
	padding-right: 100px;
}

.prl {
	padding: 0 10px;
}

.ptb {
	padding: 10px 0;
}

.ptl {
	padding: 10px 0 0 10px;
}

.ptr {
	padding: 10px 10px 0 0;
}

.pbr {
	padding: 0 10px 10px 0;
}

.pbl {
	padding: 0 0 10px 10px;
}

.p5 {
	padding: 5px;
}

.mod-pk-guide .cursor {
	cursor: pointer;
}

.mod-pk-guide .curT {
	cursor: text;
}

.mod-pk-guide .ds-bl {
	display: block;
}

.mod-pk-guide .ds-il {
	display: inline;
}

.mod-pk-guide .rounded_3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.mod-pk-guide .projection {
	-webkit-box-shadow: 0 1px 5px #ccc;
}

.mod-pk-guide .gradient {
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
}

/*end css reset*/
.mod-pk-guide {
	font-size: 12px;
	-webkit-text-size-adjust: none;
	background: url(/static/image/pkguide/banner1.jpg) no-repeat center 0, #73b043 url(/static/image/pkguide/banner1.jpg) no-repeat center 0;
}

.mod-pk-guide td {
	font-size: 18px;
}

.mod-pk-guide .f30 {
	font-size: 30px;
}

.mod-pk-guide .f24 {
	font-size: 24px;
}

.mod-pk-guide .pl75 {
	padding-left: 95px;
}

.mod-pk-guide .pl270 {
	padding-left: 270px;
}

.mod-pk-guide .pl200 {
	padding-left: 200px;
}

.mod-pk-guide .main_c {
	width: 780px;
	background: #FFF;
	font-size: 18px;
}

.mod-pk-guide .banner1,
.mod-pk-guide .banner3 {
	height: 255px;
}

.mod-pk-guide a.logo {
	width: 101px;
	height: 78px;
	display: block;
}

.mod-pk-guide .bg3 {
	background: #eee;
}

.mod-pk-guide .bg4 {
	background: #fff;
}

.mod-pk-guide .title {
	height: 50px;
	position: relative;
	line-height: 50px;
	color: #FFF;
	font-size: 26px;
}

.mod-pk-guide .title .bg1 {
	height: 17px;
	width: 100%;
	background: #b3dd92;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.mod-pk-guide .title .bg2 {
	background: #ffe4dd;
}

.mod-pk-guide .title .text1 {
	min-width: 300px;
	height: 50px;
	background: url(/static/image/pkguide/titlebg1.png) no-repeat right -1px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding-right: 30px;
	box-sizing: border-box;
}

.mod-pk-guide .title .text1 .pl15 {
	background: #509c14;
}

.mod-pk-guide .title .text2 {
	min-width: 300px;
	height: 50px;
	background: url(/static/image/pkguide/titlebg2.png) no-repeat right -1px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	padding-right: 30px;
	box-sizing: border-box;
}

.mod-pk-guide .title .text2 .pl15 {
	background: #e6502d;
}

.mod-pk-guide .inner,
.mod-pk-guide .w1000 {
	width: 1000px;
	margin: 0 auto;
}

.mod-pk-guide .box2 {
	background: #e9d14f url(/static/image/pkguide/icon3.jpg) repeat-x 0 0;
	padding-bottom: 15px;
}

/*右侧导航*/
.mod-pk-guide .nav_list {
	top: expression(eval(document.documentElement.scrollTop+ document.documentElement.clientHeight - 600));
}

.mod-pk-guide .nav_list {
	position: fixed;
	_position: absolute;
	top: 263px;
	width: 142px;
	background: #509c14;
	color: #FFF;
	padding: 60px 0 0 0;
}

.mod-pk-guide .nav_list li {
	width: 142px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #73b043;
	cursor: pointer;
}

.mod-pk-guide .nav_list li.cur {
	background: #387d02;
	;
	color: #fff;
}

.mod-pk-guide .limg1 {
	position: absolute;
	top: -70px;
	left: -15px;
}

.mod-pk-guide .limg2 {
	position: absolute;
	bottom: -33px;
	left: 0;
}

.mod-pk-guide .limg3 {
	position: absolute;
	bottom: -53px;
	left: 50px;
	padding: 10px;
	cursor: pointer;
}

.mod-pk-guide a.shareBtn {
	display: block;
	background: #79b34c !important;
	width: 80px;
	height: 38px;
	bottom: 10px;
	right: 30px;
	position: absolute;
	color: #FFF;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.mod-pk-guide a.shareBtn:hover {
	color: #FFF !important;
}

.tztable {
	border-top: #d9d9d9 solid 1px;
	border-right: #d9d9d9 solid 1px;
}

.tztable td,
.tztable th {
	border-bottom: #d9d9d9 solid 1px;
	border-left: #d9d9d9 solid 1px;
	padding: 15px 0;
	text-align: center;
	color: #999;
}

.tztable td {
	color: #333;
}

.tztable th {
	font-weight: normal;
	color: #999999;
	padding-top: 5px;
	padding-bottom: 5px
}

.tztable td.nl,
.tztable th.nl {
	border-left: none;
}

.tztable td.nb {
	border-bottom: none;
}

.tztable td.pb5 {
	padding: 15px 0 5px;
}

.tztable td.top {
	vertical-align: top;
}

.tztable td .tl1 {
	text-align: left;
	padding-left: 40px;
}

.tztable td .tr1 {
	text-align: right;
	padding-right: 40px;
}

.tztable td .tl2 {
	text-align: left;
	padding-left: 94px;
}

.tztable td .tr2 {
	text-align: right;
	padding-right: 94px;
}

.no {
	padding-right: 20px;
	background: url(/static/image/pkguide/icon4.jpg) no-repeat right center;
	background-size: 9px 9px;
}

.yes {
	padding-right: 20px;
	background: url(/static/image/pkguide/icon5.jpg) no-repeat right center;
	background-size: 9px 9px;
	color: #F00;
}

.col_1,
.tztable td.col_1 {
	color: #999;
}

.col_2,
.tztable td.col_2 {
	color: #ff3d01;
}

.col_3,
.tztable td.col_3 {
	color: #09bf06;
}

.col_4,
.tztable td.col_4 {
	color: #0f5be6;
}

.col_5,
.tztable td.col_5 {
	color: #333;
}

.col_6,
.tztable td.col_6 {
	color: #009999;
}

.col_7,
.tztable td.col_7 {
	color: #ff6633;
}

.col_8,
.tztable td.col_8 {
	color: #006699;
}

.iconbg1 {
	background: url(/static/image/pkguide/icon2.jpg) no-repeat 0 5px;
	padding-left: 27px;
	color: #999;
}

.on .scale_1 {
	-webkit-animation: contAnima11 0.6s ease-in;
	animation: contAnima11 0.6s ease-in;
}

@keyframes contAnima11 {
	0% {
		transform: rotateX(0deg);
		transform-style: preserve-3d;
	}

	50% {
		transform: rotateX(-90deg);
		transform-style: preserve-3d;
	}

	100% {
		transform: rotateX(0deg);
		transform-style: preserve-3d;
	}
}

@-moz-keyframes contAnima11 {
	0% {
		-moz-transform: rotateX(0deg);
		-moz-transform-style: preserve-3d;
	}

	50% {
		-moz-transform: rotateX(-90deg);
		-moz-transform-style: preserve-3d;
	}

	100% {
		-moz-transform: rotateX(0deg);
		-moz-transform-style: preserve-3d;
	}
}

@-webkit-keyframes contAnima11 {
	0% {
		-webkit-transform: rotateX(0deg);
		-webkit-transform-style: preserve-3d;
	}

	50% {
		-webkit-transform: rotateX(-90deg);
		-webkit-transform-style: preserve-3d;
	}

	100% {
		-webkit-transform: rotateX(0deg);
		-webkit-transform-style: preserve-3d;
	}
}

.mod-pk-guide .comment,
.mod-pk-guide .pinlun {
	background-color: #fff;
	width: 641px;
	padding-left: 50px;
	font-size: 12px;
}

/*直播LIVE*/
.mod-sports-live .live-frame {
	width: 100%;
	height: calc(100vh - 79px);
	background: url(/static/image/liveframe_bg.png?2) no-repeat center 79px;
	background-size: cover;
	background-attachment: fixed;
}

.live-text-bottom {
	width: 95%;
	max-width: 1600px;
	padding: 30px 0;
}

.live-text-bottom>div {
	width: 31%;
	color: #888;
}

.live-text-bottom>div.left {
	margin-right: 6.5%;
	width: 28%;
}

.live-text-bottom h3 {
	margin-bottom: 20px;
	font-size: 20px;
}

.live-text-bottom i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 20px;
	height: 20px;
	position: relative;
	top: 4px;
	margin-right: 9px;
}

.live-text-bottom .icon-bugle {
	background: url(/static/image/bugle.png) no-repeat;
}

.live-text-bottom .icon-notice {
	background: url(/static/image/notice.png) no-repeat;
}

.live-text-bottom .icon-player {
	background: url(/static/image/player.png) no-repeat;
}

.live-text-bottom>div img {
	margin-top: 10px;
}

.live-text-bottom p {
	line-height: 20px;
}

.live-tips {
	width: 1440px;
	height: 450px;
	margin: 155px auto 150px;
	background: #fff;
	text-align: center;
	line-height: 450px;
	font-size: 16px;
}

/*真人娱乐*/
.mod-live-casino .layout {
	width: 1000px;
}

.lc-bg {
	background: url(/static/image/lc_bg_left.png) no-repeat center top, url(/static/image/lc_bg_left.png) no-repeat center top;
	background-size: cover;
	padding-bottom: 40px;
	position: absolute;
	left: 0;
	z-index: 0;
	width: calc(50% - 440px);
	height: 100%;
}

.lc-bg.right {
	background-image: url(/static/image/lc_bg_right.png), url(/static/image/lc_bg_right.png);
	left: auto;
	right: 0;
}

.ag-platform {
	background: url(/static/image/lc_banner.jpg) no-repeat center top;
	height: 530px;
	padding-top: 120px;
	cursor: pointer;
	box-sizing: border-box;
}

.ag-platform .platform-info {
	width: 700px;
	margin-left: 42.5%;
}

.live-jackpot {
	height: 160px;
	width: 100%;
	margin: 0 auto;
	background: url(/static/image/ag_icons.png) no-repeat center bottom/ 80% auto;
}

.live-jackpot h3 {
	font-size: 55px;
	text-align: center;
	padding: 0;
	font-weight: 600;
	color: #ddaa75;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

.live-jackpot h3 span {
	background: linear-gradient(to right, #eec89b, #e2b685);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
	filter: drop-shadow(1px 1px #666);
}

.mod-live-casino .ag-platform-btn {
	width: 324px;
	height: 60px;
	font-size: 0;
	background: url(/static/image/ag_btn.png) no-repeat center top;
	background-size: 100% auto;
	display: block;
	margin: 35px auto 0;
}

.mod-live-casino h2 {
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.mod-live-casino h2 em {
	font-size: 22px;
	padding-right: 10px;
}

.mod-live-casino .ag-platform h2 {
	background: none;
}

.mod-live-casino .live-platform-btn {
	width: 116px;
	height: 24px;
	font-size: 0;
	background: url(/static/image/lc_btn.png) no-repeat center top;
	background-size: 100% auto;
	display: block;
	margin: 0 auto;
}

.l-c-platform {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.l-c-platform li {
	float: left;
	display: inline;
	width: 20%;
	height: auto;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	padding: 10px 5px 0;
	background: #fff;
	box-sizing: border-box;
}

.l-c-platform li img {
	width: 100%;
	height: 100%;
}

.l-c-platform .platform-info {
	position: absolute;
	background: url(/static/image/lc_btn_bg.jpg) no-repeat;
	background-size: 100% 100%;
	bottom: 0;
	left: 5px;
	right: 5px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	height: 50px;
	overflow: hidden;
}

.l-c-platform .hover .platform-info {
	height: 90px;
}

.l-c-platform:before {
	content: "";
	display: block;
	height: 41px;
	bottom: 0;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	background: #ddd;
}

/*棋牌*/
.cardgame-platform {
	background: url(/static/image/bg.jpg) no-repeat center;
	background-size: cover;
	min-height: 950px;
}

.mod-card-game img.cardgame-title {
	margin: 60px auto;
	max-width: 90%;
	display: block;
}



/*彩票投注*/
.lottery-wrap {
	background: url(/static/image/lotto_bg.jpg?4) no-repeat center top/cover #fff;
	padding: 25px 0 75px;
}

.lottery-layout {
	width: 1270px;
	margin: 0 auto;
}

.lottery-layout>div {
	float: left;
	width: 635px;
	height: 388px;
	background: url(/static/image/lotto_sgwin.png?2) no-repeat center/100%;
	box-sizing: border-box;
	padding: 135px 45px 0;
	position: relative;
	font-size: 18px;
	color: #3d3d3d;
	line-height: 1.8;
	cursor: pointer;
	transition: all .3s;
}

.lottery-layout>div:hover {
	transform: scale(1.03);
}

.lottery-layout>div.single {
	float: none;
	margin: 0 auto;
}

.lottery-layout>div.lotto-vr {
	background-image: url(/static/image/lotto_vr.png?2)
}

.lottery-layout>div.lotto-elotto {
	background-image: url(/static/image/lotto_elotto.png?2)
}

.lottery-layout>div.lotto-pc {
	background-image: url(/static/image/lotto_pc.png)
}

.lottery-layout a {
	background: #9f3fff;
	background: -moz-linear-gradient(90deg, #9f3fff 0%, #fbca69 100%);
	background: -webkit-linear-gradient(90deg, #9f3fff 0%, #fbca69 100%);
	background: linear-gradient(90deg, #9f3fff 0%, #fbca69 100%);
	color: #fff;
	display: block;
	width: 140px;
	text-align: center;
	line-height: 45px;
	border-radius: 8px;
	position: absolute;
	left: 80px;
	bottom: 70px;
	opacity: 0;
	transition: all .8s;
}

.lottery-layout>div:hover a {
	left: 50px;
	opacity: 1;
}

@media screen and (max-width:1300px) {
	.lottery-layout {
		width: 1200px;
	}

	.lottery-layout>div {
		width: 600px;
		height: 358px;
		font-size: 17px;
		padding-top: 120px;
	}
}

/*电子游艺*/
.mod-games .games-hd-menu {
	height: 300px;
	background: url(/static/image/banners.jpg) no-repeat top center;
}

.mod-games .games-hd-menu .bg1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}

.mod-games .jackpot-wrap {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -379px;
}

.mod-games .top-jackpot {
	width: 758px;
	height: 104px;
	background: url(/static/image/jackpot_bg.png) no-repeat;
	z-index: 99;
}

.mod-games .top-jackpot p {
	width: 430px;
	height: 71px;
	font-size: 46px;
	color: #fff;
	letter-spacing: 5px;
	position: relative;
	top: 10px;
	left: 277px;
	text-align: center;
	display: inline-block;
}

.mynav {
	padding-top: 148px;
	display: inline-block;
	width: 100%;
	z-index: 99;
	position: relative;
}

.mynav_con {
	width: 1200px;
	margin: auto;
	color: #fff;
}

.mynav_con ul {
	margin-right: -17px;
}

.mynav_con ul li,
.mynav_con ul li .box1 {
	float: left;
	margin-right: 17px;
	cursor: pointer;
}

.mynav_con ul li:hover .box1,
.mynav_con ul li.current .box1 {
	box-shadow: 19px 0 46px rgba(249, 177, 113, 0.43);
}

.mynav_con ul li .box1 {
	position: relative;
	-webkit-transform: skew(170deg);
	-moz-transform: skew(170deg);
	-o-transform: skew(170deg);
	width: 262px;
	transform: skew(170deg);
	box-shadow: 7px 0 43px rgba(0, 0, 0, 0.76);
}

.mynav_con ul li:hover .box1 .bg2,
.mynav_con ul li.current .box1 .bg2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 262px;
	height: 424px;
	border: 2px solid #ed8841;
}

.mynav_con ul li .box1 img {
	width: 262px;
	height: 423px;
	position: relative;
	z-index: 92;
	padding-top: 2px;
	margin-left: 2px;
}

.mynav_con ul li .box1 img.a2 {
	display: none;
}

.mynav_con ul li:hover .box1 img.a1 {
	display: none;
}

.mynav_con ul li:hover .box1 img.a2 {
	display: block;
}

.mynav_con ul li.current .box1 img.a1 {
	display: none;
}

.mynav_con ul li.current .box1 img.a2 {
	display: block;
}

.mynav_con ul li .box1 .item-info {
	position: absolute;
	left: 28px;
	bottom: 76px;
	z-index: 95;
}

.mynav_con ul li .box1 .item-info h2 {
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 26px;
	line-height: 26px;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(244, 244, 244, 1)), to(rgba(138, 138, 138, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mynav_con ul li .box1 .item-info h2 i {
	font-weight: 400;
	font-style: normal;
	font-size: 21px;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(244, 244, 244, 1)), to(rgba(138, 138, 138, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mynav_con ul li .box1 .item-info h3 {
	margin-bottom: -6px;
	margin-top: 2px;
	font-size: 16px;
	line-height: 18px;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(244, 244, 244, 1)), to(rgba(138, 138, 138, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mynav_con ul li .box1 .item-info h4 {
	display: inline-block;
	width: 197px;
	height: 2px;
	margin-top: 11px;
	background: url(/static/image/navline2.png) no-repeat;
}

.mynav_con ul li .box1 .item-info b {
	position: absolute;
	width: 30px;
	height: 52px;
	background: url(/static/image/gobtn.png) no-repeat;
	top: 3px;
	left: 0;
	display: none;
}

.mynav_con ul li .box1 .item-info_con {
	margin-left: 0px;
	width: 206px;
}

.mynav_con ul li:hover .box1 .item-info,
.mynav_con ul li.current .box1 .item-info {
	left: 18px;
}

.mynav_con ul li:hover .box1 .item-info b,
.mynav_con ul li.current .box1 .item-info b {
	display: block;
}

.mynav_con ul li:hover .box1 .item-info_con,
.mynav_con ul li.current .box1 .item-info_con {
	margin-left: 34px;
}

.mynav2 {
	display: inline-block;
	width: 100%;
	margin-top: 160px;
	z-index: 99;
	position: relative;
}

.mynav2_con {
	width: 1200px;
	margin: auto;
	height: 110px;
	background: url(/static/image/kuang_bg1.png?2) no-repeat;
}

.mynav2_con1 {
	padding: 0 10px;
}

.mynav2_con1 ul {
	display: flex;
	justify-content: stretch;
	width: 100%;
}

.mynav2_con1 ul li {
	float: left;
	width: 10%;
	text-align: center;
	cursor: pointer;
}

.mynav2_con1 ul li span {
	display: block;
	height: 110px;
	line-height: 110px;
	font-size: 15px;
	color: #fff;
}

.mynav2_con1 ul li.current span,
.mynav2_con1 ul li span:hover {
	background: url(/static/image/navline4.png) no-repeat;
	background-size: 130% 110px;
}

.mod-games .sticky-stuff {
	width: 100%;
	height: calc(100vh - 79px);
	position: absolute;
	left: 0;
	z-index: -1;
	overflow: hidden;
	background: url(/static/image/game_bg_bottom.jpg) no-repeat center bottom/100%;
}

.mod-games .sticky-stuff:before {
	content: '';
	display: block;
	width: 100%;
	height: 350px;
	background: url(/static/image/game_bg_top.png) no-repeat center top/100%;
}

/*.mod-games .sticky-stuff:after{ bottom:0; left:0; height:0; padding-bottom:37.5vw;}*/
.mod-games .sticky-stuff.sticky {
	position: fixed;
	top: 79px;
}

.mod-games .games-platform-item {
	padding: 40px 0;
}

.mod-games .games-sub-menu {
	width: 80px;
	background: #fff;
	box-shadow: 0 2px 28px 0 rgba(255, 189, 99, 0.25);
	float: left;
}

.mod-games .games-sub-menu li {
	font-size: 12px;
	color: #a7a7a7;
	text-align: center;
	display: block;
	position: relative;
	cursor: pointer;
}

.mod-games .games-sub-menu li:hover,
.mod-games .games-sub-menu li.current {
	background: -webkit-linear-gradient(top, #ffce6d, #ff9a4e) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffce6d), to(#ff9a4e));
	background: linear-gradient(180deg, #ffce6d, #ff9a4e) !important;
	color: #fff;
}

.mod-games .games-sub-menu li:after {
	content: "";
	width: 36px;
	height: 1px;
	background: #efefef;
	margin-left: -18px;
	position: absolute;
	bottom: 0px;
	left: 50%;
}

.mod-games .games-sub-menu li:hover:after,
.mod-games .games-sub-menu li.current:after {
	content: "";
	display: none;
}

.mod-games .games-sub-menu span {
	height: 92px;
	line-height: 140px;
	background-repeat: no-repeat;
	background-position: center 10px;
	display: block;
}

.mod-games .games-search {
	float: left;
	margin: 0 0 20px 38px;
	border: 1.5px solid #fcd9c2;
	box-shadow: 9px 0 24px rgba(249, 188, 96, 0.17);
}

.mod-games .games-search input {
	width: 197px;
	height: 20px;
	float: left;
	padding: 10px;
	background: #fff;
	border: none;
	border-radius: 0;
	outline: 0;
}

.mod-games .games-search a {
	width: 40px;
	height: 40px;
	float: left;
	background: -webkit-linear-gradient(top, #ffce6d, #ff9a4e) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffce6d), to(#ff9a4e)) !important;
	background: linear-gradient(180deg, #ffce6d, #ff9a4e) !important;
	box-shadow: 4px 0 8px rgba(247, 140, 72, 0.25);
}

.mod-games .games-search a:after {
	content: "";
	width: 40px;
	height: 40px;
	background: url(/static/image/mg_icon_search_hover.png) no-repeat center center;
	background-size: 25px;
	display: block;
}

.mod-games .games-list {
	width: 1096px;
	float: right;
}

.mod-games .games-list li {
	width: 260px;
	height: 268px;
	margin: 0 0 20px 14px;
	position: relative;
	float: left;
	text-align: center;
	background: #fff;
	box-shadow: 0 2px 28px 0 rgba(255, 189, 99, 0.25);
}

.mod-games .games-list li em {
	display: block;
	margin: 0 auto;
}

.mod-games .games-list .game-name {
	color: #120e0b;
	font-size: 18px;
	margin: 10px 0;
	font-weight: 700;
}

.mod-games .games-list .game-rollover a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: -webkit-linear-gradient(top, #ffce6d, #ff9a4e) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffce6d), to(#ff9a4e)) !important;
	background: linear-gradient(180deg, #ffce6d, #ff9a4e) !important;
	box-shadow: 4px 0 8px rgba(247, 140, 72, 0.25);
}

.mod-games .games-list .game-rollover a.real-play {
	width: 160px;
}

.mod-games .games-list .game-rollover a.free-play {
	width: 60px;
}

.mod-games .games-list li:hover .free-play {
	float: right;
	margin-right: 13px;
	display: block !important;
}

/*.mod-games .mwg-item .games-list{text-align:center;}
.mod-games .mwg-item .games-list li{float:none;display:inline-block;}*/
.games-sub-menu li span {
	background-image: url(/static/image/mg_icon7.png);
}

.games-sub-menu li.current span,
.games-sub-menu li:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

/*Common games icon*/
.games-platform-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.games-platform-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.games-platform-item .tab1.current span,
.games-platform-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.games-platform-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.games-platform-item .tab2.current span,
.games-platform-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.games-platform-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*ICG*/
.icg-item .tab3 span {
	background-image: url(/static/image/mg_icon7.png);
}

.icg-item .tab3.current span,
.icg-item .tab3:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.games-platform-item .games-icg-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.games-platform-item .games-icg-search.current span,
.icg-item .games-icg-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

/*ESPORT*/
.mod-esports {
	background: #272729;
}

.mod-esports .esports-wrap {
	height: 700px;
	display: block;
	overflow: hidden;
}

.esportsgames-manbetx {
	height: 700px;
	width: 70%;
	text-align: center;
	float: left;
	background: url(/static/image/manbetx_banner.jpg) no-repeat;
	background-size: 100% 100%;
	transition: 1s;
	overflow: hidden;
	position: absolute;
	left: -5%;
}

.esportsgames-right {
	height: 700px;
	width: 70%;
	text-align: center;
	float: right;
	background: url(/static/image/tfesport_banner.png) no-repeat;
	background-size: 100% 100%;
	transition: 1s;
	overflow: hidden;
	position: absolute;
	right: -15%;
}

.esportsgames-manbetx:hover {
	background: url(/static/image/manbetx_banner.jpg) no-repeat;
	background-size: 100% 100%;
	left: -5% !important;
}

.esportsgames-right:hover {
	background: url(/static/image/tfesport_banner_hover.png) no-repeat;
	background-size: 100% 100%;
	right: -5%;
}

.esportsgames-manbetx:hover~.esportsgames-right {
	right: -27.5%;
}

.esports-games:hover .esportsgames-manbetx {
	position: absolute;
	left: -27.5%;
}

.esportsgames-manbetx h1 {
	position: absolute;
	top: 50%;
	right: 26%;
	transition: 1s;
	cursor: pointer;
}

.esportsgames-manbetx:hover h1 {
	right: 10% !important;
}

.esportsgames-right h1 {
	position: absolute;
	top: 50%;
	left: 8%;
	transition: 1s;
	cursor: pointer;
}

.esportsgames-right:hover h1 {
	left: 10%;
}

.esports-games:hover .esportsgames-manbetx h1 {
	right: 9%;
}



.esportsgames-manbetx h1>div>i {
	position: relative;
	top: 0px;
	width: 59px;
	height: 40px;
	background: url(/static/image/ico_arrow_right.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}

.esportsgames-right h1>div>i {
	position: relative;
	top: 0px;
	width: 59px;
	height: 40px;
	background: url(/static/image/ico_arrow_right.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}

.esportsgames-manbetx:hover h1>div::after,
.esportsgames-right:hover h1>div::after {
	content: '';
	background: url(/static/image/esports_shadow.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 20px;
	display: block;
	position: relative;
	top: 10px;
}

.esports-games p {
	display: none;
	margin-top: 10px;
	position: relative;
}

.esportsgames-manbetx:hover p {
	display: block;
	right: 30px;
}

.esportsgames-right:hover h1>p {
	display: block;
	left: 30px;
}

.esportsgames-right .esports-effect {
	width: 100%;
	height: 100%;
	background: url(/static/image/tfesport_banner.png) no-repeat;
	background-size: 100% 100%;
	animation: effectAnimation 1.5s ease-in-out infinite alternate;
	display: none;
	margin-left: 6%;
}
/* 电竞换图 */
.newesportsgames-manbetx {
	background: url(/static/image/gaming/aviadj.webp) no-repeat!important;

}
.newesportsgames-right {
	background: url(/static/image/gaming/iadj.webp) no-repeat!important;

}
.neweesportsgames-manbetx:hover {
	background: url(/static/image/gaming/aviadj.webp) no-repeat!important;

}
.newesportsgames-right:hover {
	background: url(/static/image/gaming/iadj.webp) no-repeat!important;
}
.newesportsgames-right .esports-effect {

	background: url(/static/image/gaming/iadj.webp) no-repeat!important;

}
.esportsgames-right:hover .esports-effect {
	display: block;
}

.mod-esports .jackpot-wrap {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -600px;
	z-index: 99;
}

.mod-esports .top-jackpot {
	width: 1200px;
	height: 90px;
	background: url(/static/image/topbg.png) center no-repeat;
	z-index: 99;
}

.mod-esports .top-jackpot p {
	text-align: center;
	font-size: 36px;
	color: #fff;
	line-height: 90px;
	text-shadow: 13px 0 -8px rgba(0, 0, 0, 0.75);
}

.mod-esports .top-jackpot p i {
	width: 196px;
	height: 90px;
	display: inline-block;
	vertical-align: top;
	margin-right: -20px;
	background: url(/static/image/icon_money.png) no-repeat;
}

.mod-esports .top-jackpot p b {
	color: #fbdc4a;
	font-family: "Arial";
	font-weight: 400;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(252, 251, 68, 1)), to(rgba(248, 162, 84, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-width: 800px;
	display: inline-block;
}

/*IM*/
.im-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.im-item .tab1.current span,
.im-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.im-item .tab2 span {
	background-image: url(/static/image/mg_icon3.png);
}

.im-item .tab2.current span,
.im-item .tab2:hover span {
	background-image: url(/static/image/mg_icon3_hover.png);
}

.im-item .tab3 span {
	background-image: url(/static/image/mg_icon7.png);
}

.im-item .tab3.current span,
.im-item .tab3:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.im-item .tab4 span {
	background-image: url(/static/image/mg_icon13.png);
}

.im-item .tab4.current span,
.im-item .tab4:hover span {
	background-image: url(/static/image/mg_icon13_hover.png);
}

.im-item .tab5 span {
	background-image: url(/static/image/mg_icon5.png);
}

.im-item .tab5.current span,
.im-item .tab5:hover span {
	background-image: url(/static/image/mg_icon5_hover.png);
}

.im-item .tab6 span {
	background-image: url(/static/image/mg_icon12.png);
}

.im-item .tab6.current span,
.im-item .tab6:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.im-item .tab7 span {
	background-image: url(/static/image/mg_icon14.png);
}

.im-item .tab7.current span,
.im-item .tab7:hover span {
	background-image: url(/static/image/mg_icon14_hover.png);
}

.im-item .games-im-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.im-item .games-im-search.current span,
.im-item .games-im-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.im-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 15px;
}

/*MG*/
.mg-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.mg-item .tab1.current span,
.mg-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.mg-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.mg-item .tab2.current span,
.mg-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.mg-item .tab3 span {
	background-image: url(/static/image/mg_icon18.png);
}

.mg-item .tab3.current span,
.mg-item .tab3:hover span {
	background-image: url(/static/image/mg_icon18_hover.png);
}

.mg-item .tab4 span {
	background-image: url(/static/image/mg_icon4.png);
}

.mg-item .tab4.current span,
.mg-item .tab4:hover span {
	background-image: url(/static/image/mg_icon4_hover.png);
}

.mg-item .tab5 span {
	background-image: url(/static/image/mg_icon5.png);
}

.mg-item .tab5.current span,
.mg-item .tab5:hover span {
	background-image: url(/static/image/mg_icon5_hover.png);
}

.mg-item .tab6 span {
	background-image: url(/static/image/mg_icon6.png);
}

.mg-item .tab6.current span,
.mg-item .tab6:hover span {
	background-image: url(/static/image/mg_icon6_hover.png);
}

.mg-item .tab7 span {
	background-image: url(/static/image/mg_icon16.png);
}

.mg-item .tab7.current span,
.mg-item .tab7:hover span {
	background-image: url(/static/image/mg_icon16_hover.png);
}

.mg-item .tab8 span {
	background-image: url(/static/image/mg_icon7.png);
}

.mg-item .tab8.current span,
.mg-item .tab8:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.mg-item .games-mg-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.mg-item .games-mg-search.current span,
.mg-item .games-mg-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.mg-item .games-list li em {
	width: 146px;
	height: 120px;
	margin-top: 28px;
	background-position: 0 -8px;
}

.mg-item .games-list li:hover em {
	background-position: -145px -8px;
}

/*PG*/
.pgs-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.pgs-item .tab1.current span,
.pgs-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.pgs-item .tab2 span {
	background-image: url(/static/image/mg_icon13.png);
}

.pgs-item .tab2.current span,
.pgs-item .tab2:hover span {
	background-image: url(/static/image/mg_icon13_hover.png);
}

.pgs-item .games-pgs-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.pgs-item .games-pgs-search.current span,
.pgs-item .games-pgs-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.pgs-item .games-list li em {
	width: 105px;
	height: 105px;
	margin-top: 65px;
	background-size: cover;
}

.pgs-item .games-list li .game-rollover {
	width: 105px;
	height: 105px;
	padding: 8px 0;
	position: absolute;
	top: 65px;
	left: 78px;
	box-sizing: border-box;
}

.pgs-item .games-list li .game-rollover a {
	text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.pgs-item .games-list li .game-rollover a.real-play,
.pgs-item .games-list li .game-rollover a.free-play {
	width: 98px;
	height: 30px;
	line-height: 30px;
	margin: 10px auto;
	font-size: 16px;
	float: none;
	display: none;
}

.pgs-item .games-list li:hover .game-rollover a {
	display: block;
}

/*PT*/
.pt-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.pt-item .tab1.current span,
.pt-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.pt-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.pt-item .tab2.current span,
.pt-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.pt-item .tab3 span {
	background-image: url(/static/image/mg_icon7.png);
}

.pt-item .tab3.current span,
.pt-item .tab3:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.pt-item .tab4 span {
	background-image: url(/static/image/mg_icon17.png);
}

.pt-item .tab4.current span,
.pt-item .tab4:hover span {
	background-image: url(/static/image/mg_icon17_hover.png);
}

.pt-item .tab5 span {
	background-image: url(/static/image/mg_icon15.png);
}

.pt-item .tab5.current span,
.pt-item .tab5:hover span {
	background-image: url(/static/image/mg_icon15_hover.png);
}

.pt-item .tab6 span {
	background-image: url(/static/image/mg_icon5.png);
}

.pt-item .tab6.current span,
.pt-item .tab6:hover span {
	background-image: url(/static/image/mg_icon5_hover.png);
}

.pt-item .tab7 span {
	background-image: url(/static/image/mg_icon13.png);
}

.pt-item .tab7.current span,
.pt-item .tab7:hover span {
	background-image: url(/static/image/mg_icon13_hover.png);
}

.pt-item .games-pt-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.pt-item .games-pt-search.current span,
.pt-item .games-pt-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.pt-item .games-list li em {
	width: 180px;
	height: 120px;
	margin-top: 30px;
}

/*JDB*/
.jdb-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.jdb-item .tab1.current span,
.jdb-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.jdb-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.jdb-item .tab2.current span,
.jdb-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.jdb-item .tab3 span {
	background-image: url(/static/image/mg_icon4.png);
}

.jdb-item .tab3.current span,
.jdb-item .tab3:hover span {
	background-image: url(/static/image/mg_icon4_hover.png);
}

.jdb-item .tab4 span {
	background-image: url(/static/image/mg_icon7.png);
}

.jdb-item .tab4.current span,
.jdb-item .tab4:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.jdb-item .tab5 span {
	background-image: url(/static/image/mg_icon15.png);
}

.jdb-item .tab5.current span,
.jdb-item .tab5:hover span {
	background-image: url(/static/image/mg_icon15_hover.png);
}

.jdb-item .tab6 span {
	background-image: url(/static/image/mg_icon13.png);
}

.jdb-item .tab6.current span,
.jdb-item .tab6:hover span {
	background-image: url(/static/image/mg_icon13_hover.png);
}

.jdb-item .games-jdb-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.jdb-item .games-jdb-search.current span,
.jdb-item .games-jdb-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.jdb-item .games-list li em {
	width: 180px;
	height: 146px;
	margin-top: 18px;
}

.jdb-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*PP*/
.pp-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.pp-item .tab1.current span,
.pp-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.pp-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.pp-item .tab2.current span,
.pp-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.pp-item .tab3 span {
	background-image: url(/static/image/mg_icon4.png);
}

.pp-item .tab3.current span,
.pp-item .tab3:hover span {
	background-image: url(/static/image/mg_icon4_hover.png);
}

.pp-item .tab4 span {
	background-image: url(/static/image/mg_icon15.png);
}

.pp-item .tab4.current span,
.pp-item .tab4:hover span {
	background-image: url(/static/image/mg_icon15_hover.png);
}

.pp-item .tab5 span {
	background-image: url(/static/image/mg_icon13.png);
}

.pp-item .tab5.current span,
.pp-item .tab5:hover span {
	background-image: url(/static/image/mg_icon13_hover.png);
}

.pp-item .tab6 span {
	background-image: url(/static/image/mg_icon7.png);
}

.pp-item .tab6.current span,
.pp-item .tab6:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.pp-item .games-pp-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.pp-item .games-pp-search.current span,
.pp-item .games-pp-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.pp-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 15px;
}

/*AG*/
.large-item .games-list {
	width: 1200px;
}

.large-item .games-list li {
	width: 578px;
	height: 438px;
	margin: 0 auto;
	position: relative;
}

.large-item .games-list li:first-child {
	margin-right: 40px;
}

.large-item .games-list li:hover {
	background: none;
}

.large-item .games-list li:after {
	content: "";
	width: 576px;
	height: 438px;
	border: 2px solid #fce1cf;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: none;
}

.large-item .games-list li:hover:after {
	content: "";
	display: block;
}

.large-item .games-list li em {
	width: 450px;
	height: 230px;
	margin-top: 60px;
}

/*SPG*/
.spg-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.spg-item .tab1.current span,
.spg-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.spg-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.spg-item .tab2.current span,
.spg-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.spg-item .tab3 span {
	background-image: url(/static/image/mg_icon7.png);
}

.spg-item .tab3.current span,
.spg-item .tab3:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.spg-item .tab4 span {
	background-image: url(/static/image/mg_icon5.png);
}

.spg-item .tab4.current span,
.spg-item .tab4:hover span {
	background-image: url(/static/image/mg_icon5_hover.png);
}

.spg-item .tab5 span {
	background-image: url(/static/image/mg_icon7.png);
}

.spg-item .tab5.current span,
.spg-item .tab5:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.spg-item .tab6 span {
	background-image: url(/static/image/mg_icon7.png);
}

.spg-item .tab6.current span,
.spg-item .tab6:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.spg-item .games-spg-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.spg-item .games-spg-search.current span,
.spg-item .games-spg-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.spg-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.spg-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*MWG*/
.mwg-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.mwg-item .tab1.current span,
.mwg-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.mwg-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.mwg-item .tab2.current span,
.mwg-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.mwg-item .tab3 span {
	background-image: url(/static/image/mg_icon7.png);
}

.mwg-item .tab3.current span,
.mwg-item .tab3:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.mwg-item .games-mwg-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.mwg-item .games-mwg-search.current span,
.mwg-item .games-mwg-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.mwg-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.mwg-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*电游*/
.esport-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.esport-item .tab1.current span,
.esport-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.esport-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.esport-item .tab2.current span,
.esport-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.esport-item .tab3 span {
	display: none;
	background-image: url(/static/image/mg_icon7.png);
}

.esport-item .tab3.current span,
.esport-item .tab3:hover span {
	display: none;
	background-image: url(/static/image/mg_icon7_hover.png);
}

.esport-item .games-esport-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.esport-item .games-esport-search.current span,
.esport-item .games-esport-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.esport-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.esport-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*CQ9*/
.cqg-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.cqg-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.cqg-item .tab1.current span,
.cqg-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.cqg-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.cqg-item .tab2.current span,
.cqg-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.cqg-item .tab3 span,
.cqg-item .tab4 span {
	background-image: url(/static/image/mg_icon7.png);
}

.cqg-item .tab3.current span,
.cqg-item .tab3:hover span,
.cqg-item .tab4.current span,
.cqg-item .tab4:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.cqg-item .games-cqg-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.cqg-item .games-cqg-search.current span,
.cqg-item .games-cqg-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.cqg-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*AE*/
.ae-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
	background-size: cover;
}

.ae-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.ae-item .tab1.current span,
.ae-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.ae-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.ae-item .tab2.current span,
.ae-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.ae-item .tab3 span,
.ae-item .tab4 span {
	background-image: url(/static/image/mg_icon7.png);
}

.ae-item .tab3.current span,
.ae-item .tab3:hover span,
.ae-item .tab4.current span,
.ae-item .tab4:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.ae-item .games-ae-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.ae-item .games-ae-search.current span,
.ae-item .games-ae-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.ae-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*FC*/
.fc-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.fc-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.fc-item .tab1.current span,
.fc-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.fc-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.fc-item .tab2.current span,
.fc-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.fc-item .tab3 span,
.fc-item .tab4 span {
	background-image: url(/static/image/mg_icon7.png);
}

.fc-item .tab3.current span,
.fc-item .tab3:hover span,
.fc-item .tab4.current span,
.fc-item .tab4:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.fc-item .games-fc-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.fc-item .games-fc-search.current span,
.fc-item .games-fc-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.fc-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*HW*/
.hw-item .games-list li em {
	width: 150px;
	height: 150px;
	margin-top: 18px;
}

.hw-item .tab1 span {
	background-image: url(/static/image/mg_icon1.png);
}

.hw-item .tab1.current span,
.hw-item .tab1:hover span {
	background-image: url(/static/image/mg_icon1_hover.png);
}

.hw-item .tab2 span {
	background-image: url(/static/image/mg_icon12.png);
}

.hw-item .tab2.current span,
.hw-item .tab2:hover span {
	background-image: url(/static/image/mg_icon12_hover.png);
}

.hw-item .tab3 span,
.hw-item .tab4 span {
	background-image: url(/static/image/mg_icon7.png);
}

.hw-item .tab3.current span,
.hw-item .tab3:hover span,
.hw-item .tab4.current span,
.hw-item .tab4:hover span {
	background-image: url(/static/image/mg_icon7_hover.png);
}

.hw-item .games-hw-search span {
	background-image: url(/static/image/mg_icon_search.png);
}

.hw-item .games-hw-search.current span,
.hw-item .games-hw-search:hover span {
	background-image: url(/static/image/mg_icon_search_hover.png);
}

.hw-item .games-list .game-rollover a.free-play {
	display: none !important;
}

/*优惠活动*/
.mod-promotions .menu-sub {
	padding: 15px 0;
}

.mod-promotions .menu-sub ul {
	display: flex;
}

.mod-promotions .menu-sub ul li {
	height: 40px;
	width: 125px;
	line-height: 40px;
	margin-right: 12px;
	float: left;
	display: inline;
}

.mod-promotions .menu-sub ul li a {
	width: 100%;
	height: 100%;
	color: #fff;
	display: block;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
}

.mod-promotions .menu-sub ul li a:hover {
	color: #FFC93C;
}

.mod-promotions .menu-sub ul .current a,
.mod-promotions .menu-sub ul .current a:hover {
	background: linear-gradient(0deg, #9d3bff, #a953ff);
}

.mod-promotions .area-main {
	width: 970px;
	margin: 10px 5px 20px;
}

.mod-promotions .area-main li {
	margin-bottom: 10px;
	width: 100%;
}

.mod-promotions .info-tit {
	cursor: pointer;
}

.mod-promotions .info-cont {
	color: #444;
	padding: 0 20px 20px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 24px;
	font-size: 14px;
	display: none;
}

.mod-promotions .info-cont h3 {
	font: 22px/1.5 "Microsoft YaHei";
	color: #333;
	padding: 15px 0;
}

.mod-promotions .info-cont table {
	margin: 15px 0;
	width: 100%;
}

.mod-promotions .info-cont table td,
.mod-promotions .info-cont table th {
	border: 1px solid #ccc;
	text-align: center;
	padding: 5px 0;
}

.mod-promotions .info-cont table th {
	color: #333;
}

.mod-promotions .info-cont ol,
.mod-promotions .info-cont ul {
	list-style: decimal;
	margin-left: 5px;
}

.mod-promotions .info-cont li {
	list-style-type: inherit;
	margin-left: 16px;
	padding-left: 5px;
	width: auto;
}

.mod-promotions .btn-apply,
.mod-promotions .btn-record,
.mod-promotions .btn-il {
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	margin: 12px 0 0 12px;
	color: #fff;
	text-align: center;
	background: url(/static/image/promo/promo_btn.png) no-repeat;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}

.mod-promotions .btn-apply:hover,
.mod-promotions .btn-record:hover,
.mod-promotions .btn-il:hover {
	background-position: 0 -40px;
}

.mod-promotions .btn-applied {
	background: #ccc;
	border-radius: 3px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 12px 0 0 12px;
}

.mod-promotions .btn-applied:hover {
	color: #fff;
}

.promotions-wrap .bg-wrapper {
	background: url(/static/image/promo/promo_bg.jpg) no-repeat, #fcfcfc url(/static/image/promo/promo_bg.jpg) no-repeat;
	background-size: 100%;
}

.promotions-wrap .bg-wrapper.promo_fixed {
	background-attachment: fixed;
	background-size: 100%;
	background-position: center 70px;
}

/*客户端*/
#client {
	font-size: 14px;
}

.mod-client a,
.mod-client h2 {
	color: #444;
}

.mod-client h4 {
	font-weight: 400;
}

.mod-client .content {
	max-width: 1920px;
	margin: auto;
	min-height: 400px;
	overflow: auto
}

.mod-client .dots {
	width: 8px;
	height: 150px;
	position: fixed;
	right: 50px;
	top: 50%;
	margin-top: -75px;
	z-index: 999
}

.mod-client .dots li {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #c8c8c8;
	margin-bottom: 12px;
	position: relative;
	cursor: pointer
}

.mod-client .dots li span {
	position: absolute;
	display: inline-block;
	width: 64px;
	height: 18px;
	top: -5px;
	right: 10px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	z-index: 999;
	background: url(/static/image/tooltips_grey.png) no-repeat;
}

.mod-client .dots .active span,
.mod-client .dots li:hover span {
	display: block;
	background: url(/static/image/tooltips.png) no-repeat;
}

.mod-client .boundary {
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	position: relative
}

.mod-client .page-1 {
	height: 826px;
	background-size: contain;
	position: relative
}

.mod-client .cy_canvas {
	width: 60%;
	height: 446px;
	position: absolute;
	bottom: 0;
	left: 0
}

.mod-client .page-1 .phone {
	width: 400px;
	height: 570px;
	margin-top: 110px;
	margin-left: auto;
	position: relative;
	margin-right: auto;
}

.mod-client .page-1 .phone-border {
	position: absolute;
	width: 242px;
	height: 484px;
	background: url(/static/image/phone_frame.png) no-repeat;
	left: 78px;
	top: 43px;
}

.mod-client .blank-layer {
	position: absolute;
	top: 0;
	left: -15%;
	bottom: 0;
	right: -15%;
	background: url(/static/image/blank.png);
	z-index: 99;
}

.mod-client .page1-phone-slider {
	top: 10%;
	position: relative;
	z-index: 0;
	left: 23%;
	height: 457px;
	width: 214px;
}

.page1-phone-slider img {
	position: absolute;
	width: 214px;
	height: 457px;
	-webkit-box-shadow: rgba(102, 102, 102, .5) 0 0 100px;
	box-shadow: rgba(102, 102, 102, .5) 0 0 100px;
	z-index: 12;
	top: 50%;
	transform: translate(0, -50%);
	transition: all .4s, z-index 0s;
	transform-origin: 50% 50%;
}

.page1-phone-slider.tab1 .pslide1,
.page1-phone-slider.tab1 .pslide5 {
	z-index: 2;
	opacity: .7
}

.page1-phone-slider.tab1 .pslide2,
.page1-phone-slider.tab1 .pslide4 {
	z-index: 4;
	opacity: .9
}

.page1-phone-slider.tab1 .pslide5 {
	transform: translate(-70%, -50%) scale(.6);
}

.page1-phone-slider.tab1 .pslide4 {
	transform: translate(-40%, -50%) scale(.85);
}

.page1-phone-slider.tab1 .pslide2 {
	transform: translate(40%, -50%) scale(.85);
}

.page1-phone-slider.tab1 .pslide1 {
	transform: translate(70%, -50%) scale(.6);
}

.page1-phone-slider.tab2 .pslide1,
.page1-phone-slider.tab2 .pslide5 {
	z-index: 4;
	opacity: .7
}

.page1-phone-slider.tab2 .pslide2.pslide2,
.page1-phone-slider.tab2 .pslide4 {
	z-index: 6;
	opacity: .9
}

.page1-phone-slider.tab2 .pslide6 {
	z-index: 1;
	opacity: .3
}

.page1-phone-slider.tab2 .pslide5 {
	transform: translate(-70%, -50%) scale(.6);
}

.page1-phone-slider.tab2 .pslide4 {
	transform: translate(-40%, -50%) scale(.85);
}

.page1-phone-slider.tab2 .pslide2 {
	transform: translate(40%, -50%) scale(.85);
}

.page1-phone-slider.tab2 .pslide1 {
	transform: translate(70%, -50%) scale(.6);
}

.page1-phone-slider.tab2 .pslide6 {
	transform: translate(90%, -50%) scale(.5);
}

.mod-client .introduce {
	width: 547px;
	margin-top: 134px
}

.mod-client .download-btn {
	height: 52px;
	margin-top: 96px;
	display: block;
}

.mod-client .download-btn a {
	background: #fecc72;
	background: -moz-linear-gradient(top, #fecc72 0%, #fd8c3c 100%);
	background: -webkit-linear-gradient(top, #fecc72 0%, #fd8c3c 100%);
	background: linear-gradient(to bottom, #fecc72 0%, #fd8c3c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fecc72', endColorstr='#fd8c3c', GradientType=0);
	border-radius: 10px;
	line-height: 52px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	display: inline;
	float: left;
	width: 220px;
	margin-right: 15px;
}

.mod-client .all-page-tab {
	text-align: center;
	width: 100%;
	bottom: 16px;
	position: absolute
}

.mod-client .all-page-tab a {
	display: inline-block;
	width: 80px;
	height: 60px;
	margin: 0 30px;
	position: relative;
	line-height: 60px
}

.mod-client .all-page-tab a i {
	display: inline-block;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 0;
	position: absolute
}

.mod-client .all-page-tab .active i {
	background: #f5be6f
}

.mod-client .page-2 {
	height: 900px
}

.mod-client .page-2 .boundary {
	overflow: auto
}

.mod-client .video-wrapper {
	width: 1050px;
	height: 610px;
	margin: 144px auto 0;
	background: #ccc;
	overflow: hidden
}

.mod-client .video-mask {
	width: 100%;
	height: 100%;
	background: #000 url(images/video_img.png) no-repeat -1px -1px
}

.mod-client video {
	width: 100%;
	height: 100%
}

.mod-client .page-3 {
	height: 900px;
	position: relative
}

.mod-client .page-3-wrapper {
	height: 555px;
	width: 100%;
	background: #fff
}

.mod-client .page-3 .page-3-bg {
	height: 345px;
	background: url(/static/image/page5_bg.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	background-attachment: fixed
}

.mod-client .page-3 .page-3-bg.sports-bg {
	background: url(/static/image/page_3.jpg) no-repeat;
	height: 345px;
	background-size: cover;
	background-position: 50%;
	width: 100%;
	background-attachment: fixed
}

.mod-client .page-3 .phone {
	width: 354px;
	padding: 10px 20px 0;
	height: 457px;
	position: absolute;
	bottom: 0;
	left: 128px;
	background-size: cover;
	background-position: 50%
}

.mod-client .phone-border {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 15;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: 50%;
}

.mod-client .page-3 .phone .slider-wrapper {
	height: 100%;
	border-radius: 5px
}

.mod-client .keep-out {
	height: 10px;
	background: #fff;
	position: absolute;
	width: 100%;
	left: 0;
	top: 10px;
	z-index: 998
}

.mod-client .slide-item-2-1 {
	width: 600px;
	height: 500px;
	position: absolute;
	bottom: -55px;
	background: url(/static/image/slider1bg.png) no-repeat
}

.mod-client .slide-item-2-1 .slider-wrapper {
	width: 290px;
	height: 403px;
	left: 166px;
	top: 42px;
	border-radius: 5px;
	position: absolute;
	overflow: hidden
}

.mod-client .slide-item-2-1 .slider-wrapper .gutter {
	position: relative;
	overflow: visible;
	display: block;
	float: left;
}

.mod-client .slide-item-2-1 .slider-wrapper .gutter:before {
	display: block;
	content: '';
	background: url(/static/image/gutter.png) no-repeat;
	position: absolute;
	left: -39px;
	top: 8px;
	z-index: 1;
	width: 78px;
	height: 403px;
	background-size: cover;
	cursor: pointer
}

.mod-client .slide-item-2-1 .slider-wrapper .imgLeft,
.mod-client .slide-item-2-1 .slider-wrapper .imgRight {
	display: block;
	height: 460px;
	width: 50%;
	float: left;
	overflow: hidden
}

.mod-client .slide-item-2-1 .slider-wrapper .imgLeft {
	background: url(/static/image/daytime.png) no-repeat left top, url(/static/image/daytime.png) no-repeat left top;
}

.mod-client .slide-item-2-1 .slider-wrapper .imgRight {
	background: url(/static/image/night.png) no-repeat right top, url(/static/image/night.png) no-repeat right top;
	float: right;
}

.mod-client .slide-item-2-1 .phone .slider-wrapper img:last-child {
	z-index: 1
}

.mod-client .page-3 .phone .slider-wrapper img {
	width: 100%
}

.mod-client .page-3 .page3-content {
	width: 528px;
	height: 382px;
	position: absolute;
	right: 0;
	bottom: 0
}

.mod-client .page-3 .page3-content h2 {
	height: 50px;
	font-size: 50px;
	line-height: 50px;
	text-align: right;
	margin-bottom: 33px
}

.mod-client .page-3 .page3-content p {
	text-indent: 40px;
	line-height: 30px;
	color: #666;
	font-size: 20px
}

.mod-client .page-4 {
	height: 900px;
	position: relative
}

.mod-client .page-4-bg {
	height: 345px;
	background: url(/static/image/page4_bg.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed
}

.mod-client .page-4-bg.sports-bg {
	height: 345px;
	background: url(/static/image/page5_bg.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed
}

.mod-client .page-4-wrapper {
	height: 550px;
	background: #fff;
	width: 100%;
	bottom: 0;
	position: absolute
}

.mod-client .page-4 .phone {
	height: 410px;
	width: 546px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(/static/image/page4_phone_bg.png) no-repeat 34px top
}

.mod-client .page4-content {
	height: 380px;
	width: 600px;
	position: absolute;
	bottom: 0;
	left: 0
}

.mod-client .page4-content h2 {
	height: 50px;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 40px
}

.mod-client .page4-content p {
	line-height: 30px;
	font-size: 20px;
	color: #666;
	letter-spacing: 1px
}

.mod-client .page-5 {
	height: 900px
}

.mod-client .page-5-bg {
	height: 345px;
	background: url(/static/image/sport_bg1.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed
}

.mod-client .page-5-bg.sports-bg {
	height: 345px;
	background: url(/static/image/page_5.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed
}

.mod-client .page-5-wrapper {
	height: 554px;
	background: #fff;
	width: 100%;
	bottom: 0;
	position: relative
}

.mod-client .page-5-wrapper .phone {
	width: 700px;
	height: 400px;
	background: url(/static/image/page5_phone_bg.png) no-repeat 0 5px;
	bottom: 0;
	left: 0;
	position: absolute
}

.mod-client .page-5-wrapper .phone-float {
	width: 522px;
	height: 426px;
	position: absolute;
	left: 14px;
	top: 2px
}

.mod-client .page5-content {
	width: 490px;
	height: 370px;
	position: absolute;
	right: 0;
	bottom: 0
}

.mod-client .page5-content h2 {
	height: 50px;
	font-size: 50px;
	line-height: 50px;
	text-align: right;
	margin-bottom: 33px
}

.mod-client .page-5 .page5-content p {
	text-indent: 40px;
	line-height: 30px;
	color: #666;
	font-size: 20px
}

.mod-client .page-6-bg {
	height: 345px;
	background: url(/static/image/sport_bg3.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed
}

.mod-client .page-6-bg.sports-bg {
	height: 345px;
	background: url(/static/image/page_6.jpg) no-repeat;
	background-size: cover;
	background-position: 50%;
	background-attachment: fixed
}

.mod-client .page-6-wrapper {
	height: 550px;
	background: #fff;
	width: 100%;
	bottom: 0;
	position: relative
}

.mod-client .page-6-wrapper .phone {
	width: 523px;
	height: 693px;
	position: absolute;
	right: -40px;
	bottom: 0;
	z-index: 10;
	background: url(/static/image/page6_phone.png) no-repeat
}

.mod-client .page6-content {
	width: 308px;
	height: 314px;
	position: absolute;
	left: 215px;
	top: 94px
}

.mod-client .page6-content .erweima {
	width: 143px;
	height: 143px;
	margin: 0 auto
}

.mod-client .page6-content p {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px
}

.mod-client .slide-item-1-1 {
	width: 600px;
	height: 500px;
	background: url(/static/image/page3_phone.png?3) no-repeat -22px bottom, url(/static/image/page3_phone.png?3) no-repeat -22px bottom;
	position: absolute;
	bottom: 0
}

.mod-client .slide-item-1-1 .slide3 {
	position: absolute;
	width: 397px;
	height: 207px;
	background: url(/static/image/slider4-3.png?3) no-repeat center/contain, url(/static/image/slider4-3.png?3) no-repeat center/contain;
	right: 132px;
	bottom: 147px;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translate(-20px, 20px);
	-ms-transform: translate(-20px, 20px);
	transform: translate(-20px, 20px);
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.mod-client .slide-item-1-1 .slide2 {
	width: 397px;
	height: 207px;
	background: url(/static/image/slider4-2.png?3) no-repeat center/contain, url(/static/image/slider4-2.png?3) no-repeat center/contain;
	right: 107px;
	bottom: 166px;
	z-index: 2;
	-webkit-transform: translate(-30px, 30px);
	-ms-transform: translate(-30px, 30px);
	transform: translate(-30px, 30px);
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.mod-client .slide-item-1-1 .slide1,
.mod-client .slide-item-1-1 .slide2 {
	position: absolute;
	opacity: 0;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-1-1 .slide1 {
	width: 395px;
	height: 225px;
	background: url(/static/image/slider4-1.png?3) no-repeat center/contain, url(/static/image/slider4-1.png?3) no-repeat center/contain;
	right: 95px;
	bottom: 180px;
	z-index: 3;
	-webkit-transform: translate(-40px, 40px);
	-ms-transform: translate(-40px, 40px);
	transform: translate(-40px, 40px);
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.mod-client .slide-item-1-2 {
	width: 600px;
	height: 500px;
	background: url(/static/image/page4_phone.png?2) no-repeat -6px bottom, url(/static/image/page4_phone.png?2) no-repeat -6px bottom;
	position: absolute;
	right: 0;
	bottom: 0
}

.mod-client .slide-item-1-2>div {
	background: url(/static/image/slider5_01.png?2) no-repeat;
	position: absolute;
	width: 360px;
	height: 268px;
	left: 30px;
	bottom: 40px;
	z-index: 3;
	opacity: 0;
	-webkit-transform: translate(-6px, 40px);
	-ms-transform: translate(-6px, 40px);
	transform: translate(-6px, 40px);
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.mod-client .slide-item-1-2 .slide2 {
	left: 20px;
	bottom: 56px;
	z-index: 4;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.mod-client .slide-item-1-2 .slide3 {
	left: 10px;
	bottom: 72px;
	z-index: 5;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.mod-client .slide-item-1-3 {
	width: 600px;
	height: 500px;
	background: url(/static/image/page5_phone.png) no-repeat 0 100%, url(/static/image/page5_phone.png) no-repeat 0 100%;
	position: absolute;
	bottom: 0
}

.mod-client .slide-item-1-3 .slide1 {
	background: url(/static/image/slider6-3.png) no-repeat, url(/static/image/slider6-3.png) no-repeat;
	left: -20px;
	z-index: 1;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-1-3 .slide1,
.mod-client .slide-item-1-3 .slide2 {
	position: absolute;
	width: 600px;
	height: 505px;
	bottom: -10px;
	opacity: 0;
	-webkit-transform: translate(-6px, 40px);
	-ms-transform: translate(-6px, 40px);
	transform: translate(-6px, 40px)
}

.mod-client .slide-item-1-3 .slide2 {
	background: url(/static/image/slider6-2.png) no-repeat, url(/static/image/slider6-2.png) no-repeat;
	left: -15px;
	bottom: -10px;
	z-index: 2;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-1-3 .slide3 {
	position: absolute;
	width: 600px;
	height: 505px;
	background: url(/static/image/slider6-1.png?2) no-repeat, url(/static/image/slider6-1.png?2) no-repeat;
	left: -10px;
	bottom: -10px;
	z-index: 3;
	opacity: 0;
	-webkit-transform: translate(-6px, 40px);
	-ms-transform: translate(-6px, 40px);
	transform: translate(-6px, 40px);
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-2-3 {
	width: 600px;
	height: 500px;
	position: absolute;
	right: 0;
	bottom: -55px;
	background: url(/static/image/slider3bg.png) no-repeat -70px top, url(/static/image/slider3bg.png) no-repeat -70px top
}

.mod-client .slide-item-2-3 .slide1 {
	width: 308px;
	height: 183px;
	background: url(/static/image/slider3-3.png) no-repeat, url(/static/image/slider3-3.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 100px;
	opacity: 0;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-2-3 .slide2 {
	width: 335px;
	height: 204px;
	background: url(/static/image/slider3-2.png) no-repeat, url(/static/image/slider3-2.png) no-repeat;
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 60px;
	opacity: 0;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-2-3 .slide3 {
	width: 335px;
	height: 221px;
	background: url(/static/image/slider3-1.png) no-repeat, url(/static/image/slider3-1.png) no-repeat;
	position: absolute;
	z-index: 3;
	top: 50px;
	left: 10px;
	opacity: 0;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-2-2 {
	width: 600px;
	height: 500px;
	position: absolute;
	bottom: -57px;
	background: url(/static/image/slider2bg.png) no-repeat
}

.mod-client .slide-item-2-2 .slide1 {
	width: 166px;
	height: 107px;
	background: url(/static/image/slider2-3.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: 172px;
	left: 176px
}

.mod-client .slide-item-2-2 .slide2 {
	width: 183px;
	height: 124px;
	background: url(/static/image/slider2-2.png) no-repeat;
	position: absolute;
	z-index: 2;
	top: 142px;
	left: 188px;
	opacity: 0;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-2-2 .slide3 {
	width: 226px;
	height: 150px;
	background: url(/static/image/slider2-1.png) no-repeat;
	top: 102px;
	left: 200px;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.mod-client .slide-item-2-2 .slide3,
.mod-client .slide-item-2-2 .slide4 {
	position: absolute;
	z-index: 3;
	opacity: 0;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .slide-item-2-2 .slide4 {
	width: 201px;
	height: 109px;
	background: url(/static/image/slider2-4.png) no-repeat;
	bottom: 66px;
	left: 226px
}

.mod-client .slide-item-2-2 .slide5 {
	width: 212px;
	height: 115px;
	background: url(/static/image/slider2-5.png) no-repeat;
	position: absolute;
	z-index: 4;
	bottom: 88px;
	left: 236px;
	opacity: 0;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mod-client .animationStart {
	-webkit-animation-name: slideItem1_1;
	animation-name: slideItem1_1;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.mod-client .animationStart1 {
	-webkit-animation-name: slideItem2_1;
	animation-name: slideItem2_1;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.mod-client .animationStart4 {
	-webkit-animation-name: slideItem3_2;
	animation-name: slideItem3_2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.mod-client .animationStart5 {
	-webkit-animation-name: slideItem3_3;
	animation-name: slideItem3_3;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

@-webkit-keyframes slideItem1_1 {
	0% {
		-webkit-transform: translate(-20px, 20px);
		transform: translate(-20px, 20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes slideItem1_1 {
	0% {
		-webkit-transform: translate(-20px, 20px);
		transform: translate(-20px, 20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes slideItem2_1 {
	0% {
		-webkit-transform: translate(-6px, 40px);
		transform: translate(-6px, 40px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes slideItem2_1 {
	0% {
		-webkit-transform: translate(-6px, 40px);
		transform: translate(-6px, 40px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes slideItem3_2 {
	0% {
		-webkit-transform: translate(-20px, 20px);
		transform: translate(-20px, 20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes slideItem3_2 {
	0% {
		-webkit-transform: translate(-20px, 20px);
		transform: translate(-20px, 20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes slideItem3_3 {
	0% {
		-webkit-transform: translate(20px, 20px);
		transform: translate(20px, 20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}

@keyframes slideItem3_3 {
	0% {
		-webkit-transform: translate(20px, 20px);
		transform: translate(20px, 20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
		opacity: 1
	}
}


/* popup */
.mod-client .imgbox {
	width: 402px;
	height: 485px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	background: #FFFFFF;
	border-radius: 10px;
}


.pop_content .logo {
	width: 440px;
	height: 50px;
	background-size: 100%;
	border-radius: 10px 10px 0 0;
	margin-left: 60px;
}

.pop_content {
	width: 80%;
	margin: 0 auto;
}

.hide_box,
.hide_box1,
.hide_box2,
.hide_box3,
.hide_box4,
.hide_box5 {
	z-index: 999;
	filter: alpha(opacity=80);
	background: #666;
	opacity: 0.8;
	-moz-opacity: 0.5;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	display: none;
}

.shang_box,
.shang_box1,
.shang_box2,
.shang_box3,
.shang_box4,
.shang_box5 {
	width: 500px;
	height: 597px;
	background-color: #fff;
	border-radius: 10px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin-left: -280px;
	margin-top: -280px;
	display: none;
	background: #d2d2d2;
	/* Old browsers */
	background: -moz-linear-gradient(top, #d2d2d2 1%, #bcbcbc 49%, #a2a2a2 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d2d2d2 1%, #bcbcbc 49%, #a2a2a2 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d2d2d2 1%, #bcbcbc 49%, #a2a2a2 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#a2a2a2', GradientType=0);
	/* IE6-9 */
}

.shang_box1,
.shang_box2,
.shang_box3,
.shang_box4,
.shang_box5 {
	width: 500px;
	height: 597px;
	background-color: #fff;
	border-radius: 10px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin-left: -280px;
	margin-top: -280px;
	display: none;
}

.shang_box img,
.shang_box1 img,
.shang_box2 img,
.shang_box3 img,
.shang_box4 img,
.shang_box5 img {
	border: none;
	border-width: 0;
}

.shang_close {
	float: right;
	display: inline-block;
}

.shang_close img {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	transition: all 0.5s;
	margin: 5px;
}

.shang_close img:hover {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.shang_tit {
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-family: 'Microsoft YaHei';
	margin-top: 7px;
	margin-right: 2px;
}

.shang_tit p {
	color: #a3a3a3;
	text-align: center;
	font-size: 16px;
	overflow-wrap: break-word;
}

.shang_tit h4 {
	color: #fd9645;
	height: 60px;
	line-height: 50px;
	font-size: 23px;
}

.shang_payimg {
	width: 140px;
	padding: 2px;
	border: 6px solid #666666;
	margin: 0 auto;
	border-radius: 3px;
	height: 140px;
}

.shang_payimg img {
	display: block;
	text-align: center;
	width: 140px;
	height: 140px;
}

.pay_explain {
	text-align: center;
	margin: 16px auto;
	font-size: 18px;
	color: dodgerblue;
}

.shang_info {
	clear: both;
}

.shang_info p {
	color: #C3C3C3;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	margin-top: 10px;
}

.install {
	width: 400px;
	height: 55px;
	margin: 0 auto;
	font-size: 25px;
	border-radius: 10px;
	text-align: center;
	line-height: 55px;
	color: #fff;
	margin-top: 10px;
	background: #ffc96e;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffc96e 1%, #fd9643 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffc96e 1%, #fd9643 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffc96e 1%, #fd9643 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96e', endColorstr='#fd9643', GradientType=0);
	/* IE6-9 */
	cursor: pointer;
}

.choice {
	height: 500px;
	position: relative;
}

.w35 {
	width: 30px;
	padding-top: 15px;
	padding-bottom: 6px;
}

.centerBox1,
.centerBox2,
.centerBox3,
.centerBox4,
.centerBox5 {
	position: relative;
	width: 100%;
}

.centerBox2,
.centerBox3,
.centerBox5 {
	display: none;
}

.shang_box1 .centerBox2,
.shang_box2 .centerBox2,
.shang_box3 .centerBox2,
.shang_box4 .centerBox2,
.shang_box5 .centerBox2 {
	display: block;
}

.shang_content {
	background: #fff;
	border-radius: 10px;
	width: 380px;
	height: 400px;
	padding: 10px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.shang_content hr {
	background: #e4e4e4;
	width: 300px;
}

.centerBox2 .shang_content,
.centerBox3 .shang_content,
.centerBox5 .shang_content {
	height: 438px
}

* end popup */

/* swiper.min.css */



/* page宽为1400px 样式 */
@media screen and (min-width:1400px) {

	/* 首页 */
	.home-platform .layout,
	.home-sponsor,
	.introduce .layout {
		width: 1400px;
		max-width: 100%;
	}

	.home-platform li .platform-info {
		padding: 0 30px 0 60px;
	}

	.home-platform li p {
		font-size: 18px;
	}

	.home-platform li.home-sports h2 {
		padding-top: 45px;
	}

	.home-platform li.home-games h2 {
		padding-top: 70px;
	}

	.introduce ul li p {
		width: 250px;
		font-size: 13px;
	}

	.mod-lottery .lottery-layout {
		height: 60vh
	}

	.mod-live-casino .layout {
		width: 1100px;
	}
}

@media screen and (max-width:1399px) {
	.home-platform .layout {
		width: 1240px;
	}

	.home-platform li .platform-info {
		padding: 0 0 0 26px;
	}

	.home-platform li.home-live .platform-info {
		padding: 0 0 0 8px;
	}

	.home-platform li.home-sports .platform-info {
		margin-right: 44px;
	}
}

/*usdt page*/
.mod-usdt .title {
	font-size: 15px;
	color: #999;
	position: relative;
	margin: 30px 0 20px -30px;
	padding-left: 30px;
}

.mod-usdt h2 {
	font-size: 30px;
	font-weight: bold;
}

.mod-usdt .title:before {
	content: '';
	width: 11px;
	height: 50px;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	background: #9d3bff;
	background: -moz-linear-gradient(top, #9d3bff 0%, #fecf68 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #9d3bff), color-stop(100%, #fecf68));
	background: -webkit-linear-gradient(top, #9d3bff 0%, #fecf68 100%);
	background: -o-linear-gradient(top, #9d3bff 0%, #fecf68 100%);
	background: -ms-linear-gradient(top, #9d3bff 0%, #fecf68 100%);
	background: linear-gradient(to bottom, #9d3bff 0%, #fecf68 100%);
}

.mod-usdt .subtitle {
	font-size: 12px;
	color: #BFBFBF;
	margin: 20px 0 30px;
}

.mod-usdt h3 {
	font-size: 23px;
	font-weight: bold;
	background: -webkit-linear-gradient(left, #fecf68, #9d3bff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

.mod-usdt .app-list {
	margin-bottom: 90px;
}

.mod-usdt .app-list li {
	display: inline;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #999;
	cursor: pointer;
	transition: all .3s;
}

.mod-usdt .app-list li:hover {
	color: #333;
}

.mod-usdt .app-list li+li {
	margin-left: 22px;
}

.mod-usdt .app-list img {
	width: 90px;
	margin: 0 auto 10px;
	display: block;
	box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.10);
	border-radius: 20px;
	transition: all .3s;
}

.mod-usdt .app-list li:hover img {
	transform: scale(1.03);
}

.mod-usdt .app-list .desc {
	display: none !important;
}

.mod-usdt .usdt-desc {
	display: flex;
	font-size: 14px;
	color: #999;
	align-items: flex-start;
	min-height: 100px;
}

.mod-usdt .usdt-desc span {
	display: none;
}

.mod-usdt .usdt-desc a>img {
	display: block;
	width: 100px;
	margin-right: 20px;
	box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.10);
	border-radius: 21px;
}

.mod-usdt .usdt-desc p+p {
	margin-top: 30px;
}

.mod-usdt .usdt-desc p a {
	color: #16b3f0
}

.mod-usdt .btn-usdt {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(to right, #9f3fff, #FFD46F);
	padding: 0 20px;
	line-height: 34px;
	border-radius: 4px;
	margin: 120px 0 100px;
	cursor: pointer;
}

.mod-usdt .usdt-desc p img {
	width: 100px;
	margin-top: 10px;
	display: block;
}

@font-face {
	font-family: 'ShangShouYiFeiTi';
	src: url('/static/font/ShangShouYiFeiTi.ttf') format("truetype");
}