@charset "UTF-8";
@import "calender.css?1";

/*shared classes*/
.nav li a:hover,
.nav li a:active span,
.mod-promotions li:active h3,
.hd-cell a:hover,
.hd-cell a:active {
	color: #222;
}

.modal .modal-hd h2 {
	color: #333;
}

.tips h1 {
	background: none !important;
	color: #ff944b !important;
	line-height: 20px;
	font-weight: bold;
}

.tips p {
	margin-bottom: 5px;
}

a.confirm-sub,
.confirm-sub,
a.orange-button,
.orange-button {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-image: linear-gradient(63deg, #FF944B 0%, #FCC166 100%, #FCC166 100%);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	border: none;
	outline: 0;
	display: block;
}

a.addcard-btn,
.addcard-btn {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #ff944b;
	background: #fff;
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.10);
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	border: none;
	outline: 0;
	display: block;
}

a.addcard-btn em,
.addcard-btn em {
	font-size: 24px;
	line-height: 1;
	vertical-align: -1px;
	margin-right: 5px;
	font-weight: 100;
}

.page-container {
	position: relative;
	top: 0px;
	width: 100%;
	height: 100%;
	min-height: calc(100vh - 60px);
	overflow-y: scroll;
}

/*downalod-app*/
.top-app {
	display: none;
}

.app-on .top-app {
	display: block;
	position: relative;
	width: 100%;
	background: url(/static/image/download_app.png)no-repeat center/100%, url(/static/image/download_app.png)no-repeat center/100%;
	height: 16vw;
	margin-top: -16vw;
}

.app-on .top-app .app-close {
	width: 7%;
	height: 16vw;
	background: url(/static/image/download_app_close.png) no-repeat right center/3.5vw auto;
	display: block;
	float: left
}

.app-on .top-app .app-download {
	width: 93%;
	height: 16vw;
	display: block;
	float: right;
}

/*header*/
.mod-home.app-on {
	margin-top: 16vw;
}

.mod-home.header-scroll {
	padding-top: 0;
}

.header-scroll .header {
	position: relative;
}

.header {
	width: 100%;
	height: 60px;
	background: #ffffff;
	padding: 15px;
	position: fixed;
	top: 0;
	z-index: 99;
	box-sizing: border-box;
	overflow: hidden;
}

.header>div {
	min-width: 25px;
	min-height: 25px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
}

.header .header-left {
	left: 15px;
}

.header .header-center {
	left: 50%;
	transform: translate(-50%, -50%);
}

.header .header-right {
	right: 15px;
}

