/* CSS Document */
body {
	width: 100%;
	min-width: 1280px;
	position: relative;
	background-color: #fff;
	font-family: "Microsoft YaHei";
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	color: #686868;
}

a:hover,
a:active {
	color: #9d3bff;
}

.cMain,
a.cMain,
.cMain a,
.cMain a:active {
	color: #ffc600;
}

.layout1000,
.layout {
	width: 1000px;
	margin: 0 auto;
}

.layout1020 {
	width: 1020px;
	margin: 0 auto;
}

.layout1200 {
	width: 1200px;
	margin: 0 auto;
}

.content {
	padding-top: 79px;
}

body>.content {
	min-height: calc(100vh - 79px - 377px);
}

.layout1200:after {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* spirits 图片 */
.top-notice em,
.header-online-chat,
.mod-reg .reg-sub a,
.mod-forget-passwd .ways a,
.slide-wrap .slide-arrow em {
	background: url(/static/image/common_spirits.png) no-repeat;
}

.hd-link a,
.notice i {
	background: url(/static/image/icons.png) no-repeat;
}

.item .item-tab a {
	background: url(/static/image/btn_bg_spirits_1.png) repeat-x;
}

.item .item-tab a.current i {
	background: url(/static/image/btn_bg_arrow.png) 0 0 no-repeat;
}

/*系统公告*/
.top-notice {
	background: #fff4d1;
	color: #777;
	height: 30px;
	line-height: 30px;
	position: relative;
	z-index: 100;
	overflow: hidden;
}

.top-notice .layout,
.top-notice .layout1200 {
	position: relative;
}

.top-notice em {
	background-position: -179px -120px;
	height: 18px;
	width: 18px;
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
}

.top-notice .top-marquee {
	width: 960px;
	margin-left: 30px;
	overflow: hidden;
	height: 100%;
	color: #4d3308;
}

.top-notice.agent-notice .top-agent-marquee {
	overflow: hidden;
	height: 100%;
	color: #4d3308;
	position: relative;
	float: right;
	margin-left: 10px;
	width: auto;
	max-width: 1172px;
}

.top-notice .layout1200 em {
	float: right;
	position: relative;
}

.top-notice .layout1200 {
	float: right;
	margin: 0 150px 0 0;
}

/* notice */
.notice {
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	background: #fff;
	overflow: hidden;
}

.notice i {
	float: left;
	display: inline;
	width: 80px;
	color: #5d5d5d;
	background-position: right -140px;
	cursor: pointer;
}

.notice .marquee {
	height: 32px;
	line-height: 32px;
	color: #686868;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	cursor: pointer;
}

.notice .marquee-more {
	width: 215px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	background: url("/static/image/notice_more.png") no-repeat;
	cursor: pointer;
}

.mod-lottery .notice .marquee {
	margin: 0;
}

/* 焦点图 */
.mod-banner {
	width: 100%;
	min-width: 1000px;
	max-width: 1920px;
	height: auto;
	max-height: 400px;
	overflow: hidden;
	background: #eee;
	margin: 0 auto;
}

.slide-wrap {
	position: relative;
	text-align: center;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.slide-wrap ul li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: auto;
}

.slide-wrap ul li a {
	display: block;
}

.slide-wrap ul li img {
	width: 100%;
	height: 100%;
}

.slide-wrap .slide-arrow {
	background-color: rgba(255, 255, 255, 0.4);
	background: url(/static/image/ui_alpha_white_40.png) repeat \9;
	height: 50px;
	width: 50px;
	position: relative;
	z-index: 2;
	display: block;
	top: 50%;
	margin-top: -25px;
}

.slide-wrap .slide-prev {
	float: left;
}

.slide-wrap .slide-next {
	float: right;
}

.slide-wrap .slide-prev em {
	background-position: right -449px;
	display: block;
	width: 12px;
	height: 22px;
	margin: 14px 17px;
}

.slide-wrap .slide-prev:hover em {
	background-position: right -471px;
}

.slide-wrap .slide-next em {
	background-position: right -493px;
	display: block;
	width: 12px;
	height: 22px;
	margin: 14px 22px;
}

.slide-wrap .slide-next:hover em {
	background-position: right -515px;
}

/* header */
.header {
	height: 79px;
	width: 100%;
	min-width: 1280px;
	position: absolute;
	z-index: 999;
}

.header .logo {
	max-width: 160px;
	height: 40px;
	margin-right: 5px;
}

.header .logo a {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.header .logo img {
	max-height: 100%;
	max-width: 100%;
}

.fxd {
	position: fixed;
	top: 0;
}

.header-top {
	height: 34px;
	background: #6d6d6f;
	justify-content: flex-end;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.header-bottom {
	height: 45px;
	display: flex;
	align-items: center;
	background: #45464b;
	background: -webkit-gradient(linear, left top, left bottom, from(#656469), to(#1f1f21));
	background: -webkit-linear-gradient(top, #656469, #1f1f21);
	background: linear-gradient(180deg, #656469, #1f1f21);
	padding-left: 20px;
}

.login-menu input {
	background: #dcdadb;
	width: 120px;
	border: none;
	border-radius: 0;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	color: #666;
	margin-right: 5px;
}

.login-menu input::-webkit-input-placeholder {
	font-size: 12px;
	color: #333;
}

.login-menu input::-moz-placeholder {
	font-size: 12px;
	color: #333;
}

.login-menu .reg-btn,
.login-menu .forgot-password {
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
	/* font-size: 12px; */
}

.login-menu a:hover {
	color: #fff;
	text-shadow: 0px 0px 10px #fff;
}

.login-menu .log-btn,
.login-menu .log-btn-disabled {
	width: 56px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	color: #fff;
	margin-left: 5px;
	border-radius: 3px;
	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%);
	letter-spacing: 2px;
	padding-left: 2px;
}

.login-menu .log-btn:hover {
	background: #fd8c3c;
	background: -moz-linear-gradient(top, #fd8c3c 0%, #fecc72 100%);
	background: -webkit-linear-gradient(top, #fd8c3c 0%, #fecc72 100%);
	background: linear-gradient(to bottom, #fd8c3c 0%, #fecc72 100%);
}

.login-menu .log-btn-disabled {
	background: #999;
	border-color: #999;
	cursor: default;
}

.logined-nav {
	color: #fff;
}

.logined-nav .username {
	margin-right: 30px;
	float: left;
	display: inline;
}

.logined-nav a {
	padding: 3px 8px;
	color: #fff;
}

.logined-nav a:hover {
	color: #fff;
	text-decoration: underline;
}

.logined-nav .logged-out {
	margin: 0 10px;
	color: #fff;
}

.nav li {
	float: left;
	display: inline;
	padding: 0 4px;
	height: 45px;
	line-height: 45px;
}

.nav li>a {
	display: block;
	height: 100%;
	color: #fff;
	font-size: 13px;
	box-sizing: border-box;
	transition: color .5s;
}

.nav li:hover>a,
.nav .cur>a,
.nav li.hover>a {
	color: #fecc72;
}

.nav .cur>a {
	border-bottom: 3px solid orange;
}

.nav i.icon-wc {
	display: inline;
	width: 35px;
	height: 35px;
	float: right;
	vertical-align: middle;
	background: url(/static/image/nav_icon_wc.png) no-repeat;
	margin-top: -5px;
	margin-left: 5px;
}

.nav li.img-btn {
	padding: 0;
	margin: 0 4px;
	width: 60px;
	background: url(/static/image/yazhoubei.png) no-repeat center/100%;
	background-size: contain;
	display: none;
}

.header-agent .nav li.img-btn {
	display: block;
}

.nav li.img-btn.cur>a {
	border: none;
}

.nav li.promo,
.nav li.mobile {
	padding-left: 10px;
	position: relative;
}

.nav li.promo:before,
.nav li.mobile:before {
	content: '';
	background: #6D7278;
	width: 1px;
	height: 16px;
	position: absolute;
	top: 33%;
	left: 2px;
}

.nav li.mobile a {
	/* background: url(/static/imgae/icon_mobile.png) no-repeat left/100%, url(/static/image/icon_mobile.png) no-repeat left/100%; */
	background-size: 12px;
	display: inline-block;
	width: 100%;
	padding-left: 20px;
	vertical-align: middle;
}

.nav-drop {
	display: none;
	background: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 0.6));
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	box-shadow: 0px 5px 20px 0px #c5c5c5;
	position: absolute;
	width: 100%;
	height: 216px;
	left: 0;
	top: 100%;
}

.nav-drop .layout {
	max-width: 1280px;
	width: 100%;
}

.nav-drop .layout .right {
	width: 1060px;
	display: flex;
	justify-content: stretch;
}

.nav-drop .nav-promotion {
	width: 200px;
	float: left;
}

.nav-drop .nav-promotion span {
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-drop .nav-promotion span img {
	max-width: 90%;
	margin: 0 auto;
	display: block;
}

.nav-drop dd {
	float: left;
	display: inline;
	flex: 1 1 auto;
}

.nav-drop dd.single {
	width: 25%;
	flex: 0 0 auto;
}

.nav-drop dd a,
.nav-drop ul li a {
	display: block;
	width: 100%;
	height: 200px;
	border-right: 1px solid transparent;
}

.nav-drop dl dd a:hover,
.nav-drop ul li a:hover {
	background: linear-gradient(to bottom, rgb(194 194 194 / 0.8), rgb(194 194 194 / 0))
}

.nav-drop span {
	height: 140px;
	display: block;
	box-sizing: border-box;
}

.nav-drop span[onclick] {
	cursor: pointer;
}

.nav-drop span h4,
.nav-drop span h3 {
	font: 16px/40px "Microsoft YaHei";
	height: 40px;
	text-align: center;
	color: #000;
}

.nav-drop span h3 {
	font-weight: bold;
}

.nav-drop a:hover span h4,
.nav-drop a:hover span h3 {
	color: #c83434;
}

.nav-drop span h5 {
	font: 13px/40px "Microsoft YaHei";
	height: 40px;
	text-align: center;
	color: #000;
}

.nav-drop small {
	color: #333;
	height: 60px;
	line-height: 18px;
	text-align: center;
	display: flex;
	justify-content: center;
	padding: 12px 0;
	box-sizing: border-box;
	font-size: 10px;
}

.seperator-line {
	background: url(/static/image/seperator_line.png) no-repeat left 20px;
}

.nav-drop dd i,
.nav-drop li i {
	display: block;
	background: url(/static/imgae/nav_hd_spirits.png?0629) no-repeat, url(/static/image/nav_hd_spirits.png?0714) no-repeat;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.nav-drop dd.label-maintenance i:before {
	display: block;
	content: '';
	max-width: 100px;
	width: 100%;
	height: 100%;
	background: url(/static/image/label_maintenance.png) no-repeat center/contain;
}

.nav-drop .hash-mb i {
	background-position: -300px -300px;
}

.nav-drop .sports-xj i {
	background-position: -450px -400px;
}

.nav-drop .sports-bbin i {
	background-position: -580px -400px;
}

.nav-drop .sports-asia i {
	background-position: -750px -400px;
}

.nav-drop .sports-asiax i {
	background-position: -600px -600px;
}

.nav-drop .sports-europe i {
	background-position: -600px -300px;
}

.nav-drop .sports-mbjs i {
	background-position: -450px -400px;
}

.nav-drop .sports-virtual i {
	background-position: -450px -600px;
}

.nav-drop .sports-iosphone i {
	background-position: -600px -200px;
	width: 185px;
	flex: 0 0 auto;
}

.nav-drop .sports-live i {
	background-position: -300px 0;
}

.nav-drop .lottery-sgwin i {
	background-position: -450px -191px;
}

.nav-drop .lottery-vr i {
	background-position: -450px -500px;
}

.nav-drop .lottery-elotto i {
	background-position: -450px -794px;
}

.nav-drop .lottery-pc i {
	background-position: -450px 0px;
}

.nav-drop.games-drop {
	overflow: hidden;
}

.nav-drop.games-drop .drop-list {
	overflow: hidden;
	left: -20px !important
}

.nav-drop.games-drop .layout .right {
	display: block;
}

.nav-drop.games-drop li {
	width: 88px;
	height: 195px;
	padding: 0 !important;
}

.nav-drop.games-drop li a {
	display: block;
	height: 200px;
	color: #fff;
	line-height: 90px;
	font-size: 12px !important;
	padding: 0;
}

.nav-drop.games-drop li i {
	transform: scale(.9);
	transform-origin: left center;
}

.nav-drop.games-drop span h4 {
	font-size: 14px;
}

.nav-drop.games-drop small {
	padding: 12px 5px;
}

.nav-drop.games-drop .prev {
	background: url(/static/image/icon_prev.png) no-repeat;
	display: inline-block;
	background-size: 27px;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 75px;
	left: 180px;
	cursor: pointer;
}

.nav-drop.games-drop .next {
	background: url(/static/image/icon_next.png) no-repeat;
	display: inline-block;
	background-size: 27px;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 75px;
	right: -4px;
	cursor: pointer;
}

.nav-drop .games-pt i {
	background-position: -150px 0;
}

.nav-drop .games-mg i {
	background-position: -150px -100px;
}

.nav-drop .games-bb i {
	background-position: -150px -200px;
}

.nav-drop .games-ag i {
	background-position: -150px -300px;
}

.nav-drop .games-nt i {
	background-position: -150px -400px;
}

.nav-drop .games-pp i {
	background-position: -150px -500px;
}

.nav-drop .games-pg i {
	background-position: -150px -800px;
}

.nav-drop .games-jdb i {
	background-position: -150px -900px;
}

.nav-drop .games-cqg i {
	background-position: -150px -1000px;
}

.nav-drop .games-spg i {
	background-position: -450px -900px;
}

.nav-drop .games-mwg i {
	background-position: -300px -900px;
}

.nav-drop .games-cqg i {
	background-position: -150px -1000px;
}

.nav-drop .games-icg i {
	background-position: -150px -1100px;
}

.nav-drop .games-mwgslot i {
	background-position: -300px -300px;
}

.nav-drop .games-manbetx i {
	background-position: -300px -500px;
}

.nav-drop .games-ae i {
	background-position: -300px -1000px;
}

.nav-drop .games-fc i {
	background-position: -150px -600px;
}

.nav-drop .games-hw i {
	background-position: -300px -1100px;
}

.esports-drop .esports-lg {
	width: 20%;
	position: relative;
}

.nav-drop .esports-manbetx i {
	background-position: -600px -500px;
}

.nav-drop .esports-tfesport i {
	background-position: -750px -600px;
}

.nav-drop .esports-list a:hover {
	background: none;
	border-color: transparent;
}

.nav-drop .esports-list {
	width: 12%;
	padding: 0 !important;
	position: relative;
}

.nav-drop .esports-list i,
.nav-drop .esports-lg+.esports-list:before {
	background: url(/static/image/nav_hd_esports.png) no-repeat center center;
	width: 69px;
	height: 100px;
}

.nav-drop .esports-lg+.esports-list:before {
	content: "";
	width: 80px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 15px;
	background-position: -465px -35px;
}

.nav-drop .esports-lol i {
	background-position: -30px 10px;
}

.nav-drop .esports-dota i {
	background-position: -90px 10px;
}

.nav-drop .esports-csgo i {
	background-position: -249px 10px;
}

.nav-drop .esports-sc i {
	background-position: -324px 10px;
}

.nav-drop .esports-wzry i {
	background-position: -386px 10px;
}

.nav-drop .esports-pbg i {
	background-position: -160px 10px;
}

.nav-drop .hot i,
.nav-drop .cardgame.hot i:after,
.nav-drop .cardgame-drop span:after {
	background: url(/static/image/nav_hd_cardgame.png?1110) no-repeat;
}

.nav-drop .cardgame.hot i:after {
	content: "";
	width: 22px;
	height: 22px;
	position: absolute;
	top: 2px;
	right: -5px;
	background-position: -62px -4px;
}

.nav-drop .cardgame i {
	position: relative;
}

.nav-drop .cardgame-lc i {
	background-position: -300px -100px;
}

.nav-drop .cardgame-sgwin i {
	background-position: -300px -200px;
}

.nav-drop .cardgame-zjh i {
	background-position: 0 -150px;
}

.nav-drop .cardgame-dzpk i {
	background-position: 0 -250px;
}

.nav-drop .cardgame-ebg i {
	background-position: 0 -350px;
}

.nav-drop .cardgame-qznn i {
	background-position: 0 -450px;
}

.nav-drop .cardgame-ddz i {
	background-position: 0 -550px;
}

.nav-drop .cardgame-lucky i {
	background-position: -300px -402px;
}

.nav-drop .cardgame-hl i {
	background-position: -300px -803px;
}

.sponsor-drop dl dd {
	width: 250px;
	flex: 0 1 auto;
}

.sponsor-drop dd i {
	width: 200px;
}

.nav-drop .sponsor-03 i {
	background-position: -600px -800px;
}

.nav-drop .sponsor-04 i {
	background-position: -600px -880px;
}

.l-c-drop dd i {
	background: url(/static/image/nav_live.png?20210507) no-repeat;
}

.nav-drop .l-c-ag i {
	background-position: 0 0;
}

.nav-drop .l-c-og i {
	background-position: 0 -110px;
}

.nav-drop .l-c-ebet i {
	background-position: 0 -220px;
}

.nav-drop .l-c-bg i {
	background-position: 0 -330px;
}

.nav-drop .l-c-wm i {
	background-position: 0 -440px;
}

.nav-drop .l-c-asian i {
	background-position: 0 -550px;
}

.nav-drop .l-c-sexy i {
	background-position: 0 -660px;
}

.nav-drop .l-c-bb i {
	background-position: 0 -770px;
}

.nav-drop .l-c-sjt i {
	background-position: 0 -880px;
}

.nav-drop .l-c-allbet i {
	background-position: 0 -990px;
}

.nav-drop .l-c-evo i {
	background-position: 0 -1100px;
}

.nav-drop .l-c-new188 i {
	background-position: 0 -1210px;
}

.event-drop dl dd {
	width: 25%;
	flex: 0 1 auto;
}

.event-drop dd i {
	width: 180px;
	background-size: contain;
}

.event-drop .right span {
	padding-top: 15px;
}

.event-drop .nav-promotion span {
	height: 200px;
}

.hd-link {
	margin-left: auto
}

.hd-link a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 18px;
	padding-left: 22px;
	margin-right: 5px;
	line-height: 18px;
	color: #fff;
}

.hd-link a:hover {
	text-shadow: 0px 0px 10px #fff;
}

.hd-link .hd-help {
	background-position: 0 -69px;
}

.hd-link .hd-memberhelp {
	background-position: 0 -320px;
}

.hd-link .phoneRecall {
	background-size: 18px
}

.login-nav {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	padding: 5px 0;
}

.login-nav a {
	color: #ffa500;
	cursor: pointer;
	transition: all .5s;
}

.login-nav a:hover:not(.btn) {
	color: #ef7a3b;
}

.login-nav .btn {
	width: auto;
	display: inline-block;
	text-align: center;
	color: #fff;
	margin-left: 5px;
	border-radius: 3px;
	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%);
	padding: 0 10px;
}

.login-nav .btn:hover {
	background: #fd8c3c;
	background: -moz-linear-gradient(top, #fd8c3c 0%, #fecc72 100%);
	background: -webkit-linear-gradient(top, #fd8c3c 0%, #fecc72 100%);
	background: linear-gradient(to bottom, #fd8c3c 0%, #fecc72 100%);
	padding: 0 10px;
}

.login-modal {
	background: #f0f0f0;
	border-radius: 10px;
	padding: 0 100px;
	font-size: 16px;
	text-align: center;
	color: #333
}

.login-modal,
.login-modal * {
	box-sizing: border-box;
}

.login-modal .modal-close {
	background-position: 0 -19px;
}

.login-modal .modal-nav {
	display: flex;
	justify-content: stretch;
	color: #333;
	font-size: 24px;
	padding-top: 20px;
	line-height: 84px;
}

.login-modal .modal-nav li {
	border-bottom: 2px solid #e4e4e4;
	width: 100%;
	cursor: pointer;
	transition: color .5s;
	position: relative;
}

.login-modal .modal-nav li:after {
	content: '';
	position: absolute;
	display: block;
	height: 2px;
	background: #fe9240;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2px;
	transition: width .5s;
	width: 0;
}

.login-modal .modal-nav li.cur:after {
	width: 100%;
}

.login-content>div {
	position: relative;
}

.login-modal .input-grp {
	position: relative;
	display: flex;
	margin-top: 35px;
}

.login-modal input {
	height: 50px;
	line-height: 50px;
	border: 1px solid #e6e6e6;
	background: #fff;
	border-radius: 8px;
	width: 100%;
	padding: 0 10px 0 45px;
	background: #fff url(/static/image/icons_login.png) no-repeat 8px 10px;
}

.login-modal .input-password input {
	background-position: 8px -31px;
	padding-right: 50px;
}

.login-modal input.input-phone {
	background-position: 8px -71px;
}

.login-modal input.input-verify {
	background-position: 8px -116px;
}

.login-modal input::-webkit-input-placeholder {
	color: #b4b4b4;
}

.login-modal input::-moz-placeholder {
	color: #b4b4b4;
}

.login-modal .log-btn,
.login-modal .log-btn-disabled {
	display: block;
	text-align: center;
	color: #fff;
	margin-top: 35px;
	border-radius: 8px;
	background: #fe913f;
	background: -moz-linear-gradient(left, #fe913f 0%, #ffc66d 100%);
	background: -webkit-linear-gradient(left, #fe913f 0%, #ffc66d 100%);
	background: linear-gradient(to right, #fe913f 0%, #ffc66d 100%);
	line-height: 50px;
}

.login-modal .log-btn-disabled {
	background: #ccc;
}

.login-modal .login-text {
	text-align: left;
	color: #fe9240;
	font-size: 13px;
	margin: 5px 0 -5px;
}

.btn-border {
	display: block;
	flex: 0 0 auto;
	padding: 0 10px;
	border: 1px solid #fe9240;
	color: #fe9240;
	border-radius: 3px;
	cursor: pointer;
	line-height: 33px;
	font-size: 14px;
	margin: 5px 0 5px 5px;
	transition: color .5s, border .5s;
	text-align: center;
}

.btn-border:hover {
	color: #952aff;
	border-color: #952aff;
}

.login-modal .btn-border {
	padding: 0 20px;
	margin: 0 0 0 5px;
	line-height: 48px;
	border-radius: 8px;
	font-size: 1em;
}

.login-modal .bottom-text {
	margin: 60px 0 40px;
}

.login-modal .bottom-text a {
	color: #fe9240;
	transition: color .5s;
}

.login-modal .bottom-text a:hover {
	color: #ef7a3b
}

.login-modal .qr-btn {
	position: absolute;
	right: -40px;
	top: 20px;
	color: #fff;
	background: #fe913f;
	width: 40px;
	padding: 10px 5px;
	border-radius: 0 8px 8px 0;
	z-index: 0;
	line-height: 1.15;
	cursor: pointer;
	transition: background .5s;
}

.login-modal .qr-btn:hover {
	background: #ef7a3b;
}

.toggle-pw,
.icon-qr,
.icon-acc {
	display: block;
	width: 30px;
	height: 30px;
	background: url(/static/image/icons_login.png?2) no-repeat center -162px;
}

.toggle-pw {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

.toggle-pw.show {
	background-position: center -207px;
}

.icon-qr {
	background-position: center -257px;
	margin: 7px auto 0;
}

.icon-acc {
	background-position: center -300px;
	margin: 7px auto 0;
}

.login-modal .login-img {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.login-modal .login-img+p {
	font-size: 21px;
}

.express-modal {
	border-top: 8px solid #a953ff;
}

.express-modal .modal-content {
	margin: 10px 40px;
	font-size: 14px;
}

.express-modal .btn-orange {
	background: #a953ff;
	color: #fff;
	border-radius: 4px;
	margin-top: 20px;
	display: block;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	transition: background .5s;
}

.express-modal .btn-orange:hover {
	background: #fe9137;
}

/*notify-modal*/
.notify-modal {
	width: 350px;
	border-radius: 2px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	box-shadow: 0 4px 22px 0 rgb(0 0 0 / 15%);
	position: fixed;
	top: 50% !important;
	transform: translate(-50%, -50%);
	padding: 0;
}

.notify-modal .modal-body {
	padding: 20px;
	text-align: center;
}

.blurred {
	filter: blur(2px);
	pointer-events: none;
}

.orange-gradient-btn {
	display: block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	margin: 10px;
	border-radius: 3px;
	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%);
	cursor: pointer;
	transition: box-shadow .5s;
}

.orange-gradient-btn:hover {
	color: #fff;
	box-shadow: 0 2px 5px 0 #00000030;
	/*background:#fd8c3c;background:-moz-linear-gradient(top, #fd8c3c 0%, #fecc72 100%);background:-webkit-linear-gradient(top, #fd8c3c 0%,#fecc72 100%);background:linear-gradient(to bottom, #fd8c3c 0%,#fecc72 100%);*/
}

.notify-modal .back-btn {
	display: block;
	width: 18px;
	height: 18px;
	background: url(/static/image/icon_return.png) no-repeat center/ 100%;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

.notify-modal h3 {
	text-align: center;
}

.notify-modal input {
	width: 100%;
	height: 35px;
	padding: 0 10px;
	color: #fff;
	background: rgba(0, 0, 0, 0.50);
	box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.10);
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	margin: 5px 0;
}

.notify-modal input::placeholder {
	color: #C5C6C6;
}

.notify-modal input:-ms-input-placeholder {
	color: #C5C6C6;
}

.notify-modal input::-ms-input-placeholder {
	color: #C5C6C6;
}

.notify-modal .modal-footer {
	border-top: 1px solid #00000025;
}

.notify-modal h3+input {
	margin-top: 30px;
}

.notify-modal .modal-footer a {
	display: block;
	font-size: 18px;
	color: #952aff;
	letter-spacing: 0;
	text-align: center;
	width: auto;
	margin: 0;
	border: none;
	line-height: 45px;
}

.notify-modal .text-grey {
	color: #6D7278;
	font-size: 12px;
	margin-bottom: 10px;
	text-align: left;
}

.input-flex-grp {
	display: flex;
}

.notify-modal .text-link {
	color: #ffa500;
	transition: color .5s;
}

.notify-modal .text-link:hover {
	color: #ef7a3b;
}

/* verification modal */
.verification-modal {
	width: 400px;
	box-shadow: 0 4px 22px 0 rgb(0 0 0 / 15%);
	position: fixed;
	top: 50% !important;
	transform: translate(-50%, -50%);
	padding: 40px 45px 30px;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 14px;
}

.verification-modal .modal-content {
	margin: 0;
}

.verification-modal .modal-content label {
	display: none;
}

.verification-modal .modal-content>p {
	line-height: 1.6;
	margin: 0 auto 15px;
	text-align: center;
}

.verification-modal .modal-content input:not(.btn-border):not(.btn-sub) {
	width: 100%;
	height: 40px;
	line-height: 40px;
	flex-grow: 1;
	background: none;
	outline: 0;
	border: 0;
	padding: 0 10px;
	box-sizing: border-box;
	background: #f6f6f6;
}

.verification-modal .modal-content .btn-sub {
	width: 150px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-image: linear-gradient(63deg, #9d3bff 0%, #FCC166 100%, #FCC166 100%);
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	border: none;
	outline: 0;
	display: block;
}

.verification-modal .modal-content .btn-border {
	background: none;
	margin: 0 0 0 10px;
}

.input-grp {
	position: relative;
	display: flex;
	margin-top: 20px;
}

.verification-modal #contact_us {
	padding: 0;
}

.verification-modal #contact_us li {
	justify-content: center;
	margin-bottom: 0;
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0 10px;
	background: #f6f6f6;
	border-radius: 5px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	font-size: 13px;
	text-align: center;
}

.verification-modal #contact_us li a {
	color: #feb16a;
	border-bottom: 1px solid #feb16a;
	padding-bottom: 3px;
}

/*red packet */
#redPacketBtn {
	cursor: pointer;
	display: block;
	width: 150px;
	background: url(/static/imgae/redpacket_rain/redpacket_btn.png) no-repeat center/ 150px, url(/static/image/redpacket_btn.png) no-repeat center/ 150px;
	position: fixed;
	right: 0;
	top: 100px;
	height: 144px;
	z-index: 9999;
	animation: btnfloat 6s ease-in-out infinite;
}

@keyframes btnfloat {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}

#redPacketCanvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998;
	bottom: 0;
}

#redPacketCanvas>div {
	position: absolute;
	-webkit-animation: drop 10s infinite linear;
	animation: drop 10s infinite linear;
}

#redPacketCanvas>div>img {
	cursor: pointer;
	z-index: 9999;
	position: absolute;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes drop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	90% {
		-webkit-transform: translate3d(0, 135vh, 0);
		opacity: 1;
	}

	90% {
		-webkit-transform: translate3d(0, 150vh, 0);
		opacity: 0;
	}
}

@keyframes drop {
	0% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	90% {
		transform: translate3d(0, 135vh, 0);
		opacity: 1;
	}

	100% {
		transform: translate3d(0, 150vh, 0);
		opacity: 1;
	}
}

@-webkit-keyframes clockwiseSpin {
	0% {
		-webkit-transform: none;
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes clockwiseSpin {
	0% {
		transform: none;
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
	0% {
		-webkit-transform: none;
	}

	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes counterclockwiseSpinAndFlip {
	0% {
		transform: none;
	}

	100% {
		transform: rotate(-360deg);
	}
}

#redPacketPopUp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	visibility: hidden;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
}

#redPacketPopUp.active {
	visibility: visible;
}

#redPacketPopUp>div {
	width: 412px;
	height: 522px;
	position: relative;
	background: url(redpacket_rain/redpacket_popup.png?1) no-repeat center / 100%, url(/static/image/redpacket_popup.png?1) no-repeat center / 100%;
	margin: -261px auto 0;
	top: 50%;
	box-sizing: border-box;
	text-align: center;
	padding: 65px;
}

#redPacketPopUp>div p {
	font-size: 26px;
	color: #ffe566;
	text-shadow: 0px 1px 1px #904d04, 2px 2px 2px #693100;
	padding-top: 170px;
}

#redPacketPopUp>div p small {
	display: block;
	font-size: 18px;
	margin-top: 20px;
}

#redPacketPopUp a {
	cursor: pointer;
}

#redPacketPopUp .close-btn {
	display: block;
	background: url(/static/image/redpacket_close.png) no-repeat center / 100%;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 30px;
	right: 0;
}

#redPacketPopUp .get-btn {
	display: block;
	background: url(/static/image/redpacket_more.png) no-repeat center / 100%;
	width: 260px;
	height: 40px;
	margin: 30px auto 0;
	opacity: .9;
}

#redPacketPopUp .get-btn:hover {
	opacity: 1;
}

#redPacketNotice {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	visibility: hidden;
	background: rgba(0, 0, 0, .8);
	bottom: 0;
}

#redPacketNotice.active {
	visibility: visible;
}

#redPacketNotice>div {
	width: 672px;
	height: 544px;
	position: relative;
	background: url(/static/image/redpacket_notice.png) no-repeat center / 100%;
	margin: -272px auto 0;
	top: 50%;
	box-sizing: border-box;
	padding: 100px;
	color: #70100a;
	font-size: 15px;
}