.header .header-title {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.header .header-logo {
	width: 130px;
}

.header a:not(.header-logo) {
	width: 25px;
	height: 25px;
	background: url(/static/image/icon_header.png?7) no-repeat center/50px;
}

.header a.header-download {
	background-position: 0 0;
}

.header a.header-download.white {
	background-position: -25px 0;
}

.header a.header-helper {
	background-position: 0 -25px;
}

.header a.header-helper.white {
	background-position: -25px -25px;
}

.header a.header-guide {
	background-position: 0 -75px;
}

.header a.header-guide.white {
	background-position: -25px -75px;
}

.header a.header-back {
	background-position: 0 -100px;
}

.header a.header-back.white {
	background-position: -25px -100px;
}

.header a.header-action {
	width: 55px;
	line-height: 25px;
	margin-left: 10px;
	color: #4b4b4b;
	background: linear-gradient(63deg, #FF944B 0%, #FCC166 100%, #FCC166 100%);
	border-radius: 15px;
	text-align: center;
}

/*header end*/

/*home*/
.home-nav {
	padding: 10px 15px;
	background: url(/static/image/bg_nav_home.png) no-repeat top center/cover;
}

.home-nav .profile {
	width: 75%;
	display: flex;
	align-items: center;
}

.home-nav .profile p {
	color: #4b4b4b;
	margin-left: 5px;
}

.home-nav .profile span {
	color: #fa6400;
	margin-left: 5px;
	letter-spacing: -1px;
	font-weight: bold;
}

.home-nav .profile-image {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	box-shadow: 0px 3px 6px 0px rgba(210, 130, 40, .5);
	overflow: hidden;
}

.home-nav .profile-image img {
	width: 100%;
}

.home-nav .wallet {
	display: flex;
	justify-content: space-around;
}

.home-nav .wallet a {
	text-align: center;
}

.home-nav .wallet a i {
	width: 40px;
	height: 40px;
	margin: 5px auto;
	background: url(/static/image/icon_nav_home.png) no-repeat center/40px;
	display: block;
}

.home-nav .wallet a.deposit i {
	background-position: 0 0;
}

.home-nav .wallet a.withdraw i {
	background-position: 0 -48px;
}

.home-nav .wallet a.transfer i {
	background-position: 0 -96px;
}

.home-nav .wallet a.record i {
	background-position: 0 -144px;
}

.home-nav .wallet a span {
	font-size: 14px;
	color: #4b4b4b;
}

.home-banner {
	position: relative;
	width: 100%;
	z-index: 10;
}

.home-banner li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

.home-banner li img {
	width: 100%;
}

.home-platform {
	background: #fff;
}

.home-platform .platform-category {
	font-size: 0;
	text-align: center;
	white-space: nowrap;
	overflow-x: scroll;
}

.home-platform .platform-category li {
	font-size: 14px;
	display: inline-block;
}

.home-platform .platform-category li a {
	padding: 0 15px;
	line-height: 40px;
	display: block;
}

.home-platform .platform-category li.active {
	position: relative;
}

.home-platform .platform-category li.active a {
	color: #ffa855;
}

.home-platform .platform-category li.active:after {
	content: '';
	width: 35px;
	height: 10px;
	background: url(/static/image/icon_home_pf.png) no-repeat center/30px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
}

.home-platform .platform-wrap {
	padding: 6px 3px;
}

.home-platform .platform-swiper a {
	width: 50%;
	padding: 3px;
	display: block;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.home-platform .platform-swiper a img {
	width: 100%;
}

.home-platform .platform-swiper a.maintenance:before {
	content: '';
	width: 50%;
	height: 50%;
	background: url(/static/image/icon_home_mnt.png) no-repeat top right / contain;
	position: absolute;
	top: 3px;
	right: 3px;
}

.home-platform .platform-swiper .swiper-slide {
	height: 0;
	padding-bottom: 77%;
}

.home-platform .platform-swiper .swiper-pagination {
	position: static;
	margin: 10px auto;
}

.home-platform .platform-swiper .swiper-pagination-bullet-active {
	background: #ffa855;
}

.home-platform .platform-swiper.empty .swiper-wrapper {
	padding-bottom: 77%;
}

.home-platform .platform-swiper.empty .swiper-pagination {
	visibility: hidden;
}

/*
.home-platform .swiper-hint{width:30px; height:30px; background:url(/static/image/icon_home_hint.png) no-repeat center/30px; position:absolute; top:50%; right:0; z-index:10; transform:translateY(-50%);}
.home-platform .swiper-hint.swiper-button-disabled{display:none;}
*/

.home-user-data {
	width: 100%;
	background: #F0F0F0;
	margin: 10px 0 10px;
	border-bottom: 0;
	overflow: hidden;
}

.home-user-data li {
	display: inline;
	float: left;
	position: relative;
	width: 50%;
	height: 0;
	border: 0;
	padding-bottom: 20%;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	margin-left: -1px;
}

.home-user-data li:first-child {
	background: url(/static/image/bonus1.png) no-repeat center center;
	background-size: 97%;
}

.home-user-data li:last-child {
	background: url(/static/image/bonus2.png) no-repeat center center;
	background-size: 97%;
}

.home-user-data li img {
	width: 47%;
	max-width: 225px;
	float: right;
	display: block;
}

.home-user-data li div {
	padding-left: 10px;
	position: absolute;
	top: 50%;
	left: 5%;
	color: #6f6f6f;
	margin-top: -16px;
}

.home-user-data li span {
	font-size: 18px;
	height: 18px;
	line-height: 1;
	display: block;
}

.home-user-data li em {
	color: #6f6f6f;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	display: block;
}

.home-aide {
	width: 100%;
	background: #fff;
	overflow: hidden;
}

.home-aide li {
	position: relative;
	float: left;
	display: inline;
	width: 25%;
	text-align: center;
	padding: 15px 0;
}

.home-aide li img {
	width: 75%;
	max-width: 180px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.home-aide li span {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	line-height: 1;
}

#gpShowBtn {
	background: #fff;
	padding: 20px;
	display: none;
}

#gpShowBtn a {
	font-size: 14px;
	width: 160px;
	height: 32px;
	display: block;
	margin: auto;
	text-align: center;
	position: relative;
	line-height: 32px;
	border-radius: 20px;
	background: #ffa959;
	background-image: -webkit-linear-gradient(to bottom, #ffc76b, #ff914a);
	background-image: linear-gradient(to bottom, #ffc76b, #ff914a);
	background-image: -webkit-linear-gradient(180deg, #ffc76b, #ff914a);
	background-image: linear-gradient(180deg, #ffc76b, #ff914a);
	color: #fff;
}

#gpShowBtn a:after {
	content: '';
	width: 10px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 15px;
	background: url(/static/image/arrow_w_down.png?1) no-repeat center;
	background-size: 10px;
}

#gpShowBtn a.expand:after {
	transform: rotate(180deg);
}

/*swiper banner*/
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide img {
	width: 100%;
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}

.pagination {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	z-index: 6;
	text-align: center
}

.banner .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #b6b7b9;
	border-radius: 10px;
	margin: 0 5px;
	cursor: pointer
}

.banner .swiper-active-switch {
	background: #fff;
	border-radius: 10px;
}

.home-banner .swiper-container {
	width: 100%;
	height: 100%;
	padding: 10px 0 15px;
}

.home-banner .swiper-slide {
	width: 90%;
	height: auto;
	transform: scale(.85);
	transition: transform .3s;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.home-banner .swiper-slide img {
	border-radius: 10px;
	box-shadow: 0 -1px 6px 2px rgba(0, 0, 0, .2);
}

.home-banner .swiper-slide-active {
	transform: scale(1);
}

.home-banner .pagination {
	bottom: 0;
}

.home-banner .pagination span {
	width: 8px;
	height: 4px;
	margin: 0 3px;
	background: #fff;
	opacity: 1;
	border-radius: 2px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
}

.home-banner .pagination .swiper-pagination-bullet-active {
	width: 16px;
	background: #ffb001;
}

/*swiper banner end*/

/*popup*/
.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

.popup-mask {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.popup-wrap {
	width: 90%;
	max-height: 80%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	margin: 0 auto;
	background: #fff;
	border-radius: 8px;
	overflow-y: auto;
}

.popup-wrap h2 {
	width: 100%;
	height: 60px;
	line-height: 50px;
	font-size: 20px;
	color: #000;
	border-top: 5px solid #f7a915;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	position: relative;
}

.popup-wrap h2 i {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	vertical-align: -2px;
	background: url(/static/image/icon_popup_bell.png) no-repeat center/contain;
	display: inline-block;
}

.popup-wrap h3 {
	width: 100%;
	padding: 0 30px 20px;
	font-size: 16px;
	color: #999;
	text-align: right;
	box-sizing: border-box;
}

.popup-wrap .popup-close {
	width: 15px;
	height: 15px;
	font-size: 0;
	background: url(/static/image/icon_popup_close.png) no-repeat center/15px;
	position: absolute;
	top: 18px;
	right: 12px;
	overflow: hidden;
}

.popup-content {
	padding: 0 30px 20px;
}

.popup-content p {
	font-size: 16px;
	line-height: 24px;
	color: #4B4B4B;
	text-align: justify;
}

.popup-content ul {
	background: #eeeeee;
	border: 1px solid #e5e5e5;
	height: 120px;
	padding: 12px 20px 0;
	line-height: 35px;
}

.popup-content ul li span {
	font-size: 16px;
}

.popup-footer {
	width: 100%;
	height: 60px;
}

.popup-footer a {
	float: left;
	width: 50%;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	background: #f7a915;
	text-align: center;
}

.popup-footer a.btn-grey {
	background: #e0e0e0;
	color: #4b4b4b;
}

.popup-game .popup-wrap h2 {
	height: 90px;
	line-height: 100px;
	font-weight: normal;
	border-top: none;
}

.popup-game .popup-content {
	padding: 0 30px 30px;
	display: flex;
	justify-content: space-between;
}

.popup-game .popup-content a {
	width: 45%;
	text-align: center;
}

.popup-game .popup-content span {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: normal;
	border-radius: 25px;
}

.popup-sports .popup-content img {
	width: 100%;
	margin-top: -10px;
}

.popup-imgcaptcha .popup-wrap {
	width: 340px;
}

.popup-imgcaptcha .popup-content {
	padding: 0 20px 20px;
}

.popup-ctu .popup-content {
	padding: 0 20px 20px;
}

.popup-ctu .popup-content a {
	height: 60px;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	background: url(/images/arrow-r.png) no-repeat right center/6px;
	display: flex;
	align-items: center;
}

.popup-ctu .popup-content a:last-child {
	border-bottom: none;
}

.popup-ctu .popup-content a i {
	width: 32px;
	height: 32px;
	margin-right: 15px;
	background: url(/static/image/icon_popup_cs.png) no-repeat top center/30px;
}

.popup-ctu .popup-content a p {
	font-size: 16px;
	color: #000;
	flex-grow: 1;
}

.popup-ctu .popup-content a p em {
	font-size: 12px;
	color: #ff944b;
	line-height: 1;
	display: block;
}

.popup-ctu .popup-content a.cs-info i {
	background-position: 0 0;
}

.popup-ctu .popup-content a.cs-support i {
	background-position: 0 -37px;
}

.popup-ctu .popup-content a.cs-vip i {
	background-position: 0 -74px;
}

.popup-ctu .popup-content a.cs-download i {
	background-position: 0 -111px;
}

.popup-ctu .popup-content a.cs-app i {
	background-position: 0 -149px;
}

.popup-ctu .popup-content a.cs-app span {
	padding: 4px 10px;
	color: #fff;
	background-image: linear-gradient(63deg, #FF944B 0%, #FCC166 100%, #FCC166 100%);
	border-radius: 25px;
}

.popup-recallfeedback .popup-content a {
	display: block;
	margin-top: 10px;
}

.popup-recallfeedback .grayscale {
	filter: grayscale(1);
	margin-top: 20px;
}

.popup-details .popup-content p {
	font-size: 14px;
	margin: 10px 0;
}

.popup-details .popup-content p:after {
	content: "";
	clear: both;
	display: table;
}

.popup-details .popup-content p span {
	float: left;
	width: 25%;
	font-weight: bold;
}

.popup-details .popup-content p em {
	float: left;
	width: 75%;
}

.popup-profile .popup-wrap-custom {
	width: 100%;
	height: 60%;
	position: absolute;
	bottom: 0;
	z-index: 2;
	background: #fff;
	border-radius: 25px 25px 0 0;
}

.popup-profile .popup-wrap-custom h2 {
	width: 100%;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
}

.popup-profile .popup-wrap-custom .popup-close {
	position: absolute;
	right: 20px;
	color: #989898;
	font-weight: normal;
}

.popup-profile .popup-content {
	height: calc(100% - 70px);
	padding: 0 20px 20px;
	overflow-y: auto;
}

.popup-profile .popup-content label {
	float: left;
	width: 19%;
	padding-bottom: 19%;
	margin: 4% 3%;
	border-radius: 50%;
	background: #eeeeee;
	position: relative;
	overflow: hidden;
}

.popup-profile .popup-content label input[type="radio"] {
	width: 0;
	height: 0;
	opacity: 0;
}

.popup-profile .popup-content label img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*popup end*/

/*notice*/
.notice {
	padding: 0 15px;
	background: #fff;
	display: flex;
	align-items: center;
}

.notice span {
	display: block;
}

.notice .message {
	display: block;
	position: relative;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #e4e4e4;
}

.notice .unread:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #ffa855;
	position: absolute;
	right: -3px;
	top: 2px;
	border-radius: 50%;
}

.notice .marquee-wrap {
	padding: 0 10px;
	overflow: hidden;
}

.notice .marquee {
	line-height: 45px;
	height: 45px;
	overflow: hidden;
	font-size: 0.8rem;
	color: #666;
}

.popup-notice .popup-content p span {
	display: none;
}

.popup-notice .popup-content p span.current {
	display: block;
}

.notice-list li {
	width: 100%;
	margin-bottom: 10px;
	word-break: break-all;
}

.notice-list li h2 {
	font-size: 18px;
	padding: 15px;
	color: #fff;
	background: #f7a915;
}

.notice-list li .notice-content {
	background-color: #fff;
	color: #999;
	border-bottom: 1px solid #dfdfdf;
	padding: 15px 10px;
}

.notice-list li .notice-content p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
}

.notice-list li .notice-content span {
	display: block;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	font-family: Times;
}

/*notice end*/

/*helper*/
.hd-cell {
	height: 52px;
	border-top: 0;
	border-bottom: 1px solid #dfdfdf;
	padding: 0 13px;
}

.hd-cell h2 {
	font-size: 17px;
	line-height: 52px;
}

.helper-icon {
	width: 5px;
	height: 20px;
	display: block;
	float: left;
	background: #FFB000;
	margin: 16px 8px 0 0;
}

.home-aide li {
	padding: 13px 0 15px;
}

.home-aide li img {
	width: 65%;
}

.home-aide li span {
	font-size: 15px;
	line-height: 15px;
	color: #666;
}

/*helper end*/



.animated-wobble:before {
	animation: wobble ease-in-out 3s infinite;
	animation-delay: 3s;
	transform-origin: 50% 50%;
}

@keyframes wobble {
	16.6% {
		transform: rotate(0deg);
	}

	21.6% {
		transform: rotate(-10deg);
	}

	23.3% {
		transform: rotate(10deg);
	}

	26.6% {
		transform: rotate(-5deg);
	}

	30.3% {
		transform: rotate(5deg);
	}

	33.3% {
		transform: rotate(0deg);
	}
}

/*footer end*/

/*account-login & account-reg*/
.mod-account {
	background: url(/static/image/bg_logreg.jpg) no-repeat top center/100%, url(/static/image/bg_logreg.jpg?1) no-repeat top center/100%;
}

.mod-account .gap {
	height: 30px;
	clear: both;
}

.mod-account .header {
	background: url(/static/image/bg_logreg.jpg) no-repeat top center/100%;
	position: absolute;
}

.mod-account .wrapper {
	min-height: calc(100vh - 60px);
	margin: 0 40px;
	padding-top: 50%;
	display: flex;
	flex-flow: column;
	box-sizing: border-box;
}

.mod-account .account-title {
	margin-bottom: 15px;
}

.mod-account .account-title p {
	color: #ff944b;
	font-size: 18px;
	font-weight: bold;
}

.mod-account .account-title span {
	color: #a8a8a8;
}

.mod-account .account-forms li {
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
	padding: 0 10px;
	background: #f0f0f0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.mod-account .account-forms li.acc-getcode {
	width: calc(100% - 100px);
	position: relative;
}

.mod-account .account-forms li.acc-getcode input[type=button] {
	width: 90px;
	position: absolute;
	right: -100px;
	color: #ffae3b;
	background: #fff;
	border: 1px solid #ffae3b;
	border-radius: 5px;
}

.mod-account .account-forms li.acc-captcha {
	width: calc(100% - 130px);
	position: relative;
}

.mod-account .account-forms li.acc-captcha img {
	width: auto;
	height: 40px;
	position: absolute;
	right: -130px;
	border-radius: 5px;
}

.mod-account .account-forms li.acc-imgcaptcha {
	background: none;
}

.mod-account .account-forms li.acc-mobile.tac {
	width: calc(100% - 100px);
	position: relative;
}

.mod-account .account-forms li.acc-mobile.tac input[type=button] {
	width: 90px;
	position: absolute;
	right: -100px;
	color: #ffae3b;
	background: #fff;
	border: 1px solid #ffae3b;
	border-radius: 5px;
}

.mod-account .account-forms li.acc-mobile.tac input[type=button]:disabled {
	filter: grayscale(1);
	pointer-events: none;
}

.mod-account .account-forms li label {
	min-width: 20px;
	height: 20px;
	margin-right: 10px;
	font-size: 0;
	background: url(/static/image/icon_logreg.png) no-repeat top center/20px;
}

.mod-account .account-forms li em {
	font-size: 14px;
	color: #ff0000;
	position: relative;
	top: -3px;
	right: -6px;
	text-align: right;
	display: block;
}

.mod-account .account-forms input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	flex-grow: 1;
	background: none;
	outline: 0;
	border: 0;
}

.mod-account .account-forms input::-webkit-input-placeholder {
	color: #ababab;
	opacity: 1;
}

.mod-account .account-forms input::-moz-placeholder {
	color: #ababab;
	opacity: 1;
}

.mod-account .account-forms input:-ms-input-placeholder {
	color: #ababab;
	opacity: 1;
}

.mod-account .account-forms input:-moz-placeholder {
	color: #ababab;
	opacity: 1;
}

.mod-account .quicklink {
	width: 100%;
	margin: auto auto 30px;
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
}

.mod-account .quicklink a {
	width: 120px;
	line-height: 30px;
	color: #ffae3b;
	border: 1px solid #ffae3b;
	border-radius: 5px;
	text-align: center;
}

.mod-account .quicklink i {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: -3px;
	background: url(/static/image/icon_quicklink.png) no-repeat top center/15px;
}

.mod-account .quicklink .ql-password i {
	background-position: 0 0;
}

.mod-account .quicklink .ql-mobile i {
	background-position: 0 -15px;
}

.mod-account .quicklink .ql-account i {
	background-position: 0 -30px;
}

.mod-account .no-acc-path {
	color: #a8a8a8;
	margin: 15px auto 30px;
	display: block;
	text-align: center;
}

.mod-account .forget-btn {
	color: #FFae3b;
	margin-top: -10px;
}

.mod-account .verify-eye {
	width: 26px;
	height: 18px;
	background: url(/static/image/icon_eye.png) no-repeat top center/20px;
	display: block;
}

.mod-account .verify-eye.visible {
	background-position: 0 -20px;
}

.mod-account .send-sms {
	width: 110px;
	line-height: 22px;
	color: #ffae3b;
	border: 1px solid #ffae3b;
	border-radius: 5px;
	text-align: center;
}

.mod-account .agreement a {
	color: #a8a8a8
}

.mod-account .agreement em {
	font-size: 14px;
	color: #ff0000;
	position: absolute;
	top: -3px;
	right: -8px;
}

.mod-account .account-forms li.acc-username label {
	background-position: 0 0;
}

.mod-account .account-forms li.acc-password label {
	background-position: 0 -20px;
}

.mod-account .account-forms li.acc-sms label {
	background-position: 0 -20px;
}

.mod-account .account-forms li.acc-mobile label {
	background-position: 0 -40px;
}

.mod-account .account-forms li.acc-code label {
	background-position: 0 -60px;
}

.mod-account .account-forms li.acc-captcha label {
	background-position: 0 -80px;
}

.mod-account .account-forms li.acc-mcaptcha label {
	background-position: 0 -80px;
}

.mod-account .account-forms li.acc-imgcaptcha label {
	background-position: 0 -80px;
}

/*account-login & account-reg*/

/*account-forget*/
.mod-forget .steps em {
	color: #ff944b;
	font-weight: bold;
}

.mod-forget .types {
	color: #ff944b;
	font-size: 14px;
	padding-bottom: 10px;
	font-weight: bold;
	position: relative;
}

.mod-forget .types:after {
	content: '';
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: #ff944b;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.mod-forget .forget-forms li {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	display: flex;
}

.mod-forget .forget-forms .form-ipt {
	flex-grow: 1;
}

.mod-forget .forget-forms input {
	width: 100%;
	line-height: 44px;
	border: 0;
	outline: 0;
}

.mod-forget .forget-forms label {
	min-width: 70px;
	margin-right: 5px;
	padding-left: 35px;
	text-align: right;
}

.mod-forget .fg-username label {
	background: url(/static/image/icon_ck_icon1.png) no-repeat 10px center/17px;
}

.mod-forget .fg-password label {
	background: url(/static/image/icon_pwd.png) no-repeat 15px center/12px;
}

.mod-forget .fg-mobile label {
	background: url(/static/image/icon_reg6.png) no-repeat 10px center/22px;
	;
}

.mod-forget .fg-email label {
	background: url(/static/image/icon_reg5.png) no-repeat 15px center/21px;
}

.mod-forget .fg-code label {
	background: url(/static/image/icon_pwd.png) no-repeat 15px center/15px;
}

.mod-forget .fg-code input[type="text"] {
	width: calc(100% - 80px);
}

.mod-forget .fg-code input[type="button"] {
	float: right;
	width: 80px;
	height: 44px;
	font-size: 14px;
	color: #fff;
	background: grey;
}

.mod-forget .success h4 {
	font-size: 18px;
}

.mod-forget .success img {
	width: 120px;
	margin: 0 auto;
	display: block;
}

/*account-forget*/

/*home-game*/
.mod-games .hd-tags {
	border: solid 1px #2b2b2b;
	margin: 15px auto 0;
	width: 302px;
}

.hd-tags span {
	border-left: 1px solid #2b2b2b;
	font-size: 14px;
}

.mod-games .hd-tags span.current {
	background: #2b2b2b;
}

.mod-games .mod-f-l {
	border-top: 1px solid #b1b1b1;
}

.mod-games .mod-f-l li {
	float: left;
	display: inline;
	width: 33%;
	padding: 5px 5px 10px 5px;
	box-sizing: border-box;
	border-bottom: none;
}

.mod-games .mod-f-l li .tit {
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}

.mod-games li a {
	padding: 0;
	line-height: 100%;
}

.mod-games li .games-icon {
	width: 100%;
	height: auto;
	max-width: 146px;
	margin: 0;
}

.gamelist-rows {
	background: #fff;
	padding: 10px 5px;
	display: flex;
	flex-wrap: wrap;
}

.gamelist-rows li {
	float: left;
	display: inline;
	width: 33%;
	padding: 5px 5px 10px 5px;
	text-align: center;
	box-sizing: border-box;
}

.gamelist-rows li a {
	padding: 0;
}

.gamelist-rows li img {
	width: 100%;
	height: auto;
	max-width: 150px;
	margin: 0;
}

.gamelist-rows li .tit {
	display: block;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.gamelist-rows .category-title {
	display: block;
	float: none;
	width: 100%;
	text-align: left;
	font-weight: bold;
}

/*home-game end*/

/*home-helper*/
.mod-helper .category {
	margin: 15px 0;
	background: #fff;
}

.mod-helper .category h2 {
	padding: 15px;
	font-size: 16px;
	color: #4b4b4b;
	text-indent: 15px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.mod-helper .category h2:before {
	content: '';
	width: 2px;
	height: 20px;
	background: #ffcf71;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 4px;
}

.mod-helper .category ul {
	padding: 5px 0 15px;
}

.mod-helper .category li {
	float: left;
	width: 25%;
	padding: 15px 15px 0;
	text-align: center;
	box-sizing: border-box;
}

.mod-helper .category li a {
	display: block;
}

.mod-helper .category li img {
	width: 60px;
}

.mod-helper .category li span {
	height: 30px;
	margin-top: 5px;
	display: block;
}

/*home-helper end*/

/*setting-bankcard*/
.mod-bankcard .card-item {
	padding: 15px;
	margin-bottom: 10px;
	border-radius: 8px;
	color: #fff;
}

.mod-bankcard .card-item.bg-1 {
	background: #ff4040;
}

.mod-bankcard .card-item.bg-2 {
	background: #456df7;
}

.mod-bankcard .card-item.bg-3 {
	background: #1dc535;
}

.mod-bankcard .card-item.bg-4 {
	background: #b357d2;
}

.mod-bankcard .bank-name {
	font-size: 16px;
}

.mod-bankcard .bank-info {
	opacity: .8;
	margin-top: 2px;
}

.mod-bankcard .bank-info span {
	margin-right: 10px;
}

.mod-bankcard .bank-num {
	font-size: 14px;
	letter-spacing: 5px;
	padding: 15px 0px 5px;
}

.mod-bankcard .bank-delete {
	width: 25px;
	height: 25px;
	background: url(/static/image/icon_dustbin.png) no-repeat center / 25px;
	position: absolute;
	bottom: 20px;
	right: 15px;
}

.mod-bankcard .form-check {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.mod-bankcard .ui-switcher {
	width: 40px;
	height: 20px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .4);
	position: relative;
}

.mod-bankcard .ui-switcher[aria-checked=true] {
	background-color: rgba(255, 255, 255, .5);
}

.mod-bankcard .ui-switcher:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	border-radius: 50%;
	background-color: rgba(185, 185, 185, .7);
	transition: left 0.25s;
}

.mod-bankcard .ui-switcher[aria-checked=false]:after {
	left: 0px;
}

.mod-bankcard .ui-switcher[aria-checked=true]:after {
	left: 20px;
	background-color: #fff;
}

.mod-bankcard .addcard-wrap .log-sub {
	width: 100%;
	height: 50px;
	background: url(/static/image/add_bg.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 0;
	line-height: 50px;
	color: #9d9d9d;
}

.mod-bankcard .layout.mt12 {
	position: relative;
}

.mod-bankcard i.add-icon {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/static/image/icon_add.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -13px
}

.mod-bankcard .mod-forms-2 li {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	position: relative;
}

.mod-bankcard .mod-forms-2 li i {
	display: block;
	width: 25px;
	height: 25px;
	float: left;
	margin: 12px 15px 0 10px
}

.mod-bankcard .mod-forms-2 li i.name-icon {
	background: url(/static/image/icon_tk_icon1.png) no-repeat center center;
	background-size: 100% 100%;
}

.mod-bankcard .mod-forms-2 li i.acc-icon {
	background: url(/static/image/icon_tk_icon2.png) no-repeat center center;
	background-size: 100% 100%;
}

.mod-bankcard .mod-forms-2 li i.bank-icon {
	background: url(/static/image/icon_tk_icon3.png) no-repeat center center;
	background-size: 100% 100%;
}

.mod-bankcard .mod-forms-2 li .form-ipt {
	height: 100%;
	box-sizing: border-box;
	margin-left: 0;
	padding-left: 120px
}

.mod-bankcard .mod-forms-2 li .form-ipt select {
	float: right;
}

.mod-bankcard .mod-forms-2 li label {
	text-align: left;
}

.mod-bankcard #form_card .mod-forms-2 {
	border-radius: 0;
	background: none
}

.mod-bankcard #form_card .mod-forms-2 li:first-child {
	margin-bottom: 20px;
}

.mod-bankcard #form_card .mod-forms-2 li:first-child label {
	padding-left: 15px
}

.mod-bankcard #form_card .mod-forms-2 li:nth-child(2) {
	border-top: 1px solid #dfdfdf;
}

.mod-bankcard #form_card h2 {
	display: none
}