#redPacketNotice h4 {
	text-align: center;
	font-weight: bold;
	color: #70100a;
	font-size: 34px;
	margin: 40px 0;
}

#redPacketNotice .close-btn {
	width: 158px;
	height: 66px;
	background: url(/static/image/redpacket_confirm.png) no-repeat center / 100%;
	display: block;
	margin: 70px auto 0;
}


/* 表单 */
.mod-forms label,
.mod-forget-passwd li label {
	line-height: 30px;
}

.withdraw-psw-tip p a {
	color: #e04220;
}

.withdraw-psw-tip p a:hover {
	color: #f99d1c;
}

/* 注册 */
.mod-reg {
	background: url(/static/image/bg123.jpg) no-repeat top center;
	background-size: cover;
}

.mod-reg .layout {
	width: 1200px;
	min-height: 800px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mod-reg .layout:after {
	display: none;
}

.mod-reg .layout>div:first-child {
	padding-top: 15%;
}

.mod-reg .title {
	color: #fff;
	margin: 0 auto 50px;
	font-size: 36px;
	text-align: center;
	text-shadow: 0 2px 8px rgb(0 0 0 / 50%);
	font-weight: 500;
	line-height: 1.2;
}

.mod-reg .title h2 {
	font-size: 62px;
	margin: 30px auto 10px;
	font-family: 'ShangShouYiFeiTi';
}

.mod-reg .title h3 {
	font-size: 32px;
}

.mod-reg .title span {
	letter-spacing: 3px;
}

.mod-reg .title .gap {
	width: 30px;
	display: inline-block;
}

.mod-reg .sponsor {
	width: 757px;
	height: 119px;
	background: url(/static/image/sponsor.png?2) top center / contain no-repeat, url(/static/image/sponsor.png?2) top center / contain no-repeat;
}

.mod-reg .hd {
	margin-bottom: 20px;
	text-align: center;
}

.mod-reg .hd h1 {
	font-size: 40px;
	color: #56555c;
}

.mod-reg .hd p {
	font-size: 12px;
	color: #fdac00;
}

.mod-reg form {
	width: 410px;
	min-height: 560px;
	padding: 30px 70px;
	background: url(/static/imgae/form_bg.png) bottom center no-repeat, url(/static/image/form_bg.png) bottom center no-repeat;
	box-sizing: border-box;
	background-size: cover;
}

.mod-reg fieldset {
	border: 0;
}

.mod-reg .mod-forms label {
	text-align: left;
	font-weight: bold;
	color: #56555c;
}

.mod-reg .mod-forms label .cOrange {
	color: #952aff;
	margin-right: 3px;
}

.mod-reg .mod-forms input {
	width: 100%;
	height: 30px;
	padding: 0 10px;
	color: #fff;
	background: #00000050;
	box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.10);
	border: none;
	border-radius: 0;
	box-sizing: border-box;
}

.mod-reg .mod-forms input::placeholder {
	color: #C5C6C6;
	font-size: 10px;
	line-height: 30px;
	opacity: 1;
}

.mod-reg .mod-forms input:-ms-input-placeholder {
	color: #C5C6C6;
	font-size: 10px;
	line-height: 30px;
}

.mod-reg .mod-forms input::-ms-input-placeholder {
	color: #C5C6C6;
	font-size: 10px;
	line-height: 30px;
}

.mod-reg .mod-forms span.error-tips {
	min-height: 20px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 16px;
}

.mod-reg .mod-forms span.valid-tips {
	position: absolute;
	top: 2px;
}

.mod-reg .mod-forms input.reg-pw {
	padding-right: 25px;
}

.mod-reg .mod-forms .toggle-pw {
	top: 15px;
	right: 0;
	background: url(/static/image/icon_eye.png) no-repeat center;
}

.mod-reg .mod-forms .toggle-pw.show {
	background: url(/static/image/icon_eye_hover.png) no-repeat center;
}

.mod-reg .mod-forms .item-ipt {
	width: 100%;
	position: relative;
}

.mod-reg .mod-forms .tips {
	display: none;
}

.mod-reg .mod-forms .captcha input {
	width: 100%;
}

.mod-reg .mod-forms .captcha img {
	width: 50%;
	margin-top: 10px;
}