.mod-bankcard .tk_tips2 {
	margin-top: 30px
}

.mod-bankcard .tk_tips2 p {
	font-size: 14px;
	line-height: 18px;
	color: #999;
	margin: 0 10px 14px
}

.mod-bankcard .tk_tips2 p b {
	color: #ff7501
}

.mod-bankcard .btn-delete {
	position: absolute;
	display: block;
	color: #ccc;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 2px 10px;
	right: 10px;
	bottom: 15px;
}

#form_card .mod-forms li label {
	width: 80px;
}

#form_card .mod-forms li .form-ipt {
	margin-left: 90px;
}

#form_card .mod-forms li .form-ipt input#mobile_code {
	width: 40% !important;
}

#form_card .mod-forms li .form-ipt input#verify_mobile_btn {
	-webkit-appearance: none;
}

@media screen and (max-width: 330px) {
	#mobile_form .mod-forms li .form-ipt input#mobile_code {
		width: 44% !important;
	}

	#form_card .mod-forms li .form-ipt input#mobile_code {
		width: 44% !important;
	}
}

/*setting-bankcard end*/

/*settting-info*/
.mod-info {
	background: #F6F6F6;
}

.mod-info .mt12 {
	margin: 0;
}

.mod-info .mod-f-l {
	border: none;
}

.mod-info .mod-forms-2,
.mod-info .mod-f-l {
	border-radius: 0;
}

.mod-info .mod-f-l li {
	border-bottom: 1px solid #dfdfdf;
}

.mod-info .mod-f-l li.no-next {
	padding: 0
}

.mod-info .mod-f-l li.no-next a {
	padding: 13px 10px;
}

.mod-info .mod-f-l li .tit {
	font-size: 17px;
}

.mod-info .f14px {
	font-size: 16px;
}

.mod-info .mod-f-l li.no-next {
	line-height: 23px;
}

.mod-info .arrow-r {
	margin-top: 3px;
}

.mod-info .tit {
	height: 23px;
	line-height: 22px;
}

.mod-info .tit i {
	display: block;
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 11px;
	margin-left: 5px;
	background: url(/static/image/info_icon1.png) no-repeat;
	background-size: 22px 22px;
}

.mod-info .tit i.real-name {
	background-image: url(/static/image/info_icon2.png);
}

.mod-info .tit i.birth-icon {
	background-image: url(/static/image/info_icon3.png);
}

.mod-info .tit i.email-icon {
	background-image: url(/static/image/info_icon4.png);
}

.mod-info .tit i.cell-icon {
	background-image: url(/static/image/info_icon5.png);
}

.mod-info .tit i.qq-icon {
	background-image: url(/static/image/info_icon6.png);
}

.mod-info .tit i.weixin-icon {
	background-image: url(/static/image/info_icon13.png);
}

.mod-info .tit i.reg-icon {
	background-image: url(/static/image/info_icon7.png);
}

.mod-info .tit i.pswset-icon {
	background-image: url(/static/image/info_icon8.png);
}

.mod-info .tit i.wtdcard-icon {
	background-image: url(/static/image/info_icon9.png);
}

.mod-info .tit i.wdpw-icon {
	background-image: url(/static/image/info_icon10.png);
}

.mod-info .tit i.logout-icon {
	background-image: url(/static/image/info_icon11.png);
}

.mod-info .c6 {
	color: #b3b3b3;
}

/*settting-info end*/

/*setting-address*/
#address_form .mod-forms li .form-ipt {
	margin-left: 102px;
}

/*setting-address end*/

/*accinfo*/
#accinfo {
	margin-bottom: 15px;
	padding: 8px 16px;
	color: #fff;
	border-radius: 8px;
	background-image: linear-gradient(106deg, #FFA162 0%, #FFCA77 98%);
	box-shadow: 0 6px 26px -6px rgba(0, 0, 0, 0.10);
}

#accinfo h3 {
	font-size: 18px;
	line-height: 24px;
	display: inline-block;
}

#accinfo a {
	float: right;
	padding: 4px 8px;
	margin-left: 10px;
	line-height: 1;
	border: 1px solid#fff;
	border-radius: 25px;
	color: #fff
}

#accinfo a>input.btn-sub {
	background: none;
	border: 0;
	color: #fff;
	line-height: 12px;
}

/*accinfo*/

/*gplist-grid*/
#gplist.grid-layout {
	position: relative;
}

#gplist.grid-layout:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 0;
	z-index: 1
}

#gplist.grid-layout li {
	float: left;
	width: 21%;
	height: 50px;
	padding: 15px 2%;
	border-bottom: 1px solid #ededed;
	text-align: center;
	position: relative;
}

#gplist.grid-layout li:after {
	content: '';
	width: 1px;
	height: 30px;
	background: #ededed;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}

#gplist.grid-layout li:nth-child(4n+1):after {
	display: none;
}

#gplist.grid-layout li[gpid="10000"] {
	display: none !important;
}

#gplist.grid-layout li.hide {
	display: none !important;
}

#gplist.grid-layout li span {
	display: block;
}

#gplist.grid-layout li span.tit {
	color: #808080;
	line-height: 16px;
	margin-bottom: 2px;
	min-height: 20px;
}

#gplist.grid-layout li span.bl {
	color: #000 !important;
}

#gplist.grid-layout li span:last-child {
	display: none;
}

#gpExpandBtn {
	width: 150px;
	margin: 15px auto;
	color: #fff;
	background: #ff944b;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	display: block;
}

/*gplist-grid end*/

/*date-range*/
.date-range {
	display: flex;
	justify-content: space-between;
}

.date-range a {
	color: #a8a8a8;
	background: #f0f0f0;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	display: block;
}

.date-range a.active {
	color: #fff;
	background: #ff944b;
}

.date-range.five a {
	width: 18%;
}

/*date-range*/

/*history-wrap*/
.history-wrap {
	padding: 15px;
	background: #fff;
	box-sizing: border-box;
}

.history-wrap h4 {
	color: #383838;
	font-size: 14px;
	font-weight: bold;
}