.mod-reg .mod-forms .captcha a {
	font-size: 10px;
	color: #989ea5;
	letter-spacing: 5px;
}

.mod-reg .mod-forms .agreement .checkmark {
	width: 14px;
	height: 14px;
	background: url(/static/image/untick.png);
	position: absolute;
	top: 2px;
	cursor: pointer;
}

.mod-reg .mod-forms .agreement input {
	width: 0;
	height: 0;
	opacity: 0;
	box-shadow: none;
	position: absolute;
}

.mod-reg .mod-forms .agreement input:checked~.checkmark {
	background: url(/static/image/tick.png);
}

.mod-reg .mod-forms .agreement a {
	font-size: 12px;
	color: #6D7278;
	padding-left: 20px;
}

.mod-reg .mod-forms .agreement a:hover {
	color: #a134f1;
}

.mod-reg .mod-forms .agreement span.error-tips {
	position: absolute;
	right: auto;
	top: 15px;
	font-weight: normal;
}

.mod-reg .mod-forms .agreement span.valid-tips {
	right: -30px;
	top: -5px;
}

.mod-reg .mod-forms .submit a:not(.btn-border) {
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(179deg, #FFB459 0%, #9d3bff 100%);
	border-radius: 3px;
	display: block;
}

.mod-reg .submit .btn-border {
	margin: 0 0 45px 0;
	background: url(/static/image/icon_dot.png) 230px center no-repeat;
}

.mod-reg .submit .btn-border.failed {
	color: #F79898;
	background-image: url(/static/image/icon_failed.png)
}

.mod-reg .submit .btn-border.success {
	color: #56555C;
	border-color: #C0EDC2;
	background: #C0EDC2 url(/static/image/icon_success.png) 230px center no-repeat;
}

.mod-reg .reg-btns {
	display: flex;
	justify-content: stretch;
}

.mod-reg .reg-btns a {
	flex: 1 1 auto;
	width: 100%;
	margin: 20px 0 10px;
}

.mod-reg .reg-btns a+a {
	margin-left: 15px;
}

/* 忘记密码 */
.mod-forget-passwd,
.mod-error {
	padding: 20px 0;
}

.mod-forget-passwd .layout,
.mod-error .layout {
	overflow: hidden;
	background: #f1f1f1;
	padding-bottom: 30px;
}

.mod-forget-passwd .hd {
	padding: 20px 30px;
}

.mod-forget-passwd .hd h3 {
	font: 22px/1.5 "Microsoft YaHei";
	color: #000;
}

.mod-forget-passwd fieldset {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #ccc;
	margin: 15px 30px;
	padding: 10px 10px 10px 0;
}

.mod-forget-passwd fieldset legend {
	font: 16px/2.5 "Microsoft YaHei";
	color: #444;
}

.mod-forget-passwd .ways span {
	color: #666;
}

.mod-forget-passwd .ways a {
	background-position: 0 -647px;
	width: 160px;
	margin: 30px 160px;
	height: 38px;
	display: block;
	text-align: center;
	color: #fff;
	font: 14px/38px "Microsoft YaHei";
}

.mod-forget-passwd .ways a:hover {
	background-position: 0 -685px;
}

.mod-forget-passwd li label {
	color: #000;
}

.mod-forget-passwd .mod-forms .item-ipt .tips,
.mod-forget-passwd span.valid-tips {
	color: #666;
}

.mod-forget-passwd .txt-ipt {
	background-color: #ffffff;
	border: 1px solid #ccc;
	color: #222;
}

/* error 403 */
.mod-error .layout {
	padding: 80px 0;
}

.mod-error .error-wrap h3 {
	color: #222;
}

.mod-error .error-wrap p {
	color: #666;
}

.mod-error .error-wrap p .a-td {
	color: red;
}

.mod-error .error-wrap .refresh-btn {
	background: #393638;
	height: 30px;
	display: block;
	text-align: center;
	color: #fff;
	font: 14px/30px "Microsoft YaHei";
	border-radius: 5px;
}

.mod-error .error-wrap .refresh-btn:hover {
	background: #6b6b6d;
}

/* 用户中心-在线存款 */
.deposit-form .deposit-tab li[desc="green"] {
	position: relative;
}

.deposit-form .deposit-tab li[desc="green"] span:before {
	content: "";
	width: 43px;
	height: 18px;
	background: url(/static/imgae/hot_deposit.png) no-repeat center, url(/static/image/hot_deposit.png) no-repeat center;
	background-size: contain;
	display: inline-block;
	margin-right: 5px;
}

/* 用户中心-我的优惠 */
/* 翻页 */
.mod-pt .pt-wrap .pt-main h4,
.page .current,
.mod-pt .pt-info li a {
	color: #000;
}

/* 不建议用浅色 */
.mod-pt .pt-wrap .unfold:hover,
.mod-pt .pt-wrap .fold:hover,
.page a:hover {
	border-color: #a953ff;
	color: #a953ff;
}

/* 不建议用浅色 */

/* 取款-教学流程弹窗 */
.modal-tutorial {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(200, 200, 200, .9);
}

.modal-tutorial .modal-content {
	background-color: white;
	margin: 2% auto;
	padding: 20px;
	width: 80%;
	border: 1px solid white;
	min-height: 700px;
	position: relative;
}

.modal-tutorial .modal-content img {
	width: 90%;
	padding: 10px 5%;
	margin: auto;
	display: none;
}

.modal-tutorial .button button {
	font-size: 14px;
	font-kerning: normal;
	width: 75px;
	height: 35px;
	background: inherit;
	background-color: rgba(51, 51, 51, 1);
	border-radius: 6px;
	color: white;
	border: none;
	outline: none;
	cursor: pointer;
}

.modal-tutorial .button {
	margin-bottom: 10px;
}

.modal-tutorial .button button.cur {
	background-color: #FFA500;
}

.modal-tutorial .close {
	color: black;
	float: right;
	font-size: 35px;
	font-weight: bold;
	margin-top: -11px;
}

.modal-tutorial .close:hover,
.modal-tutorial .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-tutorial .next {
	width: 64px;
	height: 248px;
	background-color: #FFA500;
	position: absolute;
	right: -65px;
	top: 335px;
	text-align: center;
	font-weight: bolder;
	color: #FFFFFF;
	border-radius: 7px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: auto;
}

.modal-tutorial .next .btn-next {
	margin-top: 80px;
}

.modal-tutorial .next p {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 65px 20px;
	line-height: 40px;
}

/* footer */
.footer {
	background: #eee;
}

.footer ul {
	padding-top: 40px;
	display: flex;
	justify-content: stretch;
}

.footer ul li {
	float: left;
	display: inline;
	width: 144px;
	height: 300px;
	border-right: 1px solid #ddd;
	flex-grow: 1;
}

.footer ul li.fo-partner {
	width: 240px;
}

.footer ul li.fo-football {
	width: 229px;
}

.footer ul li.fo-partner img {
	margin-left: 20px;
}

.footer ul li.fo-last {
	border: none;
}

.footer h2 {
	font-size: 14px;
	padding-left: 20px;
	height: 40px;
	color: #999;
}

.footer ul li a {
	display: block;
	padding-left: 20px;
	height: 16px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #333;
}

.footer ul li a:hover {
	color: #9d3bff;
}

.footer ul li.fo-browser-dl a {
	margin-bottom: 5px;
}

.footer .footer-menu {
	height: 37px;
	background: #505052;
	line-height: 37px;
	text-align: center;
}

.footer .footer-menu a {
	margin: 0 30px;
	color: #E0E0E0;
}

.footer .footer-menu a:hover {
	text-shadow: 0px 0px 10px #fff;
	color: #fff;
}

.footer .fo-partner div,
.footer .fo-football div {
	padding-left: 20px;
}

.footer .fo-partner a {
	background: url(/static/image/footer_icons.png?1213) no-repeat;
	float: left;
	display: inline;
	height: 28px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.fo-partner a:hover {
	background: url(/static/image/footer_icons_hover.png?1213) no-repeat;
}

.fo-partner #_PlayTech,
.fo-partner #_PlayTech:hover {
	background-position: 0 0;
	width: 87px;
}

.fo-partner #_AG,
.fo-partner #_AG:hover {
	background-position: -87px 0;
	width: 90px;
}

.fo-partner #_MG,
.fo-partner #_MG:hover {
	background-position: 0 -28px;
	width: 90px;
}

.fo-partner #_GD,
.fo-partner #_GD:hover {
	background-position: -90px -28px;
	width: 87px;
}

.fo-partner #_SGwin,
.fo-partner #_SGwin:hover {
	background-position: 0 -56px;
	width: 87px;
}

.fo-partner #_KG,
.fo-partner #_KG:hover {
	background-position: -87px -56px;
	width: 90px;
}

.fo-partner #_BBIN,
.fo-partner #_BBIN:hover {
	background-position: 0 -84px;
	width: 70px;
}

.fo-partner #_AllBet,
.fo-partner #_AllBet:hover {
	background-position: -70px -84px;
	width: 70px;
}

.fo-partner #_EBET,
.fo-partner #_EBET:hover {
	background-position: 0 -110px;
	width: 70px;
}

.fo-partner #_PAGCOR,
.fo-partner #_PAGCOR:hover {
	background-position: -145px -84px;
	width: 36px;
}

.fo-partner #_PP,
.fo-partner #_PP:hover {
	background-position: -74px -112px;
	width: 75px;
}

.fo-partner #_VR,
.fo-partner #_VR:hover {
	background-position: -51px -145px;
	width: 65px;
	margin-top: 5px;
	clear: left;
}