.history-wrap .history-ipt {
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #808080;
	padding: 0 10px;
	border: 1px solid #979797;
	border-radius: 5px;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.history-wrap .history-slt {
	padding: 0 20px 0 10px;
	border: 1px solid #979797;
	border-radius: 5px;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.history-wrap .history-slt p {
	width: 100%;
	height: 35px;
	line-height: 35px;
	color: #808080;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.history-wrap .history-slt:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: 6px;
	top: 14px;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #b3b3b3 transparent transparent transparent;
}

/*history-wrap*/

/*history-link*/
.history-link {
	display: flex;
	justify-content: space-between;
}

.history-link a {
	font-size: 14px;
	color: #a8a8a8;
	padding-bottom: 10px;
	position: relative;
}

.history-link a.active {
	color: #ff944b;
	font-weight: bold;
	pointer-events: none;
}

.history-link a.active:after {
	content: '';
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: #ff944b;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/*history-link*/

/*wallet-index*/
.mod-windex>ul {
	background: #fff;
	margin-bottom: 10px;
}

.mod-windex .account {
	width: 100%;
	padding: 15px 15px 0;
	background: url(/static/image/bg_account.jpg);
	background-size: cover;
	box-sizing: border-box;
}

.mod-windex .quicklink {
	text-align: right;
	font-size: 0;
}

.mod-windex .quicklink a {
	width: 24px;
	height: 24px;
	background: url(/static/image/icon_header.png?2);
	background-size: 48px;
	display: inline-block;
}

.mod-windex .quicklink a.download {
	background-position: -24px 0;
	margin-right: 24px;
}

.mod-windex .quicklink a.message {
	background-position: -24px -48px;
}

.mod-windex .quicklink a.unread:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #ffa855;
	position: absolute;
	right: -2px;
	top: 0;
	border-radius: 50%;
}

.mod-windex .profile {
	display: flex;
	align-items: center;
	margin: 15px auto;
}

.mod-windex .profile-image {
	width: 60px;
	height: 60px;
	position: relative;
}

.mod-windex .profile-image img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0px 7px 10px 0px rgba(210, 130, 40, .5);
	overflow: hidden;
}

.mod-windex .profile-image a {
	width: 20px;
	height: 20px;
	background: url(/static/image/icon_edit.png) center/20px;
	position: absolute;
	bottom: 0;
	right: -10px;
	border-radius: 50%;
}

.mod-windex .profile-info {
	margin-left: 20px;
	flex-grow: 1;
	background: url(/static/image/arrow_white.png) no-repeat center right/9px;
}

.mod-windex .profile-info p {
	font-size: 18px;
	color: #fff;
	line-height: 1;
	margin-bottom: 7px;
	font-weight: bold;
	text-shadow: 0 2px 6px rgba(233, 109, 13, .3);
}

.mod-windex .profile-info span {
	font-size: 12px;
	color: #fff;
	text-shadow: 0 2px 6px rgba(233, 109, 13, .3);
}

.mod-windex .balance {
	color: #fff;
	line-height: 40px;
	padding: 0 20px;
	background: url(/static/image/bg_balance.jpg) #5d584b no-repeat center right/320px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	overflow: hidden;
}

.mod-windex .balance em {
	font-size: 12px;
}

.mod-windex .balance span {
	font-size: 16px;
	vertical-align: top;
}

.mod-windex .balance i {
	width: 15px;
	height: 15px;
	margin-left: 10px;
	background: url(/static/image/icon_refresh.png) 22px 22px/28px;
	display: inline-block;
	vertical-align: sub;
}

.mod-windex .balance i.loading {
	transform: rotate(720deg);
	transition: transform 1s ease-in-out;
	filter: brightness(80%);
	pointer-events: none;
}

.mod-windex .wallet {
	padding: 0 15px;
	display: flex;
	justify-content: space-around;
}

.mod-windex .wallet li {
	margin: 5px 0 10px;
}

.mod-windex .wallet a {
	width: 100px;
	padding-top: 65px;
	font-size: 14px;
	color: #4b4b4b;
	text-align: center;
	background: no-repeat top center/75px;
	display: block;
}

.mod-windex .wallet .deposit a {
	background-image: url(/static/image/icon_deposit.png);
}

.mod-windex .wallet .withdraw a {
	background-image: url(/static/image/icon_withdraw.png);
}

.mod-windex .wallet .transfer a {
	background-image: url(/static/image/icon_transfer.png);
}

.mod-windex .action {
	padding: 20px 15px;
}

.mod-windex .action li {
	width: calc(50% - 7.5px);
}

.mod-windex .action li h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.mod-windex .action li p {
	font-size: 10px;
	letter-spacing: -.5px;
}

.mod-windex .action li a {
	height: 70px;
	padding: 15px;
	background: #f2f2f2 no-repeat center right+10px/55px;
	border-radius: 7px;
	display: block;
	box-sizing: border-box;
}

.mod-windex .action .security a {
	background-image: url(/static/image/icon_security.png);
}

.mod-windex .action .agent a {
	background-image: url(/static/image/icon_agent.png);
}

.mod-windex .record {
	padding: 15px;
}

.mod-windex .record li {
	width: 33%;
	float: left;
	text-align: center;
}

.mod-windex .record.eight li {
	width: 25%;
}

.mod-windex .record li a {
	margin: 15px auto;
	display: block;
}

.mod-windex .record li i {
	width: 35px;
	height: 35px;
	margin: 5px auto 10px;
	background: url(/static/image/icon_record.png?2) no-repeat;
	background-size: 35px;
	display: block;
}

.mod-windex .record li.rc-acc i {
	background-position: 0 0;
}

.mod-windex .record li.rc-htr i {
	background-position: 0 -35px;
}

.mod-windex .record li.rc-bhtr i {
	background-position: 0 -70px;
}

.mod-windex .record li.rc-bnhtr i {
	background-position: 0 -105px;
}

.mod-windex .record li.rc-bc i {
	background-position: 0 -140px;
}

.mod-windex .record li.rc-cshtr i {
	background-position: 0 -175px;
}

.mod-windex .record li.rc-pr i {
	background-position: 0 -210px;
}

.mod-windex .record li.rc-prhtr i {
	background-position: 0 -245px;
}

.mod-windex .extlink {
	padding: 0 15px;
	margin-bottom: 0;
}

.mod-windex .extlink li a {
	font-size: 14px;
	color: #4b4b4b;
	line-height: 45px;
	background: url(/images/arrow-r.png) no-repeat right center/6px;
	position: relative;
	display: flex;
	align-items: center;
}

.mod-windex .extlink li a:after {
	content: '';
	width: calc(100% - 28px);
	height: 1px;
	background: rgba(0, 0, 0, 0.10);
	position: absolute;
	bottom: 0;
	right: 0;
}

.mod-windex .extlink li:last-child a:after {
	display: none;
}

.mod-windex .extlink li i {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url(/static/image/icon_extlink.png) no-repeat;
	background-size: 18px;
}

.mod-windex .extlink li.el-about i {
	background-position: 0 0;
}

.mod-windex .extlink li.el-help i {
	background-position: 0 -18px;
}

.mod-windex .extlink li.el-contact i {
	background-position: 0 -36px;
}

.mod-windex .extlink li.el-guide-app i {
	background-position: 0 -54px;
}

.mod-windex .extlink li.el-app i {
	background-position: 0 -72px;
}

.mod-windex .extlink li.el-sport i {
	background-position: 0 -90px;
}

/*wallet-index*/

/*wallet-account*/
.mod-waccount .wallet {
	padding: 0 15px;
	display: flex;
	justify-content: space-around;
}

.mod-waccount .wallet li {
	margin: 15px auto;
}

.mod-waccount .wallet a {
	width: 100px;
	padding-top: 65px;
	font-size: 14px;
	color: #4b4b4b;
	text-align: center;
	background: no-repeat top center/75px;
	display: block;
}

.mod-waccount .wallet .deposit a {
	background-image: url(/static/image/icon_deposit.png);
}

.mod-waccount .wallet .withdraw a {
	background-image: url(/static/image/icon_withdraw.png);
}

.mod-waccount .wallet .transfer a {
	background-image: url(/static/image/icon_transfer.png);
}

/*wallet-account*/

/*wallet - shared*/
.data-list dl dd em.cGreen {
	color: #009856
}

.data-list dl dd em.cRed {
	color: #ff0000
}

/*wallet - shared end*/

/*wallet-deposit*/
#withdrawApply {
	padding-top: 60px;
}

#withdrawApply .top-content-wrap {
	background: url(/static/image/icon_sh_new.png) no-repeat center top;
	background-size: 113px 110px;
	padding-top: 123px;
}

#withdrawApply .top-content-wrap h2 {
	font-size: 20px;
	color: #414141;
	font-weight: 400;
	margin-bottom: 20px;
}

#withdrawApply .top-content-wrap .cRed {
	color: #ffa600;
}

#withdrawApply .top-content-wrap p {
	font-size: 13px;
	color: #727272;
	margin: 0 10px;
}

#withdrawApply .forms-btn-g {
	margin-top: 70px;
	margin-bottom: 25px;
}

#withdrawApply .forms-btn-g a {
	width: 45%;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 23px;
	font-weight: normal;
	padding: 0;
}

#withdrawApply .forms-btn-g a.btn-sub {
	background: url(/static/image/btn_111.png) no-repeat;
	background-size: 100% 56px;
}

#withdrawApply .forms-btn-g a.btn-reset {
	background: url(/static/image/btn_112.png) no-repeat;
	background-size: 100% 56px;
}

/*wallet-deposit end*/

/*wallet-withdraw*/
#withdraw_form .mod-forms li label {
	padding-left: 8px;
}

.mod-withdraw h4.title {
	color: #383838;
	font-size: 14px;
	font-weight: bold;
}

.mod-withdraw .user-bank-wrap li a {
	position: relative;
	display: block;
}

.mod-withdraw .user-bank-wrap li a.arrow-r {
	background: url(/images/arrow-r.png) no-repeat right center/6px;
	margin-bottom: -10px;
}

.mod-withdraw .user-bank-wrap li a.bb {
	border-bottom: 1px solid #e5e5e5;
}

.mod-withdraw .user-bank-wrap li:last-child a.bb {
	border-bottom: none;
}

.mod-withdraw .user-bank-info {
	color: #383838;
	font-size: 14px;
	line-height: 45px;
	display: flex;
	align-items: center;
}

.mod-withdraw .user-bank-info .tit {
	margin: 0 10px;
}

.mod-withdraw .addcard-wrap {
	text-align: center;
}

.mod-withdraw .addcard-wrap h4.title {
	text-align: left;
}

.mod-withdraw .addcard-btn {
	width: auto;
	padding: 0 30px;
	font-size: 14px;
	display: inline-block;
}

.mod-withdraw .addcard-btn em {
	font-size: 20px;
}

.mod-withdraw .withdraw-fee {
	padding-left: 35px;
	background: url(/static/image/icon_withdraw5.png) no-repeat left+5px center/20px;
}

.mod-withdraw .withdraw-apply {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.mod-withdraw .withdraw-apply h2 {
	font-size: 20px;
	font-weight: bold;
}

/*wallet-withdraw end*/

/*wallet-withdrawverify*/
#mobile_form .mod-forms li label {
	width: 80px;
}

#mobile_form .mod-forms li .form-ipt {
	margin-left: 90px;
}

#mobile_form .mod-forms li .form-ipt input#mobile_code {
	width: 53% !important;
}

#mobile_form .mod-forms li .form-ipt input#verify_mobile_btn {
	-webkit-appearance: none;
}

#withdraw_form .mod-forms li label {
	padding-left: 8px;
}

@media screen and (max-width: 330px) {
	#mobile_form .mod-forms li .form-ipt input#mobile_code {
		width: 44% !important;
	}

	#form_card .mod-forms li .form-ipt input#mobile_code {
		width: 44% !important;
	}
}

/*wallet-withdrawverify end*/

/*wallet-usdtGuide*/
.mod-usdtGuide::before {
	content: '';
	background: url(/static/image/usdtGuide/bg.png)no-repeat center top;
	background-size: cover;
	height: 100%;
	width: 100vw;
	display: block;
	position: fixed;
	z-index: 1
}