.fo-partner #_OG,
.fo-partner #_OG:hover {
	background-position: 0 -145px;
	width: 50px;
	margin-top: 5px;
}

.footer .fo-supports div {
	padding-left: 20px;
}

.footer .fo-supports a {
	/* background-image: url(/static/imgae/footer_supports_hover.png?9), url(/static/image/footer_supports_hover.png?9); */
	background-repeat: no-repeat;
	text-indent: 35px;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0 0 4px 0;
	cursor: pointer;
}

.fo-supports a:hover {
	filter: contrast(150%);
}

.fo-supports a:hover p {
	filter: contrast(0.6);
}

.fo-supports .fo-cs,
.fo-supports .fo-cs:hover {
	background-position: 0 0;
}

.fo-supports .fo-tieba1,
.fo-supports .fo-tieba1:hover {
	background-position: 0 -36px;
}

.fo-supports .fo-tieba2,
.fo-supports .fo-tieba2:hover {
	background-position: 0 -74px;
}

.fo-supports .fo-weibocs,
.fo-supports .fo-weibocs:hover {
	background-position: 0 -109px;
}

.fo-supports .fo-email,
.fo-supports .fo-email:hover {
	background-position: 0 -142px;
}

.footer .fo-football a {
	background: url(/static/image/footer_football.png?5) 0 -50px no-repeat;
	float: left;
	display: block;
	height: auto;
	padding: 0;
	margin: 0 0 9px;
	cursor: pointer;
	padding-left: 29px;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	clear: both;
}

.footer .fo-football a:hover {
	filter: contrast(150%);
}

.footer .fo-football a:hover p {
	filter: contrast(0.6);
}

.footer .fo-football .fo-f-01 {
	background-position: 0 0;
}

.footer .fo-football .fo-f-02 {
	background-position: 0 -100px;
}

.footer .fo-football .fo-f-03 {
	background-position: 0 -200px;
}

.footer .fo-football .fo-f-04 {
	background-position: 0 -300px;
}

.footer .fo-football .fo-f-05 {
	background-position: 0 -400px;
}

.footer .fo-football .fo-f-06 {
	background-position: 0 -500px;
}

.footer .fo-football .fo-f-07 {
	background-position: 0 -788px;
}

.footer .fo-football .fo-f-08 {
	background-position: 0 -877px;
}

.footer .fo-football .fo-f-09 {
	background-position: 0 -977px;
}

/*.footer .fo-football .fo-f-01:hover{background-position:0 0;}*/
/*.footer .fo-football .fo-f-02{background-position:0 -150px;}*/
/*.footer .fo-football .fo-f-02:hover{background-position:0 -100px;}*/
/*.footer .fo-football .fo-f-03{background-position:0 -250px;}*/
/*.footer .fo-football .fo-f-03:hover{background-position:0 -200px;}*/
/*.footer .fo-football .fo-f-04{background-position:0 -350px;}*/
/*.footer .fo-football .fo-f-04:hover{background-position:0 -300px;}*/
/*.footer .fo-football .fo-f-05{background-position:0 -450px;}*/
/*.footer .fo-football .fo-f-05:hover{background-position:0 -400px;}*/
/*.footer .fo-football .fo-f-06{background-position:0 -550px;}*/
/*.footer .fo-football .fo-f-06:hover{background-position:0 -500px;}*/
/*.footer .fo-football .fo-f-07{background-position:0 -830px;}*/
/*.footer .fo-football .fo-f-07:hover{background-position:0 -788px;}*/
/*.footer .fo-football .fo-f-08{background-position:0 -928px;}*/
/*.footer .fo-football .fo-f-08:hover{background-position:0 -877px;}*/
/*.footer .fo-football .fo-f-09{background-position:0 -1027px;}*/
/*.footer .fo-football .fo-f-09:hover{background-position:0 -977px;}*/

.promo-modal {
	width: 600px;
	position: fixed;
	top: 50% !important;
	left: 50%;
	text-align: center;
	margin-left: -300px;
	margin-top: -71px;
}

/* page宽为1400px 样式 */
@media screen and (min-width:1400px) {
	.nav li>a {
		font-size: 14px;
	}

	.hd-link a {
		padding-left: 25px;
		margin-right: 15px;
	}

	.notice .layout {
		width: 1400px;
		max-width: 100%;
	}

	.notice i {
		padding-left: 20px;
	}

	.mod-lottery .notice .marquee {
		margin-right: 20px;
	}

	.footer ul {
		width: 1280px;
	}

	.ag-ctr .layout {
		width: 1350px;
	}

	.mod-reg:before {
		left: 5%;
	}
}

/* page宽为1280px 样式 */
@media screen and (max-width:1280px) {
	body {
		min-width: 1250px
	}

	.header {
		min-width: 1250px;
	}

	.nav li>a {
		font-size: 12px;
	}

	.hd-link a {
		font-size: 11px;
	}

	.nav-drop .nav-promotion {
		width: 170px;
	}

	.nav-drop dl dd i {
		transform: scale(.95);
	}

	.user-ctr>.layout {
		width: 1250px;
	}

	.user-ctr .items-tab {
		width: 200px;
	}

	.user-ctr .items-tab p {
		margin-left: 40px;
	}

	.user-ctr .items-tab a {
		padding-left: 40px;
	}

	.user-ctr .items-layout {
		width: 1050px;
	}

	.user-ctr .item-account {
		padding: 30px 30px 20px;
	}

	.user-ctr .item-content {
		padding: 30px;
	}
}

@media screen and (min-width:1500px) {
	.nav li {
		padding: 0 10px;
	}

	.nav li.img-btn {
		margin: 0 10px;
	}
}

/*notice popup modal*/
.new-modal {
	/* background: url("/static/imgae/notice/notice_bg.png?1") no-repeat, url("/static/image/notice_bg.png?1") no-repeat; */
	width: 1049px !important;
	height: 574px;
	padding: 45px;
	display: inline-block;
	margin-left: -525px !important;
	font-size: 20px;
	box-sizing: border-box;
	box-shadow: none;
}

.new-modal .btn-close {
	background: url("/static/image/close.png") no-repeat;
	width: 27px;
	height: 27px;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.new-modal .modal-hd {
	padding: 25px 0;
	position: relative;
}

.new-modal h2 {
	margin: 0 auto;
	padding: 0 !important;
	position: relative;
}

.appnotice-modal h2 {
	background: url("/static/image/header_app.png") no-repeat;
	width: 85px;
	height: 38px;
}

.appnotice-modal .text-field {
	display: flex;
	min-height: 150px;
	align-items: center;
}

.appnotice-modal .modal-message {
	font-size: 23px;
	text-align: center;
	margin: 5px 60px;
	overflow: hidden;
	line-height: 1.7;
	z-index: 1;
	position: relative;
}

.appnotice-modal .modal-message a {
	border-bottom: #f9c764 2px solid;
	color: #f9c764;
	transition: all 0s;
}

.appnotice-modal .modal-message a:hover {
	border-color: #f99f3f;
	color: #f99f3f;
	transition: all .5s;
}

.appnotice-modal .modal-link {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	background: url("/static/image/notice_btn.png")no-repeat;
	display: block;
}

.appnotice-modal .modal-footer {
	width: 980px;
	height: 275px;
	background: url("/static/image/footer.png?1") bottom center no-repeat;
	position: absolute;
	bottom: 39px;
	left: 35px;
}

.appnotice-modal .modal-qr {
	width: 370px;
	height: 270px;
	padding: 90px 114px 0 0;
	background: url("/static/image/giftbox.png") top right no-repeat;
	position: absolute;
	top: 0;
	right: 10px;
	box-sizing: border-box;
}

.appnotice-modal .modal-qr>div {
	/* background: url(/static/imgae/notice/qrcode_bg.png) no-repeat center /100%, url(/static/image/qrcode_bg.png) no-repeat center /100%; */
	width: 128px;
	height: 146px;
	float: right;
	padding: 18px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	color: #333;
}

.appnotice-modal .modal-qr img {
	max-width: 100%;
	margin-bottom: 1px;
}

.notice-modal h2 {
	background: url("/static/image/header.png?1") no-repeat;
	width: 185px;
	height: 65px;
}

.notice-modal .modal-message {
	height: 295px;
	font-size: 24px;
	text-align: center;
	margin: 40px 65px;
	overflow: hidden;
}

.notice-modal .modal-link {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	background: url("/static/image/notice_btn.png")no-repeat;
	display: block;
}

.record-modal h2 {
	background: url("/static/image/header_record.png") no-repeat;
	width: 230px;
	height: 55px;
	background-size: 230px;
}

.record-modal .modal-hd p {
	font-size: 24px;
	text-align: center;
}

.record-modal .modal-message {
	margin: 0 40px;
	max-height: 330px;
	overflow-y: auto;
}

.record-modal .record-table {
	width: 100%;
	font-size: 14px;
	border: 1px solid #a953ff;
	text-align: left;
}

.record-modal .record-table th {
	background: #a953ff;
	color: #fff;
	padding: 2px 10px;
	border: 1px solid #9c38ff;
	font-weight: normal;
}

.record-modal .record-table td {
	background: #ffffff;
	padding: 2px 10px;
	border: 1px solid #a953ff;
}

/*签到活动*/
#daily-login .dl-float {
	width: 160px;
	height: 207px;
	padding: 35px 25px 110px;
	position: fixed;
	bottom: 40px;
	left: 0;
	background: url(/static/imgae/daily_login/float_bg.png) no-repeat, url(/static/image/float_bg.png) no-repeat;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

#daily-login .dl-float hr {
	width: 65px;
	background: #e2e2e2;
}

#daily-login .dl-float p {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	letter-spacing: 2px;
}

#daily-login .dl-float span {
	font-size: 20px;
	line-height: 1;
	color: #e2e2e2;
	letter-spacing: 2px;
}

#daily-login .dl-iframe {
	width: 1200px;
	height: 640px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 9999;
	margin-left: -605px;
	visibility: hidden;
}

#daily-login .dl-iframe-close {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 52px;
	right: 38px;
	z-index: 1;
	background: url(/static/image/btn_close.png) no-repeat;
	cursor: pointer;
}

#daily-login .dl-popup {
	width: 550px;
	height: 650px;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 9999;
	margin-left: -275px;
	background: url(/static/imgae/daily_login/popup_bg.png) no-repeat, url(/static/image/popup_bg.png) no-repeat;
	visibility: hidden;
}

#daily-login .dl-popup-close {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 42px;
	right: 42px;
	z-index: 1;
	background: url(/static/image/btn_close.png) no-repeat;
	cursor: pointer;
}

#daily-login .dl-popup-content {
	width: 100%;
	height: 100%;
	padding: 135px 95px 50px;
	box-sizing: border-box;
	position: relative;
}

#daily-login .dl-popup-content p {
	height: 200px;
	font-size: 22px;
	line-height: 34px;
	color: #fff;
	text-align: justify;
	overflow: hidden;
}