.mod-usdtGuide .header-top {
	background: none;
	box-shadow: none;
}

.mod-usdtGuide h3 {
	font-size: 24px;
	color: #fff;
	z-index: 2;
	position: relative;
	text-align: center;
}

.mod-usdtGuide p {
	color: #fff;
	font-size: 14px;
	position: relative;
	top: -25px;
}

.mod-usdtGuide .slider01 img {
	width: 85%;
	margin: 0 auto;
	position: absolute;
	top: 10%;
	bottom: auto;
	left: 0;
	right: 0;
}

.mod-usdtGuide .slider img {
	top: 0;
	max-width: 85%;
	width: auto;
}

.mod-usdtGuide .slider_last img {
	width: 70%;
	margin: 0 auto;
}

.mod-usdtGuide .ico-scroll-down a {
	background: url(/static/image/usdtGuide/ico_down.png)no-repeat;
	background-size: 100% 100%;
	width: 10px;
	height: 30px;
	position: fixed;
	bottom: 15px;
	text-align: center;
	right: 47%;
	z-index: 100
}

.mod-usdtGuide .hidden {
	display: none;
}

.mod-usdtGuide .top {
	line-height: 60px;
	height: 20vh;
	width: 100%;
	z-index: 3;
	position: fixed
}

.mod-usdtGuide .text {
	text-align: center;
	font-size: 24px;
	color: #fff;
	z-index: 99;
	position: absolute;
	top: 20%;
	bottom: auto;
	left: 0;
	right: 0;
}

.mod-usdtGuide .course_img,
.mod-usdtGuide .course_img.slider_last {
	width: 100%;
	height: calc(var(--vh, 1vh) * 100);
	position: relative;
	text-align: center;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: calc(var(--vh, 1vh) * 20);
	padding-bottom: calc(var(--vh, 1vh) * 20);
	box-sizing: border-box;
}

/*wallet-usdtGuide end*/

/*wallet-transfer*/
.mod-transfer .selection {
	padding: 15px;
	background: #fff;
	display: flex;
	align-items: flex-end;
	box-sizing: border-box;
}

.mod-transfer .selection li h4 {
	color: #383838;
	font-size: 14px;
	font-weight: bold;
}

.mod-transfer .selection li a {
	padding: 0 20px 0 10px;
	border: 1px solid #979797;
	border-radius: 5px;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.mod-transfer .selection li a:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: 6px;
	top: 14px;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #b3b3b3 transparent transparent transparent;
}

.mod-transfer .selection li p {
	color: #808080;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mod-transfer .selection li span {
	color: #808080;
}

.mod-transfer .selection li:not(.icon-arrow) {
	width: 50%;
	flex-grow: 1;
	overflow: hidden;
}

.mod-transfer .selection li.icon-arrow {
	width: 50px;
	height: 35px;
	background: url(/static/image/icon_transfer_arrow.png) no-repeat center/20px;
}

/*wallet-transfer end*/

/*new wallet cryptoGuide */
.cryptoGuide .slick-slide {
	width: 100%;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	display: flex !important;
	box-sizing: border-box;
	outline: 0;
	position: relative;
	overflow: hidden;
}

.cryptoGuide .slick-slide img {
	height: calc(100vh - 60px);
}

.cryptoGuide .video-wrap {
	width: 100%;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	display: flex !important;
	box-sizing: border-box;
}

.cryptoGuide .video-wrap video {
	max-width: 100%;
	max-height: calc(100vh - 60px);
}

.cryptoGuide.active {
	display: flex;
}

.cryptoGuide-list {
	width: 100%;
	max-width: calc((100vh - 60px) * 0.5627);
	margin: 0 auto;
	background: #FFFFFF;
	position: relative;
}

.cryptoGuide-list:after {
	content: '';
	width: 100%;
	height: calc(100vh - 60px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: url(/static/image/newdeposit/cryptoGuide/bg_cryptoGuide_02.png) #FFFFFF no-repeat center top / cover;
}

.cryptoGuide-list>div {
	position: relative;
	z-index: 1;
}

.cryptoGuide-title {
	height: calc((100vh - 60px) * 0.212);
	margin-bottom: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cryptoGuide-title h2 {
	line-height: 1;
	color: #FFFFFF;
	text-align: center;
}

.cryptoGuide-nav {
	width: 100%;
	padding: 5%;
	box-sizing: border-box;
}

.cryptoGuide-nav a {
	width: 100%;
	height: 7vh;
	padding: 2%;
	margin-bottom: 6%;
	background: #FFFFFF;
	box-shadow: 0.1rem 0.1rem 0.7rem rgb(0 0 0 / 15%);
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.cryptoGuide-nav a em {
	width: 15%;
	margin-right: 3%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cryptoGuide-nav a img {
	max-width: 100%;
}

.cryptoGuide-nav a span {
	line-height: 1.4;
}

.cryptoGuide.usdt .slick-slide {
	position: relative;
}

.cryptoGuide.usdt .slick-slide:after {
	content: '';
	width: 100%;
	max-width: calc((100vh - 60px) * 0.5627);
	height: calc(100vh - 60px);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	background: url(/static/image/newdeposit/cryptoGuide/bg_cryptoGuide_02.png) #FFFFFF no-repeat center top / cover;
}

.cryptoGuide.usdt .slick-slide.full img {
	transform: scale(1);
}

.cryptoGuide.usdt .slick-slide img {
	z-index: 1;
	transform: scale(0.88);
}

/* Dots */
.cryptoGuide .series .slick-dots {
	position: absolute;
	bottom: 2%;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.cryptoGuide .series .slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	padding: 0;
	cursor: pointer;
}

.cryptoGuide .series .slick-dots li button {
	background: #f6cd9b;
	width: 15px;
	height: 3px;
	border-radius: 10px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
}

.cryptoGuide .series .slick-dots li.slick-active button {
	top: 4px;
	position: relative;
	background: #ef9b39;
	color: #fff;
	font-size: 12px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

.cryptoGuide .series .slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.cryptoGuide .series .slick-dots li button:hover:before,
.cryptoGuide .series .slick-dots li button:focus:before {
	opacity: 1;
}

.cryptoGuide .series .slick-arrow {
	width: 50px;
	height: 50px;
	z-index: 2;
	border: 0;
	font-size: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url(../static/image/newdeposit/cryptoGuide/arrow.png?1)no-repeat;
	background-size: 200%;
}

.cryptoGuide .series .slick-arrow:focus {
	outline: none;
	border: 0;
}

.cryptoGuide .series .slick-prev {
	background-position: 0 0;
	left: 2%;
}

.cryptoGuide .series .slick-next {
	background-position: 100% 0;
	right: 2%
}

.crypto-info {
	position: absolute;
	bottom: 15%;
	text-align: center;
}

.crypto-info a {
	background: linear-gradient(to right, #fad48c, #fda65a);
	color: #fff;
	border-radius: 50px;
	padding: 10px 35px;
	font-size: 14px;
	line-height: 1;
	display: block;
}

.crypto-info input {
	opacity: 0;
	cursor: pointer;
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
}

.crypto-info .tooltip .tooltiptext {
	display: none;
	width: 66px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 999;
	bottom: -90%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
}

@media (orientation:portrait) {
	.crypto-info {
		width: 80%;
		max-width: 360px;
	}

	.crypto-info a {
		font-size: 16px;
	}
}

/*promotion*/
.mod-promotions .menu-sub-fixed {
	width: 100%;
	position: fixed;
	top: 60px;
	z-index: 10;
	background: #fff;
	overflow-x: scroll;
}

.mod-promotions .menu-sub {
	font-size: 0;
	text-align: center;
	white-space: nowrap;
}

.mod-promotions .menu-sub li {
	font-size: 14px;
	line-height: 40px;
	padding: 0 15px;
	display: inline-block;
}

.mod-promotions .menu-sub li a {
	color: #a8a8a8;
	position: relative;
	display: block;
}

.mod-promotions .menu-sub li.current a {
	color: #ff944b;
}

.mod-promotions .menu-sub li.current a:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #ff944b;
	position: absolute;
	bottom: 0;
	left: 0;
}

.mod-promotions .promo-hot {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.mod-promotions .promo-hot li {
	width: calc(33% - 5px);
}

.mod-promotions .promo-hot li img {
	max-width: 100%;
	border-radius: 5px;
}

.mod-promotions .promo-list li {
	margin-bottom: 15px;
	padding: 15px;
	display: flex;
	background: #fff;
}

.mod-promotions .promotions-banner-wrap {
	width: 40%;
}

.mod-promotions .promotions-banner-wrap img {
	border-radius: 5px;
}

.mod-promotions .promotions-banner {
	max-width: 100%;
}

.mod-promotions .promotions-info {
	width: 60%;
	padding-left: 10px;
	position: relative;
	box-sizing: border-box;
}

.mod-promotions .actinfo {
	padding-bottom: 22px;
}

.mod-promotions .actinfo h3 {
	font-size: 14px;
	line-height: 16px;
	color: #000;
}

.mod-promotions .actdetail {
	width: calc(100% - 15px);
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
}

.mod-promotions .actdetail span {
	font-size: 12px;
	color: #808080;
}

.mod-promotions .actdetail span em {
	color: #ff944b;
}

.mod-promotions .actdetail span i {
	width: 14px;
	height: 14px;
	margin-right: 4px;
	vertical-align: -2px;
	background: url(../static/image/icon_promo_view.png) no-repeat center/contain;
	display: inline-block;
}

.promotions-state .apply-btn,
.promotions-state .apply-btn:active {
	background: url(/static/image/navbg2.png) repeat-x;
	color: #333;
}

.promotions-state .grey-btn,
.promotions-state .grey-btn:active {
	background: #ccc;
	color: #fff;
}

.promotions-content {
	padding: 15px 10px 57px 10px;
}

/*promotion end*/

/*cshistory*/
.mod-cshistory-detail {
	background: #fff;
	padding: 10px 0;
}

.mod-cshistory-detail .mod-forms li {
	margin: 15px auto;
	color: #999;
	font-size: 12px;
	border-radius: 7px;
	border: 1px solid #f8ecb8;
	box-shadow: 0 0 4px 1.5px #f8ecb8;
}

.mod-cshistory-detail .mod-forms li .form-ipt {
	margin-left: 0px;
}

.mod-cshistory-detail .mod-forms li .form-ipt>span {
	color: #666;
}

.mod-cshistory-detail .mod-forms li .w100.form-ipt {
	margin-left: 10px;
}

.mod-cshistory-detail .mod-forms li .form-ipt .txt-ipt {
	width: 68%;
}

.mod-cshistory-detail .mod-forms label {
	width: auto;
	text-align: left;
}

.mod-cshistory-detail .mod-forms .form-upload label {
	width: 100%;
}

.mod-cshistory-detail .confirm-sub {
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	margin-top: 20px;
	background: linear-gradient(#ffb677, #fea36c);
}

/*cshistory end*/

.modal-platform .forms-btn-g .btn-sub {
	margin-right: 11px;
}

.mod-forms li .form-ipt .txt-ipt {
	background: none;
}

.items li span.ml10 {
	margin-left: 8px;
}

.items li em.f16px {
	font-size: 15px;
}

.MsoNormalTable td {
	padding: 8px 2px;
}

.introduce-wrap {
	background: #fff;
	font-size: 14px;
	color: #333;
}

.introduce-wrap .introduce-content {
	padding: 25px;
}

.introduce-wrap .introduce-content img {
	width: 100%;
	margin-bottom: 25px;
}

.introduce-wrap .introduce-content .description {
	padding-top: 15px;
	border-top: 1px solid #ccc;
	line-height: 22px;
	word-break: break-all;
	text-align: justify;
}

.introduce-wrap .copyright {
	background: #222;
	color: #ccc;
	text-align: center;
	line-height: 40px;
}

/********************
NEW UI style start here
*********************/
/*red packet */
#redPacketBtn {
	cursor: pointer;
	display: block;
	width: 100px;
	height: 100px;
	background: url(../d11_images/redpacket_rain/redpacket_btn.png) no-repeat center/ 100%, url(../images/redpacket_rain/redpacket_btn.png) no-repeat center/ 100%;
	position: fixed;
	right: 0;
	top: 70px;
	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: 9999;
	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: 300px;
	height: 390px;
	position: relative;
	background: url(../d11_images/redpacket_rain/redpacket_popup.png?2) no-repeat center / 100%, url(../images/redpacket_rain/redpacket_popup.png?2) no-repeat center / 100%;
	margin: -195px auto 0;
	top: 50%;
	box-sizing: border-box;
	text-align: center;
	padding: 48px;
}

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

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

#redPacketPopUp a {
	cursor: pointer;
}

#redPacketPopUp a {
	cursor: pointer;
}

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

#redPacketPopUp .get-btn {
	display: block;
	background: url(../images/redpacket_rain/redpacket_more.png) no-repeat center / 100%;
	width: 180px;
	height: 30px;
	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;
	font-family: "Microsoft YaHei"
}

#redPacketNotice.active {
	visibility: visible;
}

#redPacketNotice>div {
	width: 375px;
	height: 304px;
	position: relative;
	background: url(../images/redpacket_rain/redpacket_notice.png?1) no-repeat center / 100%;
	margin: -152px auto 0;
	top: 50%;
	box-sizing: border-box;
	padding: 50px;
	color: #70100a;
	font-size: 13px;
}

#redPacketNotice h4 {
	text-align: center;
	font-weight: bold;
	color: #70100a;
	font-size: 24px;
	margin-bottom: 20px;
}

#redPacketNotice .close-btn {
	width: 100px;
	height: 43px;
	background: url(../images/redpacket_rain/redpacket_confirm.png?1) no-repeat center / 100%;
	display: block;
	margin: 10px auto 0;
}

/*sponsors*/
.sponsors-slider img,
.live-panel img {
	width: 100%;
}

.enter-sports {
	display: block;
	width: 39vw;
	height: 13vw;
	background: url(/static/image/btn_enter.png) no-repeat center/100%;
	margin: -48vw auto 5vw;
	position: relative;
}

.sponsors-nav {
	margin-bottom: 5vw;
}

.sponsors-nav img {
	max-width: 100%;
	max-height: 14vw;
	margin: 0 auto;
}

.sponsors-nav .slick-slide {
	height: 30vw;
	background: #fff;
	margin: 0;
	border-right: 1px solid #f0f0f0;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 6vw 5px;
	box-sizing: border-box;
}

.sponsors-nav .slick-slide.slick-current {
	background-image: linear-gradient(180deg, #FFDD8F 0%, #FFB956 100%);
	outline: none;
	box-shadow: 0 1px 4px 0 rgba(250, 166, 26, 0.21);
	flex-direction: column;
}

.sponsors-nav .slick-slide.select-change.slick-current img {
	filter: brightness(100)
}

.sponsors-nav .slick-slide.slick-current:after {
	content: "进入游戏";
	display: block;
	font-size: 4vw;
	color: #fff;
	margin-top: 2vw
}

.sponsors-nav .slick-slide.select-change.slick-current:after {
	margin-top: 3vw
}

.live-panel {
	position: relative;
}

.live-panel a {
	display: block;
	position: absolute;
	left: 31.5vw;
	bottom: 5vw;
	width: 39vw;
	height: 13vw;
	background: url(/static/image/btn_enter.png) no-repeat center/100%;
}

/*sub header*/
.sub-header {
	display: flex;
	color: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 50px;
	background: #333333;
	border-bottom: none;
	z-index: 999;
	width: 100%;
	z-index: 9998;
	padding: 0 10px;
	line-height: 50px;
	justify-content: space-between;
	font-size: 19px;
	box-sizing: border-box;
}

.sub-header a {
	color: #fff;
	font-size: 14px;
	box-sizing: border-box;
}

.sub-header a.arrow-back {
	background: url(/static/image/newdeposit/icon_arrow3.png) no-repeat left center/20px;
	padding-left: 15px;
}

/*deposit info*/
.mod-depositinfo .dinfo-panel {
	margin-bottom: 15px;
	padding: 8px 10px;
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 0 2px 6px 0 rgba(104, 42, 0, 0.20);
	border-radius: 8px;
	position: relative;
	transition: right .3s;
	right: 0;
}

.mod-depositinfo .dinfo-panel p {
	margin-bottom: 10px;
	color: #000;
}

.mod-depositinfo .dinfo-panel span {
	font-size: 12px;
	color: #7f7f7f;
	margin-right: 10px;
}

.mod-depositinfo .dinfo-panel .casename {
	font-size: 16px;
	color: #ff812c;
}

.mod-depositinfo .dinfo-panel .cardowner {
	font-size: 14px;
}

.mod-depositinfo .dinfo-panel .cardnum {
	font-size: 18px;
	margin-bottom: 0;
}

.mod-depositinfo .dinfo-panel .btn-default {
	font-size: 10px;
	line-height: 18px;
	color: #979797;
	padding-right: 20px;
	background: url(../images/depositinfo/btn_default.png) no-repeat center right/14px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.mod-depositinfo .dinfo-panel.default .btn-default {
	background-image: url(../images/depositinfo/btn_default_2.png);
}

.mod-depositinfo .dinfo-panel .btn-delete {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	background: url(../images/depositinfo/btn_delete.png) no-repeat center right/50px;
}

.mod-depositinfo .dinfo-panel.swipeleft {
	right: 100px
}

.mod-depositinfo .dinfo-panel.swipeleft .btn-delete {
	right: -85px;
	z-index: 1;
}

.mod-depositinfo .dinfo-tips {
	width: calc(100% - 30px);
	position: absolute;
	bottom: 25px;
	text-align: center;
}

.mod-depositinfo .dinfo-tips p {
	font-size: 11px;
	color: #ff9f3b;
	margin-bottom: 10px;
}

.mod-depositinfo .popup-dinfo .popup-wrap {
	padding: 15px 25px;
	font-size: 14px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
}

.mod-depositinfo .popup-dinfo h1 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.mod-depositinfo .popup-dinfo li {
	width: 100%;
	line-height: 30px;
	margin: 10px 0;
	color: #4d4d4d;
	display: flex;
}

.mod-depositinfo .popup-dinfo label {
	min-width: 85px;
	text-align: right;
}

.mod-depositinfo .popup-dinfo input {
	width: 100%;
	padding: 0 10px;
	border: 1px solid #e7e7e7;
	outline: 0;
	flex-grow: 1;
}

.mod-depositinfo .popup-dinfo .forms-btn {
	text-align: center;
	margin: 30px 0 10px;
}

.mod-depositinfo .popup-dinfo a {
	width: 100px;
	height: 34px;
	line-height: 32px;
	margin: 0 10px;
	font-size: 16px;
	display: inline-block;
}

.mod-depositinfo .popup-dinfo a+a {
	background: #a3a3a3;
	background-image: linear-gradient(180deg, #c9c9c9, #a3a3a3);
}

.mod-depositinfo .dinfo-close {
	background: url(../images/depositinfo/close.png) no-repeat center/100%;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right: 10px;
}

.mod-depositinfo .dinfo-panel .overlay {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(51, 51, 51, .5);
	background: linear-gradient(rgba(114, 114, 114, .5) 0%, rgba(51, 51, 51, .5) 100%);
	z-index: 9999;
	text-align: center;
	padding-top: 45px;
}

.mod-depositinfo .dinfo-panel .overlay a {
	font-size: 16px;
	width: 80px;
	margin: 0 5px;
	line-height: 36px;
	border-radius: 18px;
	display: inline-block;
	text-align: center;
	background: #fe9b53;
	background: linear-gradient(90deg, #fe9b53 0%, #fcc679 100%);
	color: #fff;
	box-shadow: 0 0 2px #fbbe5f;
	border: 1px solid #fff;
}

.mod-depositinfo .dinfo-panel .overlay a:last-child {
	background: #676767;
	background: linear-gradient(90deg, #676767 0%, #3e3e3e 100%);
}

.mod-depositinfo .dinfo-panel .overlay-dlt a {
	margin: 0 10px;
	width: 110px;
}

/*terms*/
.mod-terms {
	background: #fff;
	width: 100%;
}

.mod-terms .area-main {
	padding: 5px 3% 20px;
	font-size: 14px;
	color: #6C6C6C;
	line-height: 1.75;
}

.mod-terms .help-item>a,
.mod-terms .area-main h5 {
	color: #4B4B4B;
	font-weight: bold;
	margin-top: 13px;
	display: block;
}

.mod-terms .area-main p {
	padding-left: 15px;
	margin-top: 10px;
}

.mod-terms .area-main p.second-level,
.mod-terms .area-main ol {
	padding-left: 35px;
	margin-top: 10px;
}

.mod-terms .area-main .second-level+ol {
	padding-left: 50px;
}

.mod-terms .area-main ol li {
	margin-top: 5px;
}

.copyBtn {
	border-radius: 1px;
	border: #ffad24 1px solid;
	color: #ffad24;
	padding: 0px 5px;
	cursor: pointer;
	background: none;
	margin: 0;
}

.copyable-input {
	border: none;
	background-image: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 1px;
	min-width: 0px;
	color: transparent;
}

/** qualityplayer popup **/
.popup-quality-player .popup-wrap {
	background: url(../d11_images/qualityplayer/bg.png?1) no-repeat center top/100%, url(../images/qualityplayer/bg.png?1) no-repeat center top/100%;
	width: 500px;
	max-width: 70vw;
	height: 126vw;
	max-height: none;
	top: 50%;
	box-sizing: border-box;
	padding: 57vw 0 0;
	transform: translateY(-60%);
	overflow: visible;
}

.popup-quality-player .popup-content {
	padding: 0 12%;
	max-height: 42vw;
	overflow: auto;
	height: auto;
}

.popup-quality-player .popup-content p {
	font-size: 12px;
	color: #6E6E6E;
	line-height: 1.5;
}

.popup-quality-player .popup-content h4 {
	color: #333;
	text-align: left;
	font-size: 16px;
	margin-bottom: 12px;
}

.popup-quality-player .popup-content p {
	color: #6E6E6E;
	font-size: 12px;
}

.popup-quality-player .btn-orange,
.popup-quality-player .btn-orange:hover {
	background-image: linear-gradient(270deg, #FBCE81 0%, #FF914A 100%);
	border-radius: 6px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 14px;
	box-sizing: border-box;
}

.popup-quality-player .popup-bottom {
	position: absolute;
	bottom: 0;
	left: 12%;
	right: 12%;
	text-align: center;
	padding-bottom: 6vw;
}

.popup-quality-player .popup-bottom p {
	margin: 10px 0;
}

.popup-quality-player .popup-bottom:after {
	content: '';
	display: block;
	width: 1px;
	left: 50%;
	height: 12vw;
	background: #FF924B;
	position: absolute;
	bottom: -6vw;
}

.popup-quality-player .btn-close {
	display: block;
	margin-top: 6vw;
	width: 30px;
	height: 30px;
	background: url(../images/qualityplayer/btn_close.png) no-repeat center top/100%;
	position: absolute;
	bottom: calc(0px - 6vw - 30px);
	left: 50%;
	margin-left: -15px;
}

.custom-checkbox {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	vertical-align: bottom;
}

.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	border: 2px solid #E4E4E4;
	border-radius: 5px;
	box-sizing: border-box;
}

.checkmark:after {
	content: '';
	position: absolute;
	display: none
}

.custom-checkbox input:checked~.checkmark:after {
	display: block
}

.custom-checkbox .checkmark:after {
	left: 3px;
	top: 1px;
	width: 3px;
	height: 6px;
	border: solid #FFA855;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* faqs */
.mod-faqs .box-wrap {
	background: #fff;
	border-radius: 10px;
	margin: 20px 10px;
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / 8%);
}

.mod-faqs {
	background: url(../images/faqs/header_bg.png) no-repeat center top/100%;
	padding-top: 60px;
	color: #666;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5;
}

.mod-faqs .faqs-header {
	background: url(../images/faqs/header_bg.png) no-repeat center top/100%;
	height: 44px;
	text-align: center;
	line-height: 44px;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #000;
}

.mod-faqs .header-prev {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../static/image/icon_header.png?7) no-repeat 0 -100px/50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(.9);
	left: 10px;
}

.mod-faqs .faqs-header+.box-wrap {
	margin-top: 0;
}

.mod-faqs .faqs-types {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0;
}

.mod-faqs .faqs-types li {
	width: 33.33%;
	text-align: center;
	padding: 10px 0;
}

.mod-faqs .faqs-types i {
	display: block;
	margin: 0 auto 7px;
	width: 40px;
	height: 40px;
	background: url(../images/faqs/icons_nav.png) no-repeat center top/100%;
}

.mod-faqs .faqs-types i.icon-withdraw {
	background-position: 0 20%;
}

.mod-faqs .faqs-types i.icon-discount {
	background-position: 0 40%;
}

.mod-faqs .faqs-types i.icon-help {
	background-position: 0 60%;
}

.mod-faqs .faqs-types i.icon-game {
	background-position: 0 80%;
}

.mod-faqs .faqs-types i.icon-sp {
	background-position: 0 100%;
}

.mod-faqs .faqs-nav {
	position: relative;
	display: flex;
	line-height: 44px;
	font-size: 16px;
	color: #646566;
	justify-content: stretch;
	text-align: center;
	overflow: hidden;
}

.mod-faqs .faqs-nav li {
	flex: 1 1 auto;
}

.mod-faqs .faqs-nav .cur {
	background: #fa6400;
	color: #fff;
	font-weight: bold;
}

.mod-faqs .faqs-list {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform .5s;
}

.mod-faqs .faqs-list.translate1 {
	transform: translateX(-100%);
}

.mod-faqs .faqs-list .box-wrap {
	margin: 0 10px 20px;
	padding: 10px;
	max-height: 350px;
	overflow-y: auto;
	flex-shrink: 0;
	box-sizing: border-box;
	width: calc(100% - 20px);
}

.mod-faqs .faqs-list li {
	line-height: 36px;
	border-bottom: 1px solid #efefef;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.mod-faqs .popup-bottom {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .7);
	display: none;
	z-index: 9999;
}

.mod-faqs .popup-bottom-wrap {
	position: absolute;
	overflow-y: auto;
	background: #fff;
	transition: transform .3s;
	height: 80%;
	z-index: 9999;
	border-radius: 16px 16px 0 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: stretch;
	flex-direction: column;
	transform: translateY(100%);
	transition: transform .5s;
}

.mod-faqs .popup-bottom.active .popup-bottom-wrap {
	transform: translateY(0);
}

.mod-faqs .popup-bottom-wrap>* {
	flex: 0 0 auto;
	padding: 10px 15px;
}

.mod-faqs .popup-bottom-wrap .popup-bottom-content {
	flex: 1 1 auto;
}

.mod-faqs .popup-bottom-header,
.mod-faqs .popup-bottom-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mod-faqs .popup-bottom-header {
	border-bottom: 1px solid #efefef;
	padding-top: 20px;
}

.mod-faqs .popup-bottom-header h3 {
	font-weight: bold;
	padding-right: 10px;
}

.mod-faqs .popup-bottom-header .btn-close {
	flex: 0 0 auto;
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/faqs/icon_close.png) no-repeat center/100%;
}

.mod-faqs .popup-bottom-footer {
	border-top: 1px solid #efefef;
	line-height: 20px;
}

.mod-faqs .popup-bottom-footer .btn-cs {
	background: url(../images/faqs/icon_cs.png) no-repeat left center/20px;
	padding-left: 25px;
}

.mod-faqs .popup-bottom-footer .btn-solved,
.mod-faqs .popup-bottom-footer .btn-unsolved {
	width: 83px;
	height: 33px;
	background: url(../images/faqs/solve.png) no-repeat right center/auto 100%;
	display: block;
}

.mod-faqs .popup-bottom-footer .btn-solved {
	margin-left: auto;
	background-position: left center;
}

.mod-faqs .popup-bottom-content {
	padding: 20px 15px;
}

.mod-faqs .popup-types {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 9998;
	transform: translateX(100%);
	transition: transform .5s;
	display: flex;
	justify-content: stretch;
	flex-direction: column;
}

.mod-faqs .popup-types.active {
	transform: translateX(0)
}

.mod-faqs .popup-types .faqs-header {
	background: #fff;
	border-bottom: 10px solid #fcfcfc;
}

.mod-faqs .types-list {
	padding: 54px 10px 20px;
	flex: 1 1 auto;
	overflow-y: auto;
}

.mod-faqs .types-list li {
	line-height: 36px;
	border-bottom: 1px solid #efefef;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/*popup-bankcryptowallet*/
.popup-bankcryptowallet .bottom {
	width: 100%;
	display: block;
	position: relative;
	bottom: 0;
	display: flex;
	margin: 10px auto;
}

.popup-bankcryptowallet .bottom a {
	width: 50%;
	margin-top: 8px;
	line-height: 30px;
	height: 30px;
	border-radius: 20px;
	margin: 5px 10px;
	text-align: center;
	font-size: 14px;
}

.popup-bankcryptowallet .bottom .orange-button {
	background: linear-gradient(to right, #fe8d43, #fbcc80);
}

.popup-bankcryptowallet .bottom .grey-button {
	background: #e0e0e0;
	color: #4b4b4b;
}

/*large image popup*/
.largeimg-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #00000099;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

.largeimg-close {
	background: url(../images/popup/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;
}