#daily-login .dl-popup-content>div {
	width: 360px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -180px;
	text-align: center;
}

#daily-login .dl-popup-content>div>a {
	width: 150px;
	height: 50px;
	line-height: 50px;
	margin: 0 10px;
	color: #471a04;
	font-size: 18px;
	font-weight: bold;
	background: url(/static/image/btn_bg.png) no-repeat;
	display: inline-block;
}

#full_frame {
	padding-top: 79px;
	border: 0;
	box-sizing: content-box;
}

/* right floating btn (app dl)*/
.mod-home-float {
	height: 120px;
	position: fixed;
	right: 2px;
	top: 30%;
	margin-top: 0;
	z-index: 999;
	width: 96px;
	display: none;
}

.mod-home-float .dots li {
	border-radius: 4px;
	margin-bottom: 4px;
	position: relative;
	cursor: pointer;
	padding-right: 10px;
}

.mod-home-float .dots li:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	position: absolute;
	left: auto;
	right: 0;
	top: 50%;
	margin-top: -4px;
	border-radius: 50%;
}

.mod-home-float .dots li a {
	display: inline-block;
	width: 76px;
	height: 25px;
	color: #8b8b8c;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	z-index: 999;
	position: relative;
	margin: 0 5px;
	background: #fff;
	border-radius: 3px;
}

.mod-home-float .dots li a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -6px;
}

.mod-home-float .dots li.active a,
.mod-home-float .dots li:hover a {
	color: #fff;
	background: #a953ff;
}

.mod-home-float .dots li>div,
.mod-home-float.po-dragging .dots li:hover>div {
	display: none;
}

.mod-home-float .dots li:hover>div {
	display: block;
	position: absolute;
	right: 100px;
	left: auto;
	top: 0;
	width: 100px;
	height: 100px;
}

.mod-home-float .dots li>div>img {
	width: 90px;
	height: 90px;
	background: #fff;
	padding: 5px;
}

.mod-home-float .dots li:hover:before {
	background: #a953ff
}

.mod-home-float .dots li:hover a:before {
	border-color: transparent transparent transparent #a953ff;
}

.mod-home-float.po-left {
	left: 2px;
	right: auto;
}

.mod-home-float.po-left .dots li {
	padding: 0 0 0 10px;
}

.mod-home-float.po-left .dots li:before {
	left: 0;
	right: auto;
}

.mod-home-float.po-left .dots li:hover>div {
	left: 100px;
	right: auto;
}

.mod-home-float.po-left .dots li a:before {
	right: auto;
	left: -5px;
	transform: rotate(-180deg);
}

/* login captcha modal */
#loginCaptchaBox {
	width: 367px;
	height: 260px;
	margin-left: -183.5px;
	padding: 35px 75px;
	box-sizing: border-box;
	box-shadow: none;
	background: url(/static/imgae/captcha/bg.png) no-repeat, url(/static/image/captcha/bg.png) no-repeat;
}

#loginCaptchaBox .close-btn {
	width: 30px;
	height: 30px;
	position: absolute;
	right: -10px;
	top: 0;
	background: url(/static/image/captcha/btn_close.png) no-repeat;
	display: block;
}

#loginCaptchaBox .verify-btn {
	line-height: 38px;
	margin: 28px auto;
	font-size: 18px;
	color: #fff;
	background: #a953ff;
	border-radius: 5px;
	text-align: center;
	display: block;
}

#loginCaptchaBox h1 {
	font-size: 18px;
	color: #666666;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

#loginCaptchaBox p {
	font-size: 12px;
	color: #a953ff;
	cursor: pointer;
}

#loginCaptchaBox img {
	float: left;
	width: 47%;
}

#loginCaptchaBox input {
	float: left;
	width: 53%;
	height: 36px;
	font-size: 12px;
	padding: 0;
	background: #F2F2F2;
	border: 0;
	text-align: center;
}

/* reg captcha modal */
.regtxtcaptcha {
	width: 367px;
	height: 260px;
	margin-left: -183.5px;
	padding: 35px 75px;
	box-sizing: border-box;
	box-shadow: none;
	background: url(/static/image/captcha/bg.png) no-repeat;
}

.regtxtcaptcha .close-btn {
	width: 30px;
	height: 30px;
	position: absolute;
	right: -10px;
	top: 0;
	background: url(/static/image/captcha/btn_close.png) no-repeat;
	display: block;
}

.regtxtcaptcha .verify-btn {
	line-height: 38px;
	margin: 28px auto;
	font-size: 18px;
	color: #fff;
	background: #a953ff;
	border-radius: 5px;
	text-align: center;
	display: block;
}

.regtxtcaptcha h1 {
	font-size: 18px;
	color: #666666;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

.regtxtcaptcha p {
	font-size: 12px;
	color: #a953ff;
	cursor: pointer;
}

.regtxtcaptcha img {
	float: left;
	width: 47%;
}

.regtxtcaptcha input {
	float: left;
	width: 53%;
	height: 36px;
	font-size: 12px;
	padding: 0;
	background: #F2F2F2;
	border: 0;
	text-align: center;
}

/* 用户中心 */
.user-ctr {
	background: url(/static/imgae/userCenter_full.png) center top no-repeat, url(/static/image/userCenter_full.png) #d8d7db center top no-repeat;
	padding: 36px 0;
}

.user-ctr>.layout {
	width: 1350px;
	background-color: #e5e3e8;
	border-radius: 5px;
	overflow: hidden;
}

.nickname-modal {
	width: 514px;
	margin-left: -257px;
	top: 200px;
	border-radius: 0;
	font-size: 18px;
	height: 336px;
	color: #959595;
	background: url(/static/imgae/modal_bg.png?1) no-repeat center/100% 100%, url(/static/image/modal_bg.png?1) no-repeat center/100% 100%;
}

.modal.nickname-modal .modal-hd h2 {
	font-size: 28px;
	color: #666;
	text-align: center;
	line-height: 40px;
	padding: 24px 0;
}

.modal.nickname-modal .btn-close {
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	background: #fff;
	right: -60px;
	top: -22px;
	background: url(/static/image/btn_close.png) no-repeat center/100%;
	cursor: pointer;
}

.modal.nickname-modal .modal-content {
	padding: 10px 47px;
	margin: 0;
}

.modal.nickname-modal .modal-content input {
	background: #F2F2F2;
	border-radius: 6px;
	line-height: 57px;
	border: none;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 22px;
}

.modal.nickname-modal .modal-content input::-webkit-input-placeholder,
.modal.nickname-modal .modal-content input::-webkit-input-placeholder {
	color: #ADADAD;
}

.modal-footer a {
	width: 193px;
	border: 1px solid #D1D1D1;
	border-radius: 5px;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	font-size: 26px;
	margin-top: 65px;
	color: #959595;
	cursor: pointer;
	transition: background .3s, border 3s, color .3s;
}

.modal-footer a:hover {
	color: #666;
	border-color: #959595;
}

.modal-footer a.btn-confirm {
	float: right;
	background: #a953ff;
	color: #fff;
	border-color: #a953ff;
}

.modal-footer a.btn-confirm:hover {
	background: #a953ff;
	color: #fff;
}

@font-face {
	font-family: 'ShangShouYiFeiTi';
	src: url('../fonts/ShangShouYiFeiTi-0810.ttf') format("truetype");
}

/** Large Image Popup **/
.largeimg-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000099;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.largeimg {
	max-width: 80%;
	height: 735px;
	max-height: 75%;
	padding: 20px 0 10px;
	position: relative;
}

.largeimg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	cursor: pointer;
}

.largeimg-close {
	background: url(/static/image/large_image_close.png) no-repeat center/contain;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: -20px;
	cursor: pointer;
}

.largeimg p {
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 10px 10px 0 0;
	letter-spacing: 1px;
	line-height: 20px;
}

.largeimg p input {
	vertical-align: top;
	font-size: 16px;
}

/*LiveChat*/
.livechat-close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -2px;
	left: -3px;
	background: url(/static/image/livechat_close.png) no-repeat center center / 70% 70%;
	z-index: 2;
}